@charset "utf-8";

.en {font-family: "EB Garamond", serif;font-weight: 400;}

/* 表示・非表示 */
.pc_only{display: block;}
.pc_tab_only{display: block;}
.tab_only{display: none;}
.sp_tab_only{display: none;}
.sp_only{display: none;}

@media screen and (max-width: 960px){
	.pc_only{display: none;}
	.pc_tab_only{display: block;}
	.tab_only{display: block;}
	.sp_tab_only{display: block;}
	.sp_only{display: none;}
}

@media screen and (max-width: 640px){
	.pc_only{display: none;}
	.pc_tab_only{display: none;}
	.tab_only{display: none;}
	.sp_tab_only{display: block;}
	.sp_only{display: block;}
}

body main{font-family: YakuHanMP, "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif; color: #333; font-size: clamp(13px, 1.4vw, 24px); font-weight: 400; letter-spacing: 0.04em; line-height: 2;}
body main img{max-width: 100%; width: 100%; vertical-align: bottom;}
body main a,
body main a:hover{text-decoration: none;}
sup{font-size: 50%; vertical-align: top;}
figure{position: relative;}
picture{position: relative; display: inline-block;}
figure figcaption,
picture .caption, .caption {position: absolute; bottom: 0; right: 0; z-index: 2; padding: 3px 5px; font-size: 10px; font-weight: 400; line-height: 1.2; letter-spacing: 0;background: rgba(0,0,0,0.6); color: #fff;}
small{font-size: clamp(10px, 1.1vw, 12px);}

.ImgCap{font-size: 10px; padding-top: 5px; text-align: right;}
.flex {display: flex;flex-wrap: wrap;}
.al {text-align: left;}
.ar {text-align: right;}
.anno {font-size: clamp(10px, 1.1vw, 12px);padding-top: 5px;}

/*  */
.fade {transform: translateY(10px); opacity: 0; transition: .7s all ease;}
.fade.is-show {transform: translateY(0); opacity: 1;}

.blur {filter: blur(3px) brightness(3);opacity: 0;transition: .7s ease 0.2s;}
.blur.filter_none {filter: none;opacity: 1;}

.animCurtain {position: relative; background: rgba(255,255,255,0.3);}
.animCurtain figure {clip-path: inset(0 100% 0 0);
	-webkit-transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1); transition: all 1.2s cubic-bezier(0.77, 0, 0.18, 1);}
.animCurtain.is-active figure {clip-path: inset(0);}

/*  */
#annotation_are{padding: 55px 0 75px;}
#annotation_are .inner {max-width: 1420px;margin: 0 auto;padding: 0 20px;}
#annotation_are p{font-size: clamp(10px, 1.1vw, 12px); line-height: 1.7; padding-left: 17px; position: relative;}
#annotation_are p.asterisk::before{content: "※"; position: absolute; left: 0; top: 0;}
@media screen and (max-width: 640px){
	#annotation_are{padding: 70px 0;}
}

/* slideScroll */
.swipeIcon{display: none;}
@media screen and (max-width: 640px){
	.slideBox{position: relative; overflow-x: auto;}
	.slideImg{max-width: 160vw; width: auto;}
	.swipeIcon{display: block; position: absolute; top: 50%; left: 150px; z-index: 301; width: 100px; 
		animation: horizontal 1s ease-in-out infinite alternate;
	}
	@keyframes horizontal {
		0% { transform:translate(-30%,-50%); }
		100% { transform:translate(-70%,-50%); }
	}
}

/* 休業告知 */
.holiday {width: fit-content; color: #f5f5f5; border: 1px solid #f5f5f5; margin: 0 auto clamp(14px, 4vw, 27px);padding: 15px;}

/* cvボタン */
/*.cv_btn{}
.cv_btn a{font-family: 'Inter', 'Noto Sans JP', sans-serif; font-size: 15px;
	color: #fff; transition: 0.7s ease; display: inline-block; padding: 18px 34px; border-radius: 35px;}
.cv_btn a span{position: relative; display: block; padding-right: 30px;}
.cv_btn a span::before{content: ""; display: block; width: 10px; height: 10px;
	border-top: 1px solid #fff; border-right: 1px solid #fff;
	position: absolute; top: 50%; right: 2px; transform: translateY(-50%);}
.cv_btn a span::after{content: ""; display: block; width: 15px;	height: 1px; background: #fff;
	position: absolute; top: 50%; right: 0; transform: translateY(-50%)  rotate(-45deg);}
.cv_btn.color_ocher a{background: #C1A255;}
.cv_btn.color_black a{background: #0A0A0A;}
@media(hover: hover) {
  .cv_btn.color_ocher a:hover{background: #DEA821;}
	.cv_btn.color_black a:hover{background: #C1A255;}
}
@media screen and (max-width: 640px){
	.cv_btn a{display: block; text-align: center; font-size: 13px; padding: 18px 20px;}
	.cv_btn a span{display: block; padding-right: 15px;}
}*/







/* ------------------------------
page_information
--------------------------------- */
.page_information {padding: 100px 0;}
.page_information .inner {max-width: 1540px;padding: 0 80px;margin: 0 auto;}

.infoConItem {padding-top: 40px;padding-bottom: 40px;}
.infoConItem .flex {/*justify-content: space-around;*/justify-content: center;}
.infoConItem .flex_item {/*width: 48%;*/width: 100%;}
.infoConItem .flex_item + .flex_item {margin-top: 40px;}
.page_information h2 {font-size: clamp(16px, 2vw, 32px);text-align: center;line-height: 1.7;letter-spacing: 0.02em;}
.page_information h3 {font-size: clamp(13px, 2vw, 16px);text-align: center;line-height: 1;letter-spacing: 0.3em;margin-bottom: 10px;}
.page_information p.subtext {font-size: clamp(12px, 1.4vw, 15px);text-align: center;margin-top: 10px;}

.page_information .sectionBtn2 {max-width: 380px;margin: 20px auto 0;}
.page_information .sectionBtn2 a {font-size: clamp(15px, 1.8vw, 18px);text-align: center;line-height: 1.4;background: #A9B1BB;background: linear-gradient(160deg,rgba(169, 177, 187, 1) 0%, rgba(212, 217, 221, 1) 49%, rgba(171, 181, 188, 1) 65%);padding: 22px 0px;position: relative;display: block;transition: ease 0.3s;}
.page_information .sectionBtn2 a:before {content: '';display: block;top: 0;bottom: 0;margin: auto;right: 12px;width: 26px;height: 26px;background: url("../img/page/top/icon-arrow.png") no-repeat center;background-size: contain;position: absolute;}
/* ホバー */
@media(hover: hover) {
	.page_information .sectionBtn2 a:hover {filter: brightness(1.1);}
}
.page_information .sectionBtn3 {max-width: 380px;margin: 20px auto 0;}
.page_information .sectionBtn3 a {font-size: clamp(15px, 1.8vw, 18px);text-align: center;line-height: 1.4;color: #fff; background: #A9B1BB;background: linear-gradient(160deg,rgba(15, 15, 15, 1) 0%, rgba(55, 55, 55, 1) 49%, rgba(15, 15, 15, 1) 65%);padding: 22px 0px;position: relative;display: block;transition: ease 0.3s; padding: 5px;}
.page_information .sectionBtn3 a .inner_border {
	border: 1px solid #666; padding: 22px 0;
}
.page_information .sectionBtn3 a:before {content: '';display: block;top: 0;bottom: 0;margin: auto;right: 12px;width: 26px;height: 26px;background: url("../img/page/top/icon-arrow02.png") no-repeat center;background-size: contain;position: absolute;}
/* ホバー */
@media(hover: hover) {
	.page_information .sectionBtn3 a:hover {filter: brightness(1.1);}
}
.page_information .section02FlowWrap {width: 100%;margin: 0 auto;}
.page_information .section02FlowWrap > p {font-size: clamp(16px, 2vw, 24px);text-align: center;margin-bottom: 10px;}
.page_information .section02Flow {display: flex;flex-wrap: wrap;justify-content: center;}
.page_information .section02Flow_item {position: relative;width: 31%;background: #f7f7f7;padding: 0 20px 40px;margin: 0 1%;}
.page_information .section02Flow_item:after {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(38,79,89,0.7);}
.page_information .section02Flow_item:nth-child(1) {
	background: url("../img/page/top/section02Flow_img01_pc.jpg")no-repeat center center;
	background-size: cover;}
.page_information .section02Flow_item:nth-child(2) {
	background: url("../img/page/top/section02Flow_img02_pc.jpg")no-repeat center center;
	background-size: cover;}
/*.page_information .section02Flow_item:nth-child(3) {
	background: url("../img/page/top/section02Flow_img03_pc.jpg")no-repeat center center;
	background-size: cover;
}*/
.page_information .section02Flow_item div {position: relative;z-index: 1;}
.page_information .section02Flow_item .label {background: #c0ae72;font-size: 14px;width: fit-content;margin: 0 auto 30px;padding: 10px;text-align: center;}
.page_information .section02Flow_item .label span {display: block;font-size: 32px;line-height: 1;}
.page_information .section02Flow_item h4 {font-size: clamp(15px, 1.3vw, 24px);color: #c0ae72;line-height: 1.4;text-align: center;text-shadow: 0 0 10px #17313a;margin-bottom: 30px;}
.page_information .section02Flow_item p {font-size: clamp(13px, 1vw, 15px);line-height: 1.7;color: #fff;}

.page_information .limitedcontents {display: none;}
.page_information .limitedConWrap {}
.page_information .limitedConWrap > p {font-size: clamp(16px, 2vw, 24px);text-align: center;margin-bottom: 10px;}
.page_information .limitedCon {display: flex;flex-wrap: wrap;justify-content: space-between;}
.page_information .limitedCon_item {width: 32%; aspect-ratio: 4 / 3; position: relative;}
.page_information .limitedCon_item:before {
	content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);}
.page_information .limitedCon_item:nth-child(1) {
	background: url("../img/page/common/merit01.jpg")no-repeat center center;
	background-size: cover;}
.page_information .limitedCon_item:nth-child(2) {
	background: url("../img/page/common/merit02.jpg")no-repeat center center;
	background-size: cover;}
.page_information .limitedCon_item:nth-child(3) {
	background: url("../img/page/common/merit03.jpg")no-repeat center center;
	background-size: cover;}
.page_information .limitedCon_item h4 {font-size: clamp(13px, 1.4vw, 20px);position: relative;z-index: 3;display: flex;align-items: center;justify-content: center;height: 100%;color: #fff;text-align: center;}


.suumo {display: none; border-top: #cfcfcf 1px solid;text-align: center;}
.suumo_inner {cursor: pointer;max-width: 480px;margin: 0 auto;padding: 40px 0;border: 1px solid #939393;border-radius: 12px;transition: all 0.3s ease-in-out;position: relative;overflow: hidden;}
.suumo_inner:before {content: '';width: 100%;height: 100%;position: absolute;top: 0;left: 0;
	background: url("../img/page/top/suumo_bnr.jpg")no-repeat center center;background-size: cover;
	transform: scale(1);transition: all 0.3s ease-in-out;}
.suumo_inner::after {content: "";width: 100%;height: 100%;display: block;
	background: linear-gradient(to bottom, rgba(25,25,25,0.5) 0, #252525 100%);
	background: rgba(38, 53, 42, 0.6);
	position: absolute;top: 0;left: 0;z-index: 1;}
.suumo a {display: block;color: #fff;width: fit-content;margin: 0 auto;padding-bottom: 10px;position: relative;z-index: 2;}
.suumo a:before {content: '';position: absolute;left: 0;bottom: 0;margin: auto;width: 0;height: 1px;
	border: 0;background: #fff;transition: all 0.3s ease-in-out;}
.suumo h4 {font-size: clamp(16px, 1.8vw, 24px);margin-bottom: 10px;text-shadow: 0 0 8px #000;}
.suumo p {font-size: clamp(13px, 1.4vw, 18px);text-shadow: 0 0 8px #000;}
/* ホバー */
@media(hover: hover) {
	.suumo_inner:hover {filter: brightness(1.3);}
	.suumo_inner:hover a:before {width: 100%;}
	.suumo_inner:hover:before {transform: scale(1.03);}
}

@media screen and (max-width: 960px){
	.page_information {padding: 60px 0;}
	.page_information .inner {padding: 0 20px;}
	
	.infoConItem {padding-top: 30px;padding-bottom: 30px;}
	.infoConItem .flex_item {width: 100%;}
	.infoConItem .flex_item + .flex_item {margin-top: 40px;}
	
	.page_information .sectionBtn2 a:before {width: 22px;height: 22px;}
}
@media screen and (max-width: 640px){
	.page_information .section02FlowWrap {/*padding: 20px 10px 10px;*/}
	.page_information .section02Flow_item {width: 100%;display: flex;flex-wrap: wrap;padding: 0 15px 20px;margin-top: 15px;}
	.page_information .section02Flow_item .label {width: 13%;font-size: 10px;margin: 0;padding: 20px 0 0;}
	.page_information .section02Flow_item .label span {font-size: 20px;}
	.page_information .section02Flow_item .label + div {width: 85%;padding-left: 15px;padding-top: 20px;}
	.page_information .section02Flow_item h4 {text-align: left;margin-bottom: 10px;}
	
	.page_information .limitedCon_item {width: 100%;aspect-ratio: 3 / 1;}
	.page_information .limitedCon_item + .limitedCon_item {margin-top: 15px;}
	
	.suumo a:before {width: 100%;}
}










/* content_nav */
#content_nav {margin-top: 100px;}
#content_nav ul {display: flex;flex-wrap: wrap;}
#content_nav li {width: 24%; margin: .5%;}
#content_nav a {position: relative;display: block;}
.content_nav_title {font-size: clamp(14px, 2.2vw, 42px); color: #fff;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;z-index: 3;}
.content_nav_title small {display: block;}
.content_nav_image {position: relative;z-index: 0;}
.content_nav_image figure {overflow: hidden;}
.content_nav_image figure img {transition: all .6s;}
.content_nav_image:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 1;}

/* ホバー */
@media (hover: hover) {
	#content_nav a:hover .content_nav_image figure img {
		transform: scale(1.1);
	}
}
/* */
@media screen and (max-width: 640px){
	#content_nav {margin-top: 60px;}
	#content_nav li {width: 48%; margin: 1%;}
}










/* cvBnr_wrap */
.cvBnr_wrap {margin-top: 40px;}
.cvBnr {max-width: 780px;margin: 20px auto 0;height: 240px;display: flex;align-items: center;
	background: #151515;color: #fff;border-radius: 12px;position: relative;overflow: hidden;transition: all 0.3s ease-in-out;}
.cvBnr .caption {background: none;bottom: 5px;right: 5px;}
.cvBnr_left {width: 55%;padding-left: 40px;z-index: 3;}
.cvBnr_left .cvBnr_title {position: relative;display: flex;align-items: center;margin-bottom: 10px;}
.cvBnr_left .cvBnr_title_item p {font-size: clamp(16px, 2vw, 28px);}
.cvBnr_left .cvBnr_title_icon {margin-left: 12px;}
.cvBnr_left .cvBnr_title_icon img {width: 28px;padding-bottom: 6px;}
.cvBnr_text {font-size: clamp(12px, 1.4vw, 15px);}
.cvBnr_backImg {width: 45%;height: 100%;position: relative;overflow: hidden;}
.cvBnr_backImg::before {content: "";width: 100%;height: 100%;display: block;background: linear-gradient(to left, rgba(157, 140, 89, 0) 0%, #151515 100%);position: absolute;top: 0;left: 0;z-index: 2;}
.cvBnr_backImg::after {content: "";width: 100%;height: 100%;display: block;
	background: url("../img/page/common/cvbnr_img01.jpg")no-repeat center right;background-size: cover;transform: scale(1);
	position: absolute;top: 0;left: 0;z-index: 0;transition: all 0.3s ease-in-out;
}
/* ホバー */
@media(hover: hover) {
	.cvBnr:hover {filter: brightness(1.3);}
	.cvBnr:hover .cvBnr_backImg:after {transform: scale(1.04);}
}
@media (max-width: 980px) {
	.cvBnr_wrap {margin-top: 20px;}
  .cvBnr {flex-direction: column;height: auto;}
	.cvBnr_left {width: 100%;padding: 20px;padding-right: 5px;position: absolute;}
	.cvBnr_left .cvBnr_title_icon img {width: 22px;padding-bottom: 2px;}
	.cvBnr_backImg {width: 100%;height: 130px;}
}