@charset "utf-8";

.studiosnap{
	text-align:center;
	margin:20px;
}
#ticket-article{
	overflow: hidden;
}
#ticket-article p{
	float: left;
}
#ticket-article img{
	float: right;
	margin: 15px 5px 0 0;
}
.img500{
    margin: 20px 20px 0px 20px;
    max-width: 500px;
    width: 100%;
}
#title{
    background:url(../img/title_rehearsal.jpg) no-repeat;
}
#rihanav{
    width: 928px;
    margin: 0 auto;
    padding-top: 30px ;
    overflow: hidden;
}
.rihanav-icon{
    float: left;
    margin: 0px 8px 0px 8px;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin-bottom: 8px;
}
.big{
    font-size: 120%;
}
.big+a img{
    margin-bottom:5px;
}
#content address{
    font-size:220%;
    font-weight: bold;
}
.youtube{
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%; /* 16:9 (9÷16=0.5625) */
}
.youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/*料金テーブル*/
.ptable{
	border:3px solid #faefd9;
	margin:20px auto;
	line-height:1.4;
}
.ptable td,.ptable th{
	border:3px solid #faefd9;
	padding:10px 50px;
	text-align:center;
	font-size:120%;
}
.ptable td{
	background:#F4E7CF;
}
.ptable th{
	font-weight:bold;
	background:#f0debb;
}

.ptable span{
	font-size:70%;
}

.hei{
	color:#33429F;
}
.kyu{
	color:#AA0B0B;
}

/*文字サイズ標準テーブル（割引）*/
.wtable{
	border:3px solid #faefd9;
}

.wtable td,.wtable th{
	border:3px solid #faefd9;
	padding:10px 20px;
	text-align:center;
}

.wtable td{
	background:#F4E7CF;
}
.wtable th{
	background:#f0debb;
	font-weight:bold;
}

/*機材リスト*/

.elist {
	width: 890px;
	margin: 18px auto;
	border: 1px solid #f0debb;
	list-style: none;
	overflow: hidden;
}
.elist li{
	box-sizing:border-box;
	width:20%;
	height:225px;
	padding:13px 0;
	border:1px solid #f0debb;
	text-align:center;
	float:left;
}
.elist li h5{
	text-align:left;
	font-weight:bold;
	font-size:90%;
	color:#a88137;
	margin:4px 10px 0px 10px;
	padding: 0 3px;
}

.elist li p{
	text-align:left;
	font-size:80%;
	margin:5px 10px 0 10px;
	padding: 0 3px;
}
.elist li p em{
	font-size:70%;
	color:#843734;
	display:block;
	line-height:1.4;
	margin-top:2px;
}
.elist li p span{
	font-size:90%;
	color:#aa0000;
}

/*レスポンジブリハ*/
.right{
	white-space: nowrap;
	}

@media screen and (max-width : 1000px){/*contents width=728　標準タブレット ipad:768px*/
	#rihanav{
		width: 100%;
	}
	#rihanav img{
		width: 75px;
	}
	.ptable{
		table-layout: fixed;
		width: 95% !important;
	}
	.ptable td,.ptable th{
	padding:10px 10px;
	}
	#ticket-article p{
		width: 60%;
	}
	#ticket-article img{
		width: 35%;
	}
	.studiosnap img{
		width: 208px;
	}
	iframe{
		width: 634px;
		height: 280px;
	}
	.buppin{
		font-size: 81%;
	}
	.buppin td{
		padding: 5px 10px;
	}
	.elist{
		width: 635px;
	}
	.elist li{
		padding:1.5% !important;
	}
	.elist img{
		width: 100%;
	}
	.tatenagaimg{
		width:56.25% !important;
	}
}

@media screen and (max-width : 744px){/*contents width=572　小型タブレット*/
	#rihanav{
		max-width: 450px;
		width: 100% !important;
		box-sizing: border-box;
		padding: 5% 5% 0 5% !important;
	}
	#rihanav img{
		max-width: 100px;
		width: 22.8% !important;
		margin: 0 1.1%;
	}
	.big{
		font-size: 13px;
	}
	.ptable{
		font-size: 90%;
		margin-top: 10px;
	}
	.ptable th{
		font-size:104%;
	}
	.ptable td{
		font-size:104%
	}
	.wtable{
		width: 100%;
	}
	.wtable th, td{
		padding: 0.1vw !important;
	}
	.studiosnap{
		width: 96%;
		margin: 15px auto;
	}
	.studiosnap img{
		max-width: 156px;
		width: 31%;
	}
	iframe{
		width: 91%;
		height: 180px;
	}
	.buppin td{
		padding: 10px;
	}
	.elist{
		width: 92%;
	}
	.elist li{
		padding: 1%!important;
		height: 31vw;
	}
	.elist h5{
		margin: 5px 0 5px!important;
		font-size: 1.8vw !important;
	}
	.elist p{
		margin: 0 !important;
		line-height: 2.5vw;
		font-size: 1.8vw !important;
	}
    .img500{
        width: 90%;
        margin: 5% 5% 0px 5%;
    }
}

@media screen and (max-width : 414px){
	#ticket-article p{
		width: 100%;
	}
	#ticket-article span{
		display: inline !important;
	}
	#ticket-article img{
		float: none;
		width: initial;
	}
	.ptable th,.ptable td{
		padding: 5px 2px !important;
	}
	.ptable th{
		font-size: 90%;
	}
	.ptable td{
		font-size: 100%;
	}
	.wtable th,.wtable td{
		font-size:90%;
		padding:0 !important;
	}
	.studiosnap{
		margin: 4% 4% 2% 4%;
		width:92%;
	}
	.studiosnap img{
		width: 32%;
	}
	iframe{
		margin: 2% 4% 0 4%;
		width:92%;
	}
	.buppin td{
		padding: 5px 1px !important;
		font-size: 2.5vw
	}
	.elist li{
		float: none;
		width: 100%;
		overflow: hidden;
		height: initial;
	}
	.elist img{
		max-width: none;
		max-height: none;
		width:40%;
		float: left;
	}
	.elist h5, .elist p{
		line-height: 150%;
		width: 55%;
		float: right;
		margin-left: 2% !important;
		font-size: 90% !important;
	}
	.tatenagaimg{
		width: 25% !important;
	}
}