@charset "utf-8";
/* CSS Document */

#area ul li:after,
.area_map dl dd .head,
.facility_list li .plan dl dt:before,
.event .plan dl dt:before,
.detail_main ul.tab li.active,
.bx-controls-direction a,
.average_data h4,
div.event h4,
.banquet_list thead th,
#confirmBox h1,
#confirmOverlay #confirmBox h1,
section.facility h3:before,
section.recommend h3:before,
section.plan h3:before {
	background-color: #00944b;
}
.side section h3 {
	background-color: #21a635;
}
#area ul li:before,
.facility_list li .pr:after,
.facility_list li ul.slider button:before,
.facility_list li ul.slider button:after,
.facility_list li .number .head,
.facility_list li .price .head,
.facility_info .number .head,
.facility_info .outline .head,
.facility_list li .plan dl dt a:before,
.facility_list li .plan dl dt:not(.open) a:before,
.facility_list li ul.button li a,
.side section.area a:before,
#estimate-box ul li:first-child a,
.sub_left:before,
.sub_right:before,
div.event,
div.event .plan dl,
.average_data dl dt,
.facility_list li .pr.ellipsis:after,
.detail_main .tab + .pr.ellipsis:after,
.facility_list li .pr.ellipsis.open:after,
.detail_main .tab + .pr.ellipsis.open:after,
section.recommend h3:before,
section.plan h3 > span,
section.facility h3 > span,
.area_text caption span {
	border-color: #00944b;
}
section.plan h3 > span:before,
section.facility h3 > span:before,
.area_text caption span:before,
.facility_list li .plan dl dt,
.facility_list li .plan dl dd {
	border-top-color: #00944b;
}
.facility_list li .plan dl dt {
	border-bottom-color: #00944b;
}
#area button i {
	color: #00944b;
}
a,
.facility_list li .number .head,
.facility_list li .price .head,
.facility_info .number .head,
.facility_info .outline .head,
.facility_info .size .head,
.average_data dl dt {
	color: #00944b;
}
section.plan ul li ul li .detail h5,
section.about ul li h4,
section.flow ul li .number,
.plan ul li h5,
.plan ul li dl.plan_detail dt i {
	color: #00944b;
}
.area_text th,
.text h4,
section.plan ul li ul li .detail h5 {
	color: #00944b !important;
}
.area_text th {
	background-color: #daf2dd !important;
}
.text,
.area_text,
.area_text th,
.area_text td {
	border-color: #23AC38 !important;
}
.contents-foot ul li.all_area dl dd {
	max-width: calc(100% - 7.25em - 40px);
}

#area.yado {
	background-image: url(/img/yado/map.jpg);
	height: 475px;
	background-position: 50% 75%;
}
#child_form #area.yado {
	background-position-y: -40px;
	background-position-x: -105px;
}
#area.yado h3 {
	float: left;
	margin: 0 0 0 25px;
	font-size: 2.2rem;
    line-height: 100%;
    height: 51px;
    padding-top: calc((41px - 1em) / 2);
    padding-bottom: calc(((41px - 1em) / 2) + 10px);
    padding-left: 60px;
    position: relative;
    margin-bottom: 25px;
}
#area.yado input[type="button"],
#area.yado button {
	border-color: #00944b;
	float: none;
	margin: 3px 0 0 20px;
}
#area.yado ul {
	z-index: auto;
}
#area.yado ul li {
	z-index: 3;
}

.column-main #search #area.yado ul li:first-child,
.prettyContent #search #area.yado ul li:first-child				{ top: 50px;	left: 602px;}	/* 北海道 */

.column-main #search #area.yado ul li:nth-child(2),
.prettyContent #search #area.yado ul li:nth-child(2)		{ top: 120px;	left: 602px;}	/* 東北 */

.column-main #search #area.yado ul li.hokuriku_resort,
.prettyContent #search #area.yado ul li.hokuriku_resort	{ left: 212px;}

.column-main #search #area.yado ul li:nth-child(3),
.prettyContent #search #area.yado ul li:nth-child(3)		{ top: 105px; }

.column-main #search #area.yado ul li:nth-child(4),
.prettyContent #search #area.yado ul li:nth-child(4)		{ top: 135px; }

.column-main #search #area.yado ul li.kanto_resort,
.prettyContent #search #area.yado ul li.kanto_resort		{ left: 602px;}

.column-main #search #area.yado ul li:nth-child(5),
.prettyContent #search #area.yado ul li:nth-child(5)		{ top: 190px; }

.column-main #search #area.yado ul li:nth-child(6),
.prettyContent #search #area.yado ul li:nth-child(6)		{ top: 220px; }

.column-main #search #area.yado ul li:nth-child(7),
.prettyContent #search #area.yado ul li:nth-child(7)		{ top: 250px; }

.column-main #search #area.yado ul li:nth-child(8),
.prettyContent #search #area.yado ul li:nth-child(8)		{ top: 280px; }

.column-main #search #area.yado ul li:nth-child(9),
.prettyContent #search #area.yado ul li:nth-child(9)		{ top: 310px; }

.column-main #search #area.yado ul li:nth-child(10),
.prettyContent #search #area.yado ul li:nth-child(10)		{ top: 340px; }

.column-main #search #area.yado ul li:nth-child(11),
.prettyContent #search #area.yado ul li:nth-child(11)		{ top: 370px; }

.column-main #search #area.yado ul li:nth-child(12),
.prettyContent #search #area.yado ul li:nth-child(12)		{ top: 400px; }

.column-main #search #area.yado ul li:nth-child(13),
.prettyContent #search #area.yado ul li:nth-child(13)		{ top: 430px; }

.column-main #search #area.yado ul li.tokai_resort,
.prettyContent #search #area.yado ul li.tokai_resort			{ left: 417px;}

.column-main #search #area.yado ul li:nth-child(14),
.prettyContent #search #area.yado ul li:nth-child(14)		{ top: 310px; }

.column-main #search #area.yado ul li:nth-child(15),
.prettyContent #search #area.yado ul li:nth-child(15)		{ top: 340px; }

.column-main #search #area.yado ul li:nth-child(16),
.prettyContent #search #area.yado ul li:nth-child(16)		{ top: 370px; }

.column-main #search #area.yado ul li:nth-child(17),
.prettyContent #search #area.yado ul li:nth-child(17)		{ top: 400px; }

.column-main #search #area.yado ul li:nth-child(18),
.prettyContent #search #area.yado ul li:nth-child(18)		{ top: 430px; }

.column-main #search #area.yado ul li.kansai_resort,
.prettyContent #search #area.yado ul li.kansai_resort		{ left: 32px;}

.column-main #search #area.yado ul li:nth-child(19),
.prettyContent #search #area.yado ul li:nth-child(19)		{ top: 105px; }

.column-main #search #area.yado ul li:nth-child(20),
.prettyContent #search #area.yado ul li:nth-child(20)		{ top: 135px; }

.column-main #search #area.yado ul li:nth-child(21),
.prettyContent #search #area.yado ul li:nth-child(21)		{ top: 165px; }

.column-main #search #area.yado ul li:nth-child(22),
.prettyContent #search #area.yado ul li:nth-child(22)		{ top: 195px; }

.column-main #search #area.yado ul li:nth-child(23),
.prettyContent #search #area.yado ul li:nth-child(23)		{ top: 225px; }

.column-main #search #area.yado ul li:nth-child(24),
.prettyContent #search #area.yado ul li:nth-child(24)		{ top: 255px; }

.column-main #search #area.yado ul li.chugoku_resort,
.prettyContent #search #area.yado ul li.chugoku_resort	{ left: 212px;}

.column-main #search #area.yado ul li:nth-child(25),
.prettyContent #search #area.yado ul li:nth-child(25)		{ top: 430px; }

.column-main #search #area.yado ul li.kyusyu_resort,
.prettyContent #search #area.yado ul li.kyusyu_resort		{ left: 32px;}

.column-main #search #area.yado ul li:nth-child(26),
.prettyContent #search #area.yado ul li:nth-child(26)		{ top: 356px; }

.column-main #search #area.yado ul li:nth-child(27),
.prettyContent #search #area.yado ul li:nth-child(27)		{ top: 386px; }

.column-main #search #area.yado ul li:nth-child(28),
.prettyContent #search #area.yado ul li:nth-child(28)		{ top: calc(386px + ((1.2rem * 1.2) * 2 + (30px - (1.2rem * 1.2)))); }

#area.yado ul li a {
	height: 30px;
	border: none;
	background: none;
	box-shadow: none;
	border-bottom: 1px dashed #dadada;
	box-sizing: content-box;
	padding-left: 30px;
	width: calc(165px - 30px);
	border-radius: 0;
}
#area.yado ul li:first-child a,
#area.yado ul li:nth-child(2) a,
#area.yado ul li:nth-child(4) a,
#area.yado ul li:nth-child(13) a,
#area.yado ul li:nth-child(18) a,
#area.yado ul li:nth-child(24) a,
#area.yado ul li:nth-child(25) a,
#area.yado ul li:nth-child(28) a {
	border: none;
}
#area.yado ul li:nth-child(27) a {
	height: auto;
	padding-top: calc((30px - 1.20em) / 2);
	padding-bottom: calc((30px - 1.20em) / 2);
}
#area.yado ul li a:before,
#area.yado ul li a.on:after {
	left: 15px;
}
#area.yado ul li a.on:after,
ul.yado_large_area li input[type="checkbox"]:checked + label:after {
	border-color: #f29e4c;
}
.bx-pager-item a.active:before {
	border-color: #f29e4c !important;
}

ul.yado_large_area,
ul.yado_large_area li  {
	z-index: 1;
}

ul.yado_large_area li:first-child		{ top: 20px;	left: 600px; }
ul.yado_large_area li:nth-child(2)	{ top: 90px;	left: 600px; }
ul.yado_large_area li:nth-child(3)	{ top: 75px;	left: 210px; }
ul.yado_large_area li:nth-child(4)	{ top: 160px;	left: 600px; }
ul.yado_large_area li:nth-child(5)	{ top: 280px;	left: 415px; }
ul.yado_large_area li:nth-child(6)	{ top: 75px;	left: 30px; }
ul.yado_large_area li:nth-child(7)	{ top: 400px;	left: 210px; }
ul.yado_large_area li:nth-child(8)	{ top: 326px;	left: 30px; }

ul.yado_large_area li:before,
ul.yado_large_area li:after {
	content: "";
	position: absolute;
	z-index: 0;
	display: block;
	border: 2px solid #21a635;
	box-sizing: border-box;
}
ul.yado_large_area li:before {
	border-radius: 10px;
	top: 20px;
	left: 0;
	width: 169px;
}
ul.yado_large_area li:first-child:before		{ height: 42px; }
ul.yado_large_area li:nth-child(2):before	{ height: 42px; }
ul.yado_large_area li:nth-child(3):before	{ height: 72px; }
ul.yado_large_area li:nth-child(4):before	{ height: 282px; }
ul.yado_large_area li:nth-child(5):before	{ height: 162px; }
ul.yado_large_area li:nth-child(6):before	{ height: 192px; }
ul.yado_large_area li:nth-child(7):before	{ height: 42px; }
ul.yado_large_area li:nth-child(8):before	{ height: calc(72px + ((1.2rem * 1.2) * 2 + (30px - (1.2rem * 1.2)))); }

ul.yado_large_area li:first-child:after {
	top: 50px;
	right: 100%;
	width: 70px;
	height: 0;
	border-width: 2px 0 0 0;
}
ul.yado_large_area li:nth-child(2):after {
	top: 50px;
	right: 100%;
	width: 115px;
	height: 0;
	border-width: 2px 0 0 0;
}
ul.yado_large_area li:nth-child(3):after {
	top: 70px;
	left: 169px;
	width: 50px;
	height: 75px;
	border-width: 2px 2px 0 0;
}
ul.yado_large_area li:nth-child(4):after {
	top: 75px;
	right: 100%;
	width: 145px;
	height: 0;
	border-width: 2px 0 0 0;
}
ul.yado_large_area li:nth-child(5):after {
	bottom: 100%;
	left: 15px;
	width: 0;
	height: 30px;
	border-width: 0 0 0 2px;
}
ul.yado_large_area li:nth-child(6):after {
	top: 125px;
	left: 169px;
	width: 190px;
	height: 45px;
	border-width: 2px 2px 0 0;
}
ul.yado_large_area li:nth-child(7):after {
	bottom: 10px;
	left: 135px;
	width: 0;
	height: 150px;
	border-width: 0 2px 0 0;
}
ul.yado_large_area li:nth-child(8):after {
	bottom: -7px;
	left: 169px;
	width: 90px;
	height: 60px;
	border-width: 0 2px 2px 0;
}
ul.yado_large_area li label {
	display: block;
	background-color: #21a635;
	color: #fff;
	padding: 0 15px;
	padding-left: calc(2em + 15px);
	line-height: 30px;
	cursor: pointer;
	white-space: nowrap;
}
ul.yado_large_area li input[type="checkbox"] + label:before,
ul.yado_large_area li input[type="checkbox"]:checked + label:after {
	top: 50%;
	transform: translateY(-50%);
	left: 15px;
}
ul.yado_large_area li input[type="checkbox"] + label:before {
	transform: translateY(-50%);
}
ul.yado_large_area li input[type="checkbox"]:checked + label:after {
	transform: rotate(-45deg) translateY(-50%);
}

.area_map dl dd .column {
	width: calc((100% - 1px) / 2);
}
.area_map dl dd .column + .column {
	background-size: 1px 6px;
	background-image: linear-gradient(to bottom, #000, #000 2px, #fff 2px, #fff 6px);
	background-repeat: repeat-y;
	background-position: left;
	padding-left: 1px;
	width: calc((100% - 1px) / 2 + 1px);
}
.area_map dl dd .column dl {
	padding-left: 15px;
	padding-right: 15px;
}
.area_map dl dd .column dl dt {
	width: 4em;
}
.area_map dl dd .column + .column dl dt {
	width: 5em;
}
.area_map dl dd .column dl dd,
.area_map dl dd .column dl dd:last-child {
	background: none;
	width: calc(100% - 20px - (16px * 4));
}
.area_map dl dd .column + .column dl dd,
.area_map dl dd .column + .column dl dd.last-child {
	width: calc(100% - 20px - (16px * 5));
}
.area_map dl dd .column dl dd .select {
	max-width: 100%;
}

section.facility ul li ul li dl dt {
	width: calc(4.5em + 30px);
	padding-left: 30px;
}
section.facility ul li ul li dl dt img {
	left: 18px !important;
}
section.facility ul li ul li dl dd {
	width: calc(100% - (14px * 4.5 + 30px));
}
.facility_list li .number .row {
	flex-direction: column;
	align-items: stretch;
}
.facility_list li .price dl dt:not(:first-child):nth-child(odd) {
	margin-left: 0;
}
.facility_list li .price dl dd {
	width: calc(100% - 12px * 8.5);
}

.side section .row {
	flex-direction: column;
}
.side section .row .column {
	width: 100%;
}
.side section .row .column:first-child dl {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.side section .row .column:last-child dl {
	margin-top: 0;
	padding-top: 0;
}
.side .option dl dd dl dt {
	width: 5em;
	margin-right: 0.5em;
}
.side .option dl dd dl dd {
	width: calc(100% - 5.5em);
}
.side section.option .row .column:first-child dl dd:nth-child(4) .select,
.side section.option .row .column:last-child dl dd .select {
	max-width: calc(100% - 2.5em);
}

.estimate_request table td dd ul.use_type {
	width: calc(100% + 40px);
}

.facility_list li .number dl dt {
	padding-left: 25px;
}
.facility_list li .number dl dt.school + dd,
.facility_list li .number dl dt.theater + dd {
	width: calc(((100% - 10px) / 2) - ((12px * 6.5) + 25px));
}
.facility_list li .number dl dt.school + dd {
	margin-right: 10px;
}
.facility_list li .number dl dt.theater {
	clear: none;
}
footer {
	background-color: #00944b;
}

.calendar-wrapper .fc-scrollgrid thead .fc-col-header-cell.fc-day {
	background-color: #00944b !important;
}

.calendar-wrapper .nav-button {
	background-color: #00944b !important;
}