@charset "utf-8";

/* Breadcrumb
--------------------*/
.breadarea *,
.breadarea *:after,
.breadarea *:before{
	-webkit-box-sizing:border-box;
	box-sizing:border-box;}
.breadarea{
	box-sizing:border-box;
	display:table;
	width:100%;
	margin:20px auto;
	width:calc(100% - 40px);}
.breadarea a{
	text-decoration:none;}
.breadarea .breadcrumb{
	padding-left:0;
	margin-top:0;
	margin-bottom:0;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
	margin:0 auto;
	width:100%;
	max-width:1100px;}
.breadarea li{
	display:inline-block;
	position:relative;
	padding-right:calc(16px + 8px);
	color:#808080;}
.breadarea li::before{
	content:'';
	width:8px;
	height:8px;
	border-top:1px solid #000;
	border-right:1px solid #000;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:calc(50% - 4px);
	right:0.6em;
	-webkit-transition:all .3s ease 0s;
	-o-transition:all .3s ease 0s;
	transition:all .3s ease 0s;}
.breadarea li:last-child{
	margin-right:0;
	padding-right:0;}
.breadarea li:last-child::before{
	content:normal;}
.breadarea li span{
	color:#fff;}

/* Page header
--------------------*/
#page-header{
	display:flex;
	align-items:center;
	justify-content:center;
	margin:60px 0 0;
	width:100%;
	height:250px;
	position:relative;
	background-size:cover;
	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../img/common_head.webp);}
#page-header .title{
	color:#231815;
	letter-spacing:3px;
	font-weight:bold;
	text-align:center;
	font-size:25px;
	padding:0;
	margin:0;
	background-color:transparent;}
@media only screen and (min-width:1024px){
	#page-header{
		margin:0;
		height:400px;
	  background-position:top 30% center;}
	#page-header .title{
		font-size:40px;}
}

/* Page numbers
--------------------*/
.nav-links{
	display:flex;
	justify-content:center;
	margin:38px auto 0;
	gap:10px;}
.current{
	background:#FFF !important;
	border:1px solid #8bc53f;
	color:#242526 !important;}
.page-numbers{
	display:flex;
	padding:10px 14px;
	color:#FFF;
	background:#8bc53f;
	text-decoration:none;
	border-radius:5px;
	box-sizing:border-box;
	height:35px;
	align-items:center;
	justify-content:center;}

/* Heading
--------------------*/
.main-head{
	background:linear-gradient(90deg,rgba(133, 178, 47, 1) 0%, rgba(255, 255, 255, 1) 100%);
	padding:10px 20px!important;
	font-size:18px!important;
	color:#FFF;
	margin:0 0 10px;
	font-weight:bold;
	letter-spacing:3px;
	border:none!important;}
@media only screen and (min-width:768px){
	.main-head{
		padding:10px 30px!important;
		font-size:24px!important;}
}

/* Heading Contents
--------------------*/
.heading-main{
	margin:60px 0 0;
	position:relative;
	background:#f4f2bb;}
.heading-main::before,
.heading-main::after{
	content:'';
	display:block;
	margin:auto;
	position:absolute;
	width:100%;
	height:100%;
	background-size:contain;
	background-repeat:no-repeat;}
.heading-main.A-bg{
	padding:5% 20px 15%;}
.heading-main.A-bg::before,
.heading-main.C-bg::before{
	top:0;
	left:0;}
.heading-main.A-bg::after,
.heading-main.C-bg::after{
	bottom:0;
	left:0;
	background-position:bottom;}
.heading-main.A-bg::before{
	background-image:url(../img/deco/deco1.svg);}
.heading-main.A-bg::after{
	background-image:url(../img/deco/deco2.svg);}
.heading-main.B-bg{
	padding:5% 20px 30px;}
.heading-main.B-bg::before{
	top:0;
	left:0;
	background-image:url(../img/deco/deco1.svg);}
.heading-main.B-bg::after{
	display:none;}
.heading-main.C-bg{
	padding:5% 20px 10%;}
.heading-main.C-bg::before{
	background-image:url(../img/deco/deco3.svg);}
.heading-main.C-bg::after{
	background-image:url(../img/deco/deco4.svg);}
.heading-inner{
	z-index:2;
	position:relative;}
.heading-main-top,
.heading-main-bottom{
	margin-left:auto;
	margin-right:auto;
	max-width:800px;}
.heading-main-top{
	z-index:1;
	margin-bottom:20px;}
.heading-main-top h2{
	background-color:transparent!important;
	padding:0!important;
	margin:0 0 15px!important;}
.heading-main-top h2,
.heading-main-top figure{
	text-align:center;}
.heading-contents{
	position:relative;}
.heading-middle{
	margin:auto;}
.label-box{
	margin:45px auto 0;
	position:relative;
	border:3px solid #8ABA28;
	background:#FCFBDC;
	max-width:660px;
	padding:30px 20px 20px;
	box-sizing:border-box;}
.label-box::after{
	position:absolute;
	content:'';
	top:0;
	left:0;
	width:0;
	height:0;
	border-style:solid;
	border-width:25px 25px 0px 0px;
	border-color:#8ABA28 transparent transparent transparent;}
.label-txt{
	background:#8ABA28;
	position:absolute;
	display:inline-flex;
	font-size:20px;
	justify-content:center;
	align-items:center;
	top:-20px;
	left:0;
	right:0;
	height:40px;
	width:160px;
	text-align:center;
	margin:auto!important;
	border-radius:25px;
	line-height:25px;
	color:#FFF;
	font-weight:bold;}
.label-list li{
	list-style-type:none;
	position:relative;
	padding:0 0 0 25px;
	display:table;
	margin:auto;}
.label-list li::after{
	position:absolute;
	top:.55em;
	left:0;
	z-index:2;
	content:'';
	width:15px;
	height:15px;
	border-radius:10px;
	background-color:#8ABA28;}
.heading-img-abs{
	margin:30px auto 0;
	display:flex;
	justify-content:space-between;
	gap:20px;}
.heading-img-abs figure{
	width:200px;}
.heading-img-abs.wide{
	width:100%;}
.heading-acs{
	position:relative;
	border:3px solid #8ABA28;
	background:#FCFBDC;
	max-width:660px;
	padding:20px;
	box-sizing:border-box;}
.heading-acs-ttl,
.heading-acs-txt{
	letter-spacing:2px;}
.heading-acs-ttl{
	border:none!important;
	padding:0!important;
	text-align:center;
	margin:0 0 10px!important;
	font-size:20px!important;}
.heading-acs-txt{
	font-size:14px!important;
	line-height:1.8;
	display:table;
	margin:auto!important;}
.heading-img-abs.wide{
	width:calc(100% + 40px);
	margin:30px 0 -30px -20px;}
.heading-img-abs.wide figure{
	width:40%;}
@media only screen and (min-width:1024px){
	.heading-main{
		margin:0;}
	.heading-main.B-bg{
		padding:5% 20px 50px;}
	.heading-main-bottom p{
		font-size:18px;}
	.label-box{
		padding:30px 30px 20px;}
	.label-list li{
		font-size:18px;}
	.label-list li::after{
		width:20px;
		height:20px;
		top:.5em;}
	.heading-acs-ttl,
	.heading-acs-txt{
		font-size:16px!important;
		letter-spacing:2px;}
	.heading-acs-ttl{
		font-size:22px!important;}
	.heading-acs-txt{
		font-size:16px!important;}
	.heading-img-abs.wide{
		width:calc(100% + 40px);
		margin:30px 0 -50px -20px;}
	.heading-img-abs.wide figure{
		width:30%;}
}
@media only screen and (min-width:1400px){
	.heading-img-abs figure{
		width:12%;}
	.heading-img-abs{
		position:absolute;
		width:100%;
		bottom:0;
		z-index:-1;}
	.heading-img-abs.wide figure{
		width:20%;}
}
@media only screen and (min-width:1480px){
	.heading-img-abs figure{
		width:15%;}
}

/* Room
--------------------*/
.room-photo{
	margin:20px 0 0;}
.room-photo:first-child{
	margin:0;}
.room-photo-ttl{
	text-align:center;
	margin:0 0 15px;
	align-items:center;}
.room-photo-row{
	display:flex;
	flex-wrap:wrap;}
.room-photo-col{
	width:calc(50% - 5px);}
.room-photo-col:nth-child(odd){
	margin:5px 5px 0 0;}
.room-photo-col:nth-child(even){
	margin:5px 0 0 5px;}
.room-photo-col:nth-child(1){
	margin:0 5px 0 0;}
.room-photo-col:nth-child(2){
	margin:0 0 0 5px;}
.room-photo-col img{
	width:100%;}
.room-img-pic{
	display:flex;
	align-items:end;
	justify-content:end;
	margin:20px 0 0;}
.room-main-bottom{
	z-index:2;}
.room-photo-list{
	background:#FCF5C8;
	padding:15px 20px;}
.room-photo-list ul li{
	list-style-type:none;
	position:relative;
	padding:0 0 0 25px;
	margin:0 20px 0 0;}
.room-photo-list ul li:last-child{
	margin:0;}
.room-photo-list ul li::after{
	position:absolute;
	top:.55em;
	left:0;
	z-index:2;
	content:'';
	width:15px;
	height:15px;
	border-radius:10px;
	background-color:#8ABA28;}
.room-photo-list ul.float{
	display:table;}
.room-photo-list ul.float li{
	float:left}
.room-make{
	width:100%;
	max-width:807px;
	margin:0 0 0 auto!important;}
.room-make span{
	display:table;
	margin:auto;}
@media only screen and (min-width:1024px){
	.room-photo{
		display:flex;
		gap:20px;}
	.room-photo-ttl{
		display:flex;
		align-items:center;
		width:176px;}
	.room-photo-box{
		width:calc(100% - 176px);}
	.room-photo-col{
		width:calc(50% - 10px);}
	.room-photo-col:nth-child(odd){
		margin:20px 10px 0 0;}
	.room-photo-col:nth-child(even){
		margin:20px 0 0 10px;}
	.room-photo-col:nth-child(1){
		margin:0 10px 0 0;}
	.room-photo-col:nth-child(2){
		margin:0 0 0 10px;}
	.room-img-with{
		display:flex;
		flex-wrap:wrap;
		align-items:end;
		justify-content:space-between;}
	.room-img-pic{
		width:calc(20% - 20px);
		margin:0 0 0 20px;}
	.room-img-txt{
		width:80%;}
	.room-photo-list{
		padding:20px;}
	.room-photo-list ul li{
		font-size:20px;
		margin:0 30px 0 0;}
	.room-photo-list ul li::after{
		top:.55em;
		width:20px;
		height:20px;}
	.room-photo-ttl.photo-1,
	.room-photo-ttl.photo-2{
		position:relative;}
	.room-photo-ttl.photo-1 img,
	.room-photo-ttl.photo-2 img{
		position:absolute;
		width:172px;}
	.room-photo-ttl.photo-1 img{
		top:18%;}
	.room-photo-ttl.photo-2 img{
		top:9%;}
}

/* Schedule Table
--------------------*/
.skd-tbl table{
	width:auto!important;}
.skd-tbl tr,
.skd-tbl th,
.skd-tbl td{
	border:none!important;}
.skd-tbl th,
.skd-tbl td{
	padding-top:0;
	padding-bottom:15px;
	border:none!important;
	line-height:1.8;}
.skd-tbl th{
	font-weight:normal;
	position:relative;
	vertical-align:top;
	padding:0 25px 0 16px;}
.skd-tbl td{
	padding-left:0;
	padding-right:0;}
.skd-tbl tr:last-child th,
.skd-tbl tr:last-child td{
	padding-bottom:0;}
.skd-tbl th::before,
.skd-tbl th::after{
	position:absolute;}
.skd-tbl th::before{
	content:'\ff1a';
	top:0;
	right:5px;}
.skd-tbl th::after{
	content:'';
	top:14px;
	left:3px;
	width:3px;
	height:3px;
	border-radius:3px;
	background:#000;}

/* Basic Table
--------------------*/
.basic-tbl{
	width:100%;
	border-collapse:separate;
	border-spacing:0 3px;
	width:100%;}
.basic-tbl th,
.basic-tbl td{
	box-sizing:border-box;
	font-weight:bold;}
.basic-tbl th{
	padding:15px;
	width:15%;
	background:#8fc31f;
	color:#fff;
	text-align:center;
	vertical-align:middle;}
.basic-tbl td{
	padding:15px 15px 15px 40px;
	position:relative;
	width:85%;
	color:#42210b;
	background:#fff;}
.basic-tbl tr:nth-child(odd) td{
	background:#e9f3d2;}
.basic-tbl td::after{
	content:'';
	position:absolute;
	top:0;
	left:-1px;
	width:25px;
	height:100%;
	clip-path:polygon(0 0, 0% 100%, 100% 49%);
	background:#8fc31f;}
@media only screen and (max-width:1023px){
	.basic-tbl{
		width:100%;
		border-spacing:0;
		margin:0;}
	.basic-tbl th,
	.basic-tbl td{
		display:block;
		width:100%;
		text-align:left;}
	.basic-tbl th{
		padding:10px;
		text-align:left;}
	.basic-tbl td{
		padding:30px 10px 10px;}
	.basic-tbl td::after{
		width:100%;
		height:20px;
		clip-path:polygon(100% 0, 50% 100%, 0 0);}
}

/* List
--------------------*/
.disc li{
	list-style-type:none;
	position:relative;
	padding:0 0 0 20px;}
.disc li::after{
	position:absolute;
	top:.65em;
	left:0;
	z-index:2;
	content:'';
	width:15px;
	border-radius:10px;
	height:15px;
	background-color:#42210b;}
.dot-list li{
	list-style-type:none;
	position:relative;
	padding:0 0 0 35px;
	margin:0 0 10px;
	font-size:18px;}
.dot-list li:last-child{
	margin:0;}
.dot-list li::after{
	position:absolute;
	top:0.4em;
	left:0;
	z-index:2;
	content:'';
	border-radius:50px;
	width:25px;
	height:25px;
	background-color:#DDEDBC;}
.check-list{
	display:table;
	margin:auto;}
.check-list li{
	padding:5px 0 5px 40px;
	position:relative;}
.check-list li::after{
	content:'';
	position:absolute;
	top:8px;
	left:0;
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../img/check.svg);
	width:30px;
	height:28px;}
@media only screen and (min-width:1024px){
	.dot-list li{
	    font-size:20px;
	    padding:0 0 0 50px;
		margin:0 0 20px;}
	.dot-list li::after{
		top:0;
		width:40px;
		height:40px;}
	.check-list li{
		font-size:18px;
		padding:5px 0 5px 45px;}
	.check-list li::after{
		width:35px;
		height:33px;
		top:5px;}
}

/* Column
--------------------*/
.postrow{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;}
.postcol{
	margin:30px 0 0;
	width:100%;}
.postcol:first-child{
	margin:0;}
@media only screen and (min-width:1024px){
	.postcol.col-2{
		width:calc(50% - 10px);}
	.postcol.col-2:nth-child(odd){
		margin:20px 10px 0 0;}
	.postcol.col-2:nth-child(even){
		margin:20px 0 0 10px;}
	.postcol.col-2:nth-child(1){
		margin:0 10px 0 0;}
	.postcol.col-2:nth-child(2){
		margin:0 0 0 10px;}
	.postcol.col-3{
		width:calc(100%/3 - 20px);
		margin:30px 30px 0 0;}
	.postcol.col-3:nth-child(3n){
		margin:30px 0 0;}
	.postcol.col-3:nth-child(-n+2){
		margin:0 30px 0 0;}
	.postcol.col-3:nth-child(3){
		margin:0;}
	.postcol.col-4{
		width:calc(25% - 15px);
		margin:40px 20px 0 0;}
	.postcol.col-4:nth-child(4n){
		margin:40px 0 0;}
	.postcol.col-4:nth-of-type(-n+4){
		margin:0 20px 0 0;}
	.postcol.col-4:nth-of-type(4){
		margin:0 0 0;}
}

/* Memo
--------------------*/
.memo-box,
.check-box{
	width:calc(100% - 40px);
	box-sizing:border-box;
	position:relative;
	border:2px solid #040000;
	border-radius:10px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;}
.memo-box{
	padding:20px 20px 20px 30px;
	box-shadow:10px 10px 0px 0px #8ABA28;}
.memo-box::after{
	content:'';
	position:absolute;
	top:-5px;
	left:-10px;
	background-size:contain;
	background-position:top;
	background-repeat:repeat-y;
	background-image:url(../img/clip.svg);
	width:21px;
	height:100%;}
.check-bale{
	margin:20px 0 0;
	padding:20px 0;}
.check-box{
	max-width:860px;
	padding:20px;}
.check-box::before,
.check-box::after{
	content:'';
	position:absolute;}
.check-box::before{
	bottom:0;
	left:0;
	border-radius:10px;
	width:100%;
	height:100%;
	background:#8ABA28;
	z-index:-1;
	transform:rotate(3deg);}
.check-box::after{
	width:60px;
	height:50px;
	top:-11px;
	right:-3px;
	background-size:contain;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url(../img/pin.svg);}
.memo-ttl,
.check-ttl{
	display:table;
	border:none!Important;
	padding:0 5px 5px;
	margin-bottom:5px !important;
	background:linear-gradient(transparent 65%, #FAF1B4 65%);}
.check-ttl{
	text-align:center;
	margin-left:auto;
	margin-right:auto;}
@media only screen and (min-width:1024px){
	.memo-box{
		padding:24px 20px 24px 30px;}
	.check-bale{
		margin:30px 0 0;}
	.check-box{
		padding:24px 20px;}
	.check-box::after{
		width:56px;
		height:75px;
		top:-16px;
		right:30px;}
}

/* Access
--------------------*/
.acs-card{
	margin:20px auto 0;
	width:250px;
	background:#FFF8CA;
	padding:20px;
	border-radius:20px;
	box-sizing:border-box;}
.acs-card:first-child{
	margin:auto;}
.acs-card h4{
	color:#006837;
	margin:10px 0 5px!important;
	border:none!important;
	text-align:center!important;}
.acs-card p{
	text-align:center;
	font-size:14px;}
.loose-row{
	max-width:950px;
	margin:auto;}
.loose-card{
	margin:20px auto 0;
	width:calc(100% - 40px);
	box-sizing:border-box;
	position:relative;
	border:2px solid #040000;
	border-radius:10px;
	background:#FFF;
	margin-left:auto;
	margin-right:auto;}
.loose-card{
	padding:20px 20px 20px 30px;
	box-shadow:10px 10px 0px 0px #8ABA28;}
.loose-card::after{
	content:'';
	position:absolute;
	top:5px;
	left:-10px;
	background-size:contain;
	background-position:top;
	background-repeat:repeat-y;
	background-image:url(../img/clip.svg);
	width:20px;
	height:calc(100% - 8px);}
.loose-card:first-child{
	margin:auto;}
.loose-card h4{
	list-style-type:none;
	position:relative;
	padding:0 0 0 25px!important;
	border:none!important;
	font-size:18px!important;
	margin:0 auto 15px!important;}
.loose-card h4::after{
	position:absolute;
	top:.2em;
	left:0;
	z-index:2;
	content:'';
	width:20px;
	height:20px;
	border-radius:10px;
	background-color:#8ABA28;}
.loose-card figure{
	margin:0 0 15px;}
@media only screen and (min-width:1024px){
	.acs-row{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;}
	.acs-card{
		padding:20px 25px;}
	.acs-card:nth-child(odd){
		margin:0 30px 0 0;}
	.acs-card:nth-child(even){
		margin:0 0 0 30px;}
	.loose-row{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;}
	.loose-card{
		padding:20px 25px;
		width:calc(50% - 20px);}
	.loose-card:nth-child(odd){
		margin:0 20px 0 0;}
	.loose-card:nth-child(even){
		margin:0 0 0 20px;}
	.loose-bale{
		width:calc(100% - 20px);
		margin:auto;}
	.loose-card h4{
		display:table;
		font-size:22px!important;}
	.loose-card h4::after{
		top:.25em;}
}
@media only screen and (min-width:1440px){
	.loose-bale{
		width:calc(100% - 40px);}
	.loose-card h4{
		font-size:24px!important;}
}

/* Google Map
--------------------*/
.g-map{
	position:relative;
	width:100%;
	padding-top:56.25%;
	height:0;}
.g-map iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;}