/* =================================
	TBS Reset CSS
================================= */
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,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}


/*	学校のヒーロー＆ヒロイン
============================== */
#project {
  background-color: #ebecf0;!important; color: #000;
}
#projectHeader, #projectFooter { background-color: #82d507;
background-repeat: repeat;
background-position:center top;
background-image: url(../img/project/bg.jpg?1);
}
#projectHeader h1 {
background-repeat: no-repeat;
background-position:center top;
background-size: contain;
text-indent: -9999px;
background-image: url(../img/project/header.png?1);
}

.contentsBlock h2 { text-align: center; background-color: #82d507; height: 68px;
background-repeat: repeat;
background-position:center top;
background-image: url(../img/project/bg.jpg);
}
.contentsBlock h2 span { text-align: center; height: 68px; display: block;
background-repeat: no-repeat;
background-position:center center;
background-size: auto 26px;
text-indent: -9999px;
}
.contentsBlock#join h2 span {background-image: url(../img/project/h2_join.png);}
.contentsBlock#attention h2 span {background-image: url(../img/project/h2_attention.png);}
.contentsBlock#terms h2 span {background-image: url(../img/project/h2_terms.png);}

#readArea p, #join p, #attention p { font-size: 1.05em; font-weight: bold; padding-bottom: 0.3em; line-height: 1.5em;}
#terms p, #terms h3 { font-size: 0.7em; line-height: 1.6em; font-weight: normal;}
#terms article { padding-top: 0.5em;}

.list p {
    padding-left: 1em;
    text-indent: -1em;
}
#readArea .list p, #join .list p {
    padding-left: 1.3em;
    text-indent: -1.3em;
}
#terms .list p {
    padding-left: 1.5em;
    text-indent: -1.5em;
}
.contentsBlock#readArea .list { padding: 1em 0 1em;}



ul#linkArea {margin: 0 auto; padding: 30px 0 0; text-align: center; letter-spacing: -.4em;}
ul#linkArea li { display: inline-block; vertical-align: middle;}
ul#linkArea li a{
	display: block;
	background-repeat: no-repeat;
	background-position:center center;
	background-size: contain;
	text-indent: -9999px;
}
ul#linkArea li a:hover {opacity: 0.75;}
ul#linkArea li#btnYume a{ background-image: url(../img/project/btn_yume.png?1);}
ul#linkArea li#btnhero a{ background-image: url(../img/project/btn_hero.png?1);}





@media all and (min-width: 658px) {
ul#linkArea { width:658px;}
ul#linkArea li#btnYume a{ width:193px; height: 115px;}
ul#linkArea li#btnhero a{ width:115px; height: 115px; margin: 0 75px;}
ul#linkArea li#btnYeahhh a{ width:200px; height: 115px;}
}
@media all and (max-width: 657px) {
ul#linkArea { width:90%; padding: 20px 0 0; }
ul#linkArea li#btnYume { width:32%;}
ul#linkArea li#btnhero { width:24%; margin: 0 6%;}
ul#linkArea li#btnYeahhh { width:32%;}
ul#linkArea li#btnYume a{ width:100%; height: 0; padding-top:59.585%; }
ul#linkArea li#btnhero a{ width:100%; height: 0; padding-top:100%;}
ul#linkArea li#btnYeahhh a{ width:100%; height: 0; padding-top:57.5%;}
}


.contentsBlock#readArea #read { font-size:150%;line-height:1.8em;font-weight: bold; text-align: center; padding:5px 0px;}
.contentsBlock#readArea #read .red{color:#ff491a;}
@media all and (min-width: 960px) {
	#projectHeader h1 {width:960px; height:373px; margin: 0 auto;}
}
@media all and (max-width: 959px) {
	#projectHeader h1 {width:100%; height:0; margin: 0 auto; padding-top: 38.854%;}
}

@media all and (min-width: 768px) {
	.contentsBlock div.contBox { width:715px; margin: 0 auto; padding: 35px 0;}
	.contentsBlock#readArea div.contBox {padding: 0px 0 35px;}
	.contentsBlock#terms div.contBox { width:95%; max-width: 800px; margin: 0 auto; padding: 35px 0;}
}

@media all and (max-width: 767px) {
	.contentsBlock div.contBox { width:90%; margin: 0 auto; padding: 30px 0;}
	.contentsBlock#readArea div.contBox {padding: 0px 0 30px;}
	#readArea p, #join p, #attention p { font-size: 1.0em;}
}

@media all and (min-width: 850px) {	.contentsBlock#readArea .list { width:30em; margin: 0 auto;}	}
@media all and (min-width: 500px) and (max-width: 849px) {.contentsBlock#readArea .list { width:30em; margin: 0 auto;}

}



@media all and (max-width: 499px) {
#projectHeader h1 { padding-top: 115.942%;
background-repeat: no-repeat;
background-position:center top;
background-size: contain;
text-indent: -9999px;
background-image: url(../img/project/header_sp.png);
}

}

/*	バックナンバー
============================== */
.backnumber h3{font-size:180%;padding:5px 10px;}
.backnumber ul { margin:10px auto; line-height: 150%;}
.backnumber li {padding:10px 0;margin:0 auto;}
.backnumber li a { display:block; padding:15px; margin:5px; font-size:90%; line-height:140%; text-decoration:none; background:#f9d253; color:#333; }
.backnumber li a:hover { background:#fff47b; color:#666; }



/* ------------ Media Queries ------------ */
@media all and (max-width: 767px) {
.backnumber li { width:100%; }
}

@media all and (max-width: 499px) {
.backnumber li { width:100%; }
}