@charset "utf-8";

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

　　MODULE CSS 設定

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


/*  リンク 共通設定
----------------------------------- */

/* -- 動き滑らか -- */
#header a,
#content a img,
#footer a,
.cate-top #information .boxSectionHead .btnLink a,
.cate-top #information .boxInfoList > li > dl,
.cate-column #column .txtMore a,
.cate-information #main-info .boxSection .boxSectionFooter .btnLink a {
	transition: all 0.4s ease;
}

/* -- 半透明 -- */
.cate-top #information .boxInfoList > li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  filter: none\9;
}

/* -- 下線 -- */
#footer a:hover,
.txtLink,
.cate-column #column .boxSpecialColumn .boxLink a:hover {
  text-decoration: underline;
}

/* -- 下線なし -- */
.txtLink:hover {
  text-decoration: none;
}


/*  タイトル・ロゴ・アイコンの文字インデント設定（背景画像使用）
----------------------------------- */

#header .boxGlobalNav > ul > li > a > span,
.boxCategoryTitle .ttlCategory span,
.cate-top #information .boxInfoList .txtMore a,
.cate-history .boxCategoryTitle .txtArchive span,
.cate-history #history .boxLinkList > li .txtMore a,
.cate-column #column .boxSpecialTalk .txtMore a,
.cate-column #column .boxFiftyYears .txtMore a,
.cate-column #column .boxSpecialgakufu .txtMore a,
.cate-column #column .boxSpecialOB .txtMore a,
.cate-column #column .boxSpecialChildren .txtMore a,
.cate-column #column .boxSpecialShimasho .txtMore a {
  display: block;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  text-indent: 200%;
  /text-indent: -9999px;
  text-indent: -9999px\9;
  white-space: nowrap;
}


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

/* -- 矢印アイコン -- */
.icnArw {
  display: inline-block;
  position: relative;
  padding-left: 14px;
}

/* 矢印 */
.icnArw:before {
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -4px;
  border-top: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #ff8000;
  content: "";
}


/*  タイトル　設定
----------------------------------- */

/* ---- カテゴリータイトル ---- */
/*
.boxCategoryTitle {
  margin-bottom: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
  background-attachment: fixed;
}

.boxCategoryTitle .boxInner {
  position: relative;
  padding-top: 24%;
}


@media screen and (max-width: 1500px) {
  .boxCategoryTitle {
    background-size: 1900px;
  }

  .boxCategoryTitle .boxInner {
    padding-top: 464px;
  }
}

.boxCategoryTitle .ttlCategory {
  position: absolute;
  top: 54px;
  left: 0;
  width: 100%;
  text-align: center;
}

.boxCategoryTitle .ttlCategory span {
  display: inline-block;
}
*/

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

.boxCategoryTitle {
  margin-bottom: 55px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center 0;
  background-attachment: fixed;
}

.boxCategoryTitle .boxInner {
  position: relative;
  padding-top: 24%;
}

@media screen and (max-width: 1500px) {
  .boxCategoryTitle {
    /*background-size: 1900px; 15.6.30削除*/
    background-size: 1500px; /* 15.6.30追加 */
  }

  .boxCategoryTitle .boxInner {
    /*padding-top: 464px; 15.6.30削除*/
    padding-top: 385px; /* 15.6.30追加 */
  }
}

.boxCategoryTitle .ttlCategory {
  position: absolute;
  /*top: 54px; 15.6.30削除*/
  top: 14%; /* 15.6.30追加 */
  left: 0;
  width: 100%;
  text-align: center;
}

.boxCategoryTitle .ttlCategory span {
  display: inline-block;
}

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

.boxPageTitle {
  margin-bottom: 80px;
  padding-top: 60px;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  text-align: center;
}

.boxPageTitle .boxInner {
  width: 576px;
  margin: 0 auto;
  padding: 15px 20px 20px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  text-align: center;
}

.boxPageTitle .txtCate {
  margin-bottom: 4px;
}

/* ---- リード文・セクションタイトル ---- */

.ttlLead,
.ttlSection {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  text-align: center;
}

.ttlLead {
  margin-bottom: 50px;
  font-size: 1.3em;
  line-height: 1.7em;
}

.ttlLead {
  margin-bottom: 50px;
  font-size: 1.8em;
  line-height: 1.7em;
   font-family: "ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
}

.ttlSection {
  margin-bottom: 30px;
  font-size: 2.2em;
  line-height: 1.4em;
}