/************************ common ************************/
.fixbox{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}
@media screen and (max-width:1200px){
	.fixbox{
		width:98%;
	}
}

.sp{
	display:none !important;
}


/************************ header ************************/
.header-msg{
	background:#111;
	color: #fff;
	padding:4px 10px;
}
.header-msg div.fixbox{
	display: flex;
	justify-content: space-between;
}
.header-msg-box{
	display: flex;
}

.header-msg-nav{
	display: flex;
	margin: 0 10px 0 0;
	align-items: center;
}
.header-msg-nav li{
	list-style: none;
	margin:0 8px;
}
.header-msg-nav li a{
	text-decoration:none;
	color: #ccc;
	font-size: 1.2rem;
}
.header-msg-nav li a:hover{
	color: #09f;
}

.fs-l-header__welcomeMsg{
	display: flex;
	align-items: center;
	color: #aaa;
	font-size: 1.4rem;
}

.header-msg form{
	display: flex;
}
.header-msg form input{
	background:#555;
	color: #fff;
	padding: 4px;
	border:none;
	border-radius: 5px 0 0 5px;
}
.header-msg form button{
	background:#555;
	color: #fff;
	border:none;
	border-radius: 0 5px 5px 0;
	display: flex;
}
.fs-l-header__welcomeMsg,
.fs-l-header__welcomeMsg.is-ready{
	display: flex;
}
.fs-p-memberInfo{
	margin-left:15px;
}

.fs-icon--search::before{
	padding:5px 0 0;
	display: block;
}

.header-nav{
	background: #efefef;
	border-bottom:1px solid #eee;
}
.header-nav div.fixbox{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
p#logo{
	width: 150px;
	margin:4px 0;
}
p#logo img{
	width:100%;
	height:auto;
	transition:opacity .3s;
}
p#logo img:hover{
	opacity:0.5;
}

nav.fs-p-headerUtilityMenu li::before{
	 font-family: 'fs-icon';
	 display: flex;
	 font-size: 2.4rem;
	 justify-content: center;
	 margin-bottom: -6px;
	 transition:color .5s;
}

nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__logout::before{content: "\e924";}
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__login::before{content: "\e92e";}
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__register::before{content: "\e936";}
nav.fs-p-headerUtilityMenu li.mypage::before{content: "\e909";}
nav.fs-p-headerUtilityMenu li.favorite::before{content: "\e919";}
nav.fs-p-headerUtilityMenu li.cart::before{content: "\e91e";}

nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__logout:hover::before,
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__login:hover::before,
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__register:hover::before,
nav.fs-p-headerUtilityMenu li.mypage:hover::before,
nav.fs-p-headerUtilityMenu li.favorite:hover::before,
nav.fs-p-headerUtilityMenu li.cart:hover::before{
	color:#09f;
}

nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__logout a::before,
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__login a::before,
nav.fs-p-headerUtilityMenu li.fs-p-headerUtilityMenu__register a::before,
nav.fs-p-headerUtilityMenu li.mypage a::before,
nav.fs-p-headerUtilityMenu li.favorite a::before,
nav.fs-p-headerUtilityMenu li.cart a::before{
	display:none;
}
nav.fs-p-headerUtilityMenu li a:hover{
	color: #09f;
}



/************************ footer ************************/
footer{
	background: #000;
}
footer div.footer-box-01{
	background: #efefef;
	padding:10px 0;
}
footer div.footer-box-01 p{
	width:160px;
	margin:auto;
}
footer div.footer-box-01 p img{
	width: 100%;
	height: auto;
	transition: opacity .5s;
}
footer div.footer-box-01 p img:hover{
	opacity:0.5;
}

footer div.footer-box-02 {
	padding:30px 0 10px;
}
footer div.footer-box-02 nav ul{
	display:flex;
	justify-content: center;
	flex-wrap:wrap;
}
footer div.footer-box-02 nav ul li{
	margin:0 10px 20px;
}
footer div.footer-box-02 nav ul li a{
	color: #aaa !important;
	background: #222;
	min-width: 100px;
	justify-content: center;
	font-size: 1.1rem;
}
footer div.footer-box-02 nav ul li a:hover{
	color: #09f !important;
	background:#444;
}

footer div.footer-box-03{
	display: flex;
	justify-content: space-between;
}
footer small{
	display:flex;
	color: #666;
	align-items: center;
	font-size: 1.2rem;
}
div.footer-box-03 ul{
	display:flex;
}
div.footer-box-03 ul li{
	list-style:none;
	margin:0 5px;
}
div.footer-box-03 ul li a{
	color:#ccc;
	font-size: 1.2rem;
}
div.footer-box-03 ul li a:hover{
	color:#09f;
	text-decoration: none;
}


/************************ aside ************************/
aside.fs-l-sideArea{
	width: 20%;
	max-width: 240px;
}
aside.fs-l-sideArea nav ul li{
	border-bottom:1px dotted #eee;
}
aside.fs-l-sideArea nav ul li a{
	display: block;
	width: 100%;
	margin:0;
	position: relative;
    padding-left: 14px;
    font-size: 1.2rem;
}
aside.fs-l-sideArea nav ul li span.here a{
	color: #009641;
	/*background: #f5f5f5;*/
	font-weight: bold;
}
aside.fs-l-sideArea nav ul li a:hover{
	background:#eee;
}
aside.fs-l-sideArea nav ul li a::before {
	font-family: 'fs-icon';
	content: "\e933";
	position: absolute;
    left: -6px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 2.4rem;
}
aside.fs-l-sideArea nav ul li span.here a::before {
	color: #009641;
}
aside h2{
	border-bottom:1px solid #ccc;
	background: #efefef;
	margin-block-start:0;
	margin-block-end:4px;
	padding:8px;
}
aside h2 span{
	font-size: 1.1rem;
	display: block;
	padding-top:2px;
}


/************************ content 共通部分************************/
.fs-c-breadcrumb{
	width: 100%;
	max-width: 1200px;
	margin:0 auto;
}


.fs-l-pageMain{
	width:100%;
}
aside.fs-l-sideArea + .fs-l-sideArea,
aside.fs-l-sideArea + .fs-l-pageMain{
	max-width: calc(100% - 20% - 20px) !important;
}

div.narrow-box{
	width: 100%;
	max-width: 800px;
	margin:0 auto;
}
dl.table{
	margin:0px 0 15px;
    list-style:none;
    background:;
    overflow:auto;
}
dl.table dt{
	clear:both;
    width:200px;
    float:left;
    padding:10px;
    font-weight: bold;
}
dl.table dd{
    border-bottom: 1px solid #ccc;
    padding:10px 0 10px 200px;
    margin-inline-start:0;
    margin-left: 0;
}



/************************ ページ /p/about/terms ************************/




/************************ 商品詳細 /c/sweat/DPZ0285BLU ************************/
#fs_ProductDetails .fs-c-inquiryAboutProduct{
	justify-content: flex-end;
}
#fs_ProductDetails .fs-c-inquiryAboutProduct button.fs-c-button--inquiryAboutProduct{
	color: #333;
}
#fs_ProductDetails .fs-c-button--inquiryAboutProduct span.fs-c-button__label{
	color: #333;
	font-size: 1.4rem;
	position: relative;
	padding-left: 24px;
}
#fs_ProductDetails .fs-c-button--inquiryAboutProduct span.fs-c-button__label::before{
	 font-family: 'fs-icon';
	 content: "\e920";
	 font-size: 2.0rem;
	 position: absolute;
	 left:0;
	 top:50%;
	 transform: translateY(-50%);
	 margin-right: 4px;
}


#fs_ProductDetails div.fs-c-productNumber{
	padding:0;
	border:1px solid #eee;
}
#fs_ProductDetails span.fs-c-productNumber__label{
	padding: 4px 8px 4px 8px;
    display: inline-block;
    background: #efefef;
}
#fs_ProductDetails span.fs-c-productNumber__number{
	padding:4px;
}

#fs_ProductDetails .fs-c-variationCart--withImage > li{
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}

#fs_ProductDetails .fs-c-productMainImage__expandButton {
    justify-content: flex-start;
    margin-top: -54px;
    margin-left: 6px;
}
#fs_ProductDetails .fs-c-button--plain.fs-c-button--viewExtendedImage::before {
    font-size: 4.0rem;
    color: #111;
}

#fs_ProductDetails .fs-c-variationLabel__label{
	display: none;
}

#fs_ProductDetails .fs-c-button--primary{
	background: #009641;
	border:none;
	padding: 12px 5px;
}

#fs_ProductDetails .fs-c-variationCart__variationName__name{
	font-size: 2.0rem;
	font-weight: bold;
}
#fs_ProductDetails .fs-c-button__label{
	font-size: 1.6rem;
	font-weight: bold;
}


#fs_ProductDetails .fs-c-productPrices{
	margin-bottom: 0;
}
#fs_ProductDetails .fs-c-price__currencyMark{
	color: #009641;
	font-size: 3.4rem;
	font-weight: bold;
}
#fs_ProductDetails .fs-c-price__value{
	color:#009641;
	font-size: 3.8rem;
	font-weight: bold;
}
#fs_ProductDetails .fs-c-productPrice__addon__label{
	font-weight: bold;
}

#fs_ProductDetails .fs-c-button--particular.fs-c-button--addToWishList--icon::before {
	font-size: 2.6rem;
}

/*独自コメント1 商品説明*/
#fs_ProductDetails .product-description dt{
	color: #999;
	margin-bottom: 3px;
}
#fs_ProductDetails .product-description dt::before{
	content:"-";
	margin-right: 5px;
}
#fs_ProductDetails .product-description dd{
	font-size: 1.6rem;
    margin-inline-start: 0;
    margin-bottom: 24px;
    margin-left: 0;
}

div.product-color-variation{
	background: #efefef;
	padding: 5px 0 1px;
	margin-bottom: 30px !important;
}
div.product-color-variation h2{
	text-align: center;
	font-weight: bold;
	font-size: 1.6rem;
}
div.product-color-variation ul{
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	justify-content: space-around;
}
div.product-color-variation ul li{
	list-style: none;
	width:30%;
	text-align: center;
}
div.product-color-variation ul li a{
	color:#333;
}
div.product-color-variation ul li img{
	width: 100%;
	height: auto;
	margin-bottom: 0;
}
table.product-size-spec{
	width: 100%;
	table-layout: fixed;
}
table.product-size-spec th{
	background: #efefef;
	padding:3px 0;
}
table.product-size-spec td{
	text-align: center;
	border-right: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
	padding: 5px;
}
table.product-size-spec tr td:first-child{
	background: #efefef;
	text-align: left;
	font-size: 1.4rem;
}

/* c/clients サイズのマトリクス表 */
.fs-c-variationMatrix--column{
	grid-template-columns:repeat(auto-fit, minmax(8em, max-content));
	grid-template-rows:inherit;
}



/*関連商品*/
.slick-slide{}
#fs_ProductDetails .slick-slide h2.fs-c-productListItem__productName a{
	color: #333;
}
#fs_ProductDetails .slick-slide h2.fs-c-productListItem__productName a:hover{
	color: #09f;
	text-decoration: underline;
}
#fs_ProductDetails .slick-slide .fs-c-price__currencyMark{
	font-size:1.4rem;
	color: #333;
}
#fs_ProductDetails .slick-slide .fs-c-price__value{
	font-size: 1.6rem;
	color: #333;
}
#fs_ProductDetails .slick-slide .fs-c-productListItem__control{
	display: none;
}

/*返品特約*/
#fs_ProductDetails .fs-c-returnedSpecialContract{
	display: none;
}

/************************ 商品グループ /c/sweat ************************/
div.fs-c-productThumbnail{
	margin:0 -1%;
}
.fs-c-productThumbnail__image{
	margin: 1%;
    flex-basis: 18%;
    min-width: 18%;
}

#fs_ProductSearch .fs-c-productListItem__viewMoreImageButton,
#fs_ProductCategory .fs-c-productListItem__viewMoreImageButton{
	display: none;
}

#fs_ProductSearch .product-id,
#fs_ProductCategory .product-id{
	color: #999;
	font-size: 1.2rem;
	float: left;
	padding:5px 0;
}
#fs_ProductSearch .fs-c-productName__name,
#fs_ProductCategory .fs-c-productName__name{
	color: #333;
	line-height: 1.4;
}
#fs_ProductSearch a:hover span,
#fs_ProductCategory a:hover span{
	color: #06f !important;
}

#fs_ProductSearch h2.fs-c-productListItem__productName,
#fs_ProductCategory h2.fs-c-productListItem__productName{
	margin-bottom:3px;
}

#fs_ProductSearch .fs-c-price__currencyMark,
#fs_ProductSearch .fs-c-price__value,
#fs_ProductCategory .fs-c-price__currencyMark,
#fs_ProductCategory .fs-c-price__value{
	color:#009641;
	font-size: 1.8rem;
	font-weight: bold;
}

#fs_ProductSearch .fs-c-buttonContainer,
#fs_ProductCategory .fs-c-buttonContainer{
	padding:1px 0;
}
#fs_ProductSearch .fs-c-button--addToWishList--icon::before,
#fs_ProductCategory .fs-c-button--addToWishList--icon::before{
	color: #999;
}

/************************ clients ************************/
p.client-deliverly{
	padding:30px 0;
	text-align:center;
	font-size:2.0rem;
	border:1px solid #ccc;
}
p.client-deliverly strong{
	font-size:3.6rem;
	color:red;
}
#fs_ProductDetails .fs-c-variationMatrix--column > li{
	flex-basis:20%;
	flex-grow: inherit;
}

/************************ フリーページ /p/about/terms ************************/
section.freepage h1.fs-c-heading--page{
	border-bottom: none;
    color: #222;
    font-size: 3.0rem;
    line-height: 1.2;
    margin: 0 0 24px;
    padding: 0 0 1.2em;
    text-align: center;
    position: relative;
    font-weight: bold;
}

section.freepage h1.fs-c-heading--page::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100px;
    height: 3px;
    background: #222;
}

section.freepage h2.fs-c-documentArticle__heading{
	font-size: 2.4rem;
	background: #efefef;
    color: #222;
    font-weight: bold;
    text-align: left;
    padding:10px 0 8px 8px;
}

section.freepage h3.fs-c-documentColumn__heading{
	color: #444;
    border: none;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
section.freepage h3.fs-c-documentColumn__heading::before {
	font-family: 'fs-icon';
	content: "\e90c";
	margin-left:-6px;
}