@charset "utf-8";

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

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

　　スマホ画面  個別設定

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


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


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

.home #content {
  padding-bottom: 0;
}

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

.home #contentTop {
  overflow: hidden;
}

/* -------- メインビジュアル -------- */

#mainvisual {
  overflow: hidden;
  width: 130%;
}

#mainvisual .slider-pro {
  min-width: 0;
  min-height: 0;
}

/* ---- JSカスタム・SliderPro ---- */

/* -- スライダー矢印 -- */

#mainvisual .sp-arrows {
  left: 0;
  width: 100%;
  margin-top: -15px;
  margin-left: 0;
}

#mainvisual .sp-arrow {
  width: 38px;
  height: 38px;
  border-width: 2px;
}

#mainvisual .sp-previous-arrow {
  left: 15px;
}

#mainvisual .sp-next-arrow {
  right: 15px;
}

#mainvisual .sp-previous-arrow:before,
#mainvisual .sp-previous-arrow:after,
#mainvisual .sp-next-arrow:before,
#mainvisual .sp-next-arrow:after {
  margin-top: -11px;
  margin-left: -15px;
  border-top-width: 11px;
  border-right-width: 11px;
  border-bottom-width: 11px;
  border-left-width: 11px;
}

#mainvisual .sp-previous-arrow:before {
  margin-left: -17px;
}

#mainvisual .sp-next-arrow:before,
#mainvisual .sp-next-arrow:after {
  margin-left: -5px;
}

#mainvisual .sp-next-arrow:after {
  margin-left: -7px;
}

/* -- スライダーボタン -- */

#mainvisual .sp-buttons {
  padding-bottom: 4px;
}

#mainvisual .sp-button {
  width: 18px;
  height: 18px;
  margin: 4px;
  border-width: 2px;
}

/* -------- ガイドナビ -------- */

#guidenav {
  position: inherit;
  top: auto;
  right: auto;
  margin-right: 0;
  padding: 20px 15px 5px !important;
}

#guidenav .boxGuideContent {
  float: none;
  min-width: 0;
  padding: 0;
  border-radius: 0;
  background: none;
}

#guidenav .boxGuideContent h3 {
  margin-bottom: 18px;
  padding: 15px 15px;
  border-radius: 8px;
}

#guidenav .boxGuideContent h3 span {
  width: auto;
  background-image: url(/share/imgs/main-content-guidenav-ttl-sp.png);
  background-size: 184px auto;
  background-position: center;
}

#guidenav .boxGuideContent .boxGuideList {
  min-width: 0;
}

#guidenav .boxGuideContent .boxGuideList ul {
  display: table;
  width: 102%;
  margin: 0 0 0 -8px;
}

#guidenav .boxGuideContent .boxGuideList li {
  display: table-cell;
  width: 50%;
  padding: 0 0 5px 8px;
  vertical-align: top;
}

#guidenav .boxGuideContent .boxGuideList li a {
  display: inline-block;
  height: 100%;
  font-size: 1.05em;
  line-height: 1.2em;
  vertical-align: top;
}

#guidenav .boxGuideContent .boxGuideList li span {
  height: 50px;
  padding-top: 5px;
  padding-bottom: 8px;
}

#guidenav .boxGuideContent .boxGuideList li .boxImgArea {
  padding-left: 10px;
}

#guidenav .boxGuideContent .boxGuideList li .boxImgArea img {
  width: 32px;
}

#guidenav .boxGuideContent .boxGuideList li .boxTxtArea {
  padding-right: 8px;
  padding-left: 10px;
}

/* -- バナー・東日本大震災に関する情報 -- */

#guidenav .boxGuideContent .boxGuideList ul:nth-child(2) li:nth-child(2) .boxTxtArea {
  max-width: 120px;
}

#guidenav .boxGuideContent .boxGuideList ul:nth-child(2) li:nth-child(2) .boxTxtArea br {
  display: none;
}


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

.home #contentMain {
  overflow: hidden;
}

.home #contentMain .boxInner {
  padding: 0;
}

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

.home #contentMain .boxSection .boxInner {
  padding: 0;
}

/* ------ セクション内サイズ ------ */

.home #contentMain .boxSection .boxMain,
.home #contentMain .boxSection .boxSide {
  float: none;
  width: auto;
}


/* -------- セクション・検索 -------- */

.home #search {
  margin: 0;
  padding: 0;
}

/* ------ バナーエリア ------ */

.home #search .boxBnrArea {
  padding: 20px 15px 0;
}

.home #search .boxBnrArea ul {
  display: table;
  width: 103%;
  margin-left: -10px;
}

.home #search .boxBnrArea li {
  display: table-cell;
  width: 50%;
  margin: 0;
  padding: 0 0 8px 10px;
  vertical-align: top;
}

.home #search .boxBnrArea li a {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

/* -------- セクション・新着情報 -------- */

.home #info {
  padding: 20px 0 15px;
}

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

.boxTab {
  padding: 0;
}

.boxTab .hidden {
  display: none;
}

.boxTab .boxTabContentWrap {
  padding: 10px 15px;
}

/* ---- Tab・ボタン ---- */

.boxTab .boxTabBtn li {
  font-size: 1em;
}

.boxTab .boxTabBtn li span {
  padding: 10px 0;
}

.boxTab .boxTabBtn li span:after {
  right: 6px;
  left: 6px;
  bottom: 0px;
  height: 3px;
}

/* ------ Tab・新着情報 ------ */

.home #info #tab-info {
  float: none;
  width: auto;
}

/* ---- 新着情報一覧 ---- */

.home #info #tab-info .boxInfoList {
  min-height: 0;
  padding-top: 0;
  padding-bottom: 8px;
}

.home #info #tab-info .boxInfoList li {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* 矢印 */
.home #info #tab-info .boxInfoList.icnArw li a:before {
  top: 5px;
}

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

.home #info #tab-social {
}

/* ------ ソーシャルバナーエリア ------ */

.home #info .boxSocialBnrArea {
  display: block !important;
  padding: 15px 15px 10px;
}

.home #info .boxSocialBnrArea ul {
  display: table;
  width: 103%;
  margin-left: -7px;
}

.home #info .boxSocialBnrArea li {
  display: table-cell;
  width: 50%;
  padding: 0 0 8px 7px;
  vertical-align: top;
}

.home #info .boxSocialBnrArea li a {
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

/* ------ バナーエリア ------ */

.home #info .boxBnrArea {
  padding: 10px 15px 0;
}

.home #info .boxBnrArea:first-child {
  padding-top: 0;
}

/* -------- セクション・関連リンク -------- */

.home #related {
  padding: 0;
}

.home #related .boxRelated {
  padding: 20px 15px;
  border: none;
}

.home #related .boxRelated .boxRelatedHead {
  padding: 0 0 18px 0;
}

/* タイトル */
.home #related .boxRelated .boxRelatedHead h3 {
  max-width: 70%;
  font-size: 1.5em;
}

.home #related .boxRelated .boxRelatedHead .icnArw {
  max-width: 30%;
  padding-right: 0;
}

/* ---- スライダー ---- */

.home #related .boxRelated .boxRelatedSlider .bx-wrapper {
  margin-bottom: 10px;
}

.home #related .boxRelated .boxRelatedSlider .slider li {
  width: 100% !important;
  font-size: 1.1em;
  line-height: 1.5em;
}

.home #related .boxRelated .boxRelatedSlider .slider li a {
  padding: 0 15px 20px;
}

.home #related .boxRelated .boxRelatedSlider .slider li a img {
  margin-bottom: 10px;
}

/* ------ オンラインサービス ------ */

.home .boxOnlineService {
  border: none;
}

.home .boxOnlineService dt {
}

.home .boxOnlineService dt span {
  padding-top: 2px;
  padding-bottom: 0;
  padding-left: 46px;
  font-size: 1em;
  letter-spacing: 0.01em;
}

.home .boxOnlineService dt span img {
  left: 0;
  width: 38px;
  margin-top: -20px;
}

.home .boxOnlineService dd {
  padding: 0;
}

.home .boxOnlineService dd ul {
  margin-bottom: 5px;
}


/*  SEARCH : サイト内検索 設定
--------------------------------------------------------------*/

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

.search .boxSearch {
  padding-right: 15px;
  padding-left: 15px;
}

/* ------ 検索詳細 ------ */

.boxSearch .boxSearchDetail {
  margin-top: 18px;
  padding-top: 8px;
  background-size: 6px 2px;
}

/* -- リスト -- */

.boxSearch .boxSearchDetail .mediaPC {
  display: none;
}

.boxSearch .boxSearchDetail > ul {
  margin: 0;
}

.boxSearch .boxSearchDetail > ul > li {
  display: block;
  padding: 10px 0 0;
}

.boxSearch .boxSearchDetail > ul > li:first-child + li {
  padding-left: 0;
}

/* -------- 検索結果 -------- */

.boxSearchResults {
  padding: 20px 15px 0;
}

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

.boxSearchResults .boxCategoryTitle {
  margin-right: -15px;
  margin-left: -15px;
}

/* ------ 結果内容 ------ */

.boxSearchResultsContent li {
  padding: 15px 0 10px;  
}

.boxSearchResultsContent li:first-child {
  padding-top: 15px;
  border-top: 1px dotted #666;
}

/* ---- テキストエリア ---- */

.boxSearchResultsContent .boxTxtArea {
  float: none;
  width: auto;
}



/*  CONTACT : お問い合わせ 設定
--------------------------------------------------------------*/

/* ------ お問い合わせ ------ */

.boxContact {
  padding-top: 0;
  padding-bottom: 20px;
}

.boxContact > p,
.boxContact .boxContactForm > p,
.boxContact .boxContactForm form > p {
  padding: 0;
}

/* ---- お問い合わせフォーム ---- */

.boxContact .boxContactForm {
  padding-top: 5px;
}

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

.boxContact .boxContactForm .ttlSection {
  margin: 0 -15px 15px;
}

/* -- タイトル下テキスト -- */

.boxContact .boxContactForm .ttlSection + p {
  margin-bottom: 12px;
}

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

.boxContact .boxContactForm table p {
  font-size: 1em;
}

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

.boxContact .boxContactForm input[type="text"],
.boxContact .boxContactForm input[type="email"] {
  padding: 10px 5px;
}

.boxContact .boxContactForm input[type="text"],
.boxContact .boxContactForm input[type="email"],
.boxContact .boxContactForm select {
  width: 100%;
}

.boxContact .boxContactForm select {
  height: 40px;
}

.boxContact .boxContactForm textarea {
  height: 200px;
}

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

.boxContact .boxBtnArea {
  padding: 5px 0;
}

.boxContact .boxBtnArea p {
  padding-top: 10px;
}

.boxContact .boxBtnArea p:first-child {
  padding-top: 0;
}

/* ---- メッセージ ---- */

.boxContact .boxContactMessage h2 {
  margin-top: 0;
}

.boxContact .boxContactMessage p:last-child {
  margin-bottom: 0;
}

/* -- エラーメッセージ -- */

.boxContact .boxContactMessage .txtError {
  margin-bottom: 25px;
  padding: 0 5px;
}

/* ------ アドレス ------ */

.boxContactAddress {
  margin-bottom: 20px;
}

.boxContactAddress .ttlSection03 {
  margin: 0 -15px 20px;
}

.boxContactAddress dt {
  font-size: 1.04em;
}

/* -- 電話・FAX -- */

.boxContactAddress dd li {
  display: block;
}

/* ------ サイド ------ */

.contact #side {
  display: none;
}





}