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

html {
    font-family: sans-serif;
}

body{
	font-size: 12px;
	line-height: 1.4em;
	font-weight: normal;
	font-family: Helvetica,Arial,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	color:#fff;
	padding:0px;
	margin:0px;
	background-color:#fff;
}

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{
	 /* display: inline-block;*/
} 

.cover {
	line-height: 1.5;
	 /* 古いIE向け */
	background-color:#e6e6e6;
	padding-bottom:60px;
}

.cover .container {
	max-width:1010px;
	width:100%;
	height:auto;
	margin:0 auto; /* モダンブラウザ向け */
	padding:0;
	background-color:#fff;
	color:#000;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}



.cover .container a {
	color: #cccccc;
}
.cover .container a:hover {
	color: #fff;
}
.container img,
.container a:img,{
    border:none;
}  

.container a:hover img {
	border:none;
	opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

h2, p{ margin:0;}

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden; line-height:0;}
.clearfix {display:inline-table;}
* html .clearfix {height: 1%;}  
.clearfix {display: block;}
.sansfont{font-family: 'Open Sans', sans-serif;}

.main{ width:100%; position:relative;}
.main .read_txt{ width:80%; position:absolute; bottom:30px; left:0;right:0; margin:auto; font-size:16px; line-height:220%; font-weight:normal;}
.main img{ width:100%;}

.section01{ width:100%; max-width:930px; margin:0 auto; padding-top:50px;}
.section01 .inner{ width:100%}
.section01 article{ width:100%; margin-bottom:40px;}
.section01 .flyer{ width:60%; float:left; margin-right:3%;}
.section01 .flyer img{ width:100%;}
.section01 .detail{ width:37%; float:left;}
.detail .day{ font-size:22px;font-weight:bold;padding:1px 10px; margin-right:1px; margin-bottom:1px; float:left; background:#FF5700; color:#FFF;}
.detail .week{ font-size:22px;font-weight:bold; padding:1px 10px; float:left; background:#FF5700; color:#FFF;}
.detail .tit{font-size:24px;font-weight:bold; margin-top:10px; clear:both; line-height:120%;}
.detail .venue{ margin-top:5px; line-height:120%;}
.detail .area{font-size:12px;padding:3px 0; border:1px solid #FF5700; color:#FF5700; float:left; width:50px; text-align:center; margin-right:10px;}
.detail .name{font-size:15px;padding:3px 0; float:left; line-height:120%;}
.detail .txt{ margin-top:20px; font-size:14px; line-height:180%;}

.section02{ width:100%; max-width:930px; margin:0 auto; padding-top:0px;}
.section02 .inner{ width:103%}
.section02 article{ width:46.7%; display:inline-block;margin-bottom:40px; margin-right:3%; vertical-align:top;}
.section02 .flyer{ width:100%; float:left; margin-right:3%; margin-bottom:15px;}
.section02 .flyer img{ width:100%;}
.section02 .detail{ width:100%; float:left;}

.section03{ width:100%; max-width:930px; margin:0 auto; padding-top:0px;}
.section03 .inner{ width:103%}
.section03 article{ width:21.5%; margin-bottom:40px; margin-right:3%; display:inline-block; vertical-align:top;}
.section03 .flyer{ width:100%; float:left; margin-right:3%; margin-bottom:15px;}
.section03 .flyer img{ width:100%;}
.section03 .detail{ width:100%; float:left;}
.section03 .size18{ font-size:18px !important;}
.section03 .size20{ font-size:20px !important;}

.section04{ width:100%; max-width:930px; margin:0 auto; padding-bottom:50px;}
.section04 .inner{ max-width:930px; margin:0 auto; width:100%;}
.section04 .inner img{ width:100%;}




@media screen and (max-width:800px)
{
.cover .container{ margin:45px auto 0 auto;}
.main .read_txt{ width:90%; position:relative; bottom:0; left:0;right:0; margin:20px auto 0 auto; font-size:15px; line-height:220%; font-weight:normal;}

.section01{ width:100%; max-width:930px; margin:0 auto; padding-top:50px;}
.section01 .inner{ width:90%; margin:0 auto;}
.section01 article{ width:100%; margin-bottom:40px;}
.section01 .flyer{ width:100%; float:none; margin-right:0;}
.section01 .flyer img{ width:100%;}
.section01 .detail{ width:100%; float:none; margin-top:10px;}
.detail .day{ font-size:18px;font-weight:bold;padding:1px 10px; margin-right:1px; float:left; background:#FF5700; color:#FFF;}
.detail .week{ font-size:18px;font-weight:bold; padding:1px 10px; float:left; background:#FF5700; color:#FFF;}
.detail .tit{font-size:20px;font-weight:bold; margin-top:5px; clear:both;}
.detail .venue{ margin-top:5px; line-height:120%;}
.detail .area{font-size:12px;padding:3px 5px; border:1px solid #FF5700; color:#FF5700; float:left;}
.detail .name{font-size:16px;padding:3px 10px; float:left}
.detail .txt{ margin-top:10px; font-size:14px; line-height:180%;}

.section02{ width:100%; max-width:930px; margin:0 auto; padding-top:0px;}
.section02 .inner{ width:90%; margin:0 auto;}
.section02 article{ width:100%; float:none; margin-bottom:0; margin-top:30px; margin-right:0%;}
.section02 .flyer{ width:100%; float:none; margin-right:3%; margin-bottom:15px;}
.section02 .flyer img{ width:100%;}
.section02 .detail{ width:100%; float:left;}

.section03{ width:100%; max-width:930px; margin:0 auto; padding-top:50px;}
.section03 .inner{ width:90%; margin:0 auto;}
.section03 article{ width:100%; float:left; margin-bottom:40px; margin-right:3%;}
.section03 .flyer{ width:100%; float:left; margin-right:3%; margin-bottom:15px;}
.section03 .flyer img{ width:100%;}
.section03 .detail{ width:100%; float:left;}
.section03 .size18{ font-size:18px !important;}
.section03 .size20{ font-size:20px !important;}
}

.hi80{ height:62px;}
.hi150{ height:125px;}
.wi145{ width:143px;}
#footer{ margin-top:0 !important;}