@charset "UTF-8";
#main-visual {
	background:#ffe600;
	line-height:0;
}
#main-visual img {
	display:block;
	max-width:900px;
	margin:0 auto;
}
/*
@media screen and (max-width: 1180px) {
#main-visual {
	background-size:auto 100%;
}
}
*/

#contentarea img {
width: auto;
}
/* .page_control */
.page_control span.chapter { padding: 0 0.5em; margin: auto 0.25em; background-color: rgb(0,200,180); color: white; border-radius: 0.25em; }
#page_control-head { width: 100%; margin: auto;  }
#page_control-head .chapter-now { width: 100%; }
#page_control-head .chapter-link { width: 100%; margin-bottom:0.5em; padding:0.5em 0; border-bottom: rgb(0,200,180) dotted 1px; }
#page_control-head .chapter-link:after {
content:""; display:table; clear:both;
}
#page_control-head .chapter-link li { padding-left: 3.5em; text-indent: -3.5em; }
#page_control-head .chapter-link li.prev {float:left;}
#page_control-head .chapter-link li.next {float:right;}
#page_control-head:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#page_control-head h3 {
	border: 1px solid rgb(0,200,180);
	background: rgb(0,200,180) url(../publishimage/academy/icon-selecter-intro-hover.png) no-repeat -5px -10px; background-size: 60px auto;
	font-size: 1em; line-height: 1em; padding: 1em 70px;
	}
#page_control-head h3 a { color: white; display: block; }
#page_control-head h3:hover 
	{ background-image: url(../publishimage/academy/intro/icon-selecter-intro.png); background-color: white; cursor: pointer; }
#page_control-head h3 a { color: white; display: block; }
#page_control-head h3:hover 
	{ background-image: url(../publishimage/academy/icon-selecter-intro.png); background-color: white; cursor: pointer; }
#page_control-head h3:hover a { color: rgb(0,200,180); }
#page_control-head h4 {
	font-family: '游ゴシック体','Yu Gothic',YuGothic; line-height: 1.25em; margin-top: 0.25em; font-weight: normal; font-size: 1.5em;
	padding-left: 2.5em; text-indent: -2.5em;
	}
#page_control-head .sub_chapter-link { margin-left: 3em; font-family: '游ゴシック体','Yu Gothic',YuGothic; line-height: 1.5em; }
#page_control-head .sub_chapter-link li { font-size: 0.8em; }
#page_control-head .sub_chapter-link li:before { content: '●'; color: rgb(0,200,180); margin-right: 0.25em; }

#page_control-head .chap-link {  font-family: '游ゴシック体','Yu Gothic',YuGothic; line-height: 1.5em; }
#page_control-head .chap-link li { font-size: 0.8em; }
#page_control-head .chap-link li:before { content: '●'; color: rgb(0,200,180); margin-right: 0.25em; }


#page_control-head .chapter-link { padding-left: 1em; }
#page_control-head li.prev { margin-bottom: 0.25em; }
#page_control-head li.prev:before { content: '👈'; }
#page_control-head li.next:before { content: '👉'; }
#page_control-foot { width: 100%; max-width: 600px; margin: 50px auto; border: 1px solid rgb(0,200,180); padding: 1em; }
#page_control-foot h3 { font-weight: normal; font-size: 0.8em; margin-bottom: 0.5em; }
#page_control-foot li { margin-bottom: 0.25em; }
#page_control-foot li.same a { cursor: default; pointer-events: none; color: #999; }
#page_control-foot li.same .chapter { background-color: rgb(231,250,231); color: rgb(180,180,180); }
@media screen and (max-width: 640px) {
#page_control-head .chapter-link li.prev {float:none;}
#page_control-head .chapter-link li.next {float:none;}
}



/* 小見出し */
#contentarea .sub_chapter { width: 600px; margin: auto; padding-top: 40px; margin-bottom: 1em; }
#contentarea .sub_chapter h5 { font-family: '游ゴシック体','Yu Gothic',YuGothic; font-size: 1.5em; line-height: 1em; padding: 0.5em; transition: all 0.5s ease-out; }
#contentarea .sub_chapter h5:before { content: "●"; color: rgb(0,200,180); }
#contentarea .sub_chapter .next { display: none; }
#contentarea .sub_chapter:target h5 { background-color: rgb(0,200,180); color: white; border-radius: 1em; }

#contentarea .chap { width: auto; margin: auto; padding-top: 40px; margin-bottom: 1em; }
#contentarea .chap h5 { font-family: '游ゴシック体','Yu Gothic',YuGothic; font-size: 1.5em; line-height: 1em; padding: 0.5em; transition: all 0.5s ease-out; }
#contentarea .chap h5:before { content: "●"; color: rgb(0,200,180); }
#contentarea .chap .next { display: none; }
#contentarea .chap:target h5 { background-color: rgb(0,200,180); color: white; border-radius: 1em; }

/* 登場人物紹介 */
#charactor { width: auto; margin: 50px auto; border: 1px solid rgb(0,200,180); padding: 0.5em 1em; }
#charactor h5 { font-weight: normal; margin: 0.5em 0; color:#000000; }
#charactor dl { font-size: 13px; line-height: 1em; margin:0; }
#charactor dl dt figure { float: left; margin:0; padding:0; }
#charactor dl dt figcaption { float: left; }
#charactor dl dd:before { content: "\A"; white-space: pre; }
#charactor dl {width: 32%; margin-bottom: 0.5em; float: left; margin-right: 1%; }
#charactor:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
#charactor img { height: 2.5em; width: auto; padding-right: 0.5em; opacity: 0.75; }
@media screen and (max-width: 640px) {
#charactor dl {width: 100%;  float: none; clear:both; padding-bottom:10px; }
}

/* 会話 */
#contentarea .talk { width: 100%; max-width:640px; margin:0 auto;}
#contentarea .talk .face p { width:96%; }

@media screen and (max-width: 640px) {
#contentarea .talk .face p { width:93%; }
}