@charset "UTF-8";

/* =========================================================
   ワゴンテンプレート専用スコープCSS
   ヘッダー・フッターに影響を与えないよう、すべて #wagon-wrapper の中に限定
========================================================= */

#wagon-wrapper {
  background-color: transparent; 
  color: #000000;
  font-family: "Yu Gothic", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif;
  font-weight: 400;
  font-size: 10px;
  line-height: 1.75;
  letter-spacing: 0;
  display: flex;
  flex-direction: column;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  min-height: 100vh;
  position: relative; 
}

/* 疑似的なリセットCSSを #wagon-wrapper 内部に限定 */
#wagon-wrapper *,
#wagon-wrapper ::before,
#wagon-wrapper ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

#wagon-wrapper main { display: block; position: relative; z-index: 1000; flex: 1; padding-bottom: 12%; }
@media screen and (min-width: 1025px) { #wagon-wrapper main { padding-bottom: 70px; } }
#wagon-wrapper p, #wagon-wrapper table, #wagon-wrapper blockquote, #wagon-wrapper address, #wagon-wrapper pre, #wagon-wrapper iframe, #wagon-wrapper form, #wagon-wrapper figure, #wagon-wrapper dl { margin: 0; }
#wagon-wrapper h1, #wagon-wrapper h2, #wagon-wrapper h3, #wagon-wrapper h4, #wagon-wrapper h5, #wagon-wrapper h6 { font-size: inherit; font-weight: inherit; margin: 0; }
#wagon-wrapper ul, #wagon-wrapper ol { margin: 0; padding: 0; list-style: none; }
#wagon-wrapper dt { font-weight: 700; }
#wagon-wrapper dd { margin-left: 0; }
#wagon-wrapper hr { box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px; margin: 0; clear: both; color: inherit; }
#wagon-wrapper pre { font-family: monospace, monospace; font-size: inherit; }
#wagon-wrapper address { font-style: inherit; }
#wagon-wrapper a { background-color: transparent; text-decoration: none; color: inherit; }
#wagon-wrapper abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; }
#wagon-wrapper b, #wagon-wrapper strong { font-weight: bolder; }
#wagon-wrapper code, #wagon-wrapper kbd, #wagon-wrapper samp { font-family: monospace, monospace; font-size: inherit; }
#wagon-wrapper small { font-size: 80%; }
#wagon-wrapper sub, #wagon-wrapper sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
#wagon-wrapper sub { bottom: -0.25em; }
#wagon-wrapper sup { top: -0.5em; }
#wagon-wrapper svg, #wagon-wrapper img, #wagon-wrapper embed, #wagon-wrapper object, #wagon-wrapper iframe { vertical-align: bottom; }
#wagon-wrapper button, #wagon-wrapper input, #wagon-wrapper optgroup, #wagon-wrapper select, #wagon-wrapper textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; vertical-align: middle; color: inherit; font: inherit; background: transparent; padding: 0; margin: 0; border-radius: 0; text-align: inherit; text-transform: inherit; }
#wagon-wrapper [type=checkbox], #wagon-wrapper [type=radio] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
#wagon-wrapper button, #wagon-wrapper [type=button], #wagon-wrapper [type=reset], #wagon-wrapper [type=submit] { cursor: pointer; }
#wagon-wrapper button:disabled, #wagon-wrapper [type=button]:disabled, #wagon-wrapper [type=reset]:disabled, #wagon-wrapper [type=submit]:disabled { cursor: default; }
#wagon-wrapper :-moz-focusring { outline: auto; }
#wagon-wrapper select:disabled { opacity: inherit; }
#wagon-wrapper option { padding: 0; }
#wagon-wrapper fieldset { margin: 0; padding: 0; min-width: 0; }
#wagon-wrapper legend { padding: 0; }
#wagon-wrapper progress { vertical-align: baseline; }
#wagon-wrapper textarea { overflow: auto; }
#wagon-wrapper [type=number]::-webkit-inner-spin-button, #wagon-wrapper [type=number]::-webkit-outer-spin-button { height: auto; }
#wagon-wrapper [type=search] { outline-offset: -2px; }
#wagon-wrapper [type=search]::-webkit-search-decoration { -webkit-appearance: none; }
#wagon-wrapper ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
#wagon-wrapper label[for] { cursor: pointer; }
#wagon-wrapper details { display: block; }
#wagon-wrapper summary { display: list-item; }
#wagon-wrapper [contenteditable]:focus { outline: auto; }
#wagon-wrapper table { border-color: inherit; border-collapse: collapse; border-spacing: 0; }
#wagon-wrapper caption { text-align: left; }
#wagon-wrapper td, #wagon-wrapper th { vertical-align: top; padding: 0; }
#wagon-wrapper th { text-align: left; font-weight: 700; }
#wagon-wrapper .clearfix:after { content: ""; display: block; clear: both; }

/* レイアウト・コンポーネント設定 */
#wagon-wrapper.open { overflow: hidden; position: fixed; width: 100%; height: 100vh; touch-action: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper.open { position: static; } }

#wagon-wrapper .background {
  background-color: #fbf6ec;
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0; 
  width: 100%; 
  height: 100vh; 
  z-index: -10;
  pointer-events: none; 
  overflow: hidden; 
}

#wagon-wrapper .background span { 
  border-radius: 50%; 
  backface-visibility: hidden; 
  position: absolute;
  animation-name: move; 
  animation-duration: 80s; 
  animation-timing-function: linear; 
  animation-iteration-count: infinite; 
  background-color: #f5efe4; 
  will-change: transform;
}
#wagon-wrapper .background span:nth-child(1) { top: 94%; left: 7%; transform-origin: 11vw 0vh; width: 40vw; height: 40vw; }
#wagon-wrapper .background span:nth-child(2) { top: 7%; left: 12%; transform-origin: 17vw -23vh; width: 70vw; height: 70vw; }
#wagon-wrapper .background span:nth-child(3) { top: 89%; left: 48%; transform-origin: 15vw 15vh; width: 40vw; height: 40vw; }
#wagon-wrapper .background span:nth-child(4) { top: 2%; left: 4%; transform-origin: -14vw 17vh; width: 70vw; height: 70vw; }
@media screen and (min-width: 1025px) {
  #wagon-wrapper .background span:nth-child(1) { width: 300px; height: 300px; }
  #wagon-wrapper .background span:nth-child(2) { width: 500px; height: 500px; }
  #wagon-wrapper .background span:nth-child(3) { width: 300px; height: 300px; }
  #wagon-wrapper .background span:nth-child(4) { width: 500px; height: 500px; }
}

@keyframes move { to { transform: translate3d(0, 0, 1px) rotate(360deg); } }

#wagon-wrapper img { width: 100%; height: auto; }
#wagon-wrapper a { color: inherit; text-decoration: none; }
#wagon-wrapper a:hover { text-decoration: underline; }

#wagon-wrapper .c-title { text-align: center; }
#wagon-wrapper .c-title.mainTitle { margin-bottom: 30px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-title.mainTitle { margin-bottom: 60px; } }
#wagon-wrapper .c-title.mainTitle h2 { color: #c71432; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 10px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-title.mainTitle h2 { font-size: 40px; } }
#wagon-wrapper .c-title.mainTitle p { font-size: 16px; font-weight: 700; line-height: 1; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-title.mainTitle p { font-size: 20px; } }
#wagon-wrapper .c-title.headTitle { color: #c71432; font-size: 24px; font-weight: 700; line-height: 1; margin-bottom: 25px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-title.headTitle { font-size: 40px; } }

#wagon-wrapper .c-inner { width: calc(335 / 375 * 100vw); height: auto; margin: auto; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-inner { width: calc(1246 / 1366 * 100vw); max-width: 1600px; } }

#wagon-wrapper .c-block { background-color: #ffffff; border-radius: 5px; padding: 30px 20px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-block { border-radius: 10px; padding: 54px calc(145 / 1366 * 100vw); } }

#wagon-wrapper .c-rt { font-size: 16px; font-weight: 500; line-height: 1.625; }
#wagon-wrapper .c-rt:not(:last-child) { margin-bottom: 15px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-rt { font-size: 18px; } }

#wagon-wrapper .c-center { text-align: center !important; }

@media screen and (min-width: 1025px) { #wagon-wrapper .alpha { transition: all 0.2s ease-in; opacity: 1; } }
@media screen and (min-width: 1025px) { #wagon-wrapper .alpha:hover { opacity: 0.6; } }

#wagon-wrapper .js_animation { opacity: 0; transform: translate(0, 20px); transition: all 0.5s ease; }
#wagon-wrapper .scrollin { opacity: 1; transform: translate(0, 0); }

#wagon-wrapper .c-btn a { position: relative; display: block; color: #ffffff; font-size: 16px; font-weight: 700; line-height: 1.4375; text-align: center; width: 100%; padding: 15px; margin: auto; border-radius: 40px; transition: 0.3s all ease; background-image: url(../images/common/download.svg); background-repeat: no-repeat; background-position: right 20px top 50%; background-size: 20px; background-color: #c71432; box-shadow: 0 5px 0 #922c3d; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-btn a { font-size: 18px; width: 600px; padding: 25px; background-position: right 32px top 50%; background-size: 20px; top: 0; } }
#wagon-wrapper .c-btn a:hover { text-decoration: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper .c-btn a:hover { top: 5px; box-shadow: 0 0px 0 #922c3d; } }

#wagon-wrapper .modal { 
  width: 100vw; 
  position: fixed; 
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: 1500; 
  visibility: hidden; 
  opacity: 0; 
  transition: all 0.3s ease; 
}

@media screen and (min-width: 1025px) { 
  #wagon-wrapper .modal { 
    top: 87px;
  } 
}

#wagon-wrapper .modal.is-visible { 
  visibility: visible; 
  opacity: 1; 
  transition: opacity 0.3s ease; 
}

#wagon-wrapper .modal_bg { 
  background-color: #f7e4de; 
  height: 100%; 
  width: 100%; 
  top: 0; right: 0; bottom: 0; left: 0; 
  position: absolute; 
  cursor: pointer; 
}

#wagon-wrapper .modal_content { 
  background-color: #ffffff; 
  position: absolute; 
  top: 50%; left: 50%; 
  transform: translate(-50%, -50%); 
  width: 100%; 
  height: 100%; 
  max-height: 100%; 
  display: flex; 
  flex-direction: column; 
  justify-content: center; 
  align-items: center; 
  padding: 50px calc(20 / 375 * 100vw) 40px; 
}

@media screen and (min-width: 1025px) { 
  #wagon-wrapper .modal_content { 
    border-radius: 10px; 
    width: calc(1156 / 1366 * 100vw); 
    height: 90%; 
    max-width: 1600px; 
    padding: min(4.7584vw, 80px) 0; 
  } 
}
#wagon-wrapper .modal_content_clm { width: 100%; display: flex; flex-direction: column; overflow-y: scroll; -ms-overflow-style: none; scrollbar-width: none; padding-right: 15px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_content_clm { flex-direction: row; justify-content: space-between; width: 72vw; max-width: 1400px; overflow-y: visible; } }
#wagon-wrapper .modal_content_clm::-webkit-scrollbar { display: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_content_clm_fig { width: 30vw; max-width: 42%; height: 60vh; } }
#wagon-wrapper .modal_content_clm_fig figure { margin-right: 1.5vw; overflow: hidden; border-radius: 5px; transition: all 0.3s ease; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_content_clm_fig figure { margin: 0; height: 60vh; text-align: center; } }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_content_clm_text { width: 35vw; max-width: 50%; height: 60vh; padding-right: 15px; } }
#wagon-wrapper .modal_content_head { display: block; font-size: 24px; font-weight: 700; margin-bottom: 25px; line-height: 1.25; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_content_head { padding-right: 10px; } }
#wagon-wrapper .modal_language { font-size: 14px; margin-bottom: 25px; margin-right: 15px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_language { margin-right: 0; } }
#wagon-wrapper .modal_price { font-size: 16px; font-weight: 700; line-height: 1.5; margin-bottom: 25px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_price { line-height: 1.75; } }
#wagon-wrapper .modal_price span { color: #c71432; font-size: 20px; }
#wagon-wrapper .modal_price_extra { color: #c71432; }
#wagon-wrapper .modal_body { font-size: 16px; line-height: 1.75; margin-bottom: 15px; margin-right: 15px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal_body { padding: 0; margin-right: 0; padding-right: 10px; } }
#wagon-wrapper .modal_notice_list li { font-size: 14px; line-height: 1.75; padding-left: 1em; text-indent: -1em; }
#wagon-wrapper .modal .closeBtn { position: absolute; top: 15px; right: 15px; display: block; z-index: 100; cursor: pointer; width: 28px; height: 28px; }
#wagon-wrapper .modal .closeBtn span { position: absolute; top: 0; right: 0; display: block; background-color: #c71432; width: 18px; height: 3px; border-radius: 2px; }
#wagon-wrapper .modal .closeBtn span:nth-of-type(1) { transform: translate(-4px, 12px) rotate(-45deg); }
#wagon-wrapper .modal .closeBtn span:nth-of-type(2) { transform: translate(-4px, 12px) rotate(45deg); }
#wagon-wrapper .modal .swiper-container { position: relative; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-slide img { height: 100%; width: 100%; object-fit: cover; border-radius: 10px; } }
#wagon-wrapper .modal .swiper-pagination { position: relative; top: auto; bottom: auto; margin-top: 20px; margin-bottom: 20px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-pagination { position: absolute; bottom: -40px; margin: 0; } }
#wagon-wrapper .modal .swiper-pagination-bullet { width: 12px; height: 12px; background: transparent; border: 1px solid #707070; opacity: 1; }
#wagon-wrapper .modal .swiper-pagination-bullet-active { background: #c71432; }
#wagon-wrapper .modal .swiper-pagination-lock { display: block; position: relative; margin-top: 30px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-pagination-lock { display: none; } }
#wagon-wrapper .modal .swiper-button-next, #wagon-wrapper .modal .swiper-button-prev { color: #c71432; width: 50px; height: 50px; transition: all 0.3s ease; opacity: 1; top: 50%; margin-top: -45px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-button-next, #wagon-wrapper .modal .swiper-button-prev { opacity: 1; top: var(--swiper-navigation-top-offset, 50%); margin-top: calc(0px - var(--swiper-navigation-size) / 2); } }
#wagon-wrapper .modal .swiper-button-next::before, #wagon-wrapper .modal .swiper-button-prev::before { position: absolute; content: ""; width: 50px; height: 50px; background-color: #fbf6ec; border-radius: 25px; box-shadow: 0 4px 0 #ebe0d3; top: 0; transition: all 0.3s ease; z-index: -1; }
#wagon-wrapper .modal .swiper-button-next::after, #wagon-wrapper .modal .swiper-button-prev::after { content: ""; position: relative; transition: all 0.3s ease; top: 0px; }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-button-next:hover::before, #wagon-wrapper .modal .swiper-button-prev:hover::before { top: 4px; box-shadow: 0 0 0 #ebe0d3; } }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-button-next:hover::after, #wagon-wrapper .modal .swiper-button-prev:hover::after { top: 4px; } }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-button-next { right: -5vw; left: auto; } }
@media screen and (min-width: 1600px) { #wagon-wrapper .modal .swiper-button-next { right: -75px; } }
#wagon-wrapper .modal .swiper-button-next::after { width: 13px; height: 13px; border: 3px solid; border-radius: 3px; border-color: #c71432 #c71432 transparent transparent; transform: rotate(45deg) translate(-2px, 2px); }
@media screen and (min-width: 1025px) { #wagon-wrapper .modal .swiper-button-prev { right: auto; left: -5vw; } }
@media screen and (min-width: 1600px) { #wagon-wrapper .modal .swiper-button-prev { left: -75px; } }
#wagon-wrapper .modal .swiper-button-prev::after { width: 13px; height: 13px; border: 3px solid; border-radius: 3px; border-color: #c71432 #c71432 transparent transparent; transform: rotate(-135deg) translate(-2px, 2px); }

/* その他コンポーネント */
#wagon-wrapper .simplebar-scrollbar::before { background: #c71432; width: 3px; border-radius: 3px; top: 0; right: 0; left: 0; bottom: 0; }
#wagon-wrapper .simplebar-scrollbar.simplebar-visible::before { opacity: 1; }
#wagon-wrapper .simplebar-track { background: #ccc; }
#wagon-wrapper .simplebar-track.simplebar-vertical { width: 3px; border-radius: 3px; top: 2px; bottom: 2px; }

#wagon-wrapper .visible_lg,
#wagon-wrapper .visible_lg_inline,
#wagon-wrapper .visible_lg_inline-block { display: none; }
#wagon-wrapper .visible_xs { display: block; }
#wagon-wrapper .visible_xs_inline { display: inline; }
#wagon-wrapper .visible_xs_inline-block { display: inline-block; }

@media screen and (min-width: 1025px) {
  #wagon-wrapper .visible_lg { display: block; }
  #wagon-wrapper .visible_lg_inline { display: inline; }
  #wagon-wrapper .visible_lg_inline-block { display: inline-block; }
  #wagon-wrapper .visible_xs { display: none; }
  #wagon-wrapper .visible_xs_inline { display: none; }
  #wagon-wrapper .visible_xs_inline-block { display: none; }
}

#wagon-wrapper main .menuNav { padding-top: 18px; padding-bottom: 40px; overflow-x: scroll; -webkit-overflow-scrolling: touch; transition: background-color 0.6s ease, padding 0.3s ease; -ms-overflow-style: none; scrollbar-width: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav { padding-top: 60px; padding-bottom: 70px; } }
#wagon-wrapper main .menuNav.fix { background-color: #fbf6ec; position: fixed; top: 0; left: 0; width: 100%; z-index: 1200; padding-top: 20px; padding-bottom: 24px; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav.fix { padding-top: 20px; padding-bottom: 20px; top: 85px; } }
#wagon-wrapper main .menuNav::-webkit-scrollbar { display: none; }
#wagon-wrapper main .menuNav_list { display: flex; align-items: flex-start; justify-content: flex-start; padding-left: 5.3333333333vw; box-sizing: content-box; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav_list { padding-left: 0; width: 1100px; margin: auto; justify-content: center; } }
#wagon-wrapper main .menuNav_list_item:not(:last-child) { margin-right: 9px; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav_list_item:not(:last-child) { margin-right: 15px; } }
#wagon-wrapper main .menuNav_list_item:last-child { padding-right: 5.3333333333vw; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav_list_item:last-child { padding-right: 0; } }
#wagon-wrapper main .menuNav_list_item a { position: relative; display: block; font-size: 14px; font-weight: 700; line-height: 1; background-color: #ffffff; padding: 1.4em 17px; white-space: nowrap; border-radius: 30px; box-shadow: 0 4px 0 #ebe0d3; transition: 0.3s all ease; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav_list_item a { top: 0; } }
#wagon-wrapper main .menuNav_list_item a:hover { text-decoration: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuNav_list_item a:hover { color: #c71432; top: 4px; box-shadow: 0 0 0 #ebe0d3; } }
#wagon-wrapper main .menuNav_list_item a.active { color: #c71432; }

#wagon-wrapper main .menuGrid_block { background-color: #ffffff; border-radius: 10px; padding: 40px 20px; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block { padding: calc(60 / 1366 * 100vw); } }
@media screen and (min-width: 1600px) { #wagon-wrapper main .menuGrid_block { padding: 60px; } }
#wagon-wrapper main .menuGrid_block:not(:last-child) { margin-bottom: 50px; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block:not(:last-child) { margin-bottom: 60px; } }
#wagon-wrapper main .menuGrid_block_title { font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 40px; text-align: center; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_title { font-size: 30px; margin-bottom: 30px; text-align: left; } }
#wagon-wrapper main .menuGrid_block_list { display: grid; gap: calc(15 / 375 * 100vw); row-gap: calc(30 / 375 * 100vw); grid-template-columns: repeat(2, 1fr); margin: 0; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list { gap: calc(46 / 1366 * 100vw); row-gap: calc(46 / 1366 * 100vw); grid-template-columns: repeat(3, 1fr); } }
@media screen and (min-width: 1600px) { #wagon-wrapper main .menuGrid_block_list { gap: 46px; row-gap: 46px; } }
#wagon-wrapper main .menuGrid_block_list_item a { color: #000000; text-decoration: none; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list_item a:hover p.lead { text-decoration: underline; } }
#wagon-wrapper main .menuGrid_block_list_item figure { margin-bottom: 10px; border-radius: 5px; overflow: hidden; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list_item figure { margin-bottom: 20px; } }
#wagon-wrapper main .menuGrid_block_list_item p.lead { font-size: 14px; font-weight: 700; line-height: 1.5; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list_item p.lead { font-size: 16px; } }
#wagon-wrapper main .menuGrid_block_list_item p.price { color: #c71432; font-size: 18px; font-weight: 700; text-align: right; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list_item p.price { font-size: 24px; } }
#wagon-wrapper main .menuGrid_block_list_item p.price small { font-size: 10px; display: block; margin-top: 10px; }
@media screen and (min-width: 1025px) { #wagon-wrapper main .menuGrid_block_list_item p.price small { font-size: 15px; } }

#wagon-wrapper .sp { display: none; }
@media screen and (max-width: 1024px) { #wagon-wrapper .sp { display: block; } }

#wagon-wrapper .red { color: red; }

.main-content {
  z-index: 100;
}

/* =========================================================
   ページ内リンククリック時のスクロール位置調整
========================================================= */
#wagon-wrapper [id^="sec-"] {
  scroll-margin-top: 110px !important; /* スマホ・タブレット用 */
}
@media screen and (min-width: 1025px) {
  #wagon-wrapper [id^="sec-"] {
    scroll-margin-top: 240px !important; /* PC用：ヘッダー(87px)＋追従メニュー(約137px)＋余白 */
  }
}

.sec-wagon,
.sec-wagon .container,
.breadcrumb {
  margin-bottom: 0;
}

/* モーダルが開いている間（bodyに.openがある時）はトップへ戻るボタンを消す */
body.open #backtop,
body.open .scroll-top {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

@media screen and (max-width: 1024px) {
  .pt-sp0 .page-title {
    margin-bottom: 0;
  }
}

.footer-bot {
  background-color: #fff;
}

/* =========================================================
   PCで画面幅を小さくした時に切り取られず横スクロールさせる
========================================================= */
@media screen and (min-width: 1025px) {
  body, 
  .wrapper, 
  #wagon-wrapper {
    min-width: 1100px;
    overflow-x: auto !important;
  }

  #wagon-wrapper .background {
    min-width: 1100px;
  }

  #wagon-wrapper .c-inner {
    min-width: 1000px;
  }

  #wagon-wrapper main .menuNav.fix {
    min-width: 1100px;
  }
}