/* 周辺環境 */
#pankuzu{margin: 0;padding: 20px 0;}
#pankuzu .pankuzu-list li{color: #fff}

.title-area1 {background: url("../images/format/title-area.jpg") no-repeat center center;background-size: cover;text-align: center; padding: 50px 0}
.title-area1 h1{font-size: 5rem;letter-spacing: 0.1em;font-weight: normal;}
.title-area1 h1 span.en{display: block;font-size: 2rem;}
@media screen and (max-width: 668px) {/*スマホ設定*/
.title-area1{padding: 20px 0}
.title-area1 h1{font-size: 2rem;}
.title-area1 h1 span.en{font-size: 1rem;}
}
.location-box{background: #000000;color: #fff}

.location-box .inner--base{width: 1200px;margin: auto;text-align: center}
.bg{background: #000;}
.location-box li,.location-box ul,
.location-box dt,.location-box dl,.location-box dd{margin: 0;padding: 0; list-style: none}

.location-box h2{padding: 60px 0 20px;text-align: center;font-weight: normal;font-size: 2rem}
.location-box .copy{font-size: 18px;letter-spacing: 0.1em;line-height: 2.2em;padding-bottom: 40px}

.location-box .photo1 li{width: 22%}
.location-box .photo1 li p{margin-top: 10px;text-align: left;font-size: 0.8rem}

.location-box .map{margin: 50px 0 70px}
.location-box .loc li{margin-top: 30px}

.access{background: #d3cbc5;padding: 40px;margin: 70px 0}
.access h2{color: #000}

.location-box .img2{width: 960px;margin: auto; text-align: center}
.location-box .img3{margin-top: 50px}

@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box {padding: 0px 0;}
.location-box .inner--base{width: 100%}
.location-box .img1{width: 100%}
.location-box h2{padding: 40px 0 20px;text-align: center;font-weight: normal;font-size: 1.2rem;line-height: 1.9}
.location-box p.copy{font-size: 14px;}
.location-box .photo1 li{width: 48%;margin-bottom: 30px}
.location-box .photo1 li p{font-size: 12px}
.location-box .map{margin: 40px 0}
.location-box .loc li{width: 100%;margin-bottom: 20px}
.location-box .loc li p{font-size: 12px}
.location-box .img2{width: 100%;margin: auto; text-align: center}

.access{padding: 20px;margin: 30px 0}
.access h2{padding: 0}
}


.life-information {margin:0px 0;text-align: left}
.life-information h3{text-align: center}

.life-information h4{margin-top:0px;padding-bottom: 20px}

.location-li-item {margin-bottom: 50px;}

.location-li-item ul {list-style-type:none;margin:0;padding:0;}
.location-li-item ul li {position:relative;margin-bottom:10px;line-height:1.5;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end;border-bottom: 1px dotted #666;margin-bottom: 8px;padding-bottom: 8px}
.location-li-item ul li.nonline{border-bottom: none;padding-bottom: 0}
.location-li-item ul li:last-child {margin-bottom: 0;}
.location-li-item ul li span {position:relative;z-index:1;display:inline-block;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;}
.location-li-item ul li > span:first-child {width: calc(100% - 12.5em);position: relative;overflow: hidden;}

.location-li-item ul li > span:last-child {text-align: right}


.location-box .note-box{text-align: left;width: 100%;margin: 0}
@media print, screen and (min-width: 669px) { /*670px*/

}
.note-box{padding: 60px 0}
@media screen and (max-width: 668px) {/*スマホ設定*/
.life-information{padding: 20px}

.life-information .col2{width: 100%}
.location-li-item.shopping{margin-bottom: 10px!important;}
}