@charset "UTF-8";

.fs-preview-header {display:none;}

.clearfix {
    min-height: 1px;
}
.clearfix:after {clear:both;}

.wrap {
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:830px;
}


.fs-l-page {
	position:relative;
	padding-top:183px;
}


.arr {position:relative;}
	.arr:after {
		position:absolute;
		right: 8%;
		top:50%;
		margin-top:-4px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:'　';
	}


/******************************************************

ヘッダー

******************************************************/


header {
	position:absolute;
	left:0;
	top:0;
	margin: 0 auto;
	padding:0;
	width:100%;
	height:183px;
	z-index:1;
}

.fs-l-header {padding:0;}



	.header_top {
		position:relative;
		width:100%;
		height:56px;
		background:#FFF;
		border-bottom:1px solid #DCDCDC;
		box-sizing:border-box;
	}

		.header_top .header_tokuten {
			margin:0 auto;
			width:830px;
		}
			.header_top .header_tokuten a {
				display:block;
				width:100%;
				font-size:25px;
				color:#4D4D4D;
				line-height:55px;
				height:55px;
				font-weight:bold;
				text-align:center;
			}

			.header_top .header_tokuten span {
				display:inline-block;
				vertical-align:middle;
			}

			.header_top .header_tokuten .span2 {
				padding:0 30px;
			}

			.header_top .header_tokuten .span3 {
				padding:0 40px;
				font-size:12px;
				color:#FFF;
				line-height:27px;
				text-align:center;
				background:#4D4D4D;
				border-radius:5px;
			}



	.header_main {
		position:relative;
		margin:0 auto;
		width:100%;
		height:65px;
		background:rgba(255,255,255,0.85);
	}
	.header_main.fixed {
		position:fixed;
		top:0;
		left:0;
		z-index:2;
	}

		.header_logo {
			position:absolute;
			left:0;
			top:10px;
			width:62px;
		}



	.header_bottom {
		position:relative;
		margin:0 auto;
		width:100%;
		height:55px;
		background:rgba(255,255,255,0.85);
	}
	.header_bottom.fixed {
		position:fixed;
		top:65px;
		left:0;
	}

		header .searchForm_area {
			position:absolute;
			right:0;
			top:0;
			margin:0 auto;
			width:321px;
		}


		header .btn_refine {
			position:absolute;
			left:330px;
			top:5px;
			margin:0 auto;
			width:27px;
            display: none;
		}

		.nav_attention {
			display:table;
			position:absolute;
			left:0;
			top:0;
			width:107px;

		}
			.nav_attention a {
				display:table-cell;
				width:100%;
				height:23px;
				font-size:9px;
				color:#FFF;
				letter-spacing:0;
				text-indent: -5px;
				line-height:23px;
				font-weight:bold;
				text-align:center;
				vertical-align:middle;
				background:#ADADAD;
			}
				.nav_attention a.arr:after {
					right: 6%;
					top: 50%;
					margin-top: -4px;
					width: 6px;
					height: 6px;
				}
.nav_attention.nav_returns {left: 112px;width: 120px;}

.logout.my-false { display: none; }
.login.my-true { display: none; }






/****************************

アイコンナビ

****************************/


	.icon_nav li {
		display:inline-block;
		margin:0 9px;
		font-size:0;
        position: relative;
	}

		.icon_nav li a,
		.icon_nav li span {
			display:table-cell;
			height:43px;
			font-size:10px;
			line-height:73px;
			vertical-align:bottom;
			text-align:center;
			background-position: center top;
			background-repeat:no-repeat;
			cursor:pointer;
		}


		.icon_nav .nav_guide {background:url(../common/img/icon_guide.png) center top no-repeat;}
		.icon_nav .nav_mypage {background:url(../common/img/icon_mypage.png) center top no-repeat;background-size:auto 27px;}
		.icon_nav .nav_login {background:url(../common/img/icon_login.png) center top no-repeat;background-size:auto 27px;}
		.icon_nav .nav_cart {background:url(../common/img/icon_cart.png) center top no-repeat;background-size:auto 27px;}
		.icon_nav .nav_magazine {background:url(../common/img/icon_magazine.png) center top no-repeat;}


.icon_nav .nav_cart span.fs-client-cart-count{
    position: absolute;
    top: -8px;
    right: -8px;
    z-index: 999;
    background: #CE0000;
    color: #fff;
    width: 20px;
    height: 20px;
    line-height: 20px;
    padding: 0;
    border-radius: 10px;
}
.icon_nav .nav_cart span.fs-client-cart-count--0{
    display: none;
}



/****************************

ヘッダーナビ

****************************/



.header_nav {
	position:absolute;
	right:0;
	top:10px;
	width:747px;
	height:43px;
}
	.sNav {
		position:absolute;
		left:0;
		top:7px;
		width:310px;
	}
		.sNav dd {
			display:inline-block;
			width:150px;
			text-align:center;
		}
			.sNav dd > a {
				display:block;
				width:100%;
				font-size:16px;
				color:#FFF;
				font-weight:bold;
				line-height:31px;
				border-radius:5px;
			}
			.sNav dd.sNav_mens > a {
				background:#434A9F;
			}
			.sNav dd.sNav_ladies > a {
				background:#C43186;
			}





.sNav .navWrap {
	display:none;
    overflow: hidden;
    position: absolute;
    left: -84px;
    top: 36px;
    padding: 20px 0;
    width: 830px;
    background: #F0F0F0;
    border-radius: 5px;
	border:2px solid #EDEDED;
    z-index: 100;
    box-sizing: border-box;
}

.sNav .sNav_ladies ul,
.sNav .sNav_mens ul {
    margin: 0 auto;
    width: 776px;
}

.sNav .sNav_ladies ul.cate li,
.sNav .sNav_ladies ul.cate li:first-child,
.sNav .sNav_mens ul.cate li,
.sNav .sNav_mens ul.cate li:first-child,
.sNav .sNav_mens ul.cate li:nth-child(13) {
    overflow: hidden;
    float: left;
    margin: 0 0 4px 4px;
    width: 190px;
    height: 43px;
    color: #d72e79;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ddd;
}

.sNav .sNav_ladies ul.cate li a,
.sNav .sNav_mens ul.cate li a {
    display: block;
	text-align:left;
	padding:4px 0 4px 5px;
	box-sizing:border-box;
}

.sNav .sNav_ladies ul.cate li img,
.sNav .sNav_mens ul.cate li img {
    width: 35px;
    height: 35px;
}

.sNav .sNav_ladies ul.cate li span,
.sNav .sNav_mens ul.cate li span {
    color: #000;
    line-height: 35px;
    font-size: 11px;
}


.sNav .btn a {
    display: block;
	position:relative;
    margin: 20px auto 10px;
    padding: 16px 0;
    width: 213px;
    font-size: 13px;
    color: #fff;
    line-height: 1;
    text-align: center;
    text-decoration: none;
}
	.arr:after {
		position:absolute;
		right: 8%;
		top:50%;
		margin-top:-4px;
		width: 8px;
		height: 8px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		content:'　';
	}

.sNav .sNav_mens .btn a {
    background: #121592;
}

.sNav .sNav_ladies .btn a {
    background: #d72e79;
}





	.gNav {
		position:absolute;
		right:0;
		top:0;
		/*width:280px;*/
  width: 370px;
		text-align: right;
	}





/****************************

フロートナビ

****************************/



.float_nav {
	display:none;
	overflow:hidden;
	position:fixed;
	left:0;
	bottom:0;
	padding-top:10px;
	width:100%;
	text-align:center;
	background:rgba(255,255,255,0.7);
	z-index:10;
}

	.float_nav a,
	.float_nav span {padding: 0 20px;}



.logout.my-false { display: none; }

.login.my-true { display: none; }





/******************************************************

ハンバーガーメニュー

******************************************************/



.humb_nav {
	display:none;
	overflow-y:scroll;
	position:fixed;
	left:0;
	top:0;
	margin: 0 auto;
	padding:0;
	width:750px;
	height:100%;
	background:#FFF;
	z-index:100;
}


	.humb_nav_top {
		position:relative;
		width:100%;
		height:102px;
		background:#FFF;
	}


		.humb_nav_top .searchForm_area {
			position:absolute;
			left:20px;
			top:16px;
			width:560px;
		}


		.humb_nav_close {
			position:absolute;
			right:20px;
			top:10px;
		}

			.humb_nav_close span {
				display:block;
				width:84px;
				height:84px;
				text-indent:-9999px;
				background:url(../common/img/icon_close.png) center center no-repeat;
				cursor:pointer;
			}



/****************************

アコーディオンナビ

****************************/



.acc_nav {
	width:100%;
}

	.acc_nav li {}
		.acc_nav a,
		.acc_nav span {
			display:block;
			position:relative;
			padding:20px 35px;
			text-align:left;
			background:#E6E6E6;
			border-top:2px solid #FFF;
			cursor:pointer;
		}

		.acc_nav .active span {
			color:#fff;
			background:#CE0000;
			border-top:2px solid #CE0000;
		}

			.acc_nav a:after {
				position:absolute;
				right: 50px;
				top:50%;
				margin-top:-8px;
				width: 16px;
				height: 16px;
				border-top: 2px solid #707070;
				border-right: 2px solid #707070;
				-webkit-transform: rotate(45deg);
				transform: rotate(45deg);
				content:'　';
			}

			.acc_nav span:before{
				position:absolute;
				right: 44px;
				top:50%;
				margin-top:-1px;
				width: 20px;
				height: 2;
				border-top: 3px solid #707070;
				-webkit-transform: rotate(0);
				transform: rotate(0);
				content:'';
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
			}

			.acc_nav span:after{
				position:absolute;
				right: 44px;
				top:50%;
				margin-top:-1px;
				width: 20px;
				height: 2;
				border-top: 3px solid #707070;
				-webkit-transform: rotate(90deg);
				transform: rotate(90deg);
				content:'';
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
			}

			.acc_nav .active span:before{
				position:absolute;
				right: 44px;
				top:50%;
				margin-top:-1px;
				width: 20px;
				height: 2;
				border-top: 3px solid #fff;
				-webkit-transform: rotate(0);
				transform: rotate(0);
				content:'';
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
			}

			.acc_nav .active span:after{
				position:absolute;
				right: 44px;
				top:50%;
				margin-top:-1px;
				width: 20px;
				height: 2;
				border-top: 3px solid #fff;
				-webkit-transform: rotate(0);
				transform: rotate(0);
				content:'';
				-webkit-transition: .35s ease-in-out;
				-moz-transition: .35s ease-in-out;
				transition: .35s ease-in-out;
			}


			.acc_nav .child {display:none;}

			.acc_nav .active .child {display:block;}

				.acc_nav .child a {padding:20px 0 20px 120px;background:#F2F2F2;}






/******************************************************

メイン

******************************************************/

main.fs-l-main {
	display:block;
	margin:0 auto 0 auto;
    padding: 0;
}



/****************************

スライダー共通

****************************/


/* ドットナビ */

.slick-dots {
	left:0;
	bottom:5px;
}


.slick-dots li {
    width: 40px;
    height: 40px;
}


.slick-dots li button {
    width: 40px;
    height: 40px;
}


.slick-dots li button:before {
    font-size: 40px;
    line-height: 40px;
    width: 40px;
    height: 40px;
	color:#A5A5A5;
}

.slick-dots li.slick-active button:before {color:#FF0000;}









/******************************************************

フッター

******************************************************/



footer,
.fs-l-footer {
  margin: 0 auto;
  padding: 0 0 150px 0;
  width: 100%;
  background:#FFF;
  border:0;
}


	footer .btn_pagetop {margin:0 auto 45px auto;}

	footer .brand_list {margin:0 auto 30px auto;}

	footer .sns_list {margin:0 auto 30px auto;}



	.btn_pagetop {
		padding:10px 0;
		width:100%;
		text-align:center;
		background:#E6E6E6;
		cursor:pointer;
        font-weight: bold;
	}


	.brand_list {
		margin:0 auto;
		width:732px;
		text-align:left;
	}

		.brand_list dt {
			margin-bottom:10px;
			width:100%;
			font-weight:bold;
		}

		.brand_list dd {
			display:inline-block;
			margin-bottom:8px;
		}

			.brand_list dd a {
				display:block;
				padding:4px 5px;
				font-size:86.6%;
				color:#FFF;
				background:#707070;
				border-radius:3px;
                line-height: 1;
			}



	.sns_list {
		width:95%;
		text-align:center;
	}

		.sns_list li {
			display:inline-block;
			margin:0 20px;
			width:37.5px;
		}


	.footer_nav {
		margin-bottom:30px;
		text-align:center;
	}

		.footer_nav li {
			display:inline-block;
			padding:0 20px 0 20px;
			line-height:1;
			border-right:2px solid #D71818;
		}

		.footer_nav li:last-child {
			border-right:0;
		}
			.footer_nav li a {font-size:85%;color:#D71818;font-weight: bold;}



	.copyright {
		font-size:70%;
		text-align:center;
	}



  /****************************

  フッターバナー

  ****************************/
  footer .footerBnrArea{
    width: 830px;
    margin: 20px auto;
  }
  footer .footerBnrArea a{
    margin-bottom: 10px;
  }



/******************************************************

ぱんくず

******************************************************/

/*.fs-c-breadcrumb {
    font-size: 22px !important;
    padding: 0 30px 0 !important;
}*/


/******************************************************

タブレット調整用

******************************************************/
@media screen and (min-width:768px) and (max-width:829px) {

.header_top .header_tokuten {
    width: 100%;
}
.wrap{
	width: 100%;
}
.header_nav{
	width: 90%;
}
footer .footerBnrArea {
    width: 100%;
}
}