@charset "UTF-8";
/*==============
    共通ブロック
================*/


/* ------------------------------
    btn
------------------------------ */

.btn1{
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background: #EBB5AF;
	color: #fff;
	height: 80px;
	width: 460px;
	line-height: 1.6;
	padding-top: 0.3em;
	font-size: 20px;
}
.btn1 .num{
	font-size: 2.6rem;
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
}
.btn_gr{
	background: #658873;
}

.telbtn:hover{
	opacity: 1;
}
.ipad .telbtn{ pointer-events:none;}

.btnbox a{
	display: flex;
}
@media screen and (min-width: 769px) {
	.btnbox{
		display: flex;
		justify-content: center;
	}
	.btn_narrow{width: 366px;}
	.btn_narrow + .btn_narrow{margin-left: 30px;}
	.btnbox + .btnbox{
		margin-top: 20px;
	}
	.telbtn{
		pointer-events:none;
		cursor: default;
	}
}
@media screen and (max-width: 768px) {
	.btn1, .flow1btn{
		display: block;
		text-align: center;
		height: auto;
		width: 100%;
		line-height: 1.3;
		padding: 5vw 2vw 4.6vw;
		font-size: 16px;
	}
	.flow1btn{
		background: #EBB5AF;
		color: #fff;
	}
	.btn1 .num{
		font-size: 6.4vw;
		margin-left: 4vw;
	}

	.btn1 + .btn1{
		margin-top: 1.8vw;
	}
	.btnbox + .btnbox{
		margin-top: 8vw;
	}

}


/* ------------------------------
    hotels
------------------------------ */
#hotels{
	/*padding: 60px 0;*/
	max-width: 1000px;
	margin: 0 auto;

}
#hotels .ttl{
	line-height: 1;
	text-align: center;
	font-size: 2.2rem;
	margin-bottom: 118px;
	letter-spacing: 0.05em;
}
#hotels ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
}
#hotels li{
	font-size: 1.6rem;
	letter-spacing: -0.02em;
	line-height: 1.2;
	list-style: none;
}
#hotels li img{
	margin-bottom: 20px;
}

@media screen and (min-width: 769px) {
	#hotels{}
	#hotels ul{

	}
	#hotels li{
		width: 210px;
		margin-left: 53px;
	}
	#hotels li:nth-child(4n+1){
		margin-left: 0;
	}
	#hotels li:nth-child(n+5){
		margin-top: 45px;
	}
}

@media screen and (max-width: 768px) {
	#hotels {
		padding: 20px;
	}
	#hotels .ttl{
		font-size: 20px;
		margin-bottom: 17.6vw;
		letter-spacing: 0;
		padding-top:90px;
	}
	#hotels ul{
		justify-content: space-between;
	}
	#hotels li{
		width: 42.5vw;
		font-size: 20px;
	}
	#hotels li img{
		margin-bottom: 2.6vw;
	}
	#hotels li:nth-child(n+3){
		margin-top: 9.3vw;
	}

}


/* ------------------------------
    discount
------------------------------ */
#discount{
}
.discount1{
	background: url(/bundles/web/img/discount1_pc.png) bottom center no-repeat;
	background-size: contain;
	padding: 60px 0 462px;
}
.discount1 .ttl{
	font-size: 3rem;
	margin-bottom: 25px;
	letter-spacing: 0.05em;
}
.discount1 .ttl .date{
	display: block;
}
.discount1 .ttl .small{
	font-size: 2rem;
}
.discount1 .ttl .kome{
	font-size: 1.6rem;
}

.discount2{
	padding: 100px 0;
}
.discount2 .ttl{
	font-size: 3rem;
	margin-bottom: 18px;
	letter-spacing: 0.05em;
}
.discount2 .ttl_lead{
	font-size: 1.8rem;
	line-height: 1;
}
.discount2 .pullbtn{
	position: relative;
	font-size: 1.6rem;
	margin: 40px auto 0;
	width: 6em;
	line-height: 1;
}
.discount2 .pullbtn img{
	width: 35px;
	display: block;
	margin: 0 auto;
}
.discount2 .pullbtn .txt1{
	display: block;
	margin-bottom: 1em;
}
.discount2 .pullbtn .txt2{
	display: block;
	margin-top: 1em;
}
.discount2 .pullbtn .txt2{display: none;}
.discount2 .pullbtn.close .txt1{display: none;}
.discount2 .pullbtn.close .txt2{display: block;}
.discount2 .pullbtn.close img{
	transform: rotate(180deg);
}




/*--中身--*/
.discount2 .pullcontent{
	padding-top: 50px;
	padding-bottom: 40px;
	font-size: 1.6rem;
	display: none;
}
.example{
	line-height: 1;
}
.example + .example{
	margin-top: 60px;
}
.example .ex_ttl{
	line-height: 1;
	border-bottom: 2px solid #1A1311;
	padding-bottom: 1em;
	padding-left: 3.2em;
}
.example ul{
	padding-top: 0.4em;
}
.example li{
	margin-top: 1.4em;
}
.example li span{
	display: inline-block;
	text-align: right;
}
.example .txt_gr{
	color: #399D26;
}
.ex_txt1{
	width: 210px;
}
.ex_txt2{
	width: 94px;
	letter-spacing: 0.1em;
}
.ex_txt3{
	padding-left: 0.5em;
	font-size: 1.2rem;
}
.example .ex_ttl{
}



.ex_info{
	margin-top: 80px;
	font-size: 1.4rem;
}
@media screen and (min-width: 769px) {
	.discount2 .pullcontent{
		width: 630px;
		margin: 0 auto;
	}
}

@media screen and (max-width: 768px) {
	#discount{
	}
	.discount1{
		background: url(/bundles/web/img/discount1_sp.png) bottom center no-repeat;
		background-size: contain;
		padding: 13vw 0 66vw;
	}
	.discount1 .ttl{
		font-size: 6.1vw;
		margin-bottom: 10vw;
		line-height: 1.65;
		white-space: nowrap;
	}
	.discount1 .ttl .num_wide{
		letter-spacing: 0.05em!important;
	}

	.discount1 .ttl .date{
		display: block;
		/*margin-bottom: 2.6vw;*/
		font-size: 7.2vw;
	}
	.discount1 .ttl .small{
		font-size: 4.8vw;
	}
	.discount1 .ttl .kome{
		font-size: 3.4vw;
	}

	.discount2{
		padding: 10.6vw 0 12vw;
	}
	.discount2 .ttl{
		font-size: 6.1vw;
		margin-bottom: 9.8vw;
		line-height: 1.6;
	}
	.discount2 .ttl_lead{
		font-size: 5.8vw;
	}
	.discount2 .pullbtn{
		font-size: 4.2vw;
		margin: 8vw auto 0;
		width: 6em;
	}
	/*--中身--*/
	.discount2 .pullcontent{
		padding-top: 8vw;
		padding-bottom: 10vw;
		font-size: 4.2vw;
	}
	.example + .example{
		margin-top: 10vw;
	}
	.example .ex_ttl{
		padding-bottom: 0.4em;
		font-size: 4.8vw;
		padding-left: 0;
	}
	.example ul{
		padding-top: 0.4em;
	}
	.example li{
		margin-top: 0.8em;
	}
	.ex_txt1{
		width: 43vw;
	}
	.ex_txt2{
		width: 5em;
	}
	.ex_txt3{
		display: block;
		padding: 0.4em 0.5em 0.2em 0;
		width: 100%;
		font-size: 3.7vw;
	}
	.example .ex_ttl{
	}

	.ex_info{
		margin-top: 11vw;
		font-size: 4.2vw;
	}
}


/* ------------------------------
    yoyaku_lead
/*------------------------------ *!*/
/*.yoyaku_lead{*/
/*	background: #EEEFB7;*/
/*	padding: 50px 0 42px;*/
/*}*/
/*.yoyaku_lead .ttl{*/
/*	font-size: 3rem;*/
/*	line-height: 1;*/
/*	margin-bottom: 40px;*/
/*	letter-spacing: 0.05em;*/
/*}*/


/* ------------------------------
    covid19
------------------------------ */
#covid19{
	background: #EBB5AF;
	padding: 60px 0 56px;
}
#covid19 .ttl{
	font-size: 2.2rem;
	line-height: 1;
	margin-bottom: 55px;
	color: #fff;
	letter-spacing: 0.05em;
}
#covid19 .box{
	background: #fff;
	border-radius: 40px;
	padding: 27px;
	color: #644C3D;
}
#covid19 .lead{
	margin-bottom: 34px;
	line-height: 1.6;
	font-size: 1.6rem;
}
#covid19 .img{
}
#covid19 .txt{
}
#covid19 .txt ul{
}
#covid19 .txt li{
	display: flex;
	align-items: center;
	line-height: 1.1;
}
#covid19 .txt li+li{
	margin-top: 10px;
}
#covid19 .txt li p{
	font-size: 1.8rem;
	padding-left: 1em;
}
#covid19 .txt li img{
	width: 23px;
}


@media screen and (min-width: 769px) {
	#covid19 .img{
		width: 210px;
		margin-right: 64px;
	}
	#covid19 .txt{
	}
}

@media screen and (max-width: 768px) {
	#covid19{
		padding: 16vw 0 11.4vw;
	}
	#covid19 .ttl{
		font-size: 5.8vw;
		margin-bottom: 8.9vw;
		line-height: 1.5;
	}
	#covid19 .box{
		border-radius: 10vw;
		padding: 8.5vw 4vw 6vw;
	}
	#covid19 .lead{
		margin-bottom: 3vw;
		line-height: 1.6;
		font-size: 4.2vw;
	}
	#covid19 .img{
		margin: 0 auto 3.2vw;
		width: 32vw;
	}
	#covid19 .txt{
	}
	#covid19 .txt ul{
		padding-left: 5vw;
	}
	#covid19 .txt li{
	}
	#covid19 .txt li+li{
		margin-top: 2.6vw;
	}
	#covid19 .txt li p{
		font-size: 4.2vw;
		padding-left: 0.5em;
	}
	#covid19 .txt li img{
		width: 5vw;
	}

}