@charset "UTF-8";
/****************shiroebi201909********************************************/
body {
  background: #fbf7f1;
}
footer {
  margin-top: 0 !important;
  padding-top: calc(100vw / (1200 / 100));
  padding-bottom: calc(100vw / (1200 / 120));
  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(255 246 236 / 0.7);
}
.side_menu.js_fixed {
  position: fixed;
  top: 20px;
  left: calc(100vw / (1200 / 150));
}
#contents.salmon2026 .key ul {
  width: calc(100vw / (1200 / 700));
  margin: 0 auto;
  padding: calc(100vw / (1200 / 15)) 0;
  display: flex;
  justify-content: space-between;
}
#contents.salmon2026 .key ul li {
  width: calc(100vw / (1200 / 220));
  height: auto;
}
/*********co_01******/
#contents.salmon2026 h2 {
  width: calc(100vw / (1200 / 400));
  margin: 0 auto calc(100vw / (1200 / 50)) !important;
  padding-top: calc(100vw / (1200 / 20)) !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;
  background: #fdf7d0 url("../img/salmon2026_c01_bg_sp.jpg") repeat;
  background-size: 50% auto;
}
#contents.salmon2026 .co_02 {
  background: #d6e6d2 url("../img/salmon2026_c02_bg_sp.jpg") repeat;
}
#contents.salmon2026 .co_03 {
  background: #e0ebf4 url("../img/salmon2026_c03_bg_sp.jpg") repeat;
}
/****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 / 20));
  position: relative;
}
#contents.salmon2026 .matsuri .cmp.one li {
  width: calc(100vw / (1200 / 800));
}
#contents.salmon2026 .matsuri .cmp li h3 {
  margin: calc(100vw / (1200 / 15)) auto calc(100vw / (1200 / 5));
  text-align: center;
  font-size: calc(100vw / (1200 / 18));
  font-weight: bold;
}
#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;
  padding-bottom: calc(100vw / (1200 / 15));
  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 / 10)) auto !important;
  background: #eb7a28;
  text-align: center;
  font-size: calc(100vw / (1200 / 16));
  color: #fff;
}
#contents.salmon2026 .matsuri.co_02 .cmp li h4 {
  background: #32923f;
}
#contents.salmon2026 .matsuri.co_03 .cmp li h4 {
  background: #235c91;
}
#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 / 14));
}
#contents.salmon2026 .matsuri .kome {
  width: calc(100vw / (1200 / 720));
  margin: 0 auto;
  font-size: calc(100vw / (1200 / 14));
}
/*****btnarea****/
#contents.salmon2026 .btnarea .kome {
  width: calc(100vw / (1200 / 450));
  margin: 0 auto calc(100vw / (1200 / 100));
}
#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 / 100));
  border: 1px solid #888;
}