@charset "UTF-8";
/*
Theme Name: 天王洲 銀河劇場
Author: perform
Author URI: http://192.168.33.10/perform
Description: 天王洲 銀河劇場の公演詳細です。
Version: 4.3.1
*/
/*----------------------------------
	公演詳細用のCSSです
----------------------------------*/
.main-bg-gx section{ background:#FFF; width:960px; margin:30px auto 0;}
/*----------------------------------
公演詳細部分　id=perform ここから*/
#perform a{color:#00F;}
#perform a:hover{text-decoration:underline;}
#perform .wrap{padding:0px 80px 60px 80px;}
#perform h1{ font-size:2.5em; color:#e9b635; line-height:1.4em; border-bottom:#e9b635 1px solid; border-top:#e9b635 1px solid; margin:10px 0 50px; padding-left:80px;}
#perform  h2{   font-size: 2.1em;  line-height:1.2em; font-weight:600;}
#perform .date_gx{display:block; background:#e5aa19; color:#FFF; line-height:1.4em; font-size:1.2em; padding-left:4px; margin-bottom:20px; }
#perform .date_gx li{display: table-cell;}
#perform h3{ font-size: 1.8em; margin-bottom: 5px; font-weight:600;}
#perform .overview_gx{ clear: both; margin-bottom: 5px; overflow: hidden; }
#perform .photo_gx {padding-right:20px; float:left; }
#perform .photo_gx img{ max-width:360px; height:auto;}
#perform .ticketinfo_gx { float:left;  max-width:420px;}
#perform .txt_gx{ font-size: 1em; line-height:1.5em; margin-bottom:50px;}
#perform .gold_gx{color: #bf9019;}
#perform .txt_gx .bold{font-size: 1.25em; line-height:1.6em; font-weight:600;}
#perform .txtlarge_gx{ font-size:1.25em; }
#perform .mt125{ margin-top:1.25em;}
#perform .mt10{margin-top:1em;}
#perform .buy-gx {background: #ae0a29 none repeat scroll 0 0; border-radius: 6px; color: #fff; font-size: 1em; text-decoration:none; border:#ae0a29 1px solid;}
#perform .buy-gx:hover{ background:#FFF;  color:#ae0a29;  font-weight:bold; text-decoration:none; border:#ae0a29 1px solid;}
#perform iframe{width:640px; height:360px;}
 @media screen and (max-width:768px) {
/*　画面サイズが768pxまではここを読み込む　*/
.main-bg-gx section{width:100%; margin:0;}
/*新着情報一覧部分　id=perform
----------------------------------*/
#perform h1{padding-left:10px; padding:10px; margin:0px; font-size: 1.7em;}
#perform h2{ font-size: 1.3em; padding-bottom:0px; line-height:1.4em; margin:10px 0 5px 0;}
#perform h3{ font-size: 1.3em;}
#perform .wrap {padding: 12px;}
/*#perform .overview_gx{ display:block;}*/
#perform .photo_gx {padding-right:0px;  margin-bottom:5px; float:none;}
#perform .photo_gx img{ width:100%; height:auto;}
#perform .ticketinfo_gx { width:100%;}
#perform .date_gx{font-size:1em; margin-bottom:10px; }
#perform iframe{width:320px; height:180px;}
}