@charset "UTF-8";
/**
 *
 *  global.css
 *  サイト共通
 *
 */
/*--------------------------------------------------------------------------
   html
---------------------------------------------------------------------------*/
html {
  overflow-y: scroll;
}

/*--------------------------------------------------------------------------
   body
---------------------------------------------------------------------------*/
body {
  overflow: hidden;
  min-width: 1180px;
  color: #333;
  font-family: 'ヒラギノ角ゴ ProN W3',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
  font-size: 14px;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

::-moz-selection {
  background: #FCBD8A;
}

::selection {
  background: #FCBD8A;
}

/*--------------------------------------------------------------------------
   Container
---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
   Header
---------------------------------------------------------------------------*/
#Header {
  position: relative;
  background: #fff;
/*  z-index: 1000000;*/
}
#Header > .c_l_content {
  padding: 10px 0 0;
}

.hd_content {
  position: relative;
}

/* .hd_logo
-----------------------------------------------------------------*/
.hd_logo {
  float: left;
  width: 20%;
  margin-top: 40px;
}
.hd_logo .logo,
.hd_logo .rakuten {
  float: left;
}
.hd_logo .rakuten {
  margin-left: 15px;
}

/* .hd_tagline
-----------------------------------------------------------------*/
.hd_tagline {
  position: absolute;
  top: 17px;
  color: #959595;
  font-size: 12px;
  line-height: 1.5;
  z-index: 100000;
  letter-spacing: 0;
}

/* .hd_nav_wrap
-----------------------------------------------------------------*/
.hd_nav_wrap {
  float: right;
  width: 80%;
  text-align: right;
}
.hd_nav_wrap a {
  text-decoration: none;
}
.hd_nav_wrap a:hover {
  text-decoration: underline;
}
.hd_nav_wrap .block01 ul {
  display: inline-block;
  vertical-align: middle;
}
.hd_nav_wrap .nav_header {
  font-size: 12px;
}
.hd_nav_wrap .nav_header li {
  display: inline-block;
  margin-right: 13px;
}
.hd_nav_wrap .sns {
  overflow: hidden;
  margin-right: -5px;
}
.hd_nav_wrap .sns li {
  float: left;
  margin-right: 5px;
}
.hd_nav_wrap .sns a {
  text-decoration: none;
}
.hd_nav_wrap .sns a:hover {
  text-decoration: underline;
}
.hd_nav_wrap .block02 {
  margin-top: 15px;
}
.hd_nav_wrap .block02 > * {
  display: inline-block;
  vertical-align: middle;
}
.hd_nav_wrap .login,
.hd_nav_wrap .notice,
.hd_nav_wrap .d_search,
.hd_nav_wrap .caution {
  position: relative;
  margin-right: 27px;
  font-size: 12px;
}
.hd_nav_wrap .login:before,
.hd_nav_wrap .notice:before,
.hd_nav_wrap .d_search:before,
.hd_nav_wrap .d_search:caution {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -11px;
}
.hd_nav_wrap .login {
  padding-left: 30px;
}
.hd_nav_wrap .login:before {
  width: 21px;
  height: 22px;
  background: url(../../shared/images/hd_ico_login.png);
}
.hd_nav_wrap .notice,
.hd_nav_wrap .d_search {
  padding-left: 28px;
}
.hd_nav_wrap .notice:before {
  width: 20px;
  height: 20px;
  background: url(../../shared/images/hd_ico_notice.png);
}
.hd_nav_wrap .d_search:before {
  width: 20px;
  height: 20px;
  background: url(../../shared/images/hd_ico_d_search.png);
}
.hd_nav_wrap .search .input_search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 224px;
/*  width: 264px;*/
  height: 38px;
  font-size: 12px;
  padding: 10px 0px 10px 20px;
  border: 0;
  background: url(../../shared/images/hd_bg_search.png) no-repeat;
}
.hd_nav_wrap .search .submit{
	margin-left:-5px;
}

/*--------------------------------------------------------------------------
   グローバルナビ
---------------------------------------------------------------------------*/
.hd_global_navi {
  /* .gnav_lower
  -----------------------------------------------------------------*/
}
.hd_global_navi .gnav_list {
  float: left;
}
.hd_global_navi .gnav_list > li {
  float: left;
}
.hd_global_navi .gnav_list > li > a {
  position: relative;
  display: block;
}
.hd_global_navi .gnav_list > li > a:before {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  height: 7px;
  opacity: 0;
  background: #4f4f4f;
  bottom: 0;
  left: 50%;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hd_global_navi .gnav_list > li.is_active a:before {
  background: #e85a56;
}
.hd_global_navi .gnav_list > li:hover a:before, .hd_global_navi .gnav_list > li.is_active a:before {
  opacity: 1;
}
.hd_global_navi .gnav_lower {
  overflow: hidden;
  /*overflow-y: scroll;*/
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 52px;
  left: 50%;
  width: 1260px;
  margin-left: -630px;
  background: #f3f3f3;
  opacity: 0;
}

.hd_global_navi .gnav_lower h3{
font-weight:normal;
display: inline;
}

.hd_global_navi .gnav_lower .gnav_lower_inline > .c_l_content {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 20px 0 20px;
}
.hd_global_navi .gnav_lower .cat_ttl {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}
.hd_global_navi .gnav_lower .cat_ttl a {
  text-decoration: none;
}
.hd_global_navi .gnav_lower .cat_ttl a:hover {
  text-decoration: underline;
}
.hd_global_navi .gnav_lower .btn_cat_top {
  float: left;
  width: 180px;
}
.hd_global_navi .gnav_lower .btn_cat_top a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-top: 35px;
  min-height: 120px;
  font-size: 14px;
  font-weight: bold;
}
.hd_global_navi .gnav_lower .btn_cat_top .c_btn_style01-arw02 {
  min-height: 53px;
  padding-bottom: 10px;
}
.hd_global_navi .gnav_lower .bnrs {
  float: right;
  overflow: hidden;
  margin-bottom: 35px;
}
.hd_global_navi .gnav_lower .bnrs li {
  float: left;
}
.hd_global_navi .gnav_lower .bnrs a {
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.hd_global_navi .gnav_lower .bnrs a:hover {
  opacity: 0.6;
}
.hd_global_navi .gnav_lower .links_style01 a {
  text-decoration: none;
}
.hd_global_navi .gnav_lower .links_style01 a:hover {
  text-decoration: underline;
}
.hd_global_navi .gnav_lower .links_style01 .col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 16.6%;
  padding-right: 10px;
}
.hd_global_navi .gnav_lower .links_style01 .list_wrap + .list_wrap {
  margin-top: 16px;
}
.hd_global_navi .gnav_lower .links_style01 .ttl {
  margin-bottom: 6px;
  color: #e33f3b;
  font-weight: bold;
  font-size: 12px;
}
.hd_global_navi .gnav_lower .links_style01 .list li {
  font-size: 11px;
}
.hd_global_navi .gnav_lower .links_style01 .list li + li {
  margin-top: 1px;
}

/* #GlobalNavi  ページ上部
-----------------------------------------------------------------*/
#GlobalNavi {
  position: relative;
}
#GlobalNavi > .inline {
  margin: 15px auto 0;
}
#GlobalNavi .gnav_list {
  width: 960px;
  margin-left: -35px;
}
#GlobalNavi .gnav_list .gnav01 > a:before {
/*  width: 84px;
  margin-left: -42px;*/
  width: 104px;
  margin-left: -42px;
}
#GlobalNavi .gnav_list .gnav02 > a:before {
/*  width: 108px;
  margin-left: -54px;*/
  width: 128px;
  margin-left: -55px;
}
#GlobalNavi .gnav_list .gnav03 > a:before {
  width: 86px;
  margin-left: -44px;
}
#GlobalNavi .gnav_list .gnav04 > a:before {
  width: 54px;
  margin-left: -27px;
}
#GlobalNavi .gnav_list .gnav05 > a:before {
  width: 82px;
  margin-left: -41px;
}
#GlobalNavi .gnav_list .gnav06 > a:before {
  width: 43px;
  margin-left: -24px;
}
#GlobalNavi .gnav_list .gnav07 > a:before {
  width: 58px;
  margin-left: -28px;
}
#GlobalNavi .gnav_list .gnav08 > a:before {
  width: 108px;
  margin-left: -54px;
}
#GlobalNavi .gnav_list .gnav09 > a:before {
  width: 69px;
  margin-left: -35px;
}
#GlobalNavi .gnav_list .gnav10 > a:before {
  width: 60px;
  margin-left: -27px;
}
#GlobalNavi .cart {
  float: right;
}

/* #FixedGlobalNavi  ページ上部固定
-----------------------------------------------------------------*/
#FixedGlobalNavi {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 1180px;
  height: 50px;
  background: #fff;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
  z-index: 1000000;
}
#FixedGlobalNavi.is_show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
#FixedGlobalNavi > .inline {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 1180px;
  margin: 0 auto;
  padding-left: 13px;
}
#FixedGlobalNavi .logo {
  float: left;
}
#FixedGlobalNavi .gnav_lower {
  top: 50px;
}
#FixedGlobalNavi .gnav_list {
  margin-left: 16px;
}
#FixedGlobalNavi .gnav_list > li > a:before {
  height: 6px;
}
.fixed_only #FixedGlobalNavi .gnav_list .gnav01 > a:before {
  width: 70px;
  margin-left: -35px;
}
.fixed_only #FixedGlobalNavi .gnav_list .gnav02 > a:before {
  width: 91px;
  margin-left: -47px;
}
#FixedGlobalNavi .gnav_list .gnav03 > a:before {
  width: 72px;
  margin-left: -36px;
}
#FixedGlobalNavi .gnav_list .gnav04 > a:before {
  width: 48px;
  margin-left: -24px;
}
#FixedGlobalNavi .gnav_list .gnav05 > a:before {
  width: 70px;
  margin-left: -35px;
}
#FixedGlobalNavi .gnav_list .gnav06 > a:before {
  width: 36px;
  margin-left: -18px;
}
#FixedGlobalNavi .gnav_list .gnav07 > a:before {
  width: 48px;
  margin-left: -24px;
}
#FixedGlobalNavi .gnav_list .gnav08 > a:before {
  width: 92px;
  margin-left: -46px;
}
#FixedGlobalNavi .gnav_list .gnav09 > a:before {
  width: 59px;
  margin-left: -30px;
}
#FixedGlobalNavi .gnav_list .gnav09 > a:before {
  width: 50px;
  margin-left: -30px;
}
#FixedGlobalNavi .gnav_list .gnav10 > a:before {
  width: 50px;
  margin-left: -45px;
}
#FixedGlobalNavi .block {
  float: right;
  text-align: right;
}
#FixedGlobalNavi .block a {
  text-decoration: none;
}
#FixedGlobalNavi .block a:hover {
  text-decoration: underline;
}

#FixedGlobalNavi .block .brandlist {
  float: left;
  margin: 15px 20px 0 0;
  font-size: 12px;
}

#FixedGlobalNavi .block .d_search {
  float: left;
  margin: 15px 20px 0 0;
  font-size: 12px;
}

#FixedGlobalNavi .block .d_search:before {
  content: "";
  padding-right: 24px;
  width: 20px;
  height: 20px;
  background: url(../../shared/images/hd_ico_d_search.png) no-repeat;
}
#FixedGlobalNavi .block .search,
#FixedGlobalNavi .block .cart {
  display: inline-block;
  vertical-align: middle;
}
#FixedGlobalNavi .block .search .input_search {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 200px;
  height: 30px;
/*  margin-right: 15px;*/
  padding: 5px 0 5px 20px;
  border: 0;
  background: url(../../shared/images/gnav_fixed_bg_search.png) no-repeat;
  font-size: 12px;
}

#FixedGlobalNavi .block .search .submit{
	height:30px;
	margin-left:-5px;
	margin-right:10px;
}

#FixedGlobalNavi .links {
  display: inline-block;
  overflow: hidden;
  width: 72px;
  vertical-align: middle;
}
#FixedGlobalNavi .links li {
  float: left;
}
#FixedGlobalNavi .links li + li {
  margin-left: 8px;
}
#FixedGlobalNavi .cart {
  margin-left: 10px;
  -webkit-transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
          transition: opacity 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#FixedGlobalNavi .cart:hover {
  opacity: 0.7;
}

/*--------------------------------------------------------------------------
   #Header.fixed_only  fixed固定ナビのみのヘッダー
---------------------------------------------------------------------------*/
#Header.fixed_only {
/*  padding-top: 50px;*/
}
#Header.fixed_only #FixedGlobalNavi {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

/*--------------------------------------------------------------------------
   固定ナビぶん全体の上に高さをとる
---------------------------------------------------------------------------*/
/*
#Header.fixed_only {
  padding-top: 38px;
}*/
#Header.fixed_only + table {
	padding-top: 50px;
}


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
/* .ft_site_links  ご利用案内 会社案内リンク
-----------------------------------------------------------------*/
.ft_site_links {
  padding: 35px 0;
  border-top: 1px solid #E5E5E5;
}
.ft_site_links a {
  text-decoration: none;
}
.ft_site_links a:hover {
  text-decoration: underline;
}
.ft_site_links dl {
  overflow: hidden;
}
.ft_site_links dl + dl {
  margin-top: 10px;
}
.ft_site_links dt {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding-right: 32px;
  min-width: 108px;
  font-weight: bold;
}
.ft_site_links dd {
  overflow: hidden;
}
.ft_site_links li {
  margin-right: 22px;
  display: inline-block;
  font-size: 12px;
}

/* .ft_corp_links  コーポレートリンク
-----------------------------------------------------------------*/
.ft_corp_links {
  padding: 56px 0;
  background: #f5f5f5;
}
.ft_corp_links ul {
  text-align: center;
}
.ft_corp_links li {
  display: inline-block;
  margin: 0 21px;
}

/* .ft_bottom  フッター下部  サイトについて
-----------------------------------------------------------------*/
.ft_bottom {
  padding: 20px 0;
}
.ft_bottom .txt {
  text-align: right;
  font-size: 12px;
}

/* .ft_copyright  コピーライト
-----------------------------------------------------------------*/
.ft_copyright {
  padding: 26px 0;
  background: #222222;
  color: #fff;
  text-align: center;
  font-size: 12px;
}

/*--------------------------------------------------------------------------
   Content
---------------------------------------------------------------------------*/
/* パンくずリスト
-----------------------------------------------------------------*/
#BreadCrumb {
  padding: 34px 0;
  font-size: 12px;
}
#BreadCrumb a {
  margin-right: 6px;
  text-decoration: none;
}
#BreadCrumb a:hover {
  text-decoration: underline;
}
#BreadCrumb li {
  padding-right: 3px;
  display: inline-block;
  position: relative;
}

/*--------------------------------------------------------------------------
   Main
---------------------------------------------------------------------------*/
a.crumbsList {
	font-size:13px;
	letter-spacing: 0;
	margin-top:6px;
}

a.crumbsList + br,
a.crumbsList + br + br,
table [height~="5"] + br{
	display:none;
}

a.crumbsList + br,
a.crumbsList + br + br,
table [height~="5"] + br{
	display:none;
}

a.crumbsList + br + a:before {
	content: "\A" ;
	white-space: pre ;
}

#Head_Image {
    width: 1100px;
    margin: 0 auto 16px auto;
}
#Main-section {
    display: block;
    width: 1100px;
    margin: 0 auto;
}
.cate_text_area span.Long_txt {
    width: auto;
}

/* new_cate
---------------------*/

.cate_brand_top {
/*    width: 826px;*/
    margin-bottom: 20px;
}

.cate_brand_top h2,
.cate_brand_top h4 {
    font-family: "Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
    color: #3E3E3E;
/*    width: 826px;*/
    height: 50px;
    margin: 0;
    line-height: 50px;
    text-indent: 15px;
    font-weight: bold;
    font-size: 18px;
    background: url("http://shopping.geocities.jp/10keiya/img/base/brandttl_bg.jpg") repeat-x 0 100%;
    position: relative;
}

.cate_brand_top h2 a,
.cate_brand_top h4 a {
    position: absolute;
    right: 10px;
    top: 10px;
}

.ptcp {
	text-align:center;
}




.cate_text_area {
/*    width: 826px;*/
    margin-bottom: 40px;
    overflow: hidden;
}

.cate_text_area span {
    font-family: 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
    float: left;
    width: 610px;
    padding: 0px 10px 0px 15px;
    letter-spacing: 0.04em;
	font-size:12px;
    line-height: 18px;
}

.cate_text_area .tmb_img {
    line-height: 0;
    float: left;
}

.nav-category{
	width: 1100px;
	margin: 0 auto;
	padding: 30px 0 40px;
}
.nav-category ul{
	padding: 0 50px;
}
.nav-category ul li{
	float: left;
	padding-right: 32px
}
.nav-category ul li:nth-child(4n){
	padding-right: 0;
}


/* 変な点線削除 */
table [height~="3"],
table [height~="5"],
table [height~="6"]{
	display:none;
}

/* レビューボタン大きく */
.rp_link {
	font-size: 100%!important;
	line-height: 2em!important;
}

/* レビューエリア見やすく */
table [width~="610"] {
	width: 1100px;
	margin-bottom: 30px;
}

table [width~="610"] td [width~="150"] {
	width: 300px;
}

/* レビューを書くのところ */
.dev-pc table[height~="100%"],
.dev-sp table[height~="100%"]  {
	height:0%;
}

.dev-pc table[width~="700"] td[align~="right"],
.dev-sp table[width~="700"] td[align~="right"]{
	white-space:nowrap;
}

/*--------------------------------------------------------------------------
   グローバル追加
---------------------------------------------------------------------------*/

ul.list li .ico_new {
display: inline-block;
color: #e33f3b;
font-size: 10px;
line-height: 1.1;
padding: 0 5px;
margin-left: 7px;
border-radius: 8px;
z-index: 1;
-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
font-smoothing: auto;
-moz-osx-font-smoothing: auto;
border: 1px solid #e33f3b;
}

ul.list li .ico_pickup {
display: inline-block;
background: #e33f3b;
color: #ffffff;
font-size: 10px;
line-height: 1.3;
padding: 0 5px;
margin-left: 7px;
border-radius: 8px;
z-index: 1;
-webkit-font-smoothing: auto;
-moz-font-smoothing: auto;
font-smoothing: auto;
-moz-osx-font-smoothing: auto;
}


/* 160908追加 */

/* fixedの場合、左よりに表示 */
#FixedGlobalNavi .gnav_lower {
  overflow: hidden;
  /*overflow-y: scroll;*/
  overflow-y: auto;
  display: none;
  position: absolute;
  top: 50px;
  left: 700px;
  width: 1260px;
  margin-left: -630px;
  background: #f3f3f3;
  opacity: 0;
}

.hd_global_navi .gnav_lower .cat_ttl {
	margin: -10px 0 15px 0;
	color: #e33f3b;
	font-weight: bold;
}

#FixedGlobalNavi .gnav_list .gnav01 > a:before {
  width: 86px;
  margin-left: -35px;
}
#FixedGlobalNavi .gnav_list .gnav02 > a:before {
  width: 108px;
  margin-left: -48px;
}

#FixedGlobalNavi .block h2 {
  display: inline;
}

/* 181115追加 */
/* .ft_outline_links  会社案内リンク
-----------------------------------------------------------------*/
.ft_outline_links {
	padding: 35px 0;
	background: #e4e4e4;
}
.ft_outline_links a {
  text-decoration: none;
}
.ft_outline_links a:hover {
  text-decoration: underline;
}

.ft_outline_links dd {
  overflow: hidden;
}
.ft_outline_links ul {
	width: 1100px;
	text-align: center;
}
.ft_outline_links li {
    margin: 0 20px;
    display: inline-block;
    font-size: 15px;
}