@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');

/* 決まりごと
---------------------------------------------------------- */
.pc {
  display: block !important;
}
.sp {
  display: none !important;
}
/* html
---------------------------------------------------------- */
html {
  scroll-behavior: smooth;
}
a:hover img {
  opacity: 0.7;
}
body {
  container-type: inline-size;
}
/* コンテンツ
---------------------------------------------------------- */
/* ベース */
.New_Table900 {
  width: 900px;
  padding-left: 30px;
}
/* メイン
---------------------------------------------------------- */
/* キャッチ */
.catch_4_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='40' height='20' patternTransform='scale(1) rotate(90)'><rect x='0' y='0' width='100%' height='100%' fill='%23ddf6fdff'/><path d='M40 0L20-10V0l20 10zm0 10L20 0v10l20 10zm0 10L20 10v10l20 10zM0 20l20-10v10L0 30zm0-10L20 0v10L0 20zM0 0l20-10V0L0 10z'  stroke-width='3' stroke='%23ffffffff' fill='none'/></pattern></defs><rect width='800%' height='800%' transform='translate(0,0)' fill='url(%23a)'/></svg>")
}
.catch_4_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  padding: 2em 0;
  text-align: center;
}
/* メイン */
.mainimg_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #ebbd3f;
}
.mainimg_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
/* 発売日価格 */
.dateprice_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-color: #224d9c;
}
.dateprice_container {
  position: relative;
  margin-inline: auto;
  max-width: 900px;
  height: auto;
  margin: 0 auto;
  text-align: center;
}
/* 動画
---------------------------------------------------------- */
/* 枠*/
.waku_800 {
  width: 800px;
  margin: 0 auto;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-bottom: -1em 0 1rem 0;
}
.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*サムネイル_コンテナ*/
.mov_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 800px;
  gap: 5px;
  margin: 5px auto;
}
/*サムネイル_ボックス*/
.mov_box {
  width: calc((100% - 15px) / 4);
  height: auto;
  padding: 0 0 15px 0;
}
/* 購入ボタン
---------------------------------------------------------- */
/* 購入ボタン_大 */
.kakaku {
  width: 60%;
}
/* スライダー_タイトル
---------------------------------------------------------- */
/*サムネイル_コンテナ*/
.tit_slider_container {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 5px 4% 7px 6%;
}
/*サムネイル_ボックス*/
.tit_slider_box {
  width: auto;
  height: 80px;
  margin: 0 0 0 5px;
}
.tit_slider_box img {
  width: auto;
  height: 100%;
  display: inline-block;
}
/*スライダー_基本*/
.swiper {
  width: 800px;
  margin: 0 auto;
}
.swiper-slide {
  width: 700px;
  height: auto;
}
.swiper-button-prev {
  left: -30px;
}
/* 次への矢印 */
.swiper-button-next {
  right: -30px;
}

/* スライダー_車両
---------------------------------------------------------- */
/*背景*/
.slider_train_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='146.6' height='36' patternTransform='scale(1) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='%23f38b23ff'/><path d='M5.524 0 0 5.555v3.693L9.19 0zm11.882 0L0 17.548v3.7L21.072 0zm6.617 0v5.32L0 29.55v3.702l24.024-24.23v8.3L5.507 36h3.67l14.847-14.974v8.3L17.408 36h3.671l2.945-2.97V36h2.593v-3.962L34.31 36h5.708l-13.4-6.902v-9.064L48.003 31.05V36h2.592v-4.951l21.431-11.037v9.064L58.582 36h5.709l7.736-3.984V36h2.592v-3.962L82.312 36h5.707l-13.4-6.902v-9.064L96.065 31.08V36h2.592v-4.985l21.372-11.117v9.059L106.487 36h5.663l7.879-4.098V36h2.592v-2.712L125.333 36h3.684l-6.396-6.398v-8.319L137.332 36h3.684l-18.395-18.402V9.279L146.6 33.267v-3.685L122.621 5.594V0h-2.592v4.948L98.657 16.065V7.007L112.127 0h-5.663l-7.807 4.06V0h-2.592v4.132L88.043 0h-5.708l13.73 7.071v9.065L74.619 5.09V0h-2.592v5.068l-21.43 11.037V7.041L64.266 0h-5.708l-7.963 4.101V0h-2.592v4.101L40.041 0h-5.708l13.671 7.04v9.065L26.617 5.09V0zm101.321 0L146.6 21.263v-3.686L129.029 0zm12 0 9.064 9.067c.057.055.128.085.192.128v-3.62L141.028 0zm-17.315 7.894v9.058L98.657 28.07V19.01zm-48.002.114v9.064L50.597 28.11v-9.064zm2.592.02 21.446 11.046v9.064L74.619 17.093zm-48.002 0 21.387 11.015v9.065L26.617 17.093z'  stroke-width='1' stroke='none' fill='%23ed7700ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-143,0)' fill='url(%23a)'/></svg>")
}
/*コンテナ*/
.slider_train_container {
  position: relative;
  margin-inline: auto;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 2em 0;
  text-align: center;
  background-color: #ed7700;
}
/* スライダー_レール
---------------------------------------------------------- */
/*背景*/
.slider_rail_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
  background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='146.6' height='36' patternTransform='scale(1) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='%234bd3e8ff'/><path d='M5.524 0 0 5.555v3.693L9.19 0zm11.882 0L0 17.548v3.7L21.072 0zm6.617 0v5.32L0 29.55v3.702l24.024-24.23v8.3L5.507 36h3.67l14.847-14.974v8.3L17.408 36h3.671l2.945-2.97V36h2.593v-3.962L34.31 36h5.708l-13.4-6.902v-9.064L48.003 31.05V36h2.592v-4.951l21.431-11.037v9.064L58.582 36h5.709l7.736-3.984V36h2.592v-3.962L82.312 36h5.707l-13.4-6.902v-9.064L96.065 31.08V36h2.592v-4.985l21.372-11.117v9.059L106.487 36h5.663l7.879-4.098V36h2.592v-2.712L125.333 36h3.684l-6.396-6.398v-8.319L137.332 36h3.684l-18.395-18.402V9.279L146.6 33.267v-3.685L122.621 5.594V0h-2.592v4.948L98.657 16.065V7.007L112.127 0h-5.663l-7.807 4.06V0h-2.592v4.132L88.043 0h-5.708l13.73 7.071v9.065L74.619 5.09V0h-2.592v5.068l-21.43 11.037V7.041L64.266 0h-5.708l-7.963 4.101V0h-2.592v4.101L40.041 0h-5.708l13.671 7.04v9.065L26.617 5.09V0zm101.321 0L146.6 21.263v-3.686L129.029 0zm12 0 9.064 9.067c.057.055.128.085.192.128v-3.62L141.028 0zm-17.315 7.894v9.058L98.657 28.07V19.01zm-48.002.114v9.064L50.597 28.11v-9.064zm2.592.02 21.446 11.046v9.064L74.619 17.093zm-48.002 0 21.387 11.015v9.065L26.617 17.093z'  stroke-width='1' stroke='none' fill='%232ecbe2ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-143,0)' fill='url(%23a)'/></svg>")
}
/*コンテナ*/
.slider_rail_container {
  position: relative;
  margin-inline: auto;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 2em 0;
  text-align: center;
  background-color: #00b8ee;
}

/* スライダー_情景
---------------------------------------------------------- */
/*背景*/
.slider_jokei_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='146.6' height='36' patternTransform='scale(1) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='%2368bc41ff'/><path d='M5.524 0 0 5.555v3.693L9.19 0zm11.882 0L0 17.548v3.7L21.072 0zm6.617 0v5.32L0 29.55v3.702l24.024-24.23v8.3L5.507 36h3.67l14.847-14.974v8.3L17.408 36h3.671l2.945-2.97V36h2.593v-3.962L34.31 36h5.708l-13.4-6.902v-9.064L48.003 31.05V36h2.592v-4.951l21.431-11.037v9.064L58.582 36h5.709l7.736-3.984V36h2.592v-3.962L82.312 36h5.707l-13.4-6.902v-9.064L96.065 31.08V36h2.592v-4.985l21.372-11.117v9.059L106.487 36h5.663l7.879-4.098V36h2.592v-2.712L125.333 36h3.684l-6.396-6.398v-8.319L137.332 36h3.684l-18.395-18.402V9.279L146.6 33.267v-3.685L122.621 5.594V0h-2.592v4.948L98.657 16.065V7.007L112.127 0h-5.663l-7.807 4.06V0h-2.592v4.132L88.043 0h-5.708l13.73 7.071v9.065L74.619 5.09V0h-2.592v5.068l-21.43 11.037V7.041L64.266 0h-5.708l-7.963 4.101V0h-2.592v4.101L40.041 0h-5.708l13.671 7.04v9.065L26.617 5.09V0zm101.321 0L146.6 21.263v-3.686L129.029 0zm12 0 9.064 9.067c.057.055.128.085.192.128v-3.62L141.028 0zm-17.315 7.894v9.058L98.657 28.07V19.01zm-48.002.114v9.064L50.597 28.11v-9.064zm2.592.02 21.446 11.046v9.064L74.619 17.093zm-48.002 0 21.387 11.015v9.065L26.617 17.093z'  stroke-width='1' stroke='none' fill='%235bb431ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-143,0)' fill='url(%23a)'/></svg>")
}
/*コンテナ*/
.slider_jokei_container {
  position: relative;
  margin-inline: auto;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 2em 0;
  text-align: center;
  background-color: #5bb431;
}

/* スライダー_ガイドブック
---------------------------------------------------------- */
/*背景*/
.slider_guide_base {
  width: 100vw;
  margin-inline: calc(50% - 50cqi);
background-image: url("data:image/svg+xml,<svg id='patternId' width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><defs><pattern id='a' patternUnits='userSpaceOnUse' width='146.6' height='36' patternTransform='scale(1) rotate(60)'><rect x='0' y='0' width='100%' height='100%' fill='%231d76b6ff'/><path d='M5.524 0 0 5.555v3.693L9.19 0zm11.882 0L0 17.548v3.7L21.072 0zm6.617 0v5.32L0 29.55v3.702l24.024-24.23v8.3L5.507 36h3.67l14.847-14.974v8.3L17.408 36h3.671l2.945-2.97V36h2.593v-3.962L34.31 36h5.708l-13.4-6.902v-9.064L48.003 31.05V36h2.592v-4.951l21.431-11.037v9.064L58.582 36h5.709l7.736-3.984V36h2.592v-3.962L82.312 36h5.707l-13.4-6.902v-9.064L96.065 31.08V36h2.592v-4.985l21.372-11.117v9.059L106.487 36h5.663l7.879-4.098V36h2.592v-2.712L125.333 36h3.684l-6.396-6.398v-8.319L137.332 36h3.684l-18.395-18.402V9.279L146.6 33.267v-3.685L122.621 5.594V0h-2.592v4.948L98.657 16.065V7.007L112.127 0h-5.663l-7.807 4.06V0h-2.592v4.132L88.043 0h-5.708l13.73 7.071v9.065L74.619 5.09V0h-2.592v5.068l-21.43 11.037V7.041L64.266 0h-5.708l-7.963 4.101V0h-2.592v4.101L40.041 0h-5.708l13.671 7.04v9.065L26.617 5.09V0zm101.321 0L146.6 21.263v-3.686L129.029 0zm12 0 9.064 9.067c.057.055.128.085.192.128v-3.62L141.028 0zm-17.315 7.894v9.058L98.657 28.07V19.01zm-48.002.114v9.064L50.597 28.11v-9.064zm2.592.02 21.446 11.046v9.064L74.619 17.093zm-48.002 0 21.387 11.015v9.065L26.617 17.093z'  stroke-width='1' stroke='none' fill='%230070c0ff'/></pattern></defs><rect width='800%' height='800%' transform='translate(-143,0)' fill='url(%23a)'/></svg>")
}
/*コンテナ*/
.slider_guide_container {
  position: relative;
  margin-inline: auto;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
  padding: 0 0 2em 0;
  text-align: center;
  background-color: #0070c0;
}
.btn_guidebook {
  width: 70%;
  height: auto;
	margin: 1rem auto;
}
/* リンクエリア_設定
---------------------------------------------------------- */
.btn_kumiawase {
  width: 80%;
  height: auto;
	margin: 0.5rem auto;
}
.btn_kumiawase_02 {
  width: 50%;
  height: auto;
	margin: 0.5rem auto;
}
.txt_kumiawase {
	font-size: 1.6rem;
	line-height: 1;
	  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	color: #009201;	
}
.txt_buhin {
	font-size: 1.6rem;
	line-height: 1;
	  font-family: "Kosugi Maru", sans-serif;
  font-weight: 400;
  font-style: normal;
	text-align: center;
	color: #5a8bce;	
}
/*ボタン_三列コンテナ*/
.buhin_container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 95%;
  gap: 10px;
  margin: 5px 2.5%;
}
/*ボックス*/
.buhin_box {
  width: calc((100% - 20px) / 3);
  height: auto;
  padding: 0 0 15px 0;
}

/* Swiperデフォルト矢印_設定
---------------------------------------------------------- */
.c-swiperNav{
  --nav-size-pc: 120px;
  --nav-size-sp: 40px;
  --nav-scale: 85%;
}

/* Swiper純正 & 旧カスタムの疑似要素は全停止 */
.c-swiperNav .swiper-button-prev::before,
.c-swiperNav .swiper-button-prev::after,
.c-swiperNav .swiper-button-next::before,
.c-swiperNav .swiper-button-next::after{
  content: none !important;
  display: none !important;
  border: 0 !important;
}

/* ナビボタン本体（縦中央をtransformで固定） */
.c-swiperNav .swiper-button-prev,
.c-swiperNav .swiper-button-next{
  top: 50% !important;
  margin-top: 0 !important;
  transform: translateY(-50%) !important;

  width: var(--nav-size-pc) !important;
  height: var(--nav-size-pc) !important;

  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: var(--nav-scale) var(--nav-scale) !important;
  background-color: transparent !important;

  color: transparent !important;
  -webkit-tap-highlight-color: transparent;
}

/* 右（次へ） */
.c-swiperNav .swiper-button-next{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpolyline points='22,12 42,32 22,52' fill='none' stroke='%23ffffff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

/* 左（前へ） */
.c-swiperNav .swiper-button-prev{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3E%3Cpolyline points='42,12 22,32 42,52' fill='none' stroke='%23ffffff' stroke-width='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
}

.c-swiperNav .swiper-button-prev{ left: -0.5rem !important; right: auto !important; }
.c-swiperNav .swiper-button-next{ right: -0.5rem !important; left: auto !important; }