/*------------

メインビジュアル（MV）／カテゴリナビ共通スタイル

forms-mv.css から分割。全ページ共通で必要になるため主要CSSチェーンに常時ロードする。
フォーム・見積・コラム一覧系スタイル（forms-mv.css 本体）はフロントページでは使われないため、
フロントでは forms-mv.css を読み込まず、この mv.css のみをロードして critical CSS を軽量化する。

--------------*/

/* MV ブロック（旧 forms-mv.css 67-136 行） */
.mv_bk_bk {
  display: block;
  width: 100%;
  background: url(../img/mv_bk_bk.png) repeat-x center;
}

.mv_bk {
  display: block;
  width: 100%;
  background: #FFF8A8 url(../img/mv_bk.png) no-repeat center center;
}

.mv_bk_back {
  display: block;
  background: url(../img/mv_bana_back.png) repeat-x;
  background-size: contain;
}

/*.mv_back {
  display: block;
  background: url(https://reseed2.xsrv.jp/original-pb/wp-content/themes/main_20250529/img/mv_bana_back.png) repeat-x;
}*/
.mv_container {
  background-color: #fff8aa;
}

.mv_contents {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
}

.Nav {
  padding: 1em;
  /* 旧towelサイト由来の nav_bg.png は当テーマに存在せず404だったため除去。背景色のみ維持 */
  background: #FDB322;
}
.Nav .towelCategoryNav {
  max-width: 1240px;
}.Nav .nav_batch {
  margin-top: 4px;
}.towelCategoryNav {
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
}
.towelCategoryNav > * {
  width: 100%;
  margin-right: var(--space-sm);
}
.towelCategoryNav > *:last-child {
  margin-right: 0;
}

@media (max-width: 479px) {
  .towelCategoryNav {
    display: block;
    padding: var(--space-sm);
  }
}
@media (max-width: 479px) {
  .towelCategoryNav > * {
    margin-right: 0;
    margin-bottom: var(--space-xs);
  }
  .towelCategoryNav > *:last-child {
    margin-bottom: 0;
  }
}

/* MV ブロック複製（旧 forms-mv.css 773-835 行・整形版。specificity の高い .mv_container .mv_contents を含み現行の実効スタイルを保つ） */
.mv_bk_bk {
  display: block;
  width: 100%;
  background: url("../img/mv_bk_bk.png") repeat-x center;
}

.mv_bk {
  display: block;
  width: 100%;
  background: #fff8a8 url("../img/mv_bk.png") no-repeat center center;
}

.mv_bk_back {
  display: block;
  background: url("../img/mv_bana_back.png") repeat-x;
  background-size: contain;
}

.mv_container {
  background-color: #fff8aa;
}
.mv_container .mv_contents {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-items: center;
  max-width: 1240px;
  margin: 0 auto;
}

.Nav {
  padding: 1em;
  /* 旧towelサイト由来の nav_bg.png は当テーマに存在せず404だったため除去。背景色のみ維持 */
  background: #fdb322;
}
.Nav .towelCategoryNav {
  max-width: 1240px;
}.Nav .nav_batch {
  margin-top: 4px;
}.towelCategoryNav {
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
}
.towelCategoryNav > * {
  width: 100%;
  margin-right: var(--space-sm);
}
.towelCategoryNav > *:last-child {
  margin-right: 0;
}
@media (max-width: 479px) {
  .towelCategoryNav {
    display: block;
    padding: var(--space-sm);
  }
  .towelCategoryNav > * {
    margin-right: 0;
    margin-bottom: var(--space-xs);
  }
  .towelCategoryNav > *:last-child {
    margin-bottom: 0;
  }
}

/* 汎用チェックボックス（part-lineup 等フロントでも使用。旧 forms-mv.css 1081-1084 行） */
input[type=checkbox] {
  margin: var(--space-xs) var(--space-xs) 0px 0px;
  line-height: normal;
}