@charset "UTF-8";


@font-face {
  font-family: 'SourceHanSerifJP-SB';
  src: url('../font/SourceHanSerif-SemiBold.woff2') format('woff2'),
       url('../font/SourceHanSerif-SemiBold.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


.contents_secret .come_h1_title{font-family: 'SourceHanSerifJP-SB', serif;font-weight: 600;}

.l_contents{background: url(../img/bg_body.jpg) repeat-y;background-size: cover;}
.contents_secret{background: url(../img/bg_body.png) no-repeat;background-position: center 24%;}
.contents_secret .wrapper{margin-right: auto;margin-left: auto;}


.secret_history .wrapper{position: relative;}
.secret_history .wrapper::before{content: "";display: block;background: url(../img/bg_history.png) no-repeat;background-size: cover;position: absolute;

    top: 70px;right: 0;width: 32%;height: 15vw;
}
.secret_history .box{padding-bottom: 20px;}
.secret_history .box_01{padding-top: 20px;}
.secret_history .box .image{width: 100%;margin-bottom: 10px;margin-right: auto;margin-left: auto;}
.secret_history .box img{-webkit-border-radius: 203.42px;border-radius: 203.42px;box-shadow: 0px 0px 20px 0px rgb(0 0 0 /.2);}
.secret_history .box_01 .image{max-width: 347px;position: relative;}
.secret_history .box_02 .image,.secret_history .box_03 .image{min-width: 300px;max-width: 480px;}
.secret_history .box .text p{letter-spacing: 0;}


.secret_photo ul{display: flex;width: fit-content;box-shadow: 0px 2px 20px 0px rgb(0 0 0 /.1);max-width: 1320px;}

.contents_secret h2.come_def_title,.contents_secret h3{font-family: 'SourceHanSerifJP-SB', serif;font-weight: 600;}
.contents_secret h2.come_def_title{position: relative;font-size: 1.3125rem;height: 48px;line-height: 1.8;text-align: center;}
.contents_secret h2.come_def_title::after {content: "";display: block;width: 100px;height: 2.5px;background: #E60012;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}

.contents_secret .text,.secret_specialty p{line-height: 1.8;}
.in_session h4{font-family: 'SourceHanSerifJP-SB', serif;font-weight: bold;text-align: center;}

.secret_specialty .for_eat{position: relative;}
.secret_specialty .for_eat::after{content: "";display: block;background: url(../img/img_kodawari.png) no-repeat;position: absolute;right: 0;}
.secret_specialty .for_eat p{max-width: 711px;}
.secret_specialty .for_eat p span{font-family: 'SourceHanSerifJP-SB', serif;font-weight: bold;}
.secret_specialty p{margin-bottom: 20px;}
.secret_specialty .icon{text-align: center;}

.secret_village .box .image{max-width: 433px;width: 50%;margin-right: auto;margin-left: auto;}
.secret_village .box .image img{box-shadow: 0px 0px 20px 0px rgb(0 0 0/ .2);}

.secret_village .contact{background: #FFF;border-radius: 10px;box-shadow: 0px 1px 10px 0px rgb(0 0 0/.15);margin-top: 30px;}
.secret_village .contact h3{font-family: inherit;text-align: center;font-size: 1rem;background: #FFD6D8;border-radius: 10px 10px 0 0;display: flex;justify-content: center;align-items: center;line-height: 1.4;height: 88px;}
.secret_village .contact .main p.union{font-weight: bold;}
.secret_village .contact .main a.tel{display: block;}


@media screen and (min-width:500px) {
	.secret_village .contact h3 br.short{display: none;}
	.secret_village .contact h3{height: 70px;line-height: 1.6;}
}

/** PC ****/
@media screen and (min-width:768px) {
	.contents_secret{padding-top:55px;background-position: 54% 30.5%;}
	.contents_secret .wrapper{padding-left:30px;padding-right:30px;}
	.contents_secret .come_h1_title{margin-bottom: 48px;}

	.contents_secret h2.come_def_title{font-size: 2rem;}
	.contents_secret h3{font-size: 1.625rem;}

	.secret_history{padding-bottom: 28px;}
	.secret_history .wrapper::before{width: 342px;height: 170px;top: 50px;right: 5px;}
	.secret_history h2.come_def_title{height: 71px;margin-bottom: 20px;}
	.secret_history h3{margin-bottom: 25px;line-height: 37px;}
	.secret_history .box_02 .image, .secret_history .box_03 .image{min-width: 400px;}

	.secret_specialty h2.come_def_title{height: 80px;margin-bottom: 27px;}
	.secret_specialty .for_eat{padding-bottom: 51px;padding-right: 320px;}
	.secret_specialty .for_eat::after{width: 300px;height: 292px;background-size: contain;top: 50%;transform: translateY(-50%);}
	.secret_specialty .for_eat h3{line-height: 37px;margin-bottom: 25px;}
	.secret_specialty p{margin-bottom: 25px;}
	.secret_specialty .in_session{text-align: center;background: url(../img/bg_in_session.png) no-repeat;padding-bottom: 45px;}
	.secret_specialty .in_session h3{line-height: 36px;margin-bottom: 25px;}
	.secret_specialty .in_session h4{font-size: 1.25rem;padding: 10px 0;}
	.secret_specialty .in_session .icon{position: absolute;right: 0;bottom: 0;}

	.contents_secret .secret_photo .wrapper{padding-left: 0;}

	.secret_village{padding-top: 81px;padding-bottom: 25px;scroll-margin-top: 90px;}
	.secret_village h2.come_def_title{height: 80px;margin-bottom: 32px;}
	.secret_village .box{gap: 0 43px;}
	.secret_village .text > h3{line-height: 36px;margin-top: 8px;margin-bottom: 25px;}
	.secret_village .text > p{margin-bottom: 25px;}
	.secret_village .contact .box{display: flex;justify-content: center;padding: 30px 30px 10px;gap: 0 15px;}
	.secret_village .contact .box .sub{font-size: 0.875rem;line-height: 1.5;letter-spacing: 0;}
	.secret_village .contact .main p.union{font-size: 1.125rem;line-height: 25px;}
	.secret_village .box .image{width: 100%;}
}

/** SP ****/
@media screen and (max-width:767px) {
	.contents_secret{padding-top:40px;}
	.contents_secret .wrapper{padding-left:20px;padding-right:20px;}

	.contents_secret h2.come_def_title{font-size: 1.4375rem;margin-bottom: 20px;}
	.contents_secret h3{font-size: 1.1875rem;margin-bottom: 10px;}

    .contents_secret .come_h1_title{margin-bottom: 30px;}
	.contents_secret .secret_history h2.come_def_title{line-height: 1.4;height: 73px;}

	.secret_history{padding-bottom: 10px;}
	.secret_history .box{margin-bottom: 25px;}
	.secret_history .box_01 .image{width: 50%;margin: 0 auto 10px;}

	.secret_specialty .for_eat::after{position: relative;width: 300px;height: 292px;background-size: cover;margin: 0 auto 10px;}

	.secret_village{padding-top: 40px;scroll-margin-top: 60px;}
	.secret_village .contact .main{max-width: 240px;margin: 0 auto;}
	.secret_village .contact p.sub{font-size: 0.8125rem;padding: 10px 20px 15px;}

}

/** PC(wide) ****/
@media screen and (min-width:980px) {
	.contents_secret{padding-top:85px;}
	
	.secret_history .box,.secret_village .box{display: flex;}
	.secret_history .box_01{gap: 0 35px;padding-top: 0;}
	.secret_history .box.box_02{flex-direction: row-reverse;gap: 0 37px;}
	.secret_history .box.box_03{gap: 0 38px;}

    .secret_history .box.box_01 .text{padding-top: 20px;}
	.secret_history .box.box_02 .text{padding-top: 50px;}
	.secret_history .box.box_03 .text{padding-top: 52px;max-width: 632px;}

	.secret_specialty .for_eat{padding-right: 440px;}
	.secret_specialty .for_eat::after{width: 440px;height: 428px;background-size: cover;}

	.secret_village .contact .box{padding: 30px 30px 27px;}

}

@media screen and (min-width:500px) and (max-width:980px){
	.secret_village .box .image{width: 40%;float: left;margin-right: 25px;}
}

@media screen and (min-width:1390px) {
	.contents_secret .wrapper{padding-left:0px;padding-right:0px;max-width: 1200px;}

	.secret_history{padding-bottom: 48px;}
	.secret_history .box{padding-bottom: 0;}
	.secret_history .wrapper::before{top: 92px;right: -59px;}
	.secret_village .contact .box{padding: 30px 80px 27px;gap: 0 58px;}
	.secret_history .box.box_01 .text{padding-right: 51px;}
	.secret_history .box.box_02 .text{padding-left: 50px;}

	.contents_secret .secret_photo .wrapper{max-width: 1440px;}

	.secret_specialty .for_eat::after{width: 549px;height: 534px;position: absolute;right: 0;right: -58px;top: -73px;transform: translateX(0);}
	.secret_specialty .in_session .icon{bottom: 35px;}
}