@charset "UTF-8";

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

footer {
  margin-top: 0 !important;
  padding-top: calc(100vw / (1200 / 100));
  padding-bottom: calc(100vw / (1200 / 145));
  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;
}

.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 / 190));
  height: auto;
}



/*********co_01******/
#contents.salmon2026 h2 {
  width: calc(100vw / (1200 / 500));
  margin: 0 auto calc(100vw / (1200 / 20)) !important;
}
#contents.salmon2026 p.read{
  margin-bottom:calc(100vw / (1200 / 30));
  text-align: center;
  letter-spacing: 0.1em;
  font-size:calc(100vw / (1200 / 22));
  color:#45372f;
}
#contents.salmon2026 .matsuri {
  margin: 0 auto calc(100vw / (1200 / 100));
}

#contents.salmon2026 .co_in {
  margin: 0;
  padding: calc(100vw / (1200 / 50)) 0 calc(100vw / (1200 / 100));
  background: #efe6df 
}


/****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 #45372f;
  padding-bottom: calc(100vw / (1200 / 15));
  line-height: 1.4;
}

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

#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: #45372f;
}
#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: #cd3d13;
  text-align: center;
  font-size: calc(100vw / (1200 / 16));
  color: #fff;
}

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

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

#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));
}

#contents.salmon2026 .matsuri .next{
  width: calc(100vw / (1200 / 330));
  margin: calc(100vw / (1200 / 50)) auto 0;
  text-align: center;
}
#contents.salmon2026 .matsuri .next h4{
  margin:calc(100vw / (1200 / 10)) auto;
  letter-spacing: 0.05em;
  color:#cb7d13;
  font-size: calc(100vw / (1200 / 19));
  font-weight: normal;
}
#contents.salmon2026 .matsuri .next p.dtl{
  padding:calc(100vw / (1200 / 10)) 0;
  border:1px solid #cb7d13;
  font-size: calc(100vw / (1200 / 18));
  font-weight: bold;
  color:#cb7d13;
}

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

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