@charset "UTF-8";

/****************shiroebi201909********************************************/
body {
  background: #fbf7f1;
}

footer {
  margin-top: 0 !important;
  padding-top: calc(100vw / (1200 / 100));
  padding-bottom: calc(100vw / (1200 / 110));
  position: inherit !important;
  height: auto;
}

#contents.salmon2026 {
  width: 100% !important;
  margin: 0 !important;
  padding: 0;
  overflow: hidden;
}

#contents.salmon2026 .min {
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}

#contents.salmon2026 .key {
  position: relative;
}

#contents.salmon2026 .key h1 {
  margin: 0 !important;
}

#contents.salmon2026 .key .nav {
  width: 100%;
  position: absolute;
  left: calc(100vw / (1200 / 0));
  bottom: calc(100vw / (1200 / 0));
  z-index: 1;
  background: rgb(230 240 250 / 0.7);
}

.side_menu.js_fixed {
  position: fixed;
  top: 20px;
  left: calc(100vw / (1200 / 150));
}

#contents.salmon2026 .key ul {
  width: calc(100vw / (1200 / 800));
  margin: 0 auto;
  padding: calc(100vw / (1200 / 15)) 0;
  display: flex;
  justify-content: space-between;
}

#contents.salmon2026 .key ul li {
  width: calc(100vw / (1200 / 250));
  height: auto;
}

#contents.salmon2026 .key .movie_area {
  position: absolute;
  width: calc(100vw / (1200 / 420));
  margin: 0 auto;
  top: calc(100vw / (1200 / 153));
  right: calc(100vw / (1200 / 40));
}

#contents.salmon2026 .key .movie_area .video {
  margin: 0 auto calc(100vw / (1200 / 10));
  border: 1vw #fff solid;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  /* 高さを指定(16:9) */
}

/* YouTube埋め込み用のiframe */
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#contents.salmon2026 .key .movie_area .icon {
  width: calc(100vw / (1200 / 70));
  margin: 0 !important;
  padding: 0;
  position: absolute;
  top: calc(100vw / (1200 / -10));
  left: calc(100vw / (1200 / 25));
}

/*********co_01******/
#contents.salmon2026 h2 {
  width: calc(100vw / (1200 / 550));
  margin: 0 auto calc(100vw / (1200 / 30)) !important;
}

#contents.salmon2026 .matsuri {
  margin: 0 auto calc(100vw / (1200 / 100));
  background: url("../img/matsuriebi_matsuri.png") no-repeat;
  background-position: calc(100vw / (1200 / 20)) left;
  background-size: calc(100vw / (1200 / 363)) auto;
}

#contents.salmon2026 .co_in {
  margin: 0;
  padding: calc(100vw / (1200 / 50)) 0 calc(100vw / (1200 / 100));
  background: #fdf7d0 url("../img/toro2026_c01_bg_sp.jpg") repeat;
  background-size: 50% auto;
  overflow: hidden;
}

.c01bg {
  padding-bottom: calc(100vw / (800 /20));
  background: #fcf4c3 url("../img/toro2026_c02_bg_sp.jpg") repeat;
}

.c02bg {
  padding-bottom: calc(100vw / (800 /20));
  background: #f7dee0 url("../img/toro2026_c03_bg_sp.jpg") repeat;
}


#contents.salmon2026 .co_in.co_01 {
  background: #8da1ae url("../img/toro2026_c01_bg_sp.jpg") repeat;
  background-size: 50% auto;
  box-shadow: 0px 22px 15px -15px rgba(40, 60, 80, 0.3);
  z-index: 5;
}

#contents.salmon2026 .co_in.co_02 {
  background: #fcf4c3 url("../img/toro2026_c02_bg_sp.jpg") repeat;
  background-size: 50% auto;
  box-shadow: 0px 22px 15px -15px rgba(150, 145, 100, 0.5);
  z-index: 7;
}

#contents.salmon2026 .co_in.co_03 {
  margin-bottom: calc(100vw / (1200 / 100));
  background: #f7dee0 url("../img/toro2026_c03_bg_sp.jpg") repeat;
  background-size: 50% auto;
  box-shadow: 0px 22px 15px -15px rgba(0, 0, 0, 0.2);
  z-index: 9;
}


/****Campaign two column****/
#contents.salmon2026 .box {
  width: calc(100vw / (1200 / 1000));
  margin: 0 auto;
}

#contents.salmon2026 .matsuri .cmp {
  width: calc(100vw / (1200 / 1000));
  margin: 0 auto;
}

#contents.salmon2026 .matsuri .cmp li {
  width: calc(100vw / (1200 / 480));
  margin: 0 auto calc(100vw / (1200 / 30));
  position: relative;
  background: #fff;
  border: 2px solid #093c6b;
  padding-bottom: calc(100vw / (1200 / 15));
  line-height: 1.4;
}

#contents.salmon2026 .matsuri .cmp.one li {
  width: calc(100vw / (1200 / 800));
}

#contents.salmon2026 .co_02.matsuri .cmp li {
  border: 2px solid #eb9800;
}

#contents.salmon2026 .co_03.matsuri .cmp li {
  border: 2px solid #cc596c;
}

#contents.salmon2026 .matsuri .cmp li h3 {
  margin: calc(100vw / (1200 / 10)) auto calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 22));
  font-weight: bold;
  color: #093c6b;
}

#contents.salmon2026 .matsuri.co_02 .cmp li h3 {
  color: #eb9800;
}

#contents.salmon2026 .matsuri.co_03 .cmp li h3 {
  color: #cc596c;
}

#contents.salmon2026 .matsuri .cmp li h3 span {
  font-size: calc(100vw / (1200 / 15));
  color: #eb7a28;
}

#contents.salmon2026 .matsuri.co_02 .cmp li h3 span {
  color: #32923f;
}

#contents.salmon2026 .matsuri.co_03 .cmp li h3 span {
  color: #235c91;
}

#contents.salmon2026 .matsuri .cmp li .cmp_in {
  background: #fff;
  line-height: 1.4;
  position: relative;
}

#contents.salmon2026 .matsuri .cmp li .cmp_in a {
  text-decoration: none;
}

#contents.salmon2026 .matsuri .cmp li h4 {
  width: calc(100vw / (1200 / 220));
  margin: calc(100vw / (1200 / 15)) auto calc(100vw / (1200 / 5)) !important;
  background: #093c6b;
  text-align: center;
  font-size: calc(100vw / (1200 / 16));
  color: #fff;
}

#contents.salmon2026 .matsuri.co_02 .cmp li h4 {
  background: #eb9800;
}

#contents.salmon2026 .matsuri.co_03 .cmp li h4 {
  background: #cc596c;
}

#contents.salmon2026 .matsuri .cmp li p {
  text-decoration: none;
  text-align: center;
  font-size: calc(100vw / (1200 / 16));
  font-weight: bold;
  color: #000;
}

#contents.salmon2026 .matsuri .cmp li .end_cp a {
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: auto;
  background: rgba(0, 0, 0, 0.65);
  padding: calc(100vw / (1200 / 199)) 0;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: calc(100vw / (1200 / 30));
}


#contents.salmon2026 .matsuri p.algnC.fs {
  font-size: calc(100vw / (1200 / 15));
}

#contents.salmon2026 .matsuri .kome {
  width: calc(100vw / (1200 / 720));
  margin: 0 auto;
  font-size: calc(100vw / (1200 / 15));
}

/*****btnarea****/
#contents.salmon2026 .btnarea .kome {
  width: calc(100vw / (1200 / 590));
  margin: 0 auto calc(100vw / (1200 / 100));
  font-size: calc(100vw / (1200 / 15));
}

#contents.salmon2026 .btn_cv {
  margin: 0 auto calc(100vw / (1200 / 100));
}

#contents.salmon2026 .banner {
  width: calc(100vw / (1200 / 400));
  margin: calc(100vw / (1200 / 50)) auto;
}

#contents.salmon2026 .btnarea .btn_goto {
  width: calc(100vw / (1200 /650));
  margin: 0 auto calc(100vw / (1200 / 50));
  border: 1px solid #888;
}