@charset "UTF-8";
:root {
  --inner:700px;
  --wrap:990px;
  --box:1080px;
  --container:1280px;
  --maxWidth:1440px;
  --spHeaderHeight:50px;
  --pcHeaderHeight:80px;
  --baseColor:#ffffff;
  --mainColor:#450369;
  --subColor:#EAE8FA;
  --accentColor:#FF55DD;
  --whiteColor:#ffffff;
  --blackColor:#262626;
  --grayColor:#707070;
  --darkGrayColor:#383546;
  --beigeColor:#eadfcd;
  --beigeLightColor:#F7F6F3;
  --textColor:var(--blackColor);
  --textHoverColor:var(--mainColor);
  --blogPurple:#BE9AD1;
  --blogOrange:#D29826;
  --blogYellow:#BEC23F;
  --blogBlue:#9BC4C4;
  --blogRed:#CB4042;
  --blogPurpleBg:#F9F5FC;
  --blogOrangeBg:#FBF5E9;
  --blogYellowBg:#F9F9EB;
  --blogBlueBg:#F7F9F9;
  --blogRedBg:#FCF6F5;
  --animationSpeed:0.4s;
  --ioAnimationSpeed:1s;
  --spMargin:100px;
  --pcMargin:130px;
  --fontSerif:"Shippori Mincho","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
  --fontGothic:"Noto Sans JP","游ゴシック体",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
  --fontFamily:var(--fontGothic);
  --fontTitle:var(--fontSerif);
  --fontEn:"Lusitana", serif;
}

/* ==========================================================================

	map

========================================================================== */
/*--------------------------------
	page_nav
--------------------------------*/
@media print, screen and (max-width: 812px) {
  .page_nav ul > *:nth-child(1) {
    width: 38%;
  }
  .page_nav ul > *:nth-child(2) {
    width: 58%;
  }
}
/*--------------------------------
	keidai-map
--------------------------------*/
#keidai-map .map_cnt {
  position: relative;
}
#keidai-map .map_cnt ul {
  margin-bottom: 0;
}
#keidai-map .map_cnt ol {
  width: 100%;
  height: 100%;
  font-family: var(--fontTitle);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
#keidai-map .map_cnt ol li {
  position: absolute;
  z-index: 2;
}
#keidai-map .map_cnt ol li a {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#keidai-map .map_cnt ol li a span {
  display: none;
  opacity: 1;
}
#keidai-map .map_cnt ol li a:after {
  position: absolute;
}
#keidai-map .map_cnt ol li:nth-child(17) a:after {
  content: counter(number);
}
#keidai-map .list_cnt.column {
  gap: 0 1em;
  align-items: end;
}
#keidai-map .list_cnt li {
  counter-increment: listNumber;
}
#keidai-map .list_cnt li, #keidai-map .list_cnt li a {
  height: 101%;
}
#keidai-map .list_cnt li a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  color: var(--blackColor);
  font-family: var(--fontTitle);
  font-size: 1.6rem;
  font-weight: 500;
  padding: 1em 0.5em;
  border-bottom: solid 1px var(--blackColor);
}
#keidai-map .list_cnt li a:before {
  content: counter(listNumber);
}
#keidai-map .list_cnt li a span {
  display: block;
  width: 100%;
}
#keidai-map .list_cnt li a[data-arrow*=doglegged] {
  --arrowDogleggedWidth:0.8em;
}
#keidai-map .list_cnt li a[href*="#bridal"] {
  line-height: 1.2;
}
@media print, screen and (max-width: 812px) {
  #keidai-map {
    margin-top: calc(var(--spMargin) / 2);
  }
  #keidai-map .map_cnt ul li:nth-child(n+2) {
    display: none;
  }
  #keidai-map .map_cnt ol li:nth-child(1) {
    top: 10%;
    left: 28%;
  }
  #keidai-map .map_cnt ol li:nth-child(2) {
    top: 39%;
    left: 28%;
  }
  #keidai-map .map_cnt ol li:nth-child(3) {
    bottom: 2%;
    left: 16%;
  }
  #keidai-map .map_cnt ol li:nth-child(4) {
    top: 5%;
    left: 93%;
  }
  #keidai-map .map_cnt ol li:nth-child(5) {
    top: 35%;
    left: 64%;
  }
  #keidai-map .map_cnt ol li:nth-child(6) {
    top: 1%;
    left: 35%;
  }
  #keidai-map .map_cnt ol li:nth-child(7) {
    top: 1%;
    left: 4%;
  }
  #keidai-map .map_cnt ol li:nth-child(8) {
    top: 8%;
    left: 65%;
  }
  #keidai-map .map_cnt ol li:nth-child(9) {
    top: 50%;
    left: 45%;
  }
  #keidai-map .map_cnt ol li:nth-child(10) {
    top: 23%;
    left: 50%;
  }
  #keidai-map .map_cnt ol li:nth-child(11) {
    top: 75%;
    left: 42%;
  }
  #keidai-map .map_cnt ol li:nth-child(12) {
    top: 45%;
    left: -2%;
  }
  #keidai-map .map_cnt ol li:nth-child(13) {
    top: 92%;
    left: 44%;
  }
  #keidai-map .map_cnt ol li:nth-child(14) {
    top: 73%;
    left: 68%;
  }
  #keidai-map .map_cnt ol li:nth-child(15) {
    top: 28%;
    left: 3%;
  }
  #keidai-map .map_cnt ol li:nth-child(16) {
    top: 63%;
    left: 12.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(17) {
    top: 73%;
    left: 78%;
  }
  #keidai-map .map_cnt ol li:nth-child(17) a:after {
    top: 270%;
    left: -130%;
  }
  #keidai-map .map_cnt ol li:nth-child(18) {
    top: 49%;
    left: 72%;
  }
  #keidai-map .list_cnt li a {
    font-size: 1.5rem;
    padding: 1em 0;
  }
}
@media print, screen and (min-width: 813px) {
  #keidai-map {
    grid-template-columns: 1.5fr 1fr;
  }
  #keidai-map.column {
    gap: 4%;
  }
  #keidai-map .map_cnt ul {
    position: relative;
  }
  #keidai-map .map_cnt ul li {
    transition: opacity var(--animationSpeed);
    will-change: opacity;
  }
  #keidai-map .map_cnt ul li:nth-child(n+2) {
    opacity: 0;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }
  #keidai-map .map_cnt ul li.is-active {
    opacity: 1;
  }
  #keidai-map .map_cnt ol li a:before, #keidai-map .map_cnt ol li a:after {
    transition: color var(--animationSpeed), background-color var(--animationSpeed);
  }
  #keidai-map .map_cnt ol li > *:hover:before, #keidai-map .map_cnt ol li > *:hover:after, #keidai-map .map_cnt ol li.is-hover > *:before, #keidai-map .map_cnt ol li.is-hover > *:after {
    color: var(--whiteColor);
    background-color: var(--mainColor);
  }
  #keidai-map .map_cnt ol li:nth-child(1) {
    top: 8%;
    left: 27.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(2) {
    top: 38%;
    left: 27.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(3) {
    bottom: 5%;
    left: 27.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(4) {
    top: 5%;
    left: 79%;
  }
  #keidai-map .map_cnt ol li:nth-child(5) {
    top: 37%;
    left: 90%;
  }
  #keidai-map .map_cnt ol li:nth-child(6) {
    top: -4.5%;
    left: 44.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(7) {
    top: -4.5%;
    left: 10.8%;
  }
  #keidai-map .map_cnt ol li:nth-child(8) {
    top: -5%;
    left: 63.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(9) {
    top: 51%;
    left: 41%;
  }
  #keidai-map .map_cnt ol li:nth-child(10) {
    top: 27%;
    left: 49%;
  }
  #keidai-map .map_cnt ol li:nth-child(11) {
    top: 71.5%;
    left: 53%;
  }
  #keidai-map .map_cnt ol li:nth-child(12) {
    top: 48%;
    left: 0%;
  }
  #keidai-map .map_cnt ol li:nth-child(13) {
    top: 91%;
    left: 52%;
  }
  #keidai-map .map_cnt ol li:nth-child(14) {
    top: 71%;
    left: 75%;
  }
  #keidai-map .map_cnt ol li:nth-child(15) {
    top: 27.5%;
    left: 3.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(16) {
    top: 65%;
    left: 8.5%;
  }
  #keidai-map .map_cnt ol li:nth-child(17) {
    top: 76%;
    left: 75%;
  }
  #keidai-map .map_cnt ol li:nth-child(17) a:after {
    top: 280%;
    left: -60%;
  }
  #keidai-map .map_cnt ol li:nth-child(18) {
    top: 52%;
    left: 79%;
  }
  #keidai-map .map_cnt ol li:nth-child(14), #keidai-map .map_cnt ol li:nth-child(17) {
    transition: opacity var(--animationSpeed);
  }
  #keidai-map .map_cnt ol li:nth-child(14).is-hover ~ li:nth-child(17) > *:before, #keidai-map .map_cnt ol li:nth-child(14):has(~ li:nth-child(17).is-hover) > *:before {
    background-color: #ac8ebc;
  }
  #keidai-map .list_cnt li > *:hover, #keidai-map .list_cnt li.is-hover > * {
    color: var(--whiteColor);
    background-color: var(--mainColor);
  }
  #keidai-map .list_cnt li > *:hover span:after, #keidai-map .list_cnt li.is-hover > * span:after {
    background-color: var(--whiteColor);
  }
}

/*--------------------------------
	keidai-detail
--------------------------------*/
#keidai-detail section:last-child {
  margin-bottom: 0;
}
#keidai-detail section .tt_main {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
#keidai-detail section .tt_main:before {
  color: var(--whiteColor);
  font-size: 1.6rem;
  background-color: var(--mainColor);
}
@media print, screen and (max-width: 812px) {
  #keidai-detail section {
    margin-bottom: calc(var(--spMargin) / 1.3);
  }
}
@media print, screen and (min-width: 813px) {
  #keidai-detail section.column {
    gap: 4%;
  }
}

/*--------------------------------
	location-rental
--------------------------------*/
#location-rental .link_btn {
  margin-top: 2.4em;
}

/*# sourceMappingURL=style.css.map */
