@charset "utf-8";

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;

}

body {
    font-size:18px;
    line-height:2em;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",”Meiryo,Osaka”,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color:#231815;
    -webkit-text-size-adjust: 100%;
    font-weight:normal;
    background:#fff;
}

img {
    vertical-align: middle;
    font-size:0;
    line-height: 0;
}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
    display:block;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a{
text-decoration:none;
color:#3E3A39;
}

a:hover{
filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


li {
    list-style-type: none;
}

.clearfix:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}


body {
	background-image:url(../img/bk.png);
	font-family: "Gothic Medium BBB";
	-webkit-text-size-adjust: 100%;
	
}

.head_sns_area{
background:#FFF500;	
}
.head_sns_contents .logo{
margin-top:10px;
}
.head_sns_contents{
width:1000px;
margin:0px auto;
overflow:hidden;
padding:5px 0px;
}

.head_sns_contents ul{
overflow:hidden;
display:inline-block;
float:right;
}

.head_sns_contents ul li{
float:left;
padding:0px 10px;
}

#header{
 background:url(../img/main_bk.jpg) repeat-x center center;
 height:1186px;
 position:relative;
}
#header h1{
    width:1000px;
    margin:0px auto;
    padding-top:110px;
    text-align:center;
}
.schedule{
background:#FFF500;
text-align:center;
padding:55px 0px;
}
#wrapper {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
}


#yodogawa {
	font-family: "Midashi Go MB31";
	width:550px;
	margin:65px auto;
	font-size:20px;
	line-height:2em;
	font-weight:bold;
}

#yodogawa p{
    margin-bottom:2em;
}


.txt_c{
    text-align:center;
}

.mt60{
    margin-top:60px!important;
}
.contents_area{
    clear:both;
    background:#fff;
    width:1000px;
    margin:0px auto;
}
.contents_area h2 img{
margin-bottom:10px;
}
.contents_area h2{
    margin:0px auto;
    padding:40px 0px 30px;
    font-size:34px;
	font-family: "Midashi Go MB31";
	background:#FFF500;
	text-align:center;
	line-height:1.5em;
	margin-bottom: 80px;
}    
.contents_area h2 span{
    font-size: 21px;
    display: inline-block;
    padding: 5px;
    background: #FFF35C;
    margin-bottom: 20px;
    line-height:1em;
}

.contents_area p{
    width:500px;
    margin:0px auto;
    margin-top:1.5em;
    line-height:2em;
    font-size:17px;
}

.contents_area .photo_area{
    width:700px;
    margin: 40px auto 60px;
}

.w500{
	width:500px!important;
}
.contents_area .photo_area p{
    font-size:14px;
    margin-top: 10px;
    text-align:left;
    width:700px;
    line-height:1.5em;
}

.contents_area h3{
    font-size:17px;
    width:500px;
    margin:0px auto;
    line-height:1.5em;
}

.contents_area h3 span.bd{
display:inline-block;
padding:10px;
border-top:1px solid #808080;
border-bottom:1px solid #808080;

}

.contents_area h3 span.fee{
font-size:14px;
}

.contents_area .date_txt{
    font-size:14px;
    width:500px;
    margin:0px auto;    
}

.hidden_txt{
	padding:30px 0px;
	width:500px;
	margin:0px auto;
	font-family: 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	display:none;
	background-color: #fffad3;
}

.contents_area p a{
color:#0950bb;
}

.right{
text-align:right!important;
}
.contents_area p.small{
	font-size:14px;
}
span.open_btn{
background:url(../img/arrow_down.png) no-repeat #FFF500;
background-position:right 10px top 10px;
display:inline-block;
padding:10px 40px 5px 10px;
line-height:1em;
font-weight:bold;
color:#000!important;
}

span.up{
background-image:url(../img/arrow_up.png) !important;
}
.bordertop{
border-top:1px solid #808080;
}

.borderbottom{
border-bottom:1px solid #808080;
padding-bottom:20px;
}
	

.icon{
	font-size: 15px;
    background-color: #FFF500;
    text-align: center;
    display: inline-block;
    line-height: 1em;
    padding: 10px 10px 7px;
    font-weight: bold;
    font-family: "Midashi Go MB31";
}
.big{
    font-family: "Midashi Go MB31";
    font-size:24px;
}

.dotline{
width:900px;
margin:60px auto;
background:url(../img/dotline.png) no-repeat center center;
}

.banner_area{
width:900px;
margin:0px auto;
padding-bottom:60px;
}

.banner_area ul{
overflow:hidden;
margin-top:25px

}

.banner_area ul li{
float:left;
width:50%;
text-align:center;
}


.banner_area ul li p {
    width: 400px;
    margin: 0px auto;
    margin-top: 10px;
    line-height: 1.5em;
    font-size: 15px;
}

.mt20{
margin-top:20px!important;
}

.yellow_contents h2{
    font-family: "Midashi Go MB31";    
    font-size:44px;
    line-height:1.2em;
    letter-spacing:0.1em;
    margin-top:20px;
}

.yellow_contents h2 span.release{
 color:#FF6E00; 
 font-size:44px;
 display:block;
 }

.yellow_contents h2 span{
    font-size: 21px;
    display: block;
    letter-spacing: 0em;
    line-height: 1.3em;
}

.phototxt_area{
    margin-top:20px;
    overflow:hidden;
    padding-bottom:60px;
    border-bottom:1px solid #231815;
    margin-bottom:60px;
}

.photoswitch{
    float:left;
    width:424px;
}

.txtswitch{
    float:right;
    width:540px;   
    font-size:18px;
}

.yellow_contents h2.ex span{
    font-size:34px;
    display:inline-block;
}
.yellow_contents h2.ex span.wt{
    line-height:1em;
    padding:5px;
    background:#fff;
    font-size:44px;
    margin-top:5px;
}

.em15{
    margin-top:1.5em;
}


.white_area{
    margin-top:20px;
    background:#fff;
    width:880px;
    margin:20px auto 0px;
    padding:60px;
}

.white_area table{
    margin:0px 0px 60px;
}

.white_area th{
    background:#FFD000;
    padding:5px 15px;
    border-radius: 10px;
}

.white_area td{
    padding:5px 20px;
    font-weight:bold;
}
.ex_info{
    border-top:1px solid #231815;
    padding-top:50px;
}

.ex_info dl{
    overflow:hidden;
    margin-bottom:10px;
}

.ex_info dt{
    width:80px;
    float:left;
    font-weight:bold;
}

.ex_info dd{
    width:600px;
    float:left;
}

.navi_area{
    background:#fff; 
}
.navi_contents{
 width:1000px;
 margin:0px auto;
 padding:80px 0px 60px;  

}

.navi_area h3{
font-size:21px;
font-weight:bold;
font-family: "Midashi Go MB31"; 
 overflow:hidden;
 letter-spacing:0.1em;
}

.navi_area .contents_title{
    float:right;
font-weight:bold;
font-family: "Midashi Go MB31"; 
line-height:1em;    
    font-size:16px;
    display:inline-block;
    padding:10px 5px 5px;
    border-bottom:4px solid #FFF35C;
     letter-spacing:0em;
}
.navi{
    overflow:hidden;
    margin-top:60px;
}

.navi .left{
    float:left;
    width:480px;
}

.navi .right{
    float:right;
    width:480px;
}
.navi ul li{
    margin-bottom:20px;
    opacity:0.5;
    font-family: "Midashi Go MB31"; 
}

.navi ul li.on{
    opacity:1;
    font-weight:bold;
}

.navi ul li.on:hover{
    opacity:0.5;
}
.navi ul li{
    overflow:hidden;
    background:url(../img/line.png) repeat-x center center;
    display:block;
}


.navi ul li .num{
    font-size:16px;
    float:left;
    background:#E5E5E5;
    display:inline-block;
    line-height:1em;
    padding:5px;
        margin-top:3px;
}

.navi ul li.on .num{
    background:#FFF35C;
}

.navi ul li .title{
    font-size:21px;
    float:left;
    background:#fff;
    display:inline-block; 
    line-height:1em;
    padding:5px 12px; 
        
}
.navi ul li .date{
    font-size:15px;
    float:right;
    background:#fff;
    display:inline-block; 
    line-height:1em;
    padding:5px 12px; 
        margin-top:3px;
}

#footer {
	padding-top:60px;
	overflow:hidden;
}
#footer ul {
	width: 480px;
	height: auto;
	margin: 0px auto;
}
#footer li:first-child{
	margin-left:0;
}
#footer li {
	display: inline;
	float: left;
	margin: 0 0 0 50px;
	vertical-align:middle;
}

.copyright{
	clear:both;
	font-family: "Midashi Go MB31";
	font-size:11px;
	clear:both;
	text-align:center;
	margin:20px auto 0;
	padding-bottom:50px;
	display:block;
}

#foot_navi{
    width: 700px;
    margin: 30px auto 40px;
    padding-bottom: 50px;
    padding-top: 50px;
	overflow:hidden;
}
#foot_navi li{
float: left;
    /* margin-left: 255px; */
    width: 33%;
    text-align: center;
}
#foot_navi li:first-child{
	text-align:left;
}
#foot_navi li:last-child{
	text-align:right;
}

dd a{
    color:#FF6E00;
}

.copyright{
    font-family: "Midashi Go MB31";
    font-size: 11px;
    clear: both;
    text-align: center;
    margin: 20px auto 0;
    padding-bottom: 50px;
    display: block;
    font-weight:bold;
}

.pc_only{
    display:block!important;
}

.sp_only{
    display:none!important;
}

.inline_area{
	display:inline-block!important;
}

@media screen and (max-width:768px){
  
.pc_only{
    display:none!important;
}

.sp_only{
    display:block!important;
 }  


*{
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	letter-spacing:0em!important;
}

img{
    max-width:100%;
    height:auto;
}
#wrapper,.contents_area{
    width:100%;
}
#yodogawa {
    font-size:18px;
    margin-top:30px;
}

.head_sns_contents{
width:100%;
padding-left:10px;
padding-right:10px;
}
.head_sns_area img{
max-width:85%;
height:auto;
}
.head_sns_contents .logo{
max-width:40%;
max-height:30px;
}

.schedule img{
width:90%;
display:block;
margin:0px auto;
}

.dotline,.contents_area .photo_area p,#yodogawa_area,.photoswitch,.txtswitch,.yellow_contents,.ex_info dt,.ex_info dd,.ex_info dl,.navi .left,.navi .right,#foot_navi,.contents_area .date_txt{
    width:100%;
    padding:0px;   
}
.contents_area h2{
padding:20px 10px!important;
line-height:1.5em!important;
font-size:26px;
    margin-bottom: 40px;
}
.contents_area h2 .small_h2{
font-size:18px;
line-height:0;
}
.contents_area h2 .small_h2_2{
padding-top:20px;
font-size:26px;
line-height:0;
}
.txtswitch{
    padding-top:20px;
}
.banner_area ul li{
width:100%;
}

.dotline{
margin:30px 0px;
}

.banner_area ul li p{
padding-left:0px;
padding-right:0px;
margin-bottom:20px;
font-size:13px;
}
.contents_area h3 span.bd{
display:block;
}
#header{
    height:550px;
    background-image:url(../img/main_bk.jpg);
    background-size:cover;
    padding:20px 0px 5px;
    text-align:center;
}
#header h1 img{
    width:100%;
    height:auto;}
    
    
.schedule{
padding:30px 0px;
}    
.borderbottom{
 padding-bottom:10px!important;
 }
 
 .hidden_txt p{
 	padding-left:10px!important;
 	padding-right:10px!important;
 }
        
.hidden_txt,.contents_area h3,.w500,#header h1,#header .hobo,#yodogawa,.news,.contents_area h2,.contents_area p,.contents_area .banner_area,.contents_area .photo_area,.contents_area .date,.navi_contents,#footer ul{
    width:100%!important;
    padding:0px 20px;
}

.w500{
max-width:500px;
margin-left:auto;
margin-right:auto;
}



.navi_contents{
    padding:40px 20px 20px;
 }

.navi_area .contents_title{
    float:left;
    font-size:20px;
}

.navi{
    margin-top:40px;
}

.navi ul li{
    background:none;
}
.navi ul li .date{
    display: block;
    width: 100%;
    text-align: right;
    padding: 10px 0px;
    background: url(../img/line.png) no-repeat 70px center;
}

.navi ul li .date span.for_sp{
    display:inline-block;
    background:#fff; 
    padding-left:10px;
}


.contents_area h2{
    text-align:center;
}

.icon{
    width:100%;
    text-align:center;
}


#header .hobo{
    bottom: 15px;
}
#foot_navi{
	margin: 30px auto 40px;
	padding-bottom:50px;
	overflow:hidden;
}
#foot_navi li{
    margin: 0px;
	width:33%;
	text-align:center!important;
}
#foot_navi ul{
	text-align:center;
    overflow:hidden;
}

#footer {
	width:100%;
	margin:0 auto;
}
#footer ul {
	width:100%;
	margin: 0 auto;
	padding:0;
	text-align:center;
}
#footer li:first-child{
	margin-left:0px;
}
#footer li {
	display: inline;
	float:left;
	width:33%;
	vertical-align:middle;
    text-align:center;
    margin:0px;
}

#footer li.home{
    width:100%;
    padding-top:20px;
}

#footer li img {
	height:50px;
	width:auto;
}    
    
.copyright{
	font-size:12px;
	width: 300 auto;
	text-align:center;

}

.contents_area p{
    line-height:1.75em;
}

.contents_area .banner_area, .contents_area .photo_area{
    margin-bottom:40px;
}
.yellow_area{
    padding-top:40px;
    padding-bottom:40px;
}

.phototxt_area{
    padding-bottom:40px;
    margin-bottom:40px;
}

.txt_area{
    padding-top:30px;
}

.txt_area dl{
width:100%;
margin:0px auto;
padding:0px 20px;
}

.txt_area dt{
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
.txt_area dd{
    display: inline-block;
    vertical-align: top;
    width: 100%;
    margin: 0 0 1.5em;
}

.contents_area h2 {
    text-align: center;
    line-height:1em;
}
.date_txt{
padding:0px;
}
#footer{
padding-top:0px;
}
}

@media (min-width: 500px) and (max-width: 768px) {
    #header{
    height:900px;
    }
}