@charset "utf-8";

html{ overflow-x: hidden;}
body{ overflow-x: hidden; padding-bottom: 64px; min-width:320px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:62.5%; color:#333; line-height:1.5; }
#FS2_layout_body { background:none; }

/* reset */
p,h1,h2,h3,h4,h5{ margin:0;}
ul,ol,dt,dd{ margin:0; padding:0;}
li{ list-style:none; margin:0;}

#header img,
#footer img,
.pagetop img,
.tosalepage img,
.container img,
#top-facebook img,
#checked-item img { width: 100%; height: auto; }
a{ text-decoration:none; color:#333;}

/* clearfix */
.clearfix{ zoom:1;}
.clearfix:after{ content:""; display:block; clear:both;}

#menu-overlay{ display:none; z-index:10; position:fixed; top:0; left:0; width:100%; height:120%;}
#menu-btn{ width:54px; position:fixed; z-index:9; top:10px; right:10px;}
#sp-menu{ display:none; z-index:300; position:fixed; top:62px; left:0; cursor:pointer; width:100%; background:rgba(0,0,0,0.8);}
#sp-menu ul{}
#sp-menu li{}
#sp-menu li a{ display:block; padding:10px 15px; font-size: 1.4em; color: #fff; border-bottom:1px solid #646464;}

#pagetop{ width:54px; position:fixed; z-index:100; right:10px; bottom:10px;}

.hide{ display:none;}

/* smartphone */

/*ヘッダー*/
header{ width:100%;}
header p{ font-size:1.2em; }/*padding:10px;*/
body div.wrapper >header p{ font-size:100%; padding:0;}

#header-inner{ width:100%; background:#0b2f41; padding:4.0625% 0;/*26 0/640*/}
#header-inner h1{ float:left; width:43.125%;/*276/640*/ display:block; padding:0.46875% 0 0 1.71875%;/*3 0 0 11/640*/}
#nav-member{ float:right; width:51.5625%;/*330/640*/ margin-right:1.5625%/*10/640*/}
#nav-member li{ float:right; width:27.87878%;/*92/330*/ margin-left:4.54545%;/*15/330*/ line-height:0;}
#nav-member li img{ border:1px solid #000;}

/*検索エリア*/
#srchForm{ width:81.875%;/*524/640*/ margin:0 auto; display:block; padding-top:4.6875%/*30/640*/; display:table;}
#srchBox{ width:70%; height:30px; display:table-cell; border-radius:5px;}
#srchBtn{ color:#FFF; background-color:#000; border-color:#000; width:20%; height:30px; display:table-cell; margin-left:3.4375%/*22/640*/}

/*グロナビ*/
.nav-item{ display:table; width:100%;}
.nav-item li{ display:table-cell; vertical-align:middle; text-align:center; width:19.84375%;/*127/640*/ box-sizing:border-box; -webkit-box-sizing: border-box; border-right:1px solid #fff; background-color:#000;}
.nav-item li:last-child{ border-color:#000;}
.nav-item a{ display:block; padding:11.02362% 0;/*14 0/127*/}
.nav-item li img{ width:85.03937%;/*108/127*/}

/*フッター*/
footer{ background:url(../img/bg_footer.html) no-repeat 0 0; background-size:cover; width:100%; border-top:1px solid #FFF;}
#footer-link{ display:table; padding:2em 0;}
#footer-link li{ display:table-cell; color:#FFF; font-size:1.0em; border-right:1px solid #FFF; padding:0 1em;}
#footer-link li a{ color:#FFF;}
#footer-link li:last-child{ border:none!important;}
#footer-btn{}
#footer-btn li{ float:left;}
li.btn-brand{ width:45%;/*288/640*/ margin-left:2.34375%;/*15/640*/}
li.btn-pc{ width:31.5625%;/*202/640*/ margin-left:2.1875%;/*14/640*/}
li.btn-facebook{ width:11.25%;/*72/640*/ margin-left:4.53125%;/*29/640*/}
#copyright{ color:#FFF; font-size:1.0em; line-height:8em; text-align:center;}


/* 商品ページ用スタイル　20191002追記 */

.block-goods-detail .box .box-inline .spec{
	width:80%;
	margin:10px auto;
	border-collapse:separate;
	border-spacing:1px;
}
.block-goods-detail .box .box-inline .shareshirts, .block-goods-detail .box .box-inline .womenscasual{
	margin:0px auto;
}
.block-goods-detail .box .box-inline .shareshirts:first-of-type, .block-goods-detail .box .box-inline .womenscasual:first-of-type{
	margin-top:10px;
}
.block-goods-detail .box .box-inline .shareshirts:last-of-type, .block-goods-detail .box .box-inline .womenscasual:last-of-type{
	margin-bottom:10px;
}
.block-goods-detail .box .box-inline .spec th{
	width:20%;
	padding:5px;
	font-size:10px;
	font-weight:700;
}
.block-goods-detail .box .box-inline .spec td{
	width:80%;
	padding:5px;
	font-size:12px;
}

.block-goods-detail .box .box-inline .men th{
	background-color:#D7E5F1;
}
.block-goods-detail .box .box-inline .men td{
	background-color:#FAFDFE;
}

.block-goods-detail .box .box-inline .women th{
	background-color:#FFF0F4;
}
.block-goods-detail .box .box-inline .women td{
	background-color:#FFFAFA;
}

.block-goods-detail .box .box-inline .tie th{
	background-color:#EBFAEB;
}
.block-goods-detail .box .box-inline .tie td{
	background-color:#FDFFFD;
}
.block-goods-detail .box .box-inline .tie th{
	background-color:#EBFAEB;
}
.block-goods-detail .box .box-inline .tie td{
	background-color:#FDFFFD;
}

.block-goods-detail .box .box-inline .shareshirts th{
	background-color:#C4DCEF;
}
.block-goods-detail .box .box-inline .shareshirts td{
	background-color:#E6F0F8;
}

.block-goods-detail .box .box-inline .womenscasual th{
	background-color:#FFEFD5;
}
.block-goods-detail .box .box-inline .womenscasual td{
	background-color:#FFFAF0;
}
.block-goods-detail .box .box-inline .sons th{
	background-color:#6FC8B4;
        color:#FFFFFF;
}
.block-goods-detail .box .box-inline .sons td{
	background-color:#FBFFFE;
}
