@charset "utf-8";


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

　　スマホ画面  個別設定

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


/*  TOP : トップページ 設定
--------------------------------------------------------------*/


/*　TOP コンテンツ　設定
--------------------------------------------- */

.home #content {
}

/*  Content Top
-----------------------------------*/

.home #contentTop {
  min-width: 0;
  margin: 0;
  padding-top: 112px;
}

.home #contentTop > .boxInner {
  padding-bottom: 115px;
  background-image: url(/share/imgs/kids-index-ct-bg-yama-sp.png);
  background-position: center 12px;
  background-size: 980px;
}

/* ---- 装飾（太陽・雲） ---- */

/* -- 太陽 -- */

.home #contentTop:before {
  top: 128px;
  margin-left: -195px;
}

/* ---- タイトル ---- */

.home #contentTop #mainlogo h1 {
  background-position: center 12px;
  background-size: 290px;
}

/* ---- キーワード検索 ---- */

.home #contentTop .boxKeywordSearch {
  padding-top: 130px;
}


/*  Content Main
-----------------------------------*/

.home #contentMain {
}

.home #contentMain .boxInner {
  padding-top: 0;
  padding-bottom: 0;
}

/* ------ イメージエリア ------ */

.home .boxImgArea {
  display: none;
}


/*  Content Bottom
-----------------------------------*/

.home #contentBtm {
  margin-top: -35px;
}

.home #contentBtm .boxInner {
  padding: 0 20px;
}

/* ------ サイトナビ ------ */

.home #content #sitenav {
  margin: 0 -10px;
}

.home #sitenav li img {
  display: block;
}

/* ------ イベントカレンダー ------ */

.home #event {
  width: auto;
  max-width: 500px;
  /*min-height: auto;*/
  margin: 50px auto 60px;
  padding: 3px 5px 0 5px;
  background: url(/share/imgs/kids-index-cb-bg-event-all.png);
  background-size: 300px;
}

/* ---- 装飾（看板背景） ---- */

/* -- 看板上側 -- */

.home #event:before {
  top: -35px;
  right: -15px;
  left: -15px;
  width: auto;
  height: 40px;
  background: url(/share/imgs/kids-index-cb-bg-event-head-left.png) no-repeat top left,
              url(/share/imgs/kids-index-cb-bg-event-head-right.png) no-repeat top right;
  background-size: 80px,80px;
}

/* -- 看板下側 -- */

.home #event:after {
  right: -15px;
  left: -15px;
  bottom: -60px;
  width: auto;
  height: 70px;
  background: url(/share/imgs/kids-index-cb-bg-event-foot-left.png) no-repeat top left,
              url(/share/imgs/kids-index-cb-bg-event-foot-right.png) no-repeat top right;
  background-size: 80px,80px;
}

/* ---- セクション上部 ---- */

.home #event .boxSectionHead {
  padding-bottom: 8px;
  padding-right: 5px;
  background-image: url(/share/imgs/kids-index-cb-bg-event-head-sp.png);
  background-size: 100%;
}

/* -- 装飾（鳥＆看板上部背景） -- */

.home #event .boxSectionHead:before {
  animation: none;
  top: -85px;
  right: 15px;
  left: 0;
  width: auto;
  height: 98px; 
  background: url(/share/imgs/kids-index-cm-img-bird-sp.png) no-repeat 0 0,
              url(/share/imgs/kids-index-cb-bg-event-head-center.png) repeat-x bottom;
  background-size: 47px 64px,150px;
}

.home #event .boxSectionHead h2 {
  margin-top: -2px;
  font-size: 1.45em;
}

.home #event .boxSectionHead .txtListLink {
  padding-top: 0;
}

.home #event .boxSectionHead .txtListLink a {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  padding: 2px 15px 2px 30px;
  background: url(/share/imgs/kids-index-cb-bg-event-arw.png) no-repeat 15px 8px #fff;
  background-size: 10px;
  border-radius: 5px;
  color: #604b2f;
  font-weight: bold;
}


/* ---- セクション内容 ---- */

.home #event .boxSectionContent {
}

/* ---- 装飾（看板背景） ---- */

.home #event .boxSectionContent:before,
.home #event .boxSectionContent:after {
  position: absolute;
  z-index: -1;
  content: "";
}

/* -- 看板側面背景 -- */

.home #event .boxSectionContent:before {
  top: 0;
  right: -15px;
  left: -15px;
  bottom: 0;
  background: url(/share/imgs/kids-index-cb-bg-event-leftside.png) repeat-y bottom left,
              url(/share/imgs/kids-index-cb-bg-event-rightside.png) repeat-y bottom right;
  background-size: 16px,16px;
}

/* -- 看板下側背景 -- */

.home #event .boxSectionContent:after {
  right: 10px;
  left: 10px;
  bottom: -30px;
  width: auto;
  height: 50px; 
  background: url(/share/imgs/kids-index-cb-bg-event-foot-center.png) repeat-x bottom;
  background-size: 160px;
}

.home #event .boxEventList {
  line-height: 1.4em;
}

.home #event .boxEventList a {
  text-decoration: underline;
}

.home #event .boxEventList a:hover,
.home #event .boxEventList a:focus {
  text-decoration: none;
}



/*  QUIZ : クイズ 設定
--------------------------------------------------------------*/

/* -------- セクション共通 -------- */

/* ------ ボタン設定 ------ */

.quiz .boxSection .boxBtnArea .txtGuidance {
  line-height: 1.5em;
}

.quiz .boxSection .boxBtnArea .btn {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  width: 100%;
  padding: 18px 5px;
}

/* -- 送信ボタン -- */

.quiz .boxSection .boxBtnArea .btnSubmit {
  min-width: 0;
}

/* -------- カテゴリータイトル -------- */

.quiz .boxCategoryTitle {
  margin-bottom: 15px;
}

/* -------- クイズ・共通フレーム -------- */

.quiz .boxQuizFlame {
  margin-bottom: 30px;
  padding: 0;
}

/* ------ フレーム上部 ------ */

.quiz .boxQuizFlame .boxSectionHead {
}

/* ---- クイズ何問目 ---- */

.quiz .boxQuizFlame .boxSectionHead .boxQuizNum {
  height: 130px;
  margin-bottom: -3px;
  padding-top: 75px;
  background-size: 350px;
}

.quiz .boxQuizFlame .boxSectionHead .boxQuizNum h1 {
  width: 140px;
  height: 140px;
  padding: 15px 15px 0;
  border-width: 2px;
  font-size: 1.6em;
}

.quiz .boxQuizFlame .boxSectionHead .boxQuizNum h1:before {
  right: -2px;
  left: -2px;
  bottom: 80px;
}

/* 数字 */
.quiz .boxQuizFlame .boxSectionHead .boxQuizNum h1 .txtNum {
  padding-right: 6px;
  font-size: 1.2em;
}

/* ------ フレーム内容 ------ */

.quiz .boxQuizFlame .boxSectionContent {
  display: block;
  width: 100%;
  padding: 15px 15px 25px;
  border-width: 2px;
}


/*　質問ページ　設定
--------------------------------------------- */

.quiz .boxQuestion {
  margin-top: 0;
}

/* ------ フレーム上部 ------ */

/* ---- ガイダンス ---- */

.quiz .boxQuestion .boxGuidance {
  min-height: 140px;
  margin-bottom: 20px;
  padding: 20px 0 20px 115px;
  background-image: url(/share/imgs/kids-quiz-question-bg-guidance-sp.png);
  background-size: 100px;
  background-position: 0 center;
}

/* -- テキスト -- */

.quiz .boxQuestion .boxGuidance .txtGuidance {
  padding: 0;
  border: none;
  border-radius: 0;
  background: none;
  font-size: 1.15em;
  line-height: 1.8em;
}

/* 吹き出し装飾（矢印） */

.quiz .boxQuestion .boxGuidance .txtGuidance:before,
.quiz .boxQuestion .boxGuidance .txtGuidance:after {
  display: none;
}

/* ---- クイズ何問目 ---- */

.quiz .boxQuestion .boxSectionHead .boxQuizNum {
  background-image: url(/share/imgs/kids-quiz-quizflame-bg-question-sp.png);
}

/* ------ 質問エリア＆解答エリア ------ */

.quiz .boxQuestion .boxQuestionArea,
.quiz .boxQuestion .boxAnswerArea {
  display: block;
  width: auto;
  padding: 0;
}

/* ------ 質問エリア ------ */

.quiz .boxQuestion .boxQuestionArea {
  margin-bottom: 30px;
  background: none;
}

/* -- 質問イメージ -- */

.quiz .boxQuestion .boxQuestionArea .imgCont {
  padding: 30px 0 0;
}

.quiz .boxQuestion .boxQuestionArea .imgCont img {
  max-width: 100%;
}

/* ------ 解答エリア ------ */

.quiz .boxQuestion .boxAnswerArea {
}

/* ---- 解答選択 ---- */

.quiz .boxQuestion .boxAnswerArea .boxAnswerSelect {
  margin-bottom: 5px;
}

.quiz .boxQuestion .boxAnswerArea .boxAnswerSelect li {
  margin-bottom: 12px;
}

/* ---- フォーム設定 ---- */

.quiz .boxQuestion .boxAnswerArea .boxAnswerSelect input {
  top: 20px;
  left: 15px;
}

.quiz .boxQuestion .boxAnswerArea .boxAnswerSelect label {
  display: block;
  margin: 0;
  padding: 15px 15px 15px 42px;
}

.quiz .boxQuestion .boxAnswerArea .boxInput input[type=radio] + label:before,
.quiz .boxQuestion .boxAnswerArea .boxInput input[type=radio] + label:after {
  left: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}

.quiz .boxQuestion .boxAnswerArea .boxInput input[type=radio]:checked + label:after {
  width: 12px;
  height: 12px;
  margin-top: -6px;
  margin-left: 2px;
}

/* ---- ボタンエリア ---- */

.quiz .boxQuestion .boxAnswerArea .boxBtnArea {
  position: relative;
  padding-top: 90px;
}

.quiz .boxQuestion .boxAnswerArea .boxBtnArea .txtGuidance {
  margin-bottom: 0;
  font-size: 1.02em;
  line-height: 1.65em;
}

.quiz .boxQuestion .boxAnswerArea .boxBtnArea .btnSubmit {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.boxBtnArea p#caution {
  margin-bottom: 0;
  padding-top: 1em;
}



/*　解答ページ　設定
--------------------------------------------- */

.quiz .boxAnswer {
}

/* ------ フレーム上部 ------ */

/* ---- クイズ何問目 ---- */

.quiz .boxAnswer .boxSectionHead .boxQuizNum h1:before {
  bottom: 82px;
}

/* -- 正解 -- */

.quiz .boxAnswer.bgCorrect .boxSectionHead .boxQuizNum {
  height: 133px;
  padding-top: 82px;
  background-image: url(/share/imgs/kids-quiz-quizflame-bg-answer-correct-sp.png);
}

.quiz .boxAnswer.bgCorrect .boxSectionHead .boxQuizNum h1:before {
  bottom: 84px;
}

/* -- 不正解 -- */

.quiz .boxAnswer.bgIncorrect .boxSectionHead .boxQuizNum {
  height: 145px;
  padding-top: 92px;
  background-image: url(/share/imgs/kids-quiz-quizflame-bg-answer-incorrect-sp.png);
}

/* ------ 解答イメージ＆解答エリア ------ */

.quiz .boxAnswer .boxAnswerImg,
.quiz .boxAnswer .boxAnswerArea {
  display: block;
  width: auto;
  padding: 0;
}

/* ------ 解答イメージ ------ */

.quiz .boxAnswer .boxAnswerImg {
  padding: 15px 15px 0;
}

.quiz .boxAnswer .boxAnswerImg span {
  display: block;
  width: 100%;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
}

.quiz .boxAnswer.bgCorrect .boxAnswerImg span {
  padding-top: 82%;
  background-image: url(/share/imgs/kids-quiz-answer-img-correct-sp.png);
}

.quiz .boxAnswer.bgIncorrect .boxAnswerImg span {
  padding-top: 72%;
  background-image: url(/share/imgs/kids-quiz-answer-img-incorrect-sp.png);
}

.quiz .boxAnswer .boxAnswerImg img {
  display: none;
}

/* ------ 解答エリア ------ */

.quiz .boxAnswer .boxAnswerArea {
}

/* ---- 解答内容 ---- */

.quiz .boxAnswer .boxAnswerArea .boxAnswerContent {
  min-height: 0;
  padding: 0;
  background: none;
}

.quiz .boxAnswer .boxAnswerArea .boxAnswerContent h2 {
  margin-bottom: 8px;
  font-size: 1.35em;
}

.quiz .boxAnswer .boxAnswerArea .boxAnswerContent p {
  font-size: 1.05em;
  line-height: 1.8em;
}

.quiz .boxAnswer .boxAnswerArea .boxAnswerContent .txtAnswer {
  padding: 12px 16px;
  font-size: 1.35em;
}

/* ---- ボタンエリア ---- */

.quiz .boxAnswer .boxAnswerArea .boxBtnArea {
  padding-bottom: 10px;
  text-align: center;
}

.quiz .boxAnswer .boxAnswerArea .boxBtnArea .btnSubmit {
  width: 240px;
  max-width: 100%;
  padding: 14px 5px;
  font-size: 1.5em;
}


/*　スタートページ　設定
--------------------------------------------- */

.quiz .boxQuizStart {
  width: 320px;
  max-width: 100%;
  min-height: 0;
  margin: 0 auto 40px;
  padding: 10px 0 0;
  background: none;
}

/* ---- ガイダンス ---- */

.quiz .boxQuizStart .boxGuidance {
  min-height: 155px;
  margin: 0 0 15px;
  padding: 0 0 170px;
  background: url(/share/imgs/kids-quiz-start-bg-guidance.png) no-repeat bottom center;
  background-size: 110px;
}

.quiz .boxQuizStart .boxGuidance .txtGuidance {
  padding: 18px 10px;
  border-radius: 28px;
  font-size: 1.22em;
  line-height: 1.7em;
  text-align: center;
}

.quiz .boxQuizStart .boxGuidance .txtGuidance:before,
.quiz .boxQuizStart .boxGuidance .txtGuidance:after {
  top: auto;
  bottom: -24px;
  left: 50%;
  margin-top: 0;
  margin-left: -12px;
  border-top-width: 12px;
  border-right-width: 14px;
  border-bottom-width: 12px;
  border-left-width: 14px;
  border-top-color: #888;
  border-right-color: transparent;
}

.quiz .boxQuizStart .boxGuidance .txtGuidance:after {
  bottom: -22px;
  border-top-color: #fff;
}

/* ---- ボタンエリア ---- */

.quiz .boxQuizStart .boxBtnArea {
  padding: 0;
}

/* -- スタートボタン -- */

.quiz .boxQuizStart .boxBtnArea a.btnStart {
  width: 100%;
  height: 75px;
  border-radius: 75px !important;
  background-size: 160px;
}

/*　結果ページ　設定
--------------------------------------------- */

/* ------ セクション共通 ------ */

.quiz .boxQuizResult {
  min-height: 550px;
  margin: 30px -15px 0;
  padding: 72px 15px 0;
  background-image: url(/share/imgs/kids-quiz-result-bg-cloud-sp.png); /* 雲背景・画像 */
  background-position: top center; /* 雲背景・位置 */
}

/* -- セクション背景・イラスト -- */

.quiz .boxQuizResult,
.quiz .boxQuizResult:before {
  background-size: 560px;
}

.quiz .boxQuizResult:before {
  background-position: center 2px;
}

/* ------ セクション上部 ------ */

.quiz .boxQuizResult .boxSectionHead {
  width: 300px;
  max-width: 100%;
  margin: 0 auto;
  padding: 0 30px;
  text-align: center;
}

/* ------ セクション内容 ------ */

.quiz .boxQuizResult .boxSectionContent {
  width: 300px;
  max-width: 100%;
  padding: 22px 0 0;
  font-size: 1.25em;
}

/* ---- ボタンエリア ---- */

.quiz .boxQuizResult .boxBtnArea {
  padding-top: 20px;
  text-align: center;
}

/* -- もう一度はじめから -- */

.quiz .boxQuizResult .boxBtnArea a.btnTryAgain {
  width: 100%;
  max-width: 100%;
  height: 66px;
  border-radius: 66px !important;
  background-size: 250px;
}

/* ------ 個別設定 ------ */

/* ---- 5問中0問正解 ---- */

span.txtFinish {
	display: block;
  padding-top: 35px;
	font-size: 1.2em;
}

/* -- セクション背景・イラスト -- */

.quiz .boxQuizResult.bgCorrect0:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct0-sp.png);
}

/* ---- 全問正解 ---- */

/* -- セクション背景・イラスト -- */

.quiz .boxQuizResult.bgCorrectAll:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct-all-sp.png);
  background-position: center 30px;
}

.quiz .boxQuizResult.bgCorrect1:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct1-sp.png);
  background-position: center 30px;
}

.quiz .boxQuizResult.bgCorrect2:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct2-sp.png);
  background-position: center 30px;
}

.quiz .boxQuizResult.bgCorrect3:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct3-sp.png);
  background-position: center 30px;
}

.quiz .boxQuizResult.bgCorrect4:before {
  background-image: url(/share/imgs/kids-quiz-result-bg-correct4-sp.png);
  background-position: center 30px;
}


/* -- 余白の設定 -- */

.quiz .boxQuizResult.bgCorrectAll .boxSectionHead {
  padding: 0;
}
/*  PHOTONEWS : フォトニュース 設定
--------------------------------------------------------------*/

/* -------- カテゴリータイトル -------- */

.photonews .boxCategoryTitle {
  margin-bottom: 18px;
  padding-top: 14px;
  padding-bottom: 14px;
}

/*　一覧ページ　設定
--------------------------------------------- */

/* -------- ページリンク -------- */

.photonews .boxPageLink {
}

.photonews .boxPageLink > ul > li {
  margin-bottom: 25px;  
}

/* -- ページ一覧タイトル -- */

.photonews .boxPageLink .ttlMain {
  font-size: 1.2em;
}


/*　詳細ページ　設定
--------------------------------------------- */

/* ------ フォトニュースタイトル ------ */

.photonews .boxEntryHead h2 {
  font-size: 1.3em;
  line-height: 1.4em;
}

/* ---- 日付 ---- */

.photonews .boxEntryHead h2 .txtDate {
  display: block;
  padding: 0;
  font-size: .75em;
  font-weight: normal;
  vertical-align: top;
}

/* ------ フォトニュース画像 ------ */

.photonews .boxEntryPhoto {
  margin-bottom: 15px;
  padding: 0;
}

/* ---- 装飾（男の子・女の子） ---- */

.photonews .boxEntryPhoto:before,
.photonews .boxEntryPhoto:after {
  display: none;
}

/* ---- 画像 ---- */

.photonews .boxEntryPhoto img {
  border-width: 10px;
}

/* ------ フォトニュース内容 ------ */

.photonews .boxEntryFreeform {
  padding-right: 0;
  padding-left: 0;
}

.photonews .boxEntryFreeform p {
  margin-bottom: 20px;
}

/* ------ ページナビ ------ */

.photonews .boxEntryBody .boxPageNav {
  padding-top: 5px;
}










}