@charset "utf-8";

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

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

　　スマホ画面 共通モジュール設定

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


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


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


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

.btnLinkLarge {
}

.btnLinkLarge a {
  width: 100%;
  min-width: 0;
  max-width: 300px;
  padding-right: 20px;
  padding-left: 20px;
}

/* 矢印付きボタン */
.btnLinkLarge.icnArw a {
  padding-right: 20px;
  padding-left: 20px;
}


/*  アイコン
-------------------------- */

/* -- PDFリンク -- */

.icnPDF {
  text-align: center;
}

.icnPDF a {
  padding-left: 24px;
  font-size: .98em;
}


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

.boxBreadcrumb {
  display: none;
}


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

.boxCategoryTitle {
}

.boxCategoryTitle .boxInner {
  width: auto;
  margin: 0 15px;
  padding: 15px 0;
}

.boxCategoryTitle h1 {
  margin-bottom: 5px;
  font-size: 1.6em;
}

.boxCategoryTitle h1 .txtSub {
  margin-top: 0;
}



/*  ソーシャル
-------------------------- */

#content .boxSocial {
}


/*  ニュース一覧
-------------------------- */

.boxNewsList {
  font-size: .92em;
}

/* -- 日付 -- */

.boxNewsList li dt {
  float: none;
  width: auto;
  padding-bottom: 5px;
  text-align: left;
}

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

.boxNewsList li dd {
  padding-top: 0;
  padding-left: 15px;
  text-indent: -5px;
}

/* -- リンク -- */

.boxNewsList li dd a {
}

/* ---- 一覧リンクボタン ---- */

.btnListLink {
}

/* -- リンク -- */

.btnListLink a {
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 1.1em;
}


/*  ナビボタン
-------------------------- */

.boxNavBtn {
  margin-bottom: 0;
  padding-top: 15px;
}

.boxNavBtn ul {
  margin-left: 0 !important;
}

.boxNavBtn li {
  display: block;
  width: auto !important;
  margin-bottom: 5px;
  padding-left: 0 !important;
}

/* -- ボタン -- */

.boxNavBtn .btn {
  padding: 10px 5px 10px 12px;
  font-size: .95em;
  text-align: left;
}

.boxNavBtn .btn span {
  display: block;
  padding: 0;
}


/*  準備中
----------------------------------- */

.boxComingSoon {
  padding: 25px 0 0;
  line-height: 2em;
}


/*  カラムリスト
-------------------------- */

/* ---- 共通設定 ---- */

.boxColumnList {
}

.boxColumnList > ul {
  letter-spacing: -.40em;
}

.boxColumnList > ul > li {
  display: inline-block;
  *display: inline; /* IE7用 */
  *zoom: 1; /* IE7用 */
  letter-spacing: normal;
  vertical-align: top;
}

/* -- 画像 -- */

.boxColumnList .imgItem {
}

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

.boxColumnList .ttlItem {
  padding-top: 22px;
  text-align: center;
  line-height: 1.65em;
}

/* -- 内容 -- */

.boxColumnList .txtCont {
  padding-top: 15px;
}

/* ---- 2カラム設定 ---- */

.boxColumnList.columnTwo > ul {
  margin-top: -40px;
  margin-left: 0;
}

.boxColumnList.columnTwo > ul > li {
  width: 100%;
  padding: 40px 0 0;
}

.boxColumnList.columnTwo .txtCont {
  line-height: 2em;
}

/* ---- 3カラム設定 ---- */

.boxColumnList.columnThree > ul {
  margin-top: -25px;
  margin-left: 0;
}

.boxColumnList.columnThree > ul > li {
  width: 100%;
  padding: 25px 0 0;
}

.boxColumnList.columnThree .txtCont {
  line-height: 2em;
}

/* ---- 4カラム設定 ---- */

.boxColumnList.columnFour > ul {
  margin-top: -25px;
  margin-left: -20px;
}

.boxColumnList.columnFour > ul > li {
  width: 50%;
  padding: 25px 0 0 20px;
}

/* ---- 5カラム設定 ---- */

.boxColumnList.columnFive > ul {
  margin-top: -25px;
  margin-left: -20px;
}

.boxColumnList.columnFive > ul > li {
  width: 50%;
  padding: 25px 0 0 20px;
}

/* ---- 6カラム設定 ---- */

.boxColumnList.columnSix > ul {
  margin-top: -25px;
  margin-left: -20px;
}

.boxColumnList.columnSix > ul > li {
  width: 33.333%;
  padding: 25px 0 0 20px;
}

/* ---- 7カラム設定 ---- */

.boxColumnList.columnSeven > ul {
  margin-top: -25px;
  margin-left: -20px;
}

.boxColumnList.columnSeven > ul > li {
  width: 33.333%;
  padding: 25px 0 0 20px;
}


/*  モーダル
-------------------------- */


.mfp-wrap {
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

html.mfp-helper {
  height: 100%;
}

html.mfp-helper body {
  height: 100%;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

html.mfp-helper .mfp-wrap {
  overflow: scroll;
}

.mfp-bg, .mfp-fade.mfp-bg.mfp-ready {
  opacity: .8;
  filter: alpha(opacity=80);
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  max-width: 100%;
  padding: 35px 0 15px;
}

.boxModal {
  margin: 0 auto;
  padding: 30px 15px 0;
  border-width: 4px;
  font-size: 0.88em;
  line-height: 1.8em;
}

.boxModalInner {
  min-height: 0;
  padding: 10px 20px 25px;
}

/* -- 閉じるボタン -- */

.mfp-close-btn-in .mfp-close {
  position: absolute;
  top: -20px;
  right: 20px;
  width: 30px;
  height: 30px;
  background-size: 20px;
}

/* -- 閉じるボタン（画像用） -- */

.mfp-image-holder .mfp-close {
  position: absolute;
  top: 0;
  right: 5px;
  width: 50px;
  height: 50px;
  padding: 0;
}






}