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





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

@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600&display=swap');
/*font-family: 'Lora', serif;
Regular 400
Medium 500
Semi-bold 600*/


/* ---------- 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:#FFF;
    width: 100%;
    height: 100%;
    line-height: 1.7;
    font-size: 14px;
    -webkit-text-size-adjust: 100%;
    font-family:'Zen Old Mincho','ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho','Times New Roman', serif;
    font-weight:700;
	
}



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


#loader-bg{
    display:block;
    position:fixed;
    width:100%;
    height:100%;
    min-height:100%;
    top:0px;
    left:0px;
    background:#FFF;
    z-index:1000;
    overflow:hidden;
}

#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.title{
	position: absolute;
	top: 9%;
	bottom: 9%;
	left:0;
	right: 0;
	margin: 0 auto;
	z-index: 50;
	pointer-events: none;
}
#header h1.title img{
	height: 100%;
	width: auto;
	margin: 0 auto;
	display: block;
	opacity: 0.5;
}
#header h1.title .spview{display: none;}

#header .mountain{
	width: 50%;
	height: 100vh;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 20;
	background:url("../../images/main_mountain.jpg") center center no-repeat;
	background-size: cover;
	-webkit-transition: top 1.5s cubic-bezier(0.76, 0, 0.24, 1) 1.5s;
	transition: top 1.5s cubic-bezier(0.76, 0, 0.24, 1) 1.5s;
}
#header.start .mountain{top: 0;}

#header .space{
	width: 50%;
	height: 100vh;
	position: absolute;
	top: -100%;
	right: 0;
	z-index: 20;
	background:url("../../images/main_space.jpg") center center no-repeat;
	background-size: cover;
	-webkit-transition: top 1.5s cubic-bezier(0.76, 0, 0.24, 1) 1.5s;
	transition: top 1.5s cubic-bezier(0.76, 0, 0.24, 1) 1.5s;
}
#header.start .space{top: 0;}


#header .inner{
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	width: 65%;
	margin: 0 auto;
	text-align: center;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1) 2.8s, top 1.8s cubic-bezier(0.25, 1, 0.5, 1) 2.8s;
	transition: opacity 1.8s cubic-bezier(0.25, 1, 0.5, 1) 2.8s, top 1.8s cubic-bezier(0.25, 1, 0.5, 1) 2.8s;
}
#header.start .inner{opacity: 1;top: 50%;}


#header .bkMountain{
	width: 50%;
	position: absolute;
	top: 0;
	left: -50%;
	bottom: 0;
	z-index: 2;
	background:#8F9E90;
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1);
}
#header .bkSpace{
	width: 50%;
	position: absolute;
	top: 0;
	right: -50%;
	bottom: 0;
	z-index: 2;
	background:#D4E3E3;
	-webkit-transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.0s cubic-bezier(0.25, 1, 0.5, 1);
}
#header.start .bkMountain{left: 0;}
#header.start .bkSpace{right: 0;}


#header .categoryImage{
	width: 100%;
	padding: 3.5% 0;
	background: rgba(204,196,167,0.35)
}
#header h2{
	width: 53%;
	margin: 4% auto 7%;	
}
#header .seemore{
	width: 27%;
	margin: 0 auto;
}
#header .seemore a{
	width: 100%;
	display: block;
	font-family: 'Lora', serif;
	font-weight: 600;
	font-size: 1.1vw;
	line-height: 1;
	white-space: nowrap;
	letter-spacing: 0.05em;
	padding: 0.7em 0;
	color: #294634;
	border: 1px solid rgba(41,70,52,0.0);
	background: rgba(255,255,255,0.5);
}
@media(min-width:769px) {
#header .seemore a:hover{
	color: #FFF;
	border-color:rgba(41,70,52,1);
	background: rgba(18,61,53,0.8);
}
}


#header.narrow .inner{width: 50%;}
#header.narrow h2{margin: 4% auto 6%;}
#header.narrow .seemore{width: 28%;}
#header.narrow .seemore a{font-size: 0.9vw;}




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


body.fixed{position: fixed;}


.hamburger{
	width: 40px;
	height: 32px;
	position:fixed;
	top: 20px;
	left: 20px;
	z-index: 100;
}
.hamburger-trigger,
.hamburger-trigger span {
	display: inline-block;
	 box-sizing: border-box;
}
.hamburger-trigger{
	position: relative;
	width: 40px;
	height: 30px;
	background: none;
	border: none;
	appearance: none;
	cursor: pointer;
}

.hamburger-trigger:focus:not(:focus-visible) {
	outline: none;
}
.hamburger-trigger span {
	position: absolute;
	width: 100%;
	height: 2px;
	background: #FFF;
	pointer-events: none;
}
.coloring .hamburger-trigger span{background: #5B4926; }
.hamburger-trigger span:nth-of-type(1) {top: 0;right:0;width:33px;transition: top .4s , width .3s , background .3s;}
.hamburger-trigger span:nth-of-type(2) {top: 14px;left: 0;transition: opacity .4s , background .3s;}
.hamburger-trigger span:nth-of-type(3) {bottom: 0;left: 0;transition: bottom .4s , background .3s;}
.hamburger-trigger.active span:nth-of-type(1) {
	top: 14px;
	right: 0px;
	width: 40px;
	transform: rotate(-45deg);
	transition: right .3s, width .3s, background .3s, top .3s cubic-bezier(.36, -.42, .68, -.56), transform .3s .3s;
}
.hamburger-trigger.active span:nth-of-type(2) {
	opacity: 0;
	transition: opacity .05s .3s, background .3s;
}
.hamburger-trigger.active span:nth-of-type(3) {
	bottom: 14px;
	transform: rotate(45deg);
	transition: width .3s, background .3s, bottom .3s cubic-bezier(.36, -.42, .68, -.56), transform .3s .3s;
}
@media(min-width:769px) {
.hamburger-trigger:hover span:nth-of-type(1) {width:40px;}
}


.navi{
	position: fixed;
	top: 70px;
	left: -10.5em;
	z-index: 101;
	font-family: 'Lora', serif;
	font-weight: 500;
	color: #FFF;
	line-height: 1.0;
	letter-spacing: 0.05em;
	width: 10em;
	-webkit-transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1);
	transition: left 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.navi.active{
	left: 20px;
}

.navi.coloring{color: #5B4926;}

.navi ul{width: 100%;}
.navi ul li{margin-bottom: 15px;}
.navi h3{font-size: 16px;}
.navi .pagetop{
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	cursor: pointer;
}
.navi a{color: #FFF;}
.navi.coloring a{color: #5B4926;}

.navi p{margin-top: 7px;}
.navi p a{font-size: 12px;}

@media(min-width:769px) {
.navi a:hover,
.navi .pagetop:hover{color: #5B4926;}

.navi.coloring a:hover,
.navi.coloring .pagetop:hover{color: #A79F88;}
}




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


.lead{
	width: 100%;
	padding: 160px 0;
	background: #C7D9CF;
	position: relative;
}
.lead .inner{
	width: 85%;
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	padding: 40px 0;
	z-index: 10;
}
.lead .inner:before,.lead .inner.delighter:before,
.lead .inner:after,.lead .inner.delighter:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	width: 2px;
	background: #294634;
	opacity: 0;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}
.lead .inner:before{left: -50px;}
.lead .inner:after{right: -50px;}

.lead .inner.delighter.started:before{left: 0;opacity: 1;}
.lead .inner.delighter.started:after{right: 0;opacity: 1;}


.lead .inner h2,
.lead .inner.delighter h2{
	width: 470px;
	margin: 0 auto;
	position: relative;
	opacity: 0;
	top: 30px;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1);
}
.lead .inner.delighter.started h2{opacity: 1;top: 0;}
.lead .inner p,
.lead .inner.delighter p{
	width: 90%;
	margin: 3.5em auto 0;
	color: #10312B;
	font-size: 16px;
	line-height: 2.4;
	letter-spacing: 0.08em;
	text-align: center;
	position: relative;
	opacity: 0;
	top: 30px;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;
}
.lead .inner.delighter.started p{opacity: 1;top: 0;}

.lead .spLogo{display: none;}


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



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
















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

.categoryTitle{
	width: 100%;
	padding-top: 34%;/*40%までいける*/
	position: relative;
	background-position: center center;
	background-size: cover;
}
.categoryTitle.mou{background-image:url("../../images/categorybk_mou.jpg");}
.categoryTitle.spa{background-image:url("../../images/categorybk_spa.jpg");margin-top: 280px;}

.categoryTitle .cover,
.categoryTitle.delighter .cover{
	position: absolute;
	width: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 50;
	background: #FFF;
	-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);
}
.categoryTitle.delighter.started .cover{width: 0;}


.categoryTitle h2,
.categoryTitle.delighter h2{
	position: absolute;
	top: 57%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 21%;
	max-width: 330px;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}
.categoryTitle.delighter.started h2{top: 50%;opacity: 1;}






.categoryLead,
.categoryLead.delighter{
	width: 100%;
	background: #FFF;
	padding: 100px 0;
	-webkit-transition: all 1.5s;
	transition: all 1.5s;
}
.categoryLead.delighter.started{background: #CCC4A7;}




.categoryLead .inner,
.categoryLead.delighter .inner{
	width: 87%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
	top: 30px;
	opacity: 0;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}
.categoryLead.delighter.started .inner{top: 0;opacity: 1;}

.categoryLead h3{
	width: 25%;
	position: absolute;
	top:50%;
	left: 0;
	z-index: 10;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.categoryLead .text{
	width: 75%;
	margin-left: 25%;
	position: relative;
}
.categoryLead .text p{
	color: #294634;
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 2.0;
	width: 80%;
	margin-left: 20%;
	padding: 1.3em 0;
}
.categoryLead .text:before,
.categoryLead .text:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background: #78856E;
}
.categoryLead .text:before{top: 0;}
.categoryLead .text:after{bottom: 0;}


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


.main{
	width: 100%;
}

.mountainArea{
	color: #294634;
	overflow:hidden;
}
.spaceArea{
	color: #00263A;
}


#outer,
.spaceArea{
	padding-top: 30px;
	margin-top: 110px;
}
#knit,
#cutsewn,
#pants{
	padding-top: 30px;
	margin-top: 250px;
}






.subTitle{
	width: 90%;
	max-width: 1080px;
	margin: 0 auto ;
	position: relative;
}


.subTitle:before,
.subTitle.delighter:before,
.subTitle:after,
.subTitle.delighter:after{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0%;
	height: 1px;
	background: #294634;
	-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);
}
.subTitle:before{top: 0;}
.subTitle:after{bottom: 0;}
.subTitle.delighter.started:before,
.subTitle.delighter.started:after{width: 100%;}

.spaceArea .subTitle:before,
.spaceArea .subTitle.delighter:before,
.spaceArea .subTitle:after,
.spaceArea .subTitle.delighter:after{background: #00263A;}



.subTitle h2,
.subTitle.delighter h2{
	position: absolute;
	top: 50%;
	left: -1%;
	width: 30%;
	opacity: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}
.subTitle.delighter.started h2{left: 2.5%;opacity: 1;}



.subTitle .text,
.subTitle.delighter .text{
	margin-left: 38%;
	width: 62%;
	border-left: 1px solid #294634;
	position: relative;
	right: -3%;
	opacity: 0;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.9s;
}
.subTitle.delighter.started .text{right: 0%;opacity: 1;}

.spaceArea .subTitle .text,
.spaceArea .subTitle.delighter .text{border-color: #00263A;}

.subTitle .text p{
	font-size: 16px;
	letter-spacing: 0.08em;
	line-height: 2.2;
	width: 86%;
	margin-left: 12%;
	padding: 1.5em 0;
}



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


.itemMain{
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
}
.itemMain.mgShort{margin-top: 140px;}
.itemMain.mgLong{margin-top: 210px;}





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


.itemMain .itemBox,
.itemMain.delighter .itemBox{
	width: 48%;
	float: right;
	top: 30px;
	opacity: 0;
	position: relative;
	/*background: #DDD;*/
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.5s;
}
.itemMain.delighter.started .itemBox{top: 0;opacity: 1;}

.itemMain.reverse .visualBox{float: right;}
.itemMain.reverse .itemBox{float: left;}




.itemMain .visualBox .single{width: 80%;margin-left: 19%;}
.itemMain.reverse .visualBox .single{margin-left:0;}

.itemMain .visualBox .double{width: 100%;}
.itemMain .visualBox .double .farst{width: 83%;}
.itemMain .visualBox .double .second{width: 83%;margin-top: 3%;margin-left: 20%;}
.itemMain.reverse .visualBox .double .second{margin-left: 17%;}



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


.itemMain .fabricInfo{
	width: 100%;
	margin-top: 30px;
}
.itemMain .fabricInfo .icon{
	width: 100px;
	float: left;
}
.itemMain .fabricInfo .fab_text{
	width: calc(100% - 115px);
	float: right;
	font-size: 12px;
	line-height: 1.7;
}
.itemMain .fabricInfo.pcView{display: block;}
.itemMain .fabricInfo.spView{display: none;}



.itemMain .itemBox .inner{width: 64%;margin-left: 13%;}
.itemMain.reverse .itemBox .inner{margin-left: 23%;}


.itemMain .itemBox .itemSlide{
	width: 100%;
	border: 1px solid #294634;
	position: relative;
}
.spaceArea .itemMain .itemBox .itemSlide{border-color:#00263A;}


.itemMain .itemBox .itemSlide .nameSvg{
	width: 12%;
	position: absolute;
	top: 0;
	right: -4.9%;
	z-index: 10;
}
.itemMain .itemBox .itemSlide .cordura{
	width: 19%;
	position: absolute;
	top: 2%;
	left: 2%;
	z-index: 10;
}


.itemMain .itemBox .text{
	margin-top: 60px;
	width: 100%;
	border-top: 1px solid #294634;
	border-bottom: 1px solid #294634;
}
.spaceArea .itemMain .itemBox .text{border-color:#00263A;}

.itemMain .itemBox .text p{
	font-size: 14px;
	letter-spacing: 0.08em;
	line-height: 1.8;
	padding: 25px 0;
}.itemMain .itemBox .spec .buy{
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 5;
	width: 78px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.itemMain .itemBox .spec .buy a{
	font-size: 16px;
	color: #294634;
	width: 100%;
	display: block;
	line-height: 1;
	text-align: center;
	padding: 0.3em 0 0.3em;
	border: 1px solid #294634;
}

.itemMain .itemBox .spec{
	width: 100%;
	position: relative;
	margin-top: 30px;
	font-family: 'Lora', serif;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
.itemMain .itemBox .spec .name{
	width: calc(100% - 85px);
}
.itemMain .itemBox .spec .name h3{font-size: 16px;}
.itemMain .itemBox .spec .name h3 span{font-size: 12px;}
.itemMain .itemBox .spec .name h4{font-size: 14px;margin-top: 0.2em;}


.spaceArea .itemMain .itemBox .spec .buy a{
	color: #00263A;
	border: 1px solid #00263A;
}
@media(min-width:769px) {
.itemMain .itemBox .spec .buy a:hover{color: #FFF;background: #597063;}
.spaceArea .itemMain .itemBox .spec .buy a:hover{background: #59707C;}
}


.set01 .slick-dots li:nth-child(1) button{background: #123D35;}
.set01 .slick-dots li:nth-child(2) button{background: #C88335;}
.set01 .slick-dots li:nth-child(3) button{background: #CCC4A7;}
.set01 .slick-dots li:nth-child(4) button{background: #00263A;}
.set02 .slick-dots li:nth-child(1) button{background: #C88335;}
.set02 .slick-dots li:nth-child(2) button{background: #123D35;}
.set03 .slick-dots li:nth-child(1) button{background: #FFF;border: 1px solid #BBBBBB;}
.set03 .slick-dots li:nth-child(2) button{background: #BBC6C3;}
.set03 .slick-dots li:nth-child(3) button{background: #00263A;}
.set04 .slick-dots li:nth-child(1) button{background: #00263A;}
.set04 .slick-dots li:nth-child(2) button{background: #BBC6C3;}
.set05 .slick-dots li:nth-child(1) button{background: #54565A;}
.set05 .slick-dots li:nth-child(2) button{background: #AFB2B1;}
.set06 .slick-dots li:nth-child(1) button{background: #B0B0B0;}
.set06 .slick-dots li:nth-child(2) button{background: #FFF;border: 1px solid #BBBBBB;}
.set06 .slick-dots li:nth-child(3) button{background: #00263A;}
.set07 .slick-dots li:nth-child(1) button{background: #5D6339;}
.set07 .slick-dots li:nth-child(2) button{background: #00263A;}
.set08 .slick-dots li:nth-child(1) button{background: linear-gradient(90deg, #1C355E 0%, #1C355E 50%, #6F6259 50%, #6F6259 100%);}
.set08 .slick-dots li:nth-child(2) button{background: linear-gradient(90deg, #123D35 0%, #123D35 50%, #002A3A 50%, #002A3A 100%);}
.set09 .slick-dots li:nth-child(1) button{background: linear-gradient(90deg, #3D5B58 0%, #3D5B58 50%, #00263A 50%, #00263A 100%);}
.set09 .slick-dots li:nth-child(2) button{background: #00263A;}
.set10 .slick-dots li:nth-child(1) button{background: linear-gradient(180deg, #BBBBBB 0%, #BBBBBB 50%, #002A3A 50%, #002A3A 100%);}
.set10 .slick-dots li:nth-child(2) button{background: linear-gradient(180deg, #A79F88 0%, #A79F88 50%, #503629 50%, #503629 100%);}
.set10 .slick-dots li:nth-child(3) button{background: #002A3A;}
.set10 .slick-dots li:nth-child(4) button{background: #1C355E;}
.set10 .slick-dots li:nth-child(5) button{background: #D5C9BC;}
.set11 .slick-dots li:nth-child(1) button{background: #ECE7D2;}
.set11 .slick-dots li:nth-child(2) button{background: #BBC6C3;}
.set12 .slick-dots li:nth-child(1) button{background: #1C355E;}
.set12 .slick-dots li:nth-child(2) button{background: #F8F2D9;}







.singleColorTip{
	position: absolute;
	left: 0;
	bottom: -30px;
	width: 100%;
	height: 12px;
	margin-top: 38px;
}
.singleColorTip span{
	width: 26px;
	height: 12px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.singleColorTip span:after{
	content: "";
	display: block;
	position: absolute;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border: 1px solid #294634;
}



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

.set01plus{
	width: 90%;
	max-width: 1080px;
	margin: 110px auto 0;
}
.set01plus p{
	width: 52%;
	margin-left: 48%;
}

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


.movieArea{
	width: 100%;
	margin-top: 110px;
	position: relative;
	padding-bottom: 60px;
}
.movieArea.mgShort{margin-top: 50px;}



.movieArea .bk,
.movieArea.delighter .bk{
	width: 0%;
	height: 280px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
	-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);
}
.movieArea.delighter.started .bk{width: 100%;}

.outer .movieArea .bk{background: #8F9E90;}
.knit .movieArea .bk{background: #D6D0B9;}
.cutsewn .movieArea .bk{background: #8F9E90;}
.pants .movieArea .bk{background: #D6D0B9;}
.spaceArea .movieArea .bk{background: #D4E3E3;}

.movieArea .videoBox,
.movieArea.delighter .videoBox{
	width: 768px;
	margin: 0 auto;
	position: relative;
	z-index: 5;
	opacity: 0;
	font-size: 0;
	top: -30px;
	background: #000;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
}
.movieArea.delighter.started .videoBox{opacity: 1;top: 0;}



/*
.movieArea .videoBox video{
	width: 100%;
	height: auto;
	overflow:hidden;
}

.movieArea .playButton{
    position: absolute;
    top: 0;
    left: 0;
    right: -1px;
	bottom: -1px;
    z-index: 10;
    cursor: pointer;
    text-align: center;
    background-position: center center;
    background-size: cover;
}

.movieArea .playButton.m01{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m02{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m03{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m04{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m05{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m06{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m07{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m08{background-image:url("../../mov/movie_th01.jpg");}
.movieArea .playButton.m09{background-image:url("../../mov/movie_th01.jpg");}

.movieArea .playButton:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 12;
	-webkit-transition: background 0.4s;
	transition: background 0.4s;
}

.movieArea .playButton p{
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width:80px;
    height:80px;
	border-radius:50%;
    line-height: 0;
	z-index: 15;
    font-size:0;
    border: 1px solid #FFF;
	background: rgba(0,0,0,0.4);
    -webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.movieArea .playButton p:after{
    content: '';
    position: absolute;
    top: 50%;
    left:50%;
    width: 0;
    height: 0;
    border-left: 20px solid #FFF;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    -webkit-transform:translate(-40%,-50%);
	        transform:translate(-40%,-50%);
}

@media(min-width: 769px) {
.movieArea .playButton:hover:after{background:rgba(187,198,195,0.5);}
}
*/

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

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









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


.recommend{
	width: 90%;
	max-width: 1080px;
	margin: 100px auto 0;
}

.recommend h2{
	width: 100%;
	position: relative;
}
.recommend h2 span,
.recommend h2.delighter span{
	width: 520px;
	margin: 0 auto;
	display: block;
	opacity: 0;
	top: -20px;
	position: relative;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.0s;
}
.recommend h2.delighter.started span{opacity: 1;top: 0;}


.recommend h2:after,
.recommend h2.delighter:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: 0;
	width: 0%;
	height: 1px;
	background: #294634;
	-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);
}
.spaceArea .recommend h2:after,
.spaceArea .recommend h2.delighter:after{background: #00263A;}

.recommend h2.delighter.started:after{width: 100%;}

.recommend .recList{
	width: 100%;
	padding-top: 60px;
}
.recommend .recList ul{
	width: 103%;
	font-size: 0;
	text-align: center;
}
.recommend .recList ul li{
	width: 30.333333%;
	margin-right: 3%;
	margin-top: 60px;
	display: inline-block;
	vertical-align: top;
}


.recommend .recImage{
	width: 100%;
	position: relative;
	
}
.recommend .recImage:after{
	content: "";
	display: block;
	z-index: 5;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	border: 1px solid #294634;
}
.spaceArea .recommend .recImage:after{border-color:#00263A;}






.recommend .colorTips{
	width: 100%;
	text-align: center;
	font-size: 0;
	padding: 25px 0;
}
.recommend .colorTips p{
	width: 26px;
	height: 12px;
	margin: 0 6px;
	position: relative;
	display: inline-block;
	background: #CCC;
}

.recommend .colorTips p.current:after{
	content: "";
	position: absolute;
	z-index: 10;
	top: -3px;
	left: -3px;
	right: -3px;
	bottom: -3px;
	border: 1px solid #294634;
}



.recommend .spec{
	width: 100%;
	position: relative;
	text-align: left;
	font-family: 'Lora', serif;
	font-weight: 500;
	line-height: 1.2;
	padding: 15px 0;
	border-top: 1px solid #294634;
	border-bottom: 1px solid #294634;
}
.spaceArea .recommend .spec{border-color:#00263A;}



.recommend .spec .name{
	width: calc(100% - 73px);	
}
.recommend .spec .name h3{font-size: 16px;letter-spacing: 0.03em;}
.recommend .spec .name h3 span{font-size: 12px;}
.recommend .spec .name h4{font-size: 14px;margin-top: 0.2em;letter-spacing: 0.03em;}

.recommend .spec .buy{
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 5;
	width: 70px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.recommend .spec .buy a{
	font-size: 16px;
	color: #294634;
	width: 100%;
	display: block;
	line-height: 1;
	text-align: center;
	padding: 0.3em 0 0.3em;
	border: 1px solid #294634;
	letter-spacing: 0.03em;
}
.spaceArea .recommend .spec .buy a{border-color:#00263A;color: #00263A;}

@media(min-width:769px) {
.recommend .spec .buy a:hover{color: #FFF;background: #597063;}
.spaceArea .recommend .spec .buy a:hover{color: #FFF;background: #59707C;}
}




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


.allBanner{
	width: 100%;
	margin-top: 120px;
	position: relative;
	overflow: hidden;
}
.outer .allBanner{background: #8F9E90;}
.knit .allBanner{background: #D6D0B9;}
.cutsewn .allBanner{background: #8F9E90;}
.pants .allBanner{background: #D6D0B9;}
.spaceArea .allBanner{background: #D4E3E3;}


.allBanner .cover,
.allBanner.delighter .cover{
	content: "";
	position: absolute;
	z-index: 50;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	background: #FFF;
	-webkit-transition: bottom 1.8s cubic-bezier(0.76, 0, 0.24, 1);
	transition: bottom 1.8s cubic-bezier(0.76, 0, 0.24, 1);
}
.allBanner.delighter.started .cover{bottom: 100%;}


.allBanner .inner{
	width: 75%;
	max-width: 844px;
	margin: 0 auto;
	position: relative;
}
.allBanner .inner .photo{
	position: relative;
	z-index: 1;
}
.allBanner .inner .linkBox{
	position:absolute;
	z-index: 10;
	width: 100%;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 3% 0;
	background: rgba(255,255,255,0.7);
}

.allBanner .inner .linkBox h4{
	width: 52%;
	margin-left: 8%;
}

.allBanner .seemore{
	margin: 0 auto;
	position: absolute;
	z-index: 20;
	top: 50%;
	left: 71%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.allBanner .seemore a{
	width: 100%;
	display:inline-block;
	font-family: 'Lora', serif;
	font-weight: 600;
	font-size: 20px;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 0.6em 0.8em;
	color: #294634;
	border:1px solid #294634;
	background: rgba(41,70,52,0.0);
}
.spaceArea .allBanner .seemore a{
	color: #00263A;
	border-color:#00263A;
	background: rgba(0,38,58,0.0);
}



@media(min-width:769px) {
.allBanner .seemore a:hover{color: #FFF;background: rgba(41,70,52,0.7);}
.spaceArea .allBanner .seemore a:hover{background: rgba(0,38,58,0.7);}
}


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


.bottomLinks{
	width: 90%;
	max-width: 1080px;
	margin: 0 auto;
}




.bottomLinks h2{
	width: 100%;
	padding-bottom: 40px;
	position: relative;
}
.bottomLinks h2 span,
.bottomLinks .delighter h2 span{
	 display: block;
	 margin: 0 auto;
	 width: 562px;
	 top: -20px;
	 opacity: 0;
	 position: relative;
	 -webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 0.8s;
}
.bottomLinks .delighter.started h2 span{opacity: 1;top: 0;}


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



	

.allContents{
	margin-top: 190px;	
}
.allContents .allList,
.allContents.delighter .allList{
	width: 100%;
	padding: 50px 0;
	border-bottom: 1px solid #294634;
	opacity: 0;
	top: 30px;
	position: relative;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.3s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.3s;
}
.allContents.delighter.started .allList{opacity: 1;top: 0;}


.allContents .allList .listLeft{
	width: 40%;
	float: left;
	margin-left: 3%;
}
.allContents .allList .listRight{
	width: 40%;
	margin-right: 3%;
	float: right;
}
.allContents .allList ul{width: 100%;}
.allContents .allList ul li{
	width: 100%;
	margin-top: 15px;
	position: relative;
}
.allContents .allList ul li:first-child{margin-top: 0;}

.allContents .allList h3{
	width: 195px;
}
.allContents .allList .seemore{
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

.allContents .allList .seemore a{
	border: 2px solid #294634;
	font-family: 'Lora', serif;
	font-weight: 600;
	font-size: 18px;
	color: #294634;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 0.4em 0.5em;
}

.allContents .allList .space .seemore a{color: #00263A;border-color: #00263A;}

@media(min-width:769px) {
.allContents .allList .seemore a:hover{color: #FFF;background: rgba(41,70,52,0.7);}
.allContents .allList .space .seemore a:hover{color: #FFF;background: rgba(0,38,58,0.7);}
}






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



.otherContents{
	margin-top: 190px;
}
.otherContents .otherList,
.otherContents.delighter .otherList{
	width: 100%;
	border-bottom: 1px solid #294634;
	margin-top: 40px;
	position: relative;
	opacity: 0;
	top: 30px;
	-webkit-transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.3s;
	transition: all 1.5s cubic-bezier(0.25, 1, 0.5, 1) 1.3s;
}
.otherContents.delighter.started .otherList{opacity: 1;top: 0;}



.otherContents .otherList:before{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 31.6%;
	background: #294634;
	width: 1px;
	height: calc(78% + 30px);
}
.otherContents .otherList:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	left: 67.6%;
	background: #294634;
	width: 1px;
	height: calc(78% + 30px);
}

.otherContents .otherList ul{
	width: 108%;
	font-size: 0;
	text-align: center;
}
.otherContents .otherList ul li{
	width: 25.33333%;
	margin-right: 8%;
	display: inline-block;
	font-size: 10px;
	vertical-align: top;
}
.otherContents .otherList ul li:first-child{
	border-left: none;
}
.otherContents .otherList h3{
	width: 73%;
	margin: 0 auto;
}
.otherContents .otherList .image{
	width: 100%;
	padding-top: 96%;
	margin: 6% auto 0;
	position: relative;
	background-position: center center;
	background-size: cover;
}
.otherList .other01 .image{background-image:url("../../images/ot01.jpg");}
.otherList .other02 .image{background-image:url("../../images/ot02.jpg");}
.otherList .other03 .image{background-image:url("../../images/ot03.jpg");}

.otherContents .otherList .image h4{
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 65%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.otherContents .otherList .seemore{
	width: 100%;
	margin: 12px 0;
}
.otherContents .otherList .seemore a{
	border: 2px solid #294634;
	font-family: 'Lora', serif;
	font-weight: 600;
	font-size: 18px;
	color: #294634;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 0.8em 1.0em;
	display: inline-block;
}
@media(min-width:769px) {
.otherContents .otherList .seemore a:hover{color: #FFF;background: rgba(41,70,52,0.7);}
}
.otherContents .otherList .soon{
	border: 2px solid #294634;
	font-size: 17px;
	color: #294634;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 0.8em 0.9em;
	display: inline-block;
	margin: 12px 0;
}





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


.footer{
	width: 100%;
	background: #CCC4A7;
	padding: 90px 0 40px;
	color: #294634;
	font-family: 'Lora', serif;
	font-weight: 500;
	line-height: 1;
	text-align: center;
	position: relative;
	margin-top: 250px;
	overflow: hidden;
}
.footer .instagram{
	width: 90%;
	margin: 0 auto;
	text-align: center;
	letter-spacing: 0.08em;
	font-size: 18px;
}
.footer .instagram .icon{
	width: 38px;
	margin: 18px auto 0;
}
.footer h2{
	width: 180px;
	margin: 120px auto 0;
}
.footer .copyright{
	letter-spacing: 0.12em;
	font-size: 14px;
	font-family: 'Lora', serif;
	font-weight: 400;
	margin: 45px auto 0;
}
.footer .copyright br{display: none;}

.footer .pagetop{
	position: absolute;
	display: block;
	cursor: pointer;
	width: 100px;
	right: 0;
	top: 25%;
	-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;}
}











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








/* ========================= 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;
}

.otherSlider .slick-list{overflow:visible;}


.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:-34px;
	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 #294634;
}
.spaceArea .slick-dots li.slick-active button:after{border: 1px solid #00263A;}