@charset "EUC-JP";

/* CSS Gallery*/ 

body.detailGallery{ padding-bottom: 50px;}

#photoGallery{ width:100%;}

#photoGallery ul{ width:100%; overflow:hidden; padding:4px 3px;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

#photoGallery ul li{ width:33.3%; float:left; box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; padding:1px;}

#photoGallery ul li.movie a{ display:block; position:relative;}

#photoGallery ul li.movie a img.viewImg{ position:absolute; left:50%; top:50%; width:45px; height:45px; margin:-22px 0 0 -22px; }





#photoGallery ul li span.thumb{ border:2px solid #fff; display:block; width:100%;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}

#photoGallery ul li span.thumb img{ vertical-align:bottom; width:100%; height:auto; }

#photoGallery ul li.cur span.thumb{border:2px solid #ff0000;box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}



#photoGallery ul li#viewWindow{ width:100%; height:auto !important; padding:0; border:3px solid #fff; background:#000;}

#photoGallery ul li#viewWindow span.photo{ display:block; padding:4px;}

#photoGallery ul li#viewWindow span.photo img{ vertical-align:bottom; width:100%; height:auto;}

#photoGallery ul li#viewWindow span.caption{ color:#fff; display:block; padding:5px 10px 5px 10px;}



#photoGallery h2.tabH2 { border: 1px solid #bcbaba; background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #f1f1f1), color-stop(0, white)); background: -webkit-linear-gradient(top, white 0%, #f1f1f1 100%); background: -moz-linear-gradient(top, white 0%, #f1f1f1 100%); background: -o-linear-gradient(top, white 0%, #f1f1f1 100%); background: -ms-linear-gradient(top, white 0%, #f1f1f1 100%); background: linear-gradient(top, white 0%, #f1f1f1 100%); padding: 0; margin: 0 5px 5px 5px; position:relative; }

#photoGallery h2.tabH2 span { border-left: 4px solid #ce0003; display: block; padding: 6px 4em 6px 8px; }

#photoGallery h2.tabH2 em { display:block; position:absolute; right:8px; top:6px;font-style:normal;}



#photoGallery span.closeBtn{ text-align:right; display:block; color:#fff; padding:0 5px 10px;}

#photoGallery span.closeBtn img{ margin:0 0 0 3px; vertical-align:bottom;}



#photoGalleryThumbnail > li{

display:none;

}

.thumb{

background: url("https://img.goo-net.com/common_v2/img/iphone/loadings.gif") no-repeat center center;

}

.flex-control-nav{height: 0px !important;}

/*floatingBtn======================================*/
body.detailGallery .floatingBtn{ position:fixed;}
bodpread {
    position:absolute; z-index:1;
    top:0; bottom:48px; left:0;
    width:100%;
    overflow:auto;
}

.floatingBtn {
    width: 100%;
    height: 48px;
    padding-top: 6px;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    background: #f3f3f3;
}

body.detailIndex .floatingBtn,
body.detailGallery .floatingBtn { position: fixed;}

.floatingBtn ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 5px 0;
}

.floatingBtn ul li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    line-height: 1.4em;
}

.floatingBtn ul li div {
    margin: 0;
    padding: 0;
}

.floatingBtn ul li a {
    height: 42px;
    display: block;
    font-weight: bold;
    vertical-align: middle;
    border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
}

.floatingBtn ul li a div{ padding: 5px 0;}

.floatingBtn ul li.telephone a div{ padding: 13px 0;}

.floatingBtn ul li.telephone a {
    color: #fff;
    font-size: 16px;
    background: #58a625;
    background-image: url("https://img.goo-net.com/common_v2/img/iphone/icon_btn_call_l.png");
    background-position: 15px 50%;
    background-repeat: no-repeat;
    background-size: 18px 25px;
        -webkit-background-size: 18px 25px;
        -moz-background-size: 18px 25px;
    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(41,103,0,1),inset 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 2px 0px rgba(41,103,0,1),inset 0px 0px 0px rgba(255,255,255,0);
        -webkit-box-shadow: 0px 2px 0px rgba(41,103,0,1),inset 0px 0px 0px rgba(255,255,255,0);
}

.floatingBtn ul li.free_inq a {
    color: #ffffff;
    background: #fd4d52;
    background-image: url("https://img.goo-net.com/common_v2/img/iphone/icon_btn_estimation_m.png");
    background-position: 10px 50%;
    background-repeat: no-repeat;
    background-size: 20px 15px;
        -webkit-background-size: 20px 15px;
        -moz-background-size: 20px 15px;
    border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
    box-shadow: 0px 2px 0px rgba(174,46,46,1),inset 0px 0px 0px rgba(255,255,255,0);
        -moz-box-shadow: 0px 2px 0px rgba(174,46,46,1),inset 0px 0px 0px rgba(255,255,255,0);
        -webkit-box-shadow: 0px 2px 0px rgba(174,46,46,1),inset 0px 0px 0px rgba(255,255,255,0);
    box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
}

.floatingBtn ul li.free_inq a.estimateBtn2 div { font-size: 16px; padding: 13px 0px 0px 20px;}

@media only screen and (orientation : landscape) { .floatingBtn{ display:none; } /*²£¸þ¤­*/
}.detailGallery .floatingBtn{ position:fixed;}

#photoGallery ul li.movie span.thumb img.movie{ 
    width: 100%;
    aspect-ratio: 4 / 3; 
}