#navi, #navi > div > ul > li, #subjectList li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#navi, #navi > div > ul > li, #subjectList li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

/* -----------------
01-header
02-navi
03-contentsWrap
04-common
----------------- */
#contents { padding-top: 0; font-size: 14px; width: 100%; color: #666666; }

/* -----------------
01-header
----------------- */
#header { text-align: center; width: 100%; }
#header #shinken-zemi { margin-bottom: 14px; padding: 11px 0 14px; line-height: 0; background: #1069C2; }
#header #tagline { font-size: 86%; }
#header #tagline a{ color: #333; text-decoration: none;}
#header #tagline a:link{ color: #333; text-decoration: none;}
#header #tagline a:visited{ color: #333; text-decoration: none;}
#header #tagline a:hover{ color: #333; text-decoration: none;}
#header #tagline a:active{ color: #333; text-decoration: none;}
#header #logo { padding: 16px 0; }

/* -----------------
02-navi
----------------- */
#navi { position: relative; margin: 0 0 30px 0; padding: 0; /*z-index: 1000;*/ height: 44px;}

#navi > div > ul  {padding: 0px; margin: 0px;  height: 44px; background-color: #fff; width: 100%; border-top: #666 solid 1px; border-bottom: #666 solid 1px;}

#navi > div > ul > li { float: left; overflow: hidden; height: 100%; }
#navi > div > ul > li > a { display: block; height: 100%;}

/* サイト内検索あり */
/* #navi > div > ul > li#subjectBtn { width: 75%; border-right: #666 solid 1px;} */
#navi > div > ul > li#subjectBtn { width: 100%; border-right: #666 solid 1px; position: relative; }
#navi > div > ul > li#subjectBtn:after { display: block; content: ""; position: absolute; top: 0; bottom: 0; right: 20px; width: 20px; height: 20px; margin: auto; background-image: url(/nigate/common/images_sp/subject_ico_arrow_off.png); background-size: contain; background-position: center; background-repeat: no-repeat; }
#navi > div > ul > li#subjectBtn.is-active:after { background-image: url(/nigate/common/images_sp/subject_ico_arrow_on.png); }

/*#navi > div > ul > li#bookmarkBtn { width: 35%;  border-right: #666 solid 1px;}*/
#navi > div > ul > li#searchBtn { width: 25%; }

/* サイト内検索無し */
/*
#navi > ul > li#subjectBtn { width: 50%; border-right: #666 solid 1px;}
#navi > ul > li#bookmarkBtn { width: 50%;  border-right: #666 solid 1px;}
*/

#navi > div > ul > li > a > img { height: 29px; margin: 7px auto 0px; }

.fixed { position: fixed; top: 0; left: 0; margin: 0px; padding: 0px; width: 100%;}

.panel-wrap { padding: 0; }

a.panel-btn, a.panel-btn-ignore { display: block; float: left; z-index: 100; width: 100%; height: 100%; text-align: center; background-color: #fff;}

#subjectList { background: #656565; margin: 0; border-bottom: solid 2px #666666; display: none;}
/*#subjectList li { background: url(../images_sp/icon-home.png) no-repeat 6px 50%; -webkit-background-size: 36px auto; -moz-background-size: 36px auto; -o-background-size: 36px auto; -ms-background-size: 36px auto; background-size: 36px auto;border: solid 2px #666666; border-bottom: none;}*/
#subjectList li { background: url(../images_sp/icon-home.png) no-repeat 6px 50% #FFF;background-size: 36px auto;border: solid 2px #666666; border-bottom: none; }
#subjectList li.english { background-image: url(../images_sp/icon-english.png); }
#subjectList li.math { background-image: url(../images_sp/icon-math.png); }
#subjectList li.japanese { background-image: url(../images_sp/icon-japanese.png); }
#subjectList li.social { background-image: url(../images_sp/icon-social.png); }
#subjectList li.science { background-image: url(../images_sp/icon-science.png); }
#subjectList li.method { background-image: url(../images_sp/icon-method.png); }
#subjectList li.questionnaire { background-image: url(../images_sp/icon-questionnaire.png); }
#subjectList li a { display: block; width: 100%; height: 35px; padding: 8px 50px 11px; color: #666666; text-decoration: none; }
#subjectList li a:hover { text-decoration: underline; }

#searchBox { width: 100%; background: #656565; z-index: 10000; display: none; padding: 10px 0px; }
#searchBox form { width: 90%; margin: 0 auto;}
#searchBox form input { vertical-align: middle; }
#searchBox form input[type="text"] { width: 80%; padding: 5px; z-index: 10010; }
#specialAttentionLink{ text-align: right; margin-top: -25px; margin-bottom: 20px; }

/* -----------------
03-contentsWrap
----------------- */
#contentsWrap { margin-bottom: 50px; }
#contentsWrap h1 { /*position: relative;*/ margin: 0; padding: 0; }
#contentsWrap h1.scubject { padding: 8px 8px 8px 45px; border: none; }
#contentsWrap h1.ttl-cat { padding: 8px 8px 8px 45px; border: none; color: #666;margin-bottom: 10px; }
#contentsWrap h1 a { position: static; }
#contentsWrap h2 { padding: 8px 8px 8px 45px; border: none; }
#contentsWrap p.scubject { padding: 8px 8px 8px 45px; border: none; font-weight: bold;}


#specialAttention { border: 5px solid #F0F0F0; padding: 10px; margin-top: 50px; }
#specialAttention .specialAttentionText { text-align: center; margin-bottom: 10px; }
#specialAttention .specialAttentionImg { text-align: center; }
#specialAttention .specialAttentionImg img{ width: 100%; }


/* -----------------
04-common
----------------- */
strong { color: #ff008d; }

.imgW { width: 50%; height: auto; }

.ttlArea { line-height: 1; font-size: 180%; font-weight: bold; padding: 5px 10px; margin-bottom: 20px; padding-top: 30px; }
.ttlAreaFirst { padding-top: 0px; }

.ttl-subject { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-subject.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 5px, 0 0; }

.ttl-ranking { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-ranking.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 7px, 0 0; }

.ttl-bookmark { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-bookmark.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 5px, 0 0; }

.ttl-share { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-share.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 7px, 0 0; }

.ttl-movie { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-movie.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 5px, 0 0; }

.ttl-cat a { color: #666; text-decoration: none;}

.ttl-catList { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-catList.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 5px, 0 0; }

.ttl-catList img{ vertical-align: middle; }

.ttl-list { margin-bottom: 17px; font-size: 121%; line-height: 1.2em; color: #666666; background-image: url(../images_sp/icon-list.png), url(../images_sp/bg-ttl.gif); background-repeat: no-repeat; -webkit-background-size: 26px auto, 100% 100%; -moz-background-size: 26px auto, 100% 100%; -o-background-size: 26px auto, 100% 100%; -ms-background-size: 26px auto, 100% 100%; background-size: 26px auto, 100% 100%; background-position: 10px 5px, 0 0; }

.ttl-english { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #f697a8; background-image: url(../images_sp/bg-ttl-icon_english.png), url(../images_sp/bg-ttl-english_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-math { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #6299cc; background-image: url(../images_sp/bg-ttl-icon_math.png), url(../images_sp/bg-ttl-math_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-japanese { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #ff800d; background-image: url(../images_sp/bg-ttl-icon_japanese.png), url(../images_sp/bg-ttl-japanese_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-social { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #9e6642; background-image: url(../images_sp/bg-ttl-icon_social.png), url(../images_sp/bg-ttl-social_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-science { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #2da385; background-image: url(../images_sp/bg-ttl-icon_science.png), url(../images_sp/bg-ttl-science_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-method { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #80bc33; background-image: url(../images_sp/bg-ttl-icon_method.png), url(../images_sp/bg-ttl-method_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

.ttl-questionnaire { margin-bottom: 15px; padding: 7px 10px 13px 50px; font-size: 121%; color: #273c98; background-image: url(../images_sp/bg-ttl-icon_questionnaire.png), url(../images_sp/bg-ttl-questionnaire_b.png); background-repeat: no-repeat, repeat-x; background-position: 5px 50%, 0 100%; -webkit-background-size: 36px auto, auto 7px; -moz-background-size: 36px auto, auto 7px; -o-background-size: 36px auto, auto 7px; -ms-background-size: 36px auto, auto 7px; background-size: 36px auto, auto 7px; }

h1#ttl-question { border: none; margin: 0 0 17px 0; padding: 10px 5% 10px 47px; font-size: 121%; color: #666666; background-image: url(../images_sp/ttl-question.png); background-repeat: no-repeat; background-position: 15px 50%; background-color: #CFE6F7; -webkit-background-size: 26px auto; -moz-background-size: 26px auto; -o-background-size: 26px auto; -ms-background-size: 26px auto; background-size: 26px auto; }

.ttl-answer { border: none; margin: 0 0 17px 0; padding: 10px 5% 10px 47px; font-size: 121%; color: #666666; background-image: url(../images_sp/ttl-answer.png); background-repeat: no-repeat; background-position: 15px 50%; background-color: #FFEBF5; -webkit-background-size: 26px auto; -moz-background-size: 26px auto; -o-background-size: 26px auto; -ms-background-size: 26px auto; background-size: 26px auto; }

.ttl-questionnaire { background-color: transparent; line-height: 1.4; font-size: 110%; }
.ttl-questionnaire span { font-size: 65%; }

.scubjectNews p { width: 95%; margin-top: 0; margin-right: auto !important; margin-left: auto !important; margin-bottom: 1em; }

.answerContents p { width: 95%; margin-top: 0; margin-right: auto !important; margin-left: auto !important; margin-bottom: 1em; }
.answerContents h3 { width: 95%; margin-top: 0; margin-right: auto !important; margin-left: auto !important; margin-bottom: 0; padding: 0; color: #ff008d; }
.answerContents h4 { width: 95%; margin-top: 0; margin-right: auto !important; margin-left: auto !important; margin-bottom: 0; }

.questionnaireWrap { width: 90%; margin: 0 auto 50px; padding: 15px 12px; border: solid 1px #273c98; color: #333; }
.questionnaireWrap h3 { margin: 0; padding: 0; }
.questionnaireWrap textarea { width: 100%; border: solid 1px #273c98; }
.questionnaireWrap .useful { float: left; width: 42%; }
.questionnaireWrap .useful li { margin-bottom: 3px; }
.questionnaireWrap .graph { float: right; width: 55% !important; margin: 0; padding: 0; }
.questionnaireWrap .questionnaireSubmit { width: 100% !important; margin: 0 !important; }
.questionnaireWrap .questionnaireSubmit input { width: 100%; }

.schoolYear { margin-bottom: 20px; margin-right: -2%; }
.schoolYear li { float: left; width: 48%; padding-right: 2%; margin-bottom: 5px; }

#cvWrap { margin: 0 auto 50px; padding: 0;}
#cvWrap h2 { margin: 0 auto 10px; padding: 0;}
#cvWrap .leadCopy { width: 100%; margin: 0 auto 20px; padding: 0;}
#cvWrap .nigateKokufuku { width: 100%; margin: 0 auto 15px; padding: 0;}
#cvWrap .cvBtnBox { width: 100%; margin: 0 auto 10px; padding: 0; background-color: #ECF4FB;}
/* #cvWrap .cvBtnBox .bgImg{ width: 100%; padding: 0; margin: 0;} */
#cvWrap .cvBtnBox .bgImg{ display: none;}
#cvWrap .cvBtnBox .cvBtn {width: 100%; padding: 5px 0 10px; margin: 0;}
#cvWrap ul {}
#cvWrap ul li { margin-bottom: 5px; text-align: center; }

.mb15 { margin-bottom: 15px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }

.mb50 { margin-bottom: 50px; }

.questionList { margin-bottom: 30px; }
.questionList li { margin: 0 5%; padding-left: 25px; padding-bottom: 15px; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.questionList li a { color: #666666; }
.questionList li a:hover { text-decoration: none; }
.questionList#english li { background-image: url(../images_sp/icon-q_english.png); }
.questionList#english .allList { text-align: right; margin-right: 5%; }
.questionList#english .allList a { padding: 2px 0 2px 20px; color: #f697a8; text-decoration: none; background-image: url(../images_sp/icon-arrow_english.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }
.questionList#math li { background-image: url(../images_sp/icon-q_math.png); }
.questionList#math .allList { text-align: right; margin-right: 5%; }
.questionList#math .allList a { padding: 2px 0 2px 20px; color: #6299cc; text-decoration: none; background-image: url(../images_sp/icon-arrow_math.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }
.questionList#japanese li { background-image: url(../images_sp/icon-q_japanese.png); }
.questionList#japanese .allList { text-align: right; margin-right: 5%; }
.questionList#japanese .allList a { padding: 2px 0 2px 20px; color: #ff800d; text-decoration: none; background-image: url(../images_sp/icon-arrow_japanese.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }
.questionList#social li { background-image: url(../images_sp/icon-q_social.png); }
.questionList#social .allList { text-align: right; margin-right: 5%; }
.questionList#social .allList a { padding: 2px 0 2px 20px; color: #9e6642; text-decoration: none; background-image: url(../images_sp/icon-arrow_social.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }
.questionList#science li { background-image: url(../images_sp/icon-q_science.png); }
.questionList#science .allList { text-align: right; margin-right: 5%; }
.questionList#science .allList a { padding: 2px 0 2px 20px; color: #2da385; text-decoration: none; background-image: url(../images_sp/icon-arrow_science.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }
.questionList#method li { background-image: url(../images_sp/icon-q_method.png); }
.questionList#method .allList { text-align: right; margin-right: 5%; }
.questionList#method .allList a { padding: 2px 0 2px 20px; color: #80bc33; text-decoration: none; background-image: url(../images_sp/icon-arrow_method.png); background-repeat: no-repeat; background-position: 0 50%; -webkit-background-size: 18px auto; -moz-background-size: 18px auto; -o-background-size: 18px auto; -ms-background-size: 18px auto; background-size: 18px auto; }

div.english .questionList li { background-image: url(../../common/images_sp/icon-q_english.png); }

div.math .questionList li { background-image: url(../../common/images_sp/icon-q_math.png); }

div.japanese .questionList li { background-image: url(../../common/images_sp/icon-q_japanese.png); }

div.social .questionList li { background-image: url(../../common/images_sp/icon-q_social.png); }

div.science .questionList li { background-image: url(../../common/images_sp/icon-q_science.png); }

div.method .questionList li { background-image: url(../../common/images_sp/icon-q_method.png); }

div.questionnaire .questionList li { background-image: url(../../common/images_sp/icon-q_questionnaire.png); }

.ranking li.english { background-image: url(../images_sp/icon-q_english.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.math { background-image: url(../images_sp/icon-q_math.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.japanese { background-image: url(../images_sp/icon-q_japanese.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.social { background-image: url(../images_sp/icon-q_social.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.science { background-image: url(../images_sp/icon-q_science.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.method { background-image: url(../images_sp/icon-q_method.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.ranking li.questionnaire { background-image: url(../images_sp/icon-q_questionnaire.png) !important; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }

.subjectList { margin-bottom: 30px; }
.subjectList li { margin: 0 5%; padding-left: 25px; padding-bottom: 15px; background-repeat: no-repeat; background-position: 0 3px; -webkit-background-size: 20px auto; -moz-background-size: 20px auto; -o-background-size: 20px auto; -ms-background-size: 20px auto; background-size: 20px auto; }
.subjectList li a { color: #666666; }
.subjectList li a:hover { text-decoration: none; }
.subjectList li.english { background-image: url(../images_sp/icon-arrow_english.png); }
.subjectList li.math { background-image: url(../images_sp/icon-arrow_math.png); }
.subjectList li.japanese { background-image: url(../images_sp/icon-arrow_japanese.png); }
.subjectList li.social { background-image: url(../images_sp/icon-arrow_social.png); }
.subjectList li.science { background-image: url(../images_sp/icon-arrow_science.png); }
.subjectList li.method { background-image: url(../images_sp/icon-arrow_method.png); }

.contentsW { width: 90%; margin: 0 auto; }

.textL { text-align: left; }

.textC { text-align: center; }

.textR { text-align: right; }

.textS { font-size: 85%; }

.btnBookmark { width: 90%; margin: 0 auto; padding: 12px 0; text-align: center; font-size: 116%; border-radius: 10px; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #009244), color-stop(0.98, #37b44a)); background-image: -o-linear-gradient(bottom, #009244 0%, #37b44a 98%); background-image: -moz-linear-gradient(bottom, #009244 0%, #37b44a 98%); background-image: -webkit-linear-gradient(bottom, #009244 0%, #37b44a 98%); background-image: -ms-linear-gradient(bottom, #009244 0%, #37b44a 98%); background-image: linear-gradient(to bottom, #009244 0%, #37b44a 98%); }
.btnBookmark a { color: #FFF; padding-left: 30px; text-decoration: none; background: url(../images_sp/bg-bookmark.png) no-repeat 0 50%; -webkit-background-size: 22px auto; -moz-background-size: 22px auto; -o-background-size: 22px auto; -ms-background-size: 22px auto; background-size: 22px auto; }

.shareBtn { margin: 0px auto; width: 320px; overflow: hidden;}
.shareBtn li { float: left; padding-right: 20px; }
.shareBtn li.lineBtn { }
.shareBtn li.tweetBtn { width: 65px; }
.shareBtn li.fbBtn { width: 110px; padding-right: 0px;}

.movie h3 { margin: 0 5%; padding: 0; }

.movie{
width: 90%;
margin: 0px auto;
}

.movie div{
position: relative;
margin: 0px auto 50px;
padding-bottom: 50%;
padding-top: 69px;
overflow: hidden;
}

.movie iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.m-heading {
    line-height: 130%;
}

.m-heading--sharp {
    color: #0070cb;
    font-size: 35px;
    font-weight: bold;
    margin-bottom: 40px;
    text-align: center;
}

.m-heading--sharp__sub {
    color: #000;
    display: block;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px), print, tv {
  .m-heading--sharp__sub {
    font-size: 18px;
  }
}


.header_nav-bar{
  text-align: center;
  margin-bottom: 8px;
}

.accordion { margin-bottom: 25px; }
.accordion .arrow img { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }

/*#pagetop {
  bottom: 10px;
  display: none;
  position: fixed;
  right: 10px;
}*/

#device_change {
  margin-bottom: 80px;
}

.telephone_number {
  display: none !important;
}




/* -----------------
教科共通　原稿設定
----------------- */
#qaEnt #answer_body p.indent1em { text-indent: -1em; padding-left: 1em; width: 90%;}
#qaEnt #answer_body p.indent1p5em { text-indent: -1.5em; padding-left: 1.5em; width: 87.5%;}
#qaEnt #answer_body p.indent2em { text-indent: -2em; padding-left: 2em; width: 85%;}
#qaEnt #answer_body p.indent2p5em { text-indent: -2.5em; padding-left: 2.5em; width: 82.5%;}
#qaEnt #answer_body p.indent3em { text-indent: -3em; padding-left: 3em; width: 80%;}
#qaEnt #answer_body p.indent3p5em { text-indent: -3.5em; padding-left: 3.5em; width: 77.5%;}
#qaEnt #answer_body p.indent4em { text-indent: -4em; padding-left: 4em; width: 75%;}
#qaEnt #answer_body p.indent5em { text-indent: -5em; padding-left: 5em; width: 70%;}
#qaEnt #answer_body p.indent6em { text-indent: -6em; padding-left: 6em; width: 65%;}
#qaEnt #answer_body p.indent7em { text-indent: -7em; padding-left: 7em; width: 60%;}
#qaEnt #answer_body p.indent8em { text-indent: -8em; padding-left: 8em; width: 55%;}
#qaEnt #answer_body p.indent8p5em { text-indent: -8.5em; padding-left: 8.5em; width: 52.5%;}
#qaEnt #answer_body p.indent9em { text-indent: -9em; padding-left: 9em; width: 50%;}
#qaEnt #answer_body p.indent9emSP { text-indent: -8em; padding-left: 8em; width: 55%;}
#qaEnt #answer_body p.indent10em { text-indent: -10em; padding-left: 10em; width: 45%;}
#qaEnt #answer_body p.indent10emSP { text-indent: -9em; padding-left: 9em; width: 50%;}
#qaEnt #answer_body p.indent16em { text-indent: -16em; padding-left: 16em; width: 30%;}
#qaEnt #answer_body p.nobottom { margin-bottom: 0px; }
#qaEnt hr { border: none; border-top: dashed 1px #000; margin-bottom: 1.5em; }

#qaEnt #answer_body,
#qaEnt #question01{
font-size: 13px !important;
}


/* -----------------
footer none
----------------- */
h2.footer_caption,
nav#main_navi,
div#search_area,
.page_bottom,
.totop{
  display: none;}

/*header {
  margin-bottom: 0;
  background: #fff;}
header a{
  border: none;
  background: none;
  border-radius: 0;
  padding: 0;
  position: static;
}
.logo-benesse {
  padding: 10px;
  text-align: left;}
.koza {
  padding: 10px;
  border-top: 1px solid #dbdbdb;
  border-bottom: 1px solid #dbdbdb;}
header h1 {
  width: 148px;
  float: left;
  margin: 0;
  padding-top: 0;
  border: none;}
.btn-member {
  width: 102px;
  float: right;}
#tagline{
  padding-top: 15px;
}
*/

body {position: relative; }
div#headingWords {position: absolute; bottom: 130px; right: 0; width: 100%; text-align: right; }
div#headingWords h1 {width: auto; font-size: 12px; color: #666; padding: 0 15px; font-weight: normal; float: none; border: none;}



/* -----------------
教科共通 20160201追加
----------------- */
#cvWrap.nigate {
	padding: 0 10px;
}
#cvWrap.nigate h2 {
	background: none;
	font-weight: bold;
	font-size: 121%;
}

#cvWrap.nigate h2 span {
	color: #066ecb;

}
#cvWrap.nigate li img {
	width: 100%;
}
#cvWrap.nigate ul.image li span {
	text-align: left;
	display: block;
	text-indent: -1em;
	padding-left: 1em;
}
#cvWrap.nigate .selectGrade li {
	margin-top: 12px;
	border: 1px solid #d4d4d4;
	border-radius: 3px;
	box-sizing: border-box;
	box-shadow: 0 0 3px 0 #ddd;
}
#cvWrap.nigate .selectGrade img {
	width: 100%;
}

/* -----------------
#left-bnr 20160610追加
----------------- */
#left-bnr {
  width: 100%;
  position: fixed;
  bottom: -100%;
  text-align: center;
  padding: 14px 0;
  border: 1px solid #555;
  background-color: #FFF;
}
#left-bnr img {
  width: 100%;
}

/* -----------------
総TOPにあるパーツ追加 20200911追加
----------------- */
.nigate img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}
.nigate .g-right-red, .g-light-red {
  color: #ff4455 !important;
}
.nigate .g-mb40-sp {
  margin-bottom: 40px !important;
}
.nigate .g-mb-img {
  margin-bottom: 8px;
}
.nigate .m-unit__section-a {
  padding-bottom: 60px;
}
.nigate .m-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.nigate .m-grid--2col>.m-grid__col, .nigate .m-grid--2col-pc>.m-grid__col {
  width: 100%;
}
.nigate .m-heading {
  line-height: 130%;
}
.nigate .m-heading--sharp-ss {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
  text-align: center;
}
.nigate .m-lead--cap {
  font-size: 12px;
  text-align: center;
}

.nigate .g-mb-lead{
    margin-bottom: 20px;
    }

/* ====================================

slick.js style

==================================== */

.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  margin: auto;
  height: auto;
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  display: table;
  content: '';
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  outline: none;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
  margin: auto;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
  position: relative;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: nowrap;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.slick-slide {
  height: auto;
}

/* slick arrows ---------------*/

.slick-prev {
  left: 5px;
}

.slick-next {
  right: 5px;
}

.slick-prev, .slick-next {
  position: absolute;
  opacity: .3;
  text-indent: -9999px;
  top: 30%;
  width: 44px;
  height: 44px;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  background-color: #000;
  border-radius: 50%;
  z-index: 2;
}

@media only screen and (min-width: 768px), print, tv {
  .slick-prev {
    left: -18px;
  }
  .slick-next {
    right: -18px;
  }
  .slick-prev, .slick-next {
    width: 56px;
    height: 56px;
  }
}

.slick-prev:before, .slick-next:before, .slick-prev:after, .slick-next:after {
  content: '';
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  vertical-align: middle;
}

.slick-prev:before, .slick-next:before {
  background-image: url(/_common/s19_icon_sprit_sp.png);
  background-size: 80px auto;
  background-position: 0 -453px;
  width: 10px;
  max-width: 10px;
  min-width: 10px;
  height: 17px;
  max-height: 17px;
  min-height: 17px;
}

.slick-prev:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

@media only screen and (min-width: 768px), print, tv {
  .slick-prev:before, .slick-next:before {
    background-image: url(/_common/s19_icon_sprit_pc.png);
    background-size: auto;
    background-position: 0 -615px;
    width: 13px;
    max-width: 13px;
    min-width: 13px;
    height: 23px;
    max-height: 23px;
    min-height: 23px;
  }
  .slick-prev:before {
    right: 5px;
  }
  .slick-next:before {
    left: 5px;
  }
}

.slick-next.slick-disabled:before {
  background: none;
  content: none;
}

.slick-next.slick-disabled:after {
  background-image: url(/_common/s19_icon_sprit_sp.png);
  background-size: 80px auto;
  background-position: 0 -475px;
  width: 19px;
  max-width: 19px;
  min-width: 19px;
  height: 17px;
  max-height: 17px;
  min-height: 17px;
}

@media only screen and (min-width: 768px), print, tv {
  .slick-next.slick-disabled:after {
    background-image: url(/_common/s19_icon_sprit_pc.png);
    background-size: auto;
    background-position: 0 -648px;
    width: 24px;
    max-width: 24px;
    min-width: 24px;
    height: 23px;
    max-height: 23px;
    min-height: 23px;
    right: 2px;
  }
}

.slick-prev.slick-disabled {
  display: none !important;
}

.slick-prev:hover, .slick-next:hover {
  opacity: 1;
}

/* slick dots ---------------*/

.m-slider--dots {
  margin-top: 30px;
  padding: 0 15px;
  text-align: center;
}

.m-slider--dots>li {
  display: inline-block;
}

.m-slider--dots .slick-active button {
  background-color: #0070cb;
}

.m-slider--dots>li>button {
  background-color: #ccc;
  border-radius: 50%;
  color: transparent;
  -webkit-appearance: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  width: 16px;
  height: 16px;
}

.m-slider--dots>li:not(:last-child) {
  margin-right: 10px;
}

.m-slider--dots>li:first-child:last-child {
  display: none;
}

@media only screen and (min-width: 768px), print, tv {
  .m-slider--dots .slick-active button {
    background-color: #666;
  }
  .m-slider--dots>li>button {
    background-color: #d8d9d4;
    width: 12px;
    height: 12px;
  }
  .m-slider--dots>li:not(:last-child) {
    margin-right: 22px;
  }
}

@media only screen and (min-width: 768px), print, tv {
  .js-slider--thumb.m-slider {
    width: 460px;
    margin: 0 auto;
  }
  .m-unit__section-c .m-unit__box--section .js-slider--thumb.m-slider {
    width: 422px;
    margin: 0 auto;
  }
}

.js-slider--thumb .slick-prev {
  left: -15px;
}
.js-slider--thumb .slick-next {
  right: -15px;
}
.js-slider--thumb .slick-prev,
.js-slider--thumb .slick-next {
  position: absolute;
  opacity: .3;
  text-indent: -9999px;
  top: 30%;
  width: 30px;
  height: 44px;
  padding: 0;
  vertical-align: middle;
  cursor: pointer;
  background-color: #000;
  background-image: none;
  border-radius: 0;
  z-index: 2;
}
@media only screen and (min-width: 768px), print, tv {
  .js-slider--thumb .slick-prev,
  .js-slider--thumb .slick-next {
    top: 50%;
    margin-top: -60px;
  }
  .js-slider--thumb .slick-prev:before,
  .js-slider--thumb .slick-next:before {
    background-image: url(/_common/s19_icon_sprit_sp.png);
    background-size: 135px auto;
    background-position: -42px 0;
    width: 13px;
    max-width: 13px;
    min-width: 13px;
    height: 20px;
    max-height: 20px;
    min-height: 20px;
  }
}
@media only screen and (min-width: 768px), print, tv {
  .js-slider--thumb .slick-next.slick-disabled:after {
    background-image: url(/_common/s19_icon_sprit_sp.png);
    background-size: 80px auto;
    background-position: 0 -475px;
    width: 19px;
    max-width: 19px;
    min-width: 19px;
    height: 17px;
    max-height: 17px;
    min-height: 17px;
    right: 2px;
  }
}

.js-slider--thumb .m-slider--dots {
  margin: 30px 0;
}
@media only screen and (min-width: 768px), print, tv {
  .js-slider--thumb .m-slider--dots > li > button {
    background-color: #ccc;
  }
  .js-slider--thumb .m-slider--dots .slick-active button {
    background-color: #0070cb;
  }
}


/* ====================================

Notice

==================================== */
.m-notice {
  font-size: 14px;
}
.m-notice--s {
  font-size: 12px;
}

@media only screen and (max-width: 767px) {
  .m-notice {
    font-size: 12px;
  }
  .m-notice--s {
    font-size: 11px;
  }
}

.m-notice li, .m-notice--s li {
  position: relative;
  padding-left: 1.2em;
}

.m-notice li:before, .m-notice--s li:before {
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}

.m-notice li.m-notice__no-mark, .m-notice--s li.m-notice__no-mark {
  padding-left: 0;
  font-size: 11px;
}

.m-notice li.m-notice__no-mark:before, .m-notice--s li.m-notice__no-mark:before {
  display: none;
}

.m-notice--s li + li {
  margin-top: 5px;
}

@media only screen and (max-width: 767px) {
  .m-notice--s li + li {
    margin-top: 0;
  }
}