@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
/* ================================================================ *
//* MIXIN
* ================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
body {
  color: #fff;
  position: relative;
  font-size: 18px;
  line-height: 1.6;
  background-attachment: fixed;
  font-family: "Noto Sans JP", hiragino-kaku-gothic-pron, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ヒラギノ角ゴ", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-feature-settings: "palt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: all 0.3s ease-out;
  caret-color: transparent;
}
body.popup {
  overflow: hidden;
}

a:link, a:visited {
  color: #1bb2db;
  text-decoration: none;
  transition: all 0.15s ease-out;
}

a:active, a:hover {
  color: #ec9800;
  text-decoration: none;
}

a:focus, *:focus {
  outline: none;
}

img {
  border: none;
  outline: none;
  max-width: 100%;
}

svg {
  fill: #9d8a5b;
}

button {
  margin: 0;
  padding: 0;
  border: none;
}

.sp {
  display: none;
}

@media (max-width: 800px) {
  body {
    font-size: 14px;
    line-height: 1.6;
    font-weight: normal;
  }
  .sp {
    display: inline-block;
  }
  .pc {
    display: none !important;
  }
}
ul {
  list-style: none;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.p10 {
  padding: 10px !important;
}

.p20 {
  padding: 20px !important;
}

.p30 {
  padding: 30px !important;
}

.p40 {
  padding: 40px !important;
}

@media (max-width: 800px) {
  .mb10 {
    margin-bottom: 5px !important;
  }
  .mb20 {
    margin-bottom: 10px !important;
  }
  .mb30 {
    margin-bottom: 15px !important;
  }
  .mb40 {
    margin-bottom: 20px !important;
  }
  .mb50 {
    margin-bottom: 25px !important;
  }
  .mt10 {
    margin-top: 5px !important;
  }
  .mt20 {
    margin-top: 10px !important;
  }
  .mt30 {
    margin-top: 15px !important;
  }
  .mt40 {
    margin-top: 20px !important;
  }
  .mt50 {
    margin-top: 25px !important;
  }
  .p10 {
    padding: 5px !important;
  }
  .p20 {
    padding: 10px !important;
  }
  .p30 {
    padding: 15px !important;
  }
  .p40 {
    padding: 20px !important;
  }
}
.center {
  text-align: center;
}

.red {
  color: #ff1717;
}

.gray {
  color: #bbb;
}

.stxt {
  font-size: 90%;
}

span.daybreak {
  color: #e84188;
}

span.daylight {
  color: #0081a4;
}

.frame_box {
  border: 2px solid transparent;
  -o-border-image: url(../img/boxframe.png) 20 fill/20px/0px;
     border-image: url(../img/boxframe.png) 20 fill/20px/0px;
  padding: 50px;
}
@media (max-width: 800px) {
  .frame_box {
    -o-border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
       border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
    padding: 25px 20px;
  }
}

.flex_wrap {
  display: flex;
  gap: 30px;
}
.flex_wrap .fx1 {
  flex: 1;
}
.flex_wrap .pp_img_btn, .flex_wrap .img_wrap {
  width: min(40%, 400px);
}
@media (max-width: 800px) {
  .flex_wrap {
    flex-direction: column;
    gap: 20px;
  }
  .flex_wrap .pp_img_btn, .flex_wrap .img_wrap {
    width: min(80%, 500px);
    margin: 0 auto;
  }
}

.hr_box, .hr_box--p30 {
  position: relative;
  border-top: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  padding: 20px 0;
}
.hr_box--p30 {
  padding: 30px 0px;
}
@media (max-width: 800px) {
  .hr_box, .hr_box--p30 {
    padding: 10px 0;
  }
  .hr_box--p30 {
    padding: 15px 0;
  }
}

.btn, .btn--l, .btn--s {
  position: relative;
  display: block;
  z-index: 1;
  cursor: pointer;
  width: 85%;
  max-width: 400px;
  margin: 0 auto;
  padding: 1px;
  text-align: left;
}
.btn:before, .btn--l:before, .btn--s:before {
  content: "";
  display: block;
  position: absolute;
  inset: 2px;
  z-index: 1;
  background: #777;
  opacity: 0.5;
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.15s ease-out;
}
.btn:after, .btn--l:after, .btn--s:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  border: 1px solid #777;
}
.btn p, .btn--l p, .btn--s p, .btn a, .btn--l a, .btn--s a {
  position: relative;
  display: block;
  padding: 10px 15px;
  z-index: 2;
  color: #fff;
  line-height: 1.1;
  white-space: nowrap;
}
.btn p:after, .btn--l p:after, .btn--s p:after, .btn a:after, .btn--l a:after, .btn--s a:after {
  content: "→";
  display: block;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%) rotate(-45deg);
  font-size: 80%;
  line-height: 1;
}
.btn .obj_l, .btn--l .obj_l, .btn--s .obj_l, .btn .obj_r, .btn--l .obj_r, .btn--s .obj_r {
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.btn .obj_l:before, .btn--l .obj_l:before, .btn--s .obj_l:before, .btn .obj_l:after, .btn--l .obj_l:after, .btn--s .obj_l:after, .btn .obj_r:before, .btn--l .obj_r:before, .btn--s .obj_r:before, .btn .obj_r:after, .btn--l .obj_r:after, .btn--s .obj_r:after {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  aspect-ratio: 1/1;
}
.btn .obj_l:before, .btn--l .obj_l:before, .btn--s .obj_l:before {
  background: #e84188;
  top: -3px;
  left: -3px;
}
.btn .obj_l:after, .btn--l .obj_l:after, .btn--s .obj_l:after {
  background: #e84188;
  bottom: -3px;
  left: -3px;
}
.btn .obj_r:before, .btn--l .obj_r:before, .btn--s .obj_r:before {
  background: #0081a4;
  top: -3px;
  right: -3px;
}
.btn .obj_r:after, .btn--l .obj_r:after, .btn--s .obj_r:after {
  background: #0081a4;
  bottom: -3px;
  right: -3px;
}
.btn.en, .en.btn--l, .en.btn--s {
  display: inline-block;
  letter-spacing: 1px;
  text-indent: 1px;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-weight: 400;
  font-size: 120%;
}
@media (min-width: 800px) {
  .btn:not(.disable):hover:before, .btn--l:not(.disable):hover:before, .btn--s:not(.disable):hover:before {
    transform-origin: 0 0;
    transform: scaleX(1);
  }
  .btn:not(.disable):hover p, .btn--l:not(.disable):hover p, .btn--s:not(.disable):hover p, .btn:not(.disable):hover a, .btn--l:not(.disable):hover a, .btn--s:not(.disable):hover a {
    color: #fff;
  }
}
.btn.disable, .disable.btn--l, .disable.btn--s {
  opacity: 0.5;
  cursor: auto;
  filter: grayscale(1);
}
.btn.disable p:after, .disable.btn--l p:after, .disable.btn--s p:after, .btn.disable a:after, .disable.btn--l a:after, .disable.btn--s a:after {
  display: none;
}
@media (max-width: 800px) {
  .btn p, .btn--l p, .btn--s p, .btn a, .btn--l a, .btn--s a {
    font-size: 85%;
    line-height: 1.3;
    padding: 5px 10px 5px 10px;
  }
  .btn p:after, .btn--l p:after, .btn--s p:after, .btn a:after, .btn--l a:after, .btn--s a:after {
    right: 5px;
  }
  .btn .obj_l:before, .btn--l .obj_l:before, .btn--s .obj_l:before, .btn .obj_l:after, .btn--l .obj_l:after, .btn--s .obj_l:after, .btn .obj_r:before, .btn--l .obj_r:before, .btn--s .obj_r:before, .btn .obj_r:after, .btn--l .obj_r:after, .btn--s .obj_r:after {
    width: 3px;
  }
  .btn .obj_l:before, .btn--l .obj_l:before, .btn--s .obj_l:before {
    background: #e84188;
    top: -1px;
    left: -1px;
  }
  .btn .obj_l:after, .btn--l .obj_l:after, .btn--s .obj_l:after {
    background: #e84188;
    bottom: -1px;
    left: -1px;
  }
  .btn .obj_r:before, .btn--l .obj_r:before, .btn--s .obj_r:before {
    background: #0081a4;
    top: -1px;
    right: -1px;
  }
  .btn .obj_r:after, .btn--l .obj_r:after, .btn--s .obj_r:after {
    background: #0081a4;
    bottom: -1px;
    right: -1px;
  }
}
.btn--s {
  text-align: left;
  width: 100%;
  max-width: 350px;
}
.btn--s p {
  font-size: 85%;
  line-height: 1;
  padding: 8px 30px 9px 15px;
}
.btn--s p:after {
  right: 10px;
}
@media (max-width: 800px) {
  .btn--s p, .btn--s a {
    font-size: 85%;
    line-height: 1.3;
    padding: 5px 10px 5px 10px;
  }
  .btn--s p:after, .btn--s a:after {
    right: 5px;
  }
}
.btn--l {
  max-width: 500px;
}
.btn--l:before {
  inset: 4px;
}
.btn--l:after {
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
.btn--l > p, .btn--l > a {
  font-size: 110%;
  line-height: 1;
  padding: 25px 30px;
  color: #fff;
  font-weight: 600;
}
.btn--l > p:before, .btn--l > a:before {
  content: "";
  display: block;
  position: absolute;
  inset: 3px;
  z-index: -1;
  border: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  background: rgba(119, 119, 119, 0.1);
}
.btn--l > p:after, .btn--l > a:after {
  width: 15px;
  right: 20px;
}
@media (max-width: 800px) {
  .btn--l > p, .btn--l > a {
    padding: 18px 23px;
  }
}

.btn_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 15px;
}
@media (min-width: 800px) {
  .btn_wrap {
    padding: 0 30px;
  }
  .btn_wrap .btn, .btn_wrap .btn--l, .btn_wrap .btn--s {
    max-width: 45%;
  }
  .btn_wrap .btn--l {
    max-width: 42%;
  }
}

.minibtn, .minibtn--en {
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding: 3px 20px 1px;
  display: inline-block;
  border: 1px solid #171515;
  line-height: 1.2;
  cursor: pointer;
  vertical-align: bottom;
  white-space: nowrap;
  color: #171515;
  font-size: 13px;
}
.minibtn:before, .minibtn--en:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #171515;
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.15s ease-out;
}
.minibtn:after, .minibtn--en:after {
  content: "→";
  display: block;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  font-size: 10px;
  line-height: 1;
}
.minibtn:hover, .minibtn--en:hover {
  color: #fff;
}
.minibtn:hover:before, .minibtn--en:hover:before {
  transform-origin: 0 0;
  transform: scale(1);
}
.minibtn:hover:after, .minibtn--en:hover:after {
  filter: brightness(0) invert(1);
}
@media (max-width: 800px) {
  .minibtn, .minibtn--en {
    font-size: 11px;
    padding: 3px 18px 2px 8px;
    background-size: 7px auto;
    background-position: calc(100% - 5px) 50%;
  }
}
.minibtn--en {
  padding: 3px 25px;
}
.minibtn--en p {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 14px;
  letter-spacing: 0.5px;
}
@media (max-width: 800px) {
  .minibtn--en {
    padding: 2px 25px;
  }
  .minibtn--en p {
    font-size: 10px;
  }
}
.minibtn.white, .white.minibtn--en {
  background: #fff;
  color: #171515;
}

.pt_btn {
  display: flex;
  justify-content: flex-end;
}
.pt_btn p {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 1;
  font-size: 80%;
  line-height: 1;
  color: #666;
  padding: 2px 5px 1px;
  cursor: pointer;
}
.pt_btn p span {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  transform: scale(0.9) translateY(-1px);
}
.pt_btn p:before, .pt_btn p:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.pt_btn p:before {
  background: #9d8a5b;
}
.pt_btn p:after {
  background: #fff;
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.15s ease-out;
}
.pt_btn p:hover:after {
  transform-origin: 0 0;
  transform: scale(1);
}

.pp_img_btn:not([class^=btn]) {
  position: relative;
  z-index: 1;
  cursor: pointer;
}
.pp_img_btn:not([class^=btn]):after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: 45px;
  height: 45px;
  top: 5px;
  right: 5px;
  border-radius: 30px;
  background: url(../img/pp_icon.png) 55% 45% no-repeat rgba(23, 21, 21, 0.7);
  background-size: 60%, auto;
}
@media (max-width: 800px) {
  .pp_img_btn:not([class^=btn]):after {
    width: 36px;
    height: 36px;
  }
}

.link_txt {
  color: #1bb2db;
  text-decoration: underline;
  cursor: pointer;
}

table.table_spec, table.table_spec--s {
  position: relative;
  border-top: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  width: 100%;
  padding-top: 2px;
  border: none;
}
table.table_spec:before, table.table_spec--s:before, table.table_spec:after, table.table_spec--s:after {
  top: -5px;
}
table.table_spec tr, table.table_spec--s tr {
  border-bottom: 1px dotted #777;
}
table.table_spec tr:nth-of-type(1), table.table_spec--s tr:nth-of-type(1) {
  border-top: 1px solid #777;
}
table.table_spec tr th, table.table_spec--s tr th {
  position: relative;
  width: 220px;
  text-align: left;
  padding: 20px 5em 20px 2em;
}
table.table_spec tr th:after, table.table_spec--s tr th:after {
  content: "・・・";
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
table.table_spec tr td, table.table_spec--s tr td {
  padding: 20px 30px;
  text-align: left;
}
table.table_spec--s {
  font-size: 90%;
}
table.table_spec--s:before, table.table_spec--s:after {
  display: none;
}
table.table_spec--s tr:nth-of-type(1) {
  border-top: 1px dotted #777;
}
table.table_spec--s tr th {
  padding: 10px 5px 10px 15px;
  width: 130px;
}
table.table_spec--s tr td {
  padding: 10px 10px 10px 25px;
}
@media (max-width: 800px) {
  table.table_spec, table.table_spec--s {
    font-size: 90%;
  }
  table.table_spec tr th, table.table_spec--s tr th {
    padding: 10px 2.5em 10px 10px;
    width: 30%;
    white-space: nowrap;
  }
  table.table_spec tr td, table.table_spec--s tr td {
    padding: 10px 10px;
    text-align: left;
  }
}

.table_block, .table_block--noth {
  position: relative;
  width: 100%;
  font-size: 90%;
  line-height: 1.3;
  border: none;
}
.table_block:before, .table_block--noth:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
.table_block tr, .table_block--noth tr {
  position: relative;
  border-bottom: 1px dotted #777;
}
.table_block tr:nth-of-type(odd), .table_block--noth tr:nth-of-type(odd) {
  background: rgba(119, 119, 119, 0.1);
}
.table_block tr:nth-of-type(1), .table_block--noth tr:nth-of-type(1) {
  background: rgba(119, 119, 119, 0.6);
}
.table_block tr:nth-last-of-type(1), .table_block--noth tr:nth-last-of-type(1) {
  border-bottom: none;
}
.table_block tr th, .table_block--noth tr th, .table_block tr td, .table_block--noth tr td {
  border-right: 1px solid #777;
  padding: 10px 10px;
  width: 15%;
  min-width: 50px;
  height: 65px;
  text-align: center;
}
.table_block tr th:nth-of-type(1), .table_block--noth tr th:nth-of-type(1), .table_block tr td:nth-of-type(1), .table_block--noth tr td:nth-of-type(1) {
  width: auto;
}
.table_block tr th:nth-last-child(1), .table_block--noth tr th:nth-last-child(1), .table_block tr td:nth-last-child(1), .table_block--noth tr td:nth-last-child(1) {
  border: none;
}
.table_block tr td, .table_block--noth tr td {
  padding: 0 5px;
}
.table_block tr .btn--s, .table_block--noth tr .btn--s {
  width: 90%;
  text-align: center;
}
.table_block--noth tr:nth-of-type(1) {
  background: rgba(157, 138, 91, 0.2);
}
@media (max-width: 800px) {
  .table_block tr td, .table_block--noth tr td {
    min-width: 110px;
  }
}

ul.ul_list, ul.ul_list--p30, ul.ul_list--p20 {
  position: relative;
  border-top: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
ul.ul_list > li, ul.ul_list--p30 > li, ul.ul_list--p20 > li {
  border-bottom: 1px dotted #777;
  padding: 10px 0px;
}
ul.ul_list > li:nth-last-of-type(1), ul.ul_list--p30 > li:nth-last-of-type(1), ul.ul_list--p20 > li:nth-last-of-type(1) {
  border-bottom: none;
}
ul.ul_list--p20 > li {
  padding: 20px 0;
}
ul.ul_list--p30 > li {
  padding: 30px 0px;
}
ul.ul_list.line > li:nth-last-of-type(1), ul.line.ul_list--p20 > li:nth-last-of-type(1), ul.line.ul_list--p30 > li:nth-last-of-type(1) {
  border-bottom: 1px dotted #777;
}
@media (max-width: 800px) {
  ul.ul_list > li, ul.ul_list--p20 > li, ul.ul_list--p30 > li {
    padding: 10px 0px;
  }
  ul.ul_list--p20 > li {
    padding: 15px 0px;
  }
  ul.ul_list--p30 > li {
    padding: 20px 0px;
  }
}

ul.ul_spec, ul.ul_spec--s, ul.ul_spec--hr {
  line-height: 1.3;
  font-feature-settings: "palt" 0;
}
ul.ul_spec > li, ul.ul_spec--s > li, ul.ul_spec--hr > li {
  padding-left: 1em;
  text-indent: -1em;
  margin: 8px 0;
}
ul.ul_spec--hr {
  position: relative;
  border-top: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  padding: 20px 0px;
}
ul.ul_spec--s {
  font-size: 90%;
}
ul.ul_spec--s li {
  margin: 6px 0;
}
@media (max-width: 800px) {
  ul.ul_spec--hr {
    padding: 10px 0;
  }
}

ul.ul_newslist li {
  font-size: 95%;
  padding: 10px 0;
  border-bottom: 1px solid #777;
  display: flex;
  align-items: center;
  min-height: 100px;
}
ul.ul_newslist li:nth-of-type(1) {
  border-top: 1px solid #777;
}
ul.ul_newslist li a, ul.ul_newslist li .notlink {
  position: relative;
  display: block;
  color: #171515;
  padding: 15px 0;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
ul.ul_newslist li a .txt, ul.ul_newslist li .notlink .txt {
  position: relative;
  padding: 0 20px 0 10px;
  line-height: 1.3;
  flex: 1;
  min-height: 45px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
}
ul.ul_newslist li a .txt .daywrap, ul.ul_newslist li .notlink .txt .daywrap {
  display: flex;
  align-items: center;
  margin-bottom: 3px;
  gap: 10px;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  letter-spacing: 1px;
  line-height: 1;
}
ul.ul_newslist li a .txt .day, ul.ul_newslist li .notlink .txt .day {
  position: relative;
  opacity: 0.8;
  font-weight: 900;
}
ul.ul_newslist li a .txt .day .w, ul.ul_newslist li .notlink .txt .day .w {
  font-size: 85%;
}
ul.ul_newslist li a .txt .page, ul.ul_newslist li .notlink .txt .page {
  position: relative;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0px 30px;
  z-index: 1;
  white-space: nowrap;
  background: #171515;
}
ul.ul_newslist li a .txt .page span, ul.ul_newslist li .notlink .txt .page span {
  display: block;
  font-size: 90%;
  color: #fff;
}
ul.ul_newslist li a {
  background-size: 20px auto;
}
ul.ul_newslist li a:before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(102, 102, 102, 0.2);
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.3s ease-out;
}
ul.ul_newslist li a .icon {
  display: block;
  position: relative;
  width: 100px;
  top: 10%;
  border-left: 1px solid rgba(102, 102, 102, 0.8);
  transition: all 0.1s ease-out;
}
ul.ul_newslist li a .icon:before {
  content: "→";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  font-size: 15px;
  transition: all 0.1s ease-out;
}
ul.ul_newslist li a:hover:before {
  transform-origin: 0 0;
  transform: scaleX(1);
}
@media (max-width: 800px) {
  ul.ul_newslist li {
    padding: 8px 0;
    min-height: 0;
  }
  ul.ul_newslist li a, ul.ul_newslist li .notlink {
    padding: 5px 0;
  }
  ul.ul_newslist li a .txt, ul.ul_newslist li .notlink .txt {
    padding: 0 10px 0 0;
  }
  ul.ul_newslist li a .txt .page, ul.ul_newslist li .notlink .txt .page {
    padding: 2px 10px;
  }
  ul.ul_newslist li a .txt .page span, ul.ul_newslist li .notlink .txt .page span {
    font-size: 11px;
  }
  ul.ul_newslist li a .icon {
    width: 40px;
    border-color: rgba(102, 102, 102, 0.5);
  }
  ul.ul_newslist li a .icon:before {
    font-size: 10px;
  }
}

dl.drop_list > dt {
  border: 2px solid transparent;
  -o-border-image: url(../img/boxframe.png) 20 fill/20px/0px;
     border-image: url(../img/boxframe.png) 20 fill/20px/0px;
  padding: 50px;
}
@media (max-width: 800px) {
  dl.drop_list > dt {
    -o-border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
       border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
    padding: 25px 20px;
  }
}
dl.drop_list > dt {
  position: relative;
  z-index: 2;
  cursor: pointer;
  height: 70px;
  padding: 10px 0 10px 30px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 600;
  transition: all 0.3s ease-out;
}
dl.drop_list > dt:before {
  content: "";
  display: block;
  position: absolute;
  inset: 5px;
  z-index: 1;
  background: #777;
  opacity: 0.1;
  transition: all 0.3s ease-out;
  clip-path: polygon(0 0, calc(100% - 17px) 0, 100% 17px, 100% 100%, 17px 100%, 0 calc(100% - 17px));
}
dl.drop_list > dt > * {
  position: relative;
  z-index: 2;
}
dl.drop_list > dt .icontxt--l {
  flex: 1;
  padding-right: 10px;
}
dl.drop_list > dt .icon, dl.drop_list > dt .closed_btn {
  font-size: 80%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 100%;
  border-left: 1px solid #000;
  -o-border-image: linear-gradient(to bottom, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to bottom, #e84188 50%, #0081a4 50.1%) 1;
}
dl.drop_list > dt .icon p, dl.drop_list > dt .closed_btn p {
  transition: all 0.3s ease-out;
}
dl.drop_list > dt.on .icon p {
  rotate: -180deg;
}
dl.drop_list > dt:not(.on):hover:before {
  opacity: 0.3;
}
dl.drop_list > dt:not(:nth-of-type(1)) {
  margin-top: 20px;
}
dl.drop_list > dd {
  position: relative;
  z-index: 1;
  transform: translateY(-20px);
  height: 0px;
  overflow: hidden;
}
dl.drop_list > dd .dd_wrap {
  position: relative;
  padding: 60px 40px 50px;
  border: 1px solid #171515;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  border-top: none;
}
@media (max-width: 800px) {
  dl.drop_list > dt {
    height: 54px;
    padding: 5px 0 5px 10px;
    font-size: 85%;
    line-height: 1.3;
  }
  dl.drop_list > dt .icon, dl.drop_list > dt .closed_btn {
    width: 50px !important;
  }
  dl.drop_list > dt:before {
    inset: 3px;
    clip-path: polygon(0 0, calc(100% - 13px) 0, 100% 13px, 100% 100%, 13px 100%, 0 calc(100% - 13px));
  }
  dl.drop_list > dt:not(:nth-of-type(1)) {
    margin-top: 12px;
  }
  dl.drop_list > dd .dd_wrap {
    padding: 34px 15px 20px;
  }
}

dl.dl_notice > dt {
  position: relative;
  border-top: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  padding: 20px 0 20px 30px;
  font-weight: 600;
  font-size: 110%;
}
dl.dl_notice > dt:after {
  content: "";
  display: block;
  position: absolute;
  width: 24px;
  aspect-ratio: 1/1;
  top: 50%;
  left: 0px;
  transform: translateY(-50%);
  background: url(../img/obj_01_w.png) 50% 50% no-repeat;
  background-size: contain;
}
dl.dl_notice > dd {
  height: auto;
  overflow: auto;
  border-top: 1px dotted #666;
  padding: 20px 0px;
  margin-bottom: 60px;
}
dl.dl_notice > dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
dl.dl_notice > dd p:not(:nth-last-of-type(1)) {
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  dl.dl_notice > dt {
    padding: 10px 0 10px 20px;
  }
  dl.dl_notice > dt:after {
    width: 17px;
  }
  dl.dl_notice > dd {
    padding: 10px 0;
    margin-bottom: 40px;
  }
}

dl.dl_spec, dl.dl_spec--border {
  margin: 0;
  font-size: 95%;
}
dl.dl_spec > dt, dl.dl_spec--border > dt {
  font-size: 90%;
  font-weight: 600;
}
dl.dl_spec > dd, dl.dl_spec--border > dd {
  margin-bottom: 10px;
}
dl.dl_spec > dd:nth-last-of-type(1), dl.dl_spec--border > dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
dl.dl_spec--border {
  border-top: 1px dotted #777;
  border-bottom: 1px dotted #777;
  padding: 20px 0px;
}

p.p_attention, p.p_attention--border {
  font-size: 75%;
  opacity: 0.8;
}
p.p_attention--border {
  border: 1px dotted #777777;
  padding: 10px 18px 8px;
}
@media (max-width: 800px) {
  p.p_attention--border {
    padding: 8px 10px;
  }
}

ul.ul_attention, ul.ul_attention--border {
  font-size: 75%;
  opacity: 0.7;
}
ul.ul_attention li, ul.ul_attention--border li {
  line-height: 1.3;
  margin: 5px 0;
  padding-left: 1em;
  text-indent: -1em;
  font-feature-settings: "palt" 0;
}
ul.ul_attention--border {
  border: 1px dotted #777777;
  padding: 10px 18px 8px;
}
@media (max-width: 800px) {
  ul.ul_attention--border {
    padding: 8px 10px;
  }
}

dl.dl_attention {
  background: rgba(119, 119, 119, 0.05);
  padding: 10px 20px;
  font-size: 95%;
  line-height: 1.3;
}
dl.dl_attention > dt {
  border-bottom: 1px solid #777;
  padding: 20px;
  font-size: 110%;
}
dl.dl_attention > dd {
  padding: 20px;
}
@media (max-width: 800px) {
  dl.dl_attention {
    padding: 10px;
  }
  dl.dl_attention > dt {
    padding-bottom: 8px;
  }
  dl.dl_attention > dd {
    padding: 5px;
  }
}

.item_box {
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-out;
  outline: 5px solid transparent;
  cursor: pointer;
  border: 2px solid transparent;
  -o-border-image: url(../img/boxframe.png) 20 fill/20px/0px;
     border-image: url(../img/boxframe.png) 20 fill/20px/0px;
  padding: 50px;
}
@media (max-width: 800px) {
  .item_box {
    -o-border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
       border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
    padding: 25px 20px;
  }
}
.item_box {
  border-image-source: url(../img/boxframe_w.png);
  padding: 30px 30px;
}
.item_box .img {
  margin-bottom: 12px;
  border: 1px solid #171515;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
.item_box .way {
  display: flex;
  justify-content: space-between;
  gap: 0 5px;
  margin-bottom: 10px;
  font-size: 72%;
  line-height: 1;
  text-align: center;
}
.item_box .way li {
  flex: 1;
  padding: 4px 2px 5px;
  background: #171515;
  color: #fff;
  font-weight: 600;
}
.item_box .way li span {
  display: inline-block;
}
.item_box .name_sub {
  font-size: 65%;
  line-height: 1.3;
  font-weight: 600;
}
.item_box .name {
  font-size: 115%;
  line-height: 1.3;
  margin: 3px 0 5px;
  font-weight: 600;
}
.item_box .price {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 130%;
  margin-bottom: 20px;
  font-weight: 600;
}
.item_box .price span {
  font-size: 70%;
  font-family: "Noto Sans JP", hiragino-kaku-gothic-pron, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic", "ヒラギノ角ゴ", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
}
.item_box .btn--s {
  margin-top: auto;
}
.item_box .btn--s p {
  font-size: 75%;
  line-height: 1;
}
.item_box:hover {
  translate: 0 -10px;
}
.item_box:hover .btn--s p {
  color: #fff;
}
@media (max-width: 800px) {
  .item_box {
    padding: 12px;
  }
  .item_box .img {
    margin-bottom: 5px;
  }
  .item_box .way {
    gap: 0 2px;
    margin-bottom: 4px;
    font-size: 9px;
  }
  .item_box .way li {
    padding: 2px 2px 1px;
  }
  .item_box .name_sub {
    display: none;
  }
  .item_box .name {
    font-size: 100%;
    line-height: 1.2;
    margin: 0;
  }
  .item_box .price {
    font-size: 110%;
    margin-bottom: 3px;
  }
}

.item_wrap {
  display: flex;
  flex-wrap: wrap;
  transition: all 0.3s ease-out;
}
.item_wrap .item_box {
  display: none;
}
.item_wrap .item_box.on {
  display: flex;
}
@media (min-width: 800px) {
  .item_wrap {
    gap: 23px 2.25%;
  }
  .item_wrap .item_box {
    width: 31.8%;
  }
}
@media (max-width: 800px) {
  .item_wrap {
    gap: 10px 3%;
  }
  .item_wrap .item_box {
    width: 48.5%;
  }
}

.areanav {
  position: sticky;
  top: 90px;
  z-index: 10;
  margin-bottom: 60px;
}
.areanav ul {
  width: 100%;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.areanav ul li {
  width: 13.8%;
  position: relative;
  z-index: 1;
  border: 1px solid #9d8a5b;
  border-radius: 5px;
  overflow: hidden;
  background: rgba(157, 138, 91, 0.9);
  backdrop-filter: blur(8px);
  transition: all 0.15s ease-out;
}
.areanav ul li a {
  position: relative;
  padding: 7px 8px 0px;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  color: #fff;
  line-height: 1.3;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
}
.areanav ul li a:before {
  content: "＞＞";
  display: block;
  position: relative;
  letter-spacing: -7px;
  transform: scaleY(0.4) rotate(90deg) translateX(-10px);
  order: 2;
}
.areanav ul li a:after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgb(147.3141129032, 129.4862903226, 85.3858870968);
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.15s ease-out;
}
.areanav ul li:hover {
  transform: scale(1.07);
}
@media (max-width: 800px) {
  .areanav {
    margin-bottom: 30px;
    top: 55px;
    overflow-x: auto;
  }
  .areanav ul {
    flex-wrap: wrap;
    width: 600px;
    gap: 3px;
  }
  .areanav ul li {
    white-space: nowrap;
    font-size: 80%;
    line-height: 1.2;
    flex: auto;
  }
}

.area_box {
  margin-bottom: 60px;
  line-height: 1.1;
}
.area_box .table_block tr th, .area_box .table_block--noth tr th, .area_box .table_block tr td, .area_box .table_block--noth tr td {
  width: auto;
  height: auto;
  padding: 10px 5px;
}
.area_box .table_block tr th.ken, .area_box .table_block--noth tr th.ken {
  white-space: nowrap;
  min-width: 4.5em;
}
.area_box .table_block tr td.kaizyou, .area_box .table_block--noth tr td.kaizyou {
  width: 45%;
}
@media (max-width: 800px) {
  .area_box .table_block tr th, .area_box .table_block--noth tr th, .area_box .table_block tr td, .area_box .table_block--noth tr td {
    width: auto;
    height: auto;
    padding: 10px 5px;
  }
  .area_box .table_block tr th.ken, .area_box .table_block--noth tr th.ken {
    white-space: nowrap;
    min-width: 4.5em;
  }
  .area_box .table_block tr td.kaizyou, .area_box .table_block--noth tr td.kaizyou {
    width: 45%;
  }
}

.icontxt, .icontxt--l, .icontxt--b {
  background: url(../img/obj_01_w.png) 0 50% no-repeat;
  background-size: 1.2em;
  padding-left: 1.5em;
}
.icontxt--b {
  background-image: url(../img/obj_01_b.png);
}
.icontxt--l {
  font-size: 120%;
  line-height: 1.3;
}
@media (max-width: 800px) {
  .icontxt--l {
    font-size: 115%;
    line-height: 1.3;
  }
}

.linktxt {
  color: #1bb2db;
  text-decoration: underline;
  cursor: pointer;
}
.linktxt span {
  font-size: 10px;
  display: inline-block;
  margin-right: 3px;
}

.snsbox {
  display: flex;
  justify-content: center;
  gap: 15px;
}
.snsbox > div {
  display: inline-block;
  width: 50px;
  aspect-ratio: 1/1;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 150%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 1px;
  transition: all 0.3s ease-out;
}
.snsbox a {
  display: block;
  width: 100%;
  height: 100%;
}
.snsbox .twitter {
  background-image: url(../img/snsicon_x_w.png);
}
.snsbox .line {
  background-image: url(../img/snsicon_line.png);
}
@media (max-width: 800px) {
  .snsbox {
    gap: 10px;
  }
  .snsbox > div {
    width: 30px;
    height: 30px;
  }
}

#loading {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1002;
  background: #fff;
  transition: all 0.15s ease-out 0.01s;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", "Meiryo", "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;
  font-size: 90%;
  font-weight: 600;
}
#loading .txt {
  text-align: center;
  margin-bottom: 20px;
  color: #999;
  transition: all 0.3s ease-out;
}
#loading .txt .logo {
  width: 200px;
  margin-bottom: 5px;
}
#loading .txt.off {
  opacity: 0;
}
#loading.off {
  transition: all 0.8s ease-out 0.3s;
  opacity: 0;
  pointer-events: none;
}
#loading.off .txt {
  opacity: 0;
  transform: scale(1.05);
}
@media (max-width: 800px) {
  #loading .txt .logo {
    width: 120px;
  }
}

#bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
  background: url(../img/bg_text.png) 50% -200px no-repeat #211f1f;
  background-size: 100% auto;
}
#bg:after {
  content: "";
  display: block;
  position: absolute;
  inset: -50%;
  background: url(../img/bg_pt.png);
  transform: rotate(-22deg);
  opacity: 0.3;
}
#bg .light {
  position: absolute;
  inset: 0;
}
#bg .light:before, #bg .light:after {
  content: "";
  display: block;
  position: absolute;
  width: 60%;
  aspect-ratio: 1/1;
}
#bg .light:before {
  background: radial-gradient(rgba(232, 65, 136, 0.1), rgba(232, 65, 136, 0) 70%);
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
#bg .light:after {
  background: radial-gradient(rgba(0, 129, 164, 0.1), rgba(0, 129, 164, 0) 70%);
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
}
@media (max-width: 800px) {
  #bg {
    background: url(../img/index_bg_text_sp.png) 50% 0px no-repeat #211f1f;
    background-size: 100% auto;
  }
  #bg:after {
    background-size: 90px auto;
    opacity: 0.5;
  }
  #bg .light:after {
    top: 170px;
  }
}

.frame_top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 10px;
  z-index: 101;
  background: linear-gradient(to right, #e84188 50%, #0081a4 50.1%);
  pointer-events: none;
}
.frame_top:before, .frame_top:after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  top: 0;
}
.frame_top:before {
  left: 0;
  background: #e84188;
  clip-path: polygon(0 0, 100% 0, 0 100%);
}
.frame_top:after {
  right: 0;
  background: #0081a4;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
@media (max-width: 800px) {
  .frame_top {
    height: 5px;
  }
  .frame_top:before, .frame_top:after {
    width: 25px;
    height: 25px;
  }
}

.frame_side {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
  pointer-events: none;
  border-left: 10px solid #e84188;
  border-right: 10px solid #0081a4;
}
@media (max-width: 800px) {
  .frame_side {
    border-width: 5px;
  }
}

.frame_bottom {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  height: 10px;
  z-index: 101;
  background: linear-gradient(to right, #e84188 50%, #0081a4 50.1%);
}
.frame_bottom:before, .frame_bottom:after {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 40px;
  bottom: 0;
}
.frame_bottom:before {
  left: 0;
  background: #e84188;
  clip-path: polygon(0 100%, 100% 100%, 0 0);
}
.frame_bottom:after {
  right: 0;
  background: #0081a4;
  clip-path: polygon(0 100%, 100% 100%, 100% 0);
}
@media (max-width: 800px) {
  .frame_bottom {
    height: 5px;
  }
  .frame_bottom:before, .frame_bottom:after {
    width: 25px;
    height: 25px;
  }
}

@media (min-width: 800px) {
  #gmenu {
    position: fixed;
    top: 0;
    left: 10px;
    width: calc(100% - 20px);
    z-index: 100;
    transition: all 0.5s ease-out;
  }
  #gmenu:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    background: #000;
    opacity: 0;
    transition: all 0.5s ease-out;
  }
  #gmenu .global {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 50px 18px;
    transition: all 0.3s ease-out;
  }
  #gmenu .global:after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% - 60px);
    height: 1px;
    bottom: 0;
    left: 30px;
    background: #fff;
    opacity: 0.3;
    transition: all 0.5s ease-out;
    z-index: 3;
  }
  #gmenu .global .sitelogo {
    width: 160px;
    position: relative;
    z-index: 2;
    transition: all 0.5s ease-out;
  }
  #gmenu .global ul {
    display: flex;
    justify-content: center;
    gap: 0;
    position: relative;
    z-index: 2;
    font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
    font-size: 20px;
    letter-spacing: 0.8px;
    line-height: 1;
  }
  #gmenu .global ul li {
    position: relative;
    padding: 0 15px;
  }
  #gmenu .global ul li:after {
    content: "/";
    display: block;
    position: absolute;
    top: 0;
    right: -0.25em;
    color: #fff;
    opacity: 0.4;
    font-weight: 300;
  }
  #gmenu .global ul li:nth-last-of-type(1) {
    padding-right: 0;
  }
  #gmenu .global ul li:nth-last-of-type(1):after {
    content: none;
  }
  #gmenu .global ul li a {
    position: relative;
    display: block;
    color: #fff;
    z-index: 1;
    padding: 0px 5px;
  }
  #gmenu .global ul li a:before {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    z-index: -1;
    background: white;
    transform-origin: 100% 0;
    transform: scaleX(0);
    transition: transform 0.15s ease-out;
  }
  #gmenu .global ul li.on a, #gmenu .global ul li:hover a {
    color: #171515;
  }
  #gmenu .global ul li.on a:before, #gmenu .global ul li:hover a:before {
    transform-origin: 0 0;
    transform: scaleX(1);
  }
  #gmenu .fix_pnav.pc {
    transition: all 0.3s ease-out;
    opacity: 0;
  }
  #gmenu .fix_pnav.pc ul {
    position: relative;
    padding: 6px 35px 8px;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    font-size: 11.5px;
  }
  #gmenu .fix_pnav.pc ul li.btn, #gmenu .fix_pnav.pc ul li.btn--s, #gmenu .fix_pnav.pc ul li.btn--l {
    width: auto;
    max-width: 180px;
    margin: 0;
  }
  #gmenu .fix_pnav.pc ul li.btn:before, #gmenu .fix_pnav.pc ul li.btn--s:before, #gmenu .fix_pnav.pc ul li.btn--l:before {
    display: none;
  }
  #gmenu .fix_pnav.pc ul li.btn:after, #gmenu .fix_pnav.pc ul li.btn--s:after, #gmenu .fix_pnav.pc ul li.btn--l:after {
    border-color: rgba(255, 255, 255, 0.5);
  }
  #gmenu .fix_pnav.pc ul li.btn a, #gmenu .fix_pnav.pc ul li.btn--s a, #gmenu .fix_pnav.pc ul li.btn--l a {
    color: #fff;
    letter-spacing: 0;
    text-indent: 0;
    padding: 1px 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    transition: all 0.15s ease-out;
  }
  #gmenu .fix_pnav.pc ul li.btn a:after, #gmenu .fix_pnav.pc ul li.btn--s a:after, #gmenu .fix_pnav.pc ul li.btn--l a:after {
    display: none;
  }
  #gmenu .fix_pnav.pc ul li.btn .obj_l:before, #gmenu .fix_pnav.pc ul li.btn--s .obj_l:before, #gmenu .fix_pnav.pc ul li.btn--l .obj_l:before, #gmenu .fix_pnav.pc ul li.btn .obj_l:after, #gmenu .fix_pnav.pc ul li.btn--s .obj_l:after, #gmenu .fix_pnav.pc ul li.btn--l .obj_l:after, #gmenu .fix_pnav.pc ul li.btn .obj_r:before, #gmenu .fix_pnav.pc ul li.btn--s .obj_r:before, #gmenu .fix_pnav.pc ul li.btn--l .obj_r:before, #gmenu .fix_pnav.pc ul li.btn .obj_r:after, #gmenu .fix_pnav.pc ul li.btn--s .obj_r:after, #gmenu .fix_pnav.pc ul li.btn--l .obj_r:after {
    width: 3px;
    opacity: 0;
  }
  #gmenu .fix_pnav.pc ul li.btn .obj_l:before, #gmenu .fix_pnav.pc ul li.btn--s .obj_l:before, #gmenu .fix_pnav.pc ul li.btn--l .obj_l:before {
    background: #e84188;
    top: -1px;
    left: -1px;
  }
  #gmenu .fix_pnav.pc ul li.btn .obj_l:after, #gmenu .fix_pnav.pc ul li.btn--s .obj_l:after, #gmenu .fix_pnav.pc ul li.btn--l .obj_l:after {
    background: #e84188;
    bottom: -1px;
    left: -1px;
  }
  #gmenu .fix_pnav.pc ul li.btn .obj_r:before, #gmenu .fix_pnav.pc ul li.btn--s .obj_r:before, #gmenu .fix_pnav.pc ul li.btn--l .obj_r:before {
    background: #0081a4;
    top: -1px;
    right: -1px;
  }
  #gmenu .fix_pnav.pc ul li.btn .obj_r:after, #gmenu .fix_pnav.pc ul li.btn--s .obj_r:after, #gmenu .fix_pnav.pc ul li.btn--l .obj_r:after {
    background: #0081a4;
    bottom: -1px;
    right: -1px;
  }
  #gmenu .fix_pnav.pc ul li.btn.on, #gmenu .fix_pnav.pc ul li.on.btn--s, #gmenu .fix_pnav.pc ul li.on.btn--l, #gmenu .fix_pnav.pc ul li.btn:hover, #gmenu .fix_pnav.pc ul li.btn--s:hover, #gmenu .fix_pnav.pc ul li.btn--l:hover {
    background: #fff;
  }
  #gmenu .fix_pnav.pc ul li.btn.on a, #gmenu .fix_pnav.pc ul li.on.btn--s a, #gmenu .fix_pnav.pc ul li.on.btn--l a, #gmenu .fix_pnav.pc ul li.btn:hover a, #gmenu .fix_pnav.pc ul li.btn--s:hover a, #gmenu .fix_pnav.pc ul li.btn--l:hover a {
    color: #171515;
  }
  #gmenu.scroll:before {
    opacity: 0.7;
  }
  #gmenu.scroll .global {
    padding: 17px 37px 6px;
  }
  #gmenu.scroll .global:after {
    width: calc(100% - 30px);
    left: 15px;
  }
  #gmenu.scroll .global .sitelogo {
    width: 86px;
  }
  #gmenu.scroll .fix_pnav.pc {
    opacity: 1;
  }
}
@media (max-width: 800px) {
  #gmenu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 102;
    background: #171515;
    border-left: 5px solid #e84188;
    border-right: 5px solid #0081a4;
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-out;
  }
  #gmenu.show {
    opacity: 1;
    pointer-events: auto;
  }
  #gmenu.show .global {
    transform: scale(1);
    opacity: 1;
  }
  #gmenu .global {
    position: absolute;
    width: 100%;
    height: 100svh;
    top: 0;
    left: 0;
    padding: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    transform: scale(1.1);
    opacity: 0;
    transition: all 0.3s ease-out 0.2s;
  }
  #gmenu .sitelogo {
    width: 70%;
    margin: 0 auto 40px;
  }
  #gmenu .menu {
    width: 100%;
    text-align: center;
  }
  #gmenu .menu li {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  #gmenu .menu li:nth-last-of-type(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  #gmenu .menu li a, #gmenu .menu li p {
    display: block;
    padding: 5px 0;
    font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
    font-size: 150%;
    letter-spacing: 0.5px;
  }
  #gmenu .menu li a {
    color: #fff;
  }
  .fix_pnav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
    padding: 10px 0px 6px;
    background: rgba(0, 0, 0, 0.7);
    transform: translateY(-100%);
    transition: all 0.3s ease-out;
  }
  .fix_pnav.scroll {
    transform: translateY(0);
  }
  .fix_pnav ul {
    display: flex;
    gap: 3px;
    justify-content: safe center;
    padding: 0 25px;
    overflow-x: scroll;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: linear-gradient(to right, transparent 0px, #000 25px, #000 calc(100% - 25px), transparent calc(100% - 0px));
            mask-image: linear-gradient(to right, transparent 0px, #000 25px, #000 calc(100% - 25px), transparent calc(100% - 0px));
  }
  .fix_pnav ul li.btn, .fix_pnav ul li.btn--s, .fix_pnav ul li.btn--l {
    width: 50%;
    min-width: 70px;
  }
  .fix_pnav ul li.btn > a, .fix_pnav ul li.btn--s > a, .fix_pnav ul li.btn--l > a {
    font-size: 11px;
    padding: 1px 3px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .fix_pnav ul li.btn > a:after, .fix_pnav ul li.btn--s > a:after, .fix_pnav ul li.btn--l > a:after {
    display: none;
  }
  .fix_pnav ul li.btn .obj_r, .fix_pnav ul li.btn--s .obj_r, .fix_pnav ul li.btn--l .obj_r, .fix_pnav ul li.btn .obj_l, .fix_pnav ul li.btn--s .obj_l, .fix_pnav ul li.btn--l .obj_l {
    display: none;
  }
  .fix_pnav ul li.btn.on, .fix_pnav ul li.on.btn--s, .fix_pnav ul li.on.btn--l {
    background: #fff;
  }
  .fix_pnav ul li.btn.on a, .fix_pnav ul li.on.btn--s a, .fix_pnav ul li.on.btn--l a {
    color: #171515;
  }
}
#splogo {
  position: relative;
  left: -10px;
  width: calc(100% + 20px);
  margin-bottom: 15px;
  padding: 0 10px 8px;
  border-bottom: 1px solid #9d8a5b;
}
#splogo a {
  display: block;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 7px;
}
#splogo p.logo {
  width: 45px;
}
#splogo .day {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  text-align: left;
  color: #9d8a5b;
  letter-spacing: 0.5px;
  font-weight: 400;
}
#splogo .day .messe {
  font-size: 120%;
  line-height: 1;
  margin-bottom: 3px;
}
#splogo .day .day {
  line-height: 1;
  white-space: nowrap;
  font-size: 90%;
  text-align: justify;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
#splogo .day .day .kakko {
  font-size: 70%;
  display: inline-block;
  transform: translateY(-0.3px);
  margin: 0 0.5px;
}
#splogo .day .day .week {
  font-size: 70%;
  display: inline-block;
}

#spmenu {
  position: fixed;
  right: 0px;
  top: 45px;
  z-index: 1001;
  cursor: pointer;
  clip-path: polygon(7px 0, 100% 0, 100% 100%, 0 100%, 0 7px);
  background: #0081a4;
  padding: 2px 3px 0 2px;
  width: 42px;
  aspect-ratio: 1/1.05;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
  background-size: 180px auto;
}
#spmenu span {
  position: relative;
  z-index: 10;
  display: block;
  width: 70%;
  height: 2px;
  background: #fff;
  transition: all 0.15s ease-out;
}
#spmenu span:before, #spmenu span:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  transition: all 0.15s ease-out;
}
#spmenu span:before {
  transform: translateY(-7px);
}
#spmenu span:after {
  transform: translateY(7px);
}
#spmenu.on span {
  background: transparent;
}
#spmenu.on span:before {
  transform: rotate(25deg);
}
#spmenu.on span:after {
  transform: rotate(-25deg);
}
@media (min-width: 800px) {
  #spmenu {
    display: none;
  }
}

#gfooter {
  position: relative;
  z-index: 1;
  color: #fff;
  overflow: hidden;
  background: url(../img/bg_text.png) 50% -200px no-repeat #211f1f;
  background-size: 100% auto;
}
#gfooter:before {
  content: "";
  display: block;
  position: absolute;
  inset: -50%;
  z-index: 1;
  pointer-events: none;
  background: url(../img/bg_pt.png);
  transform: rotate(-22deg);
  opacity: 0.25;
}
#gfooter .light {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
}
#gfooter .light:before, #gfooter .light:after {
  content: "";
  display: block;
  position: absolute;
  width: 70%;
  aspect-ratio: 1/1;
}
#gfooter .light:before {
  background: radial-gradient(rgba(232, 65, 136, 0.1), rgba(232, 65, 136, 0) 70%);
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
#gfooter .light:after {
  background: radial-gradient(rgba(0, 129, 164, 0.1), rgba(0, 129, 164, 0) 70%);
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
#gfooter .foot_wrapper {
  position: relative;
  z-index: 2;
  width: 100%;
  max-width: 1500px;
  padding: 180px 50px 140px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 80px;
}
#gfooter .logo {
  margin-bottom: 10px;
}
#gfooter .logo img {
  width: 320px;
}
#gfooter .sns {
  text-align: center;
}
#gfooter .sns .ttl {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 150%;
  letter-spacing: 2px;
}
#gfooter .link_wrap {
  flex: 1;
  padding-top: 30px;
}
#gfooter .link {
  display: flex;
  gap: 20px 1.4%;
  flex-wrap: wrap;
  margin-bottom: 30px;
}
#gfooter .link .btn, #gfooter .link .btn--s, #gfooter .link .btn--l {
  position: relative;
  z-index: 1;
  width: 49.2%;
  max-width: 100%;
}
#gfooter .link .btn a, #gfooter .link .btn--s a, #gfooter .link .btn--l a {
  color: #fff;
  padding: 20px;
}
#gfooter .link .btn a:after, #gfooter .link .btn--s a:after, #gfooter .link .btn--l a:after {
  right: 15px;
}
#gfooter .copy_wrap {
  display: flex;
  align-items: center;
  gap: 15px;
}
#gfooter .copy_wrap .copy {
  font-size: 14px;
  padding-left: 5px;
}
#gfooter .copy_wrap .copy p {
  display: inline-block;
  margin: 0 15px 0px 0;
}
@media (min-width: 800px) {
  #gfooter .copy_wrap .copy p:nth-last-of-type(1) {
    display: block;
  }
}
#gfooter .copy_wrap .contact_btn {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  padding: 6px 30px;
  margin-bottom: 4px;
  background: #fff;
  border: 1px solid #fff;
  font-size: 75%;
  line-height: 1.5;
  color: #171515;
  transition: all 0.2s ease-out;
}
#gfooter .copy_wrap .contact_btn:after {
  content: "→";
  display: block;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  font-size: 10px;
  line-height: 1;
}
#gfooter .copy_wrap .contact_btn:before {
  content: "";
  display: block;
  position: absolute;
  inset: -2px;
  z-index: 1;
  background: #171515;
  transform-origin: 100% 0;
  transition: transform 0.2s ease-out;
  transform: scaleX(0);
}
#gfooter .copy_wrap .contact_btn p {
  position: relative;
  z-index: 2;
}
#gfooter .copy_wrap .contact_btn:hover {
  color: #fff;
}
#gfooter .copy_wrap .contact_btn:hover:before {
  transform-origin: 0 0;
  transform: scaleX(1);
}
@media (max-width: 800px) {
  #gfooter {
    font-size: 90%;
    background: #211f1f;
  }
  #gfooter:before {
    background-size: 90px auto;
  }
  #gfooter .light:before, #gfooter .light:after {
    width: 200%;
  }
  #gfooter .foot_wrapper {
    padding: 85px 30px 50px;
    text-align: center;
    flex-direction: column;
    gap: 0;
  }
  #gfooter .foot_wrapper .logo_wrap, #gfooter .foot_wrapper .link_wrap {
    display: contents;
  }
  #gfooter .foot_wrapper .logo {
    margin-bottom: 30px;
  }
  #gfooter .foot_wrapper .logo img {
    width: 150px;
  }
  #gfooter .foot_wrapper .foot_nav {
    display: block;
    width: 100%;
    margin-bottom: 30px;
  }
  #gfooter .foot_wrapper .foot_nav ul {
    width: 100%;
  }
  #gfooter .foot_wrapper .foot_nav ul li {
    border-top: 1px solid rgba(255, 255, 255, 0.4);
  }
  #gfooter .foot_wrapper .foot_nav ul li:nth-last-of-type(1) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
  }
  #gfooter .foot_wrapper .foot_nav ul li a, #gfooter .foot_wrapper .foot_nav ul li p {
    display: block;
    padding: 5px 0;
    font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
    font-size: 120%;
    letter-spacing: 0.5px;
  }
  #gfooter .foot_wrapper .foot_nav ul li a {
    color: #fff;
  }
  #gfooter .foot_wrapper .sns {
    margin-bottom: 30px;
  }
  #gfooter .foot_wrapper .link {
    gap: 10px;
    margin-bottom: 40px;
  }
  #gfooter .foot_wrapper .link .btn, #gfooter .foot_wrapper .link .btn--s, #gfooter .foot_wrapper .link .btn--l {
    width: 100%;
  }
  #gfooter .foot_wrapper .link .btn a, #gfooter .foot_wrapper .link .btn--s a, #gfooter .foot_wrapper .link .btn--l a {
    padding: 10px;
  }
  #gfooter .foot_wrapper .copy_wrap {
    flex-direction: column;
  }
  #gfooter .foot_wrapper .copy_wrap .copy {
    order: 2;
    font-size: 9px;
    line-height: 1.3;
    flex-direction: column;
    align-items: center;
  }
  #gfooter .foot_wrapper .copy_wrap .contact_btn {
    order: 1;
  }
}

#page_header {
  position: relative;
  z-index: 1;
  text-align: center;
  overflow: hidden;
  padding: 180px 30px 125px;
  color: #fff;
}
#page_header h1 {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  margin-bottom: 30px;
  filter: drop-shadow(0 0 3px rgba(255, 255, 255, 0.4));
}
#page_header h1 .sub {
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  color: rgba(255, 255, 255, 0.9);
  padding-top: 25px;
  font-weight: 300;
  background: url(../img/h1_icon_w.png) 50% 0 no-repeat;
  background-size: auto 15px;
}
#page_header h1 .sub .s {
  font-size: 75%;
}
#page_header h1 .main {
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  font-size: 165px;
  line-height: 1;
  letter-spacing: 0.03em;
  text-indent: 0.03em;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 2px #fff;
  background-image: url(../img/h1_bg_p.png), url(../img/h1_bg_b.png);
  background-size: 120px 120px;
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
#page_header h1 .main .and {
  font-size: 70%;
}
#page_header h1 .main p {
  display: inline;
}
@media (max-width: 800px) {
  #page_header {
    padding: 30px 20px 45px;
    background: url(../img/bg_text_sp.png) 50% 50% no-repeat #211f1f;
    background-size: 120% auto;
  }
  #page_header:after {
    content: "";
    display: block;
    position: absolute;
    inset: -50%;
    pointer-events: none;
    z-index: 1;
    background: url(../img/bg_pt.png);
    transform: rotate(-22deg);
    opacity: 0.3;
    background-size: 90px auto;
  }
  #page_header .light {
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 1;
  }
  #page_header .light:before, #page_header .light:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    aspect-ratio: 1/1;
  }
  #page_header .light:before {
    background: radial-gradient(rgba(232, 65, 136, 0.1), rgba(232, 65, 136, 0) 70%);
    top: 0;
    left: 0;
    transform: translate(-50%, -50%);
  }
  #page_header .light:after {
    background: radial-gradient(rgba(0, 129, 164, 0.1), rgba(0, 129, 164, 0) 70%);
    bottom: 0;
    right: 0;
    transform: translate(50%, 50%);
  }
  #page_header > * {
    position: relative;
    z-index: 2;
  }
  #page_header .splogo {
    width: 120px;
    margin: 0 auto 20px;
    padding: 10px 25px 8px;
    border-radius: 50px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(102, 102, 102, 0.7);
  }
  #page_header h1 {
    margin-bottom: 22px;
  }
  #page_header h1 .sub {
    font-size: 11px;
    padding-top: 14px;
    background-size: auto 10px;
  }
  #page_header h1 .main {
    font-size: 70px;
    -webkit-text-stroke: 1px #fff;
    background: none;
  }
  #page_header h1 .main .bg {
    background-image: url(../img/h1_bg_p.png), url(../img/h1_bg_b.png);
    background-size: 50px 50px;
    background-position: 0 0, 100% 100%;
    background-repeat: no-repeat;
    background-clip: text;
    -webkit-background-clip: text;
  }
}

#pnav {
  position: relative;
  top: 0px;
  padding: 0px 0 8px;
  margin: 0px auto;
}
#pnav ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px 15px;
  flex-wrap: wrap;
  padding: 0 150px;
  width: 100%;
}
#pnav li {
  width: 200px;
  margin: 0;
  font-size: 13px;
  text-align: center;
}
#pnav li a {
  color: #fff;
  letter-spacing: 0;
  text-indent: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#pnav li a:after {
  display: none;
}
@media (min-width: 800px) {
  #pnav.on {
    backdrop-filter: blur(8px);
    background: rgba(255, 255, 255, 0.6);
    transition: all 0.5s ease-out, top 0s ease-out;
  }
  #pnav.on:after {
    transform: scaleX(1);
    opacity: 1;
    transition: all 0.8s ease-out;
  }
}
@media (max-width: 800px) {
  #pnav {
    position: relative;
  }
  #pnav ul {
    padding: 0;
    gap: 6px 15px;
  }
  #pnav ul li {
    width: 90%;
    min-width: 100px;
  }
  #pnav ul li a {
    padding: 4px 10px;
    font-size: 80%;
  }
}

#container {
  position: relative;
  top: 0;
  min-width: 1280px;
  z-index: 2;
  padding: 0;
}
@media (max-width: 800px) {
  #container {
    min-width: 0;
  }
}

#wrapper {
  position: relative;
}

section.pg {
  position: relative;
  padding: 140px 30px 200px;
  z-index: 2;
}
section.pg > * {
  position: relative;
  z-index: 5;
}
section.pg:before, section.pg:after {
  content: "";
  display: block;
  position: absolute;
  inset: -40px 0;
  z-index: 1;
}
section.pg:before {
  background: linear-gradient(to right, #e84188 50%, #0081a4 50.1%);
  inset: -48px 0;
}
section.pg:nth-last-of-type(1) {
  padding-bottom: 200px;
}
section.pg .prr:not(.notdefo) {
  opacity: 0;
  transform: translateY(10px);
}
section.pg .prr:not(.notdefo).show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease-out 0.3s;
}
@media (max-width: 800px) {
  section.pg .prr:not(.notdefo) {
    transform: translateY(15px);
  }
}
section.pg .pg_box {
  position: relative;
  top: 0;
  margin-bottom: 80px;
}
section.pg .pg_box:nth-last-of-type(1) {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  section.pg {
    padding: 45px 30px 77px;
  }
  section.pg:before, section.pg:after {
    inset: -20px 0;
  }
  section.pg:before {
    background: linear-gradient(to right, #e84188 50%, #0081a4 50.1%);
    inset: -23px 0;
  }
  section.pg .pg_wrapper {
    width: 100%;
  }
  section.pg .pg_box {
    margin-bottom: 40px;
  }
  section.pg:nth-last-of-type(1) {
    padding-bottom: 40px;
  }
}

.pg_wrapper {
  position: relative;
  width: min(1200px, 100%);
  margin: 0 auto;
}
.pg_wrapper:not(.notprr) {
  opacity: 0;
  transform: translateY(30px);
}
.pg_wrapper:not(.notprr).show {
  opacity: 1;
  transform: translateY(0);
  transition: all 0.6s ease-out 0.3s;
}
@media (max-width: 800px) {
  .pg_wrapper:not(.notprr) {
    opacity: 0;
    transform: translateY(15px);
  }
  .pg_wrapper:not(.notprr).show {
    transition: all 0.6s ease-out 0.3s;
  }
}

.h01 {
  position: relative;
  z-index: 3;
  display: flex;
  align-items: flex-end;
  gap: 20px;
  width: min(100%, 1200px);
  margin: 0 auto 40px;
}
.h01 .main {
  font-size: 82px;
  font-weight: 700;
  line-height: 1;
  padding-top: 10px;
  background-image: url(../img/h1_bg_p.png), url(../img/h1_bg_b.png);
  background-color: #fff;
  background-size: 70px 70px;
  background-position: 0 0, 100% 100%;
  background-repeat: no-repeat;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
}
.h01 .sub {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 18px;
  line-height: 1.2;
  padding-bottom: 0px;
  letter-spacing: 0.01em;
  color: rgba(255, 255, 255, 0.5);
}
.h01 .sub .s {
  font-size: 70%;
}
.h01 .sub:before {
  content: "";
  display: block;
  position: relative;
  width: 80px;
  height: 20px;
  margin-bottom: 3px;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateX(-2px);
  background-image: url(../img/h1_icon_w.png);
}
.h01 {
  clip-path: inset(0 100% 0 0);
  opacity: 0.5;
  transition: all 1s ease-out;
}
.h01.show {
  clip-path: inset(0);
  opacity: 1;
}
.h01.en .main {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 140px;
  padding-top: 0;
}
.h01.en .sub {
  padding-bottom: 20px;
}
.h01.line {
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
.h01.s .main {
  font-size: 70px;
}
@media (max-width: 800px) {
  .h01 {
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
    margin-bottom: 20px;
    transition: all 0.4s ease-out;
  }
  .h01 .main {
    font-size: 45px;
    background-size: 40px 40px;
    padding-top: 0px;
  }
  .h01 .sub {
    font-size: 13px;
    transform: translateX(5px);
  }
  .h01 .sub:before {
    height: 13px;
    transform: translateX(-1px);
  }
  .h01.en .main {
    font-size: 70px;
    padding-top: 0;
  }
  .h01.en .sub {
    padding-bottom: 0px;
  }
  .h01.line {
    padding-bottom: 23px;
    margin-bottom: 23px;
  }
}

.h02 {
  padding-left: 35px;
  background: url(../img/obj_01_w.png) 0 50% no-repeat;
  background-size: 25px auto;
  font-size: 150%;
  line-height: 1.3;
  margin-bottom: 10px;
}
.h02.border {
  padding-bottom: 25px;
  margin-bottom: 35px;
  background-position: 0 calc(50% - 12px);
  border-bottom: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
.h02.mmt {
  margin-top: -20px;
}
@media (max-width: 800px) {
  .h02 {
    font-size: 130%;
    background-size: 15px auto;
    padding-left: 18px;
  }
  .h02.border {
    padding-bottom: 13px;
    margin-bottom: 20px;
    background-position: 0 calc(50% - 6px);
  }
  .h02.mmt {
    margin-top: -10px;
  }
}

.h03, .h03--icon, .h03--num {
  font-size: 110%;
  line-height: 1.3;
  margin-bottom: 10px;
}
.h03--num {
  padding-left: 42px;
  position: relative;
}
@media (max-width: 800px) {
  .h03--num {
    padding-left: 42px;
  }
}
.h03--icon {
  padding-left: 30px;
  background: url(../img/obj_01_w.png) 0 50% no-repeat;
  background-size: 20px auto;
}
@media (max-width: 800px) {
  .h03--icon {
    background-size: 15px auto;
    padding-left: 20px;
  }
}

.h03 .num, .h03--num .num, .h03--icon .num, .h04 .num {
  position: absolute;
  display: block;
  width: 30px;
  height: 30px;
  text-align: center;
  font-size: 80%;
  line-height: 28px;
  left: 2px;
  top: 50%;
  transform: translateY(-50%);
}
.h03 .num:after, .h03--num .num:after, .h03--icon .num:after, .h04 .num:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border: 1px solid #fff;
}

section.pg:nth-of-type(odd) {
  color: #171515;
}
section.pg:nth-of-type(odd):before {
  clip-path: polygon(0 0, calc(30% + 3px) 0, calc(30% + 43px) 40px, 100% 40px, 100% 100%, calc(70% - 3px) 100%, calc(70% - 43px) calc(100% - 40px), 0 calc(100% - 40px));
}
section.pg:nth-of-type(odd):after {
  background: #e7e7e7;
  clip-path: polygon(0 0, 30% 0, calc(30% + 40px) 40px, 100% 40px, 100% 100%, 70% 100%, calc(70% - 40px) calc(100% - 40px), 0 calc(100% - 40px));
}
section.pg:nth-of-type(odd) .h01 .main {
  background-color: #171515;
}
section.pg:nth-of-type(odd) .h01 .sub {
  color: #171515;
}
section.pg:nth-of-type(odd) .h01 .sub:before {
  background-image: url(../img/h1_icon_b.png);
}
section.pg:nth-of-type(odd) .h02, section.pg:nth-of-type(odd) .h03, section.pg:nth-of-type(odd) .h03--num, section.pg:nth-of-type(odd) .h03--icon {
  background-image: url(../img/obj_01_b.png);
}
section.pg:nth-of-type(odd) .btn a, section.pg:nth-of-type(odd) .btn--s a, section.pg:nth-of-type(odd) .btn--l a, section.pg:nth-of-type(odd) .btn p, section.pg:nth-of-type(odd) .btn--s p, section.pg:nth-of-type(odd) .btn--l p {
  color: #171515;
}
section.pg:nth-of-type(odd) dl.dl_notice > dt:after {
  background-image: url(../img/obj_01_b.png);
}
section.pg:nth-of-type(odd) .icontxt, section.pg:nth-of-type(odd) .icontxt--b, section.pg:nth-of-type(odd) .icontxt--l {
  background-image: url(../img/obj_01_b.png);
}
@media (max-width: 800px) {
  section.pg:nth-of-type(odd):before {
    clip-path: polygon(0 0, calc(30% + 3px) 0, calc(30% + 23px) 20px, 100% 20px, 100% 100%, calc(70% - 3px) 100%, calc(70% - 23px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  section.pg:nth-of-type(odd):after {
    clip-path: polygon(0 0, 30% 0, calc(30% + 20px) 20px, 100% 20px, 100% 100%, 70% 100%, calc(70% - 20px) calc(100% - 20px), 0 calc(100% - 20px));
  }
}
section.pg:nth-of-type(even) {
  color: #fff;
}
section.pg:nth-of-type(even):before {
  clip-path: polygon(0 0, calc(70% + 3px) 0, calc(70% + 43px) 40px, 100% 40px, 100% 100%, calc(30% - 3px) 100%, calc(30% - 43px) calc(100% - 40px), 0 calc(100% - 40px));
}
section.pg:nth-of-type(even):after {
  background: #191919;
  clip-path: polygon(0 0, 70% 0, calc(70% + 40px) 40px, 100% 40px, 100% 100%, 30% 100%, calc(30% - 40px) calc(100% - 40px), 0 calc(100% - 40px));
}
@media (max-width: 800px) {
  section.pg:nth-of-type(even):before {
    clip-path: polygon(0 0, calc(70% + 3px) 0, calc(70% + 23px) 20px, 100% 20px, 100% 100%, calc(30% - 3px) 100%, calc(30% - 23px) calc(100% - 20px), 0 calc(100% - 20px));
  }
  section.pg:nth-of-type(even):after {
    clip-path: polygon(0 0, 70% 0, calc(70% + 20px) 20px, 100% 20px, 100% 100%, 30% 100%, calc(30% - 20px) calc(100% - 20px), 0 calc(100% - 20px));
  }
}

#splash {
  position: fixed;
  width: 100%;
  height: 100svh;
  top: 0;
  left: 0;
  z-index: 1002;
  overflow: hidden;
}
#splash .skip {
  position: absolute;
  top: 35px;
  right: 35px;
  padding: 5px 20px;
  z-index: 10;
  border: 1px solid #fff;
  background: #171515;
  color: #fff;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  opacity: 0;
}
#splash.on .skip {
  opacity: 1;
}
#splash.off {
  opacity: 0;
  pointer-events: none;
  transition: all 1s ease-out;
}
#splash.off .both {
  opacity: 0;
  filter: blur(15px);
  transform: scale(1.3);
  transition: all 0.6s ease-out;
}
#splash .box {
  position: absolute;
  inset: 0;
  border-left: 10px solid #e84188;
  border-right: 10px solid #e84188;
  display: flex;
  justify-content: center;
  align-items: center;
  clip-path: polygon(200% 0, 400% 0, 300% 100%, 100% 100%);
  transition: clip-path 0.3s ease-out;
}
#splash .box.off {
  opacity: 0;
}
#splash .box .frame_bottom {
  position: fixed;
}
#splash .box .logo {
  position: relative;
  width: 500px;
  z-index: 2;
  margin-bottom: 20px;
  transform: scale(3);
  opacity: 0;
  transition: all 2s cubic-bezier(0, 0.99, 0, 0.99) 0.5s;
}
#splash .box .logo:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  background-size: cover;
  background-position: center;
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: all 0.6s ease-out 0.8s;
}
#splash .box.daybreak {
  background: #171515;
  z-index: 1;
}
#splash .box.daybreak .logo:after {
  background-image: url(../img/splash_daybreak_02.png);
}
#splash .box.daybreak .frame_top, #splash .box.daybreak .frame_bottom {
  background: #e84188;
}
#splash .box.daybreak .frame_top:before, #splash .box.daybreak .frame_top:after, #splash .box.daybreak .frame_bottom:before, #splash .box.daybreak .frame_bottom:after {
  background: #e84188;
}
#splash .box.daylight {
  background: #fff;
  border-color: #0081a4;
  z-index: 2;
}
#splash .box.daylight .logo:after {
  background-image: url(../img/splash_daylight_02.png);
}
#splash .box.daylight .frame_top, #splash .box.daylight .frame_bottom {
  background: #0081a4;
}
#splash .box.daylight .frame_top:before, #splash .box.daylight .frame_top:after, #splash .box.daylight .frame_bottom:before, #splash .box.daylight .frame_bottom:after {
  background: #0081a4;
}
#splash .box.on {
  clip-path: polygon(0 0, 200% 0, 100% 100%, -100% 100%);
}
#splash .box.on .logo {
  transform: scale(1);
  opacity: 1;
}
#splash .box.on .logo:after {
  clip-path: inset(0);
  opacity: 1;
}
#splash .box.both {
  border-right-color: #0081a4;
  z-index: 3;
}
#splash .box.both .bg {
  position: absolute;
  inset: 0;
  display: flex;
}
#splash .box.both .bg:before, #splash .box.both .bg:after {
  content: "";
  display: block;
  flex: 1;
  z-index: 1;
}
#splash .box.both .bg:before {
  background: #171515;
}
#splash .box.both .bg:after {
  background: #fff;
}
#splash .box.both .bg.bg_yoko {
  z-index: 1;
  flex-direction: column;
}
#splash .box.both .bg.bg_yoko:before, #splash .box.both .bg.bg_yoko:after {
  transition: all 0.3s ease-out 0.3s;
}
#splash .box.both .bg.bg_yoko:before {
  clip-path: inset(0 100% 0 0);
}
#splash .box.both .bg.bg_yoko:after {
  clip-path: inset(0 0 0 100%);
}
#splash .box.both .bg.bg_tate {
  z-index: 2;
  flex-direction: row;
}
#splash .box.both .bg.bg_tate:before, #splash .box.both .bg.bg_tate:after {
  transition: all 0.3s ease-out 0.8s;
}
#splash .box.both .bg.bg_tate:before {
  clip-path: inset(100% 0 0 0);
}
#splash .box.both .bg.bg_tate:after {
  clip-path: inset(0 0 100% 0);
}
#splash .box.both .logo {
  z-index: 3;
  width: 700px;
  margin-bottom: 30px;
  transform: scale(5);
  transition: all 1.8s cubic-bezier(0, 0.99, 0, 0.99) 1.6s;
}
#splash .box.both.on .bg:before, #splash .box.both.on .bg:after {
  clip-path: inset(0);
}
#splash .box.both.on .logo {
  transform: scale(1);
}
@media (max-width: 800px) {
  #splash .skip {
    top: 20px;
    right: 20px;
    font-size: 18px;
  }
  #splash .box {
    border-width: 5px;
  }
  #splash .box .frame_top, #splash .box .frame_bottom {
    border-width: 5px;
  }
  #splash .box .logo {
    width: 60%;
  }
  #splash .box.both .logo {
    width: 80%;
    transform: scale(3);
  }
}

@media (min-width: 800px) {
  #index #gmenu {
    transform: translateY(-100%);
  }
  #index #gmenu:before {
    opacity: 0.5;
  }
  #index #gmenu .global .sitelogo {
    width: 100px;
  }
  #index #gmenu.scroll {
    transform: translateY(0);
  }
}
#index section.pg {
  padding-bottom: 230px;
}
@media (max-width: 800px) {
  #index .fix_pnav {
    display: none;
  }
  #index section.pg {
    padding-bottom: 85px;
  }
}
#index #top {
  padding: 80px 55px 120px;
  background: linear-gradient(to bottom, rgba(7, 7, 7, 0) 20%, #070707 90%);
}
#index #top .top_menu {
  text-align: center;
  margin-bottom: 30px;
}
#index #top .top_menu h1 {
  width: 350px;
  margin: 0 auto 25px;
}
#index #top .top_menu .menu {
  display: flex;
  justify-content: center;
  gap: 0;
  position: relative;
  z-index: 2;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 25px;
  letter-spacing: 0.8px;
  line-height: 1;
}
#index #top .top_menu .menu li {
  position: relative;
  padding: 0 15px;
}
#index #top .top_menu .menu li:after {
  content: "/";
  display: block;
  position: absolute;
  top: 0;
  right: -0.25em;
  color: #fff;
  opacity: 0.4;
  font-weight: 300;
}
#index #top .top_menu .menu li:nth-last-of-type(1) {
  padding-right: 0;
}
#index #top .top_menu .menu li:nth-last-of-type(1):after {
  content: none;
}
#index #top .top_menu .menu li a {
  position: relative;
  display: block;
  color: #fff;
  z-index: 1;
  padding: 0px 5px;
}
#index #top .top_menu .menu li a:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: -1;
  background: white;
  transform-origin: 100% 0;
  transform: scaleX(0);
  transition: transform 0.15s ease-out;
}
#index #top .top_menu .menu li:hover a {
  color: #171515;
}
#index #top .top_menu .menu li:hover a:before {
  transform-origin: 0 0;
  transform: scaleX(1);
}
#index #top .image {
  position: relative;
  width: 100%;
  max-width: 1798px;
  aspect-ratio: 1798/1734;
  margin: 0 auto;
}
#index #top .image:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 4;
  border: 1px solid #777;
  -o-border-image: linear-gradient(to bottom, #777777, rgba(119, 119, 119, 0) 70%) 1;
     border-image: linear-gradient(to bottom, #777777, rgba(119, 119, 119, 0) 70%) 1;
  clip-path: polygon(200% -20px, 400% -20px, 300% 100%, 100% 100%);
}
#index #top .image:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 3;
  background: url(../img/topimage_mono.webp);
  background-size: contain;
  clip-path: polygon(200% -20px, 400% -20px, 300% 100%, 100% 100%);
}
#index #top .image.change:after, #index #top .image.change:before {
  clip-path: polygon(0 -20px, 200% -20px, 100% 100%, -100% 100%);
  transition: clip-path 0.6s ease-out;
}
#index #top .image .imgbox {
  position: absolute;
  inset: 0;
  background-size: contain;
  overflow: hidden;
  clip-path: polygon(200% -20px, 400% -20px, 300% 100%, 100% 100%);
}
#index #top .image .imgbox:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 1;
  -webkit-mask: linear-gradient(to bottom, black 20%, rgba(0, 0, 0, 0) 80%);
          mask: linear-gradient(to bottom, black 20%, rgba(0, 0, 0, 0) 80%);
}
#index #top .image .imgbox.on {
  transition: clip-path 0.6s ease-out;
  clip-path: polygon(0 -20px, 200% -20px, 100% 100%, -100% 100%);
}
#index #top .image .imgbox.normal {
  background-image: url(../img/topimage_normal.webp);
}
#index #top .image .imgbox.normal:after {
  border: 1px solid #000;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
#index #top .image .imgbox.daybreak {
  background-image: url(../img/topimage_daybreak.webp?0);
}
#index #top .image .imgbox.daybreak:after {
  border: 1px solid #e84188;
}
#index #top .image .imgbox.daylight {
  background-image: url(../img/topimage_daylight.webp?0);
}
#index #top .image .imgbox.daylight:after {
  border: 1px solid #0081a4;
}
@media (min-width: 800px) {
  #index #top .ctrl {
    pointer-events: auto;
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 10;
    width: 28px;
    background: #0081a4;
    padding: 18px 0px 15px 3px;
    clip-path: polygon(10px 0, 100% 0, 100% 100%, 0 100%, 0 10px);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-direction: column;
  }
  #index #top .ctrl p {
    writing-mode: vertical-rl;
    font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
    font-size: 18px;
    line-height: 1;
  }
  #index #top .ctrl ul {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
  }
  #index #top .ctrl ul li {
    width: 8px;
    height: 35px;
    transition: all 0.15s ease-out;
    cursor: pointer;
  }
  #index #top .ctrl ul li.normal {
    background: #fff;
  }
  #index #top .ctrl ul li.daybreak {
    background: #e84188;
  }
  #index #top .ctrl ul li.daylight {
    background: #0081a4;
    border: 1px solid #fff;
  }
  #index #top .ctrl ul li.on {
    height: 80px;
  }
  #index #top .ctrl {
    transition: all 0.3s ease-out;
  }
  #index #top .ctrl.hdn {
    transform: translateX(100%);
    pointer-events: none;
  }
}
@media (max-width: 800px) {
  #index #top {
    padding: 43px 0px 18px;
  }
  #index #top .top_menu {
    margin-bottom: 33px;
  }
  #index #top .top_menu h1 {
    width: min(235px, 60%);
    margin-bottom: 0;
  }
  #index #top .top_menu h1 .logo {
    margin-bottom: 8px;
    transform: translateX(-5px);
  }
  #index #top .top_menu h1 .sp {
    padding: 0 30px;
  }
  #index #top .top_menu .menu {
    display: none;
  }
  #index #top .image {
    position: relative;
    height: 420px;
    aspect-ratio: auto;
  }
  #index #top .image:after {
    background-image: url(../img/topimage_sp_mono.webp), url(../img/topimage_sp_head_mono.png);
    background-position: 0 10px, 50% 0;
    background-repeat: repeat-x;
    background-size: auto 410px, 100% auto;
    animation: top_anm 30s linear infinite;
  }
  #index #top .image:before {
    display: none;
  }
  #index #top .image .imgbox {
    background-position: 0 10px, 50% 0;
    background-repeat: repeat-x;
    background-size: auto 410px, 100% auto;
    animation: top_anm 30s linear infinite;
  }
  #index #top .image .imgbox:after {
    display: none;
  }
  #index #top .image .imgbox.normal {
    background-image: url(../img/topimage_sp_normal.webp), url(../img/topimage_sp_head_normal.png);
  }
  #index #top .image .imgbox.daybreak {
    background-image: url(../img/topimage_sp_daybreak.webp?0), url(../img/topimage_sp_head_daybreak.png?0);
  }
  #index #top .image .imgbox.daylight {
    background-image: url(../img/topimage_sp_daylight.webp?0), url(../img/topimage_sp_head_daylight.png?0);
  }
  @keyframes top_anm {
    0% {
      background-position: 0 10px, 50% 0;
    }
    100% {
      background-position: -898px 10px, 50% 0;
    }
  }
  #index #top .ctrl {
    margin-top: 8px;
    padding-left: 38%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  #index #top .ctrl p {
    font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
    font-size: 14px;
    line-height: 1;
  }
  #index #top .ctrl ul {
    display: flex;
    gap: 10px;
  }
  #index #top .ctrl ul:before {
    content: "…";
  }
  #index #top .ctrl ul li {
    width: 20px;
    aspect-ratio: 1/1;
    opacity: 0.5;
    transform: scale(0.8);
    background-repeat: no-repeat;
    background-size: contain;
  }
  #index #top .ctrl ul li.normal {
    background-image: url(../img/obj_01_w.png);
  }
  #index #top .ctrl ul li.daybreak {
    background-image: url(../img/obj_01_daybreak.png);
  }
  #index #top .ctrl ul li.daylight {
    background-image: url(../img/obj_01_daylight.png);
  }
  #index #top .ctrl ul li.on {
    opacity: 1;
    transform: scale(1);
  }
}
#index #news {
  position: relative;
}
#index #news .btn_wrap {
  margin-top: 15px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}
@media (max-width: 800px) {
  #index #news {
    padding-bottom: 75px;
  }
}
#index #introduction .h01 {
  margin-bottom: 60px;
}
#index #introduction .pg_box {
  position: relative;
  width: 100%;
  display: flex;
  gap: 50px;
  align-items: center;
  justify-content: space-between;
}
#index #introduction .pg_box .img {
  width: 530px;
  padding-top: 0px;
}
#index #introduction .pg_box .txt {
  flex: 1;
  font-size: 110%;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
#index #introduction .pg_box .txt p:not(:nth-last-of-type(1)) {
  margin-bottom: 30px;
}
#index #introduction .pg_box .txt span {
  display: inline-block;
}
@media (max-width: 800px) {
  #index #introduction .h01 {
    margin-bottom: 25px;
  }
  #index #introduction .pg_box {
    flex-direction: column;
    gap: 25px;
  }
  #index #introduction .pg_box .img {
    width: 85%;
    padding-top: 10px;
  }
  #index #introduction .pg_box .txt {
    font-size: 100%;
    letter-spacing: 0;
  }
  #index #introduction .pg_box .txt p:not(:nth-last-of-type(1)) {
    margin-bottom: 20px;
  }
}
#index #movie {
  position: relative;
  padding-inline: 0;
}
#index #movie .pg_wrapper {
  position: relative;
  width: 100%;
}
#index #movie .slider_wrap {
  position: relative;
  width: 100%;
  top: -15px;
  left: 0;
  height: 100%;
  overflow: hidden;
  transition: all 0.8s ease-out, height 0.2s ease-out !important;
}
#index #movie .slider_wrap .pp_movie_btn {
  width: 800px;
  position: absolute;
  top: 0;
  cursor: pointer;
  aspect-ratio: 16/9;
  padding: 20px 30px;
  overflow: visible;
  transition: opacity 0.5s ease-out, transform 0.2s ease-out;
}
#index #movie .slider_wrap .pp_movie_btn .thumb {
  position: relative;
  background: linear-gradient(to right, #e84188 50%, #0081a4 50.1%);
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
  padding: 5px;
}
#index #movie .slider_wrap .pp_movie_btn .thumb img {
  width: 100%;
  clip-path: polygon(0 0, calc(100% - 38px) 0, 100% 38px, 100% 100%, 42px 100%, 0 calc(100% - 38px));
}
#index #movie .slider_wrap .pp_movie_btn .thumb:before {
  content: "";
  display: block;
  position: absolute;
  inset: 5px;
  z-index: 2;
  background: #666;
  opacity: 0.5;
  clip-path: polygon(0 0, calc(100% - 38px) 0, 100% 38px, 100% 100%, 38px 100%, 0 calc(100% - 38px));
}
#index #movie .slider_wrap .pp_movie_btn .thumb:after {
  content: "";
  display: block;
  position: absolute;
  width: 140px;
  aspect-ratio: 1/1;
  z-index: 3;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 70px;
  background: url(../img/movie_playbtn.png) 50% 50% no-repeat rgba(23, 21, 21, 0.8);
  background-size: contain;
}
#index #movie .slider_wrap .pp_movie_btn .thumb p {
  position: absolute;
  bottom: 15px;
  right: 15px;
  z-index: 3;
  padding: 0 10px;
  font-size: 80%;
  color: #fff;
  background: rgba(23, 21, 21, 0.8);
}
#index #movie .slider_wrap .pp_movie_btn.active {
  opacity: 1;
}
#index #movie .slider_wrap .pp_movie_btn.active .frame:after {
  opacity: 1;
  transform: scale(1);
}
#index #movie .slider_wrap .pp_movie_btn:hover {
  transform: scale(1.05);
}
#index #movie .slider_wrap.noslid {
  display: flex;
  justify-content: center;
  align-items: center;
}
#index #movie .slider_wrap.noslid .pp_movie_btn {
  position: relative;
}
#index #movie .ctrl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 40px;
}
#index #movie .ctrl .slider_ctrl_btn {
  cursor: pointer;
  width: 25px;
  aspect-ratio: 1/1;
  border: 1px solid #171515;
  font-size: 13px;
  line-height: 25px;
  text-align: center;
}
#index #movie .ctrl .slider_ctrl_btn:hover {
  background: #171515;
  color: #fff;
}
#index #movie .ctrl .slider_maru {
  display: flex;
  gap: 15px;
  justify-content: center;
}
#index #movie .ctrl .slider_maru li {
  width: 20px;
  aspect-ratio: 1/1;
  cursor: pointer;
  opacity: 0.5;
  background: url(../img/obj_01_b.png) 50% 50% no-repeat;
  background-size: contain;
}
#index #movie .ctrl .slider_maru li.on, #index #movie .ctrl .slider_maru li:hover {
  opacity: 1;
}
@media (max-width: 800px) {
  #index #movie {
    padding-inline: 0px;
  }
  #index #movie .h01 {
    padding-inline: 25px;
  }
  #index #movie .slider_wrap {
    margin-bottom: 5px;
  }
  #index #movie .slider_wrap .pp_movie_btn {
    width: 80vw;
    padding: 20px 5px 0px;
  }
  #index #movie .slider_wrap .pp_movie_btn p {
    margin-top: 20px;
    font-size: 80%;
    line-height: 1.3;
  }
  #index #movie .slider_wrap .pp_movie_btn .thumb {
    padding: 3px;
  }
  #index #movie .slider_wrap .pp_movie_btn .thumb:before {
    inset: 3px;
  }
  #index #movie .slider_wrap .pp_movie_btn .thumb:after {
    width: 70px;
  }
  #index #movie .ctrl {
    gap: 25px;
  }
  #index #movie .ctrl .slider_ctrl_btn {
    width: 20px;
    font-size: 10px;
    line-height: 20px;
  }
  #index #movie .ctrl .slider_maru {
    gap: 12px;
  }
  #index #movie .ctrl .slider_maru li {
    width: 15px;
  }
}
#index #artist {
  position: relative;
}
#index #artist .pg_wrapper {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}
#index #artist .pg_wrapper .group {
  position: relative;
  cursor: pointer;
  padding: 40px 30px;
  width: 30.5%;
  max-width: 360px;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: all 0.6s ease-out;
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
}
#index #artist .pg_wrapper .group:before {
  content: "";
  display: block;
  position: absolute;
  inset: 1px;
  z-index: 1;
  clip-path: polygon(0 0, calc(100% - 40px) 0, 100% 40px, 100% 100%, 40px 100%, 0 calc(100% - 40px));
  background: linear-gradient(to bottom, rgba(23, 21, 21, 0.8), #171515 80%);
  transition: all 0.3s ease-out;
}
#index #artist .pg_wrapper .group .img {
  position: relative;
  z-index: 3;
  width: 70%;
  aspect-ratio: 1/1;
  margin-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
#index #artist .pg_wrapper .group .img img {
  transform: rotateY(360deg) translateY(-20px);
  opacity: 0;
  transition: all 1s ease-out;
}
#index #artist .pg_wrapper .group .img:before, #index #artist .pg_wrapper .group .img:after {
  content: "";
  display: block;
  position: absolute;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  transform: scale(0);
  opacity: 1;
}
#index #artist .pg_wrapper .group .btn, #index #artist .pg_wrapper .group .btn--s, #index #artist .pg_wrapper .group .btn--l {
  width: 80%;
}
#index #artist .pg_wrapper .group:nth-of-type(2) {
  transition-delay: 0.2s;
}
#index #artist .pg_wrapper .group:nth-of-type(2) img {
  transition-delay: 0.2s;
}
#index #artist .pg_wrapper .group:nth-of-type(3) {
  transition-delay: 0.4s;
}
#index #artist .pg_wrapper .group:nth-of-type(3) img {
  transition-delay: 0.4s;
}
#index #artist .pg_wrapper .group.show {
  opacity: 1;
}
#index #artist .pg_wrapper .group.show img {
  transform: rotateY(0) translateY(0);
  opacity: 1;
}
#index #artist .pg_wrapper .group.st {
  background: #cfb349;
}
#index #artist .pg_wrapper .group.st .btn:after, #index #artist .pg_wrapper .group.st .btn--s:after, #index #artist .pg_wrapper .group.st .btn--l:after {
  -o-border-image: none;
     border-image: none;
  border-color: #cfb349;
}
#index #artist .pg_wrapper .group.st .btn:before, #index #artist .pg_wrapper .group.st .btn--s:before, #index #artist .pg_wrapper .group.st .btn--l:before {
  background-color: #cfb349;
}
#index #artist .pg_wrapper .group.st .btn a, #index #artist .pg_wrapper .group.st .btn--s a, #index #artist .pg_wrapper .group.st .btn--l a, #index #artist .pg_wrapper .group.st .btn p, #index #artist .pg_wrapper .group.st .btn--s p, #index #artist .pg_wrapper .group.st .btn--l p {
  color: #cfb349;
}
#index #artist .pg_wrapper .group.st .btn .obj_l:before, #index #artist .pg_wrapper .group.st .btn--s .obj_l:before, #index #artist .pg_wrapper .group.st .btn--l .obj_l:before, #index #artist .pg_wrapper .group.st .btn .obj_l:after, #index #artist .pg_wrapper .group.st .btn--s .obj_l:after, #index #artist .pg_wrapper .group.st .btn--l .obj_l:after, #index #artist .pg_wrapper .group.st .btn .obj_r:before, #index #artist .pg_wrapper .group.st .btn--s .obj_r:before, #index #artist .pg_wrapper .group.st .btn--l .obj_r:before, #index #artist .pg_wrapper .group.st .btn .obj_r:after, #index #artist .pg_wrapper .group.st .btn--s .obj_r:after, #index #artist .pg_wrapper .group.st .btn--l .obj_r:after {
  background: #cfb349;
}
#index #artist .pg_wrapper .group.qn {
  background: #cecece;
}
#index #artist .pg_wrapper .group.qn .btn:after, #index #artist .pg_wrapper .group.qn .btn--s:after, #index #artist .pg_wrapper .group.qn .btn--l:after {
  -o-border-image: none;
     border-image: none;
  border-color: #cecece;
}
#index #artist .pg_wrapper .group.qn .btn:before, #index #artist .pg_wrapper .group.qn .btn--s:before, #index #artist .pg_wrapper .group.qn .btn--l:before {
  background-color: #999;
}
#index #artist .pg_wrapper .group.qn .btn a, #index #artist .pg_wrapper .group.qn .btn--s a, #index #artist .pg_wrapper .group.qn .btn--l a, #index #artist .pg_wrapper .group.qn .btn p, #index #artist .pg_wrapper .group.qn .btn--s p, #index #artist .pg_wrapper .group.qn .btn--l p {
  color: #cecece;
}
#index #artist .pg_wrapper .group.qn .btn .obj_l:before, #index #artist .pg_wrapper .group.qn .btn--s .obj_l:before, #index #artist .pg_wrapper .group.qn .btn--l .obj_l:before, #index #artist .pg_wrapper .group.qn .btn .obj_l:after, #index #artist .pg_wrapper .group.qn .btn--s .obj_l:after, #index #artist .pg_wrapper .group.qn .btn--l .obj_l:after, #index #artist .pg_wrapper .group.qn .btn .obj_r:before, #index #artist .pg_wrapper .group.qn .btn--s .obj_r:before, #index #artist .pg_wrapper .group.qn .btn--l .obj_r:before, #index #artist .pg_wrapper .group.qn .btn .obj_r:after, #index #artist .pg_wrapper .group.qn .btn--s .obj_r:after, #index #artist .pg_wrapper .group.qn .btn--l .obj_r:after {
  background: #cecece;
}
#index #artist .pg_wrapper .group.hv {
  background: #5675f4;
}
#index #artist .pg_wrapper .group.hv .btn:after, #index #artist .pg_wrapper .group.hv .btn--s:after, #index #artist .pg_wrapper .group.hv .btn--l:after {
  -o-border-image: none;
     border-image: none;
  border-color: #5675f4;
}
#index #artist .pg_wrapper .group.hv .btn:before, #index #artist .pg_wrapper .group.hv .btn--s:before, #index #artist .pg_wrapper .group.hv .btn--l:before {
  background-color: #5675f4;
}
#index #artist .pg_wrapper .group.hv .btn a, #index #artist .pg_wrapper .group.hv .btn--s a, #index #artist .pg_wrapper .group.hv .btn--l a, #index #artist .pg_wrapper .group.hv .btn p, #index #artist .pg_wrapper .group.hv .btn--s p, #index #artist .pg_wrapper .group.hv .btn--l p {
  color: #5675f4;
}
#index #artist .pg_wrapper .group.hv .btn .obj_l:before, #index #artist .pg_wrapper .group.hv .btn--s .obj_l:before, #index #artist .pg_wrapper .group.hv .btn--l .obj_l:before, #index #artist .pg_wrapper .group.hv .btn .obj_l:after, #index #artist .pg_wrapper .group.hv .btn--s .obj_l:after, #index #artist .pg_wrapper .group.hv .btn--l .obj_l:after, #index #artist .pg_wrapper .group.hv .btn .obj_r:before, #index #artist .pg_wrapper .group.hv .btn--s .obj_r:before, #index #artist .pg_wrapper .group.hv .btn--l .obj_r:before, #index #artist .pg_wrapper .group.hv .btn .obj_r:after, #index #artist .pg_wrapper .group.hv .btn--s .obj_r:after, #index #artist .pg_wrapper .group.hv .btn--l .obj_r:after {
  background: #5675f4;
}
@media (min-width: 800px) {
  #index #artist .pg_wrapper .group:hover:before {
    opacity: 0.8;
  }
  #index #artist .pg_wrapper .group:hover .btn:before, #index #artist .pg_wrapper .group:hover .btn--s:before, #index #artist .pg_wrapper .group:hover .btn--l:before {
    transform-origin: 0 0;
    transform: scaleX(1);
  }
  #index #artist .pg_wrapper .group:hover .btn p, #index #artist .pg_wrapper .group:hover .btn--s p, #index #artist .pg_wrapper .group:hover .btn--l p, #index #artist .pg_wrapper .group:hover .btn a, #index #artist .pg_wrapper .group:hover .btn--s a, #index #artist .pg_wrapper .group:hover .btn--l a {
    color: #fff;
  }
}
@media (max-width: 800px) {
  #index #artist {
    padding-bottom: 55px;
  }
  #index #artist .pg_wrapper {
    flex-wrap: wrap;
    gap: 15px 2%;
  }
  #index #artist .pg_wrapper .group {
    width: 48%;
    padding: 15px 15px 20px;
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
  }
  #index #artist .pg_wrapper .group:before {
    clip-path: polygon(0 0, calc(100% - 20px) 0, 100% 20px, 100% 100%, 20px 100%, 0 calc(100% - 20px));
  }
  #index #artist .pg_wrapper .group .img {
    margin-bottom: 10px;
  }
  #index #artist .pg_wrapper .group .btn, #index #artist .pg_wrapper .group .btn--s, #index #artist .pg_wrapper .group .btn--l {
    width: 100%;
  }
}
#index section.pg:nth-of-type(odd)#artist .pg_wrapper .group:before {
  background: linear-gradient(to bottom, rgba(224, 224, 224, 0.7), #e0e0e0 80%);
}
#index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn {
  background: #999;
}
#index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l:after {
  border-color: #666;
}
#index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn a, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s a, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l a, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn p, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s p, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l p {
  color: #666;
}
#index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn .obj_l:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s .obj_l:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l .obj_l:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn .obj_l:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s .obj_l:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l .obj_l:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn .obj_r:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s .obj_r:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l .obj_r:before, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn .obj_r:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--s .obj_r:after, #index section.pg:nth-of-type(odd)#artist .pg_wrapper .group.qn .btn--l .obj_r:after {
  background: #999;
}

#ticket #ticket_gaiyou h3 {
  margin-bottom: 10px;
  font-weight: 400;
  letter-spacing: 3px;
  text-indent: 3px;
}
#ticket #ticket_gaiyou h3 .s {
  font-size: 120%;
  line-height: 1;
  margin-bottom: 5px;
  font-weight: 900;
}
#ticket #ticket_gaiyou h3 .ttl {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 420%;
  line-height: 1.2;
}
#ticket #ticket_gaiyou h3 .subttl {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 300%;
  line-height: 1.1;
}
#ticket #ticket_gaiyou .day_wrap {
  font-weight: 600;
  margin-bottom: 40px;
}
#ticket #ticket_gaiyou .day_wrap .place {
  font-size: 180%;
}
#ticket #ticket_gaiyou .day_wrap .day {
  font-size: 130%;
}
#ticket #ticket_gaiyou .hoshi_wrap {
  margin-bottom: 50px;
  display: flex;
  align-items: flex-end;
  gap: 50px;
}
#ticket #ticket_gaiyou .hoshi_wrap .img {
  padding: 0 3px;
}
#ticket #ticket_gaiyou .hoshi_wrap .attention {
  padding: 20px 30px;
  border: 1px dotted #666;
}
#ticket #ticket_gaiyou .hoshi_wrap .attention .hoshi_item {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
#ticket #ticket_gaiyou .hoshi_wrap .attention .hoshi_item .hoshi_icon {
  width: 2em;
}
#ticket #ticket_gaiyou .hoshi_wrap .attention .ul_attention, #ticket #ticket_gaiyou .hoshi_wrap .attention ul.ul_attention--border {
  margin-top: 15px;
}
#ticket #ticket_gaiyou .kaizyou {
  gap: 20px;
  margin-bottom: 50px;
}
#ticket #ticket_gaiyou .kaizyou .map {
  margin-right: 20px;
  width: 50%;
}
#ticket #ticket_gaiyou .kaizyou .map iframe {
  height: 100%;
  width: 100%;
}
#ticket #ticket_gaiyou .kaizyou table {
  border-top: 1px dotted rgba(23, 21, 21, 0.8);
  text-align: left;
}
#ticket #ticket_gaiyou .kaizyou table tr {
  border-bottom: 1px dotted rgba(23, 21, 21, 0.8);
}
#ticket #ticket_gaiyou .kaizyou table tr th {
  display: block;
  padding-top: 15px;
  font-size: 80%;
  line-height: 1.2;
  opacity: 0.6;
}
#ticket #ticket_gaiyou .kaizyou table tr td {
  display: block;
  line-height: 1.4;
  padding-bottom: 15px;
}
#ticket #ticket_ticket #ticket_price .ticket_spec {
  display: flex;
  justify-content: space-between;
  text-align: center;
  margin-bottom: 30px;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li {
  position: relative;
  width: 23%;
  padding: 25px 25px 27px;
  display: flex;
  flex-direction: column;
  transition: all 0.4s ease-out;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li:before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 5px;
  background: url(../img/ttl_obj.png) 50% 50% no-repeat;
  background-size: contain;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap {
  position: relative;
  min-height: 102px;
  padding-bottom: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-weight: 600;
  border-bottom: 1px solid #777;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .type {
  font-size: 280%;
  line-height: 1;
  letter-spacing: 2px;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .type span.en {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .type span.s {
  font-size: 70%;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .upgrade {
  font-weight: 600;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap {
  flex: 1;
  padding: 12px 0 0;
  font-weight: 600;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap .price {
  position: relative;
  min-height: 61px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 75%;
  line-height: 1.2;
  margin-bottom: 15px;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap .price .en {
  font-size: 140%;
}
#ticket #ticket_ticket #ticket_price .ticket_spec li .btn, #ticket #ticket_ticket #ticket_price .ticket_spec li .btn--s, #ticket #ticket_ticket #ticket_price .ticket_spec li .btn--l {
  margin-top: auto;
}
#ticket #ticket_hanbai .hoshi_icon {
  position: relative;
  transform: translateY(3px);
}
#ticket #ticket_hanbai .disc {
  margin-bottom: 30px;
}
#ticket #ticket_hanbai .disc p {
  margin-bottom: 10px;
}
#ticket #ticket_hanbai .drop_list .dl_disc {
  font-size: 100%;
}
@media (max-width: 800px) {
  #ticket #ticket_gaiyou h3 {
    letter-spacing: 1px;
    padding-top: 5px;
  }
  #ticket #ticket_gaiyou h3 .s {
    font-size: 110%;
    margin-bottom: 5px;
  }
  #ticket #ticket_gaiyou h3 .ttl {
    font-size: 350%;
    line-height: 1.1;
  }
  #ticket #ticket_gaiyou h3 .subttl {
    font-size: 200%;
    line-height: 1;
    display: block;
  }
  #ticket #ticket_gaiyou .day_wrap {
    margin-bottom: 20px;
  }
  #ticket #ticket_gaiyou .day_wrap .place {
    font-size: 140%;
  }
  #ticket #ticket_gaiyou .day_wrap .day {
    font-size: 110%;
  }
  #ticket #ticket_gaiyou .hoshi_wrap {
    margin-bottom: 15px;
    flex-direction: column;
    gap: 10px;
  }
  #ticket #ticket_gaiyou .hoshi_wrap .img {
    padding: 0 3px;
  }
  #ticket #ticket_gaiyou .hoshi_wrap .attention {
    padding: 5px 10px 10px;
  }
  #ticket #ticket_gaiyou .hoshi_wrap .attention .kouen {
    display: flex;
    gap: 10px;
    font-size: 85%;
  }
  #ticket #ticket_gaiyou .hoshi_wrap .attention .kouen .hoshi_item {
    margin-bottom: 0;
  }
  #ticket #ticket_gaiyou .hoshi_wrap .attention .ul_attention, #ticket #ticket_gaiyou .hoshi_wrap .attention ul.ul_attention--border {
    margin-top: 5px;
  }
  #ticket #ticket_gaiyou .kaizyou {
    flex-direction: column;
    margin-bottom: 10px;
  }
  #ticket #ticket_gaiyou .kaizyou .map {
    width: 100%;
    order: 2;
  }
  #ticket #ticket_gaiyou .kaizyou table {
    order: 1;
    font-size: 95%;
    line-height: 1.3;
  }
  #ticket #ticket_gaiyou .kaizyou table tr th {
    padding-top: 7px;
  }
  #ticket #ticket_gaiyou .kaizyou table tr td {
    padding-bottom: 7px;
    font-size: 95%;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec {
    flex-wrap: wrap;
    padding: 0 6px;
    gap: 25px 4%;
    margin-bottom: 15px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li {
    width: 48%;
    padding: 13px 13px 8px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li:before {
    height: 30px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap {
    min-height: 65px;
    padding-bottom: 5px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .type {
    font-size: 250%;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .type_wrap .upgrade {
    font-size: 12px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap {
    padding: 8px 0;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap .price {
    font-size: 70%;
    min-height: 55px;
    margin-bottom: 8px;
  }
  #ticket #ticket_ticket #ticket_price .ticket_spec li .price_wrap .price .en {
    font-size: 160%;
  }
  #ticket #ticket_ticket #ticket_tokuten .wrap {
    padding: 5px 40px 5px 0;
    width: 100%;
    overflow-x: scroll;
    margin-top: -5px;
    -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);
            mask-image: linear-gradient(to right, #000 calc(100% - 40px), transparent);
  }
  #ticket #ticket_ticket #ticket_tokuten table.table_block, #ticket #ticket_ticket #ticket_tokuten table.table_block--noth {
    width: auto;
  }
  #ticket #ticket_ticket #ticket_tokuten table.table_block tr th, #ticket #ticket_ticket #ticket_tokuten table.table_block--noth tr th, #ticket #ticket_ticket #ticket_tokuten table.table_block tr td, #ticket #ticket_ticket #ticket_tokuten table.table_block--noth tr td {
    height: 50px;
  }
  #ticket #ticket_ticket #ticket_tokuten table.table_block tr th:nth-of-type(1), #ticket #ticket_ticket #ticket_tokuten table.table_block--noth tr th:nth-of-type(1) {
    min-width: 130px;
  }
  #ticket #ticket_hanbai .pg_box > .disc {
    text-align: left;
  }
  #ticket #ticket_hanbai .drop_list .dl_disc {
    font-size: 90%;
  }
  #ticket #ticket_hanbai .drop_list .btn--l {
    margin: 30px auto;
  }
}

#goods .cmsn {
  font-size: 200%;
}
#goods #goods_lineup .selectbox {
  position: relative;
  font-size: 90%;
  display: flex;
  margin-bottom: 30px;
}
#goods #goods_lineup .selectbox > li {
  position: relative;
  padding: 0 30px;
  cursor: pointer;
}
#goods #goods_lineup .selectbox > li:before, #goods #goods_lineup .selectbox > li:after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  background: rgba(23, 21, 21, 0.3);
}
#goods #goods_lineup .selectbox > li:before {
  left: 0;
}
#goods #goods_lineup .selectbox > li:after {
  display: none;
}
#goods #goods_lineup .selectbox > li:nth-last-of-type(1):after {
  display: block;
  right: 0;
}
#goods #goods_lineup .selectbox > li > div {
  position: relative;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
#goods #goods_lineup .selectbox > li > div .active {
  display: block;
  font-size: 80%;
  line-height: 1;
  opacity: 0;
  height: 0;
  overflow: hidden;
  transition: all 0.15s ease-out;
}
#goods #goods_lineup .selectbox > li > div .active.on {
  opacity: 0.7;
  height: 1em;
}
#goods #goods_lineup .selectbox .child {
  position: absolute;
  z-index: 2;
  top: 100%;
  left: 0;
  width: 100%;
  background: rgba(23, 21, 21, 0.9);
  font-size: 90%;
}
#goods #goods_lineup .selectbox .child li {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  align-items: center;
  padding: 0 15px;
  height: 0;
  transition: all 0.15s ease-out;
  color: #fff;
}
#goods #goods_lineup .selectbox .child li:nth-of-type(1) {
  border-radius: 5px 5px 0 0;
}
#goods #goods_lineup .selectbox .child li:nth-last-of-type(1) {
  border-radius: 0 0 5px 5px;
}
#goods #goods_lineup .selectbox .child li a {
  display: block;
  width: 100%;
}
#goods #goods_lineup .selectbox .child.on li {
  height: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#goods #goods_lineup .pg_wrapper {
  max-width: 1200px;
}
#goods #goods_lineup .ul_attention, #goods #goods_lineup ul.ul_attention--border {
  padding: 25px 40px;
  gap: 0 30px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 40px;
}
@media (max-width: 800px) {
  #goods #goods_lineup .selectbox {
    margin-bottom: 15px;
    font-size: 80%;
  }
  #goods #goods_lineup .selectbox > li {
    padding: 0 15px;
  }
  #goods #goods_lineup .selectbox > li > div {
    height: 30px;
  }
  #goods #goods_lineup .selectbox .child {
    font-size: 100%;
  }
  #goods #goods_lineup .selectbox .child.on li {
    height: 30px;
  }
  #goods #goods_lineup .ul_attention, #goods #goods_lineup ul.ul_attention--border {
    padding: 10px;
    gap: 0 5px;
    margin-top: 20px;
    display: block;
  }
}

#live_viewing #page_header .h01 p, #delay_viewing #page_header .h01 p {
  margin-bottom: 25px;
}
#live_viewing #liveviewing_gaiyou .flex_wrap, #delay_viewing #liveviewing_gaiyou .flex_wrap {
  align-items: center;
  justify-content: space-between;
}
#live_viewing #liveviewing_gaiyou .tokuten, #delay_viewing #liveviewing_gaiyou .tokuten {
  max-width: 230px;
}
#live_viewing #liveviewing_ticket .btn--l, #delay_viewing #liveviewing_ticket .btn--l {
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  #live_viewing #page_header .h01 p, #delay_viewing #page_header .h01 p {
    margin-bottom: 15px;
  }
}

#delay_viewing #delayviewing_gekizyou .table_block th, #delay_viewing #delayviewing_gekizyou .table_block--noth th {
  width: 50%;
}

#bluray_dvd #page_header .h01 p {
  margin-bottom: 25px;
}
#bluray_dvd .h03 p, #bluray_dvd .h03--num p, #bluray_dvd .h03--icon p {
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 800px) {
  #bluray_dvd .h03 p, #bluray_dvd .h03--num p, #bluray_dvd .h03--icon p {
    margin-bottom: -10px;
  }
}
#bluray_dvd .h03 span, #bluray_dvd .h03--num span, #bluray_dvd .h03--icon span {
  display: block;
}
#bluray_dvd .h03 .stxt, #bluray_dvd .h03--num .stxt, #bluray_dvd .h03--icon .stxt {
  font-size: 80%;
  margin-bottom: 3px;
}
#bluray_dvd .h03 .en, #bluray_dvd .h03--num .en, #bluray_dvd .h03--icon .en {
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 100%;
}
#bluray_dvd .btn_wrap.s_wrap {
  font-size: 90%;
  justify-content: space-between;
  padding: 0;
  gap: 20px 10px;
}
#bluray_dvd .btn_wrap.s_wrap .btn--s {
  max-width: calc(50% - 10px);
  margin: 0;
}
#bluray_dvd .btn_wrap.s_wrap .btn--s p {
  padding: 7px 15px 6px 20px;
}
#bluray_dvd #dvd_product_disc {
  text-align: center;
}
#bluray_dvd #dvd_product_disc .navbtn_wrap {
  display: flex;
  justify-content: center;
  gap: 15px;
}
#bluray_dvd #dvd_product_disc .navbtn_wrap .btn--s {
  margin: 0;
}
#bluray_dvd #dvd_product_vera .flex_wrap, #bluray_dvd #dvd_product_verb .flex_wrap {
  padding-top: 30px;
}
#bluray_dvd #dvd_product_vera .img_wrap, #bluray_dvd #dvd_product_verb .img_wrap {
  width: min(100%, 500px);
  margin-right: 20px;
}
#bluray_dvd #dvd_product_vera .txt_wrap, #bluray_dvd #dvd_product_verb .txt_wrap {
  flex: 1;
}
#bluray_dvd #dvd_product_vera .txt_wrap li, #bluray_dvd #dvd_product_verb .txt_wrap li {
  padding: 25px 0;
}
#bluray_dvd #dvd_product_vera .txt_wrap li:not(:nth-last-of-type(1)), #bluray_dvd #dvd_product_verb .txt_wrap li:not(:nth-last-of-type(1)) {
  border-bottom: 1px dotted #9d8a5b;
}
#bluray_dvd #dvd_product_vera .txt_wrap li:nth-of-type(1), #bluray_dvd #dvd_product_verb .txt_wrap li:nth-of-type(1) {
  padding-top: 0;
}
#bluray_dvd #dvd_product_vera .txt_wrap li:nth-last-of-type(1), #bluray_dvd #dvd_product_verb .txt_wrap li:nth-last-of-type(1) {
  padding-bottom: 0;
}
#bluray_dvd #dvd_product_vera .txt_wrap li .wrap, #bluray_dvd #dvd_product_verb .txt_wrap li .wrap {
  display: flex;
  font-weight: wrap;
  gap: 15px;
  align-items: center;
  margin-bottom: 20px;
}
#bluray_dvd #dvd_product_vera .txt_wrap li .wrap .h04, #bluray_dvd #dvd_product_verb .txt_wrap li .wrap .h04 {
  margin-bottom: 0;
}
#bluray_dvd #dvd_product_vera .txt_wrap li .wrap .h04 + p, #bluray_dvd #dvd_product_verb .txt_wrap li .wrap .h04 + p {
  font-size: 85%;
}
#bluray_dvd #dvd_product_vera .txt_wrap .btn--l, #bluray_dvd #dvd_product_verb .txt_wrap .btn--l {
  width: 100%;
  max-width: 100%;
}
#bluray_dvd #dvd_product_vera .txt_wrap .table_spec--s, #bluray_dvd #dvd_product_verb .txt_wrap .table_spec--s {
  line-height: 1.3;
  margin-bottom: 35px;
}
#bluray_dvd #dvd_product_vera .txt_wrap .table_spec--s dl, #bluray_dvd #dvd_product_verb .txt_wrap .table_spec--s dl {
  margin: 0;
}
#bluray_dvd #dvd_product_vera .txt_wrap .table_spec--s dl dt, #bluray_dvd #dvd_product_verb .txt_wrap .table_spec--s dl dt {
  font-size: 105%;
}
#bluray_dvd #dvd_product_vera .txt_wrap .table_spec--s dl dd, #bluray_dvd #dvd_product_verb .txt_wrap .table_spec--s dl dd {
  font-size: 82%;
  line-height: 1.3;
  margin-bottom: 5px;
}
#bluray_dvd #dvd_product_vera .txt_wrap .table_spec--s dl dd:nth-last-of-type(1), #bluray_dvd #dvd_product_verb .txt_wrap .table_spec--s dl dd:nth-last-of-type(1) {
  margin-bottom: 0;
}
#bluray_dvd #dvd_tokuten .txt_wrap {
  flex: 1;
}
#bluray_dvd #dvd_tokuten .img_wrap {
  width: 300px;
}
#bluray_dvd #dvd_animateset .dl_spec dd, #bluray_dvd #dvd_animateset dl.dl_spec--border dd {
  margin-bottom: 30px;
}
#bluray_dvd #dvd_animateset .btn--l {
  margin: 10px 0 0;
}
#bluray_dvd #dvd_contact table.table_spec th, #bluray_dvd #dvd_contact table.table_spec--s th {
  width: 40%;
}
@media (max-width: 800px) {
  #bluray_dvd #page_header .h01 p {
    margin-bottom: 0px;
    line-height: 1.2;
  }
  #bluray_dvd .img_wrap {
    max-width: calc(100% - 100px);
    margin: 0 auto;
  }
  #bluray_dvd .btn_wrap.s_wrap {
    font-size: 80%;
    gap: 12px 4px;
  }
  #bluray_dvd .btn_wrap.s_wrap .btn--s {
    max-width: calc(50% - 2px);
  }
  #bluray_dvd .btn_wrap.s_wrap .btn--s p {
    padding: 5px 10px 4px 15px;
  }
  #bluray_dvd #dvd_product_disc {
    text-align: center;
  }
  #bluray_dvd #dvd_product_disc .navbtn_wrap {
    gap: 5px;
  }
  #bluray_dvd #dvd_product_vera .flex_wrap, #bluray_dvd #dvd_product_verb .flex_wrap {
    padding-top: 15px;
  }
  #bluray_dvd #dvd_product_vera .img_wrap, #bluray_dvd #dvd_product_verb .img_wrap {
    margin: 0 auto;
  }
  #bluray_dvd #dvd_product_vera .txt_wrap li, #bluray_dvd #dvd_product_verb .txt_wrap li {
    padding: 15px 0;
  }
  #bluray_dvd #dvd_product_vera .txt_wrap li:nth-of-type(1), #bluray_dvd #dvd_product_verb .txt_wrap li:nth-of-type(1) {
    padding-top: 15px;
    border-top: 1px dotted #9d8a5b;
  }
  #bluray_dvd #dvd_product_vera .txt_wrap li .wrap, #bluray_dvd #dvd_product_verb .txt_wrap li .wrap {
    margin-bottom: 10px;
    gap: 15px;
  }
  #bluray_dvd #dvd_product_vera .txt_wrap li .wrap .h04 + p, #bluray_dvd #dvd_product_verb .txt_wrap li .wrap .h04 + p {
    font-size: 75%;
  }
  #bluray_dvd #dvd_tokuten .img_wrap {
    margin: 0 auto;
  }
  #bluray_dvd #dvd_animateset .h02 {
    letter-spacing: 5px;
  }
  #bluray_dvd #dvd_animateset .h02 .show {
    letter-spacing: 0px;
  }
  #bluray_dvd #dvd_animateset .show {
    letter-spacing: 0px;
  }
  #bluray_dvd #dvd_animateset .dl_spec dd, #bluray_dvd #dvd_animateset dl.dl_spec--border dd {
    margin-bottom: 20px;
  }
  #bluray_dvd #dvd_animateset .btn--l {
    margin: 10px 0 0;
    width: 100%;
  }
  #bluray_dvd #dvd_animateset .img_wrap {
    width: 300px;
    margin: 10px auto 0;
  }
  #bluray_dvd #dvd_contact table.table_spec th, #bluray_dvd #dvd_contact table.table_spec--s th, #bluray_dvd #dvd_contact table.table_spec td, #bluray_dvd #dvd_contact table.table_spec--s td {
    width: 100%;
    display: block;
    text-align: center;
  }
  #bluray_dvd #dvd_contact table.table_spec th, #bluray_dvd #dvd_contact table.table_spec--s th {
    padding: 20px 0 3px;
    color: #9d8a5b;
  }
  #bluray_dvd #dvd_contact table.table_spec th:after, #bluray_dvd #dvd_contact table.table_spec--s th:after {
    display: none;
  }
  #bluray_dvd #dvd_contact table.table_spec td, #bluray_dvd #dvd_contact table.table_spec--s td {
    padding: 3px 0 20px;
  }
}

#popup.pp_spec .pg_box {
  margin-bottom: 100px;
}
#popup.pp_spec .h04 {
  margin-bottom: 10px;
}
#popup.pp_spec #dvd_product_spec .artist p:not(:nth-last-of-type(1)) {
  margin-bottom: 5px;
}
#popup.pp_spec #dvd_product_set .flex_wrap {
  align-items: center;
}
#popup.pp_spec #dvd_product_set .flex_wrap .txt_wrap {
  flex: 1;
}
#popup.pp_spec #dvd_product_set .flex_wrap .txt_wrap .wrap:nth-of-type(1) {
  margin-bottom: 30px;
}
#popup.pp_spec #dvd_product_set .flex_wrap .img_wrap {
  width: 300px;
  margin: 0 auto;
}
#popup.pp_spec #dvd_product_track .table_block, #popup.pp_spec #dvd_product_track .table_block--noth {
  margin-bottom: 30px;
}
#popup.pp_spec #dvd_product_track .table_block th span, #popup.pp_spec #dvd_product_track .table_block--noth th span {
  display: block;
  font-size: 80%;
  line-height: 1.2;
}
#popup.pp_spec #dvd_product_track .table_block td, #popup.pp_spec #dvd_product_track .table_block--noth td {
  text-align: left;
  padding: 10px 20px;
}
@media (max-width: 800px) {
  #popup.pp_spec .pg_box {
    margin-bottom: 40px;
  }
  #popup.pp_spec #dvd_product_set .flex_wrap .txt_wrap .wrap:nth-of-type(1) {
    margin-bottom: 20px;
  }
  #popup.pp_spec #dvd_product_set .flex_wrap .img_wrap {
    width: 300px;
    margin: 0 auto;
  }
}

@media (max-width: 800px) {
  #notice .h01 .main {
    font-size: 40px;
  }
}

#topics #container .h01 {
  margin-bottom: 10px;
}
#topics #container .h01 .main {
  font-size: 40px;
  line-height: 1.2;
  width: -moz-fit-content;
  width: fit-content;
}
#topics #container .h01 .sub {
  display: none;
}
#topics section.pg .day {
  margin-bottom: 10px;
  width: min(1200px, 100%);
  margin: 0 auto 20px;
  opacity: 0.5;
  padding-left: 3px;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  letter-spacing: 1px;
  font-size: 110%;
}
#topics section.pg .day .w {
  font-size: 80%;
  letter-spacing: 0;
}
@media (max-width: 800px) {
  #topics #container .h01 {
    margin-bottom: 5px;
  }
  #topics #container .h01 .main {
    font-size: 23.5px;
    line-height: 1.2;
  }
}

#popup, #popup_movie {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1010;
  padding: 15px;
  opacity: 0;
  transition: all 0.3s ease-out;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}
#popup > .bg, #popup_movie > .bg {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  background: url(../img/bg_text.png) 50% 50% no-repeat #211f1f;
  background-size: 100% auto;
  border-left: 10px solid #e84188;
  border-right: 10px solid #0081a4;
}
#popup > .bg:before, #popup_movie > .bg:before {
  content: "";
  display: block;
  position: absolute;
  inset: -50%;
  background: url(../img/bg_pt.png);
  transform: rotate(-22deg);
  opacity: 0.3;
}
#popup > .bg .light, #popup_movie > .bg .light {
  position: absolute;
  inset: 0;
}
#popup > .bg .light:before, #popup > .bg .light:after, #popup_movie > .bg .light:before, #popup_movie > .bg .light:after {
  content: "";
  display: block;
  position: absolute;
  width: 70%;
  aspect-ratio: 1/1;
}
#popup > .bg .light:before, #popup_movie > .bg .light:before {
  background: radial-gradient(rgba(232, 65, 136, 0.1), rgba(232, 65, 136, 0) 70%);
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
}
#popup > .bg .light:after, #popup_movie > .bg .light:after {
  background: radial-gradient(rgba(0, 129, 164, 0.1), rgba(0, 129, 164, 0) 70%);
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
}
#popup.on, #popup_movie.on {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
#popup .close, #popup_movie .close {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 10;
  cursor: pointer;
  opacity: 0;
  transition: all 0.3s ease-out;
}
#popup .close span, #popup_movie .close span {
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  transition: all 0.3s ease-out;
}
#popup .close span:before, #popup .close span:after, #popup_movie .close span:before, #popup_movie .close span:after {
  content: "";
  display: block;
  position: absolute;
  width: 95%;
  height: 2px;
  top: calc(50% - 2px);
  left: 2.5%;
  background: #fff;
}
#popup .close span:before, #popup_movie .close span:before {
  transform: rotate(30deg);
}
#popup .close span:after, #popup_movie .close span:after {
  transform: rotate(-30deg);
}
@media (min-width: 800px) {
  #popup .close:hover span, #popup_movie .close:hover span {
    rotate: 180deg;
  }
}
#popup .close.on, #popup_movie .close.on {
  opacity: 1;
}
#popup .content, #popup_movie .content {
  position: relative;
  width: 95%;
  height: 95%;
  max-width: 1400px;
  max-height: 900px;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.5s ease-out 0.5s;
  opacity: 0;
  transform: scale(1.05);
  border: 2px solid transparent;
  -o-border-image: url(../img/boxframe.png) 20 fill/20px/0px;
     border-image: url(../img/boxframe.png) 20 fill/20px/0px;
  padding: 50px;
}
@media (max-width: 800px) {
  #popup .content, #popup_movie .content {
    -o-border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
       border-image: url(../img/boxframe.png) 20 fill/14px/0px stretch;
    padding: 25px 20px;
  }
}
#popup .content, #popup_movie .content {
  border-image-source: url(../img/boxframe_b.png);
}
#popup .content.on, #popup_movie .content.on {
  opacity: 1;
  transform: scale(1);
}
#popup .content .wrapper, #popup_movie .content .wrapper {
  position: relative;
  z-index: 10;
  padding: 20px 20px 20px 20px;
  width: 100%;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  transition: all 0.5s ease-out 0.3s;
}
#popup .content .wrapper.on, #popup_movie .content .wrapper.on {
  opacity: 1;
}
#popup .content .wrapper.noscroll, #popup_movie .content .wrapper.noscroll {
  overflow: hidden;
}
#popup .content .loading, #popup_movie .content .loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  transition: all 0.3s ease-out;
  opacity: 1;
  letter-spacing: 2px;
  text-indent: 2px;
  font-size: 85%;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
}
#popup .content .loading.on, #popup_movie .content .loading.on {
  opacity: 0;
}
@media (max-width: 800px) {
  #popup > .bg, #popup_movie > .bg {
    background: url(../img/bg_text_sp.png) 50% 50% no-repeat #211f1f;
    background-size: 120% auto;
    border-width: 5px;
  }
  #popup > .bg:before, #popup_movie > .bg:before {
    background-size: 90px auto;
  }
  #popup .close, #popup_movie .close {
    top: 12px;
    right: 12px;
  }
  #popup .close span, #popup_movie .close span {
    width: 40px;
    height: 40px;
  }
  #popup .content, #popup_movie .content {
    -o-border-image: none;
       border-image: none;
    width: 100%;
    height: 100%;
    padding: 20px 5px;
  }
  #popup .content .wrapper, #popup_movie .content .wrapper {
    padding: 10px 15px;
  }
}

#popup.img .content {
  height: auto;
  padding: 0;
  margin-bottom: 10px;
  -o-border-image: none;
     border-image: none;
}
#popup.img .content .wrapper {
  padding: 0;
}

#popup.pp_news ul.ul_newslist li a, #popup.pp_news ul.ul_newslist li .notlink {
  color: #fff;
}
#popup.pp_news ul.ul_newslist li a .txt .page, #popup.pp_news ul.ul_newslist li .notlink .txt .page {
  background: #ccc;
}
#popup.pp_news ul.ul_newslist li a .txt .page span, #popup.pp_news ul.ul_newslist li .notlink .txt .page span {
  color: #171515;
}

#popup.pp_item .content {
  max-width: 1200px;
  max-height: 800px;
  padding: 50px;
}
@media (min-width: 800px) {
  #popup.pp_item .content .wrapper {
    padding-right: 10px;
  }
}
#popup.pp_item .box {
  position: relative;
}
@media (min-width: 800px) {
  #popup.pp_item .box {
    height: 100%;
    display: flex;
  }
}
#popup.pp_item .box .img_wrap {
  position: relative;
  margin-right: 30px;
  width: 500px;
}
#popup.pp_item .box .img_wrap .img {
  position: relative;
  margin-bottom: 10px;
  aspect-ratio: 1/1;
}
#popup.pp_item .box .img_wrap .img:after {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  z-index: 2;
  border: 3px solid #171515;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
}
#popup.pp_item .box .img_wrap .img > img {
  width: 100%;
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity 0.15s ease-out;
}
#popup.pp_item .box .img_wrap .img > img.on {
  opacity: 1;
}
#popup.pp_item .box .img_wrap .thumb {
  display: flex;
  flex-wrap: wrap;
}
#popup.pp_item .box .img_wrap .thumb li {
  position: relative;
  cursor: pointer;
  border: 1px solid rgba(23, 21, 21, 0.3);
}
@media (min-width: 800px) {
  #popup.pp_item .box .img_wrap .thumb li {
    width: 10%;
    margin: 0 1.25% 5px 0;
  }
  #popup.pp_item .box .img_wrap .thumb li:nth-of-type(9n) {
    margin-right: 0;
  }
}
#popup.pp_item .box .img_wrap .thumb li:after {
  content: "";
  display: block;
  position: absolute;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  top: 0;
  left: 0;
  border: 4px solid #171515;
  -o-border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
     border-image: linear-gradient(to right, #e84188 50%, #0081a4 50.1%) 1;
  opacity: 0;
  transition: all 0.15s ease-out;
}
#popup.pp_item .box .img_wrap .thumb li.on:after {
  opacity: 1;
}
#popup.pp_item .box .txt_wrap {
  position: relative;
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
  #popup.pp_item .box .txt_wrap {
    height: 100%;
    padding-right: 10px;
    flex: 1;
  }
}
#popup.pp_item .box .txt_wrap .top {
  margin-bottom: 20px;
  font-weight: 800;
}
#popup.pp_item .box .txt_wrap .top .name_sub {
  font-size: 107%;
  line-height: 1.4;
  margin-bottom: 5px;
}
#popup.pp_item .box .txt_wrap .top .name {
  font-size: 210%;
  line-height: 1.3;
  margin-bottom: 2px;
}
#popup.pp_item .box .txt_wrap .disc {
  font-size: 90%;
  margin-bottom: 40px;
  line-height: 1.5;
}
#popup.pp_item .box .txt_wrap .icon {
  margin-bottom: 15px;
  display: flex;
  line-height: 1.2;
  margin-top: auto;
}
#popup.pp_item .box .txt_wrap .icon li {
  background: rgba(255, 255, 255, 0.6);
  color: #171515;
  margin: 0 2px;
  padding: 2px 20px 3px;
  font-size: 75%;
  line-height: 1.2;
}
#popup.pp_item .box .txt_wrap .item_spec {
  font-size: 75%;
  line-height: 1.5;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
#popup.pp_item .box .txt_wrap .item_spec tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
#popup.pp_item .box .txt_wrap .item_spec tr th {
  text-align: left;
  width: 7em;
  padding: 10px 1em;
  opacity: 0.7;
}
#popup.pp_item .box .txt_wrap .item_spec tr td {
  padding: 10px;
}
#popup.pp_item .box .txt_wrap .ul_attention--border {
  font-size: 72%;
}
#popup.pp_item .accessory {
  position: fixed;
  inset: 50px;
  z-index: 10;
  background: #171515;
  padding: 60px;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
}
#popup.pp_item .accessory .accessory_close {
  position: absolute;
  top: 15px;
  right: 10px;
  border: 1px solid #fff;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  font-weight: 600;
  font-size: 90%;
  line-height: 1.3;
  color: #fff;
  padding: 3px 20px;
}
#popup.pp_item .accessory.on {
  opacity: 1;
  pointer-events: auto;
}
@media (max-width: 800px) {
  #popup.pp_item .accessory {
    padding: 30px;
    inset: 20px;
  }
}
@media (max-width: 800px) {
  #popup.pp_item .content {
    padding: 20px 5px;
  }
  #popup.pp_item .wrapper {
    padding: 10px 15px;
  }
  #popup.pp_item .box .img_wrap {
    width: 100%;
    margin-bottom: 20px;
  }
  #popup.pp_item .box .img_wrap .img {
    width: 100%;
  }
  #popup.pp_item .box .img_wrap .thumb li {
    width: 13.05%;
    margin: 0 1.4% 5px 0;
  }
  #popup.pp_item .box .img_wrap .thumb li:nth-of-type(7n) {
    margin-right: 0;
  }
  #popup.pp_item .box .img_wrap .thumb li:after {
    border-width: 2px;
  }
  #popup.pp_item .box .txt_wrap .top {
    margin-bottom: 14px;
  }
  #popup.pp_item .box .txt_wrap .top .name_sub {
    font-size: 110%;
    line-height: 1.3;
  }
  #popup.pp_item .box .txt_wrap .disc {
    margin-bottom: 30px;
  }
  #popup.pp_item .box .txt_wrap .item_spec {
    font-size: 85%;
    line-height: 1.3;
  }
  #popup.pp_item .box .txt_wrap .item_spec tr th {
    width: 4em;
  }
}

#popup.pp_artist {
  padding: 0;
}
#popup.pp_artist > .bg {
  background-position: 50% 15%;
}
#popup.pp_artist > .bg:after {
  content: "";
  display: block;
  position: absolute;
  inset: 75% 0 0 0;
  z-index: 1;
  background: #171515;
}
#popup.pp_artist .content {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-border-image: none;
     border-image: none;
  padding: 0;
  clip-path: inset(0 18px 0 0);
}
#popup.pp_artist .box {
  position: relative;
  padding: 50px;
  display: flex;
  justify-content: center;
  align-items: center top;
  flex-direction: column;
}
#popup.pp_artist .box .logo_wrap {
  margin-bottom: 50px;
}
#popup.pp_artist .box .logo_wrap .logo {
  text-align: center;
  margin: 0 auto 5px;
}
#popup.pp_artist .box .logo_wrap .logo img {
  width: auto;
  height: calc(100vh - 650px);
  max-height: 460px;
  min-height: 200px;
}
#popup.pp_artist .box .logo_wrap .gr {
  text-align: center;
  font-family: "pf-venue", "birch-std", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Hiragino Mincho ProN", "Hiragino Mincho", "Noto Serif JP", "游明朝", "游明朝体", "Yu Mincho", "HGS明朝E", "HG明朝E", "HG明朝", "リュウミン", "メイリオ", "Meiryo", serif;
  font-size: 40px;
}
#popup.pp_artist .box .chwrap {
  display: flex;
  justify-content: center;
  gap: 20px;
  margin-bottom: 30px;
}
#popup.pp_artist .box .chwrap li {
  position: relative;
  display: block;
}
#popup.pp_artist .box.st .gr {
  color: #cfb349;
}
#popup.pp_artist .box.qn .gr {
  color: #cecece;
}
#popup.pp_artist .box.hv .gr {
  color: #5675f4;
}
@media (max-width: 800px) {
  #popup.pp_artist > .bg {
    background-position: 50% 15%;
  }
  #popup.pp_artist > .bg:after {
    display: none;
  }
  #popup.pp_artist .box {
    padding: 30px 10px 20px;
  }
  #popup.pp_artist .box .logo_wrap {
    margin-bottom: 20px;
  }
  #popup.pp_artist .box .logo_wrap .logo {
    margin-bottom: 0;
  }
  #popup.pp_artist .box .logo_wrap .gr {
    font-size: 25px;
  }
  #popup.pp_artist .box .chwrap {
    flex-wrap: wrap;
    gap: 7px 7px;
  }
  #popup.pp_artist .box .chwrap:after {
    content: "";
    width: 100%;
  }
  #popup.pp_artist .box .chwrap li {
    width: 23%;
  }
  #popup.pp_artist .box:not(.qn) .chwrap li:nth-child(n+4) {
    order: 1;
  }
}

#popup.pp_tokuten .pp_box {
  width: min(1200px, 100%);
  margin: 0 auto;
}
@media (max-width: 800px) {
  #popup.pp_tokuten .h01 .main {
    font-size: 40px;
  }
}

#popup.pp_contact .h02 + ul.ul_attention, #popup.pp_contact .h02 + ul.ul_attention--border {
  margin-top: -15px;
}
#popup.pp_contact .dl_notice {
  margin: 0 auto;
  width: min(100%, 1200px);
}
@media (max-width: 800px) {
  #popup.pp_contact .h02 + ul.ul_attention, #popup.pp_contact .h02 + ul.ul_attention--border {
    margin-top: -15px;
  }
  #popup.pp_contact .dl_notice {
    width: 100%;
    margin: 30px auto 0;
  }
}

#popup_movie {
  z-index: 1001;
}
#popup_movie #movie_wrap {
  position: relative;
  z-index: 2;
  width: 90%;
  max-width: 1400px;
  opacity: 0;
  transform: scale(1.05);
  transition: all 0.4s ease-out 0.5s;
  display: flex;
  justify-content: center;
  align-items: center;
}
#popup_movie #movie_wrap iframe {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  aspect-ratio: 16/9;
}
#popup_movie #movie_wrap iframe.shorts {
  aspect-ratio: 9/16;
}
#popup_movie #movie_wrap iframe.on {
  display: block;
}
@media (max-width: 800px) {
  #popup_movie #movie_wrap {
    width: 100%;
    max-height: 100%;
  }
  #popup_movie #movie_wrap iframe.shorts {
    aspect-ratio: 9/16;
    padding: 10px;
    max-height: 95vh;
  }
}
#popup_movie.on {
  top: 0;
}
#popup_movie.on #movie_wrap {
  opacity: 1;
  transform: scale(1);
}/*# sourceMappingURL=style.css.map */