@charset "utf-8";


#guririnoumi {
background: #00913a;  /* fallback for old browsers */
}
.header { padding: 0 !important; text-align: center; border-bottom: solid 1px #fff !important;}
#guririnoumi .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:#01b1e0; margin: 0 auto 0 !important; padding: 0 0 20px 0 !important; font-size:1.3em;}
#guririnoumi article { box-shadow: none!important; width: 100%; padding: 0 5px !important; border:none; }
#guririnoumi article .inner { padding: 10px; border-radius: 5px; }
#guririnoumi #summary .inner { background:#ffffff !important;}
#guririnoumi #subscription .inner { background:#fffaf2 !important; }
#guririnoumi article h2 { border-bottom:dotted 3px #fff !important; position: relative; display: inline-block !important; padding:10px 5px 0 5px !important; color: #fff; vertical-align: middle; text-decoration: none; font-size:1.3em !important;  margin:10px 0 !important;}
#guririnoumi h2 img{max-width:70%; height:auto;}
#guririnoumi .about_i{text-align:center;}
#guririnoumi article h3 { margin-bottom: 5px !important; margin-top: 20px !important; padding-left: 8px !important; border-left: 5px solid !important; }
#guririnoumi #summary h3 { border-left-color: #4ab3e0 !important; }
#guririnoumi #subscription h3 { border-left-color: #ff9c00 !important; }
#guririnoumi article .inner p { margin:10px 0 !important;}
#guririnoumi 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; }

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

#guririnoumi #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;}
#guririnoumi #summary .gaiyou_innner .artist_innner{width:47%; list-style:none; margin:4px !important; background: #fffcd8; text-align:center; border:solid 1px #585858 !important;}
#guririnoumi #summary .gaiyou_innner .artist_innner img{max-width: 100%; height:auto;}
#guririnoumi #summary h4 {color:#ffffff !important; background-color:#89b204 !important; padding:5px !important; margin-bottom:5px !important; font-size:0.9em;}
#guririnoumi .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;}
#guririnoumi .okinawa_photo .photo_inner{width:48%; margin-bottom:10px;}
#guririnoumi .okinawa_photo .photo_inner img{height:auto !important;}
#guririnoumi .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;}
#guririnoumi .photo-r .photo-r-innner{width:33.3333%;}
#guririnoumi .photo-r .photo-r-innner img{height:auto;}

#guririnoumi #summary .corner-inner h4{font-size:1.2em; text-align: center;}
#guririnoumi #summary .corner-inner h3{border-bottom:dotted 4px #ff5272 !important; border-top:dotted 4px #ff5272 !important; border-left:none !important; text-align: center; margin-bottom:10px !important; padding:10px !important; color:#ff5272; font-weight: bold;}
#guririnoumi #summary .corner-inner img{text-align: center;}
#guririnoumi #summary .corner .corner-out{margin:30px 0; border:solid 2px #ff5272 !important; padding:10px !important;}

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

@media screen and (min-width: 640px){
article.nonav .contents{padding:0 !important;}
article.nonav .contents section{max-width:1120px !important;}
.nav { width: 980px !important; }
#guririnoumi article .inner { padding: 15px; }
#guririnoumi .header .header_pc{display:block;}
#guririnoumi .header .header_sp{display:none;}
article{width:100% !important;}
#guririnoumi #summary .gaiyou_innner .artist_innner{height:auto !important; width:32% !important;}
#guririnoumi h2 img{max-width:90%; height:auto;}
#guririnoumi article h2{font-size:1.7em !important;}
#guririnoumi #summary .corner .corner-out{display: flex; 	flex-wrap:wrap;	justify-content: space-around;}
#guririnoumi #summary .corner .corner-out .corner-inner{width:45%;}
}

@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){
#guririnoumi article .cast_inner { width: 100%; }
#guririnoumi article .cast_inner li { display: inline-block; vertical-align: middle; width: 24%; }
#guririnoumi article .cast_inner dl {  }
}
@media screen and (min-width: 980px){
#guririnoumi .photo-r{width:980px;}
}

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