@charset "UTF-8";
/*
Theme Name:  SERVICE
Author: あそびラボ
*/

/*=======================================================
共通
=======================================================*/
/*タイトル*/
.el_mainTtl {
	text-align: center;
	font-size: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 27px;
	background: #064469;
	color: #fff;
	height: 83px;
	padding-top: 3px;
}
.el_mainTtl::before {
	content: "";
	display: block;
	margin-bottom: 3px; 
	margin-right: 20px;
}
.bl_media {
	padding: 35px 40px 7px 20px;
	border: 2px solid #a0905f;
	margin-bottom: 45px;
	background: #fff;
}
.bl_media_imgWrapper {
	width: 415px;
}
.bl_media_body {
	width: 496px;
}
.bl_media_body .bl_media_ttl {
	margin-bottom: 10px;
	font-size: 24px;
	line-height: 1.4;
}
.bl_media_body .bl_media_txt {
	line-height: 1.76;
}
.bl_media_body .bl_media_txt span {
	display: block;
	font-weight: normal;
}
.hp_bg__gray {
	background: #e9ecf3;
	padding: 12px 32px 9px;
	margin-bottom: 15px!important;
	font-size: 20px; 
	letter-spacing: 0.08em;
}
/*各見出し*/
.bl_verTable_ttl {
	color: #222;
	background: #d9e5ea;
	height: 58px;
	display: flex;
	align-items: center;
	margin-bottom: 26px;
	padding-top: 3px;
	padding-left: 46px;
	font-size: 26px;
	width: 100%;
}
/*テーブル*/
.bl_verTable {
	margin-bottom: 25px;
}
.bl_verTable table {
	border: 1px solid #383838;
	border-left: none;
	border-bottom: none;
	width: 100%;
}
.bl_verTable th {
	font-size: 20px;
	background: #6a9aad;
	color: #fff;
	height: 48px;
	border-left: 1px solid #383838;
	border-bottom: 1px solid #383838;
}
.bl_verTable td {
	border-left: 1px solid #383838;
	border-bottom: 1px solid #383838;
	text-align: center;
	padding-top: 17px;
	padding-bottom: 15px;
}
.bl_verTable .bl_verTable_area_cont {
	text-align: left;
	padding-left: 23px;
}
/**アコーディオン**/
.bl_accordion {
	border: 1px solid #383838;
	border-bottom: none;
	position: relative;
	overflow: hidden;
	width: 100%;
}
/*タイトル*/
.bl_accordion_ttl {
	height: 50px;
	background: linear-gradient(to bottom,#b8b8b8,#8e8e8e);
	font-size: 22px; 
	font-weight: bold;
	color: #fff;
	padding-top: 3px;
	padding-left: 46px;
	display: flex;
	align-items: center;
	cursor: pointer;
	position: relative;
}
.bl_accordion_ttl span {
	font-size: 17px;
}
/*中身*/
.bl_accordion_body {
	overflow: hidden;
	max-height: 0;
	-webkit-transition: max-height 0.35s;
	transition: max-height 0.35s;
	border-top: 1px solid #383838;
	background: #fff;
}
.bl_accordionList {
	padding: 35px 40px 35px 25px;
}
.bl_accordionItem {
	line-height: 1.59;
}
/*動き*/
.bl_accordion input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
/* :checked */
.bl_accordion input:checked ~ .bl_accordion_body {
	max-height: 30em;
	border-bottom: 1px solid #383838;
}
/* 開く */
.bl_accordion_ttl::after {
	content: "";
	display: flex;
	align-items: center; 
	justify-content: center;
	position: absolute;
	top: 7px;
	right: 18px;
	background: #fff;
	width: 190px;
	height: 35px;
	border-radius: 5px;
	-webkit-transition: all 0.35s;
	transition: all 0.35s;
	color: #222;
    font-size: 17px;
}
.bl_accordion input[type=checkbox] + .bl_accordion_ttl::after {
	content: '▼ 注意事項を読む';
}
.bl_accordion input[type=checkbox]:checked + .bl_accordion_ttl::after {
	content: "▲ 閉じる";
}
@media screen and (max-width : 750px){
	.el_mainTtl {
		margin: 0 -30px 49px;
		font-size: 38px;
		letter-spacing: 0.08em;
		height: 111px;
	}
	.bl_media {
    	padding: 47px 36px 50px;
    	margin-bottom: 55px;
	}
	.bl_media_imgWrapper {
		position: absolute;
		top: 166px;
		right: 37px;
		width: 633px!important;
	}
	.bl_media_body .bl_media_ttl {
		margin-bottom: 560px;
		font-size: 34px;
		text-align: center;
	}
	.bl_media_body .bl_media_txt {
		letter-spacing: 0.04em;
		line-height: 1.375;
	}
	.hp_bg__gray {
		padding: 35px 23px 30px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px!important;
		font-size: 32px;
		line-height: 1.32!important;
	}
	.bl_verTable {
		margin-bottom: 60px;
	}
	.bl_verTable_ttl {
		height: 80px;
		margin-bottom: 48px;
		padding-top: 3px;
		padding-left: 38px;
		font-size: 34px;
	}
	.bl_verTable th {
		font-size: 32px; 
		height: 70px;
	}
	.bl_verTable .bl_verTable_area_cont {
		font-size: 30px;
		padding-left: 25px!important;
	}
	.bl_verTable_time {
		height: 50px!important;
		font-size: 30px!important;
	}
	.bl_verTable_price {
		height: 56px!important;
	}
	.bl_verTable .hp_border__double {
		border-bottom: 3px solid #383838;
	}
	.bl_accordion_ttl {
		height: 75px;
		font-size: 28px;
		padding-top: 3px;
		padding-left: 25px;
		letter-spacing: 0;
	}
	.bl_accordion_ttl span {
		font-size: 20px;
	}
	.bl_accordion_ttl::after {
		top: 14px;
		right: 18px;
		width: 218px;
		height: 46px;
		font-size: 22px;
	}
	.bl_accordionList {
		padding: 45px 25px;
	}
	.bl_accordionItem {
		line-height: 1.46;
		font-size: 26px;
	}
	.bl_accordion input:checked ~ .bl_accordion_body {
    	max-height: 40em;
	}
/*el_att*/
	.el_att {
		margin-top: 5px;
	}
}
/*=======================================================
MV
=======================================================*/
.bl_lowerMv {
	background: url(../images/service/mv_bg.jpg) top center no-repeat;
}
.el_lower_lv1Heading::before {
	content: "SERVICE";
}
@media screen and (max-width : 750px){
	.bl_lowerMv {
		background: url(../images/service/mv_bg_sp.jpg) top center no-repeat;
	}
}
/*=======================================================
成田空港
=======================================================*/
#airport {
	padding-top: 53px;
	padding-bottom: 58px;
}
#airport .el_mainTtl::before {
	background: url(../images/service/icon_airport.svg) top center /contain no-repeat;
	width: 54px;
	height: 49px;
}
#airport .bl_media_orderList li {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
}
#airport .bl_verTable table:last-of-type {
	display: none;
}
#airport .bl_verTable_area {
	width: 590px;
}
#airport .bl_verTable_area_cont .el_att {
	padding: 0;
}
#airport .haneda {
	border: none;
	padding: 0;
	margin-bottom: 0;
}
#airport .haneda .bl_media_imgWrapper {
    width: 394px;
	background: url(../images/service/img_arrow.svg) top 72px center no-repeat,#e9ecf3;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	padding: 19px 18px 17px;
}
#airport .haneda .bl_media_imgWrapper_label {
	background: #a0905f;
	width: 101px;
	height: 27px;
	border-radius: 40px;
	font-weight: bold;
	padding-top: 2px;
	flex-wrap: wrap;
}
#airport .haneda .bl_media_imgWrapper_label::after {
	content: "";
	display: block; 
	margin-top: 8px;
}
#airport .haneda .nerimas::after {
	background: url(../images/service/icon_airport2.svg) center / contain no-repeat;
	width: 69px;
	height: 62px;
}
#airport .haneda .hanedaa::after {
	background: url(../images/service/icon_airport3.svg) center / contain no-repeat;
	width: 73px;
	height: 66px;
}
#airport .haneda .bl_media_imgWrapper_txt {
	text-align: center; 
	font-size: 20px;
	line-height: 1.2;
	width: 100%;
	margin-top: 83px;
}
#airport .haneda .bl_media_imgWrapper_txt span {
	font-weight: normal;
}
#airport .haneda .bl_media_body {
	width: 560px;
	padding-top: 15px;
}
#airport .bl_accordion {
	margin-bottom: 39px;
}
@media screen and (max-width : 750px){
	#airport {
		padding-top: 0;
		margin-top: 46px;
	}
	#airport .el_mainTtl::before {
		width: 63px;
		height: 57px;
	}
	#airport .bl_media_orderList li {
		font-size: 32px;
	}
	#airport .haneda .bl_media_imgWrapper {
		top: 0;
		width: 100%!important;
		left: 0;
		padding: 37px 32px 39px;
		background: url(../images/service/img_arrow.svg) top 132px center / 174px 48px no-repeat,#e9ecf3;
	}
	#airport .haneda {
		padding-top: 400px;
	}
	#airport .haneda .bl_media_imgWrapper_label {
		width: 177px;
		height: 48px;
		border-radius: 10px;
		padding-top: 3px;
		font-size: 30px;
	}
	#airport .haneda .bl_media_imgWrapper_label::after {
		margin-top: 20px;
	}
	#airport .haneda .nerimas::after {
		width: 121px;
		height: 108px;
	}
	#airport .haneda .hanedaa::after {
		width: 128px;
		height: 116px;
	}
	#airport .haneda .bl_media_imgWrapper_txt {
		font-size: 34px;
		margin-top: 160px;
		line-height: 1.4;
	}
	#airport .haneda .bl_media_imgWrapper_txt span {
		font-size: 28px;
	}
	#airport .bl_accordion {
		margin-bottom: 39px;
	}
	#airport .bl_verTable table:first-of-type {
		display: none;
	}
	#airport .bl_verTable table:last-of-type {
		display: block;
	}
	#airport .bl_verTable table:last-of-type td {
		padding: 0;
	}
	#airport .bl_verTable_area {
		width: 433px;
	}
	#airport .bl_verTable_time {
		width: 256px;
		background: #9c9c9c;
	}
	#airport .bl_verTable_area_cont .el_att {
		font-size: 22px;
		letter-spacing: 0;
	}
}
/*=======================================================
ゴルフ送迎
=======================================================*/
#golf {
	background: #e9ecf3;
	padding-top: 58px;
	padding-bottom: 58px;
}
#golf .el_mainTtl::before {
	background: url(../images/service/icon_golf.png) top center /contain no-repeat;
	width: 77px;
	height: 44px;
}
#golf .bl_accordion input:checked ~ .bl_accordion_body {
	max-height: 10em;
}
#golf .hp_bg__gray {
	margin-bottom: 28px!important;
}
#golf .bl_media_list {
	font-weight: bold;
}
@media screen and (max-width : 750px){
	#golf {
		padding-top: 0;
		padding-bottom: 74px;
	}
	#golf .el_mainTtl::before {
		width: 93px;
		height: 53px;
	}
	#golf .hp_bg__gray {
		font-size: 34px!important;
		line-height: 1.58;
		letter-spacing: 0.08em;
	}
	#golf .bl_media_txt {
		letter-spacing: 0;
	}
	#golf .bl_media_list {
		margin-top: 10px; 
		margin-bottom: 10px;
	}
	#golf .bl_media_list li {
		text-indent: -1em;
		padding-left: 1em;
		line-height: 1.4;
	}
	#golf .bl_accordion input:checked ~ .bl_accordion_body {
		max-height: 13em;
	}
	#golf .bl_media_body .bl_media_txt span {
		margin-top: 15px;
	}
}
/*=======================================================
時間制貸切
=======================================================*/
#reserved {
	padding-top: 53px;
	padding-bottom: 58px;
}
#reserved .el_mainTtl::before {
	background: url(../images/service/icon_reserved.png) top center /contain no-repeat;
	width: 69px;
	height: 49px;
}
#reserved .bl_accordion input:checked ~ .bl_accordion_body {
	max-height: 20em;
} 
#reserved .bl_media_txt:last-of-type {
	margin-right: -20px;
}
#reserved .hp_bg__gray {
	margin-bottom: 20px!important;
	line-height: 1.6;
}
#reserved .bl_verTable {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#reserved .bl_verTable table {
	width: 495px;
}
#reserved .bl_verTable th:first-of-type {
	width: 282px;
}
#reserved table + .el_att {
	text-align: right;
	margin-top: 10px;
	width: 100%;
}
@media screen and (max-width : 750px){
	#reserved {
		padding-top: 0;
		padding-bottom: 72px;
	}
	#reserved .el_mainTtl::before {
		width: 87px;
		height: 60px;
	}
	#reserved .hp_bg__gray {
		font-size: 34px;
	}
	#reserved .bl_media_txt .el_att {
		margin-top: 10px;
	}
	#reserved .bl_media_txt:last-of-type {
		margin-right: 0;
	}
	#reserved .bl_verTable {
		margin-bottom: 36px;
	}
	#reserved .bl_verTable table {
		width: 100%;
	}
	#reserved .bl_verTable th:first-of-type,
	#reserved .bl_verTable td:first-of-type{
		width: 376px;
	}
	#reserved .bl_verTable table:first-of-type {
		border-bottom: 0;
	}
	#reserved .bl_verTable table:last-of-type {
		border-top: 0;
	}
	#reserved .bl_verTable table:last-of-type th {
		display: none;
	}
	#reserved table + .el_att {
		margin-top: 20px;
	}
}

/*=======================================================
接待・一般送迎等
=======================================================*/
#private {
	background: #e9ecf3;
	padding-top: 60px;
	padding-bottom: 60px;
}
#private .el_mainTtl::before {
	background: url(../images/service/icon_private.png) top center /contain no-repeat;
	width: 90px;
	height: 35px;
}
#private .bl_accordion input:checked ~ .bl_accordion_body {
	max-height: 10em;
}
#private .bl_media {
	margin-bottom: 37px;
}
#private .bl_media_ttl {
	margin-bottom: 23px;
}
#private .bl_media_txt span {
	line-height: 1.5;
	margin-top: 5px;
}
@media screen and (max-width : 750px){
	#private {
		padding-top: 0;
		padding-bottom: 80px;
	}
	#private .bl_media {
		margin-bottom: 45px;
	}
	#private .bl_media_ttl {
		margin-bottom: 565px;
	}
	#private .el_mainTtl::before {
		width: 114px;
		height: 45px;
		margin-right: 34px;
	}
	#private .bl_accordion input:checked ~ .bl_accordion_body {
		max-height: 12em;
	}
}