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

/*.inner { border: 1px solid #f00;}*/

.bg__blue--dark {background: #0d1723; padding: 6em 0;}

.bg__slide {
	background: linear-gradient(180deg, #060706 0%, #060706 30%, #fff 30%, #fff 100%);
}

/* btn */
.fair__btn {
	display: inline-block;
	border:1px solid #0d1723;
	color: #0d1723;
	font-size: 2.4rem;
	width: 580px;
	padding: 0.2em 0;
}

.fair__btn:hover {
	color: #fff;
	background: #0d1723;
	transition: 0.3s all ease;
}
.fair__btn.hanten {color: #fff;
	background: #0d1723;}
.fair__btn.hanten:hover {
	border:1px solid #0d1723;
	color: #0d1723;
	background: #fff;
	transition: 0.3s all ease;	
}

/* title */
.fair__tit--h2 {letter-spacing: 0.3em; font-size: 3.5rem; text-indent: 0.3em}
.fair__tit--h3 {font-size: 2.1rem;}
.fair__tit--h3 big {font-size: 4.2rem;}
.plan__tit--h3 {font-size: 2.8rem;}
.t30 {font-size: 3rem;}
.fair__pre {font-size: 2.3rem;}

/*  mv */
.mv__wrap {
	width:100%/*1200*/;
	 height: 90vh/*880*/;
	/*height: 1170px;*/
	margin-left: auto; 
	margin-right: auto; 
/*	background-image: url("../img/klp/mv_img_230404.jpg");*/
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
	color: #fff;
}
.inner.mv {display: flex; flex-flow:column;  height: 880px;}




.mv__main {  
	 height: 60%; 
	display: flex; 
	flex-flow: column; 
	justify-content:space-between;
	/*border:1px solid #f00;*/
}
.mv__main h1 {
	font-size: 4rem; 
	line-height: 1; 
	font-feature-settings: "palt"; 
	position: relative; 
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5); 
	letter-spacing: -0.05em;}

.mv_caption {font-size: 2.8rem; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}
.mv__tokuten {background:#fff; width:300px; color:#000; text-align:right; padding:1em 2em 1em 0; font-size:2rem; margin-bottom:1em;}
.mv__tokuten2 {background:#fff; width:/*320px*/400px; color:#000; text-align:left; padding:1em; font-size:1.8rem; margin-bottom:1em;}

.mv__copy {/*border:1px solid #f00;*/ display: flex; /*justify-content: flex-end;*/  /*opacity: 0.7; margin-top: 8em;*/padding:2em 0 1em 1em; }
.mv__copy h2 {font-size: 6rem/*5*/; line-height: 1;}

.mv__txt {/*border:1px solid #f00;*/
	/*background:url(../img/klp/mv_img_2.jpg) no-repeat;
	background-size: cover;*/
	background: #fff;
	color: #000;
	width:1200px;
	/*height: 320px;*/
	padding-bottom: 40px;
	margin-left: auto; 
	margin-right: auto;
  text-align:center;
	/*border:1px solid #f00*/
}

.mv__txt-inr {
	text-align: center; /*margin-right: 10%;*/ 
	background:#fff; 
	box-shadow:2px 2px 8px rgba(0,0,0,0.3); 
	display:inline-block; 
	margin-top:-3em; 
	padding:3em 6em;}
.mv__txt-inr h3 {/*margin-bottom: 2em;*/}
.mv__txt-inr p {line-height: 1.8;}

.mv__titile {padding-left:1em;}

/* lc */
.mv__daytime {display: inline-block;}
.mv__day {font-size: 5rem; display: flex; flex-flow: row wrap;}
.mv__day li { /*border: 1px solid #f00;*/ text-shadow: 0px 0px 10px rgba(0,0,0,0.5); margin-right: 0.1em;/*0.5*/}
.mv__day li:last-child{/*width: 100%; text-align: center; font-size: 3rem*/ margin-right: 0;}
.mv__day small {font-size: 2.4rem;}
.mv__time {font-size: 3rem; text-shadow: 0px 0px 10px rgba(0,0,0,0.5);}

	.mv__box {/*border: 1px solid #f00; */ margin-top: 2em}


@media screen and (max-width:1119px){
	.mv__wrap,.mv__txt {width:100%; }
}

@media screen and (max-width:999px){
/*.mv__wrap {
	background: url("../img/klp/mv_img_3.jpg") no-repeat right 20% center;
	background-size: cover;
	color: #fff;
}	*/
	.mv__main h1 {font-size: 6vw; }
	.mv_caption {font-size: 4vw; /*text-align: center;*/}
	/*.mv__main h1::after {
		width: calc(100vw * 0.3);
		height:  calc(100vw * 0.3);
		bottom:0.2em;}*/
	.mv__tokuten{/*width:20%;*/}
	.mv__day {font-size: 5vw;}
	.mv__day small {font-size: 4vw;}
	.mv__time {font-size: 4vw;}
	.mv__copy h2 {font-size: 7vw/*4.5*/; line-height: 1;}
	.mv__copy div  p {font-size: 3vw;}
	.mv__main {/*padding-top: 0em;*/ display: flex; flex-flow: column; height: 700px;}
	.mv__box {/*margin-top: auto; border: 1px solid #f00;*/margin-top:1em }
}

@media screen and (max-width:480px){
	.mv__wrap {
		width:100%; 
		/*height: 580px;/*90vh;*/ 
		height:/*400px*/88vh;
    	/*height: -webkit-fill-available;*/
/*		background: url("../img/klp/mv_img_230407_sp.jpg")  center no-repeat; */
		background-size: cover;
	}
	.inner.mv {height: 480px;}
	.mv__main {/*padding-top: 0em;*/ display: flex; flex-flow: column; height: 200px;}
	.mv__copy {margin-top:auto;}
	.mv__box {/*margin-top: auto; border: 1px solid #f00;*/ }
	.mv__txt {height: auto; /*padding-top: 0.5em;*/ padding-bottom: 2em;}
	
	.mv__copy h2 {font-size: 7.0vw/*4*/; line-height: 1.2;}
	.mv__copy div  p {font-size: 2.5vw;}
	
	.mv__tokuten {background:#fff; width:40%; color:#000; text-align:right; padding:0.8em 1em 0.8em 0; font-size:3.4vw; margin-bottom:1em;}
	.mv__tokuten2 {background:#fff; width:80%/*5836*/; color:#000; text-align:left; padding:0.8em 1em; font-size:3.4vw; margin-bottom:1em;}	
	
	/*.mv__txt{background: url("../img/klp/mv_img_2.jpg") no-repeat left 10% top;background-size: cover;}*/
	.mv__txt{background:#fff;}
	.mv__txt-inr {/*margin-right: 0; padding: 1em 1.5em 1.5em;*/}
	.mv__txt-inr {
	text-align: center; /*margin-right: 10%;*/ 
	background:#fff; 
	box-shadow:0px 1px 5px rgba(0,0,0,0.2); 
	display:inline-block; 
	margin-top:-2em; 
	padding:2em;
	width:93.75%;
	font-size: 4vw}
	.mv__txt-inr p { font-size: 3.0vw; text-align: left; line-height: 1.5;}
	.mv__txt-inr span,.mv__txt-inr small {font-size: 3vw;}
}

@media screen and (max-width:320px){
	/*.mv__wrap {
		width:100%; 
		height:400px;
		background: url("../img/klp/mv_img_3_sp2.jpg") right -40px center no-repeat; 
		background-size: cover;
	}	*/
}
/* dress */
.dre__R dl {display: flex; justify-content: space-between; flex-direction: row-reverse;}
.dre__R dl dt {width: 56.4%;}
.dre__R dl dd {width: 43.6%; box-sizing: border-box; padding: 1em; display: flex; align-items: center;}

/* present */
.pre__L,.pre__R {width: 96%; margin-left: auto; margin-right: auto; margin-bottom: 3em;}
.pre__L dl {display: flex; justify-content: space-between;}
.pre__L dl dt {width: 50%;}
.pre__L dl dd {width: 50%; box-sizing: border-box; padding: 1em; display: flex; align-items: center;}

.pre__R dl {display: flex; justify-content: space-between; flex-direction: row-reverse;}
.pre__R dl dt {width: 50%;}
.pre__R dl dd {width: 50%; box-sizing: border-box; padding: 1em; display: flex; align-items: center;}

/* plan */
.plan__wrap {color:#fff; /*display: flex; justify-content: space-between;*/}
.plan__wrap div {/*width:47.6%;*/}

.plan__L {display: flex; flex-flow: row; justify-content: space-between;}
.plan__L dt {width:48%;}
.plan__L dd {width:50%;}
.plan__R {display: flex; flex-flow:row-reverse; justify-content: space-between;}
.plan__R dt {width:48%;}
.plan__R dd {width:50%; display: flex;  align-items: center;}

/* location */
.lc__box {display: flex; flex-flow: row; justify-content: space-between; align-items: center;}
.lc__box dt {width:45%; text-align: right; }
.lc__box dd::after {content:"";
display:inline-block;
   width:1px;
   height:100%;
   background-color:#ccc;
   position:absolute;
   top:0;
   left:-60px;
   transform: rotate(40deg);
}
.lc__box dd {width: 45%; position: relative;}

/* dress */
.dre__wrap {display: flex; flex-flow: row wrap; justify-content: space-between;}
.dre_p1 {width:40%;}
.dre_p2 {width: 58%;}
.dre_p3 {}
/*.dre__wrap {display: grid;
grid-template-rows:480px 580px;
grid-template-columns: auto;}
.dre_p1 {grid-row: 1 / 2;}
.dre_p2 {grid-row: 2 / 3;}*/

.dre__tit--h3 {font-size: 3rem;}

/* access */
.shop__wrap {display: flex; justify-content: space-between;}
.shop__wrap--txt {width: 29%; padding-top: 3em;}
.shop__wrap--map {width:67%;}
.map__box {width: 100%; height: 400px; margin-bottom: 0.5em;}

.shop__wrap--txt span {font-size: 1.8rem;}
.shop__wrap--txt strong {font-size: 2.4rem;}

/* common */
.kei__gry {border-bottom: 1px solid #ccc;}
.kei__whi {border-bottom: 1px solid #f2f2f2;}
.mb3em {margin-bottom: 3em;}
.mb4em {margin-bottom: 4em;}
.mb5em {margin-bottom: 5em;}
.mb6em {margin-bottom: 6em;}
.mb05em {margin-bottom: 0.5em;}
.w50 {width: 50%;}
.kei__whi.w50 {margin-left: 0px; margin-top: 1.5em; margin-bottom: 1.5em;}
.kei__gry.w50 {margin-left: 0px;}

.slider {width:100%; margin-left: auto; margin-right: auto; /*margin-top: -2em;*/ }	
.slider02 {width:100%; margin:0px auto; /*margin-top: -2em;*/ }	
.slider02 li {margin: 0; padding: 0;}

.slide {width:1200px; margin-left: auto; margin-right: auto;}
.slider {width: 100%;}
.slider li {margin: 0; padding: 0; overflow: hidden;}
.slider li img {width: 100%; height: auto;}
@media screen and (max-width:1199px){
	.slide {width:100%;}
}

@media screen and (max-width:600px){
	
	.slider li {margin: auto; padding: 10px;}
}

@media screen and (max-width:600px){
.fair__btn {
	display: inline-block;
	border:1px solid #0d1723;
	color: #0d1723;
	font-size: 1.8rem;
	width: 100%;
}	
	
/* dress */
.dre__R dl {display: block}
.dre__R dl dt {width: 100%; margin-bottom: 1em;}
.dre__R dl dd {width: 100%; box-sizing: border-box; padding: 1em 0; display: block; text-align: center;}	
.dre__R dl dd p.fair__txt {text-align: left;}
.kei__gry.w50 {margin-left:auto;}		

.pre__L,.pre__R {width: 100%; margin-left: auto; margin-right: auto; margin-bottom: 0.5em;}
.pre__L dl,.pre__R dl {display: block}
.pre__L dl dt,.pre__R dl dt {width: 100%; margin-bottom: 1em;}
.pre__L dl dd,.pre__R dl dd {width: 100%; box-sizing: border-box; padding: 1em 0; display: block; text-align: center;}	
.fair__txt,.dre__txt {font-size: 1.2rem;}
	 
.fair__tit--h3 {font-size: 4vw; }
.fair__tit--h3 big {font-size: 8vw;}	
.fair__pre {font-size: 6vw; }	
	
.plan__wrap {color:#fff; display: block;}
.plan__wrap div {width:100%;}
/*.plan__wrap div:nth-of-type(1) {margin-bottom: 6em;}*/
	
	.plan__L,.plan__R  {display: block;}
	.plan__L dt,.plan__R dt {margin-bottom: 3em;}
	.plan__L dt,.plan__L dd,.plan__R dt,.plan__R dd {width: 100%;}
	
.fair__tit--h2 {letter-spacing: 0.3em; font-size: 6vw; text-indent: 0.3em;}	
.plan__tit--h3 {font-size: 6vw; text-align: center;}
.t30 {font-size: 6vw; text-align: center;}
.kei__whi.w50 {margin-left: 0px; margin-top: 3em; margin-bottom: 3em;}	
	.dre_p1 {width:44%;}
	.dre_p2 {width: 52%;}
	.dre__tit--h3{font-size: 4vw;}
	
/* location */
.lc__box {display: flex; flex-flow: row; justify-content: space-between; align-items:flex-start;}
.lc__box dt {width:auto; text-align:left; white-space: nowrap; font-size: 2.6vw; margin-right: 30px;}
.lc__box dd::after {content:"";
display:inline-block;
   width:1px;
   height:50px;
   background-color:#ccc;
   position:absolute;
   top:-15px;
   left:-15px;
   transform: rotate(35deg);
}
.lc__box dd {width: auto; position: relative; font-size: 3vw}	
	
.shop__wrap {display: block;}
.shop__wrap--txt {width: 100%; padding-top: 3em; margin-bottom: 1em;}
.shop__wrap--map {width:100%;}	
.map__box {width: 100%; height: 320px; margin-bottom: 0.5em;}	
	
	.shop__wrap--txt .fair__tit--h2 {text-align: center;}
	
	.vk__tit {text-align: center;}
	
	.vk__txt { font-size: 1.3rem;}
	.vk__tit img {width:200px;}

.slider {width:98%; margin-left: auto; margin-right: auto; /*margin-top: -2em;*/ }	

.prev_icon {
position: absolute;
  top: 50%;
  left: 0px;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;}

.next_icon{
  position: absolute;
  top: 50%;
  right: 0px;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;
}

.slider-plan .prev_icon {
position: absolute;
  top: 50%;
  left: -30px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;}

.slider-plan .next_icon{
  position: absolute;
  top: 50%;
  right: -30px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;
}
	
	
}

.srl-anime {
  -webkit-transition: all 1.5s ease;
  transition: all 1.5s ease;
}

.srl-anime.opening {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0;
}

.srl-anime.opening.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.srl-anime.fadein {
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  opacity: 0;
}

.srl-anime.fadein.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
}

.slide {width:1200px; margin-left: auto; margin-right: auto;}
@media screen and (max-width:1199px){
	.slide {width: 100%;}
}

/* 2022-11-14 */

.slc__tit {font-size:2.4rem;}
.slc__num {font-size:2.6rem; }

.slc__wrap {
	display: flex;
	justify-content: space-between;
}
.slc__wrap__re {
	display: flex;
	flex-flow:row-reverse wrap;
	justify-content: space-between;
}
.slc_ph {width:56%;}
.slc_txt {width:40%;}
.clr {color:#0d1723}
.slc_txt_ph {margin-bottom: 20px;}

@media screen and (max-width:600px){
	.slc__wrap {
		display: block;
	}
	.slc_ph {width:100%; margin-bottom: 10px;}
	.slc_txt {width:100%; display: flex; justify-content: space-between; align-items: center}
	.slc_txt_ph {width:40%;}
	.slc_txt_txt {width: 55%; font-size: 1.3rem;}
	.slc__wrap__re .slc_txt {width:100%; display: flex; flex-flow: row-reverse; justify-content: space-between; align-items: center}
	.slc__tit {font-size:5vw;}
	.slc__wrap.mb80,.slc__wrap__re.mb80 {margin-bottom: 40px !important;}
	.kei__ccc {border-bottom: 1px solid #ccc;}
	.slc_txt_ph {margin-bottom: 0px;}
}