@charset "UTF-8";
/*
Theme Name: 天王洲 銀河劇場
Author: rental
Author URI: http://192.168.33.10/rental
Description: 天王洲 銀河劇場の貸館についてです。
Version: 4.3.1
*/
.main-bg-gx section{ background:#FFF; width:960px; margin:30px auto 0;}
/*----------------------------------
貸館部分　id=rental ここから*/
#rental .wrap { padding: 0 80px 60px;}
#rental h1 {border-bottom: 1px solid #e9b635; border-top: 1px solid #e9b635; color: #e9b635; font-size: 2.5em; line-height: 1.4em; margin: 10px 0 50px; padding-left: 80px;}
#rental h2 { font-size: 2.1em; font-weight: 600; line-height: 1.2em;}
#rental .txt_gx { font-size: 1em; line-height: 1.5em;}
#rental .mb50{ margin-bottom: 50px;}
#rental .gold_gx { color: #bf9019;}
#rental h3 { font-size: 1.8em; font-weight: 600; margin-bottom: 5px;}
#rental .txt_gx .bold{font-size: 1.25em; line-height:1.6em; font-weight:600;}
#rental table{ width:800px;}
#rental .mb20{margin-bottom:20px;}
#rental table .ttl{font-size: 1.25em; line-height:1.6em; font-weight:600; padding-top: 18px; padding-left: 0; border:none; }
#rental td {border: 1px solid #000; vertical-align: middle; padding:2px 5px;}
#rental td .small{font-size: 0.8em;}
#rental .td-color{ background:#f2e9d1;}
#rental .wide30{width:30%;}
#rental .wide425{width:42.5%;}
#rental .wide70{width:70%;}

#rental .taxfree {
    left: 670px;
    position: relative;
    top: -1.25em;
    width: 130px;
}
#rental .orange{font-size: 1.25em; line-height:1.25em; background-color: #efe3c5; display: inline-block; padding:2px 5px 1px; margin-bottom:5px;}
#rental .fontB{font-weight:600;}
#rental .pdf-dl{clear:both; overflow:hidden; margin-bottom:50px;}
#rental .pdf-dl li{float:left;  margin-right:20px; margin-bottom:20px;} 
#rental .pdf-dl li a{width:380px; padding:18px;font-size: 1.25em; font-weight:600; text-decoration:none; }
#rental .pdf-dl li a span{font-size: 1.8em; vertical-align:bottom;}
#rental .box-marble{background:url("../../images/parts/marble.png") no-repeat; width:800px; padding:20px;}
#rental .carousel { padding: 0 100px; margin-bottom: 80px;}
#rental .carousel-inner{width:600px;}
#rental .carousel-indicators { left: 50%; list-style: outside none none; margin-left: -30%; padding-left: 0; position: absolute; text-align: center; width: 60%; z-index: 15;}
#rental .carousel-indicators li { border: 0 solid #ccc; border-radius: 10px; cursor: pointer; display: inline-block; text-indent: -999px;}
#rental .carousel-indicators .active { background-color: #bf9019; height: 12px; margin: 0; width: 12px;}
#rental .carousel-indicators li { background-color: #ccc; border: 0 solid #ccc; border-radius: 10px; cursor: pointer; display: inline-block; height: 10px; margin: 1px; text-indent: -999px; width: 10px;}
#rental .carousel-control.right,#rental .carousel-control.left { background-image: none;);}
#rental .carousel-control,#rental .carousel-control:focus,#rental .carousel-control:hover { color: #e9b635; text-shadow:none;}
#rental .glyphicon-chevron-right::before { content: "〉";}
#rental .glyphicon-chevron-left::before { content: "〈";}
#rental .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 60px; height: 60px; margin-top: -30px; width: 60px;}
#rental .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -40px;}
#rental .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -40px;}
#rental .carousel-caption { background: #000 none repeat scroll 0 0; left: 0; padding-bottom: 4px; right: 0;}
#rental .carousel-caption { bottom: -20px; color: #fff; padding-top: 4px; position: absolute; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); z-index: 10;}
#rental .carousel-indicators { bottom: -30px;}
#rental .cl{ clear:both;}
 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
.main-bg-gx section{width:100%; margin:0;}
/*新着情報一覧部分　id=news
----------------------------------*/
#rental .wrap { padding: 12px;}
#rental h1{padding-left:10px; padding:10px; margin:0px; font-size: 1.7em;}
#rental h2{ font-size: 1.3em; padding-bottom:0px; line-height:1.4em; margin:10px 0 5px 0;}
#rental h3{ font-size: 1.3em;}
#rental .txt_gx .bold { line-height: 1.4em;}
#rental .carousel-inner { width: 100%;}
#rental .carousel { padding: 0 10%; width: 99%;}
#rental .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-#rental .control .icon-prev { font-size: 30px; height: 30px; margin-top: -20px; width: 30px;}
#rental .carousel-control{width:18px;}
#rental .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -120%;}
#rental .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -120%;}
#rental table { width:100%;}
#rental .wide70 { width: 100%;}
#rental .wide425 { width:auto;}
#rental .wide30 { width:auto;}
#rental table .ttl { font-size: 1em; line-height: 1.5em;}
#rental .txt_gx .bold { font-size: 1em;}
#rental .taxfree {
    left: 0px;
    position: relative;
    top: 0em;
    width: auto;
	margin-bottom:1em;
}
#rental .orange { font-size: 1.1em;}
#rental .pdf-dl li { float: none; margin-right: 0;}
#rental .pdf-dl li a { width: 100%; font-size:1em;}
#rental .box-marble { width: 100%;}

}