/*///----- location -----///*/
.location h2{background:url(../img/location/h2.png) no-repeat;background-size:contain;}
.location .hidebox{overflow:hidden;}
.location .mainArea section{margin-bottom:1px;}
.location .hidebox h3 {position:relative; overflow:hidden;}
.location .hidebox h3:before {
    content:"";position:absolute;top:0;left:0;
    border-width:16px 16px 0 0; /* This trick side-steps a webkit bug */
    border-style:solid;
    border-color:#fff  #e7eefc #e7eefc #fff; /* A bit more verbose to work with .rounded too */
    background:#e7eefc; /* For Opera when also applying a border-radius */
    display:block; width:0; /* Only for Firefox 3.0 damage limitation */
}


@media all and (min-width: 768px) {
.location .mainArea h2{width:940px;height:180px;margin-bottom:30px;border-bottom:none;}
.location h3{width:840px;font-size:160%;margin:0 auto;}
.location h3.regular {padding:10px 0; color:#185590;text-align:center;}
.location h3.regular span{display:block;padding:20px 0;border:rgb(24, 85, 144) 5px;border-style: solid none;
  background: repeating-linear-gradient(45deg,#fff,#fff 3px, rgba(24, 85, 144, 0.1) 3px,rgba(24, 85, 1448, 0.1) 6px);}

.location .hidebox h3{background:url(../img/location/icon.png) 730px 5px no-repeat #185590;color:#fff;}
.location .hidebox h3 span{padding:20px 30px;}
.location .midashi{width:840px;font-size:130%;margin:20px auto 0; color:#185590;}
.location .mainArea p{margin:0 auto 20px;line-height:200%;}
	.map{width:840px;height:382px;margin-bottom:20px;}
	.ph{width:240px;height:160px;margin-top:5px;background:#e7eefc;}
	.pic{width:360px; height:240px;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;margin:30px auto;}
	.pic_tate{width:240px; height:360px;box-shadow: 0 0 0 8px #fff, 0 0 0 10px #000;margin:30px auto;}
	.intxt{display:block;width:500px;padding:35px 30px;margin:10px 0;background:url(../img/location/bg.png);}
	.f_L{float:left;margin:5px 40px 0 0;}
	.f_R{float:right;margin:0;}

.location .hide-inner{width:760px;margin:0 auto;}
.location .hide-inner p{background:#e7eefc;padding:20px;margin-top:20px;}

}

@media all and (max-width: 767px) {
.location .mainArea h2{width:90%;height:0;padding-top:14%;margin-bottom:2em;}
.location h3{width:90%; margin:0 auto;}
.location h3.regular {padding:10px 0; color:#185590;text-align:center;}
.location h3.regular span{display:block;padding:1em 0;border:rgb(24, 85, 144) 3px;border-style: solid none;
  background: repeating-linear-gradient(45deg,#fff,#fff 3px, rgba(24, 85, 144, 0.1) 3px,rgba(24, 85, 1448, 0.1) 6px);}

.location .hidebox h3{background:#185590;color:#fff;}
.location .hidebox h3 span{padding:10px 20px 10px 20px;}
.location .midashi{width:90%; margin:1em auto 0; color:#185590;}
.location .mainArea p{margin:0 auto 1em;line-height:160%;}
.location .hidebox p{width:80%;}
	.map{width:100%;height:0;padding-top:45%;}
	.ph,.pic{width:80%; height:0; padding-top:53.4%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
	.pic_tate{width:60%; height:0; padding-top:90%;margin:2em auto;box-shadow: 0 0 0 3px #fff, 0 0 0 5px #000;}
	.intxt{display:block;margin:1em 0;}
.location .hide-inner p{background:#e7eefc;padding:1em;margin-top:1em;}
}

@media all and (max-width: 320px) {
.location .mainArea h3 span{padding:10px 30px 10px 20px;line-height:140%;}
}

/* hidebox */
section h3.hide-btn {position:relative;}
section h3.hide-btn span {display:block;cursor:pointer;}
section h3.hide-btn span {display:block;cursor:pointer;}
section h3.hide-btn span:before {position:absolute;content:"";display:block;width:22px;height:22px;top:50%;background-image:url(../img/hide-btn.png);background-repeat:no-repeat;margin-top:-10px;}
section h3.hide-on span:before {background-position:0 -78px;}
section.hidebox h3.hide-off span:before {background-position:left top;}
@media all and (min-width: 768px) {
section h3.hide-btn span:before {position:absolute;right:10px;}
}
@media all and (max-width: 767px) {
section h3.hide-btn span:before {position:absolute;right:0.5em;}
}