/*
Theme Name: type-TN18
Author: TN
Version: 1.5, 2018.06
*/

/*------------------------------------------------------------
	base
------------------------------------------------------------ */
html { font-size: 10px; webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: sans-serif; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; padding: 0; font: 14px/1.6 "Yu Gothic", YuGothic, "游ゴシック体", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "Geneva", "Arial", "Verdana", sans-serif; height: 100%; background-color:#fff; color:#000; }
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,form,figure{ margin: 0px; padding: 0px; }
ul { list-style-type: none; }
img { border: none; }
input,textarea,select { font-size: 1em; }
form { margin: 0px; }
table {	border-collapse:collapse; font-size: 100%; border-spacing: 0; }
/*link*/
a { border:0; text-decoration:none; color: inherit; transition: all .2s ease-in-out; }
a:hover { text-decoration: none; color:inherit; }
.linkText { color:#09c; padding-top:5px; text-decoration:underline; line-height:2.2; }
.linkText:hover { color:#09c; }
/*text*/
h1, h2, h3, h4, h5, h6 { text-align: left; line-height:1.6; line-break: strict; color: #000; font-weight: bold; }
h1 { font-size: 40px; }
h2 { font-size: 22px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px; }
p { font-weight: normal; font-size: 14px; line-height: 1.5; color: #000; }
@media(max-width:767px) {
h1 { font-size: 2rem; }
h2 { font-size: 2.4rem; }
h3 { font-size: 1.8rem; }
h4 { font-size: 1.7rem; }
h5 { font-size: 1.6rem; }
h6 { font-size: 1.4rem; }
p { font-size: 1.4rem; }
}
@media(max-width:320px) {
h6 { font-size: 1.4rem; }
p { font-size: 1.3rem; }
}
@font-face {
   font-family:ren;
   src: url('Renner.ttf');
}
@font-face {
   font-family: dins;
   src: url('DINLightRegular.otf');
}
@font-face {
   font-family:no3;
   src: url('alternate-gothic-no3-d.ttf');
}


.caption { font-size : -webkit-calc(1em - 2px) ; font-size : calc(1em - 2px) ; }
.point { color:#f00 !important; }
.textC { text-align:center !important; }
.textL { text-align:left !important; }
.textR { text-align:right !important; }
.fsM { font-size:18px; }
.bpb0 { margin:0 !important; padding:0 !important; border:0 !important; }
.minc { font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif; }
.itlc { font-style:italic; }
.obli { font-style:oblique; }
.f-ais { font-family:ren; font-weight:normal !important; }
.f-dio { font-family:dio; font-weight:normal !important; }
/*strong*/
strong { color:#f00; font-weight: bold; }
b { color:#000; font-weight: bold; }
em, i { font-style: italic; }
.normal { font-weight:normal !important; }

/* IMG */
img { margin:0; padding:0; border: 0; }
img.center { display:block; margin:0 auto; }
img.left { float: left; margin: 0 15px 0 0; border: 0; }
img.right { float: right; margin: 0 0 0 15px; border: 0; }
a img { transition: all .2s ease-in-out; }
a:hover img { opacity:.70; }
.w100 { width:100%; }
.wMax100 { max-width:100%; }
.cR { border-radius:10px; }
img.bd999 { border:1px solid #999; }
/* clearfx */
.cf:before, .cf:after { content: ""; display: table; }
.cf:after{ clear: both; }
.cf { zoom: 1; } /* For IE 6/7 */

/* LIST */
ul { margin-bottom: 0; list-style: none outside; }
ol { margin-bottom: 0; list-style: decimal; margin-left: 2.2em; }
ul.square, ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: disc outside; }
ul ul.circle, ul ul.square { margin-top: 4px; margin-bottom: 5px; }
ul, li { box-sizing: border-box; }

/* HR */
hr { border-width: 1px 0 0 0; border-style: solid; border-color: #000; height: 1px; }
hr.dot { border-width: 1px 0 0 0; border-style: dotted; border-color: #000; height: 1px; }
hr.dash { border-width: 1px 0 0 0; border-style: dashed; border-color: #000; height: 1px; }


/* Margin */
.btmMgn0 { margin-bottom:0 !important; }
.btmMgn-s { margin-bottom:5% !important; }
.btmMgn-m { margin-bottom:7% !important; }
.btmMgn-l { margin-bottom:10% !important; }
.btmMgn-fnt { margin-bottom:.6em !important; }

.topMgn0 { margin-top:0 !important; }
.topMgn-s { margin-top:5% !important; }
.topMgn-m { margin-top:7% !important; }
.topMgn-l { margin-top:10% !important; }

/* Padding */
.btmPad0 { padding-bottom:0 !important; }
.btmPad-s { padding-bottom:5% !important; }
.btmPad-m { padding-bottom:7% !important; }
.btmPad-l { padding-bottom:10% !important; }

.topPad0 { padding-top:0 !important; }
.topPad-s { padding-top:5% !important; }
.topPad-m { padding-top:7% !important; }
.topPad-l { padding-top:10% !important; }

.all0 { margin:0 !important; padding:0 !important; border:0 !important; background:none !important; }


/*------------------------------------------------------------
	header - nav
------------------------------------------------------------ */
header { position: fixed; top:0; width:100%; padding:0; z-index: 99999; background:rgba(255,255,255,1); border-bottom:1px solid #e7e7e7; font-family:ren; }
header .logo, header.fixed .logo { width:45%; }
header a { margin:0 2em; cursor:pointer; }
header h1 { width:65px; height:42px; margin:0 auto; position: relative; right: -7.5%; }
header h1 a { background:url(../images/common/em-logo.svg) 0 0 no-repeat; width:65px; height:42px; background-size:65px auto; overflow: hidden; text-indent: 100%; white-space: nowrap; margin:0 auto; padding:0;}
header a.cart { background:url(../images/common/icon_bag.svg) 50% 40% no-repeat; width:24px; height:24px; background-size:32px auto; overflow: hidden; text-indent:9999px; white-space: nowrap; margin:0; padding:2%; border:1px solid #fff; border-radius:100px;}
header a.cart:hover { background-color:#f3f3f3; }
#menu-head h1 a:after, header h1 a:before, #menu-head a.cart:after, #header a.cart:before { display:none; }
#menu-head { margin-right:auto; display:flex; flex-direction: row; align-items:center;
width: 96%;
margin:0 auto;
padding:0 0 0;
height: 80px;
position: relative;
box-sizing: border-box;
}
header nav {
position: absolute;
top:0;
right:0;
background:rgba(255,255,255,.6);
width:100vw;
height:100vh;
text-align: center;
padding: 0;
z-index:999;
transition: opacity .25s, visibility 0s ease .25s;
opacity: 0;
visibility: hidden;
}
header nav ul {
list-style: none;
position: absolute;
top:-100vw;
padding:0;
width: 100vw;
height:30vh;
background:#fff;
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items:center;
align-content:center;
z-index:999;
transition: .35s ease-in-out;
}
header nav ul li {
float: none;
position: static;
margin-top:1.8em;
padding:0;
text-align:center;
}
header nav ul li a,
header.fixed nav ul li a {
position:relative;
width: auto;
display: inline-block;
color: #000;
padding: 0;
text-align:left;
font-size:19px;
font-weight:normal;
line-height:1;
}

/* Toggle Button */
#nav-toggle, .close_button { position: relative; display: block; right: 0; top: 0; width:58px; height:38px; cursor: pointer; z-index:1000; }
#nav-toggle div, .close_button div { position: relative; width:70%; margin:6px auto; }
#nav-toggle span, .close_button span { display: block; position: absolute; height: 1px; width: 100%; background: #000; left: 0; transition: .35s ease-in-out; }
#nav-toggle span:nth-child(1) { top: 0; }
#nav-toggle span:nth-child(2) { top: 12px; width:82%; }
#nav-toggle span:nth-child(3) { top: 23px; width:68% }
#nav-toggle:hover span:nth-child(2), #nav-toggle:hover span:nth-child(3) { width:100%; transition: .2s ease-in-out;} 


/* #nav-toggle 切り替えアニメーション */
.open #nav-toggle span { background:#000; }
.open #nav-toggle span:nth-child(1) {
top: 11px;
transform: rotate(315deg);
}
.open #nav-toggle span:nth-child(2) {
width: 0;
left: 50%;
}
.open #nav-toggle span:nth-child(3) {
top: 11px;
transform: rotate(-315deg);
width:100%;
}


/* nav スライドアニメーション */
header.open nav { opacity:1;display:block; right:0;
transition-delay: 0s;
opacity: 1;
visibility: visible;}
header.open nav:after { opacity:.5; }
header.open nav ul { top:0; }

/*hover*/
#menu-head a, #menu-head label { position:relative; display:block; color:#222; text-decoration:none; font-size:19px; z-index: 998; line-height:1;}
#menu-head a:before, #menu-head a:after, #menu-head label:before, #menu-head label:after, #header nav a:before, #headet nav a:after {
  position: absolute;
  top: 1.2em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #003;
  transition:all .25s ease;
}
#menu-head a:before, #menu-head label:before, #header nav a:before { display:none; }
#menu-head a:after, #menu-head label:after, #header nav a:after { left: 0%; }
#menu-head a:hover:after, #menu-head label:hover:after, #header nav a:hover:after{ width: 100%; }

@media(max-width:767px) {
header a, header label { margin-right:1.5em; }
#menu-head { width:90%; }
#menu-head a, #menu-head label { font-size:2rem; }
.page-menu { display:none !important; }
header h1 { width:54px; height:34px; right:0; }
header h1 a { width:54px; height:34px; background-size:54px auto; }
header a.cart { width:42px; height:42px; background-size:32px auto; }
#menu-head a:before, #menu-head a:after, #menu-head label:before, #menu-head label:after,  #heade nav a:before,  #heade nav a:after { display:none; }
header nav ul { height:60vh; flex-direction: column;}
header nav ul li a { margin:0; }
}
@media(max-width:320px) {
header a, header label { margin-right:1em; }
#menu-head a, #menu-head label { font-size:1.8rem; }
}


/*------------------------------------------------------------
	COMMON
------------------------------------------------------------ */
section { position:relative; width:100%; margin:0; padding:10% 0 0; box-sizing: border-box; overflow:hidden; }
.bgbk { position:relative; width:100%; background:#000; padding:5% 0 6%; }
.bggr { position:relative; width:100%; background:#ccc; padding:5% 0 6%; }
.ins { position:relative; width:74.5%; margin:0 auto; box-sizing: border-box; }
.bgbk .ins { padding:4%; background:#fff;}
.ins.brBox { border:2px solid #000; padding:2.5%; }
.brBox { border:1px solid #000; padding:2.5%; background:#fff; }
.ins.bgBox { background:#000; padding:2.5%; }
.ins.min { width:60%; }
.ins.mins { width:60%; margin-bottom:10%; }
.ins.min-s { width:50%; margin-bottom:5%; }
.ins.w100 { width:100%; }
.ins hr { margin:2.5% 0; }
h2, .ins h1 { position:relative; font-size:24px; text-align:left; font-family:ren; margin:0 0 1em; padding:0; line-height:1; letter-spacing:4px; font-weight:normal; }

/* column */
.clmBox { position:relative; display:flex; flex-flow: row wrap; justify-content: space-between; box-sizing:border-box; }
.clmBox.normal { justify-content:flex-start; align-items:flex-start; }
.clmBox.cont-rev { justify-content:flex-end; align-items:flex-start; }
.clmBox.ali-rev { justify-content:flex-start; align-items:flex-end; }
.clmBox.all-rev { justify-content:flex-end; align-items:flex-end; }
.htmach { align-items:stretch; }
.clmBox li { display:block; padding:0; border:0; position:relative; }
.clmBox li.clmBox { display:flex; }
.clmBox img { width:100%; display:block; }
.clm2 li, .clm2 .clms { width:47%; }
.clm3 li, .clm3 .clms { width:28%; margin-bottom:7%; }
.clm4 li, .clm4 .clms { width:24%; }
.clm5 li, .clm5 .clms { width:19%; }
.clm2.box2 .clms { width:50%; }
.clms { box-sizing:border-box; position:relative; }
.clm3::after{content:"";display: block;width:28%;}
.clm4::before{content:"";display: block;width:23%;order:1;}
.clm4::after{content:"";display: block;width:23%;}
.clm5 .empty{width:19%; margin:0;}
.clms { margin-bottom:2%; }
.clm2 li img, .clm3 li img, .clm4 li img, .clm5 li img, .clms img { width:100%; height:auto; }
.worksBox img, .jny img { display: block; max-height:30%; object-fit: cover; object-position: 50% 0%; }
.imgauto img { width:auto !important; }
.clms a { width:100% !important; margin:0;}
.alignC { align-self:center; }
.alignC img { display:block; margin:auto; }
.clumn { display:flex !important; flex-direction:column; align-items: flex-start;}
.clmBox.nowrap { flex-wrap:nowrap; align-items: flex-start; }
.last-end-row { margin-right:auto; }
.last-end-clm { margin-top:auto; }

@media(max-width:767px) {
section { padding:95px 0 0; }
.ins { width:90%; margin:0 auto; }
.ins.min { width:90%; }
.ins.mins, .ins.min-s { width:90%; margin-bottom:10%; }
.ins img { max-width:100%; }
.ins.brBox, .ins.bgBox { padding:5%; }
.bgbk .ins { padding:8% 4% 4%; }
.linkmore .mask p { font-size:1.8rem; letter-spacing:2px; }

.clm2 li, .clm2 .clms, .clm3 li, .clm3 .clms, .clm4 li, .clm4 .clms, .clm5 li, .clm5 .clms { width:100%; margin-bottom:0; }
.clm4 li, .clm4 .clms, .clm5 li, .clm5 .clms { width:32%; }
.clm4::before{content:"";display: block;width:32%;order:1;}
.clm4::after{content:"";display: block;width:32%;}

h2, .ins h1 { font-size:2rem; }
h2 span { font-size:1.5rem; letter-spacing:1px; margin-bottom:.3em; }

a.gopage { font-size:2rem; letter-spacing:3px; margin:1.2em auto 0; padding:.1em 1em; }
.arrowLink { font-size:180%; bottom:0; }

}

@media(max-width:320px) {
h2 { font-size:1.9rem; letter-spacing:2px; }
h2 span { font-size:1.4rem; letter-spacing:1px; }
}

/*------------------------------------------------------------
	TOP
------------------------------------------------------------ */
.topSl { padding:80px 0 0; }
h2 > span { margin-left: 15px; font-size: 15px; letter-spacing: 0.1em; }
.cat-img .clmBox { align-items: flex-start; align-content: flex-start; }
.cat-img .clms { width:49.5%; margin-bottom:1%; }
.cat-img a, .cat-img img { position:relative; display:block; transition: all; }
.cat-img a h3 { font-family:ren; letter-spacing:2px; font-size:3vw; color:#fff; position:absolute; top:4%; left:6%; z-index:90; transition: all .25s ease-in-out; }
.cat-img a:hover h3 { left:8%; }

/*CATEGORY*/
section.category-top { overflow: visible; }
.category-top { padding-top: 10% }
.category-top ul { display: flex; justify-content: center; }
.category-top li { font-size: 15px; margin-right: 15px; font-weight: bold; font-family: 'Open Sans', sans-serif; font-weight: 600; }
.category-top .fs-pt-menu--lv1 > li { display: flex; }
.category-top .fs-pt-menu--lv1 > li > span { display: block; margin: 0 25px; }
.category-top .fs-pt-menu--lv1 > li > span > a:hover { opacity: 0.6 }
.category-top .fs-pt-menu--lv2 li { position: relative; z-index: 2; margin: 0 25px; }
.category-top .fs-pt-menu--lv2 li ul { display: none; top: 25px; position:absolute; background: rgba(255, 255, 255, 0.9); width: 200px}
.category-top .fs-pt-menu--lv2 li li a { display: block; padding: 15px; }
.category-top li li:hover > span > a { opacity: 0.6 }
.category-top .fs-pt-menu--lv2 li:hover > ul { display: block; }

/*NEW ARRIVAL*/
.new-arrival-top { padding-top: 10% }
.new-arrival-top .new-arrival-container { display: flex; justify-content: space-between; overflow: hidden; margin: 0 50px;}
.new-arrival-top .new-arrival-container > div { font-size: 15px; }
.new-arrival-top .new-arrival-container > div > div { overflow-wrap: break-word; }
.new-arrival-top .new-arrival-container .new-label { font-size: 20px; color: #FFF; background-color: #989898; margin-bottom: 10px; padding: 0 8px; width: 62px;}

.swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23999999'%2F%3E%3C%2Fsvg%3E");
}

    
/*NEWS*/
.news .ins { padding:0 0 10%; }
.news ul { padding:0 2.5%; }
.news h2 { display:flex; align-items: baseline; }
.news li { margin-bottom:1.5%; line-height:1.4; display:none; }
.news li:nth-child(1) { display:block; }
.news li, .news a { font-size:12px; }
.news .textbtn { margin-left:auto; text-decoration:underline; letter-spacing:1px; }
.news .textbtn i { padding-left:.5em; }
.news a:hover { text-decoration:underline; }
.news span, .news time { font-family:dins; display:block; font-size:14px; }
.news.newslist .ins { border:0; padding-bottom:0; }
.news.newslist li { margin-bottom:3%; padding-bottom:3%; line-height:1.4; border-bottom:1px solid #eee; display:block; }

/* BANNER */
.banner { padding: 0; }
.banner a { line-height: 3px; display: block; margin-bottom: 1px; }

/*RANKING*/
.ranking-top .ranking-container { display: flex; justify-content: space-between }
.ranking-top .ranking-container > div { width: 24.5%; font-size: 15px; }
.ranking-top .ranking-container > div > div { overflow-wrap: break-word; }
.ranking-top .ranking-container .rank-num { font-size: 14px; }

/*INSTAGRAM*/
section.instagram ul.list { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 24px 0; }
section.instagram ul.list li { position: relative; width: 33%; list-style:none; margin-bottom: 5px; }
section.instagram ul.list li:before { content: ""; display: block; padding-top: 100%; }
section.instagram ul.list li img { position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; margin: auto; object-fit: cover; }


/*CONTENTS*/
.grid-item div { padding:4% 6%; box-sizing:border-box; position:relative; height:auto; /*min-height: 23%;*/ display: flex; flex-direction: column; background: #f3f3f3; overflow:hidden;}
.grid-item a { position:relative; transition: all .2s ease-in-out; display:block; height:100%; }
.grid-item img { border:1px solid #f3f3f3; }
.grid-item h6 { color:#666; margin-top: auto; padding-top:.6em; letter-spacing:1px; }
.grid-item h6 span { font-size:18px; }
.grid-item h4, .grid-item h6, .grid-item p { font-weight:normal; font-family:dins; line-height:1.2; }
.grid-item a p { font-size:16px; text-align:center; color:#fff; padding:0; background:rgba(0,0,0,0.75); position:absolute; transition: all .3s ease-in-out; top:150%; left:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; }
.grid-item a:hover p { top:0; }
#itemList-move { display:none; }


/*MESSAGE*/
.mess h2 { position:relative; z-index:10; line-height:1.2; left:-150px; width:200%; font-size:3.6vw; margin:0; padding-top:.2em; letter-spacing:3px; }
.mess li { display: flex; flex-direction: column; align-items: flex-start; }
.mess li p { color:#777; padding-top:5%; line-height:2; }
.mess li a { margin-top:auto; }
.mess li:nth-child(1) { width:55%; }
.mess li:nth-child(2) { width:40%; position:relative; z-index:10; }
.mess.abt li:nth-child(1) { width:35%; }
.mess.abt li:nth-child(2) { width:65%; position:relative; z-index:10; }

@media(max-width:767px) {
	.grid-item div { min-height:inherit; }
	.news li, .news a, .news span, .news time { font-size:1.4rem; }
	.news.newslist li { margin-bottom:6%; padding-bottom:6%; }

    .category-top .ins { width: 94%; }
    .category-top li { font-size: 11px; }
    .category-top .fs-pt-menu--lv1 > li > span { margin: 0; }
    .category-top .fs-pt-menu--lv1 > li > span { margin-right: 8px; margin-bottom: 5px; margin-left: 25px; }
    .category-top .fs-pt-menu--lv2 li { margin: 0; }
    .category-top .fs-pt-menu--lv2 li { margin-right: 8px; margin-bottom: 5px }
    .category-top .fs-pt-menu--lv2 li:hover > ul { display: none; }

    .new-arrival-top .new-arrival-container { margin: 0px 32px;}
    .new-arrival-top .new-arrival-container > div { font-size: 12px; }
    .new-arrival-top .new-arrival-container .new-label { font-size: 10px; width: 45px; text-align: center;}
    .swiper-button-prev {
      width: 16px;
      height: 26px;
      margin-top: -13px;
      background-size: 16px 26px;
    }
    .swiper-button-next {
      width: 16px;
      height: 26px;
      margin-top: -13px;
      background-size: 16px 26px;
    }

	.cat-img a h3 { font-size:4vw; }
	.fs-l-main > section:nth-child(1) { padding-top:120px; }
	.fs-l-main > section.topSl { padding:80px 0 0; }

	.news { padding-top:10%; }
	.news li { font-size:1.2rem; margin-bottom:5%; }
	.news span { font-size:1.4rem;}
	.news ul { padding:0 4% 10%; }

	.mess h2 { width:100%; font-size:6.7vw; left:0; padding:0; margin:0; letter-spacing:2px;  }
	.mess li { display:block; }
	.mess li p { text-align:center; padding:8% 0; line-height:2; }
	.mess li a { margin:auto; display:block; width:60%; }
	.mess li:nth-child(1) { width:100%; }
	.mess li:nth-child(2) { width:90%; margin:-12% auto 0; }
	.mess.abt li:nth-child(1) { width:70%; margin:0 auto; order:2; }
	.mess.abt li:nth-child(2) { width:100%; order:1; }
}

@media(max-width:320px) {
}
@media(min-width:1080px) {
	.mess h2 { padding-top:.6em; }
	.mess li p { padding-top:8%; }
}


/*------------------------------------------------------------
	PRODUCT LIST
------------------------------------------------------------ */
/*future-shop*/
.fs-l-page { overflow:hidden; }

.prod-list-all .slick-track,
.fs-c-featuredProduct .slick-track,
.fs-c-wishlistProduct .slick-track,
.fs-c-productList__list  { position:relative; width:100% !important; transform:none !important; display:flex !important; flex-wrap:wrap; justify-content: space-between; margin-bottom:5%; }

.prod-list-all .slick-track::after,
.fs-c-featuredProduct .slick-track::after,
.fs-c-wishlistProduct .slick-track::after,
.fs-c-productList__list::after {content:"";display: block; width:32%;}

.prod-list-all .slick-slide,
.fs-c-featuredProduct .slick-slide,
.fs-c-wishlistProduct .slick-slide { position:relative; float:none; width:32%; margin-bottom:2%; background:#f3f3f3; height:auto; }

.prod-list-all .fs-c-productListItem__image > a,
.fs-c-featuredProduct .fs-c-productListItem__image > a,
.fs-c-wishlistProduct .fs-c-productListItem__image > a { position:relative; display:block; overflow:hidden; }

.prod-list-all .fs-c-productListItem__image > a::after,
.fs-c-featuredProduct .fs-c-productListItem__image > a::after,
.fs-c-wishlistProduct .fs-c-productListItem__image > a::after { content:"VIEW MORE"; font-size:16px; letter-spacing:2px; font-family:dins; text-align:center; color:#fff; padding:0; background:rgba(0,0,0,0.75); position:absolute; transition: all .3s ease-in-out; top:-100%; left:0; width:100%; height:15%; display: flex !important; align-items: center; justify-content: center; z-index:500; }

.prod-list-all .fs-c-productListItem__image > a:hover::after,
.fs-c-featuredProduct .fs-c-productListItem__image > a:hover::after,
.fs-c-wishlistProduct .fs-c-productListItem__image > a:hover::after { top:0; }

.prod-list-all .slick-slide img,
.fs-c-featuredProduct .slick-slide img,
.fs-c-wishlistProduct .slick-slide img,
.fs-c-productList__list article img { border:1px solid #f3f3f3;}

.prod-list-all .slick-slide > div,
.fs-c-featuredProduct .slick-slide > div,
.fs-c-wishlistProduct .slick-slide > div { height:100%; }

.prod-list-all .slick-slide article,
.fs-c-featuredProduct .slick-slide article,
.fs-c-wishlistProduct .slick-slide article { position:relative; display:flex !important; flex-direction: column; height:100%; }
.fs-c-productList__list article { width:32%; background:#f3f3f3; margin-bottom: 4%; }

.fs-c-productListCarousel__list__item.fs-c-productListItem > div { padding:0 8%; }
.fs-c-productList__list__item.fs-c-productListItem > form > div { padding:0 8%; margin-top:3%; }
.fs-c-productListCarousel__list__item.fs-c-productListItem > div:first-child,
.fs-c-productList__list__item.fs-c-productListItem > form > div:first-child{ padding:0; margin:0; }
.fs-c-productListCarousel__list__item.fs-c-productListItem > div:last-child,
.fs-c-productList__list__item.fs-c-productListItem > form { padding-bottom:8%; }

.prod-list-all .slick-slide article h2, 
.fs-c-featuredProduct .slick-slide article h2,
.fs-c-wishlistProduct .slick-slide article h2,
.fs-c-productList__list article h2 { font-weight:normal; font-family:dins; letter-spacing:1px; padding:5% 8% 2.5%; width:100% }

.prod-list-all .slick-slide article .fs-c-productListItem__prices,
.fs-c-featuredProduct .slick-slide article .fs-c-productListItem__prices,
.fs-c-wishlistProduct .slick-slide article .fs-c-productListItem__prices,
.fs-c-productList__list article .fs-c-productListItem__prices { padding:0 8% 5%; margin:auto 0 0; }

.prod-list-all .slick-slide article h2,
.fs-c-featuredProduct .slick-slide article h2,
.fs-c-wishlistProduct .slick-slide article h2,
.fs-c-productList__list article h2 { font-size:18px; margin:0; }

.fs-c-productListItem__lowInStock.fs-c-productListItem__notice.fs-c-productStock,
.fs-c-productListItem__control.fs-c-buttonContainer{ padding:0 8% 5%; }

.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer { padding:2% 8% 5%; }

.prod-list-all .slick-track:before, .fs-c-productListCarousel__ctrl,
.fs-c-featuredProduct .slick-track:before, .fs-c-productListCarousel__ctrl,
.fs-c-button--viewProductDetail { display:none !important; }

.new-arrival-container .slick-slide { float: none; width: 33.3%; margin-bottom: 2.3%; }
.new-arrival-container .slick-track { width: 100% !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
.new-arrival-container .fs-c-productListItem__productName { font-size: 14px; text-align: center }
.new-arrival-container .fs-c-productPrice { display: flex; justify-content: center; }
.new-arrival-container .fs-c-productListCarousel__list__item.fs-c-productListItem > div {padding: 0}


.ranking-container .slick-slide { float: none; width: 24.5%; margin-bottom: 2.3%; }
.ranking-container .slick-track { width: 100% !important; display: flex; flex-wrap: wrap; justify-content: space-between; }
.ranking-container .fs-c-productListItem__productName { font-size: 14px; text-align: center }
.ranking-container .fs-c-productPrice { display: flex; justify-content: center }
.ranking-container .fs-c-productListCarousel__list__item.fs-c-productListItem > div {padding: 0}
.ranking-top .ranking-container > div.fs-c-productListCarousel__list { width: 100%; font-size: 14px; }

@media(max-width:767px) {
	.prod-list-all .slick-track::after,
	.fs-c-featuredProduct .slick-track::after,
	.prod-list-all .slick-slide,
	.fs-c-featuredProduct .slick-slide,
	.fs-c-wishlistProduct .slick-slide,
	.fs-c-productList__list article { width:48%; margin-bottom:4%; }

	.fs-c-productListItem__control.fs-c-buttonContainer button,
	.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer button { font-size:1.1rem; width:100%; }
    h2 span.fs-c-productName__name { font-size:1rem; letter-spacing:1px; }
    .new-arrival-container .fs-c-price { font-size:1rem !important; letter-spacing:1px; }
    .new-arrival-container .fs-c-price__currencyMark { font-size:1rem !important; }
    .new-arrival-container .fs-c-productPrice__addon__label { font-size:1rem !important; }
    .ranking-container .fs-c-price { font-size:1rem !important; letter-spacing:1px; }
    .ranking-container .fs-c-price__currencyMark { font-size:1rem !important; }
    .ranking-container .fs-c-productPrice__addon__label { font-size:1rem !important; }
}


/*------------------------------------------------------------
	GROUP
------------------------------------------------------------ */
.fs-c-subgroup, .fs-c-productList__controller { display: flex; justify-content: flex-end; flex-wrap:wrap; align-items: center; width: 100%; color:#666; padding:3%; margin:0; border-top:1px solid #f0f0f0; }
.fs-c-subgroup ul, .fs-c-productList__controller ul, .fs-c-sortItems { display:flex; align-items: center; flex-wrap:wrap; margin:0; padding:0; }
.fs-c-subgroup li, .fs-c-productList__controller li { padding:0 0 0 10px; display:block !important; min-width:154px; }
.fs-c-subgroup li:last-child, .fs-c-productList__controller li:last-child { padding-right:15px; }
.fs-c-subgroup ul a, .fs-c-productList__controller ul a,
.fs-c-subgroup ul span, .fs-c-productList__controller ul span, .fs-c-listControl__status span { background:#f3f3f3; display:inline-block; color:#000; margin:0; padding:.5em 1em; width:100%; text-align:center; }
.fs-c-subgroup ul span, .fs-c-productList__controller ul span, .fs-c-listControl__status span { background:none; border:1px solid #ccc; }

.fs-c-subgroup ul a:hover, .fs-c-productList__controller ul a:hover { background:#e0e0e0; }
.fs-c-listControl__status span { color:#666; border:0; padding:0; width:auto; }

.fs-c-subgroup .fs-c-listControl:nth-child(1) { display:none; }

@media(max-width:767px) {
.fs-c-subgroup ul, .fs-c-productList__controller ul, .fs-c-sortItems { justify-content: space-between; width:100%; }
.fs-c-subgroup li, .fs-c-productList__controller li { padding:0; margin:3% 0 0; min-width:47%; }
.fs-c-subgroup li:last-child, .fs-c-productList__controller li:last-child { padding-right:0; }
.fs-c-listControl { padding-top:3%; }
}


/*------------------------------------------------------------
	SHOPPING
------------------------------------------------------------ */
.udhd { width:100vw; height:50vh; position:relative; background-size:cover !important; background-position:50% 50%; background-repeat:no-repeat; display: flex; justify-content: center; align-items: center; }
.udhd.prodlist { background-image:url("../images/freepage/kv-pages.jpg"); }
.udhd h2 { position:relative; font-size:3vw; color:#fff; }

/*price*/
.fs-c-price,
.fs-c-price__currencyMark { font-family:dins; font-size:18px; color:#666; padding:0; align-items: flex-start; justify-content: flex-start;}

#fs_ProductDetails .dtl .fs-c-price,
#fs_ProductDetails .dtl .fs-c-price__currencyMark { font-family:no3; justify-content: flex-start; align-items: flex-end; font-size:44px; line-height:1.1; color:#000; }
#fs_ProductDetails .dtl .fs-c-price__currencyMark { font-size:26px; padding: 0 .2em .3em 0; font-family: "dins"; font-weight:bold; }

.fs-c-productPrice { display: flex; align-items: flex-end; line-height:1.3; }
.fs-c-productPrices--productDetail { padding:5% 0; }

.fs-c-productPrice__addon__label {position: relative; padding-left: .5em; font-size: 12px; color:#666;}
#fs_ProductDetails .dtl .fs-c-productPrice__addon__label { top: -10px; color:#000;}

.fs-c-cartTable__dataCell--subtotal .fs-c-price,
.fs-c-orderTotalTable__mainRow .fs-c-price,
.fs-c-cartTable__dataCell--subtotal .fs-c-price__currencyMark,
.fs-c-orderTotalTable__mainRow .fs-c-price__currencyMark,
#fs_MyOrders .fs-c-price,
#fs_MyOrders .fs-c-price__currencyMark,
.fs-c-orderTotalTable__grandTotal .fs-c-price, .fs-c-orderTotalTable__grandTotal .fs-c-price__currencyMark { color:#000; font-size:22px;}

#fs_MyOrders .fs-c-pairList {align-items: center;}

@media(max-width:767px) {
.fs-c-price,
.fs-c-price__currencyMark,
.fs-c-cartTable__dataCell--subtotal .fs-c-price,
.fs-c-orderTotalTable__mainRow .fs-c-price,
.fs-c-cartTable__dataCell--subtotal .fs-c-price__currencyMark,
.fs-c-orderTotalTable__mainRow .fs-c-price__currencyMark,
#fs_MyOrders .fs-c-price,
#fs_MyOrders .fs-c-price__currencyMark { font-size:1.8rem;}
}


/*------------------------------------------------------------
	DETAIL
------------------------------------------------------------ */
/*original*/
.dtl { position:relative; padding:6% 0; background:#f3f3f3; }
.dtl .clms { width:48%; }
.dtl .clms h1 { font-family:no3; margin-bottom:.4em; padding-bottom: .3em; border-bottom:1px solid #999; font-size:2.4vw; line-height:1; font-weight:normal; letter-spacing:1px; width:100%; }
.cartBox h4, .cartBox h5 { font-family:no3; font-weight:normal; }
.cartBox h4 { font-size:16px; }
.cartBox h5 { font-size:12px; }

/*accordion*/
.menu-list .menu-submenu {
    padding:4%;
    background:#fff;
}
.menu-list {
    padding-left: 0;
    display: block;
    position: relative;
    width: 100%;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    margin-top:8%;
}
.menu-list li.accordion-toggle, .menu-list .menu-login {
    font-size: 18px;
    font-family:no3;
    padding:5% 4% 4.5%;
    text-transform: uppercase;
    border-top: 1px solid #999;
    width:100%;
     transition: all .2s ease-in-out;
}
.menu-list li.accordion-toggle:hover { background:#e6e6e6; }
.menu-list li:last-of-type { border-bottom:1px solid #999; }
.accordion-toggle, .accordion-content {
    cursor: pointer;
    position: relative;
    letter-spacing: 1px;
}

.accordion-content { display: none; }
.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #777;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.2s;
    transition: all 0.3s ease-out;
}

.accordion-toggle a:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}

.accordion-toggle.active-tab {
  background:#e6e6e6;
  transition: all 0.2s ease;
}
.accordion-toggle a.active:before {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    background: #777 !important;
}

.accordion-toggle a.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}
.menu-list div li, .menu-list div li:last-of-type { border:0; width:100%; display: list-item; margin-bottom:2%; }
.menu-list div h6 { font-size:14px; margin-bottom:.1em; }
.menu-list div p { margin-bottom:2%; }
.menu-list div table { width:100%;}
.menu-list div th,.menu-list div td { padding:.8em .5em; border:1px solid #ccc; font-weight:normal; background:#fff; text-align:center; }
.menu-list div th { background:#f0f0f0; }



/*future-shop*/
.fs-c-breadcrumb { padding:90px 0 4%; }
.fs-c-breadcrumb__list { width:96%; margin:0 auto; }
.fs-c-breadcrumb__list li { font-size:14px; font-family:dins; position:relative; margin-right:.5em;  }
.fs-c-breadcrumb__listItem a { position:relative; padding-right:1.2em;}
.fs-c-breadcrumb__list a:hover { text-decoration:underline; }
.fs-c-breadcrumb__listItem::before, .fs-c-breadcrumb__listItem::after { display:none; }
.fs-c-breadcrumb__listItem a::before,
.fs-c-breadcrumb__listItem a::after {
content: "\f105";
font-family: FontAwesome;
position: absolute;
top: 50%;
right: 0;
left:inherit;
transform: translate(-50%,-50%);
transition: all .2s ease-in-out;
color: #666;
}
.fs-c-breadcrumb__listItem a:hover::after {left:inherit; }

.fs-c-productNumber, .fs-p-productDescription--short { color:#666; font-size:12px; line-height:1.6; }
.fs-p-productDescription--full { line-height:1.8; margin-bottom:5%; padding-bottom: 5%; border-bottom: 1px solid #999; }
.fs-c-productCarouselMainImage__carousel .slick-list { padding: 0 !important; height: auto !important; }
.fs-c-productCarouselMainImage__carousel { max-width:500px; max-height: 500px; margin-bottom: 10px;}
.fs-c-productCarouselMainImage__carousel .slick-list .slick-slide img { width: 500px; }
.fs-c-productCarouselMainImage__thumbnailList { max-width:500px; justify-content:flex-start; flex-wrap:wrap; }
.fs-c-productCarouselMainImage__thumbnailList > li, .fs-c-productCarouselMainImage__thumbnailList > li:last-of-type { flex-basis: auto; width: 23%; margin:0 1% 2%; }
.fs-c-productCarouselMainImage__thumbnailList > li ::before{content:"";display: block;width:23%;order:1;}
.fs-c-productCarouselMainImage__thumbnailList > li ::after{content:"";display: block;width:23%;}
.fs-c-slick .slick-prev, .fs-c-slick .slick-next { background:none; }
.fs-c-slick .slick-prev::before {content: "\f104"; font-family: FontAwesome; color:#666; }
.fs-c-slick .slick-next::before {content: "\f105"; font-family: FontAwesome; color:#666; }

.fs-c-variationAndActions {
display: flex;
flex-wrap: wrap;
/*justify-content: space-between;*/
align-items: flex-start;
width: 100%;
box-sizing: border-box;
padding: 10px 14px;
background: #fff;
border: 1px solid #ccc;
margin: 1% 0 2%;
position: relative;
font-family:dins;
}
.fs-c-variationAndActions__variationLabel { width:45px; padding:0 0 7px;}
/*.fs-c-variationAndActions__variation { width:90%; } */
.fs-c-variationRadioList__name {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.fs-c-variationAndActions__stockSignLegend {
position: absolute;
right: 0;
bottom: -32px;
display: flex;
width: 60%;
justify-content: flex-end;
}
.clm2 li.fs-c-variationRadioList__row { width:100%; }
.fs-c-stockSignLegend__legend span, .fs-c-stockSignLegend__legend p { font-size:11px; color:#666; line-height:1.2 }
.fs-c-variationRadioList__name__stock { padding:2px 7px; background: #f0f0f0; box-sizing: border-box; border: 2px solid #fff; margin-left: 5px; }
.fs-c-quantity__select { border-radius:0; }
.fs-c-stockSignLegend__legend { display: flex; align-items: flex-start; }
.fs-c-productNotice--outOfStock { text-align: center; padding-top: 2.5%; color: #e04; font-size:14px; }


@media(max-width:767px) {
	.fs-c-breadcrumb { padding: 90px 0 2%; border-bottom: 1px solid #e7e7e7; margin-bottom: 7%; }
	.fs-c-breadcrumb__list li { font-size:1.2rem; }
	.dtl .clms { width:100%; }
	.dtl .clms:nth-child(2) { margin-top:8%;}
	.dtl .clms h1 { font-size:2.4rem; }
	.udhd h2 { margin:0; font-size:10vw; top:-10%; }
	.fs-c-productCarouselMainImage__image > img { max-width: 100vw; }
	.fs-c-productCarouselMainImage__thumbnailList > li, .fs-c-productCarouselMainImage__thumbnailList > li:last-of-type { width: 30%; margin:0 1% 2%; }
	.fs-c-productCarouselMainImage__thumbnailList > li ::before{ display:none;}
	.fs-c-productCarouselMainImage__thumbnailList > li ::after{content:"";display: block;width:30%;}

}

/*------------------------------------------------------------
	CART
------------------------------------------------------------ */
.fs-l-cart__contentsArea { position:relative; padding:6% 0; background:#f3f3f3; }
.fs-l-cart__mainColumn, .fs-l-cart__sideColumn, .fs-c-pageMessage { position:relative; width:74.5%; margin:0 auto;}
.fs-l-cart__contentsArea table { width:100%; background:#fff; }
.fs-c-cartTable__product { align-items: center; justify-content: flex-start; }
.fs-c-cartTable__price.fs-c-price { justify-content:center; }
.fs-c-cartTable th, .fs-c-cartTable td { width:15%; text-align:center; }
td.fs-c-cartTable__dataCell--product { width:40%; }
.fs-c-cartTable__product > .fs-c-cartTable__productImage { padding-right: 5%; width: 30%; min-width:150px;  }
.fs-c-cartTable__productName__name { font-size:20px; line-height:1.2; font-family:no3; }
.fs-c-listedProductName__variation, .fs-c-listedProductName__selection { font-size:14px; }
#fs-cartTotals-container { margin-top:2.5%; display: flex; justify-content: flex-end; }
table.fs-c-orderTotalTable { width:auto; }
.fs-c-cartTable .fs-c-quantity { margin:0 auto; }
.fs-c-orderTotalTable th, .fs-c-orderTotalTable td { padding:2% 5%; width:30%;}
.fs-c-orderTotalTable > tbody > tr > th { text-align: right; }
.fs-c-orderTotalTable > tbody > tr > td { text-align: left; }
.fs-c-cartTable__productInfo { text-align:left; }
.fs-c-cartPayment, .fs-c-payWithAmazon { display: flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width: 100%; padding:3% 5%; margin: 5% auto 0; border: 1px solid #ccc; background:#fff; }
.fs-c-cartPayment div { width:31%!important; }
.fs-c-cartPayment a { padding:1em 70px 1em 2em; color:#fff; font-family:dins; display:inline-block; background:url(../images/common/icon_btns.svg) 89% 50% #000 no-repeat; background-size:40px; box-sizing:border-box; width:100%; }
.fs-c-cartPayment a:hover { color:#fff; background-color:#444; background-position:95% 50%; }
.fs-c-purchaseHere__message { text-align:center; }
.fs-c-productName__variation { display:block; }
.fs-c-cartTable__dataCell--action button[type="button"] { width:90%; margin:5% auto; line-height:1; }
input:enabled + label{
 cursor:pointer;
}


/*member*/
#fs_Checkout .fs-l-main, #fs_CheckoutWithAmazon .fs-l-main { width: 74.5%; margin: 0 auto; background: #f3f3f3; padding: 5%; }
.fs-l-checkout__mainColumn > div { margin-bottom:5%; padding-bottom:5%; border-bottom:1px solid #f3f3f3; }
.fs-l-checkout__mainColumn > div h2,
#fs_orderTotalContainer h2 { padding-top:2em; border-top:1px solid #ccc }
.fs-l-checkout__mainColumn > div:nth-child(1) h2 { padding:0; border:0; }
.fs-l-checkout__mainColumn button { padding: .4em 1.5em !important; margin: 1% 0 0 !important; }
.fs-c-checkout-orderInfo__body table, .fs-c-orderTotalTable { background:#fff; margin-bottom:5%; }

/*Amazon*/
.fs-c-payWithAmazon__message { width:60%;}
.fs-c-payWithAmazon__button { width:31%; background:#f0f0f0; padding:1em; }
.fs-c-payWithAmazon__button img { display:block; margin:0 auto; }

/*order*/
.fs-c-productPreorderMessage { padding:3% 4%; margin-bottom:5%; border:1px solid #f5a60e; background:#ffff; }
.fs-c-productPreorderMessage h6, .fs-c-productPreorderMessage strong { color:#ef8607; }
.fs-c-checkoutSuccess { padding-bottom:10%; }
.fs-c-checkoutSuccess h2, .fs-c-checkoutSuccess p { text-align:center; }

@media(max-width:767px) {
	.fs-l-cart__contentsArea table { border:1px solid #ccc;}
	.fs-l-cart__mainColumn, .fs-l-cart__sideColumn, .fs-c-pageMessage { width:90%; }
	.fs-c-cartTable__productName__name { font-size:1.6rem;}
	#fs-cartTotals-container { margin-top:5% }
	.fs-c-listedProductName__variation, .fs-c-listedProductName__selection { font-size:1.4rem; }
	.fs-c-cartTable th, .fs-c-cartTable td { text-align: center; width: 100%; }
	td.fs-c-cartTable__dataCell--product { border-top: 4px solid #ccc; }
	.fs-c-cartTable__row:nth-child(1) td.fs-c-cartTable__dataCell--product { border-top: 0; }
	table.fs-c-orderTotalTable { width:100%; }
	.fs-c-orderTotalTable th { width:40%;}
	.fs-c-orderTotalTable td { width:60%;}
	.fs-c-cartTable td { text-align: center; width: 100%; display: flex; justify-content: center; align-items: center; }
	.fs-c-cartTable .fs-c-quantity { margin:0; }
	.fs-c-cartTable__product > .fs-c-cartTable__productImage { width:40%; min-width: inherit; }
	.fs-c-cartPayment div { width:100%!important; margin:2.5% auto; }
	.fs-c-cartTable__dataCell--action button[type="button"] { width:100%; }
	/*member*/
	#fs_Checkout .fs-l-main { width: 90%; padding: 5%; }
	/*Amazon*/
	.fs-c-payWithAmazon__message { width:100%;}
	.fs-c-payWithAmazon__button { width:100%; padding:.6em 1em; margin-top:5%; }
	/*order*/
	.fs-c-checkoutSuccess { padding:20% 5%; }
	.fs-c-checkoutSuccess h2 { font-size: 1.6rem; letter-spacing: 0; }
	 .fs-c-checkoutSuccess p { font-size: 1.2rem; }

}



/*------------------------------------------------------------
	BUTTON
------------------------------------------------------------ */
button, html [type="button"], [type="reset"], [type="submit"] { background: #000; border: 0; color: #fff; padding: 1em 1.5em; margin: 5% 0 0; transition: all .2s ease-in-out; }
button.fs-c-button--addToCart--detail { display:block; text-align:center; font-family:dins; width:100%;}
.btns { padding:1em 70px 1em 2em; color:#fff; font-family:dins; display:inline-block; background:url(../images/common/icon_btns.svg) 89% 50% #000 no-repeat; background-size:40px; box-sizing:border-box; max-width:180px; }
.btns.cnt { display:block; margin:5% auto 0; color:#fff; }
.btns.nml { max-width:inherit; }
.btns.cnt.pr-dt { text-align: center; width:100%; max-width: 100%; }
#fs_RegisterSuccess .btns.cnt.pr-dt { text-align: center; width:40%; padding: 1em 70px 1em 2em; }
#fs_MyPageTop .btns.cnt { width:96%; max-width:100%; }

.fs-c-button--continueShopping,
.fs-c-inputInformation__button button,
.fs-c-button--guestPurchase,
.fs-c-wishlistProduct__viewAllProducts,
.fs-c-button--memberRegister,
.fs-c-button--change,
.fs-c-button--cancel,
.fs-c-button--addToAddressbook,
.fs-c-button--myPageTop { padding:1em 70px 1em 2em; color:#fff; font-family:dins; background:url(../images/common/icon_btns.svg) 89% 50% #000 no-repeat; background-size:40px; box-sizing:border-box; width:40%; margin:5% auto 0; display:block; text-align:center; }

.fs-c-productListItem__control.fs-c-buttonContainer button,
.fs-c-productListItem__viewMoreImageButton.fs-c-buttonContainer button,
.fs-c-variationAndActions button { padding: .5em 1.5em; margin: 3% 0 0; }
.fs-c-variationAndActions .fs-c-variationRadioList__wishlist button { margin:4% 0; }

.fs-p-scrollingCartButton__button { position:relative; display:flex; justify-content: center; align-items: center; width:100%; font-family:dins; margin:5% auto 0 !important; padding:0; background:#000; }
.fs-p-scrollingCartButton__button .fs-p-scrollingCartButton__label { background:url(../images/common/icon_bag_w.svg) 0 41% no-repeat; background-size:26px; padding: 1.1em 0 1.1em 40px; color: #fff; }
.fs-p-scrollingCartButton__button .fs-p-cartItemNumber { background:#fff; border-radius:100px; line-height: 1; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center !important; margin-left: 1em;}

button span {margin:0 !important; }
.fs-c-modal__inner button { width:auto !important; }

/*TOPにボタンがある場合*/
.fs-c-button--addToAddressbook { width:40%; margin:0 auto 5%; }

/*購入ボタン*/
.fs-c-buttonContainer--confirmOrder { text-align:center; background:#fff; padding:5% 0; }
.fs-c-buttonContainer--confirmOrder button { padding:1em 70px 1em 2em; color:#fff; font-family:dins; display:inline-block; background:url(../images/common/icon_btns.svg) 89% 50% #000 no-repeat; background-size:40px; box-sizing:border-box; display:block; margin:auto; }



/*hover*/
button:hover, .btns:hover, 
a.fs-c-button--continueShopping:hover,
.fs-c-inputInformation__button button:hover,
.fs-c-button--guestPurchase:hover,
.fs-c-button--memberRegister:hover,
.fs-p-scrollingCartButton__button:hover,
.fs-c-button--change:hover,
.fs-c-button--cancel:hover,
.fs-c-button--addToAddressbook:hover,
.fs-c-button--myPageTop:hover { color:#fff; background-color:#444; background-position:95% 50%; }
.fs-p-scrollingCartButton__button:hover .fs-p-cartItemNumber { color:#000; }


@media(max-width:767px) {
	.btns { padding:.4em 70px .4em 2em; width:60%; max-width:60%; }
	.btns.cnt { margin:10% auto 0; }
	.btns.nml { width:100%; max-width:100%; padding: .6em 70px .6em 2em; }
	.fs-c-button--continueShopping,
	.fs-c-inputInformation__button button,
	.fs-c-button--guestPurchase,
	.fs-c-wishlistProduct__viewAllProducts,
	.fs-c-button--memberRegister,
	.fs-c-button--change,
	.fs-c-button--cancel,
	.fs-c-button--myPageTop,
	#fs_RegisterSuccess .btns.cnt { width:80%; }
}



/*------------------------------------------------------------
	LOGIN
------------------------------------------------------------ */
h2.ttlCm,
.fs-body-cart-login h2,
#fs_CustomerDetails h2,
#fs_Register h2,
#fs_RegisterSuccess h2,
#fs_MyPageTop h2,
#fs_Login h2,
.fs-c-newUsers__message { text-align:center; width:100%; letter-spacing:0; }


.fs-c-fsLogin { width:720px; margin:0 auto; padding:5%; background:#f3f3f3; }
.fs-c-inputTable { width:100%; }
.fs-c-inputTable th, .fs-c-inputTable td { width:100%; display:block; text-align:left; }
.fs-c-inputTable th { padding-bottom:0; }
.fs-c-inputInformation__link { text-align: center; margin-top: 1em; color: #666; }

.fs-c-newUsers { margin-top:5% !important; }

@media(max-width:767px) {
	.fs-c-fsLogin { width:100%; }

}


/*------------------------------------------------------------
	MY PAGE
------------------------------------------------------------ */
.fs-c-registerSuccessMessage p { margin-bottom:1.5em; }
.fs-c-accountService { display: flex; flex-wrap: wrap; justify-content: center; }
.fs-c-accountService li { margin:2%; width:46% }
.fs-c-accountService li a { padding:10% 0; display:block; background:rgba(0,0,0,1); color:#fff; text-align:center; }
.fs-c-accountService li a:hover { background:rgba(0,0,0,.8); }

#fs_MyPageTop .fs-c-wishlistProduct { margin: 5% 0; padding: 5%; background: #fff; }
#fs_MyPageTop .fs-c-wishlistProduct .slick-slide { width:48%; }
#fs_MyPageTop .fs-c-wishlistProduct .slick-slide h2 { text-align:left; }

#fs_MyAccountSettings td,
#fs_DeleteAccount td { padding-top:.5%; border-bottom:1px solid #ccc; }

.fs-c-history__termCtrl { margin-bottom:5%; }
.fs-c-history__term { padding-bottom:.5em; margin-bottom:1em; border-bottom:1px solid #ccc; font-size:16px; }

.fs-c-orderHistoryItem__orderInfo dl { margin-top:2%; }
.fs-c-orderHistoryItem__body { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom:4%; }
.fs-c-orderHistoryItem__body > div { width:32%; background: #fff; margin-top: 2%; padding: 2%; line-height:1.3; }
.fs-c-orderHistoryItem__body > div div { margin-top:1%; }

.fs-c-listTable { width:100%; background:#fff; margin:5% 0; }
.fs-c-listTable th, .fs-c-listTable td { padding:1em 1.5em; border:1px solid #ccc; }
.fs-c-listTable a, .fs-c-listTable button { background: #000; border: 0; color: #fff; padding:.5em 1em; margin:0; line-height:1; display:block; width:100%; text-align:center; }
.fs-c-listTable a { margin-bottom:5%; }

#fs_MyPageTop .fs-c-accountService li:last-child a { background:#666 !important; }

/*ログイン出し分け*/
.fs-clientInfo.is-ready { display:flex; align-items: center; }
.fs-clientInfo.is-ready span a { background-position:0 50%; background-repeat:no-repeat; background-size:24px; padding:8px 0 5px 30px; margin:0 20px 0 0; font-size:14px !important; letter-spacing:1px; }
.fs-clientInfo.is-ready .login a { background-image: url(../images/common/icon_login.svg); }
.fs-clientInfo.is-ready .regist a { background-image: url(../images/common/icon_regist.svg); }
.fs-clientInfo.is-ready .logout a { background-image: url(../images/common/icon_logout.svg); }
.fs-clientInfo.is-ready .logout.myp a { background-image: url(../images/common/icon_regist.svg); }
.fs-clientInfo.is-ready a:hover { color:#aaa !important; }
.fs-clientInfo.is-ready a:hover:after { display:none !important; }

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

@media(max-width:767px) {
	input[type="text"], [type="password"] { font-size:16px; }
	.fs-c-accountService li, #fs_MyPageTop .fs-c-wishlistProduct .slick-slide { margin:2% 0; width:100%; }
	.fs-c-accountService li a { padding:5% 0; }
	.fs-c-history__term { font-size:1.5rem; }
	.fs-clientInfo.is-ready { align-items: flex-start; flex-direction: column; }
	.fs-clientInfo.is-ready span a { background-size: 18px; padding: 8px 0 5px 24px; margin: 0 15px 0 0; font-size: 12px !important; letter-spacing: 0; }
	.fs-c-orderHistoryItem__orderInfo dl { margin-top:4%; }
	.fs-c-orderHistoryItem__body > div { width:48%; margin-top: 4%; padding: 4%; }
	.fs-c-orderHistoryItem__body > div div { margin-top:3%; }
}




/*------------------------------------------------------------
	OTHER
------------------------------------------------------------ */
button.mfp-close, button.mfp-arrow { padding:0 !important; margin:0 !important; background:none !important; }
#fs_preview_header { display:none !important; }
.iziToast button { margin:0; }

/*基本ページの調整*/
.ins.bg { position:relative; width:74.5%; margin:0 auto; padding:5%; background:#f3f3f3; }
.ins.bg.min { max-width:720px; }
h2.fs-c-subSection__title { letter-spacing:0; }
#fs_ShoppingCartLogin .fs-l-main,
.fs-c-wishList.fs-c-productList { position:relative; width:74.5%; margin:0 auto; }

#fs_MyWishList .fs-c-wishList.fs-c-productList { width:100%; padding:5%; background:#fff; }

#fs_CustomerDetails .fs-l-main,
#fs_Register .fs-l-main,
#fs_RegisterSuccess .fs-l-main,
#fs_MyPageTop .fs-l-main,
.fs-c-newUsers,
.fs-c-anotherLogin { position:relative; width:720px; margin:0 auto; padding:5%; background:#f3f3f3; }
.fs-c-anotherLogin__button { background:#fff; padding:1em 0; margin-top:5%; }
.fs-c-anotherLogin__button img { display:block; margin:0 auto; }

@media(max-width:767px) {
	.ins.bg,
	.ins.bg.min,
	#fs_ShoppingCartLogin .fs-l-main,
	#fs_CustomerDetails .fs-l-main,
	#fs_Register .fs-l-main,
	#fs_RegisterSuccess .fs-l-main,
	#fs_MyPageTop .fs-l-main,
	.fs-c-wishList.fs-c-productList,
	.fs-c-newUsers fs-c-subSection { width:90%; max-width:90%; }
	
	.fs-c-newUsers,
	.fs-c-anotherLogin,
	#fs_MyWishList .fs-c-wishList.fs-c-productList { width:100%; }

}

@media(max-width:480px) {
}

@media(max-width:375px) {
}

@media(max-width:320px) {
}





/*------------------------------------------------------------
	form
------------------------------------------------------------ */
/* iOSでのデフォルトスタイルをリセット */
input[type="submit"], input[type="button"], input[type="reset"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  box-shadow: none; transition: none; text-decoration:none !important; cursor:pointer; transition: all .2s ease-in-out; 
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*form { font-size:16px; line-height:1.2; font-weight:normal; color:#000; }*/

/*予約フォーム*/
.reservation [type="text"],
.reservation select,
.reservation textarea { width:auto; max-width:100%; }
.reservation h5 { padding-bottom:.5em; margin-bottom:1em; border-bottom:1px solid #ccc; }
.reservation h6 { margin-top:1em; }
.reservation h6.brd { border-top:1px solid #ccc; padding-top:1em; margin-top:1.4em; }
.reservation p { margin-top:.2em;}
.reservation input { margin-top:.2em; }
.reservation [type="checkbox"], .reservation [type="radio"] { margin:0 .5em 0 0; }
.reservation hr { border-color:#ccc; }
.reservation .pL { padding-left:1em; }
.reservation .pR { padding-right:1em; }

@media(max-width:767px) {

}


/*------------------------------------------------------------
	非表示項目
------------------------------------------------------------ */
.fs-c-productCarouselMainImage__expandButton,
.fs-c-productMainImage__expandButton,
.fs-c-productPrice__main__label,
.fs-c-button--addToWishList--detail.fs-c-button--particular,
.fs-c-button--addToWishList--icon,
.fs-c-button--displayPassword,
#fs-checkout-apple-container { display:none; }







/*クレジットテスト*/
.fs-body-product-rs-tote-bk a.btns, 
.fs-body-product-rs-tote-bg a.btns, 
.fs-body-product-rs-tote-iv a.btns,
.fs-body-product-rs-tote-black2 .btns,
.fs-body-product-rs-tote-beige2 .btns,
.fs-body-product-rs-tote-ivory2 .btns,
.fs-body-product-198-001bk .btns,
.fs-body-product-198-001bg .btns
{ display:none; }

.fs-body-product-rs-tote-bk .cartBox, 
.fs-body-product-rs-tote-bg .cartBox, 
.fs-body-product-rs-tote-iv .cartBox,
.fs-body-product-rs-tote-black2 .cartBox,
.fs-body-product-rs-tote-beige2 .cartBox,
.fs-body-product-rs-tote-ivory2 .cartBox,
.fs-body-product-198-001bk .cartBox,
.fs-body-product-198-001bg .cartBox
{ display:block;}

/*先行予約ボタン非表示*/
.cartBox .fs-c-button--subscribeToArrivalNotice--detail { display:none; }


/*------------------------------------------------------------
	SWIPER
------------------------------------------------------------ */
.topSl .swiper-container { width: 100%; height: 100%; }
/* .topSl .swiper-container img {position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; z-index:999; } */
.topSl .swiper-container img { height: 100%; object-fit: cover; } 
.topSl .swiper-slide { width:100vw; height:calc(100vh - 79px); position:relative; background-size:cover !important; }
.topSl .swiper-slide:nth-child(1) { background:url(../images/top/top-slider-05.jpg) 50% 50% no-repeat;}
.topSl .swiper-slide:nth-child(2) { background:url(../images/top/top-slider-06.jpg) 50% 50% no-repeat;}
.topSl .swiper-slide:nth-child(3) { background:url(../images/top/top-slider-01.jpg) 50% 50% no-repeat;}
.topSl .swiper-slide:nth-child(4) { background:url(../images/top/top-slider-02.jpg) 50% 50% no-repeat;}
.topSl .swiper-slide:nth-child(5) { background:url(../images/top/top-slider-03.jpg) 50% 50% no-repeat;}
.topSl .swiper-slide:nth-child(6) { background:url(../images/top/top-slider-04.jpg) 50% 50% no-repeat;}
.topSl .fs-pt-column .swiper-slide { background:none; }
.dtl .swiper-wrapper { transform:none !important; }
@media(max-width:767px) {
.topSl .swiper-slide { height:calc(100vw * 0.55); }
.topSl .swiper-container img { width:100%; }
.topSl .swiper-slide:nth-child(1) { background-position:30% 50%;}
.topSl .swiper-slide:nth-child(2) { background-position:30% 50%;}
.topSl .swiper-slide:nth-child(3) { background-position:50% 50%;}/*1*/
.topSl .swiper-slide:nth-child(4) { background-position:38% 50%;}/*2*/
.topSl .swiper-slide:nth-child(5) { background-position:52% 50%;}/*3*/
.topSl .swiper-slide:nth-child(6) { background-position:40% 50%;}/*4*/
}

/* ------------------------------
   loopSlider
------------------------------ */
.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
    padding: 0;
    margin: 0;
    width: 400px;
    height: auto;
    float: left;
}
.simply-scroll-list li img {
    display: block;
    width: 100%;
}


/*------------------------------------------------------------
	INSTAGRAM&PHOTO
------------------------------------------------------------ */
.inst { width:768px; }
.zoom-gallery li { margin-bottom:1.5%; }
@media(max-width:767px) {
	.inst { width:90%; }
	.simply-scroll-list li { width:300px; }
}

/*------------------------------------------------------------
	footer
------------------------------------------------------------ */
a.pagetop { position:fixed; right:1.5%; bottom:3%; background: rgba(0,0,0,.2); color:#fff; padding:.7em .5em .6em .7em; display:block; font-family:ren; font-size:18px; letter-spacing:4px; z-index:9900;}
a.pagetop:hover { padding:1em .5em .9em .7em; }

@media(max-width:767px) {
a.pagetop { right:3%; padding:.6em .5em .4em .6em; font-size:1.4rem; letter-spacing:3px; }
}

footer { position:relative; margin:10% 0 2%;}
footer h3 { text-align:center; font-weight:normal; margin-bottom:6%; vertical-align: middle; line-height:1;}
footer h3 i { font-size:calc(1em + 16px) !important; padding:0 .4em .2em 0; vertical-align: middle; }
footer p { color:#000; text-align:center; margin:3% 0 0; padding-top:3%; letter-spacing:1px; font-size:10px; }
footer .menu { display:flex; justify-content:center; flex-wrap: wrap; align-items:center; padding:0; }
footer .menu.s2 { margin-top: 20px; }
footer .menu a { position:relative; display:block; margin:0 1.5em; font-family:Renner; color:#000; cursor:pointer; letter-spacing:1px; }
footer .menu a:before, footer .menu a:after {
  position: absolute;
  top:1.6em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #000;
  transition:all .25s ease;
}
footer .menu a:after, footer .menu label:after { left: 0%; }
footer .menu a:hover:after, footer .menu label:hover:after { width:100%; }

@media(max-width:767px) {
a.pagetop { right:3%; padding:.6em .5em .4em .6em; font-size:1.4rem; letter-spacing:3px; }
footer h3 { margin-bottom:12%; }
footer h3 i { font-size:calc(1em + 14px) !important; }
footer { padding:8% 0 6%; margin-top:20%; }
footer img { margin:0 auto 5%; width:40%; }
footer .menu { width:100%; margin:0 auto; }
footer .menu.s2 { display: flex; }
footer .menu a { margin: 0; font-size:1.3rem; width: 100%; text-align: center; border-top:1px solid #e6e6e6; padding:.8em .5em; }
footer .menu a:hover:after, footer .menu a:before { display:none; }
footer .menu.s2 a { width: auto; border-top: none; font-size: 10px }
footer .menu.s2 a:before,
footer .menu.s2 a:after {
  position: absolute;
  top:1.6em;
  content: "";
  display: inline-block;
  width: 0;
  height: 1px; 
  background: #000;
  transition:all .25s ease;
}
footer p { margin: 0; padding-top:6%; }
}



/*------------------------------------------------------------
	320px
------------------------------------------------------------ */
@media(max-width:320px) {
.col2 li, .col2 li:nth-child(2n) { position:relative; width:94%; }
.blogs li p.cate { font-size:1.1rem; padding:.3em .6em; }
.small-container { padding-bottom: 200%; /* 高さ */ }
input[type="submit"], .inqBtn { font-size:1.6rem; }
img.logo { float:none !important; margin:0 auto 0; display:block; }
p.footInfo { padding:0; }
}


/*------------------------------------------------------------
	others
------------------------------------------------------------ */
@media(min-width:767px) {
	.onlySp { display:none !important; }
}
@media(max-width:767px) {
	.onlyPc { display:none !important; }
}
@media(max-width:411px) {
	.small-container { padding-bottom: 172%; /* 高さ */ }
}
