@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	劇場ガイド用のCSSです
----------------------------------*/
.main-bg-gx section{ background:#FFF; width:960px; margin:30px auto 0;}

/*----------------------------------
座席表　id=guide ここから*/
#guide .wrap { padding: 0 80px 60px;}
#guide 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;}
#guide h2 { font-size: 2.1em; font-weight: 600; line-height: 1.2em;}
#guide .txt_gx { font-size: 1em; line-height: 1.5em; margin-bottom: 50px;}
#guide .gold_gx { color: #bf9019;}
#guide h3 { font-size: 1.8em; font-weight: 600; margin-bottom: 10px;}
#guide .txt_gx .bold{font-size: 1.25em; line-height:1.6em; font-weight:600;}
#guide .greet{border:1px solid #bf9019; margin-bottom:50px;}
#guide .greet2{border:20px solid #f8f4e8; padding:30px;}
#guide .name{text-align:right; margin-top:2em;}
#guide .name span{font-size: 1.2em;}
#guide .orange{font-size: 1.25em; line-height:1.25em; background-color: #efe3c5; display: inline-block; padding:2px 5px 1px; margin-bottom:5px;}
#guide .CL{clear:both; overflow:hidden;}
#guide .FL{float:left;}
#guide .FR{float:right;}
#guide .mb10{margin-bottom:10px;}
#guide .mb100{margin-bottom:100px;}
#guide .mr20{margin-right:20px;}
#guide .bar_gx{width:458px;}
#guide .bar_menu{width:370px; color:#595757;}
#guide .bar_menu table{border:0px;}
#guide .bar_menu th{color:#000; border-bottom:2px solid #d1b12e;}

#guide .fontB{font-weight:600;}
#guide .box-marble{background:url("../../images/parts/marble.png") no-repeat; width:800px; padding:20px;}
/*カルーセル*/
#guide .carousel {
    padding: 0 100px;
	margin-bottom: 80px;
}
#guide .carousel-inner{width:600px;}

#guide .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;
}
#guide .carousel-indicators li {
    border: 0 solid #ccc;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    text-indent: -999px;
}
#guide .carousel-indicators .active {
    background-color: #bf9019;
    height: 12px;
    margin: 0;
    width: 12px;
}
#guide .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;
}
#guide .carousel-control.right,#guide .carousel-control.left {
    background-image: none;);
}
#guide .carousel-control,#guide .carousel-control:focus,#rental .carousel-control:hover {
    color: #e9b635;
    text-shadow:none;
}
#guide .glyphicon-chevron-right::before {
    content: "〉"; 
}
#guide .glyphicon-chevron-left::before {
    content: "〈"; 
}
#guide .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;
}
#guide .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -40px;
}
#guide .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -40px;
}
#guide .carousel-caption {
    background: #000 none repeat scroll 0 0;
    left: 0;
    padding-bottom: 4px;
    right: 0;
}
#guide .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;
}
#guide .carousel-indicators {
    bottom: -30px;
}
#guide .bar01{width:170px;}



 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
.main-bg-gx section{width:100%; margin:0;}

/*劇場ガイド部分　id=guide
----------------------------------*/
#guide .wrap { padding: 12px;}
#guide h1{padding-left:10px; padding:10px; margin:0px; font-size: 1.7em;}
#guide h2{ font-size: 1.3em; padding-bottom:0px; line-height:1.4em; margin:10px 0 5px 0;}
#guide h3{ font-size: 1.3em;}
#guide .txt_gx .bold { line-height: 1.4em;}
#guide .carousel-inner {
    width: 100%;
}
#guide .carousel {
    padding: 0 10%;
	width: 99%;
}

#guide .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-#guide .control .icon-prev {
    font-size: 30px;
    height: 30px;
    margin-top: -20px;
    width: 30px;
}
#guide .carousel-control{width:18px;}


#guide .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
    margin-right: -120%;
}
#guide .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {
    margin-left: -120%;
}

#guide .greet2 {
    border: 4px solid #f8f4e8;
    font-size: 0.8em;
    padding: 3%;
}
#guide .orange {
    font-size: 1.1em;
}
#guide .bar_gx {
    width: 100%;
}
#guide .bar_gx td{
    width: 50%;
}
#guide .FL,#guide .FR {
    float: none;
}
#guide .mr20 {
    margin-right: 0px;
}
#guide .bar_menu {
    width: 100%;
	margin-top:10px;
}
#guide .box-marble {
    width: 100%;
}

}