@charset "UTF-8";

@media screen and (max-width:640px){

.w100per { width:100% !important; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	frame
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#mainContainer { width:100%; min-width:100%; height:100%; }
#mainWrapper { width:100%; margin:0 auto; padding:10px 0 0; }

/*------------------------------
	ヘッダー
-------------------------------*/
#headerContainer { width:100%; min-width:100%; }
#headerContainer h1 { float:left; margin:10px 0 10px 10px; width:28%; }
#headerContainer h1 img { width:100%; }
#headerContainer h2 { float:left; margin:20px 0 10px 10px; width:40%; }
#headerContainer h2 img { width:100%; }
#headerContainer .imgArea { width:20%; margin-right:10px; }
#headerContainer .imgArea img { width:100%; }

#topPage #headerContainer	{ min-height:20vw; }
#topPage #headerContainer h1 { position:absolute; top:15%; left:0; width:54%; margin:0; }
#topPage #headerContainer h1 img {width:100%; }
#topPage #headerContainer .imgArea { margin:0; }
#topPage #headerContainer .imgArea img {width:45%; position:absolute; top:10%; right:1% }

/*------------------------------
	フッター
-------------------------------*/
#footerContainer { width:100%; min-width:100%; }
#footerContainer #footLinksArea { position:absolute; bottom:0; left:0; }
#footerContainer #footLinksArea ul.bottomLinkList { margin:20px 0 20px 4%; float:none; }
#footerContainer #footLinksArea p.bottomLinkBn { margin:0 auto; text-align:center; /* width:50%; */ }

#inPage #footLinksArea { width:100%; min-width:100%; margin-bottom:82px; }
#inPage.top #footLinksArea { margin-bottom:62px; }
#inPage #footLinksArea p { float:none; text-align:left; margin:70px 0 0 5vw; /* width:83.5%; */ }
#inPage #footLinksArea p a { display:inline-block; }
#inPage #footLinksArea p img { width:auto; height:50px; margin:0 auto; display:block; }

#topPage #footerContainer { padding:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	share
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*------------------------------
	扉
-------------------------------*/
#inPage ul.pageList { width:100%; margin:0 auto;}
#inPage ul.pageList li { background:url("../images/btn_boor_bg01.png") no-repeat center top / cover; width:45%; float:left; margin:2% 0 0 3%; position:relative; }
#inPage ul.pageList li:nth-child(3n+1) { margin:2% 0 0 3%; }
#inPage ul.pageList li:nth-child(2n+1) { margin-left:3%; }
#inPage ul.pageList li.bgComing { background:url("../images/btn_door_bg_coming.png") no-repeat center top / cover; width:45%; }

/*------------------------------
	new mark
-------------------------------*/
#inPage ul.pageList li.newMark:before { content:''; display:inline-block; width:35%; height:35%; position:absolute; top:3%; left:10%; }

/*------------------------------
	footer btn
-------------------------------*/
#inPage #footLinksArea ul { /* float:left; */ margin:0 auto; }
#inPage #footLinksArea ul li { float:left; font-size:95%; }
#inPage #footLinksArea ul li a { display:inline-block; margin:10px 10px 0 0; border:2px solid #acacae; padding:6px 14px 4px 24px; border-radius:5px; background:url("../images/btn_arrow01.png") #ffffff no-repeat 10px center / 6px; }
#inPage #footLinksArea ul li:first-child a { margin-left:0; }
#inPage.kanji_quiz #footLinksArea ul li a:hover { background:url("../images/btn_arrow01.png") #fce6e5 no-repeat 10px center / 5%; text-decoration:none; border:2px solid #ea6172; }

/*------------------------------
	margin
-------------------------------*/
	.spMl2em { margin-left:2em; }	

/*------------------------------
	トップページ
-------------------------------*/

/*------------------------------
	出典
-------------------------------*/
p.shuttenBox { margin-top:2%; }

/*------------------------------
	display
-------------------------------*/
.spDisplayBlock { display:block !important; }
.spDisplayNone { display:none !important; }

/*------------------------------
	ページリンク
-------------------------------*/
#pageLinkArea { width:92%; padding-bottom:180px; font-size:95%; }
body.top #pageLinkArea { padding-bottom:20%; }
#pageLinkArea ul li a{ display:inline-block; }

#pageLinkArea ul li.btnL { float:left; }
#pageLinkArea ul li.btnR { float:right; }

#pageLinkArea ul li a { border:2px solid #acacae; border-radius:5px; }
#pageLinkArea ul li.btnL a { background:url("../images/btn_arrow01.png") #ffffff no-repeat 10px center / 8px; padding:8px 10px 6px 25px; }
#pageLinkArea ul li.btnR a { background:url("../images/btn_arrow02.png") #ffffff no-repeat 94% center / 8px; padding:8px 20px 6px 10px;}

#inPage.kanji_quiz #pageLinkArea ul li a:hover { text-decoration:none; border:2px solid #ea6172; }
#inPage.kanji_quiz #pageLinkArea ul li.btnL a:hover { background:url("../images/btn_arrow01.png") #fce6e5 no-repeat 10px center / 6px; }
#inPage.kanji_quiz #pageLinkArea ul li.btnR a:hover { background:url("../images/btn_arrow02.png") #fce6e5 no-repeat 94% center / 6px; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	漢字クイズの館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.kanji_quiz .inArea { width:92%; margin:2% auto 0; background:#f5cfce; border-radius:15px; text-align:center; padding:5% 0 3%; }
#inPage.kanji_quiz .inArea .inBox { background:url("../images/pink_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.kanji_quiz .inArea .inBox img { width:90%; }
#inPage.kanji_quiz .inArea .inBoxB { background:url("../images/pink_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }

#inPage.kanji_quiz .inArea .qArea,
#inPage.kanji_quiz .inArea .aArea { background:url("../images/pink_in_bg01b.png") repeat-y center top / 100%; }
#inPage.kanji_quiz .inArea .qArea ul { margin-top:10px; }
#inPage.kanji_quiz .inArea .qArea ul li { margin-top:10px; }
#inPage.kanji_quiz .inArea .aArea ul { margin-top:15px; width:90%; margin:0 auto; }
#inPage.kanji_quiz .inArea .aArea ul li { float:left; margin:2%; width:45%; }
#inPage.kanji_quiz .inArea .aArea ul li img { width:100%; }

#inPage.kanji_quiz .inArea .arrowImg { width:40%; margin:0 auto; }
#inPage.kanji_quiz .inArea .arrowImg img { width:100%; }
	
/*漢字の追いかけっこ*/
#inPage.kanji_quiz .inArea.quiz2 .grayBg { width:85%; padding:5% 0; font-size:90%; margin-top:1%; }
#inPage.kanji_quiz .inArea.quiz2 .grayBg p { float:none; }
#inPage.kanji_quiz .inArea.quiz2 .grayBg p.txtArea { margin:0 0 5% 5%; }
#inPage.kanji_quiz .inArea.quiz2 .grayBg img { width:100%; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul { width:90%; margin:0 auto; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li { width:100%; float:none; margin:7% 0 0 0; text-align:left; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li img { width:100%; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li .hintArea { margin:2% auto 0; width:90%; height:auto !important; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li .hintArea img { margin-bottom:2%; width:97px; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li p { margin:1% auto 0; font-size:100%; width:90%; }
#inPage.kanji_quiz .inArea.quiz2 .qArea ul.qList li p img { margin-right:1%; width:15px; }
#inPage.kanji_quiz .inArea.quiz2 .aArea ul { margin:0 auto; }
#inPage.kanji_quiz .inArea.quiz2 .aArea ul li { float:none; margin:10% auto; width:90%; }
#inPage.kanji_quiz .inArea.quiz2 .aArea ul li img { width:100%; }
	
/*漢字イラストクイズ*/
#inPage.kanji_quiz .inArea.quiz3 h3 + p { width:85%; margin:0 auto; text-align:left; }
#inPage.kanji_quiz .inArea.quiz3 .qArea ul { margin:0; }
#inPage.kanji_quiz .inArea.quiz3 .qArea ul.qList li { width:85%; float:none; margin:3% auto 2%; }
#inPage.kanji_quiz .inArea.quiz3 .qArea ul.qList li img { width:100%; }
#inPage.kanji_quiz .inArea.quiz3 .aArea ul { margin:0 auto; width:85%; }
#inPage.kanji_quiz .inArea.quiz3 .aArea ul li { float:left; margin:2% 5%; width:40%; }
#inPage.kanji_quiz .inArea.quiz3 .aArea ul li img { width:100%; }
	
/*スポーツ競技の漢字名*/
#inPage.kanji_quiz .inArea.quiz4 .qArea .qTitle { background:url("../../kanji_quiz/images/kanji_quiz4_q_bg_sp.gif") no-repeat left bottom / cover; width:85%; margin:5% auto; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qTitle h4 { margin:2% 4% 0 3%; width:17%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qTitle h4 img { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qTitle p { margin-top:2%; width:83%; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner { width:85%; margin:5% auto 0; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .illustPos { position:static; width:50%; margin:0 auto; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .illustPos img  { width:100%; }
	
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .aranH { margin-top:5%;}
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .aranH img { width:100%; }
	
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .exTxt img { width:75%; margin-top:5%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1 { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1 li { width:26%; margin:5% 10% 0 0; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1 img { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1 li:nth-child(2) { width:26%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1 li:nth-child(3) { margin-right:0; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1b { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1b li { margin-right:0; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1b li:nth-child(1)	{ width:48%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1b li:nth-child(2)	{ width:48%; margin-left:4%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList1b li img { width:100%; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList2 li { margin-top:4%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList2 li img { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList2 li:first-child { margin-top:2%; }
	
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner ul.qList2b li { margin-right:4%; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg { position:static; margin-top:12%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg ul li h5 { position:absolute; top:-15%; left:-2%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg ul li h5 img { width:50%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg ul li p span { font-size:85%; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox1 { position:relative; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox1 ul li { position:relative; padding:7% 4%; margin:0; width:100%; box-sizing:border-box; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox1 .hintIllust { position:absolute; left:78%; }

#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 { position:relative; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 ul { position:relative; margin:2% 0 0; width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 ul li { padding:4%; width:100%; box-sizing:border-box; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 ul li ul { background:none; width:80%; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 ul li ul li { padding:0; text-indent:-1em; padding-left:1em; font-size:90%; background:none; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 ul li ul li img { margin-right:2px; vertical-align:baseline; width:14px; }
#inPage.kanji_quiz .inArea.quiz4 .qArea .qInnner .colorBg .colorBgBox2 .hintIllust { position:absolute; left:78%; }

#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox { display:block; width:85%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox img { width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner.part2 { margin-top:3%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner.part1 ul.aList { margin-top:0; width:100%; position:static; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner.part2 ul.aList { margin-top:0; width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner ul.aList li { float:none; margin:2% 0 0 0; width:100%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner ul.aList li:nth-child(4) { position:static; left:100%; }
#inPage.kanji_quiz .inArea.quiz4 .aArea .partBox .aInner ul.aList li:nth-child(5) { position:static; left:100%; }

/*四字熟語足し算クイズ */
#inPage.kanji_quiz .inArea.quiz5 h3 + p { width:85%; margin:0 auto; text-align:left; }
#inPage.kanji_quiz .inArea.quiz5 .qArea .qInnner { border:2px solid #ea6172; background:linear-gradient(#ffebec, #ffffff); border-radius:13px; width:85%; margin:20px auto 0; }
#inPage.kanji_quiz .inArea.quiz5 .qArea .qInnner h4 { margin:-1px 4% 0 3%; width:100%; }
#inPage.kanji_quiz .inArea.quiz5 .qArea .qInnner ul { margin:0 0 15px; width:100%; }
#inPage.kanji_quiz .inArea.quiz5 .qArea .qInnner ul li img { width:85%; }
#inPage.kanji_quiz .inArea.quiz5 .qArea .qInnner ul li { margin:0; }

#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner { display:block; align-items:center; margin:0 auto; width:85%; }
#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner h4 { margin-right:0; width:100%; }
#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner h4 img { width:100%; }
#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner ul { margin:0 auto; padding:0; }
#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner ul li { margin:0; padding:0; width:100%; }
#inPage.kanji_quiz .inArea.quiz5 .aArea .partBox .aInner ul li img { width:100%; }	

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	言葉のトリビアの館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.trivia .inArea { width:92%; margin:2% auto 0; background:#f5cfce; border-radius:15px; text-align:center; padding:5% 0 3%; }
#inPage.trivia .inArea .inBox { background:url("../images/pink_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.trivia .inArea .inBox img { width:90%; }
#inPage.trivia .inArea .inBox h3 img { width:80%; margin-top:2%; }
#inPage.trivia .inArea .inBox h4 { margin-top:15px; }
#inPage.trivia .inArea .inBoxB { background:url("../images/pink_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.trivia .inArea .mainArea { background:url("../images/pink_in_bg01b.png") repeat-y center top / 100%; }
#inPage.trivia .inArea .mainArea .readArea { width:80%; }
#inPage.trivia .inArea .mainArea .imgBox { margin-top:15px; }
#inPage.trivia .inArea .mainArea .imgBox img { width:70%; }

/*藪医者*/
#inPage.trivia .inArea.trivia2 .atComment { width:80%; margin:30px auto 0; text-align:left; }
	
/*「右回り」「左回り」の基準は何？*/
#inPage.trivia .inArea.trivia3 .atComment { width:80%; margin:30px auto 0; text-align:left; }
	
/*秋が旬だけど「鰍」とは書かない魚*/
#inPage.trivia .inArea.trivia4 .atComment { width:80%; margin:30px auto 0; text-align:left; }
	
/*指示と勧告、緊急度が高いのは？*/
#inPage.trivia .inArea.trivia5 .atComment { width:80%; margin:30px auto 0; text-align:left; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	難読漢字の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.nandoku .inArea { width:92%; margin:2% auto 0; background:#f5cfce; border-radius:15px; text-align:center; padding:5% 0 3%; }
#inPage.nandoku .inArea .inBox { background:url("../images/pink_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.nandoku .inArea .inBox img { width:20%; }
#inPage.nandoku .inArea .inBox h3 img { width:95%; margin-top:2%; }
#inPage.nandoku .inArea .inBox h4 { margin-top:15px; }
#inPage.nandoku .inArea .inBoxB { background:url("../images/pink_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.nandoku .inArea .mainArea { background:url("../images/pink_in_bg01b.png") repeat-y center top / 100%; }
	
#inPage.nandoku .inArea .qArea {  margin:1% auto 0; width:90%; padding:5% 0; }
#inPage.nandoku .inArea .qArea ul { margin-bottom:5%; }
#inPage.nandoku .inArea .qArea ul li { width:45%; margin:3% 0 0 2%; }
#inPage.nandoku .inArea .qArea ul li:nth-child(2n-1) { margin-left:0; }
#inPage.nandoku .inArea .qArea ul li span img { width:100% !important; }
#inPage.nandoku .inArea .qArea ul li span.reverseFace { font-size:3vw; }

#inPage.nandoku .inArea p.etcInfoTxt { font-size:130%; margin:5% auto 0; width:90%; }
#inPage.nandoku .inArea .etcArea { width:90%; margin:2% auto; }
#inPage.nandoku .inArea .etcArea ul li { width:20%; margin:6% 0; display: inline-block; }
#inPage.nandoku .inArea.nandoku1 .etcArea ul li:nth-child(4n) { width:23%; }
#inPage.nandoku .inArea .etcArea ul li img { width:100%; }
#inPage.nandoku .inArea .atCommentArea { width:90%; text-align:left; margin:0 auto; }
#inPage.nandoku .inArea .atCommentArea .fLeft { float:none; }
#inPage.nandoku .inArea .atCommentArea .fRight { float:none; width:60%; margin:5% auto; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	成り立ちの館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.naritachi h3 img { width:60%; margin-top:2%; }
#inPage.naritachi h4 img { width:85%; margin-top:0; }

#inPage.naritachi .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#c7d5ed; border-radius:15px; text-align:center; padding:5% 0 3%; }
#inPage.naritachi .inArea .inBox  { background:url("../images/blue_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.naritachi .inArea .inBoxB { background:url("../images/blue_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.naritachi .inArea .mainArea { background:url("../images/blue_in_bg01b.png") repeat-y center top / 100%; }

#inPage.naritachi .inArea .readArea { margin:15px auto 0; width:80%; }
#inPage.naritachi .inArea .animeBox { margin-top:1%; }
#inPage.naritachi .inArea .animeBox img { width:60%; }

#inPage.naritachi .inArea .infoArea { width:88%; margin:2% auto 0; }
	
#inPage.naritachi .inArea .mainArea p.readArea img { width:1em !important; }	

#inPage.naritachi .inArea .infoBox { float:none; }
#inPage.naritachi .inArea .infoBox ul { float:left; }
#inPage.naritachi .inArea .infoBox dl { float:left; }

#inPage.naritachi .inArea .imiBox { float:none; width:88%; padding:15px; margin:4% auto 0; }
#inPage.naritachi .inArea .imiBox h5 { margin-left:-10px; font-size:110%; }
#inPage.naritachi .inArea .imiBox p span { border:1px solid #000000; padding:1px 3px 0 3px; box-sizing:border-box; line-height:0; font-size:70%; margin-right:3px; }
#inPage.naritachi .inArea .imiBox p span.taigigo { background:#000000; color:#ffffff; }

/* 出典 */
#inPage.naritachi .inArea .infoBox p.shuttenBox { margin-right:25px; text-align:left; margin-left:10px; }
#inPage.naritachi .inArea p.shuttenBox { margin-right:25px; text-align:right; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	部首の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.bushu h3 img { width:80%; margin-top:2%; }
#inPage.bushu .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#c7d5ed; border-radius:15px; text-align:center; padding:5% 0 5%; }
#inPage.bushu .inArea .inBox  { background:url("../images/blue_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.bushu .inArea .inBoxB { background:url("../images/blue_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.bushu .inArea .mainArea { background:url("../images/blue_in_bg01b.png") repeat-y center top / 100%; }
#inPage.bushu .inArea .mainArea .infoArea { margin-top:20px; left:5vw; top:8vw; font-size:140%; }
#inPage.bushu .inArea .mainArea .animeBox { margin:10em auto 0; width:60%; }
#inPage.bushu .inArea .mainArea .animeBox img { width:100%; }
#inPage.bushu .inArea .mainArea .flowBox { margin:30px auto 0; width:80%; }
#inPage.bushu .inArea .mainArea .flowBox img { width:100%; }
#inPage.bushu .inArea .mainArea p.readArea { padding-top:30px; width:85%; margin:20px auto 0;  }
#inPage.bushu .inArea .mainArea p.readArea span { margin:0; display:block; }
#inPage.bushu .inArea .mainArea .sameArea { background:#ededed; text-align:left; padding:20px 10px; font-size:120%; width:80%; margin:10px auto 0; border-radius:6px; }
#inPage.bushu .inArea .mainArea .sameArea .sameTxt { font-size:180%; letter-spacing:0.5em; text-align:left; margin-left:3vw; }
#inPage.bushu .inArea .mainArea .atComment { width:85%; }
	
#inPage.bushu .inArea.bushu2 .mainArea .sameArea .sameTxt { font-size:180%; letter-spacing:0.5em; text-indent:0; margin-left:3vw; }
	
#inPage.bushu .inArea.bushu3 .mainArea .sameArea .sameTxt { font-size:180%; letter-spacing:0.5em; text-indent:0; margin-left:3vw; }
#inPage.bushu .inArea.bushu3 .mainArea p.readArea { width:85%; }

#inPage.bushu .inArea.bushu4 .mainArea .sameArea .sameTxt { font-size:180%; letter-spacing:0.5em; text-indent:0; margin-left:3vw; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	書き順の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.kakijun h3 img { width:60%; margin-top:2%; }
#inPage.kakijun h4 { width:85%; margin-top:0; }
#inPage.kakijun .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#c7d5ed; border-radius:15px; text-align:center; padding:5% 0 5%; }
#inPage.kakijun .inArea .inBox  { background:url("../images/blue_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.kakijun .inArea .inBoxB { background:url("../images/blue_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.kakijun .inArea .mainArea { background:url("../images/blue_in_bg01b.png") repeat-y center top / 100%; }
#inPage.kakijun .inArea .mainArea .infoBox { margin:10px auto 0; padding-bottom:2em; width:80%; background:url("../../kakijun/images/kakijun1_line.gif") no-repeat center bottom; }
#inPage.kakijun .inArea .mainArea .infoBox h4 { float:left; margin-left:0; width:50% !important; }
#inPage.kakijun .inArea .mainArea .infoBox img { width:100% !important; }
#inPage.kakijun .inArea .mainArea .infoBox p { float:none; width:100%; text-align:left; font-size:120%; line-height:1.4; margin-top:20px; clear:both; padding:0; }
#inPage.kakijun .inArea .mainArea .infoBox h4 + p { float:left; font-size:110%; margin-top:10vw; width:50%; clear:inherit; }
#inPage.kakijun .inArea .mainArea .animeBox { margin:15px 0 0; }
#inPage.kakijun .inArea .mainArea .animeBox img { width:60%; margin-bottom:5px; }
#inPage.kakijun .inArea .mainArea .infoBox p.readArea img { width:1em !important; }	
	
/* 世 */
#inPage.kakijun .inArea.kakijun2  h3 img { width:70%; }
#inPage.kakijun .inArea.kakijun2 .mainArea .infoBox p.readArea { width:100%; }
#inPage.kakijun .inArea.kakijun2 .mainArea .infoBox h4 + p  {  width:50%; margin-top:12vw; }
	
/* 図 */
#inPage.kakijun .inArea.kakijun3  h3 img { width:70%; }
#inPage.kakijun .inArea.kakijun3 .mainArea .infoBox p.readArea { width:100%; }
#inPage.kakijun .inArea.kakijun3 .mainArea .infoBox h4 + p  {  width:50%; margin-top:10vw; }
	
/* 垂 */
#inPage.kakijun .inArea.kakijun4  h3 img { width:70%; }
#inPage.kakijun .inArea.kakijun4 .mainArea .infoBox p.readArea { width:100%; }
#inPage.kakijun .inArea.kakijun4 .mainArea .infoBox h4 + p  {  width:50%; margin-top:4vw; }
	
/* 凹 */
#inPage.kakijun .inArea.kakijun5  h3 img { width:70%; }
#inPage.kakijun .inArea.kakijun5 .mainArea .infoBox p.readArea { width:100%; }
#inPage.kakijun .inArea.kakijun5 .mainArea .infoBox h4 + p  {  width:50%; margin-top:10vw; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	語彙力の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.goiryoku h3 img { width:80%; margin-top:2%; }
#inPage.goiryoku .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#fde7c6; border-radius:15px; text-align:center; padding:5% 0 5%; }
#inPage.goiryoku .inArea .inBox  { background:url("../images/yellow_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.goiryoku .inArea .inBoxB { background:url("../images/yellow_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.goiryoku .inArea .mainArea { background:url("../images/yellow_in_bg01b.png") repeat-y center top / 100%; }
#inPage.goiryoku .inArea .mainArea .vTxt { margin:30px auto 0; width:80%; }
#inPage.goiryoku .inArea .mainArea .vTxt p { float:none; }
#inPage.goiryoku .inArea .mainArea .vTxt p.readArea { line-height:1.6; width:auto; margin:0 auto; }
#inPage.goiryoku .inArea .mainArea .vTxt p.readArea.l5 { line-height:1.6; width:auto; margin:0 auto; }
#inPage.goiryoku .inArea .mainArea .vTxt p.txtImg { float:right; width:65%; margin:30px 0 15px; }
#inPage.goiryoku .inArea .mainArea .vTxt p.txtImg img { width:100%; }
#inPage.goiryoku .inArea .mainArea .vTxt p.exBox { position:relative; padding-top:60px; margin:30px 0 15px; float:left; width:28%; }
#inPage.goiryoku .inArea .mainArea .vTxt p.exBox img { position:absolute; top:0; }
	
/* 『あまつさえ』って、何を強調してる？ */
#inPage.goiryoku .inArea.goiryoku3 .vTxt p.exBox { width:45%; }
#inPage.goiryoku .inArea.goiryoku3 .vTxt p.txtImg { width:50%; }
	
/* 『つつがない』は、「つつが」がない？ */
#inPage.goiryoku .inArea.goiryoku4 .vTxt p.exBox { width:45%; }
#inPage.goiryoku .inArea.goiryoku4 .vTxt p.txtImg { width:50%; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	まぎらわしい言葉の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.magirawashii h3 img { width:85%; margin-top:2%; }
#inPage.magirawashii h4 { font-size:160%; width:100%; margin:0 auto; }
#inPage.magirawashii .inArea .mainArea .col2 .fRight h4 { margin-top:20px; }
#inPage.magirawashii .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#fde7c6; border-radius:15px; text-align:center; padding:5% 0 5%; }
#inPage.magirawashii .inArea .inBox  { background:url("../images/yellow_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.magirawashii .inArea .inBoxB { background:url("../images/yellow_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.magirawashii .inArea .mainArea { background:url("../images/yellow_in_bg01b.png") repeat-y center top / 100%; }
#inPage.magirawashii .inArea .mainArea .col2 { width:85%; }
#inPage.magirawashii .inArea .mainArea .col2 .fLeft,
#inPage.magirawashii .inArea .mainArea .col2 .fRight { width:100%; float:none; }
#inPage.magirawashii .inArea .mainArea .col2 img { margin-top:10px; width:100%; }
#inPage.magirawashii .inArea .mainArea .col2 p.readArea { margin-top:10px; text-align:left; }
#inPage.magirawashii .inArea .mainArea .txtBox { width:80%; background:#fffcd1; border:1px solid #facd89; border-radius:6px; padding:10px; margin:15px auto 0; text-align:left; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	誤字の館
---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#inPage.goji .inArea { line-height:1.6; width:94%; margin:2% auto 0; background:#fde7c6; border-radius:15px; text-align:center; padding:5% 0 5%; }
#inPage.goji .inArea .inBox  { background:url("../images/yellow_in_bg01a.png") no-repeat center top / 100%; padding-top:5%; width:90%; margin:0 auto; }
#inPage.goji .inArea .inBoxB { background:url("../images/yellow_in_bg01c.png") no-repeat center bottom / 100%; padding-bottom:7%; }
#inPage.goji .inArea .mainArea { background:url("../images/yellow_in_bg01b.png") repeat-y center top / 100%; }
#inPage.goji .inArea .mainArea p.readArea { width:80%; }
#inPage.goji .inArea .mainArea p.taigigo { margin-top:20px; }
#inPage.goji .inArea .mainArea h3 img { width:80%; margin-top:20px; }

}