/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;-moz-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}

/*!///////////////////////////////////////////*/
/*!//////////// ↓↓↓reset↓↓↓ ////////////*/
/*!///////////////////////////////////////////*/
*, *::before, *::after { box-sizing: border-box;}
h1, h2, h3, h4, h5, h6, p, ul, ol, dl { margin: 0; color: #000;}
a { text-decoration: none;}
ul,ol { padding-left: 0; list-style-type: none;}
dd { margin-left: 0;}
p {font-size: 14px; line-height: 1.75;}
@media screen and (min-width: 768px) { p { font-size: 16px;}}
button {border: 0;}
/*!///////////////////////////////////////////*/
/*!//////////// ↑↑↑reset↑↑↑ ////////////*/
/*!///////////////////////////////////////////*/


/*!////////////////////////////////////////////*/
/*!//////////// ↓↓↓common↓↓↓ ////////////*/
/*!////////////////////////////////////////////*/
body { font-family: "Zen Kaku Gothic New", sans-serif;}
@media screen and (max-width: 767px) {
  .sp-none { display: none !important;}}
@media screen and (min-width: 768px) {
  .pc-none {display: none !important;}}
.hidden { display: none !important;}
.image { display: block; width: 100%;}
.wrapper {position: relative; overflow:clip;} /* overflowは適宜hiddenに変更 */
.container {
  position: relative;
  width: 100%;
  max-width: 1040px;
  margin-left: auto;
  margin-right: auto;
  padding-left: min(calc(25vw / 3.75),25px);
  padding-right: min(calc(25vw / 3.75),25px);
}
/* clamp用 */
body * { min-height: 0vw;} 
/* サイト計測用 */
a * {pointer-events: none;} 

img ,svg { width: 100%; height: auto; object-fit: contain; }

/* img {　画像コピー禁止用の場合使用
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
} */

section {
  position: relative;
}

h2 {
  text-align: center;
}

a,a * {
  transition: .3s;
}

/* 可変改行指定、<wbr>と併用 */
.WBR { word-break: keep-all; overflow-wrap: anywhere; } 

.Grid {
  width: 100%;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 20px;
}

/*!////////////////////////////////////////////*/
/*!//////////// ↑↑↑common↑↑↑ ////////////*/
/*!////////////////////////////////////////////*/

.container--inline {
  padding-right: min(calc(25vw / 3.75),25px);
  padding-left: min(calc(25vw / 3.75),25px);
}

body {
  background-color: #85cac4;
}

.sub {
  z-index: 3;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}
@media screen and (min-width: 1081px) {
  .sub {
    min-height: 480px;
  }
}

main {
  z-index: 1;
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #85cac4;
  box-shadow: 0 0 30px rgba(0, 0,0, .25);
  text-align: center;
  overflow:clip;
  max-width: 375px;
}
@media screen and (max-width: 1080px) {
  main {
    max-width: 50%;
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  main {
    max-width: 100%;
  }
}


p.common-p {
  font-size: min(calc(13vw / 3.75),13px);
  font-weight: 400;
  text-align: left;
  line-height: calc(20 / 12);
}

/* 
.fv * {
  text-align: left;
} */

.fv-item {
  background-image: url(../img/.fv-item_deco.png),url(../img/bg_dot1.png);
  background-repeat: no-repeat,repeat-y;
  background-position: top center;
  background-size: contain;
}

h2.fv-title {
  font-size: min(calc(20vw / 3.75),20px);
  font-weight: 700;
  line-height: calc(34.4 / 20);
  text-align: left;
  margin-bottom: 10px;
}

p.fv-text {
  font-size: min(calc(14vw / 3.75),14px);
  font-weight: 400;
  line-height: calc(28.3 / 14);
  text-align: left;
  margin-bottom: 30px;
}

p.fv-present {
  text-align: center;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 500;
}

p.fv-note {
  text-align: center;
  font-size: 10px;
  margin-top: 5px;
}

.common_bg {
  background-image: url(../img/bg_dot2.png);
}

.nomikurabe {
  padding-bottom: 30px;
}

.nomikurabe-wrapper {
  background-color: #fff;
  border-radius: min(calc(17vw / 3.75),17px);
  overflow: clip;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 20px;
}

button.acordion-trigger {
  position: relative;
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 500;
  /* color: #1f264b; */
  line-height: calc(28.5 / 15);
  min-height: 70px;
  width: 100%;
  display: flex;
  place-items: center;
  justify-content: center;
  padding: 10px min(calc(15vw / 3.75),15px);
  cursor: pointer;
  background-color: #fff;
  /* white-space: nowrap; */
}
.shop button.acordion-trigger {
color: #1f264b;
}
.acordion-trigger:hover {
  opacity: .85;
}

.acordion-trigger::after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  position:absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
  border-right: 2px solid #e95513;
  border-top: 2px solid #e95513;
  pointer-events: none;
  transition: .3s;
}
.acordion-trigger:hover::after {
  transform: translateY(-50%) scale(1.5) rotate(135deg);
}
.is-active.acordion-trigger::after {
  transform: translateY(-50%) rotate(-45deg);
}
.is-active.acordion-trigger:hover::after {
  transform: translateY(-50%) scale(1.5) rotate(-45deg);
}

.acordion-tree {
  display: none;
}

.is-active + .acordion-tree {
  display: block;
}

.nomikurabe-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 10px;
  width: 100%;
}

.nomikurabe-list-item {
  padding-bottom: 55px;
  width: 100%;
}

h3.nomikurabe-list-name {
  text-align: left;
  font-size: min(calc(17vw / 3.75),17px);
  font-weight: 500;
  line-height: calc(24.5 / 17);
  margin: min(calc(13vw / 3.75),13px) 0;
}

.nomikurabe-list-img {
  position: relative;
}

.nomikurabe-list-img::after {
  content: "";
  position: absolute;
  bottom: -10px;
  right: -20px;
  display: block;
  width: 70px;
  height: 70px;
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(../img/nomikurabe_coffee.png);
}
.nomikurabe-list-img--beer::after {
  background-image: url(../img/nomikurabe_beer.png);
}

p.nomikurabe-list-text {
  margin: min(calc(30vw / 3.75),30px) 0;
  padding-top: 10px;
  border-top: 1px solid #000;
  font-size: min(calc(12vw / 3.75),12px);
}

.nomikurabe-list-link {
  position: relative;
  color: #e95513;
  border-radius: min(calc(17vw / 3.75),17px);
  border: 2px solid #e95513;
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 700;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 40px;
  padding: 5px min(calc(40vw / 3.75),10px);
  background-color: #fff;
}
.nomikurabe-list-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 1px 0 #e95513;
}

.nomikurabe-list-link::after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  position:absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #e95513;
  border-top: 2px solid #e95513;
  pointer-events: none;
  transition: .6s;
}

.nomikurabe-list-link:hover::after {
  transform: translateY(-50%) rotate3d(-1,0,0,180deg) rotate(45deg);
}

.difference {
  padding-bottom: 50px;
}

.difference-wrapper {
    background-color: #fffdef;
  border-radius: min(calc(17vw / 3.75),17px);
    padding: 40px 0 50px;
}

.common-title h2 {
  font-size: min(calc(20vw / 3.75),20px);
  font-weight: 700;
  line-height: calc(30.4 / 20);
}

.shop h2 {
  color: #1f264b;
}

.difference .common-title {
  position: relative;
  padding-bottom: 30px;
}

.difference .common-title::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 90px;
  height: 2px;
  background-color: #e95513;
}

.common-title p {
  text-align: center;
}

.difference-text {
  padding: 40px 0 50px;
}

.difference-list ,.difference-list-item {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 45px;
}

.difference-list-item {
  gap: 10px;
}

.difference-list-item h3 {
  font-size: min(calc(18vw / 3.75),18px);
  font-weight: 700;
  line-height: calc(28 / 18);
  color: #e95513;
}

.difference-list-item p {
  font-size: min(calc(13vw / 3.75),13px);
  text-align: left;
}

.miyage {
  background-color: #fff;
  padding-bottom: 60px;
}

.splide__track {
  padding-bottom: 30px;
}

.splide__pagination {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,30px);
  justify-content: center;
  grid-auto-rows: 1px;
  gap: 4px;
  margin: 0 auto;
  padding: 0;
}

.splide__pagination li {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
}

.splide__pagination__page  {
    border-radius: unset;
    padding: 0;
    margin: 0;
    transform: translateY(-10px);
    width: 30px;
    height: 1px;
    background-color: #000;
    padding-block: 0;
    padding-inline: 0;
}
.splide__pagination__page.is-active {
  background-color: #f7b625;
  transform: 0 !important;
}

.splide__arrow {
  background: transparent;
  border-top: 1px solid #c6171e;
  border-right: 1px solid #c6171e;
  border-radius: 0;
  transition: .3s;
}
.splide__arrow:hover {
  filter: drop-shadow(0px 0px 2px rgba(255,255,255,.7));
}

.splide__arrow--prev {
  transform: translateY(-50%) rotate(-135deg) skew(10deg,10deg);
}

.splide__arrow--next {
  transform: translateY(-50%) rotate(45deg) skew(10deg,10deg);
}

.splide__arrow svg {
  display: none;
}

.miyage-wrapper {
  padding-top: 50PX;
}

p.miyage-p1 {
  text-align: center;
  margin-bottom: 10px;
}

.miyage-wrapper h2 {
  font-size: min(calc(24vw / 3.75),24px);
  line-height: calc(38 / 24);
  margin-bottom: 25px;
}

.utility * ,.variations * {
  color: #1f264b;
}

p.utility-p--top {
  text-align: center;
  font-size: min(calc(14vw / 3.75),14px);
  font-weight: 500;
}

.over-title {
  position: relative;
  padding-top: 35px;
}
@media screen and (max-width: 1080px) {
.over-title {
  position: relative;
  padding-top: clamp(35px,calc(35vw / 3.75),calc(35px * 1.5));
}
}

.over-title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(0,-50%);
  height: 18.793px;
  width: 100%;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 1080px) {
.over-title::before {
    height: clamp(18.793px,calc(18.793vw / 3.75),calc(18.793px * 1.5));
  }
}
.utility-list-wrapper::before {
  background-image: url(../img/title_utility.svg);
}
.variations-list-wrapper::before {
  background-image: url(../img/title_variations.svg);
}
.shop-wrapper::before {
  background-image: url(../img/title_shop.svg);
}

.utility-list-wrapper {
  background-color: #fff;
  margin-top: 55px;
}

.utility-list-wrapper * ,.variations-list-wrapper * {
  font-family: 'Noto sans JP', sans-serif;
}

.utility-list-wrapper .common-title {
  position: relative;
}

.utility-list {
  padding-bottom: min(calc(40vw / 3.75),calc(40px * 1.5));  
}
@media screen and (min-width: 1081px) {
  .utility-list {
    padding-bottom: 40px;  
  }
}

.variations-list {
  gap: min(calc(30vw / 3.75),calc(30px * 1.5));
}
@media screen and (min-width: 1081px) {
  .variations-list {
    gap: 30px;
  }
}

.utility-list-item ,.variations-list,.variations-list-item {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 10px;
}
.utility-list-item {
  padding-top: min(calc(90vw / 3.75),calc(90px * 1.5));
}
@media screen and (min-width: 1081px) {
.utility-list-item {
  padding-top: 90px;
}
}

.utility-list h3 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  font-size: min(calc(16vw / 3.75),16px);
  font-weight: 700;
  line-height: calc(27 / 16);
}

.utility-list-num {
  width: auto;
  height: 30px;
}

.utility-list-num img {
  width: auto;
  height: 100%;
}

.variations-list-wrapper {
  background-color: #fff;
  padding-bottom: min(calc(170vw / 3.75),calc(170px * 1.5));
  background-image: url(../img/variations_img8.png);
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (min-width: 1081px) {
.variations-list-wrapper {
  padding-bottom: 170px;
  }
}

.variations-list-item {
  position: relative;
}

.variations-list-item h3 {
  font-size: min(calc(16vw / 3.75,)16px);
  font-weight: 700;
  line-height: calc(27 / 16);
  border-bottom: #e6b439 5px solid;
  padding-bottom: 10px;
}

.shop {
  padding-bottom: 50px;
}

.shop-wrapper {
  background-color: #fff;
  padding-bottom: 10px;
}

.shop .acordion:not(:first-of-type) {
  border-top: #e6b439 5px solid;
}
.acordion-trigger--shop {
  min-height: 90px;
  padding: 10px min(calc(15vw / 3.75),15px);
}
.acordion-trigger--shop::after {
  right: 10px;
  border-right: 2px solid #e6b439;
  border-top: 2px solid #e6b439;
}

.shop-list {
  padding-bottom: 35px;
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 45px;
}

.shop-list-item * {
  color: #1f264b;
}

h3.shop-list-name {
  text-align: left;
  font-size: min(calc(17vw / 3.75),17px);
  font-weight: 500;
  line-height: calc(24.5 / 17);
  margin: min(calc(10vw / 3.75),10px) 0;
}

p.shop-list-info {
  line-height: calc(20 / 13);
}

p.shop-list-text {
  margin: min(calc(20vw / 3.75),20px) 0 min(calc(15vw / 3.75),15px);
  padding-top: 10px;
  border-top: 1px solid #000;
  font-size: min(calc(12vw / 3.75),12px);
  line-height: calc(20 / 12);
  line-height: calc(20 / 13);
}

a.shop-list-link {
  color: #1f264b;
  position: relative;
  border-radius: min(calc(17vw / 3.75),17px);
  font-size: min(calc(15vw / 3.75),15px);
  font-weight: 700;
  display: grid;
  place-items: center;
  width: 100%;
  min-height: 40px;
  padding: 5px min(calc(40vw / 3.75),10px);
  background-color: #ffbd00;
}
.shop-list-link:hover {
  transform: translateY(-1px);
  box-shadow: 0 1px 0 #1f264b;
}

.shop-list-link::after {
  content: "";
  width: 7px;
  height: 7px;
  display: block;
  position:absolute;
  right: 30px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #1f264b;
  border-top: 2px solid #1f264b;
  pointer-events: none;
  transition: .6s;
}

.shop-list-link:hover::after {
  transform: translateY(-50%) rotate3d(-1,0,0,180deg) rotate(45deg);
}


.info {
  background-color: #fff;
  padding: 50px 0;
}

.info * {
  font-family: 'Noto sans JP', sans-serif;
}

.info-item {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: 50px;
  place-items: center;
}

a.info-link {
  width: 100%;
  display: grid;
  place-items: center;
  background-color: #1f264b;
  color: #fff;
  line-height: calc(20 / 13);
  text-align: center;
  min-height: 85px;
  padding: 10px;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.6 8.53"><polygon fill="%23ffffff" points="7.33 0 6.8 .54 10.14 3.89 0 3.89 0 4.65 10.14 4.65 6.8 7.99 7.33 8.53 11.6 4.27 7.33 0"/></svg>') ;
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  background-size: 12px;
}
a.info-link:hover {
  background-color: #fff;
  color: #1f264b;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 11.6 8.53"><polygon fill="%231f264b" points="7.33 0 6.8 .54 10.14 3.89 0 3.89 0 4.65 10.14 4.65 6.8 7.99 7.33 8.53 11.6 4.27 7.33 0"/></svg>') ;
  background-position: calc(100% - 10px) center;
  box-shadow: 1px 3px 0 #1f264b;
  filter: drop-shadow(-1px -1px 0 #1f264b);
}

.info-detail h2 {
  font-size: min(calc(21vw / 3.75),21px);
  line-height: calc(29 / 21);
  font-weight: 500;
  padding-bottom: 20px;
}

.info-detail p {
  text-align: center;
}

a.Go-TOP {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  color: #1f264b;
  font-size: 17px;
  letter-spacing: 0.05rem;
  text-align: center;
  background-image: linear-gradient(#1f264b, #1f264b);
  background-size: 0% 1px;
  background-position: bottom center;
  background-repeat: no-repeat;
  padding: 0 10px 2px;
}
a.Go-TOP:hover {
  background-size: 50% 1px;
  transform: scale(1.05);
}
a.Go-TOP::before {
  content: "";
  width: 11px;
  height: 11px;
  transform: rotate(-45deg);
  display: inline-block;
  border-top: #1f264b 2px solid;
  border-right: #1f264b 2px solid;
  transition: .3s;
}
a.Go-TOP:hover::before {
  transform: translateY(-2px) rotate(-45deg);
}

.sns {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(40px,41px));
  grid-template-rows: 41px;
  justify-content: center;
  place-items: center;
  gap: min(calc(50vw / 3.75),50px);
}

.sns a {
  width: 100%;
  height: 100%;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
.sns a:hover {
  filter: drop-shadow(2px 2px 1px rgba(0,0,0,.2));
  transform: scale(1.12);
}

.facebook {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.06 40.91"><path fill="%23251e1c" d="M19.42.03C8.65.59,0,9.73,0,20.52c0,9.63,6.62,17.72,15.57,19.94v-13.65h-4.23v-6.27h4.23v-2.7c0-6.99,3.16-10.23,10.02-10.23,1.3,0,3.54.25,4.46.51v5.69c-.48-.05-1.33-.08-2.37-.08-3.37,0-4.67,1.28-4.67,4.59v2.22h6.71l-1.15,6.27h-5.55v14.1c10.16-1.23,18.04-9.88,18.04-20.38C41.06,8.82,31.26-.59,19.42.03Z"/></svg>') ;
}
.facebook:hover {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.06 40.91"><path fill="%2385cac4" d="M19.42.03C8.65.59,0,9.73,0,20.52c0,9.63,6.62,17.72,15.57,19.94v-13.65h-4.23v-6.27h4.23v-2.7c0-6.99,3.16-10.23,10.02-10.23,1.3,0,3.54.25,4.46.51v5.69c-.48-.05-1.33-.08-2.37-.08-3.37,0-4.67,1.28-4.67,4.59v2.22h6.71l-1.15,6.27h-5.55v14.1c10.16-1.23,18.04-9.88,18.04-20.38C41.06,8.82,31.26-.59,19.42.03Z"/></svg>') ;
}

.instagram {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.5 41.5"><path d="M41.5,20.71c-.01-5.63-.04-6.34-.14-8.55-.1-2.21-.46-3.72-.97-5.04-.53-1.36-1.24-2.52-2.4-3.67-1.16-1.15-2.31-1.86-3.68-2.39-1.32-.51-2.83-.86-5.04-.95C27.05.01,26.35,0,20.71,0c-5.63.01-6.34.03-8.55.14-2.21.1-3.72.46-5.03.97-1.36.53-2.52,1.24-3.67,2.4-1.15,1.16-1.86,2.31-2.39,3.68-.51,1.32-.86,2.83-.95,5.04C.01,14.45,0,15.16,0,20.79c.01,5.63.04,6.34.14,8.56.11,2.21.46,3.71.97,5.03.53,1.36,1.24,2.52,2.4,3.67,1.16,1.15,2.31,1.86,3.68,2.39,1.32.51,2.83.86,5.04.95,2.21.1,2.92.12,8.55.11,5.64-.01,6.34-.04,8.56-.14,2.21-.11,3.71-.46,5.03-.97,1.36-.53,2.52-1.24,3.67-2.4,1.15-1.16,1.86-2.31,2.39-3.68.51-1.32.86-2.83.95-5.04.1-2.21.12-2.92.11-8.56ZM37.66,29.1c-.09,2.02-.42,3.12-.71,3.86-.38.97-.82,1.66-1.55,2.39-.72.73-1.41,1.18-2.38,1.56-.73.29-1.83.63-3.85.72-2.19.1-2.84.13-8.39.14-5.54.01-6.2-.01-8.38-.1-2.02-.09-3.12-.42-3.85-.71-.97-.38-1.66-.82-2.39-1.55-.73-.73-1.18-1.42-1.56-2.38-.28-.73-.63-1.83-.72-3.85-.1-2.19-.13-2.84-.14-8.38-.01-5.54,0-6.2.1-8.39.09-2.02.42-3.12.71-3.85.38-.97.82-1.66,1.55-2.39.73-.73,1.42-1.18,2.38-1.56.73-.29,1.83-.63,3.85-.72,2.19-.1,2.84-.13,8.38-.14,5.54-.01,6.2,0,8.39.1,2.02.09,3.12.42,3.85.71.97.38,1.66.82,2.39,1.55.73.73,1.18,1.41,1.56,2.38.29.73.63,1.83.72,3.85.1,2.19.13,2.84.14,8.38.01,5.54,0,6.2-.11,8.38Z"/><path d="M31.8,7.16c-1.37,0-2.49,1.12-2.48,2.49,0,1.59,1.5,2.83,3.16,2.4.84-.22,1.52-.91,1.73-1.74.42-1.66-.82-3.15-2.41-3.15Z"/><path d="M20.73,10.1c-5.88.01-10.65,4.79-10.63,10.68.01,6.29,5.46,11.29,11.89,10.56,4.87-.55,8.83-4.52,9.36-9.39.7-6.43-4.33-11.86-10.61-11.85ZM20.76,27.67c-3.82,0-6.92-3.08-6.93-6.9,0-3.86,3.14-6.98,7.01-6.93,3.67.05,6.77,3.14,6.82,6.81.06,3.86-3.05,7.01-6.9,7.02Z"/></svg>') ;
}
.instagram:hover {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.5 41.5"><path fill="%2385cac4" d="M41.5,20.71c-.01-5.63-.04-6.34-.14-8.55-.1-2.21-.46-3.72-.97-5.04-.53-1.36-1.24-2.52-2.4-3.67-1.16-1.15-2.31-1.86-3.68-2.39-1.32-.51-2.83-.86-5.04-.95C27.05.01,26.35,0,20.71,0c-5.63.01-6.34.03-8.55.14-2.21.1-3.72.46-5.03.97-1.36.53-2.52,1.24-3.67,2.4-1.15,1.16-1.86,2.31-2.39,3.68-.51,1.32-.86,2.83-.95,5.04C.01,14.45,0,15.16,0,20.79c.01,5.63.04,6.34.14,8.56.11,2.21.46,3.71.97,5.03.53,1.36,1.24,2.52,2.4,3.67,1.16,1.15,2.31,1.86,3.68,2.39,1.32.51,2.83.86,5.04.95,2.21.1,2.92.12,8.55.11,5.64-.01,6.34-.04,8.56-.14,2.21-.11,3.71-.46,5.03-.97,1.36-.53,2.52-1.24,3.67-2.4,1.15-1.16,1.86-2.31,2.39-3.68.51-1.32.86-2.83.95-5.04.1-2.21.12-2.92.11-8.56ZM37.66,29.1c-.09,2.02-.42,3.12-.71,3.86-.38.97-.82,1.66-1.55,2.39-.72.73-1.41,1.18-2.38,1.56-.73.29-1.83.63-3.85.72-2.19.1-2.84.13-8.39.14-5.54.01-6.2-.01-8.38-.1-2.02-.09-3.12-.42-3.85-.71-.97-.38-1.66-.82-2.39-1.55-.73-.73-1.18-1.42-1.56-2.38-.28-.73-.63-1.83-.72-3.85-.1-2.19-.13-2.84-.14-8.38-.01-5.54,0-6.2.1-8.39.09-2.02.42-3.12.71-3.85.38-.97.82-1.66,1.55-2.39.73-.73,1.42-1.18,2.38-1.56.73-.29,1.83-.63,3.85-.72,2.19-.1,2.84-.13,8.38-.14,5.54-.01,6.2,0,8.39.1,2.02.09,3.12.42,3.85.71.97.38,1.66.82,2.39,1.55.73.73,1.18,1.41,1.56,2.38.29.73.63,1.83.72,3.85.1,2.19.13,2.84.14,8.38.01,5.54,0,6.2-.11,8.38Z"/><path fill="%2385cac4" d="M31.8,7.16c-1.37,0-2.49,1.12-2.48,2.49,0,1.59,1.5,2.83,3.16,2.4.84-.22,1.52-.91,1.73-1.74.42-1.66-.82-3.15-2.41-3.15Z"/><path fill="%2385cac4" d="M20.73,10.1c-5.88.01-10.65,4.79-10.63,10.68.01,6.29,5.46,11.29,11.89,10.56,4.87-.55,8.83-4.52,9.36-9.39.7-6.43-4.33-11.86-10.61-11.85ZM20.76,27.67c-3.82,0-6.92-3.08-6.93-6.9,0-3.86,3.14-6.98,7.01-6.93,3.67.05,6.77,3.14,6.82,6.81.06,3.86-3.05,7.01-6.9,7.02Z"/></svg>') ;
}

.footer {
  min-height: 35px;
  display: grid;
  place-items: center;
}

.footer p {
  text-align: center;
  font-family: 'Noto sans JP', sans-serif;
  color: #fff;
}

.deco {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  display: block;
  width: 100vw;
  height: auto;
  pointer-events: none;
  max-width: 375px;
}
@media screen and (max-width: 1080px) {
  .deco {
    max-width: 50vw;
  }
}
@media screen and (max-width: 767px) {
  .deco {
    max-width: 100vw;
  }
}

.deco-inline {
  width: 100%;
}


 .deco-variations-2{
  top: auto;
  bottom: -10px;
 }

.deco-variations-4{
  top: -60px;
 }

 .deco-variations-5{
  top: auto;
  bottom: -25px;
 }

  /* --- fixed-contents --- */
.fixed-contents {
  display: grid;
  grid-template-columns: 1fr 375px 1fr;
  justify-content: center;
  place-items: center;
  height: 100%;
  gap: min(calc(60vw / 14),60px);
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 25px;
}
@media screen and (max-width: 1080px) {
  .fixed-contents {
    grid-template-columns: 1fr 50%;
    padding: 0;
    gap: 0;
  }
}
@media screen and (max-width: 767px) {
  .fixed-contents {
    display: block;
  }
}

.fixed-contents-container {
  width: 100%;
  max-width: 290px;
  height: 100%;
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(5px,calc(20vh / 8),20px) 0;
  box-sizing: border-box;
  margin-left: auto;
  pointer-events: auto;
}
@media screen and (max-width: 1080px) {
.fixed-contents-container {
  margin: auto;
  }
}
@media screen and (max-width: 767px) {
.fixed-contents-container {
  display: none;
  }
}

.fixed-contents-blank {
  display: none;
}
@media screen and (min-width: 768px) {
  .fixed-contents-blank {
    display: block;
    width: 375px;
    height: 100%;
  }
}

h1.fixed-header , .fixed-footer {
  display: grid;
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  gap: clamp(10px,calc(15vh / 8),15px);
}
h1.fixed-header {
  margin-top: auto;
  /* margin-block-start: 0;
  margin-block-end: 0; */
}

h1.fixed-header * {
  color: #fff;
}

h1 .fixed-header__event-info {
  font-weight: 700;
  font-size: clamp(calc(15px / 4.8),calc(15vh / 6.5),15px);
  line-height: 1.1;
}
h1 .fixed-header__title {
  font-weight: 700;
  font-size: clamp(calc(46px / 4.8),calc(46vh / 6.5),46px);
  line-height: 1.1;
}
h1 .fixed-header__event-title {
  font-weight: 700;
  font-size: clamp(calc(22px / 4.8),calc(22vh / 6.5),22px);
  line-height: 1.1;
}
h1 .fixed-header__date {
  font-weight: 700;
  font-size: clamp(calc(22px / 4.8),calc(22vh / 6.5),22px);
  letter-spacing: 1px;
  line-height: 1.1;
}

.fixed-footer {
  margin-bottom: auto;
}
.fixed-footer__catchphrase {
  font-weight: 700;
  font-size: clamp(calc(17px / 4.8),calc(17vh / 6.5),17px);
  line-height: 1.8;
}
.fixed-footer__description {
  font-weight: 400;
  font-size: clamp(10px,calc(12vh / 6.5),12px);
  line-height: 2;
}

.fixed-map {
  display: block;
  background-image: url(../img/map.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
  max-height: clamp(calc(254px / 4.8), calc(254vh / 6.5), 254px);
  margin: clamp(calc(15px / 4.8),calc(15vh / 6.5),15px) 0;
}

.header {
  /* background-color: #1f264b; */
  color: #fff;
  padding: 40px 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  height: 100%;
  pointer-events: auto;
}

.header * {
  color: #fff;
}

.hamburger-button {
  display: none;
}
.global-nav {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.global-nav__inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.global-nav__title {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  font-size: 23px;
  letter-spacing: .12em;
  text-align: center;
  margin-bottom: 20px;
}
.global-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: clamp(250px,calc(280vh / 10),280px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1081px) {
.global-nav__list {
  height: clamp(calc(280px / 4.8),calc(280vh / 6.5),280px);
  }
}
.global-nav__item {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
.global-nav__item:first-child {
  border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.global-nav__item a {
  display: block;
  color: #fff;
  text-decoration: none;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 700;
  font-size: 14px;
  letter-spacing: .12em;
  text-align: center;
  transition: background-color 0.3s;
}
.global-nav__item a:hover {
  background-color: rgba(255, 255, 255, 0.1);
}
.global-nav__footer {
  padding-top: 20px;
  text-align: center;
}
.global-nav__footer .sns {
  justify-content: center;
  padding-top: clamp(calc(35px / 4.8),calc(35vh / 6.5),35px);
}
.global-nav__footer-title {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: clamp(12px,calc(16vh / 6.5),16px);
  line-height: 1.6;
}
.global-nav__footer .common-p {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: clamp(10px,calc(13vh / 6.5),13px);
  line-height: 1.8;
  margin-top: 10px;
}
body.no-scroll {
  overflow: hidden;
}


@media screen and (min-width: 1081px) {
  .header {
  margin-right: auto;
  max-height: 700px;
  min-width: 300px;
  padding: clamp(15px,calc(40vh / 6),40px) 0;
  }
}
@media screen and (max-width: 1080px) {
  .header {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: auto;
    height: auto;
    background: none;
    z-index: 1001;
    padding: 10px;
  }
  .is-open .header {
    width: 100%;
    height: 100%;
    background-color: #85cac4;
  }
  .hamburger-button {
    display: block;
    position: relative;
    /* top: 15px;
    left: 15px; */
    width: 40px;
    height: 40px;
    background: transparent;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    z-index: 1002;
    margin-left: auto;
    transition: .3s;
    background-color: #85cac4;

  }
  .hamburger-button:hover {
    /* background: #1f264b; */
    box-shadow: 1px 3px 0 rgba(0, 0,0, .25);
  }
  .hamburger-button span {
    display: block;
    width: 24px;
    height: 2px;
    background-color: #fff;
    margin: 6px auto;
    transition: all .3s;
  }
  .is-open .hamburger-button span:nth-of-type(1) {
    transform: translateY(8px) rotate(45deg);
  }
  .is-open .hamburger-button span:nth-of-type(2) {
    opacity: 0;
  }
  .is-open .hamburger-button span:nth-of-type(3) {
    transform: translateY(-8px) rotate(-45deg);
  }
  .global-nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity .3s, visibility .3s;
    z-index: 1000;
    overflow-y: auto;
    padding: 80px 25px 40px;
    box-sizing: border-box;
  }
  .is-open .global-nav {
    visibility: visible;
    opacity: 1;
  }
  .global-nav__footer {
    display: none;
  }
  body.is-open {
    overflow: clip;
  }
  .is-open main {
    opacity: 0;
    pointer-events: none;
  }
}


.global-nav .facebook {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.06 40.91"><path fill="%23ffffff" d="M19.42.03C8.65.59,0,9.73,0,20.52c0,9.63,6.62,17.72,15.57,19.94v-13.65h-4.23v-6.27h4.23v-2.7c0-6.99,3.16-10.23,10.02-10.23,1.3,0,3.54.25,4.46.51v5.69c-.48-.05-1.33-.08-2.37-.08-3.37,0-4.67,1.28-4.67,4.59v2.22h6.71l-1.15,6.27h-5.55v14.1c10.16-1.23,18.04-9.88,18.04-20.38C41.06,8.82,31.26-.59,19.42.03Z"/></svg>') ;
}

.global-nav .instagram {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.5 41.5"><path d="M41.5,20.71c-.01-5.63-.04-6.34-.14-8.55-.1-2.21-.46-3.72-.97-5.04-.53-1.36-1.24-2.52-2.4-3.67-1.16-1.15-2.31-1.86-3.68-2.39-1.32-.51-2.83-.86-5.04-.95C27.05.01,26.35,0,20.71,0c-5.63.01-6.34.03-8.55.14-2.21.1-3.72.46-5.03.97-1.36.53-2.52,1.24-3.67,2.4-1.15,1.16-1.86,2.31-2.39,3.68-.51,1.32-.86,2.83-.95,5.04C.01,14.45,0,15.16,0,20.79c.01,5.63.04,6.34.14,8.56.11,2.21.46,3.71.97,5.03.53,1.36,1.24,2.52,2.4,3.67,1.16,1.15,2.31,1.86,3.68,2.39,1.32.51,2.83.86,5.04.95,2.21.1,2.92.12,8.55.11,5.64-.01,6.34-.04,8.56-.14,2.21-.11,3.71-.46,5.03-.97,1.36-.53,2.52-1.24,3.67-2.4,1.15-1.16,1.86-2.31,2.39-3.68.51-1.32.86-2.83.95-5.04.1-2.21.12-2.92.11-8.56ZM37.66,29.1c-.09,2.02-.42,3.12-.71,3.86-.38.97-.82,1.66-1.55,2.39-.72.73-1.41,1.18-2.38,1.56-.73.29-1.83.63-3.85.72-2.19.1-2.84.13-8.39.14-5.54.01-6.2-.01-8.38-.1-2.02-.09-3.12-.42-3.85-.71-.97-.38-1.66-.82-2.39-1.55-.73-.73-1.18-1.42-1.56-2.38-.28-.73-.63-1.83-.72-3.85-.1-2.19-.13-2.84-.14-8.38-.01-5.54,0-6.2.1-8.39.09-2.02.42-3.12.71-3.85.38-.97.82-1.66,1.55-2.39.73-.73,1.42-1.18,2.38-1.56.73-.29,1.83-.63,3.85-.72,2.19-.1,2.84-.13,8.38-.14,5.54-.01,6.2,0,8.39.1,2.02.09,3.12.42,3.85.71.97.38,1.66.82,2.39,1.55.73.73,1.18,1.41,1.56,2.38.29.73.63,1.83.72,3.85.1,2.19.13,2.84.14,8.38.01,5.54,0,6.2-.11,8.38Z"/><path d="M31.8,7.16c-1.37,0-2.49,1.12-2.48,2.49,0,1.59,1.5,2.83,3.16,2.4.84-.22,1.52-.91,1.73-1.74.42-1.66-.82-3.15-2.41-3.15Z"/><path d="M20.73,10.1c-5.88.01-10.65,4.79-10.63,10.68.01,6.29,5.46,11.29,11.89,10.56,4.87-.55,8.83-4.52,9.36-9.39.7-6.43-4.33-11.86-10.61-11.85ZM20.76,27.67c-3.82,0-6.92-3.08-6.93-6.9,0-3.86,3.14-6.98,7.01-6.93,3.67.05,6.77,3.14,6.82,6.81.06,3.86-3.05,7.01-6.9,7.02Z"/></svg>') ;
}
.global-nav .instagram {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 41.5 41.5"><path fill="%23ffffff" d="M41.5,20.71c-.01-5.63-.04-6.34-.14-8.55-.1-2.21-.46-3.72-.97-5.04-.53-1.36-1.24-2.52-2.4-3.67-1.16-1.15-2.31-1.86-3.68-2.39-1.32-.51-2.83-.86-5.04-.95C27.05.01,26.35,0,20.71,0c-5.63.01-6.34.03-8.55.14-2.21.1-3.72.46-5.03.97-1.36.53-2.52,1.24-3.67,2.4-1.15,1.16-1.86,2.31-2.39,3.68-.51,1.32-.86,2.83-.95,5.04C.01,14.45,0,15.16,0,20.79c.01,5.63.04,6.34.14,8.56.11,2.21.46,3.71.97,5.03.53,1.36,1.24,2.52,2.4,3.67,1.16,1.15,2.31,1.86,3.68,2.39,1.32.51,2.83.86,5.04.95,2.21.1,2.92.12,8.55.11,5.64-.01,6.34-.04,8.56-.14,2.21-.11,3.71-.46,5.03-.97,1.36-.53,2.52-1.24,3.67-2.4,1.15-1.16,1.86-2.31,2.39-3.68.51-1.32.86-2.83.95-5.04.1-2.21.12-2.92.11-8.56ZM37.66,29.1c-.09,2.02-.42,3.12-.71,3.86-.38.97-.82,1.66-1.55,2.39-.72.73-1.41,1.18-2.38,1.56-.73.29-1.83.63-3.85.72-2.19.1-2.84.13-8.39.14-5.54.01-6.2-.01-8.38-.1-2.02-.09-3.12-.42-3.85-.71-.97-.38-1.66-.82-2.39-1.55-.73-.73-1.18-1.42-1.56-2.38-.28-.73-.63-1.83-.72-3.85-.1-2.19-.13-2.84-.14-8.38-.01-5.54,0-6.2.1-8.39.09-2.02.42-3.12.71-3.85.38-.97.82-1.66,1.55-2.39.73-.73,1.42-1.18,2.38-1.56.73-.29,1.83-.63,3.85-.72,2.19-.1,2.84-.13,8.38-.14,5.54-.01,6.2,0,8.39.1,2.02.09,3.12.42,3.85.71.97.38,1.66.82,2.39,1.55.73.73,1.18,1.41,1.56,2.38.29.73.63,1.83.72,3.85.1,2.19.13,2.84.14,8.38.01,5.54,0,6.2-.11,8.38Z"/><path fill="%23ffffff" d="M31.8,7.16c-1.37,0-2.49,1.12-2.48,2.49,0,1.59,1.5,2.83,3.16,2.4.84-.22,1.52-.91,1.73-1.74.42-1.66-.82-3.15-2.41-3.15Z"/><path fill="%23ffffff" d="M20.73,10.1c-5.88.01-10.65,4.79-10.63,10.68.01,6.29,5.46,11.29,11.89,10.56,4.87-.55,8.83-4.52,9.36-9.39.7-6.43-4.33-11.86-10.61-11.85ZM20.76,27.67c-3.82,0-6.92-3.08-6.93-6.9,0-3.86,3.14-6.98,7.01-6.93,3.67.05,6.77,3.14,6.82,6.81.06,3.86-3.05,7.01-6.9,7.02Z"/></svg>') ;
}

.gotop {
  display: block;
  position: fixed;
  z-index: 2;
  width: clamp(60px,calc(72vw / 10),72px);
  height: auto;
  bottom: 30px;
  right: 30px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  background-color: #85cac4;
  border-radius: 50px;
  overflow: clip;
}
.gotop:hover {
  transform: translateY(-3px) scale(1.02);
}