@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;}



@media screen and (max-width:999px){

	
}

@media screen and (max-width:480px){

}

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

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

/* 2022-06-15 */
.atoa__wrap {display: flex; flex-flow: row-reverse wrap; justify-content: space-between;}

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

/*.slide {width:1200px; margin-left: auto; margin-right: auto;}*/
.slide {width:100%; margin-left: auto; margin-right: auto;}
.slider {width: 100%;}
.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;}
	
.fair__btn {
	display: inline-block;
	border:1px solid #0d1723;
	color: #0d1723;
	font-size: 1.8rem;
	width: 100%;
}	

.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;}
	
.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;}
	
.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;
}

/* 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;}
.kei__gry.w50 {margin-left: 0px;}

@media screen and (max-width:600px){
/* 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;}	
}

/* 2022-06-15 */
.aqua__after {
	padding: 0.7em 1em;
	border:1px solid #ccc;
	font-size: 1.3rem;
}


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

/* 20230406 mv */
.mv__wrap {
	width:100%/*1200*/;
	 height: 90vh/*880*/;
	/*height: 1170px;*/
	margin-left: auto; 
	margin-right: auto; 
	background-image: url("../img/fair/mv_img_3.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	color: #fff;
}
.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__copy {
	display: flex;
	padding:2em 0 1em 1em;
}
.mv__copy h2 {font-size: 5rem/*5*/; line-height: 1;}

.mv__txt {
	background: #fff;
	color: #000;
	width:1200px;
	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;}
.mv__titile small {font-size: 2rem}

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

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

@media screen and (max-width:1119px){
	.mv__wrap,.mv__txt {width:100%; }
}
@media screen and (max-width:999px){
	.mv__main h1 {font-size: 6vw; }
	.mv_caption {font-size: 4vw; /*text-align: center;*/}
	.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/fair/mv_img_3_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__titile small {font-size: 1.4rem}
	
	.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:#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;}
}

/* 2023-06-07 */
.maison__wrap {
	display: flex;
}
.maison__wrap dt{
	padding-right: 10px;
	width:42%
}
.maison__wrap dd{
	width:calc(100% - 42%)
}
@media screen and (max-width:600){
	.sp-cnt {text-align: center}
}