@charset "UTF-8";
/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');
/*
font-family: 'Zen Kaku Gothic New', sans-serif;
Regular 400
Medium 500
*/

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
/*
font-family: 'Noto Serif JP', serif;
Regular 400
SemiBold 600
*/
@import url('https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;600&display=swap');
/*
font-family: 'Public Sans', sans-serif;
Regular 400
Medium 500
Semi-bold 600
*/

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
/*
font-family: 'Libre Baskerville', serif;
Regular 400
Bold 700
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Serif:ital,wght@1,300&display=swap');
/*
font-family: 'Roboto Serif', sans-serif;
Light 300 italic
*/




/* ---------- RESET ---------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, b, u, i, center,
ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, textarea, input {
  margin:0;
  padding:0;
  border:0;
  font-size: 100%;
  font:inherit;
  vertical-align: baseline;
  text-decoration:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}
body {
  line-height: 1;
}
ol, ul, li {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
input:focus, textarea:focus{
  -webkit-apparence:none;
  outline: none;
  border:none;
}
img{
	border:none;
	outline:none;
	vertical-align:top;
	font-size:0;
	line-height:0;
}
img a{
	border:none;
	outline: none;
}
a:focus{
	outline:none;
}
hr {
  height:0;
  margin:0;
  padding:0;
  border:0;
}
h1, h2, h3, h4, h5, h6, p{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-decoration:none;
}

input, textarea, button{
  -webkit-apparence:none;
  border:none;
  background: none;
  outline: none;
}
a{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}


img{
	width:100%;
	height:auto;
	backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
*{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-box-shadow:none;
    box-shadow:none;   
    outline:none;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

.clear:after,
ul:after,
li:after,
dl:after{
	  content: "";
	  display: table;
	  float:none;
	  clear: both;
}



html{
    width: 100%;
    height: 100%;
}

body{
    background:#F3F0E3;
    width: 100%;
    height: 100%;
    line-height: 1.7;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;	
	font-family: "Zen Kaku Gothic New", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    font-weight:400;
	color: #373A36;
}


/* =============================================== */


#loader-bg{
    display:block;
    position:fixed;
    width:100%;
    top:0;
    left:0;
	bottom: 0;
	right: 0;
	height: 100vh;
    z-index:1000;
    overflow:hidden;
	
}

#loader-bg:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100vh;
	background: #FFF;
	-webkit-transition: height 1.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: height 1.3s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.close:after{height: 0;}

#loader-bg:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50%;
	height: 100vh;
	background: #FFF;
	-webkit-transition: height 1.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: height 1.3s cubic-bezier(0.76, 0, 0.24, 1);
}
#loader-bg.close:before{height: 0;}


#loader-bg .spinner {
    width: 100px;
    text-align: center;
    position: absolute;
    margin: 0 auto;
    font-size: 0;
    top: 50%;
    left: 0;
    right: 0;
    z-index: 100;
    -webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
#loader-bg .spinner > div {
  width: 12px;
  height: 12px;
  margin: 0 5px;
  background-color:#CFD2D3;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

#loader-bg .spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

#loader-bg .spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}




/* ---------------- */

/* standard */
.fade,
.fade.delighter{
	will-change: transform,animation,position;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	opacity:0;
    position: relative;
    top: 40px;
	-webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
/* start */
.fade.delighter.started{
	opacity:1;
    top: 0;
}

/* end */
.fade.delighter.ended{
}
/* ---------------- */




/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.spOnly{display: none;}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */







#header{
	width: 100%;
	height: 100%;
	background: #FFF;
	position: relative;
	overflow: hidden;
}
#header h1{
	position: absolute;
	width: 6%;
	z-index: 10;
	bottom: 5vw;
	right: 6vw;
	opacity: 0;
	-webkit-transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#header.start h1{bottom: 6vw;opacity: 1;}

#header h2{
	position: absolute;
	width: 12.5%;
	z-index: 10;
	top: 1vw;
	left: 3vw;
	opacity: 0;
	-webkit-transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.6s cubic-bezier(0.25, 1, 0.5, 1);
}
#header.start h2{top: 3vw;opacity: 1;}


.cover-slider_wrap {
	position: relative;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.cover-slider_wrap.slide01{float: left;background: #5B350F;}
.cover-slider_wrap.slide02{float: right;background: #5B350F;}

.cover-slider {
	backface-visibility: hidden;
}
.cover-slider_slide {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right:0;
    padding: 0;
    margin: 0;
    background-size:cover;
    background-position: center;
    list-style: none;
    z-index: 0;
	transform:scale(1.05);
	
}
.slide01 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainpc_01.jpg");}
.slide01 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainpc_02.jpg");opacity: 0;}
.slide01 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainpc_03.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(1){background-image: url("../../images/mainpc_04.jpg");}
.slide02 .cover-slider_slide:nth-child(2){background-image: url("../../images/mainpc_05.jpg");opacity: 0;}
.slide02 .cover-slider_slide:nth-child(3){background-image: url("../../images/mainpc_06.jpg");opacity: 0;}

.cover-slider_slide.active {
	animation-duration: 2800ms;
	animation-name: slidein;
	animation-fill-mode: forwards;
	/*animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);*/
}
.cover-slider_slide.inactive {
	animation-duration: 2800ms;
	animation-name: slideout;
	animation-fill-mode: forwards;
	/*animation-timing-function: cubic-bezier(0.45, 0, 0.55, 1);*/
}

@keyframes slidein {
	0% {opacity: 0;transform:scale(1.0);}
	100% {opacity: 1;transform:scale(1.05);}
}
@keyframes slideout {
	0% {opacity: 1;}
	100% {opacity: 0;}
}



.cover-slider_inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}






@media(min-width:769px) {

}




/*--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------*/


.lead{
	width: 100%;
	position: relative;
}


.lead .inner{
	width: 94%;
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}


.lead h1,
.lead.delighter h1{
	position: absolute;
	width: 198px;
	top:70px;
	left: 0;
	right: 0;
	opacity: 0;
	margin: 0 auto;
	z-index: 10;
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 1.2s 1.4s;
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 1.2s 1.4s;
}
.lead.delighter.started h1{opacity: 1;top: 50px;}


.lead .bkL,
.lead.delighter .bkL{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 100%;
	left: 0;
	width: 33.33333%;
	background: #AFC8C6;
	-webkit-transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1);
	transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1);
}
.lead.delighter.started .bkL{
	bottom: 0;
}
.lead .bkC,
.lead.delighter .bkC{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 100%;
	left: 33.33333%;
	width: 33.33333%;
	background: #CC7D7D;
	-webkit-transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.lead.delighter.started .bkC{
	bottom: 0;
}
.lead .bkR,
.lead.delighter .bkR{
	position: absolute;
	z-index: 1;
	top: 0;
	bottom: 100%;
	left:66.66666%;
	width: 33.33333%;
	background: #9AB47B;
	-webkit-transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
	transition: bottom 1.4s cubic-bezier(0.76, 0, 0.24, 1) 0.4s;
}
.lead.delighter.started .bkR{
	bottom: 0;
}



.lead .nav,
.lead.delighter .nav{
	width: 33.33333%;
	float: left;
	opacity: 0;
	top: 30px;
	position: relative;
	z-index: 5;
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 1.2s 1.4s;
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1) 1.4s, opacity 1.2s 1.4s;
}
.lead.delighter.started .nav{opacity: 1;top: 0;}


.lead .bottom{
	width: 100%;
	position: relative;
	text-align: center;
	margin-top: 290px;
	padding-bottom: 250px;
}

.lead h2{
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 26px;
	line-height: 1.1;
	letter-spacing: 0.08em;
	box-sizing: border-box;
}
.lead h3{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 16px;
	color: #FFF;
	line-height: 1.5;
	letter-spacing: 0.05em;
	margin-top: 0.6em;
}
.lead .categoryImage{
	width: 90%;
	margin: 25px auto 0;
	overflow: hidden;
}
.lead .categoryImage a{
	position: relative;
	display: block;
}
.lead .categoryImage a .img{
	position:relative;
	z-index: 1;
}
.lead .categoryImage a .cover{
	position: absolute;
	z-index: 10;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity:0;
	background: rgba(177,177,177,0.5);
	-webkit-transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
	transition: opacity 0.4s cubic-bezier(0.5, 1, 0.89, 1);
}

.lead .categoryImage a .more{
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
	font-weight: 400;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: 0.05em;
	padding: 0.5em 0.7em;
	border: 2px solid;
	border-radius:4px;
	display: inline-block;
	opacity: 0;
	background: rgba(255,255,255,0.5);
	-webkit-transform:translate(-50%,-50%) scale(0.7);
	transform:translate(-50%,-50%) scale(0.7);
	-webkit-transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.4s cubic-bezier(0.25, 1, 0.5, 1);
}

.lead .n01 .categoryImage a .more{color:#5E7775;border-color:#5E7775;}
.lead .n02 .categoryImage a .more{color:#B2292E;border-color:#B2292E;}
.lead .n03 .categoryImage a .more{color:#71984A;border-color:#71984A;}




@media(min-width:769px) {
.lead .categoryImage a:hover .cover{opacity: 1;}
.lead .categoryImage a:hover .more{
		-webkit-transform:translate(-50%,-50%) scale(1);
		transform:translate(-50%,-50%) scale(1);
		opacity: 1;
}
}


.lead .categoryText{
	width: 90%;
	margin: 30px auto 0;
	text-align: left;
	position: relative;
}
.lead .categoryText p{
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 2.1;
	width: 90%;
	margin: 0 auto;
}

.lead .categoryText:before{
	content: '';
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	z-index: 5;
	background: #373A36;
}
.lead .categoryText:after{
	content: '';
	position: absolute;
	display: block;
	right: 0;
	top: 0;
	bottom: 0;
	width: 1px;
	z-index: 5;
	background: #373A36;
}

.lead .spMore{display: none;}






/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/



.wrapper{
	width: 100%;
	overflow: hidden;
	padding-bottom: 290px;
}

.mainCategory{width: 100%;}
/*
.mainCategory.daddy{color: #5B6670;padding-bottom: 300px;}

*/
.mainCategory.linen{margin-top:280px; }
.mainCategory.gima{margin-top:280px; }


.categoryTitle{width: 100%;margin: 0 auto;}
.categoryTitle .mainImage{width: 100%;position: relative;}


.categoryTitle .mainImage .cover,
.categoryTitle .mainImage.delighter .cover{
	position: absolute;
	z-index: 5;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	background:#F3F0E3;
	-webkit-transition: width 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	transition: width 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryTitle .mainImage.delighter.started .cover{width: 0%;}

.categoryTitle .mainImage .cover02,
.categoryTitle .mainImage.delighter .cover02{
	position: absolute;
	z-index: 3;
	top: 0;
	bottom: 0;
	left: -0.5%;
	width: 101%;
	-webkit-transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1) 0.3s;
	transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1) 0.3s;
}
.categoryTitle .mainImage.delighter.started .cover02{width: 0%;}


.daddy .categoryTitle .mainImage .cover02,
.daddy .categoryTitle .mainImage.delighter .cover02{background:#AFC8C6;}
.linen .categoryTitle .mainImage .cover02,
.linen .categoryTitle .mainImage.delighter .cover02{background:#CC7D7D;}
.gima .categoryTitle .mainImage .cover02,
.gima .categoryTitle .mainImage.delighter .cover02{background:#9AB47B;}


.categoryTitle .mainImage .photo{
	width: 82%;
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
}
.categoryTitle .mainImage .photo span{
	display: block;
	padding-top: 40%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}
.daddy .categoryTitle .mainImage{background: #AFC8C6;}
.linen .categoryTitle .mainImage{background: #CC7D7D;}
.gima .categoryTitle .mainImage{background: #9AB47B;}

.daddy .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain01_pc.jpg");}
.linen .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain02_pc.jpg");}
.gima .categoryTitle .mainImage .photo span{background-image: url("../../images/categorymain03_pc.jpg");}






.categoryTitle .titleMain{
	width: 82%;
	max-width: 1040px;
	margin: 120px auto 0;
	position: relative;
}

.categoryTitle .titleMain .name,
.categoryTitle .titleMain.delighter .name{
	position: absolute;
	top: 50%;
	left: 3%;
	width: 430px;
	text-align: left;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.8s 0.4s;
	transition: opacity 0.8s 0.4s;
}
.categoryTitle .titleMain.delighter.started .name{opacity: 1;}


.categoryTitle .titleMain .name h2{
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.08em;
	box-sizing: border-box;
}
.daddy .categoryTitle .titleMain .name h2{color: #5E7775;font-size: 34px;}
.linen .categoryTitle .titleMain .name h2{color: #EA6852;font-size: 44px;}
.gima .categoryTitle .titleMain .name h2{color: #B0A96F;font-size: 44px;}


.categoryTitle .titleMain .name h3{
	font-family: 'Noto Serif JP', serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.08em;
	margin-top: 0.6em;
}


.categoryTitle .titleMain .copy,
.categoryTitle .titleMain.delighter .copy{
	width: calc(97% - 430px);
	margin-left: calc(3% + 430px);
	padding: 35px 0;
	opacity: 0;
	-webkit-transition: opacity 0.8s 0.6s;
	transition: opacity 0.8s 0.6s;
}
.categoryTitle .titleMain.delighter.started .copy{opacity: 1;}
.categoryTitle .titleMain .copy p{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 16px;
	letter-spacing: 0.05em;
	line-height: 1.9;
}


.categoryTitle .titleMain:before,
.categoryTitle .titleMain.delighter:before{
	content: "";
	display: block;
	position: absolute;
	top: 100%;
	bottom: 0;
	left: 0;
	width: 1px;
	-webkit-transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1);
	transition: top 1.2s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryTitle .titleMain.delighter.started:before{top: 0;}

.categoryTitle .titleMain:after,
.categoryTitle .titleMain.delighter:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 1px;
	background: #7B868C;
	-webkit-transition: width 1.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition: width 1.8s cubic-bezier(0.25, 1, 0.5, 1);
}
.categoryTitle .titleMain.delighter.started:after{width: 100%;}


.daddy .categoryTitle .titleMain:before,
.daddy .categoryTitle .titleMain:after{background: #5E7775;}
.linen .categoryTitle .titleMain:before,
.linen .categoryTitle .titleMain:after{background: #EA6852;}
.gima .categoryTitle .titleMain:before,
.gima .categoryTitle .titleMain:after{background: #B0A96F;}



.categoryTitle .spCopy{display: none;}


/*----------------------------------------------------------------------------------------*/



.subTitle,
.subTitle.delighter{
	width: 95%;
	max-width: 1216px;
	margin:160px auto 0;
	position: relative;
	top: 30px;
	opacity: 0;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.subTitle.delighter.started{top: 0;opacity: 1;}

.subTitle.marginLong,
.subTitle.marginLong.delighter{margin-top: 240px;}



.subTitle .subInner{
	width: 86.5%;
	max-width: 1040px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
}
.subTitle .subMain{
	width: 56%;
	max-width: 550px;
	position: relative;
	padding: 38px;
}
.subTitle .subMain:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	border: 1px solid;
	border-bottom: none;
}
.daddy .subTitle .subMain:before{border-color: #5E7775;}
.linen .subTitle .subMain:before{border-color: #EA6852;}
.gima .subTitle .subMain:before{border-color: #B0A96F;}


.subTitle .subMain h2{
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 36px;
	line-height: 0.7;
	letter-spacing: 0.03em;
	position: relative;
	z-index: 10;
}
.daddy .subTitle .subMain h2{color: #5E7775;}
.linen .subTitle .subMain h2{color: #EA6852;}
.gima .subTitle .subMain h2{color: #B0A96F;}

.subTitle .subMain h2:after,
.subTitle.delighter .subMain h2:after{
	content: '';
	position: absolute;
	left: calc( -38px - 18%);
	width:0;
	bottom: 0;
	height: 1px;
	-webkit-transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1) 0.5s;
	transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1) 0.5s;
}


.subTitle.sub01.delighter.started .subMain h2:after{width: calc(18% + 350px);}
.subTitle.sub02.delighter.started .subMain h2:after{width: calc(18% + 460px);}
.subTitle.sub03.delighter.started .subMain h2:after{width: calc(18% + 440px);}
.subTitle.sub04.delighter.started .subMain h2:after{width: calc(18% + 440px);}






.daddy .subTitle .subMain h2:after{background: #5E7775;}
.linen .subTitle .subMain h2:after{background: #EA6852;}
.gima .subTitle .subMain h2:after{background: #B0A96F;}

.subTitle .subMain h3{
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 0.05em;
	text-align:right;
	position: relative;
	z-index: 10;
	margin-top: 0.5em;
	line-height: 1.5;
}

.subTitle.sub03 .subMain{text-align: right;padding-bottom: 17px;}
.subTitle.sub03 .subMain h2{text-align: left;}
.subTitle.sub03 .subMain h3{display: inline-block;text-align: left;}


/*----------------------------------------------------------------------------------------*/


.historyLead{
	width: 82%;
	max-width: 1040px;
	margin: 65px auto 0;
}
.historyLead p{
	font-size: 18px;
	line-height: 2.0;
	letter-spacing: 0.05em;
}

.history{
	width: 85%;
	max-width: 1080px;
	margin: 210px auto 0;
}

.history .hisInner{
	width: 95%;
	position: relative;
	padding: 180px 0 7%
}
.history .hisInner .bk,
.history.delighter .hisInner .bk{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: 1;
	background: #D6DED7;
	-webkit-transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.3s cubic-bezier(0.76, 0, 0.24, 1);
}
.history.delighter.started .hisInner .bk{width: 100%;}


.history .text,
.history.delighter .text{
	position: absolute;
	z-index: 5;
	top: -130px;
	right: -30px;
	width: 630px;
	opacity: 0;
	padding: 35px 40px;
	border: 1px solid #5E7775;
	background: rgba(217,216,214,0.7);
	-webkit-transition: right 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
	transition: right 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
}
.history.delighter.started .text{right: 0;opacity: 1;}

.history .text p{
	font-size: 18px;
	line-height: 2.1;
	letter-spacing: 0.05em;
}



.history .image,
.history.delighter .image{
	width: 54%;
	position: relative;
	z-index: 10;
	opacity: 0;
	left: -30px;
	-webkit-transition: left 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 1.3s 0.7s;
	transition: left 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.7s, opacity 1.3s 0.7s;
}
.history.delighter.started .image{left: 0;opacity: 1;}


.history .pattern,
.history.delighter .pattern{
	width: 41%;
	position: absolute;
	bottom: -10%;
	right: -30px;
	z-index: 15;
	opacity: 0;
	-webkit-transition: right 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
	transition: right 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
}
.history.delighter.started .pattern{right: 0;opacity: 1;}


/*----------------------------------------------------------------------------------------*/


.function{
	width: 75%;
	max-width: 960px;
	margin: 140px auto 0;
}
.function .funInner,
.function .funInner.delighter{
	width: 100%;
	position: relative;
	margin-top: 135px;
	top: 30px;
	opacity: 0;
	overflow: hidden;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.function .funInner.delighter.started{top: 0;opacity: 1}

.function .funInner.fun01{margin-top: 0;}
.function .funInner:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	height: 1px;
	z-index: 15;
	background: #D1CCBD;
}
.function .funInner .img{
	width: 53%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background-size: cover;
	background-position: center center;
}
.function .funInner.fun01 .img{background-image: url("../../images/function01.jpg");}
.function .funInner.fun02 .img{background-image: url("../../images/function02.jpg");}
.function .funInner.fun03 .img{background-image: url("../../images/function03.jpg");}
.function .funInner.fun04 .img{background-image: url("../../images/function04.jpg");}


.function .funInner .info{
	width: 42%;
	margin-left: 58%;
	z-index: 5;
	position: relative;
	padding-bottom: 45px;
}
.function .funInner.even .img{left: auto;right: 0;}
.function .funInner.even .info{margin-left: 0;}


.function .funInner .info h2{
	font-family: 'Public Sans', sans-serif;
	font-weight: 600;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0.05em;
	position: relative;
	padding: 10px 0 20px;
	text-align: right;
}
.function .funInner .info h2:after,
.function .funInner.delighter .info h2:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 100%;
	height: 2px;
	background: #4B858E;
	-webkit-transition: left 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: left 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.function .funInner.delighter.started .info h2:after{left: -34%;}

.function .funInner.even .info h2:after,
.function .funInner.even.delighter .info h2:after{
	right: 100%;
	left: 0;
	-webkit-transition: right 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: right 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.function .funInner.even.delighter.started .info h2:after{right: -34%;}

.function .funInner .info h2:before,
.function .funInner.delighter .info h2:before{
	content: "";
	position: absolute;
	display: block;
	bottom: 0;
	left:100%;
	width: 0;
	height: 0;
	border-top: 13px solid transparent;
	border-right: 20px solid #4B858E;
	border-bottom: 13px solid transparent;
	-webkit-transform:translateY(12px);
	transform:translateY(12px);
	-webkit-transition: left 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: left 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.function .funInner.delighter.started .info h2:before{left: calc(-34% - 15px);}

.function .funInner.even .info h2:before,
.function .funInner.even.delighter .info h2:before{
	left: auto;
	right: 100%;
	border-left: 20px solid #4B858E;
	border-right: none;
	-webkit-transition: right 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: right 1.8s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.function .funInner.even.delighter.started .info h2:before{right: calc(-34% - 15px);}



.function .funInner .info h3{
	margin: 20px 0 25px;
	font-size: 21px;
	font-weight: 500;
	letter-spacing: 0.1em;
	text-align: right;
}

.function .funInner.even .info h2{text-align: left;}
.function .funInner.even .info h3{text-align: left;}

.function .funInner .info p{
	letter-spacing: 0.07em;
	line-height: 2.0;
	font-size: 16px;
}



/*----------------------------------------------------------------------------------------*/

.fabric{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}

.fabric .colorBar,
.fabric .colorBar.delighter{
	width: 0%;
	height: 62px;
	background:linear-gradient(90deg,
	#CCD9D3 0%,#CCD9D3 32%,
	#E1EACE 32%,#E1EACE 49%,
	#EFE2DA 49%,#EFE2DA 66%,
	#E3E0DB 66%,#E3E0DB 83%,
	#F6D9B4 83%,#F6D9B4 100%);
	-webkit-transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 1.5s cubic-bezier(0.76, 0, 0.24, 1);
}
.fabric .colorBar.delighter.started{width: 92%;}



.fabric .fabInner{
	width: 75%;
	margin: 0 auto;
}

.fabric .fabLead{
	font-size: 18px;
	letter-spacing: 0.05em;
	line-height: 2.0;
	margin-top: 30px;
}

.fabric .fabList{
	width: 100%;
	margin-top: 80px;
}
.fabric .fabList ul{
	width: 115%;
	font-size: 0;
}
.fabric .fabList ul li{
	width: 35%;
	margin-right: 15%;
	margin-bottom: 65px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
.fabric .fabList ul li:last-child{margin-bottom: 0;}

.fabric .fabList ul li:before{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
}
.fabric .fabList li:nth-child(1):before{background: #AFC8C6;}
.fabric .fabList li:nth-child(2):before{background: #C0E1AB;}
.fabric .fabList li:nth-child(3):before{background: #F0C6D1;}
.fabric .fabList li:nth-child(4):before{background: #C6C2CC;}
.fabric .fabList li:nth-child(5):before{background: #FBAE5B;}


.fabric .fabList h3{
	font-size: 22px;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 0.4em;
	letter-spacing: 0.05em;
	text-align: center;
	width: 100%;
	position: relative;
}
.fabric .fabList h3 span{
	position: absolute;
	z-index: 5;
	left: 0;
	top: 0;
	font-family: 'Public Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
}
.fabric .fabList h3:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 2px;
}
.fabric .fabList li:nth-child(1) h3:after{background: #AFC8C6;}
.fabric .fabList li:nth-child(2) h3:after{background: #C0E1AB;}
.fabric .fabList li:nth-child(3) h3:after{background: #F0C6D1;}
.fabric .fabList li:nth-child(4) h3:after{background: #C6C2CC;}
.fabric .fabList li:nth-child(5) h3:after{background: #FBAE5B;}

.fabric .fabList p{
	font-size: 16px;
	line-height: 2.0;
	letter-spacing: 0.05em;
	padding: 30px 0;
}











/*-----------------------------------------------------------------------------------------------------*/




.itemMain{
	width: 85%;
	max-width: 960px;
	margin: 170px auto 0;
	position: relative;
}
.itemMain.set03,
.itemMain.set05,
.itemMain.set06{margin-top: 280px;}


.itemMain .visualBox,
.itemMain .visualBox.delighter{
	width: 52%;
	float: left;
	top: 30px;
	opacity: 0;
	position: relative;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.itemMain .visualBox.delighter.started{top: 0;opacity: 1;}

.itemMain.set03 .visualBox,
.itemMain.set03.delighter .visualBox,
.itemMain.set05 .visualBox,
.itemMain.set05.delighter .visualBox{float: right;}


.itemMain .itemBox,
.itemMain .itemBox.delighter{
	width: 39%;
	/*float: right;*/
	top: 30px;
	right: 0;
	opacity: 0;
	position:absolute;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.itemMain .itemBox.delighter.started{top: 0;opacity: 1;}

.itemMain.set03 .itemBox,
.itemMain.set03 .itemBox.delighter,
.itemMain.set05 .itemBox,
.itemMain.set05 .itemBox.delighter{left:0;right: auto;}


.itemMain .visualBox a{display: block;overflow: hidden;z-index: 5;position: relative;}


.itemMain .visualBox h2,
.itemMain .visualBox.delighter h2{
	position: absolute;
	z-index: 1;
	top: -5.5%;
	left: -8%;
	width: 70%;
	bottom: 106%;
	-webkit-transition: bottom 2.0s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
	transition: bottom 2.0s cubic-bezier(0.76, 0, 0.24, 1) 0.2s;
}
.itemMain .visualBox.delighter.started h2{bottom: calc( -190px - 5.2%);}


.itemMain.set03 .visualBox h2,
.itemMain.set03 .visualBox.delighter h2,
.itemMain.set05 .visualBox h2,
.itemMain.set05 .visualBox.delighter h2{left: auto;right: -8%;}


.itemMain.set01 .visualBox h2{background: #CCD9D3;}
.itemMain.set02 .visualBox h2{background: #E8D1B1;}
.itemMain.set03 .visualBox h2{background: #D9A49F;}
.itemMain.set04 .visualBox h2{background: #D9D4B7;}
.itemMain.set05 .visualBox h2{background: #F7E390;}
.itemMain.set06 .visualBox h2{background: #EAD1B6;}

.itemMain .visualBox h2 span,
.itemMain .visualBox.delighter h2 span{
	font-family: 'Public Sans', sans-serif;
	font-weight: 500;
	font-size: 23px;
	line-height: 0.9;
	letter-spacing: 0.03em;
	position: absolute;
	display: block;
	top: 0.5em;
	opacity: 0;
	left: 10%;
	z-index: 10;
	-webkit-transition: top 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.0s 0.5s;
	transition: top 1.0s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.0s 0.5s;
}
.itemMain .visualBox.delighter.started h2 span{top: -0.8em;opacity: 1;}



.itemMain.set03 .visualBox h2 span,
.itemMain.set05 .visualBox h2 span{left: auto;right: 0;text-align: right;}

.itemMain .visualBox h2.num span{padding-left: 0.5em;}
.itemMain .visualBox h2 span i{position: absolute;top: 0;left: -35px;}
.itemMain.set05 .visualBox h2 span i{left: -55px;}





@media(min-width:769px) {
.itemMain .visualBox a{display: block;overflow: hidden;}
.itemMain .visualBox a img{-webkit-transition: all 0.5s;transition: all 0.5s;}
.itemMain .visualBox a:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03);}
}


.itemMain .itemBox .inner{width: 100%;}
.itemMain.reverse .itemBox .inner{}

.itemMain .itemBox .itemSlide{
	width: 100%;
	position: relative;
	padding-bottom: 53px;
}

.itemMain .itemBox .itemSlide .itemSlick{border-top: 1px solid;border-bottom: 1px solid;}

.itemMain.set01 .itemBox .itemSlide .itemSlick{border-color: #91B6BB;}
.itemMain.set02 .itemBox .itemSlide .itemSlick{border-color: #D7A461;}
.itemMain.set03 .itemBox .itemSlide .itemSlick{border-color: #B2292E;}
.itemMain.set04 .itemBox .itemSlide .itemSlick{border-color: #B0A96F;}
.itemMain.set05 .itemBox .itemSlide .itemSlick{border-color: #B6A999;}
.itemMain.set06 .itemBox .itemSlide .itemSlick{border-color: #E4BB92;}

.itemMain .itemBox .itemSlick  li a{display: block;}
.itemMain .itemBox .text{width: 100%;}

.itemMain .itemBox .text p{
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.9;
}
.itemMain .itemBox .spec{
	width: 100%;
	position: relative;
	margin-top: 25px;
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
.itemMain .itemBox .spec .name{width: calc(100% - 90px);}
.itemMain .itemBox .spec .name h3{font-size: 16px;}
.itemMain .itemBox .spec .name h3 span{font-size: 13px;padding-left: 5px;letter-spacing: 0;}
.itemMain .itemBox .spec .name h4{font-size: 14px;margin-top: 0.4em;}

.itemMain .itemBox .spec .buy{
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 5;
	width: 90px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.itemMain .itemBox .spec .buy a{
	font-size: 18px;
	color: #373A36;
	width: 100%;
	display: block;
	line-height: 1;
	text-align: center;
	padding: 0.4em 0 0.35em;
	border: 1px solid #373A36;
	border-radius: 4px;
}


@media(min-width:769px) {
.itemMain.set01 .itemBox .spec .buy a:hover{background: #CCD9D3;}
.itemMain.set02 .itemBox .spec .buy a:hover{background: #E8D1B1;}
.itemMain.set03 .itemBox .spec .buy a:hover{background: #D9A49F;}
.itemMain.set04 .itemBox .spec .buy a:hover{background: #D9D4B7;}
.itemMain.set05 .itemBox .spec .buy a:hover{background: #F7E390;}
.itemMain.set06 .itemBox .spec .buy a:hover{background: #EAD1B6;}

}




.set01 .slick-dots li:nth-child(1) button{background: #FFFFFF;}
.set01 .slick-dots li:nth-child(2) button{background: #00263A;}
.set01 .slick-dots li:nth-child(3) button{background: #B1B1B1;}
.set01 .slick-dots li:nth-child(4) button{background: #DA9189;}
.set01 .slick-dots li:nth-child(5) button{background: #91B6BB;}
.set01 .slick-dots li:nth-child(6) button{background: #B2AFC4;}
.set01 .slick-dots li:nth-child(7) button{background: #CBE880;}

.set02 .slick-dots li:nth-child(1) button{background: #FA9659;}
.set02 .slick-dots li:nth-child(2) button{background: #AE5D58;}
.set02 .slick-dots li:nth-child(3) button{background: #0B2240;}
.set02 .slick-dots li:nth-child(4) button{background: #74819D;}
.set02 .slick-dots li:nth-child(5) button{background: #FFFFFF;}

.set03 .slick-dots li:nth-child(1) button{background: #AE5D57;}
.set03 .slick-dots li:nth-child(2) button{background: #74819D;}
.set03 .slick-dots li:nth-child(3) button{background: #D9D8D6;}

.set04 .slick-dots li:nth-child(1) button{background: #808760;}
.set04 .slick-dots li:nth-child(2) button{background: #965F36;}
.set04 .slick-dots li:nth-child(3) button{background: #00263A;}
.set04 .slick-dots li:nth-child(4) button{background: #7B7D8A;}
.set04 .slick-dots li:nth-child(5) button{background: #D6D1C4;}

.set05 .slick-dots li:nth-child(1) button{background: #F0E77B;}
.set05 .slick-dots li:nth-child(2) button{background: #00263A;}

.set06 .slick-dots li:nth-child(1) button{background: #C09473;}
.set06 .slick-dots li:nth-child(2) button{background: #00263A;}
.set06 .slick-dots li:nth-child(3) button{background: #C9BFB0;}


/*---------------------------------------------------------------------------------------*/


.otherImage{
	width: 85%;
	max-width: 960px;
	margin: 190px auto 0;
	position:relative;
}

.otherImage .inner{
	width: 85%;
	margin-left: 15%;
	position: relative;
}

.otherImage .inner p,
.otherImage.delighter .inner p{
	display: block;
	width: 79.7%;
	margin-left:20.3%;
	position: relative;
	z-index: 10;
	left:40px;
	top:0px;
	opacity: 0;
	-webkit-transition: left 1.6s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.6s;
	transition: left 1.6s cubic-bezier(0.25, 1, 0.5, 1) opacity 1.6s;
}
.otherImage.delighter.started .inner p{opacity: 1;left:0;}


.otherImage.set03 .inner,
.otherImage.set05 .inner{margin-left: 0;}
.otherImage.set03 .inner p,
.otherImage.set05 .inner p{margin-left: 0;}


.otherImage .line01,
.otherImage.delighter .line01{
	position: absolute;
	z-index: 2;
	top: 12%;
	left: -4.2%;
	width: 90%;
	bottom: -16%;
	border: 1px solid;
	background: #F3F0E3;
	opacity: 0;
	-webkit-transition: top 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
	transition: top 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
}
.otherImage.delighter.started .line01{opacity: 1; top:8%;}




.otherImage .line02,
.otherImage.delighter .line02{
	position: absolute;
	z-index: 5;
	top: -12%;
	left: 36%;
	width: 70%;
	bottom: -8%;
	background: #F3F0E3;
	border: 1px solid;
	opacity: 0;
	-webkit-transition: top 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
	transition: top 1.6s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.6s 0.5s;
}
.otherImage.delighter.started .line02{opacity: 1; top:-8%;}



.otherImage.set03 .inner,
.otherImage.set05 .inner{margin-left: 0;}
.otherImage.set03 .inner p,
.otherImage.set05 .inner p{margin-left: 0;}


.otherImage.set03 .line01,
.otherImage.set05 .line01{left: 14.2%;}
.otherImage.set03 .line02,
.otherImage.set05 .line02{left: -6.5%;}



.otherImage.set01 .line01,.otherImage.set01 .line02{border-color: #91B6BB;}
.otherImage.set02 .line01,.otherImage.set02 .line02{border-color: #E0BB8A;}
.otherImage.set03 .line01,.otherImage.set03 .line02{border-color: #B2292E;}
.otherImage.set04 .line01,.otherImage.set04 .line02{border-color: #C5C095;}
.otherImage.set05 .line01,.otherImage.set05 .line02{border-color: #FFCD00;}
.otherImage.set06 .line01,.otherImage.set06 .line02{border-color: #E5BB92;}





/*---------------------------------------------------------------------------------------*/


.movieArea{
	width: 85%;
	max-width: 1080px;
	margin: 190px auto 0;
	position: relative;
}
.movieArea .videoBox,
.movieArea.delighter .videoBox{
	width: 85%;
	margin: 0 auto;
	position: relative;
	font-size: 0;
	opacity: 0;
	z-index: 5;
	left: 30px;
	-webkit-transition: left 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
	transition: left 1.3s cubic-bezier(0.25, 1, 0.5, 1) 0.5s, opacity 1.3s 0.5s;
}
.movieArea.delighter.started .videoBox{opacity: 1;left: 0;}


.movieArea .bk,
.movieArea.delighter .bk{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0;
	z-index: 2;
	-webkit-transition: width 1.3s cubic-bezier(0.25, 1, 0.5, 1);
	transition: width 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
.movieArea.delighter.started .bk{width: 100%;}



.movieArea.set01 .bk{background: #CCD9D3;}
.movieArea.set02 .bk{background: #E8D1B1;}
.movieArea.set03 .bk{background: #D9A49F;}
.movieArea.set04 .bk{background: #D9D4B7;}
.movieArea.set05 .bk{background: #F7E390;}
.movieArea.set06 .bk{background: #EAD1B6;}





.movieArea .youtube{
	position:relative;
	z-index: 10;
	width:100%;
	padding-top:56.25%;
	background: #000;
}
.movieArea .player{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.movieArea .youtube iframe{
	position:absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}
.movieArea .thumb{
	position:absolute;
	top:0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index:5;
    cursor: pointer;
	display: block;
	overflow: hidden;
}		
.movieArea .thumb .playBT{
    position: absolute;
    top:0;
    left: 0;
    right: 0;
	bottom: 0;
    z-index: 10;
    line-height: 1;
    text-align: center;
}
.movieArea .thumb .playBT .play{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
    width: 100px;
    height: 100px;
    margin: -50px auto 0;
    padding:30px;
    box-sizing: border-box;
	border-radius:50%;
	background: rgba(199,108,97,0.45);
    -webkit-transition:transform 0.4s;
	transition:transform 0.4s;
}


.movieArea.set01 .thumb .playBT .play{background: rgba(154,182,221,0.45);}
.movieArea.set02 .thumb .playBT .play{background: rgba(215,164,97,0.45);}
.movieArea.set03 .thumb .playBT .play{background: rgba(178,41,46,0.45);}
.movieArea.set04 .thumb .playBT .play{background: rgba(176,169,111,0.45);}
.movieArea.set05 .thumb .playBT .play{background: rgba(240,231,123,0.45);}
.movieArea.set06 .thumb .playBT .play{background: rgba(222,163,109,0.45);}




@media (min-width: 769px) {
.movieArea .thumb .playBT:hover .play{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
}



/*---------------------------------------------------------------------------------------*/


.recommend{
	width: 85%;
	max-width: 1080px;
	margin: 200px auto 0;
}
.recommend .recList{
	width: 100%;
}
.recommend .recList > ul{
	width: 102.5%;
	font-size: 0;
	text-align: center;
}
.recommend .recList > ul > li{
	width: 30.833333%;
	margin-right: 2.5%;
	display: inline-block;
	vertical-align: top;
}
.recommend .recImage{
	width: 100%;
	position: relative;
	padding-bottom: 53px;
}
.recommend .recImage .recSlick{
	border: 1px solid #373A36;
}


.recommend .recText{
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.8;
	text-align: left;
}

.recommend .spec{
	width: 100%;
	position: relative;
	margin-top: 25px;
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	line-height: 1.2;
	text-align: left;
	padding: 22px 0;
	border-top: 1px solid #373A36;
	border-bottom: 1px solid #373A36;
}


.recommend .spec .name{width: calc(100% - 80px);}
.recommend .spec .name h3{font-size: 16px;letter-spacing: 0.05em;}
.recommend .spec .name h3 span{font-size: 12px;padding-left: 5px;letter-spacing: 0;}
.recommend .spec .name h4{font-size: 12px;margin-top: 0.4em;letter-spacing: 0.05em;}

.recommend .spec .buy{
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 5;
	width: 75px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.recommend .spec .buy a{
	font-size: 16px;
	font-weight: 500;
	color: #373A36;
	width: 100%;
	display: block;
	line-height: 1;
	text-align: center;
	padding: 0.4em 0 0.3em;
	border-radius: 4px;
	border: 1px solid #373A36;
}


@media(min-width:769px) {
.linen .recommend .spec .buy a:hover{background: #D9A49F;}
.gima .recommend .spec .buy a:hover{background: #EAD1B6;}
}




.recLinen01 .slick-dots li:nth-child(1) button{background: #A8B4C3;}
.recLinen01 .slick-dots li:nth-child(2) button{background: #D9D8D6;}
.recLinen02 .slick-dots li:nth-child(1) button{background: #D9D8D6;}
.recLinen02 .slick-dots li:nth-child(2) button{background: #00263A;}

.recGima01 .slick-dots li:nth-child(1) button{background: #D1CCBD;}
.recGima01 .slick-dots li:nth-child(2) button{background: #0A2240;}
.recGima02 .slick-dots li:nth-child(1) button{background: #B1B1B1;}
.recGima02 .slick-dots li:nth-child(2) button{background: #0A2240;}
.recGima03 .slick-dots li:nth-child(1) button{background: #0A2240;}
.recGima03 .slick-dots li:nth-child(2) button{background: #D6D1C4;}


/*---------------------------------------------------------------------------------------*/


.allBanner{
	width: 70%;
	max-width: 860px;
	margin: 250px auto 0;
	position: relative;
}

.allBanner h2{
	position: absolute;
	z-index: 5;
	top: 0;
	left: 0;
	width: 100%;
}
.allBanner .more{
	position: absolute;
	z-index: 10;
	bottom: 24%;
	right: 10%;
	width: 17%;
}
.allBanner .more a{
	display: block;
	width: 100%;
	color: #FFF;
	line-height: 1;
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.02em;
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
	padding: 0.7em 0;
	border: 1px solid #FFF;
	border-radius: 4px;
}


@media(min-width:769px) {
.linen .allBanner .more a:hover{background:rgba(145,182,187,0.5);}
.gima .allBanner .more a:hover{background:rgba(222,163,109,0.4);}
}






/*---------------------------------------------------------------------------------------*/


.otherContents{
	width: 85%;
	max-width: 1080px;
	margin: 250px auto 0;
	text-align: center;
}

.otherContents h2,
.otherContents h2.delighter{
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	font-size: 30px;
	letter-spacing: 0.05em;
	line-height: 1;
	padding-bottom: 30px;
	position: relative;
	opacity: 0;
	top: 30px;
	-webkit-transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
	transition: top 1.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 1.3s;
}
.otherContents h2.delighter.started{opacity: 1;top: 0;}

.otherContents h2:after,
.otherContents h2.delighter:after{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #373A36;
	-webkit-transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1);
	transition: width 2.0s cubic-bezier(0.76, 0, 0.24, 1);
}
.otherContents h2.delighter.started:after{width: 100%;}


.otherContents h2 br{display: none;}


.otherContents .otherList{
	width: 100%;
	margin-top: 35px;
	border-bottom: 1px solid #373A36;
}
.otherContents .otherList ul{
	width: 108.6%;
	font-size: 0;
	position: relative;
}
.otherContents .otherList ul li{
	width: 25.333%;
	margin-right: 8%;
	display: inline-block;
	vertical-align: top;
}
.otherContents .otherList ul:before{
	content: "";
	position: absolute;
	top: 71px;
	bottom: 0;
	left: 29.333%;
	width: 1px;
	background: #373A36;
}
.otherContents .otherList ul:after{
	content: "";
	position: absolute;
	top: 71px;
	bottom: 0;
	left: 62.666%;
	width: 1px;
	background: #373A36;
	display: block;
}


.otherContents h3{
	font-family: 'Public Sans', sans-serif;
	font-weight: 400;
	font-size: 22px;
	line-height: 1.2;
	letter-spacing: 0.05em;
	height: 54px;
}
.otherContents .oth01 h3{
	font-size: 24px;
	padding-top: 13px;
}
.otherContents .photo{
	margin-top: 17px;
	position: relative;
}
.otherContents .photo p{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;
	line-height: 1.5;
	font-size: 18px;
	font-weight: 500;
	color: #FFF;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.otherContents .photo p br.res{display: none;}




.otherContents .more{
	margin: 15px auto;
	width: 160px;
	height: 56px;
	position: relative;
	border-radius:4px;
	border: 2px solid #373A36;
}
.otherContents .more a{
	display: block;
	width: 100%;
	height: 100%;
	color: #373A36;
}


.otherContents .more span{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	line-height: 1;
	letter-spacing: 0.03em;
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.otherContents .more span.see{
	font-family: 'Public Sans', sans-serif;
	font-size: 20px;
}




@media(min-width:769px) {
.otherContents .more a:hover{background: #EAD1B6;}
}



/*---------------------------------------------------------------------------------------*/


.footer{
	width: 100%;
	padding: 100px 0 60px;
	color: #D9D8D6;
	font-family: 'Libre Baskerville', serif;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	position: relative;
	overflow: hidden;
	background: url("../../images/footer_pc.jpg") center center;
	background-size: cover;
}
.footer .instagram{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.08em;
	font-size: 20px;
}
.footer .instagram .icon{
	width: 38px;
	margin: 18px auto 0;
}
.footer h2{
	width: 200px;
	margin: 130px auto 0;
}
.footer .copyright{
	letter-spacing: 0.12em;
	font-size: 16px;
	margin: 45px auto 0;
}
.footer .copyright br{display: none;}

.footer .pagetop{
	position: absolute;
	display: block;
	cursor: pointer;
	width: 90px;
	right: 0;
	top: 55px;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

@media(min-width:769px) {
	.footer .instagram a:hover{opacity:0.6;}
	.footer .pagetop:hover{opacity:0.6;}
}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.sideNavi{
    position: fixed;
    top: 50%;
    right:-97px;
    width: 95px;
    z-index: 100;
    -webkit-transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transform:translateY(-50%);
	transform:translateY(-50%);  
}
.sideNavi.view{right: 0;}
.sideNavi ul{}
.sideNavi ul li{width: 100%;margin-bottom: 35px;}

.sideNavi .title{
	width: 100%;
	line-height: 1.2;
	font-family: 'Libre Baskerville', serif;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.02em;
	margin: 0 auto;
	text-align: center;
	position: relative;
	color: #D6D1C4;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
.sideNavi .n01 .title{letter-spacing: 0.07em;}


.sideNavi .image{
	width: 100%;
	position: relative;
	margin-top: 10px;
}
 .sideNavi .image span{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 5;
	opacity: 0.5;
	background: #D6D1C4;
	display: block;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}

.sideNavi ul li a{display: block;}
.sideNavi ul li.current .image span{opacity:0;}
.sideNavi ul li a:hover .image span{opacity:0;}

.sideNavi ul li.n01.current .title{color: #5E7775;}
.sideNavi ul li.n01 a:hover .title{color: #5E7775;}
.sideNavi ul li.n02.current .title{color: #EA6852;}
.sideNavi ul li.n02 a:hover .title{color: #EA6852;}
.sideNavi ul li.n03.current .title{color: #B0A96F;}
.sideNavi ul li.n03 a:hover .title{color: #B0A96F;}




.sideNavi .pagetop{
    width: 100%;
    margin: 0 auto;
    cursor: pointer;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}
.sideNavi .pagetop:hover{
	opacity:0.5;
}



/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.spBottomNavi{display: none;}






/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */








/* ========================= Slider =============================== */

.slick-slider{
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
	outline:none;
}


.slick-list:focus{
	outline:none;
}
.slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after{
    display: table;
    content: '';
}
.slick-track:after{
    clear: both;
}
.slick-loading .slick-track{
    visibility: hidden;
}

.slick-slide{
    display: none;
    float: left;
	position: relative;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide{
    float: right;
}
.slick-slide img{
    display: block;
}
.slick-slide.slick-loading img{
    display: none;
}
.slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Prev Next Button */

.slick-prev,
.slick-next {
    cursor:pointer;
    display:block;
    font-size:0;
    line-height:0;
    margin-top:-2.8vw;
    width: 5.6vw;
    height: 5.6vw;
    position:absolute;
    top:50%;
    z-index:50;
	border:none;
}

.slick-prev{left:-8.5vw;}
.slick-next{right:-8.5vw;}

.slick-prev::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;
    bottom: 0;  
    left: 1vw;
    width: 3.8vw;
    height: 3.8vw;  
    margin: auto;
    border-bottom: solid 1px #294634;  
    border-right: solid 1px #294634;  
    -webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

.slick-next::after{
	display: block;  
    content: "";  
    position: absolute;  
    top: 0;  
    bottom: 0;  
    right: 1vw;  
    width: 3.8vw;
    height: 3.8vw;  
    margin: auto;  
    border-bottom: solid 1px #294634;  
    border-right: solid 1px #294634;
    -webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.spaceArea .slick-prev::after{border-color:#294634;}
.spaceArea .slick-next::after{border-color:#00263A;}





/* slick-dots */
.slick-dots{
    display:block;
    list-style:outside none none;
    padding:0;
    text-align:center;
    width:100%;
	position:absolute;
	bottom:-32px;
	z-index:10;
}
.slick-dots li{
    cursor: pointer;
    display: inline-block;
    margin: 0 6px;
    padding: 0;
    position: relative;
}
.slick-dots li button{
    cursor:pointer;
    display:block;
    font-size:0;
    height:12px;
	width:26px;
	padding:0px;
    line-height: 0;
    outline:medium none;
    position: relative;
	background: #CCC;
}

.slick-dots li.slick-active button:after{
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border: 1px solid #5B6670;
}
.outerwear .slick-dots li.slick-active button:after{border-color:#3D5B58;}