@charset "UTF-8";
/*======================================================================

　オワライメイ

======================================================================*/
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

html{
	/*font-size:62.5%;*/ /*10px*/
}

#box-title{
	padding:10px;
}
#box-title p{
	/*font-size:0.75rem;*/
	font-size: 1.4rem !important;
}
.box-contents{
	width:635px;
	margin:0 auto 30px;
	/*font-size:0.85rem;*/
	font-size: 1.6rem;
}
.box-contents p{
	width:615px;
	margin:0 auto;
}
.cc{
	/*font-size:1.05rem;
	font-weight:bold;*/
	font-size: 1.7rem;
	font-weight: 700;
}

.bnr_rakugo img {
	display:block;
	margin:30px auto;
}


/* 横幅、高さ可変*/
#top_img{
width: 100%;
max-width: 600px;
height: auto;
padding-top: 61.77%; 
overflow: hidden;
}

/*クラファン*/
/*.img_croud{width: 100%;}
.img_croud a img{width: 90%;margin: 1rem auto 0;display: block;transition: 0.3s;}
.img_croud a:hover{opacity: 0.7;}
	.img_croud img{width: 100%;height: auto;}
.catch_croud{width: 90%;background-color: #fff;margin: 0 auto 0.5em;padding: 0.5em;font-size: 0.875rem;box-sizing: border-box;}
.catch_croud a{color:#69AEFC;font-weight: bold;}
.catch_croud a{text-decoration: none;}*/

/* 見出し
---------------------------------------------------*/
/*h2{
	white-space:nowrap;
    font-size: 2.4rem;
}*/
#box-title h2{
    font-size: 1.8rem !important;
}
/*h3{
	margin:0 0 12px !important;
	padding:8px 10px !important;
}*/
h5{
	/*font-size:1.4rem !important;*/
	font-size: 2.4rem;
	margin:0 10px;
}


/* 会場
---------------------------------------------------*/
.box-contents dl{
	overflow:hidden;
	_zoom:1;
	width:615px;
	margin:6px auto;
	/*font-size:100%;*/
	font-size: 1.4rem;
}
.box-contents dt{
	clear:both;
	float:left;
	font-weight:600;	
	/*width:5.5rem;*/
	width: 16%;
	margin:0 auto 4px;
	/*padding: 0 10px 0 0;*/
}
.box-contents dd{
	float:left;
	margin:0 auto 4px;
}
.inq{
/*	white-space:nowrap;*/
	line-height:1.8;
}
.inq span{
	color:#fff;
	padding:2px 6px;
/*	font-size:1.2rem;*/
	font-weight: 200;
	display:inline;
	border-radius:3px;
	background:#000;
	margin-right: 0.25em;
}
.box_info{
	width:100%;
	margin:0 0 10px;
}
.box_map{margin-bottom: 1em;
}
.box_map iframe{
	width: 100%;
	max-width:620px;
	height:300px;
	border:3px solid #d8d8d8;
	margin:0 auto;
}


/* テーブル
---------------------------------------------------*/
.tb_osu, .tb_osu td, .tb_osu th{
    border-collapse:collapse;
    border:1px solid #ccc;
}
.tb_osu{
	width:98%;
	margin:2% 1% 4%;
/*	font-size:1.4rem;*/
	line-height:1.6;
}
.tb_osu th{
	font-weight:normal;
	white-space:nowrap;
	padding:6px 8px 5px;
	width:24%;
	color:#555;
	background:#f5f5f5;
	vertical-align:top;
}
.tb_osu td{
	padding:5px 10px;
	text-align:left;
	color:#666;
	background:#fff;
	vertical-align:top;
}




/* 応募
---------------------------------------------------*/
.btn_entry{
	width: 80%; max-width:400px;
	margin:20px auto;
}
.btn_entry a{
	display:block;
	padding:10px 20px;
	color:#ffffff;
	font-size:1.8rem;
	line-height:1.0;
	text-decoration:none;
	background:#c20004;
	text-align:center;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
.btn_entry a:hover{
	background:#333333;
	transition:0.3s;
}
.btn_entry a span{
	font-size:8px;
	font-size:1.2rem;
}

.end{
	width:60%;
	padding:10px 20px;
	font-size:1.8rem;
	text-decoration:none;
	text-align:center;
	margin:20px auto 30px;
	border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	display:block;
}
.end{
	color:#666 !important;
	background:#efefef;
}

/* 注意事項
---------------------------------------------------*/
.notice{
	color:#c20004;
/*	font-size:1.4rem;*/
	margin-bottom:10px;
}
.att_list{
	width:615px;
	margin:0 auto;
}
.att_list li{
	padding:0 0 10px 20px;
	font-size:0.875rem;
	line-height:1.2;
	background:url(/yoshimoto/boshu/images/mark_y.gif) no-repeat 0 4px;
}



/* 出演者
---------------------------------------------------*/
.cast1 li{
	text-align:center;
	margin:0 0 10px 0;
/*	font-size:1.4rem;*/
}
.cast1 img{
	width:298px;
	display:block;
	margin:0 0 4px 0;
	border:1px solid #cccccc;
}
.cast2 li{
	float:left;
	width:142px;
	text-align:center;
	margin:0 0 10px 0;
/*	font-size:1.4rem;*/
}
.cast2 li:nth-child(odd){
	margin:0 16px 10px 0;
}
.cast2 img{
	width:140px;
	margin:0 0 4px 0;
	border:1px solid #cccccc;
}




@media screen and (max-width: 768px) {
.cast1{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
.cast1 li{
	width:48%;
	padding:0 26%;
	font-size:0.75rem;
}
.cast1 li:nth-child(odd){
	margin:0 5.5% 10px 0;
}
.cast1 img{
	width:100%;
}
.cast2{
	width:90%;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
.cast2 li{
	width:22.5%;
	margin:0 3% 10px 0;
	font-size:0.75rem;
}
/*.cast2 li:nth-child(odd){
	margin:0 3% 10px 0;
}*/
.cast2 li:nth-child(4n){
	margin:0 0 10px 0;
}
.cast2 img{
	width:100%;
}

/* テーブル
---------------------------------*/
.tb_osu{
	width:96%;
	margin:2% 2% 4%;
}
.tb_osu{
	border:none;
}
.tb_osu th{
	width:94%;
	margin:3% 0 0;
	padding:6px 3%;
	display:block;
	border:none;
	background:#eee;
	text-align:left;

}
.tb_osu td{
	display:block;
	width:94%;
	margin:0 3% ;
	padding:5px 0;
	border:none !important;
	list-style:none;

}


}

@media screen and (max-width: 480px) {
.cast1{
	width:80%;
}
.cast1 li{
	float:none;
	width:100%;
	margin:0 auto 10px;
	padding:0;
}
.cast1 li:nth-child(odd){
	margin:0 auto 10px;
}
.cast1 img{
	width:99.5%;
}
.cast2{
	width:80%;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
.cast2 li{
	width:47%;
	margin:0 0 10px 0;
}
.cast2 li:nth-child(odd){
	margin:0 6% 10px 0;
}
.cast2 li:nth-child(4){
	margin:0 0 10px 0;
}
.cast2 img{
	width:99%;
}

}



/* スマホ対応
---------------------------------------------------*/
/*@media (max-width: 767px) { */
@media screen and (max-width: 768px) {
body {
  -webkit-text-size-adjust: 100%;
}
.box-contents{
	width:100%;
/*	font-size:1.4rem;*/
}
.box-contents p{
	width:94%;
	margin:0 auto;
}
h3{
	padding:8px 3% !important;

}
h5{
	margin:0 3% !important;
}
#content{
	border-top:1px solid #ccc;
}
.box_info{
	width:100%;
}
.box-contents dl{
	width:94%;
	margin:0 auto;
	font-size:1.2rem;
}
.box_map{
	width:100%;
}
/*.box_map iframe{
	width:100%;
	border:none;
}*/
.att_list{
	width:94%;
	margin:0 auto;
}
.bnr_rakugo img {
	width: 80%;
}

}