@charset "UTF-8";
:root{
  --GLD:#DAC5A4;
  --GLDrgb:218,197,164;
  --GLD-light:#EFDAB9;
  --PPL:#330033;
  --NVY:#061941/*#1F2256*/;

  --spaceS:min(2vw, 24px);
  --spaceM:min(6vw, 40px);
  --spaceL:min(8vw, 48px);

  --GRY:#757575;
  --GRN:#00892E;
  --RED:#D8000C;
  --BLU:#1077CF;
  --mainAnime:all .3s ease;
  --mincho:"Shippori Mincho B1", serif;
}
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;700;800&display=swap');
@font-face {
  font-family:'icomoon';
  src:url('../fonts/icomoon.eot?hupdos#iefix') format('embedded-opentype'),
       url('../fonts/icomoon.ttf?hupdos') format('truetype'),
       url('../fonts/icomoon.woff?hupdos') format('woff'),
       url('../fonts/icomoon.svg?hupdos#icomoon') format('svg');
  font-weight:normal;
  font-style:normal;
}

[class^="icon-"]::after,[class*="icon-"]::after,.yakeH-index ul li::before,details summary::after,.spotBox h3 a::after,.yakeTtlArea .goTop a::after{
  font-family:'icomoon' !important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-index::after,.yakeH-index ul li::before{content:"\e900"}
.icon-map::after,.spotBox h3 a::after{content:"\e902";}
.icon-arrow-t::after,details[open] summary::after,.yakeTtlArea .goTop a::after{content:"\e903";font-size:.75em;margin-left:4px;}
.icon-arrow-b::after,details summary::after{content:"\e904";font-size:.75em;margin-left:4px;}
.icon-arrow-l::after{content:"\e905";font-size:.75em;margin-left:4px;}
.icon-arrow-r::after{content:"\e906";font-size:.75em;margin-left:4px;}
.icon-plus::after{content:"\e901"}
.icon-minus::after{content:"\e911"}

/* .shippori-mincho-b1-regular {
  font-family:"Shippori Mincho B1", serif;
  font-weight:400;
  font-style:normal;
}

.shippori-mincho-b1-bold {
  font-family:"Shippori Mincho B1", serif;
  font-weight:700;
  font-style:normal;
}

.shippori-mincho-b1-extrabold {
  font-family:"Shippori Mincho B1", serif;
  font-weight:800;
  font-style:normal;
} */

/*______________________default*/
html{
  overflow:visible;
}
#yakeiWrap{
  position:relative;
  font-family:"游ゴシック体", "YuGothic", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color:var(--GLD-light); 
}
#yakeiWrap *{
  line-height:1.6875;
}
#yakeiWrap a,.yakeFirst details summary{
  transition:color .3s ease-in-out, text-shadow .3s ease-in-out;
}
#yakeiWrap a:hover,.yakeFirst details summary:hover{
  color:#fcea75;
  text-shadow:0 0 10px #fcea75, 0 0 20px #fcea75, 0 0 30px #fcea75;
}
#yakeiWrap h2,#yakeiWrap h3,#yakeiWrap h4{
  margin:0;
  font-size:1em;
  color:var(--GLD);
}
#yakeiWrap .yakeTtl1{
  margin-bottom:min(2vw,24px);
  font-family:var(--mincho);
  font-weight:800;
  font-size:min(7vw,2.8em);
  line-height:1.5;
  font-feature-settings:"palt";
  text-align:center;
}
#yakeiWrap .yakeTtl2{
  margin-bottom:min(2vw,24px);
  font-family:var(--mincho);
  font-weight:800;
  font-size:1em;
}
#yakeiWrap .content-wrap{
  width:auto;
  padding:min(6vw,64px) var(--spaceM) min(8vw,48px);
}
/*______________________ヘッダー*/
.yakeHead{
  background-color:var(--NVY)
}
#yakeiWrap .yakeHead h1{
  width:100%;
  margin-bottom:min(6vw,40px);
  text-align:center;
  font-family:var(--mincho);
  font-weight:800;
  font-feature-settings:"palt";
  font-size:min(8.8vw,4em);
  text-shadow:0 0 10px var(--NVY), 0 0 20px var(--NVY), 0 0 30px var(--NVY);
  line-height:1.3;
}
.yakeH-lead p{
  font-family:var(--mincho);
  font-size:min(4vw,16px);
  text-align:center;
  text-shadow:0 0 5px var(--NVY), 0 0 10px var(--NVY), 0 0 15px var(--NVY);
}
.yakeH-lead p:not(:last-of-type){
  margin-bottom:1em;
}
.yakeH-index{
  /*max-width: 36em;*/
  margin:0 auto;
  padding:0 min(6vw,40px) min(8vw,48px);
}
.yakeH-index .inner{
  position:relative;
  z-index:0;
  padding:1em;
  margin:0 auto;
  background-color:rgba(0,0,0,.7);
  text-align:left;
}
.yakeH-index .inner::after {
  content:'';
  display:block;
  position:absolute;
  z-index:-1;
  top:0;left:0;
  width:100%;
  height:100%;
  background-image:linear-gradient(rgba(0,160,208,.2),rgba(255,247,232,.2));
  filter:blur(8px);
  mix-blend-mode:color-dodge;
  animation:glow 10s linear infinite;
}
@keyframes glow {
  0% {transform:scale(1);}
  50% {transform:scale(1.1);}
  100% {transform:scale(1);}
}
.yakeH-index p{
  margin-bottom:.6em;
  text-align:center;
}
.yakeH-index li{
  padding:.1em 0;
}
.yakeH-index li::before{
  margin-right:4px;
}
.yakeH-index  ul li ul li{
  padding-left:1em;
}
.yakeH-index  ul li ul li::before{
  content:"-";
}

/*______________________監修*/
.yakeFirst{
  position:relative;
  z-index:1;
  background-image:url(../img/bar_sp.webp),url(../img/bar_sp.webp);
  background-repeat:no-repeat;
  background-position:50% 0,50% 100%;
  background-size:100% 1px;
  background-color:var(--PPL);
}
#yakeiWrap .yakeFirst .yakeTtl1{
  text-align:left;
}
.yakeFirst details{
  margin-bottom:.5em;
  text-align:right;
}
.yakeFirst details summary{
  display:inline-block;
  padding:.5em 0;
  margin-bottom:1em;
  border-bottom:1px solid rgba(var(--GLDrgb),.5);
  cursor:pointer;
  list-style:none;
}
@media (prefers-reduced-motion:no-preference) {
  details::details-content {
    transition-duration:.3s;
    transition-property:content-visibility, opacity;
    transition-behavior:allow-discrete;
  }
}
details:not([open])::details-content {
  opacity:0;
}
.detailCont{
  text-align:left;
}
.yakeFir-name{
  margin-bottom:4px;
  font-family:var(--mincho);
  text-align:right;
  font-weight:800;
  font-size:.9em;
}
.yakeFir-name span{
  font-size:1.2em;
}
.yakeFir-prof{
  text-align:right;
  font-size:.9em;
}
/*______________________プロフ*/
.yakSelect{
  background-image:url(../img/bar_sp.webp),linear-gradient(0deg, #1F2256, #000);
  background-repeat:no-repeat,repeat;
  background-position:50% 100%,0 0;
  background-size:100% 1px,cover;
}
.yakeSele-first{
  text-align:center;
  margin-bottom:var(--spaceL);
}
#yakeiWrap .yakeSele-first h1{
  width:100%;
  margin-bottom:var(--spaceS);
  font-family:var(--mincho);
  font-feature-settings: "palt";  
}
.yakeSele-lead{
  padding:var(--spaceL) 0 0;
  background:url(../img/bar_sp.webp) no-repeat 50% 0/100% 1px;
}
.yakeSele-lead p{
  margin-bottom:16px;
}
#yakeiWrap .yakeSele-lead .yakeTtl1{
  text-align:left;
}
.yakeProf{
  background-color:var(--PPL);
}
.yakePro-profile{
  margin-bottom:var(--spaceL);
}
#yakeiWrap .yakePro-profile p{
  margin-bottom:16px;
  line-height:1.5em;
}
#yakeiWrap .yakePro-profile ul{
  margin-bottom:16px;
}
#yakeiWrap .yakePro-profile ul *{
  line-height:1.5em;
}
#yakeiWrap .yakePro-profile ul li{
  border-bottom:1px dotted rgba(var(--GLDrgb),.5);
  padding:.5em 0;
}
/*______________________マップ*/
.yakeMap{
  position:relative;
  z-index:1;
  overflow:hidden;
}
.yakeMap::after{
  content:"";
  display:block;
  position:absolute;
  top:-20px;bottom:-20px;left:-20px;right:-20px;
  background:url(../img/bg_map.webp) no-repeat 50% 50%/cover;
  z-index:1;
  /* filter:blur(5px); */
}
.yakeMap .content-wrap{
  position:relative;
  z-index:2;
}
.yakeMapBox{
  margin-top:1em;
}
.yakeMapBox iframe{
  width:100%;
  min-height:min(60vh,610px)
}
/*______________________スポット*/
.yakeSpot{
  position:relative;
  overflow:visible;
}
.bgYakeSpot{
  display:block;
  position:sticky;
  top:0;left:0;right:0;
  margin-top:-100vh;
  z-index:-1;
  width:100%;
  height:100vh;
  background:linear-gradient(0deg, #1F2256, #000);
}
.yakeTtlArea{
  position:sticky;
  top:3vw;z-index:99;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  padding:.8em 2em;
  margin:min(5vw,32px) auto;
  background-image:url(../img/bar_sp.webp),url(../img/bar_sp.webp);
  background-repeat:no-repeat;
  background-position:50% 0,50% 100%;
  background-size:100% 1px;
  background-color:rgba(0,0,0,.6);
  text-align:center;
}
#yakeiWrap .yakeTtlArea h2{
  font-family:var(--mincho);
  font-weight:800;
  font-size:min(4.5vw,1.5em);
}
.yakeTtlArea::after,.yakeTtlArea::before{
  content:"";
  display:block;
  position:absolute;
  width:30px;
  height:30px;
  background:url(../img/ttl_icon.webp) no-repeat;
}
.yakeTtlArea::after{
  top:-15px;right:-15px;
}
.yakeTtlArea::before{
  bottom:-10px;left:-15px;
}
#yakeiWrap .yakeTtlArea .goTop{
  margin-top:min(1vw,10px);
  line-height:1;
}
.yakeTtlArea .goTop a{
  display:inline-block;
  padding:.1em 1em;
  background-color:var(--GLD);
  border-radius:100px;
  color:#000 !important;
  font-weight:bold;
  font-feature-settings:"palt";
  font-size:.75em;
  transition:var(--mainAnime);
}
.yakeTtlArea .goTop a:hover{
  transform:translateY(-3px);
}
.spotBox{
  position:relative;
  margin-bottom:min(6vw,40px);
  padding-bottom:min(6vw,40px);
  background:url(../img/bar_sp.webp) no-repeat 50% 100%/100% 1px;
}
#yakeiWrap .spotBox h3{
  margin-bottom:min(2vw,16px);
  font-size:min(5.5vw,1.6em);
  font-family:var(--mincho);
  line-height:1.3;
  font-feature-settings:"palt";
}
.spotBox h3 a::after{margin-left:8px}
.spotB-img.slick-dotted.slick-slider{
  /* margin-bottom:min(5vw, 32px); */
  margin-bottom:min(6vw, 40px);
}
.spotB-img .slick-dots li{
  margin:0 2px;
}
.spotB-img .slick-dots{
  /* bottom:min(1vw,24px) */
  bottom:-24px;
}
.spotB-img .slick-dots li button{
  width:10px;
  height:10px;
  padding:0;
  margin:5px;
  background-color:#FFF;
  border-radius:100px;
  opacity:.25;
}
.spotB-img .slick-dots li.slick-active button{
  opacity:.75;
}
.spotB-img .slick-dots li button:before{
  display:none;
}
.spotB-txt a,.spotB-data a,.spotB-txt a,.yakePro-profile a{
  text-decoration:underline;
  color:#B477FF;
}
.spotBox table{
  border-top:1px dotted rgba(var(--GLDrgb),.6);
  border-left:none;
  border-spacing:1px 0;
  border-collapse:inherit
}
.spotBox table th,.spotBox table td{
  background:none;
  border:none;
  border-bottom:1px dotted rgba(var(--GLDrgb),.6);
}
.spotBox table th{
  width:5.5em;
  vertical-align:top;
  text-align:left;
}
.spotB-txt p{
  margin-bottom:16px;
}
.spotB-etc{
  margin-top:min(4vw,40px);
  padding:/*12px 16px;*/min(3vw,40px) min(4vw,40px);
  background-color:rgba(var(--GLDrgb),.2);
}
.spotB-etc p,.spotB-etc table{
  margin-bottom:min(2vw,16px);
}
#yakeiWrap .spotB-etc h4{
  margin-bottom:min(2vw,16px);
}
.yakeSpecial{
  background-color:var(--PPL);
}
.specBox{
  margin-bottom:var(--spaceM);
  padding:min(3vw,40px) min(4vw,40px);
  background-color:rgba(var(--GLDrgb),.2);
}
#yakeiWrap .specB-txt h2{
  font-size:min(4.9vw,1.3em)
}
.specB-txt p,.specB-txt .btnEtc{
  margin-bottom: 16px;
}

/*______________ボタン系*/
.btnYake a,.btnSpotMore a,.btnEtc a{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  margin:0 auto;
  font-family:var(--mincho);
  font-weight:800;
}
.btnYake{
  width:100%;
  clear:both;
}

.btnYake a {
  max-width:14em;
  padding:.9em 2em;
  border:1px solid rgba(180,119,255,1);
  color:#B477FF;
}
.btnSpotMore a{
  max-width:18em;
  padding:.5em;
  margin-bottom:min(8vw,64px);
  border:1px solid rgba(180,119,255,1);
  color:#B477FF;
}
.btnEtc a {
  max-width:14em;
  padding:.9em 2em;
  border:1px solid var(--GLD);
  color:var(--GLD);
}
#yakeiWrap .btnYake a:hover,#yakeiWrap .btnSpotMore a:hover{
  color:#ae98ff;
  text-shadow:0 0 10px #ae98ff, 0 0 20px #ae98ff, 0 0 30px #ae98ff;
  animation:aniBtnPPL 1s;
}
.btnEtc a:hover{
  animation:aniBtnGLD 1s;
}
.yakeSele-lead .yakeFir-name span{
  font-size:1.5em;
}
@keyframes aniBtnPPL {
  0% {box-shadow:0 0 0 0 rgba(180,119,255,.5);}
  100% {box-shadow:0 0 0 1.2em rgb(0 0 0 / 0%);}
}
@keyframes aniBtnGLD {
  0% {box-shadow:0 0 0 0 rgba(252,234,117,.5);}
  100% {box-shadow:0 0 0 1.2em rgb(0 0 0 / 0%);}
}
/*SP only*/
@media screen and (max-width:599px){
  .forPC,.forTB,.hiddenSP{
    display:none
  }
  .yakeH-lead{
    padding:min(10vw,56px) var(--spaceM) min(48vw,440px);
    background:url(../img/bg_head_sp.webp) no-repeat 50% 100%/100% auto 
  }
  .yakeH-index {
    margin:-12vw auto 0;
  }
  .specB-img{
    margin-bottom:var(--spaceS);
  }
  .yakePro-img{
    display:flex;
    flex-wrap:wrap;
    align-items:flex-end;
    margin-bottom:var(--spaceS);
  }
  #yakeiWrap .yakePro-img .yakeTtl2{
    margin:0 auto 0 16px;
  }
  .yakePro-img img{
    max-width:40%;
  }
}
/*TB only*/
@media screen and (min-width:600px)and (max-width:1024px){
  .forPC,.forSP,.hiddenTB{
    display:none
  }
}
/*TB over*/
@media screen and (min-width:600px){
  #yakeiWrap .content-wrap{
    width:88vw;
    padding-left:0;
    padding-right:0;
  }
  .yakeHead{
    background:url(../img/bg_head_pc.webp) no-repeat 50% 100%/cover var(--NVY);
    padding-bottom:26vw
  }
  .yakeH-lead{
    padding:min(10vw,56px) var(--spaceM) min(8vw,56px);
    background:linear-gradient(180deg, var(--NVY) 50%, rgba(6,25,65,0))
  }
  .yakeH-index{
    max-width:calc(80px + 38em)
  }
  .yakeH-index .inner{
    padding:24px 40px;
  }
  .yakeH-index ul{
    display:flex;
    flex-wrap:wrap;
  }
  .yakeH-index .inner > ul li{
    width:19em;
  }
  .yakeH-index .inner > ul > li:nth-child(3n){
    width:100%;
  } 

  .yakeFirst{
  }
  .yakeMap{
    text-align:center;
  }
  #yakeiWrap .yakeTtlArea{
    top:157px;
    padding:1.5em 5em;
    background-image:url(../img/bar_pc.webp),url(../img/bar_pc.webp);
  }
  #yakeiWrap .yakeTtlArea .goTop {
    position:absolute;right:0;
    margin:0;
  }
  .spotBox{
    background-image:url(../img/bar_pc.webp);
  }
  .spotBox table th{
    width:9em;
  }
  .spotB-data td dl{
    display:flex;
    flex-wrap:wrap;
  }
  .spotB-data td dt{
    width:12em;
  }
 .spotB-data td dd{
  width:calc(100% - 12em);
 }
  .btnSpotMore a{
    max-width:24em;
  }
  .specBox{
    display:flex;
    flex-wrap:wrap;
  }
  .specB-img{
    width:60%;
  }
  .specB-txt{
    width:40%;
    padding-left:var(--spaceS);
  }
  .yakePro-profile{
    display:flex;
  }
  .yakePro-txt{
    width:calc(100% - 240px);
    padding-left:var(--spaceM);
  }
}
/*PC over*/
@media screen and (min-width:1025px){
  .forTB,.forSP,.hiddenPC{
    display:none
  }
  .yakeH-index {
    padding:0;
  }
  .yakeFirst .content-wrap{
    max-width:56em;
  }
  #yakeiWrap .yakeTtlArea{
    top:107px;
  }
  .spotBox::after,.spotB-etc::after {
    content:"";
    display:block;
    clear:both;
  } 
  .spotB-img,.spotBE-img{
    width:72%;
    float:left;
  }
  .spotBE-img.slick-dotted.slick-slider{
    margin-bottom:0;
  }
  .spotB-txt,.spotB-etc h4,.spotBE-txt{
    float:right;
    width:28%;
    padding-left:32px;

  }
}
/* @media screen and (min-width:1300px){
  .yakeFirst .content-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    min-width:40em;
  }
  .yakeFir-ttlBox{
    width:28em;
  }
  .yakeFir-contBox{
    width:calc(100% - 28em);
  }
} */