@charset "utf-8";


#bus {
background: #ceeff8;  /* fallback for old browsers */
}
.header { padding: 0 !important; text-align: center; }
#bus .header .header_pc{display:none; margin:0 auto !important; }
a:hover { opacity: 1 !important; }
.information article .contents h1{display:none;}
.nav { padding:0 !important; }
.nav li a { display:block; max-width: 100%; width: 100%; padding: 3px 0; text-align: center; }
.nav li a img { vertical-align: middle; }
.nav li a:hover { opacity: 1; }
.nav li a img:hover { opacity: 1; }
.nav .nav01 a{ background: #e18b61 !important; }
.nav .nav02 a{ background: #d7a635 !important; }
.nav .nav01 a:hover { background: #fbb08c !important; }
.nav .nav02 a:hover { background: #fec542 !important; }
.nav li { float: left; width:50%;}
.nav li:first-child { margin-left: 0 !important; }
.main { background-color:#68318e; margin: 0 auto 0 !important; padding: 0 0 20px 0 !important; font-size:1.3em;}
#bus article { box-shadow: none!important; width: 100%; padding: 0 5px !important; border: none !important; }
#bus article .inner { padding: 10px; border-radius: 5px; }
#bus #summary .inner { background:#ffffff !important;}
#bus #subscription .inner { background:#fffaf2 !important; }
#bus article h2 { border-bottom:dotted 3px #fff !important; position: relative; display: inline-block !important; padding: 0 0 0 5px !important; color: #fff; vertical-align: middle; text-decoration: none; font-size:1.3em !important;  margin:10px 0 !important;}
#bus h2 img{max-width:70%; height:auto;} 
#bus .about_i{text-align:center;}
#bus article h3 { margin-bottom: 5px !important; margin-top: 20px !important; padding-left: 8px !important; border-left: 5px solid !important; }
#bus #summary h3 { border-left-color: #2797b5 !important; }
#bus #subscription h3 { border-left-color: #ff9c00 !important; }
#bus article .inner p { margin:10px 0 !important;}
#bus article .inner .artist_innner p { margin:10px 0 5px 0 !important; font-size:0.8em; padding:5px 10px !important; text-align:left;}

.toTop a { display: block; position: relative; margin-top: 10px !important; padding: 10px !important; }
.toTop a::before, .toTop a::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; } 
.toTop a::before { right: 8px; box-sizing: border-box; width: 10px; height: 10px; border: 8px solid transparent; border-bottom: 12px solid; }
.toTop span { display: none; }

#bus #subscription .bn_form a { display: inline-block; max-width: 100%; padding: 10px 20px !important; background: #ff9c00 !important; border-radius: 5px; }

#bus #summary .gaiyou_innner{display: -webkit-flex; /* Safari */ 	display: flex; 	-webkit-flex-wrap: wrap; /* Safari */	flex-wrap:wrap;	-webkit-justify-content: flex-start; /* Safari */ justify-content:flex-start;}
#bus #summary .gaiyou_innner .artist_innner{width:47%; list-style:none; margin:4px !important; background: #fffcd8; text-align:center; border:solid 1px #585858 !important;}
#bus #summary .gaiyou_innner .artist_innner img{max-width: 100%; height:auto;}
#bus #summary h4 {color:#ffffff !important; background-color:#89b204 !important; padding:5px !important; margin-bottom:5px !important; font-size:0.9em;}
#bus .okinawa_photo{display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap:wrap; -webkit-justify-content: space-around; /* Safari */ 	justify-content:space-around;}
#bus .okinawa_photo .photo_inner{width:48%; margin-bottom:10px;}
#bus .okinawa_photo .photo_inner img{height:auto !important;}
#bus .photo-r{width:100%; display: -webkit-flex; /* Safari */ display: flex; -webkit-flex-wrap: wrap; /* Safari */ flex-wrap:wrap; -webkit-justify-content: space-around; /* Safari */ 	justify-content:space-around;}
#bus .photo-r .photo-r-innner{width:33.3333%;}
#bus .photo-r .photo-r-innner img{height:auto;}

@media screen and (min-width: 400px){
#bus .photolist { margin: 0 auto !important; max-width: 550px; }
}

@media screen and (min-width: 640px){
.nav { width: 980px !important; }
#bus article .inner { padding: 15px; }
#bus .header .header_pc{display:block;}
#bus .header .header_sp{display:none;}
article{width:100% !important;}
#bus #summary .gaiyou_innner .artist_innner{height:auto !important; width:32% !important;}
#bus h2 img{max-width:90%; height:auto;} 
#bus article h2{font-size:1.7em !important;}
}

@media screen and (min-width: 640px) and (max-width: 999px) {
.nav li { max-width: 50%; }
.point dl span { width:15% !important; }
.nav li a { padding: 8px 0; }
}

@media screen and (min-width: 768px){
#bus article .cast_inner { width: 100%; }
#bus article .cast_inner li { display: inline-block; vertical-align: middle; width: 24%; }
#bus article .cast_inner dl {  }
}
@media screen and (min-width: 980px){
#bus .photo-r{width:980px;}
}

@media screen and (min-width: 1000px){
#bus article { padding: 10px 45px 0 45px !important; }
#bus article .inner { padding: 20px; }
.footernav{margin-top:0  !important; }
}