@charset "utf-8";

* {
	margin: 0;
	padding: 0;
}

html{
	width: 100%;
	background: #fff;
}

body{
	width: 100%;
	min-width: 1060px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #3a3a3a;
	text-align: left;
	font-size: 14px;
	line-height: 1.4;
	padding: 0;
	margin: 0;
	background:none;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
}

a{text-decoration:none;}
a:hover{text-decoration:none;}

a:hover img {
opacity: .6;
-webkit-opacity: .6;
-moz-opacity: .6;
filter: alpha(opacity=60);	/* IE lt 8 */
-ms-filter: "alpha(opacity=60)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 0.15s ease-out;
-moz-transition: opacity 0.15s ease-out;
-ms-transition: opacity 0.15s ease-out;
transition: opacity 0.15s ease-out;
}

img{ border: 0px; vertical-align: bottom;}




*{box-sizing:border-box;}
*.fMin{font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight:300;}
*:focus {outline: none;}
*:before,*:after{display:inline-block;}
*.bB > *{box-sizing:border-box;}
*.nb{border:none !important;}
*.sP{text-indent:-9999px; background:no-repeat  center center; background-size:100%;}
*.fe{display:flex; justify-content: space-around; flex-wrap: wrap;}
*.fe.feL{justify-content:start;}
*.fe.feA{justify-content:space-between;}
*.iB{letter-spacing:-1em; word-spacing: -1em;}
:root *.iB{font-size: 1px; word-spacing: -1px;}
*.iB > *{display:inline-block; letter-spacing:normal; vertical-align:top; font-size:100%; word-spacing:normal; font-size:13px;}
.cf{zoom:1;}
.cf:after{content: ""; clear:both; display:block;}
.clear{clear:both;}

*.wrap.taR{text-align:right;}
*.wrap.taL{text-align:left;}
*.wrap.taC{text-align:center;}
*.sp{display:none;}

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

 Header

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


body .bg{display:none; width:100vw; height:100vh; position:fixed; top:0; left:0; background:rgba(000 , 000 , 000 , 0.7); z-index:998;}

header {
	margin: 0;
	padding:0; /*120px 0 0;*/
	position: relative;
}

header.clearfix{overflow:unset;}
header *{box-sizing:border-box;}

/*
header .nuts_shop {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: static;
	top: 20px;
	left: 0;
	z-index: 999;
}
*/

header .nuts_shop {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: flex-start;
	position: relative;
	z-index: 999;
}

header .nuts_shop::after {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	width: 100%;
	height: 100px;
	background-color: #fff;
	box-sizing: border-box;
	bottom: 0;
	left: 0;
}

header #h1_band{
	height: 24px;
	margin: 0;
	padding: 0;
	background: #a2d5ca;
}

header #h1_band .inner{
	width: 1020px;
	margin: 0 auto;
	padding: 0;
}

header #h1_band .inner h1{
	text-align: right;
	font-size: 12px;
	line-height: 1.1;
	color: #604c3f;
	font-weight: 100;
	margin: 0;
	padding: 6px 0;
}

header .payment {
	width: 1000px;
	margin: 0 auto;
	text-align: right;
}
header .payment img{
	width:60%;
	height:auto;
	}

header .payment img.sendfree{width:40%}

header #point {
	height: 20px;
	background-color: #232f3d;
	line-height: 20px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1px;
	width: 100%;
}
header .steatsWrap {
	width: 1000px;
	margin: 0 auto;
	display: flex;
	padding: 0 50px;
	box-sizing: border-box;
	height: 100px;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
}

header #h_navi{
	float: right;
	width: 60%;
	margin: 0;
	padding: 0 0 0 5%;
}

header .steatsWrap a{padding:0;}

header .steatsWrap nav ul.fe{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	}

header .steatsWrap nav ul.fe > li{
	width:45%;
	}

header .steatsWrap .nutsLogo img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

header .steatsWrap .nutsLogo {
	width: 510px;
	height: 85px;
	line-height: 85px;
	text-align: center;
	margin: 0 0 0 180px;
}

header .steatsWrap .nutsLogo a {
	padding: 0;
	display: inline-block;
	width: 75%;
}
header .steatsWrap .nutsLogo img{width:100%; height:auto;}
header .steatsWrap nav ul.fe {
	width: 130px;
	float: right;
	background-color: #fff;
}
header .steatsWrap nav ul.fe > li{max-height:12vw; margin-top:0;}
header .steatsWrap nav ul.fe > li a{padding:0;}

header .knirps_display{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}

header .knirps_display #logo{text-align:center; width:100%;}
header .knirps_display .sendFree{width:100%; text-align:center; background-color:#232f3d;}

header > nav :before{display:inline-block;}

header > nav{height:auto;}

header > nav:not(.subnav02) > ul.fe {
	position: fixed;
	left: -1200px;
	top: 145px;
	width: 1200px;
	background: #232f3d;
	padding: 0;
	z-index: 9999;
	justify-content: flex-start;
	display: flex !important;
}

header > nav:not(.subnav02) > ul > li {
	text-align: left;
	line-height: 100px;
	padding-left: 30px;
	border-bottom: #4d545b solid 1px;
	position: relative;
	margin-top: 0;
	width: 50%;
	height: 100px;
}

header > nav > ul.fs-pt-list--noMarker > li + li{margin-top:0;}

header > nav.subnav02 > ul.fe {
	width: 1000px;
	padding: 0;
	margin: auto;
}


header > nav.subnav02.fixMenu {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 5;
	width:100%;
}

header > nav.subnav02 > ul.fe li {
	width: calc(98% / 7);
	padding: 0;
	margin: auto;
	text-align: center;
}
header > nav.subnav02 > ul.fe li img{
	margin:0;
	width:100%;
	}

/*--
header > nav.subnav02 > ul.fe li + li{
	border-left:1px solid #232f3d;
	}


header > nav > ul > li:nth-child(1),
header > nav > ul > li:nth-child(2),
header > nav > ul > li:nth-child(3),
header > nav > ul > li:nth-child(4){
	width:50%;
	line-height: 100px;
	}
--*/

/*--
header > nav > ul > li:nth-child(6) {
	line-height: 100px;
	width: 100%;
	height: 100px;
}


header > nav > ul > li:nth-child(6) h3 {
	padding-top: 60px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
}

header > nav > ul > li:nth-child(6) > ul > li{
	height:80px;
	line-height:80px;
	}

header > nav > ul > li:nth-child(6) > ul > li a{position:relative;}

--*/

header > nav > ul > li.guide,
header > nav > ul > li.hokuoutokei{
	width:100%;
	}

header > nav > ul > li.guide > a,
header > nav > ul > li.hokuoutokei > a{
	position:relative;
	}

header > nav > ul > li > a {
	display: block;
	line-height: 1.5;
}

header > nav:not(.subnav02) > ul > li:nth-child(1) > a{
	position:relative;
	top:20px;
	}

header > nav > ul > li:nth-child(n+6) > a{
	position:relative;
	top:0px;
	}

/*--
header > nav > ul > li:nth-child(n+6) > a{
	position:relative;
	top:-20px;
	}
--*/


header > nav > ul > li.guide a.linkButton{
	width:1170px;
	}

header > nav > ul > li a.linkButton{
	width:1070px;
	position:relative;
	}

header > nav > ul > li a.linkButton::after {
	content: "＞";
	position: absolute;
	right: 40px;
	font-size: 30px;
	top: 0;
	color: #fff;
	transform: rotate(90deg) scaleX(0.5);
	bottom: 0;
}

header > nav > ul > li:nth-child(5) a.linkButton::after {right:70px;}

/*
header > nav > ul > li a,
header > nav > ul > li a > span,
header > nav > ul > li a:link,
header > nav > ul > li a:hover,
header > nav > ul > li a:visited{
	height: 100%;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	width: 100%;
	line-height: 100px;
}
*/

header > nav > ul.fs-pt-menu > li a,
header > nav > ul.fs-pt-menu > li a > span,
header > nav > ul.fs-pt-menu > li a:link,
header > nav > ul.fs-pt-menu > li a:hover,
header > nav > ul.fs-pt-menu > li a:visited{
	height: 100%;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	width: 100%;
	line-height: 100px;
}

/*
header > nav > ul > li:first-of-type a,
header > nav > ul > li:first-of-type a > span {
	height: 100%;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	line-height: initial;
	width: calc(100% - 100px);
}

header > nav > ul > li a > span{
	font-size:15px;
	}
*/

header > nav > ul.fs-pt-menu > li:first-of-type a,
header > nav > ul.fs-pt-menu > li:first-of-type a > span {
	height: 100%;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	line-height: initial;
	width: calc(100% - 100px);
}
header > nav > ul.fs-pt-menu > li:first-of-type a {
	padding: 23px 0 0 100px;
	position: relative;
	height: 100px;
}
header > nav > ul.fs-pt-menu > li a > span{
	font-size:15px;
	}
	
header > nav > ul.fs-pt-menu > li:first-of-type a::before {
	content: "";
	background: url(https://nuts.itembox.design/item/img/common/hbgmenu_coupon.png) no-repeat center center / 100%;
	width: 70px;
	height: 70px;
	position: absolute;
	left: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
}

header > nav > ul > li > ul.cate{display:none;}

header > nav > ul > li > ul > li{
	padding:0 5vw;
	position:relative;
	border-bottom:#4d545b dashed 1px;
	width:45%;
	float:left;
	}

header > nav ul > li:last-child{
	border-bottom:none;
	}
/*	
header > nav > ul > li > ul > li:after{
	content:">";
	position:absolute;
	right:4vw;
	top:0;
	color:#fff;
	}
*/	
header > nav > ul > li img{
	width:70px;
	margin:15px 15px;
	}

header > nav > ul > li > ul > li a{
	position: absolute;
	line-height:1.4;
	top: 30%;
	}

header > div.subNav{
	background: #232f3d;
	width: 100%;
	height: 60px;
	position: relative;
	z-index: 3;
}

header > div.subNav ul{
	width:1000px;
	margin:0 auto;
	}

header > div.subNav > ul > li {
	width: 33.3%;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	color: #fff;
	position: relative;
	cursor: pointer;
}

header > div.subNav > ul > li > span{
	width: 100%;
	height: 60px;
	display: block;
}

header > div.subNav > ul > li > ul > li > ul {width:100%;}
header > div.subNav > ul > li > ul {
	background: rgb(35, 47, 61 , .8);
	width: 100%;
}

header > div.subNav > ul > li:nth-of-type(2) > ul > li::before {
	content: "▼";
	position: absolute;
	top: 0;
	right: 10px;
}

header > div.subNav > ul > li:nth-of-type(2) > ul > li.active::before {
	content: "▲";
}
header > div.subNav > ul > li ul li ul li{border-bottom:dotted 1px #fff;}
header > div.subNav > ul > li ul li ul li:first-child{border-top:#fff 1px solid;}
header > div.subNav > ul > li > ul > li{border-bottom:#fff 1px solid;}

header > div.subNav > ul > li ul li {
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
	cursor: pointer;
	font-weight: 700;
}

header > div.subNav > ul > li > ul > li > span{display:block;}
header > div.subNav > ul > li > ul {display:none;}
header > div.subNav > ul > li ul li a {
	color:#fff;
	display:block;
	width:100%;
	height:100%;
	}
	

header > div.subNav ul li + li {margin-top:0;}

header > div.subNav > ul > li:nth-of-type(2){border-left:1px #fff solid; border-right:1px #fff solid;}
header > div.subNav ul li a{color:#fff;}


header div.menu a{padding:0;}

header div.menu {
	width: 35px;
	height: 40px;
	padding: 0;
	margin-top: 10px;
}

header span.menuTxt{
	text-align:center;
	width:80px;
	display:inline-block;
	}
/*
header span.menuTxt:before{content:"メニュー"; font-size:15px; color:#fff;}
header span.menuTxt.active:before{content:"とじる";}
*/


#menuButton {
	overflow: hidden;
	display: block;
	position: relative;
	z-index: 0;
	width: 100%;
	height: 40px;
	cursor: pointer;
	}


#menuButton span,
#menuButton:before,
#menuButton:after{
	display: block;
	position: absolute;
	top:0;
	bottom: 0;
	left:0;
	right: 0;
	width: 100%;
	height: 5px;
	margin: auto;
	background:#838383;
	border-radius:7px;
	-webkit-transition: .1s ease-in-out;
	 transition: all 1s;
	 text-indent:-9999px;
	}

#menuButton span{
	overflow: hidden;
	z-index: 1;
	color: #fff;
	}

#menuButton:before{
	z-index: 2;
	transform:rotate(0deg);
	top:25px;
	content: "";
	}

#menuButton:after{
	z-index: 2;
	transform:rotate(0deg);
	top:-25px;
	content: "";
	}

#menuButton span{
	transform:rotate(0deg) translateX(0px);
	}

#menuButton:before,
#menuButton:after{
	transition: transform 500ms;
	}

.active #menuButton span{
	transform:translateX(-100px);
	top:0;
	}

.active #menuButton:before{
	transform:rotate(495deg);
	top:0;
	}

.active #menuButton:after{
	 transform:rotate(405deg);
	 top:0;
	}

header #search_erea{
	width: 100%;
	height: 70px;
	margin: 0;
	padding: 15px 0;
	background: #eee;
}

header #search_erea #searchform{
	width: 1000px;
	margin:0 auto;
	display: block;
	position: relative;
}

header #search_erea #keywords{
	width: 700px;
	height: 40px;
	padding: 0 15px;
	-moz-border-radius: 12px; /* Firefox */
	-webkit-border-radius: 12px; /* Safari and Chrome */
	border-radius: 70px;
	behavior: url(border-radius-ie8.htc); /* IE */
	border: 1px solid #ccc;
	position: absolute;
	top: 0px;
	left: 80px;
}

header #search_erea #searchBtn{
	width:auto;
	height:40px;
	position: absolute;
	top: 1px;
	left: 84%;
}

header .sliderWrap01 {
	padding: 3vw 0;
	position: relative;
	margin-bottom: 1vw;
}

header .sliderWrap01:after{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	background-color:#ccc;
	height:3px;
	width:1000px;
	margin:auto;
	left:0;
	right:0;
	}
	
header .sliderWrap01.fs-c-slick .slick-slide {
	float: left;
	width:200px;
	height: 100%;
	min-height: 1px;
	margin: 0 10px;
}

header .sliderWrap01 .slick-dots li button::before {
	content: '・';
	font-size: 20px;
	text-indent: 0px;
	position: absolute;
	top: 0;
	left: 0;
	color: #232f3d !important;
	cursor: pointer;
	opacity: 1 !important;
}

@media only screen and (min-width:840px){

header .subnav03 {
	background: #fff;
	width: auto;
	height: 100px;
	position: relative;
	bottom: 0;
	left: 0;
}
header .subnav03 ul.fs-pt-list--noMarker {
	width: 100%;
	position: static;
	z-index: 997;
	max-width: 900px;
	margin: auto;
}
header .subnav03 ul.fs-pt-list--noMarker li {
	width: calc(100% / 6);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	height: 100px;
}
header .subnav03 ul.fs-pt-list--noMarker li img{
	max-height: 80px;
	width: auto;
}
header nav.subnav03 > ul.fs-pt-list--noMarker li:nth-of-type(2n+1) {
	border-right: none;
}
header .subnav03 ul.fs-pt-list--noMarker li .fs-p-headerNavigation__link {padding: 0;}
header .subnav03 ul.fs-pt-list--noMarker li .fs-p-headerNavigation__link:hover {background:none;}
header .subnav03 ul.fs-pt-list--noMarker li input[type="checkbox"],
header .subnav03 ul.fs-pt-list--noMarker li input[type="sarch_link"]{display: none;}
header .subnav03 ul.fs-pt-list--noMarker li #search_erea {display:none;}
header .subnav03 ul.fs-pt-list--noMarker li #sarch_link:checked + #search_erea {
	display: block;
	position: absolute;
	bottom: -65px;
	left: -740px;
	width: 950px;
	background: #fff;
	border-bottom: none;
	height: 65px;
	right: 0;
	margin: auto;
	box-shadow: 1px 1px 3px #000;
}

#search_erea #keywords {
	width: 84%;
	height: 55px;
	padding: 0 3%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	behavior: url(border-radius-ie8.htc);
	border: 1px solid #ccc;
	position: absolute;
	top: 5px;
	left: 1%;
	font-size: 18px;
}

#search_erea #searchBtn {
	width: 80px;
	position: absolute;
	top: 11px;
	left: 88%;
}

}

header .fixedBnr.pc {
	position: absolute;
	top: 0;
	height: 50px;
	text-align: center;
	background: #00c954;
	width: 100%;
}

header .fixedBnr.pc img{height:100%; width:auto;}

header .sliderWrap01 .slick-dots li.slick-active button:before{content: '●';}


section.wrap .cvp{
	margin: 0;
	padding: 0;
}

section.wrap .cvp {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 25px;
}

section.wrap .cvp h2{
	text-align: center;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 100;
	color: #3a3a3a;
	margin: 0;
	padding: 0;
}

section.wrap .cvp h3{
	text-align: center;
	font-size: 14px;
	line-height: 1.1;
	font-weight: 100;
	color: #3a3a3a;
	margin: 7px 0 0;
	padding: 0;
}


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

 Footer

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

footer {
	margin: 64px 0 100px;
	padding: 35px 0 0;
	background: #f6f6f5;
}

/*

footer .cvp{
	width:1000px;
	margin:0 auto 65px;
	}

*/

footer .guide_title{
	width: 1020px;
	text-align: center;
	margin: 0 auto;
	padding: 0 0 40px;
}

footer .footerWrap{
	width: 1020px;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	-moz-border-radius: 4px; /* Firefox */
	-webkit-border-radius: 4px; /* Safari and Chrome */
	border-radius: 4px;
	behavior: url(border-radius-ie8.htc); /* IE */
	padding:35px;
	margin-bottom:65px;
}

footer .footerWrap > ul > li {width: 45%;}
footer .footerWrap > ul > li:nth-of-type(n+3) {margin-top:35px;}
footer .footerWrap ul li + li{margin:0;}

footer #foot_wrap .foot_inner .foot_info{
	margin: -35px 0 0;
	padding: 0;
}


footer .footerWrap > ul > li{
	margin: 0;
	padding: 0;
}

footer .footerWrap > ul > li .info_sub{
	margin:0;
	padding: 0 0 3px;
	border-bottom: 1px #a2d5ca dashed;
}

footer .footerWrap > ul > li .lead{
	font-size: 13px;
	line-height: 1.4;
	margin: 13px 0 0;
	padding: 0;
}

footer .footerWrap > ul > li .lead span.sendfree{
	font-size: 18px;
	font-weight: 700;
	margin: 13px 0 0;
	padding: 0;
}

footer .footerWrap > ul > li .lead .att{
	font-size: 13px;
	line-height: 1.4;
	margin: 8px 0 0;
	padding: 0 0 0 13px;
	text-indent: -13px;
}


footer .footerWrap > ul > li .info_sub{
	margin: 0;
	padding: 0 0 3px;
	border-bottom: 1px #a2d5ca dashed;
}

footer .footerWrap > ul > li .lead{
	font-size: 13px;
	line-height: 1.4;
	margin: 13px 0 0;
	padding: 0;
}

footer .footerWrap > ul > li .lead ul{
	margin: -8px 0 0;
	padding: 0;
}

footer .footerWrap > ul > li .lead ul li{
	margin: 0;
	padding: 8px 0 0 13px;
	background: url(../img/common/footer/disc_01.png) 0 12px no-repeat;
}


footer .footerWrap > ul > li .lead .sendtime{
	margin: 13px 0 8px;
	padding: 0;
}

footer .fs-p-footerCopyright{
	margin: 65px 0 0;
	padding: 0;
	background: #a2d5ca;
}

footer .fs-p-footerCopyright .fs-p-footerCopyright__text{
	width: 1020px;
	text-align: center;
	font-size: 12px;
	line-height: 1.1;
	color: #604c3f;
	margin: 0 auto;
	padding: 35px 0;
}

footer ul.logo_wrap{
	width:1020px;
	margin:65px auto 0;
	display:flex;
	justify-content: space-around;
	flex-wrap: wrap;
	}



@media only screen and (min-width:840px){

footer .subnav02 {
	background: #252f3c;
	width: 100%;
	height: 100px;
	position: fixed;
	bottom: 0;
	left: 0;
}
footer .subnav02 ul.fs-pt-list--noMarker {
	width: 100%;
	position: static;
	z-index: 997;
	max-width: 900px;
	margin: auto;
}
footer .subnav02 ul.fs-pt-list--noMarker li {
	width: calc(100% / 6);
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	height: 100px;
}
footer .subnav02 ul.fs-pt-list--noMarker li img{
	max-height: 80px;
	width: auto;
}
footer nav.subnav02 > ul.fs-pt-list--noMarker li:nth-of-type(2n+1) {
	border-right: none;
}
footer .subnav02 ul.fs-pt-list--noMarker li .fs-p-headerNavigation__link {padding: 0;}
footer .subnav02 ul.fs-pt-list--noMarker li .fs-p-headerNavigation__link:hover {background:none;}
footer .subnav02 ul.fs-pt-list--noMarker li input[type="checkbox"],
footer .subnav02 ul.fs-pt-list--noMarker li input[type="sarch_link"]{display: none;}
footer .subnav02 ul.fs-pt-list--noMarker li #search_erea {display:none;}
footer .subnav02 ul.fs-pt-list--noMarker li #sarch_link:checked + #search_erea {
	display: block;
	position: fixed;
	bottom: 100px;
	left: 0;
	width: 800px;
	background: #fff;
	border-bottom: none;
	height: 65px;
	right: 0;
	margin: auto;
}

#search_erea #keywords {
	width: 84%;
	height: 55px;
	padding: 0 3%;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	behavior: url(border-radius-ie8.htc);
	border: 1px solid #ccc;
	position: absolute;
	top: 5px;
	left: 1%;
	font-size: 18px;
}

#search_erea #searchBtn {
	width: 80px;
	position: absolute;
	top: 11px;
	left: 88%;
}

}



footer .fixedBnr02 a {
	position: fixed;
	width: 30%;
	max-width:250px;
	bottom: 0;
	right: 0;
	-webkit-transition: .3s ease all;
	-moz-transition: .3s ease all;
	-o-transition: .3s ease all;
	transition: .3s ease all;
	transition-duration: 0.3s;
	transform: translate(0, 0);
	z-index: 996;
	display: block;
}
footer .fixedBnr02.hidden a{
	transform: translate(0, 20vw);
}



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

 Page main

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



.fs-l-main {
	margin: 25px auto;
	padding: 0;
	max-width: 1020px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.fs-l-main .fs-l-pageMain {
	max-width: 780px;
	width: 100%;
	margin: 0;
	padding: 0;
	order:2;
}

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

 Page side

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


.fs-l-main .side{
	width: 200px;
	margin: 0;
	padding: 0;
	order:1;
}


.fs-l-main .side .fs-l-header__welcomeMsg,
.fs-l-main .side > h3{
	margin-top:25px !important;
	}

.side .fs-l-header__welcomeMsg{
	margin: 0;
	padding: 15px 13px;
	color: #604c3f;
	background: #fff;
	border:#e3f2ef solid 2px;
}

.side .fs-l-header__welcomeMsg span.name{
	font-weight: 700;
	margin: 0 6px 0 0;
}

.side .fs-l-header__welcomeMsg .point_box{
	font-weight: 700;
	margin: 15px 0 0;
	padding: 10px 8px 8px;
	background: #e3f2ef;
}

.side .fs-l-header__welcomeMsg .point_box span.pos{
	font-size: 13px;
	font-weight: 100;
	margin: 0 6px 0 0;
}

.side .fs-l-header__welcomeMsg .memberlogin{
	margin: 15px 0 0;
	padding: 0;
}

.side .fs-l-header__welcomeMsg .memberather{
	margin: 4px 0 0;
	padding: 0;
}

.side .fs-l-header__welcomeMsg .memberather .mypage{
	float: left;
	width: 72px;
	margin: 0;
	padding: 0;
}

.side .fs-l-header__welcomeMsg .memberather .coupon{
	float: right;
	width: 84px;
	margin: 0;
	padding: 0;
}

.side ul.brandlist li,
.side nav ul li{
	margin: 0;
	padding: 9px 0;
	border-top: 1px #cacaca solid;
}





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

 Page Top

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

.pagetop {
	display: none;
	position: fixed;
	bottom: 0;
	right: 40px;
}
.pagetop a {
	display: block;
	width:92px;
	height: 92px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	line-height: 40px;
}