@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  facade.css
// style info :  スタイル指定
=================================================================== */
.bgWrap { background: url(../../../img/pages/facade/bg.jpg) center center no-repeat; background-size: cover; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}

.content { padding: 50px 0 0;}

#localnav,#contentsBtn,footer { position: relative; z-index: 10;}

/* ------------------------------------------------------------
   Panorama 
------------------------------------------------------------ */
.mainImage {max-width: 1200px;margin: 0 auto;position: relative;}
.mainImage .viewContents {display: none;}
.mainImage .viewContents.select {display: block;}
.mainImage .caption {position: absolute;top: -30px; right: 2px;color: #333; font-size: 12px; font-weight: bold;}
.mainImage .viewContents .cap { padding-top: 2px; font-size: 11px; text-align: right;}

@media only screen and (max-width:768px) {
.mainImage .caption { font-size: 10px; top: 0;}
.mainImage .viewContents.select{padding-top: 60px;}
#pc_cont {display: block;padding-top: 0;}
}
@media only screen and (max-width:640px) {
.mainImage {margin: 0 auto;}
}

.spPanorama {display: none;}

@media only screen and (max-width:768px) {
.pcPanorama {display: none;}
.spPanorama {display: block;}
}
/* -----------------------------------------------------------
#PANO
----------------------------------------------------------- */
/* pano */
.mainImage #PANO,
.mainImage #PANOWRAP {position: relative;width: 100%;max-width: 1200px;overflow: hidden;height: 374px;margin:0 auto;}
.mainImage img { width: auto;}
.mainImage #PANOBODY {display: block;position: absolute;top: 0;left: 0;width: auto;height: auto;}
.mainImage #PANOBODY img {height: 374px;max-width: none;}
.mainImage #PANO-LOAD {position: absolute;width: 100%;max-width: 1200px;height: 374px;top: 0;left: 0;background-color: #FFF;/*background-image: url(../imgs/loading.gif);*/background-repeat: no-repeat;background-position: center;z-index: 20000;}
.mainImage #PANOBTN {text-align: center;padding: 10px 0;background-color: #D6D6D6;margin: 5px 0;width: 100%;}
.mainImage #PANOBTN img {margin: 0 5px;}
.mainImage #PANO img.arr {display: block;position: absolute;top: 50%;margin-top: -30px;-webkit-user-select: none;cursor:pointer;}
.mainImage #PANO img.arr.left {left: 0px;}
.mainImage #PANO img.arr.right {right: 0px;}

/* spPANO */
.mainImage #spPANO,
.mainImage #spPANOWRAP {position: relative;width: 100%;max-width: 1200px;overflow: hidden;height: 250px;margin:0 auto;}
.mainImage #spPANOBODY {display: block;position: absolute;top: 0;left: 0;width: auto;height: auto;}
.mainImage #spPANOBODY img {height: 250px;max-width: none;}
.mainImage #spPANO-LOAD {position: absolute;width: 100%;max-width: 1200px;height: 250px;top: 0;left: 0;background-color: #FFF;background-image: url(../images/loading.gif);background-repeat: no-repeat;background-position: center;z-index: 20000;}
.mainImage #spPANOBTN {text-align: center;padding: 10px 0;background-color: #D6D6D6;margin: 5px 0;width: 100%;}
.mainImage #spPANOBTN img {margin: 0 5px;}
.mainImage #spPANO img.arr {display: block;position: absolute;top: 50%;margin-top: -30px;-webkit-user-select: none;cursor:pointer;}
.mainImage #spPANO img.arr.left {left: 0px;}
.mainImage #spPANO img.arr.right {right: 0px;}

p.pano_caption{color: #333; font-size: 12px; text-align:right; padding-top:10px;}