@charset "utf-8";

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

　　共通モジュール設定

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


/*  全体・コンテナー 設定
---------------------------------------------*/

/*  アイコン　設定
-------------------------- */
    
/* -- 矢印アイコン -- */

/* 矢印 */
.icnArw a:before,
.boxAccHead.icnArw span:before,
.ttlMain.icnArw span:before,
.icnArw .active > *:before {
  top: 6px;
}

/* タイトル矢印 */
.ttlMain.icnArw span:before {
  top: 28px;
  left: 15px;
}

/* 角丸ボタン・送信ボタン＆戻るボタン */
.btn.btnSubmit,
.btn.btnBack {
  display: block;
  margin: 0;
}

.btn.btnSubmit > *,
.btn.btnBack > * {
  width: 100%;
  min-width: 0;
}


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


/*  ボタン
-------------------------- */

/* -- 角丸ボタン -- */

.btn > * {
  border-radius: 8px;
}

/* 角丸ボタン・青色 */
.btn.btnBlue > * {
  background-image: url(/share/imgs/main-content-btn-bg-border-sp.png);
  background-size: 80px;
}

/* 角丸ボタン・戻るボタン */
.btn.btnBack {
  text-align: center;
}


/*  バナー
-------------------------- */


/*  テーブル
-------------------------- */

.boxTable {
  margin-bottom: 20px;
  border: 1px solid #ccc;
  border-top: none;
}

.boxTable,
.boxTable tbody,
.boxTable tr,
.boxTable th,
.boxTable td {
  display: block;
  width: auto;
}

.boxTable tr {
  border: none;
}

.boxTable th,
.boxTable td {
  padding: 10px;
}

.boxTable th {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.boxTable td {
  padding-top: 14px;
  padding-bottom: 14px;
}


/*  パンくず
-------------------------- */

.boxBreadcrumb {
  display: none;  
} 

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

.boxPageNav {
  margin: 0 -10px;
  padding: 20px 0 30px;
}

.boxPageNav.top {
  padding: 5px 0 15px;
}

/* ---- ページャー ---- */

.boxPageNav.top .boxPager {
  display: none;
}

.boxPager .btn > * {
  margin-right: 0;
  margin-left: 0;
  min-width: 40px;
  padding: 7px 10px;
  line-height: 1.55em;
}

/* -- 戻るボタン・進むボタン -- */

.boxPager .btnPrev,
.boxPager .btnNext {
  overflow: hidden;
  width: 40px;
  margin: 0 0 5px;
  padding-right: 0;
  padding-left: 0;
  text-indent: 200px;
  white-space: nowrap;
}

/* -- 戻る進むボタン装飾（矢印） -- */

.boxPager .btnPrev:before {
  left: 3px; 
}

.boxPager .btnPrev:after {
  left: 6px;
}

.boxPager .btnNext:before {
  right: 3px;
}

.boxPager .btnNext:after {
  right: 6px;
}

/* -- 一覧へボタン -- */

.boxPager .btnTop {
  padding-right: 50px;
  padding-left: 50px;

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

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

.boxCategoryTitle,
.boxSubCategoryTitle {
  min-height: 0;
  margin-bottom: 10px;
  border-radius: 10px;
  font-size: 1.5em;
}

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

.boxCategoryTitle {
  margin-top: 0;
  padding: 8px 5px 8px 52px;
}

.boxCategoryTitle:before {
  top: 7px;
  left: 10px;
  width: 38px;
  height: 44px;
  background-image: url(/share/imgs/kids-content-category-bg-bird-sp.png);
  background-size: 100%;
}

.boxCategoryTitle:after {
  display: none;  
}

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

.boxSubCategoryTitle {
}

/* -- セクションタイトル -- */

.ttlSection {
  margin-bottom: 0;
  font-size: 1.3em;
}

/* リンク */
.ttlSection a {
  text-decoration: underline;
}

/* リンク（ホバー・フォーカス時 */
.ttlSection a:hover,
.ttlSection a:focus {
  text-decoration: none;
}

/* タイトル内テキスト */
.ttlSection span {
  padding: 10px 15px;
}


/*  アコーディオンエリア
-------------------------- */

/* ---- リスト ---- */

.boxAccList {
  padding: 0 0 30px;
}

/* ---- アコーディオン ---- */

.boxAcc {
  margin: -1px 0 0;
  border-right: none;
  border-left: none;
}

/* ---- アコーディオン・ヘッダ ---- */

.boxAcc .boxAccHead {
  padding: 18px 15px 18px 44px;
  font-size: 1.1em;
}

/* -- 開閉リンク装飾・矢印 -- */

.boxAcc .boxAccHeadLinkShowLabel,
.boxAcc .boxAccHeadLinkHideLabel {
  top: 20px;
  left: 15px;
}

/* ---- アコーディオン・内容 ---- */

.boxAcc .boxAccCont {
  padding: 0 15px;
}

.boxAcc .boxAccContInner {
  padding: 0 5px 20px;
  border: none;
}


/*  スマホ用・アコーディオンエリア
-------------------------- */

/* ---- アコーディオン・通常：最初に閉じた状態 ---- */

.boxAccSP {
  margin-top: -1px;
  border-top: 1px solid #008739;
  border-bottom: 1px solid #008739;
  background: #fff;
}

/* -- アコーディオンボタン -- */

.boxAccSP .boxAccHead {
  display: block;
  position: relative;
  height: 100%;
  margin: 0;
  padding: 15px 60px 15px 15px;
  border: none;
  cursor: pointer;
  font-size: 1.38em;
  font-weight: bold;
}

/* ボタン */
.boxAccSP .boxAccHead:before {
  transition: all .1s ease;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 32px;
  height: 32px;
  margin-top: -17px;
  background-repeat: no-repeat,no-repeat;
  background-position: 97% center,100px 100px;
  background-size: 32px 32px,32px 32px;
  content: "";
}

/* 開くボタン */
.boxAccSP .boxAccHead:before {
  background-image: url(/share/imgs/main-content-bg-acc-open.png),url(/share/imgs/main-content-bg-acc-close.png);
}

/* 閉じるボタン */
.boxAccSP .boxAccHead.active:before {
  background-image: url(/share/imgs/main-content-bg-acc-close.png),url(/share/imgs/main-content-bg-acc-open.png);
}

/* -- アコーディオン内容 -- */

.boxAccSP .boxAccCont {
  display: none;
}

/* -- アコーディオン内容インナー -- */

.boxAccSP .boxAccCont .boxAccContInner {
  padding: 5px 15px 15px;
}

/* ---- アコーディオン・最初に開いた状態 ---- */

.boxAccSP.active .boxAccCont {
  display: block;
}

/* ---- アコーディオン・カラー設定 ---- */

/* -- 白色 -- */

.boxAccSP.boxClrWhite {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.boxAccSP.boxClrWhite .boxAccHead,
.boxAccSP.boxClrWhite .boxAccHead.icnAccWhite {
  background-color: #fff;
}

/* -- 赤色 -- */

.boxAccSP.boxClrRed {
  border-top-color: #660000;
  border-bottom-color: #660000;
}

.boxAccSP.boxClrRed .boxAccHead,
.boxAccSP.boxClrRed .boxAccHead.icnAccWhite {
  background-color: #660000;
}

/* 矢印アイコン */
.boxAccSP.boxClrRed .icnArw a:before,
.boxAccSP.boxClrRed .icnArw .active > *:before {
  border-left-color: #660000;
}

/* ---- アコーディオン・アイコン設定 ---- */

/* -- アイコン・白色 -- */

.boxAccSP .boxAccHead.icnAccWhite {
  background: #007f31;
  color: #fff;
}

.boxAccSP .boxAccHead.icnAccWhite:before {
  background-image: url(/share/imgs/main-content-bg-acc-white-open.png),url(/share/imgs/main-content-bg-acc-white-close.png);
}

.boxAccSP .boxAccHead.icnAccWhite.active:before {
  background-image: url(/share/imgs/main-content-bg-acc-white-close.png),url(/share/imgs/main-content-bg-acc-white-open.png);
}

.boxAccSP .boxAccHead.icnAccWhite + .boxAccCont .boxAccContInner {
  padding-top: 20px;
  padding-bottom: 20px;
}

/* -- アイコン・矢印 -- */

.boxAccSP .boxAccHead.icnAccArw {
  padding: 15px 15px 10px 30px;
  border-bottom: 3px solid #008739;
  font-size: 1.1em;
}

.boxAccSP .boxAccHead.icnAccArw:before {
  right: auto;
  left: 0;
  margin-top: -7px;
  width: 20px;
  height: 20px;
  background-image: url(/share/imgs/main-content-bg-acc-arw-open.png),url(/share/imgs/main-content-bg-acc-arw-close.png);
  background-size: 20px 20px,20px 20px;
}

.boxAccSP .boxAccHead.icnAccArw.active:before {
  background-image: url(/share/imgs/main-content-bg-acc-arw-close.png),url(/share/imgs/main-content-bg-acc-arw-open.png);
}

.boxAccSP .boxAccHead.icnAccArw span {
  padding: 0;
}

.boxAccSP .boxAccHead.icnAccArw + .boxAccCont .boxAccContInner {
  padding: 10px 0 0;
}


/*  下線付きリスト
-------------------------- */

.boxLineList {
}

/* -- リンク -- */

.boxLineList > ul > li > a {
  padding-left: 30px;
  background-image: url(/share/imgs/kids-content-icn-arw.png);
  background-size: 23px;
}


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

.boxPageList {
  padding: 0 0 20px;
}

/* -- リスト -- */

.boxPageLink > ul {
  margin-left: 0;
}

.boxPageLink > ul > li {
  display: block;
  width: auto;
  margin: 0 0 10px;
  padding: 0;
}

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

.boxPageLink .ttlMain {
  font-size: 1.25em;
}

/* タイトル内リンク */
.boxPageLink .ttlMain a {
  text-decoration: underline;
}

.boxPageLink .ttlMain a:hover,
.boxPageLink .ttlMain a:focus {
  text-decoration: none;
}

/* タイトル内テキスト */
.boxPageLink .ttlMain span {
  padding: 18px 5px 5px 53px;
  background-position: 12px center;
  background-size: 28px;
  border-radius: 10px;
}

/* -- ページ内容 -- */

.boxPageLink .boxPageCont {
  display: none;
}


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

.boxEntryBody {
  margin: 0;
  padding: 0;
  font-size: 1.05em;
  line-height: 1.9em;
}

.boxEntryBody .boxEntryContent {
  padding: 0;
}

.boxEntryBody .boxSection {
  padding: 0;
}

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

.boxEntryBody h1 {
  margin-bottom: 15px;
  padding: 22px 10px 10px 54px;
  background-position: 15px center;
  background-size: 28px;
  border-radius: 10px;
  font-size: 1.45em;
  line-height: 1.3em;
}

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

.boxEntryBody h2 {
  margin: 20px 0 15px;
  padding: 15px 10px 10px 40px;
  font-size: 1.4em;
  line-height: 1.3em;
}

.boxEntryBody h2:before {
  width: 10px;
  height: 10px;
  margin-top: -11px;
}

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

.boxEntryBody h3 {
  margin: 20px 0 10px;
  padding-left: 20px;
  font-size: 1.1em;
  line-height: 1.3em;
}

.boxEntryBody h3:before {
  top: 5px;
}

/* ---- テキスト余白 ---- */

.boxEntryBody .boxEntryContent > p {
  margin-bottom: 15px;
}

.boxEntryBody .boxEntryMeta + .boxEntryContent > p:first-child {
  margin-top: 20px;
}

/* ---- リスト ---- */

/* -- 箇条書きリスト -- */

.boxDotList {
  margin: 20px 0 30px;
}

/* -- 順序付きリスト -- */

.boxNumList {
  margin: 20px 0 30px;
}

.boxNumList ol {
  padding-left: 25px;
}

.boxNumList li ol {
  padding-left: 35px;
}

/* -- 矢印付きリスト -- */

.boxArwList {
}

.boxArwList ul {
  padding-left: 2px;
}

.boxArwList.icnArw a:before {
  top: 3px;
}

/* ---- テーブル ---- */

.boxEntryBody table,
.boxEntryBody table caption,
.boxEntryBody table thead,
.boxEntryBody table tbody,
.boxEntryBody table tr,
.boxEntryBody table th,
.boxEntryBody table td {
  display: block;
}

.boxEntryBody table {
  margin-top: 20px;
  margin-bottom: 20px;
  border-spacing: 0;
  border: 1px solid #7e6b5a;
  border-top: none;
  background: none;
  font-size: 1em;
  line-height: 1.6em;
}

.boxEntryBody table.mediaPC,
.boxEntryBody table .mediaPC {
  display: none !important;
}

.boxEntryBody table tr {
  border: none;
}

.boxEntryBody table th,
.boxEntryBody table td {
  padding: 7px 10px;
}

.boxEntryBody table th {
  width: 100%;
  border-top: 1px solid #7e6b5a;
  border-bottom: 1px solid #7e6b5a;
}

.boxEntryBody table td {
  padding-bottom: 12px;
}

/* ---- 画像レイアウト ---- */

.boxEntryBody .boxImgLeft .boxImgArea,
.boxEntryBody .boxImgLeft .boxTxtArea,
.boxEntryBody .boxImgRight .boxImgArea,
.boxEntryBody .boxImgRight .boxTxtArea {
  float: none;
  width: auto;
  margin: 0 0 15px;
  padding: 0;
}

.boxEntryBody .boxImgRow {
  margin-top: 20px;
}

.boxEntryBody .boxImgRow ul {
  margin-left: 0;
}

.boxEntryBody .boxImgRow li {
  display: block;
  width: auto;
  margin: 0 0 20px;
}

.boxEntryBody .boxImgRow li img {
  margin-bottom: 6px;
}

/* ---- ファイルダウンロード ---- */

.boxEntryBody .txtPDF,
.boxEntryBody .txtExcel {
}

.boxEntryBody .txtPDF a,
.boxEntryBody .txtExcel a {
  background-position: left 4px;
}

/* ---- マップ ---- */

.boxEntryBody .boxMap {
  margin-bottom: 25px;
}

.boxEntryBody .boxMap iframe {
  height: 240px;
}

/* ---- インフォ ---- */

.boxEntryBody .boxInfo {
  margin-bottom: 10px;
  padding: 20px 20px 10px;
}

.boxEntryBody .boxInfo .boxImgArea,
.boxEntryBody .boxInfo .boxTxtArea {
  float: none;
  width: auto;
  padding: 0;
}

.boxEntryBody .boxInfo .boxImgArea {
  margin-bottom: 20px;
}

.boxEntryBody .boxInfo p {
  line-height: 1.6em;
}


/*  サイド 設定
-----------------------------------*/

#side {
  padding: 20px 0 30px;
}

/*  リンクリスト
-------------------------- */

.boxSideLinkList {
  border-radius: 12px;
}

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

.boxSideLinkList dt {
  border-radius: 10px 10px 0 0;
  padding: 5px 5px 10px;
  font-size: 1.48em;
}

/* ---- 内容 ---- */

.boxSideLinkList dd {
  padding: 5px 10px 10px;
}

/* 20161117 MTNADD */
.boxEntryBody .tablewrapper { display: block; }

/* 画像枠対応 */
/* 画像枠レイアウト */

/* 右寄せ画像枠 */
/* 左寄せ画像枠 */
.boxEntryBody .img_right,
.boxEntryBody .img_left {
  clear: none;
  float: none;
  padding: 3px;
  margin: 8px 0px;
  text-align: center;
}

/* 画像固定枠 */
.boxEntryBody .img_waku {
  float: none;
}
.boxEntryBody .img_wakuleft {
  float: none;
  padding: 3px;
  margin: 8px 0px;
  text-align: center;
  }
/* 画像の回り込み解除 */
.boxEntryBody .clearall {
  clear: both;
}

/* 画像と文章の高さを合わせる改行 */
.boxEntryBody .brclear {
  clear: both;
}

/* 動画枠 */
.boxEntryBody .youtubearea iframe {
  max-width: 100%;
}