@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

/* ---------- 初期 ---------- */
html { background: #F7F7F7;}
body { letter-spacing: 0; font-family: noto-sans-cjk-jp, sans-serif; -webkit-text-size-adjust: 100%; background: #fff; width: 600px; margin: 0 auto;}
img { max-width: 100%;}
a { text-decoration: none;}
strong { font-weight: bold;}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
#gurade { background: -moz-linear-gradient(開始位置, 開始色, 終了色); 
background: -webkit-linear-gradient(開始位置, 開始色, 終了色); 
background: linear-gradient(to 方向, 開始色, 終了色); }
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */

/* PC */
@media screen and (min-width: 769px) {
	.sponly { display: none !important;}
	
.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.entry_btn { text-align: center;}
.entry_btn img { width: 350px; height: auto;}

#mv {}
#mv img { width: 100%; height: auto; display: block;}

#maintxt { text-align: center; color: #fff; padding: 8px 0; font-size: 18px;}
#maintxt.girls { background: #EC2954;}
#maintxt.boys { background: #40AFEF;}

#about_logo { text-align: center; padding: 40px 0;}
#about_logo img { width: 60%; height: auto;}

#about {}
#about .about_inner { width: 90%; margin: 0 auto; text-align: center;}
#about .about_inner .about_movie { margin-bottom: 30px;}
#about .about_inner .about_movie iframe { width: 100%;}
#about .about_inner .about_ttl { line-height: 1.6em; margin-bottom: 15px;}

#jusyo { padding: 40px 0;}
#jusyo .jusyo_inner { width: 90%; margin: 0 auto;}
#jusyo h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#jusyo .jusyo_txt { line-height: 1.6em; font-size: 15px; margin-bottom: 25px;}
#jusyo .jusyo_place { text-align: center;}
#jusyo .jusyo_place .jusyo_place_logo { margin-bottom: 20px;}
#jusyo .jusyo_place .jusyo_place_logo img { width: 200px; height: auto;}
#jusyo .jusyo_place .jusyo_place_img {}
#jusyo .jusyo_place .jusyo_place_img img { width: 90%; height: auto;}

#schedule { padding: 10px 0 40px;}
#schedule h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#schedule .schedule_inner { width: 80%; margin: 0 auto;}
#schedule ul li { margin-bottom: 15px; line-height: 1.4em; font-size: 18px;}
#schedule ul li:last-child { margin-bottom: 0;}

#prize { padding-bottom: 40px;}
#prize h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#prize .prize_img { width: 90%; margin: 0 auto;}
#prize .prize_img img { width: 100%; height: auto;}

#kyosan { padding: 40px 0;}
#kyosan h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#kyosan .kyosan_inner { width: 90%; margin: 0 auto;}
#kyosan dl { margin-bottom: 40px;}
#kyosan dl:last-child { margin-bottom: 0;}
#kyosan dl dt { text-align: center; width: 32%;}
#kyosan dl dd { width: 68%; font-size: 13px; line-height: 1.4em;}
#kyosan dl dt img { max-width: 60%; height: auto;}

#voice { padding: 40px 0;}
#voice .voice_inner { width: 75%; margin: 0 auto;}
#voice h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#voice .voice_box { margin-bottom: 35px;}
#voice .voice_box:last-child { margin-bottom: 0;}
#voice .voice_box .voice_box_img { margin-bottom: 25px;}
#voice .voice_box .voice_box_img img {}
#voice .voice_box .voice_box_txt {}
#voice .voice_box .voice_box_txt h3 { line-height: 1.4em; margin-bottom: 1em; font-size: 20px;}
#voice .voice_box .voice_box_txt h4 { line-height: 1.4em; margin-bottom: 1em; font-size: 20px;}
#voice .voice_box .voice_box_txt .txt { font-size: 15px; line-height: 1.4em;}

#entry { padding: 40px 0;}
#entry h2 { text-align: center; font-size: 20px; margin-bottom: 15px; line-height: 1.6em;}
#entry .entry_inner { width: 80%; margin: 0 auto;}
#entry .entry_req { font-size: 15px; line-height: 1.6em; margin-bottom: 50px;}
#entry .entry_step { margin-bottom: 30px;}
#entry .entry_step img { width: 100%; height: auto;}

#flow { background: #232323; padding: 40px 0;}
#flow .flow_inner { width: 80%; margin: 0 auto;}
#flow .flow_txt { color: #fff; font-size: 15px; line-height: 1.6em; box-sizing: border-box; padding: 20px;}

.copy { text-align: center; background: #000; color: #fff; font-size: 12px; padding: 10px 0;}
	.float_btn { position: fixed; right: 10px; bottom: 10px; width: 200px;}
	.float_btn img { width: 100%; height: auto; display: block;}

}


/* SP */
@media screen and (max-width: 768px) {
	.pconly { display: none !important;}
	
	body { width: 100%;}
	
.spwrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}

.entry_btn { text-align: center;}
.entry_btn img { width: 60vw; height: auto;}

#mv {}
#mv img { width: 100%; height: auto; display: block;}

#maintxt { text-align: center; color: #fff; padding: 2vw 0; font-size: 3.2vw;}
#maintxt.girls { background: #EC2954;}
#maintxt.boys { background: #40AFEF;}

#about_logo { text-align: center; padding: 8vw 0;}
#about_logo img { width: 60%; height: auto;}

#about { padding-bottom: 8vw;}
#about .about_inner { width: 90%; margin: 0 auto; text-align: center;}
#about .about_inner .about_movie { margin-bottom: 4vw;}
#about .about_inner .about_movie iframe { width: 100%; height: 48vw;}
#about .about_inner .about_ttl { line-height: 1.6em; margin-bottom: 3vw; font-size: 3.4vw}

#jusyo { padding: 8vw 0; background:#FAFAFA;}
#jusyo .jusyo_inner { width: 90%; margin: 0 auto;}
#jusyo h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#jusyo .jusyo_txt { line-height: 1.6em; font-size: 3.4vw; margin-bottom: 4vw;}
#jusyo .jusyo_place { text-align: center;}
#jusyo .jusyo_place .jusyo_place_logo { margin-bottom: 4vw;}
#jusyo .jusyo_place .jusyo_place_logo img { width: 40vw; height: auto;}
#jusyo .jusyo_place .jusyo_place_img {}
#jusyo .jusyo_place .jusyo_place_img img { width: 90%; height: auto;}

#schedule { padding: 8vw 0 ;}
#schedule h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#schedule .schedule_inner { width: 90%; margin: 0 auto; text-align: center;}
#schedule ul li { margin-bottom: 3vw; line-height: 1.4em; font-size: 3.4vw;}
#schedule ul li:last-child { margin-bottom: 0;}

#prize { padding-bottom: 8vw;}
#prize h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#prize .prize_img { width: 90%; margin: 0 auto;}
#prize .prize_img img { width: 100%; height: auto;}

#kyosan { padding: 8vw 0;}
#kyosan h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#kyosan .kyosan_inner { width: 90%; margin: 0 auto;}
#kyosan dl { margin-bottom: 8vw;}
#kyosan dl:last-child { margin-bottom: 0;}
#kyosan dl dt { text-align: center; width: 100%; margin-bottom: 3vw;}
#kyosan dl dd { width: 100%; font-size: 3.4vw; line-height: 1.8em;}
#kyosan dl dt img { width: 30%; height: auto;}

#voice { padding: 8vw 0; background:#FAFAFA;}
#voice .voice_inner { width: 90%; margin: 0 auto;}
#voice h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#voice .voice_box { margin-bottom: 5vw;}
#voice .voice_box:last-child { margin-bottom: 0;}
#voice .voice_box .voice_box_img { margin-bottom: 4vw; text-align: center;}
#voice .voice_box .voice_box_img img { width: 70%; height: auto;}
#voice .voice_box .voice_box_txt {}
#voice .voice_box .voice_box_txt h3 { line-height: 1.4em; margin-bottom: 1em; font-size: 3.7vw; text-align: center;}
#voice .voice_box .voice_box_txt h4 { line-height: 1.4em; margin-bottom: 1em; font-size: 4vw; text-align: center;}
#voice .voice_box .voice_box_txt .txt { font-size: 3.4vw; line-height: 1.4em;}

#entry { padding: 8vw 0;}
#entry h2 { text-align: center; font-size: 5vw; margin-bottom: 4vw; line-height: 1.6em;}
#entry .entry_inner { width: 90%; margin: 0 auto;}
#entry .entry_req { font-size: 3.4vw; line-height: 1.6em; margin-bottom: 5vw;}
#entry .entry_step { margin-bottom: 4vw;}
#entry .entry_step img { width: 100%; height: auto;}

#flow { background: #232323; padding: 8vw 0;}
#flow .flow_inner { width: 90%; margin: 0 auto;}
#flow .flow_txt { color: #fff; font-size: 3.2vw; line-height: 1.6em; box-sizing: border-box; padding: 3vw;}

.copy { text-align: center; background: #000; color: #fff; font-size: 2.6vw; padding: 3vw 0;}
	.float_btn { position: fixed; right: 1vw; bottom: 1vw; width: 25vw;}
	.float_btn img { width: 100%; height: auto; display: block;}

}