@charset "utf-8";

/* ページタイトル */
.bl_lowerPageTtl.bl_lowerPageTtl_onBackground { background-image: url(../images/bg_mainvis.jpg); }
.bl_lowerPageTtl .bl_lowerPageTtl_inner .el_lowerPageTtl_txt { padding-top: 18px; }
.bl_lowerPageTtl .bl_lowerPageTtl_inner .el_lowerPageTtl_txt img { width: 56%; }

/* レイアウト */
.ly_main .ly_main_inner { padding-bottom: 35px; }
.bl_contentBlock { background: #fff; padding: 30px 0 4px; overflow: hidden; }
.bl_contentBlock .bl_contentBlock_inner { width: 910px; margin: 0 auto; }

/* 斎場名検索 */
.bl_hallSearchBlock { background: url(../images/hall_search_bg01.jpg) repeat; margin-bottom: 30px; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner { margin: 0 auto; width: 825px; text-align: center; padding: 27px 0 30px; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"] { width: 400px; height: 44px; font-size: 15px; padding-left: 14px; margin-top: 3px; margin-right: 6px; border: solid 1px #ccc; border-radius: 4px; box-shadow: none; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"]:focus { outline: 0; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"]::placeholder { color: #b4b4b4; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"]:-ms-input-placeholder { color: #b4b4b4; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"]::-ms-input-placeholder { color: #b4b4b4; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner button { background: #896f1f; color: #fff; font-size: 15px; padding: 11px 40px 10px; border-radius: 4px; }
.bl_hallSearchBlock .bl_hallSearchBlock_inner button:hover { opacity: 0.8; }

/* 関東MAP */
.bl_kantoMapBlock { background-image: url(../images/kanto_map01.png); background-size: cover; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner { margin-bottom: 42px; background-size: cover; position: relative; height: 420px; z-index: 2; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner img { position: absolute; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner.mapName_tokyo { background-image: url(../images/kanto_map_tokyo.png); }
.bl_kantoMapBlock .bl_kantoMapBlock_inner.mapName_saitama { background-image: url(../images/kanto_map_saitama.png); }
.bl_kantoMapBlock .bl_kantoMapBlock_inner.mapName_tiba { background-image: url(../images/kanto_map_tiba.png); }
.bl_kantoMapBlock .bl_kantoMapBlock_inner.mapName_kanagawa { background-image: url(../images/kanto_map_kanagawa.png); }
.bl_kantoMapBlock .bl_kantoMapBlock_inner area:focus { outline: 0; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount { position: absolute; z-index: 3; bottom: 20px; left: 20px; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount a:hover { opacity: 0.8; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount .un_tokyoCount_mainTxt { font-size: 26px; color: #252525; background-color: #fff; margin-bottom: 0; padding: 0 38px 2px; line-height: 1.7; border: solid 2px #b3a579; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount .un_tokyoCount_mainTxt .un_tokyoCount_num { padding: 0 7px 0 6px;font-size: 44px; color: #896f1f; font-family: "Roboto", sans-serif; display: inline-block; position: relative; top: 2px; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount .un_tokyoCount_SubTxt { color: #fff; margin-bottom: 0; background-color: #b3a579; text-align: center; line-height: 1.9; padding-left: 3px; }
.bl_kantoMapBlock .bl_kantoMapBlock_inner .un_tokyoCount .un_tokyoCount_SubTxt::before { width: 13px; height: 13px; content: ""; display: inline-block; background-image: url(/common/images/icon_arrow_white.svg); background-size: cover; vertical-align: middle; position: relative; z-index: 4; margin-top: -3px; margin-right: 10px; }


/* 地域選択 */
.bl_contentBlock .bl_areaSearchBlock p { line-height: 2; margin-bottom: 22px; }
.bl_areaSearchBlock .el_btn { margin-bottom: 46px; }
.bl_areaSearchBlock .el_btn a { line-height: 56px; -webkit-box-shadow: none; box-shadow: none; }
.bl_areaSearchBlock .bl_hallArea_block { margin-bottom: 26px; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_areaTtl { margin-bottom: 18px; padding-bottom: 16px; font-size: 18px; font-weight: 600; color: #252525; border-bottom: 2px solid #896f1f; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li { margin: 0 79px 15px 0; min-width: 250px; color: #a3a3a3; font-size: 16px; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li:nth-child(3n) { margin-right: 0; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li input[type="checkbox"] { }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li a { color: #266485; vertical-align: top; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li a:hover { text-decoration: underline; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li a .el_areaName_txt { letter-spacing: -1px; padding-right: 10px; }
.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li .el_areaName_count { vertical-align: top; color: #266485;  }

label.hall_check { cursor : pointer; width : 20px; height : 20px; border : 1px solid #ccc; border-radius: 4px; background : #fff; overflow : hidden; position : relative; display: inline-block; box-sizing : border-box; margin-right: 4px; }
label.hall_check input[type="checkbox"] { -moz-appearance: none; -webkit-appearance: none; margin : 0; padding: 0; position : absolute; left : 20px; width : 20px; height : 20px; left : -40px; box-shadow : 39px 0px #FFF; z-index: 2; }
label.hall_check input[type="checkbox"]:checked { box-shadow : none; }
label.hall_check input[type="checkbox"]:checked:focus { box-shadow : 39px 0px #FFF; opacity: 0.1; }
label.hall_check input[type="checkbox"]:focus { box-shadow : 39px 0px #FFF; }
label.hall_check:after { content : ''; position : absolute; top : 43%; left : 5px; display : block; margin-top: -8px; width : 8px; height: 12px; border-right : 3px solid #D65; border-bottom : 2px solid #D65; transform : rotate(45deg); -webkit-transform : rotate(45deg); -moz-transform: rotate(45deg); z-index : 1; }

@media screen and (max-width: 750px) {
	/* 共通 */
	.pcOnlyBlock { display: none; }

	/* ページタイトル */
	.bl_lowerPageTtl { padding-bottom: 1px; }
	.bl_contentBlock .bl_contentBlock_inner { margin: 0 auto; width: 92%; }
	.bl_lowerPageTtl .bl_lowerPageTtl_inner .el_lowerPageTtl_txt { padding-top: 4px; }
	.bl_lowerPageTtl .bl_lowerPageTtl_inner .el_lowerPageTtl_txt img { width: 100%; }

	/* レイアウト */
	.bl_contentBlock { padding: 0; background: none; margin-bottom: -9px; }
	.bl_contentBlock .bl_contentBlock_inner { background-color: #fff; padding: 15px 0 0; }

	/* 斎場名検索 */
	.bl_hallSearchBlock { margin-bottom: 25px; }
	.bl_hallSearchBlock .bl_hallSearchBlock_inner { padding: 19px 0 20px; width: 100%; }
	.bl_hallSearchBlock .bl_hallSearchBlock_inner input[type="text"] { width: 72%; margin-top: 1px; margin-right: 1.5%; font-size: 13px; height: 35px; padding-left: 9px; }
	.bl_hallSearchBlock .bl_hallSearchBlock_inner button { font-size: 13px; padding: 10px 19px 9px 20px; border-radius: 4px; }
	.bl_hallSearchBlock .bl_hallSearchBlock_inner button:hover { opacity: 1; }

	/*map*/
	.bl_kantoMapBlockSP { background-image: url(../images/sp/kanto_map01.png); background-size: cover; width: 91.1%; margin: 0 auto 20px; }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner {  background-size: cover;  }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner.mapName_tokyo { background-image: url(../images/sp/kanto_map_tokyo.png); }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner.mapName_saitama { background-image: url(../images/sp/kanto_map_saitama.png); }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner.mapName_tiba { background-image: url(../images/sp/kanto_map_tiba.png); }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner.mapName_kanagawa { background-image: url(../images/sp/kanto_map_kanagawa.png); }
	.bl_kantoMapBlockSP .bl_kantoMapBlockSP_inner area:focus { outline: 0; }

	/* 地域選択 */
	.bl_contentBlock .bl_areaSearchBlock p { margin-bottom: 18px; line-height: 1.8; }
	.bl_areaSearchBlock .el_btn { width: 91.1%; margin: 0 auto 35px; }
	.bl_areaSearchBlock .el_btn a { border-radius: 5px; padding: 9px 0 5px; line-height: 3; }
	.bl_areaSearchBlock .bl_hallArea_block { margin-bottom: 34px; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_areaTtl { font-size: 16px; letter-spacing: 1px; padding-left: 14px; border-bottom: 1px solid #896f1f; padding-bottom: 8px; margin-bottom: 18px; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li { font-size: 14px; margin: 1px 0 18px 0; width: 100%; padding-bottom: 10px; padding-left: 15px; border-bottom: 1px solid #896f1f; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li:last-child { margin-bottom: 0; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li a { line-height: 1.4; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li a .el_areaName_txt { letter-spacing: 0; padding-left: 0; }
	.bl_areaSearchBlock .bl_hallArea_block .bl_hallArea_block_inner .un_hallList li .el_areaName_count { line-height: 1.4;  float: right; padding-right: 14px; }


	label.hall_check { width: 18px; height: 18px; border-radius: 2px; }
}