@charset "UTF-8";
/* ---------------------------------------------------------------------
 * locationページ
 * --------------------------------------------------------------------- */
.pages_main_image{height:auto;position: relative;}
.pages_main_image .images{width: 100%;height: auto;min-width: 1200px;height: 600px!important;object-fit: cover}
.pages_main_image picture figcaption{width: 1200px;left: 0;right: 0;margin: auto;}
.pages_main_image .inner{position: absolute;width: 1200px;left: 0;right: 0;top: 0; margin: auto}
@media screen and (max-width: 767px) {/*スマホ設定*/
.pages_main_image .images{min-width: 100%;height: 200px!important;}
.pages_main_image picture figcaption{width: 98%;left: 0;right: 0;margin: auto;}
}


#body_location{}
#body_location img{width: 100%;height: auto}
#body_location h2{width: 640px;margin: auto}
#body_location .catch{font-size: 26px;line-height: 2; letter-spacing: 0.1em;text-indent: 0.1em;padding: 40px 0 80px}
#body_location .catch2{font-size: 26px;line-height: 2;letter-spacing: 0.1em;text-indent: 0.1em;padding:0px 0 40px}
#body_location .catch3{font-size: 20px;line-height: 2;letter-spacing: 0.1em;text-indent: 0.1em;border-bottom: 1px solid #000;padding-bottom: 30px;margin-bottom: 30px}
#body_location .txt{font-size: 16px;line-height: 2.2em; letter-spacing: 0.1em;text-indent: 0.1em;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location h2{width: 90%;margin: auto}
#body_location .catch{font-size: 20px;padding-bottom: 50px}
#body_location .catch2{font-size: 18px;}
#body_location .catch3{font-size: 16px;padding-bottom: 10px;margin-bottom: 10px}
#body_location h3{font-size: 20px;}
#body_location .txt{font-size: 13px;text-align: left;line-height: 2}
}
#body_location .st1{width: 90%;margin: 30px auto 0}
#body_location .st1 li{margin: 15px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .st1 li.col3{width: 40%}
#body_location .st1 li{margin: 5px}
}

#body_location .zyutaku{margin-top: 80px;background: #f5f0e9;padding: 80px 0}
#body_location .zyutaku li{text-align: left}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .zyutaku{margin-top: 50px;padding: 50px 0 20px}
#body_location .zyutaku .col2{width: 100%;margin-bottom: 20px}
}

#body_location .loc{padding: 142px 0}
#body_location .loc.park{padding: 142px 0;background: #f5f0e9;}
#body_location .loc h2{color: #c79f62;font-size: 25px;letter-spacing:0.2em;text-indent:0.2em;line-height:0.8;}
#body_location .loc .photo{margin-top: 60px}
#body_location .loc li p{text-align: left;margin-top: 10px;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .loc{padding: 80px 0}
#body_location .loc .col4{width: 48%;margin-bottom: 20px}
#body_location .loc li p{font-size: 13px;}
#body_location .loc.park{padding: 80px 0;}
}

#body_location .urawa{background: #c79f62;color: #fff}
#body_location .urawa ul{padding: 60px 0}
.#body_location urawa li{text-align: left}
#body_location .urawa .catch3{border-bottom: 1px solid #fff;}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .urawa li.col2{width: 100%;margin-bottom: 20px}
}

#body_location .lifebt{padding: 80px 0}
#body_location .lifebt .body_area_inner{width: 1024px}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .lifebt{padding: 50px 0}
#body_location .lifebt .body_area_inner{width: 90%}
}



#body_location .info{padding:80px 0px}
#body_location .info h3{color: #c79f62;font-size: 25px;letter-spacing:0.2em;text-indent:0.2em;line-height:0.8;}
#body_location .info .map{padding: 60px 0}

#location_list_menu{text-align: center;padding: 0 12px 0;border-bottom: 1px solid #9d9074}
#location_list_menu li {cursor: pointer;background:#e6e8e9;width:13%;border-radius: 6px 6px 0 0;padding: 12px 0}
#location_list_menu li:hover, #location_list_menu li.select {	color:#fff;background: #9f9175;}
#location_list{padding-top: 20px}
#location_list ul{position: relative}
#location_list ul:after {    content: "";    height: 100%;    width: 1px;    position: absolute;   top: 0;    left: 50%;	background: #040000}
#location_list dt,#location_list dd{color: #000; display: inline-block; vertical-align: top;  padding: 10px 0;  line-height: 1.8em;text-align: left}

#location_list dt{  clear: both;}
#location_list dt{width: 70%;}
#location_list dd{width: 30%;}
#location_list .location_cate{  display: none;}

.location_list_box .area{display: none}
.location_list_box.select .area{display: block}
@media screen and (max-width: 767px) {/*スマホ設定*/
#body_location .info{padding:50px 0px}
#body_location .info .map{padding: 30px 0 30px}
#location_list_menu li{width: 33.333%;font-size: 12px; border-radius: 0;padding: 8px;box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;border: 1px solid  #fff;display: flex;  justify-content: center;align-items: center;}
#location_list_menu li:nth-child(n+4){width: 25%}
}


/*===============================================================================
===============================================================================*/
@media screen and (max-width: 767px) {/*スマホ設定*/
.location_list_box .area .col2{width: 100%;margin-bottom: 20px;font-size: 12px;}
.location_list_box .area .col2:nth-child(1){margin-bottom: 0}
#location_list ul:after{background: none}
#location_list dt{width: 62%;}
#location_list dd{width: 38%;}
}
/*===============================================================================
===============================================================================*/
@media print {/*印刷設定*/
#location_list{width: 60%}
#location_list .location_cate{  display: block;}
#location_list_menu li.select {color: #fff;background: url(../images/location/pc/location_menu_off.png) no-repeat;}
#location_list dl{  display: block !important;}

#body_location .body_area_inner{width: 96%;margin: auto}


}