@charset "UTF-8";
@import "reset.css";
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
/* $break-point以下の時に@contentを適用 */
/* $break-point以上の時に@contentを適用 */
/* $break-point-min以上、$break-point-max以下の時に@contentを適用 */
/* 
================================================================================
tag
================================================================================
*/
h1, h2, h3, h4 {
  font-weight: 700;
}

h5, h6 {
  font-weight: 500;
}

img {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
}

img,
input,
svg,
*:before,
*:after {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  filter: blur(0);
  -webkit-filter: blur(0);
  image-rendering: -webkit-optimize-contrast;
}

a:hover img,
a:hover input {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  image-rendering: -webkit-optimize-contrast;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0em;
}

a, a:link, a:active, a:visited {
  color: inherit;
  text-decoration: none;
  pointer-events: all;
}

/* 
================================================================================
class
================================================================================
*/
.pointer-events {
  pointer-events: all;
}

.red {
  color: #004988;
}

.before::before, .after::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

@media screen and (max-width: 1150px) {
  .onlyPC {
    display: none !important;
  }
}

.onlySP {
  display: none;
}
@media screen and (max-width: 1150px) {
  .onlySP {
    display: block !important;
  }
}

.inView {
  -webkit-transition: all 1000ms cubic-bezier(0.53, 0, 0.18, 1.2);
  transition: all 1000ms cubic-bezier(0.53, 0, 0.18, 1.2);
  -webkit-transform: translateY(-5rem);
          transform: translateY(-5rem);
  opacity: 0;
}

.inView.in {
  -webkit-transform: translateY(0rem);
          transform: translateY(0rem);
  opacity: 1 !important;
}

.inView.out {
  opacity: 0;
}

.radius {
  border-radius: 1.25rem;
  overflow: hidden;
}

.tCenter {
  text-align: center;
}

.tLeft {
  text-align: left;
}

.tRight {
  text-align: right;
}

.grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  .grid {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.grid.itemsCenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid.col_3 {
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
.grid.col_4 {
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.grid.col_5 {
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.flex .flexItem {
  margin: 0;
  width: 100%;
}

.globalInner {
  width: 80%;
  max-width: 1152px;
  margin: auto;
}
@media screen and (max-width: 750px) {
  .globalInner {
    width: 84%;
  }
}
.wideLayout .globalInner {
  max-width: 1100px;
}
.globalInner .contentsWrap.inner {
  width: 86%;
  margin: auto;
}

main {
  width: 100%;
}

.fieldGroup:not(:last-child) {
  margin-bottom: 1.5em;
}

.imageGroup {
  display: -ms-grid;
  display: grid;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  grid-gap: 0.625rem;
}
.imageGroup.count_2 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.imageGroup.count_3 {
  -ms-grid-columns: 1fr 0.625rem 1fr;
  grid-template-columns: 1fr 1fr;
}
.imageGroup.count_3 .item:nth-of-type(1) {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1/3;
}
.imageGroup.count_3 .item:nth-of-type(2) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.imageGroup.count_3 .item:nth-of-type(3) {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.imageGroup.count_4 {
  -ms-grid-columns: 1fr 0.625rem 1fr;
  grid-template-columns: 1fr 1fr;
}
.field:not(:last-child) {
  margin-bottom: 0.5em;
}
.field.label::before {
  content: "●";
  display: inline-block;
}
.field.indent {
  padding-left: 1em;
  font-size: 0.9em;
  line-height: 2.2;
}
.field p:not(:last-child) {
  margin-bottom: 1em;
}
.field .members {
  display: table;
  width: auto !important;
  font-size: 0.9em;
  margin-top: 1em;
  line-height: 1.5;
  padding: 1em;
  background: rgba(0, 0, 0, 0.05);
}
.field .members ol, .field .members ul {
  padding: 0;
}
@media screen and (max-width: 750px) {
  .field .members ol, .field .members ul {
    padding: 0;
  }
}
.field .members ul {
  display: inline-block;
  letter-spacing: 0;
}
.field .members ul li {
  display: inline-block;
  margin-right: 0.2em;
}
.field .members ul li:not(:last-child)::after {
  content: " / ";
}
.field .members div {
  display: table;
  width: inherit;
  font-size: 0.9em;
  padding-top: 1em;
}

.bgBtn {
  width: auto;
  height: auto;
  background: #000;
  color: #fff;
  cursor: pointer;
  margin-bottom: 1.25rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0.3125rem 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
}
.bgBtn span {
  color: #fff;
}

dl.count {
  counter-reset: count 0;
}
dl.count > dt {
  position: relative;
  padding: 0.5em 1em 0 2.5em !important;
}
dl.count > dt:before {
  counter-increment: count;
  content: counter(count) ". ";
  position: absolute;
  top: 0.5em;
  left: 0.3em;
  width: 1.5em;
  text-align: right;
}

ul {
  list-style: none;
  text-align: left;
  margin-left: 0;
  padding-left: 0;
}
ul li::before {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
}
ul li:last-child {
  margin-bottom: 0 !important;
}
ul.list li {
  padding-left: 1em;
  margin-bottom: 0.2em;
}
ul.list li::before {
  content: "・";
}
ul.kome li {
  padding-left: 1em;
  margin-bottom: 0.5em;
}
ul.kome li::before {
  content: "※";
}
ul.maru li {
  padding-left: 1em;
  margin-bottom: 0.5em;
}
ul.maru li::before {
  content: "○";
}
ul.sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0;
}
ul.sns li {
  width: 3.125rem;
  height: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
ul.sns li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}
ul.sns li a span {
  display: none;
}
dl.grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.625rem;
  -ms-grid-columns: auto 0.625rem 1fr;
  grid-template-columns: auto 1fr;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.2;
}
img.bannerShadow {
  -webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}

svg {
  width: 100%;
  height: auto;
}
svg g path {
  stroke: #404040;
  fill: #404040;
  stroke-width: 0.05;
  stroke-dashoffset: 0;
}

.global_inner {
  margin: 0 auto 0;
  width: 85.2%;
  display: block;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  border: solid 0px #c00;
}
@media screen and (min-width: 750px) {
  .global_inner {
    max-width: 1024px;
  }
}
.bannerUnit {
  width: 100%;
  margin: auto;
}
@media screen and (min-width: 750px) {
  .bannerUnit {
    max-width: 1024px;
  }
}
.bannerUnit ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bannerUnit ul li {
  width: 33.3333333333%;
  margin: 0 !important;
  background: #ccc;
  aspect-ratio: 4/3;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.bannerUnit ul li:nth-of-type(1) {
  background: #eee;
}
.bannerUnit ul li:nth-of-type(2) {
  background: #ccc;
}
.bannerUnit ul li:nth-of-type(3) {
  background: #eee;
}
.bannerUnit ul li:nth-of-type(4) {
  background: #ccc;
}
.bannerUnit ul li:nth-of-type(5) {
  background: #eee;
}
.bannerUnit ul li:nth-of-type(6) {
  background: #ccc;
}
.bannerUnit ul li::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 75%;
}

dl.data {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.625rem;
  -ms-grid-columns: auto 0.625rem 1fr;
  grid-template-columns: auto 1fr;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.2;
}
dl.data dt {
  padding: 0.2rem 0;
}
dl.data dd {
  padding: 0.2rem 0;
}
dl.data.column_1 {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
dl.data.column_1 dt {
  padding: 0;
}
dl.data.column_1 dd {
  padding: 0;
  margin-bottom: 2.5rem;
}

.grid.contentsUnit .gridItem.title {
  aspect-ratio: 1/1;
  background: #ccc;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.grid.contentsUnit .gridItem.contents {
  padding: 3.125rem;
}
.grid.contentsUnit.layoutR .gridItem:nth-of-type(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.grid.contentsUnit.layoutR .gridItem:nth-of-type(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.boxList.artist {
  grid-gap: 0.625rem;
  -ms-grid-columns: 1fr 0.625rem 1fr 0.625rem 1fr 0.625rem 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 80%;
  margin: auto;
  line-height: 1.2;
  -webkit-box-align: normal;
      -ms-flex-align: normal;
          align-items: normal;
}
.boxList.artist .gridItem {
  border: solid 1px #ccc;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.entryBoxList {
  display: -ms-grid;
  display: grid;
  grid-gap: 2.5rem;
  -ms-grid-columns: 1fr 2.5rem 1fr 2.5rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
@media screen and (max-width: 750px) {
  .entryBoxList {
    -ms-grid-columns: 1fr 5.3333333333vw 1fr;
    grid-template-columns: 1fr 1fr;
    grid-gap: 5.3333333333vw;
  }
}
.entryBoxList .entry {
  display: block;
  word-break: break-all;
  -webkit-transform: translate(0, -10%) scale(1.1);
          transform: translate(0, -10%) scale(1.1);
  opacity: 0;
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}
body#home .entryBoxList .entry:nth-of-type(4) {
  display: none;
}
@media screen and (max-width: 750px) {
  body#home .entryBoxList .entry:nth-of-type(4) {
    display: block;
  }
}
.entryBoxList .entry.in {
  -webkit-transform: translate(0, 0%) scale(1);
          transform: translate(0, 0%) scale(1);
}
.entryBoxList .entry.artistsEntry {
  cursor: pointer;
  pointer-events: all;
}
.entryBoxList .entry.newIcon dd.link::before {
  display: inline-block;
}
.entryBoxList .entry.noLink dd.link {
  visibility: hidden;
}
.entryBoxList .entry:hover .box {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.1);
          box-shadow: 0px 5px 10px 0px rgba(100, 100, 100, 0.1);
}
.entryBoxList.in .entry {
  -webkit-transform: translate(0, 0) scale(1);
          transform: translate(0, 0) scale(1);
  opacity: 1;
}
.entryBoxList.in .entry:nth-of-type(1) {
  -webkit-transition-delay: 550ms;
          transition-delay: 550ms;
}
.entryBoxList.in .entry:nth-of-type(2) {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
}
.entryBoxList.in .entry:nth-of-type(3) {
  -webkit-transition-delay: 650ms;
          transition-delay: 650ms;
}
.entryBoxList.in .entry:nth-of-type(4) {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
}
.entryBoxList.in .entry:nth-of-type(5) {
  -webkit-transition-delay: 750ms;
          transition-delay: 750ms;
}
.entryBoxList.in .entry:nth-of-type(6) {
  -webkit-transition-delay: 800ms;
          transition-delay: 800ms;
}
.entryBoxList.in .entry:nth-of-type(7) {
  -webkit-transition-delay: 850ms;
          transition-delay: 850ms;
}
.entryBoxList.in .entry:nth-of-type(8) {
  -webkit-transition-delay: 900ms;
          transition-delay: 900ms;
}
.entryBoxList.in .entry:nth-of-type(9) {
  -webkit-transition-delay: 950ms;
          transition-delay: 950ms;
}
.entryBoxList.in .entry:nth-of-type(10) {
  -webkit-transition-delay: 1000ms;
          transition-delay: 1000ms;
}
.entryBoxList.in .entry:nth-of-type(11) {
  -webkit-transition-delay: 1050ms;
          transition-delay: 1050ms;
}
.entryBoxList.in .entry:nth-of-type(12) {
  -webkit-transition-delay: 1100ms;
          transition-delay: 1100ms;
}
.entryBoxList.in .entry:nth-of-type(13) {
  -webkit-transition-delay: 1150ms;
          transition-delay: 1150ms;
}
.entryBoxList.in .entry:nth-of-type(14) {
  -webkit-transition-delay: 1200ms;
          transition-delay: 1200ms;
}
.entryBoxList.in .entry:nth-of-type(15) {
  -webkit-transition-delay: 1250ms;
          transition-delay: 1250ms;
}
.entryBoxList.in .entry:nth-of-type(16) {
  -webkit-transition-delay: 1300ms;
          transition-delay: 1300ms;
}
.entryBoxList.in .entry:nth-of-type(17) {
  -webkit-transition-delay: 1350ms;
          transition-delay: 1350ms;
}
.entryBoxList.in .entry:nth-of-type(18) {
  -webkit-transition-delay: 1400ms;
          transition-delay: 1400ms;
}
.entryBoxList.in .entry:nth-of-type(19) {
  -webkit-transition-delay: 1450ms;
          transition-delay: 1450ms;
}
.entryBoxList.in .entry:nth-of-type(20) {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
}
.entryBoxList.in .entry:nth-of-type(21) {
  -webkit-transition-delay: 1550ms;
          transition-delay: 1550ms;
}
.entryBoxList.in .entry:nth-of-type(22) {
  -webkit-transition-delay: 1600ms;
          transition-delay: 1600ms;
}
.entryBoxList.in .entry:nth-of-type(23) {
  -webkit-transition-delay: 1650ms;
          transition-delay: 1650ms;
}
.entryBoxList.in .entry:nth-of-type(24) {
  -webkit-transition-delay: 1700ms;
          transition-delay: 1700ms;
}
.entryBoxList.in .entry:nth-of-type(25) {
  -webkit-transition-delay: 1750ms;
          transition-delay: 1750ms;
}
.entryBoxList.in .entry:nth-of-type(26) {
  -webkit-transition-delay: 1800ms;
          transition-delay: 1800ms;
}
.entryBoxList.in .entry:nth-of-type(27) {
  -webkit-transition-delay: 1850ms;
          transition-delay: 1850ms;
}
.entryBoxList.in .entry:nth-of-type(28) {
  -webkit-transition-delay: 1900ms;
          transition-delay: 1900ms;
}
.entryBoxList.in .entry:nth-of-type(29) {
  -webkit-transition-delay: 1950ms;
          transition-delay: 1950ms;
}
.entryBoxList.in .entry:nth-of-type(30) {
  -webkit-transition-delay: 2000ms;
          transition-delay: 2000ms;
}
.entryBoxList.in .entry:nth-of-type(31) {
  -webkit-transition-delay: 2050ms;
          transition-delay: 2050ms;
}
.entryBoxList.in .entry:nth-of-type(32) {
  -webkit-transition-delay: 2100ms;
          transition-delay: 2100ms;
}
.entryBoxList.in .entry:nth-of-type(33) {
  -webkit-transition-delay: 2150ms;
          transition-delay: 2150ms;
}
.entryBoxList.in .entry:nth-of-type(34) {
  -webkit-transition-delay: 2200ms;
          transition-delay: 2200ms;
}
.entryBoxList.in .entry:nth-of-type(35) {
  -webkit-transition-delay: 2250ms;
          transition-delay: 2250ms;
}
.entryBoxList.in .entry:nth-of-type(36) {
  -webkit-transition-delay: 2300ms;
          transition-delay: 2300ms;
}
.entryBoxList.in .entry:nth-of-type(37) {
  -webkit-transition-delay: 2350ms;
          transition-delay: 2350ms;
}
.entryBoxList.in .entry:nth-of-type(38) {
  -webkit-transition-delay: 2400ms;
          transition-delay: 2400ms;
}
.entryBoxList.in .entry:nth-of-type(39) {
  -webkit-transition-delay: 2450ms;
          transition-delay: 2450ms;
}
.entryBoxList.in .entry:nth-of-type(40) {
  -webkit-transition-delay: 2500ms;
          transition-delay: 2500ms;
}
.entryBoxList.in .entry:nth-of-type(41) {
  -webkit-transition-delay: 2550ms;
          transition-delay: 2550ms;
}
.entryBoxList.in .entry:nth-of-type(42) {
  -webkit-transition-delay: 2600ms;
          transition-delay: 2600ms;
}
.entryBoxList.in .entry:nth-of-type(43) {
  -webkit-transition-delay: 2650ms;
          transition-delay: 2650ms;
}
.entryBoxList.in .entry:nth-of-type(44) {
  -webkit-transition-delay: 2700ms;
          transition-delay: 2700ms;
}
.entryBoxList.in .entry:nth-of-type(45) {
  -webkit-transition-delay: 2750ms;
          transition-delay: 2750ms;
}
.entryBoxList.in .entry:nth-of-type(46) {
  -webkit-transition-delay: 2800ms;
          transition-delay: 2800ms;
}
.entryBoxList.in .entry:nth-of-type(47) {
  -webkit-transition-delay: 2850ms;
          transition-delay: 2850ms;
}
.entryBoxList.in .entry:nth-of-type(48) {
  -webkit-transition-delay: 2900ms;
          transition-delay: 2900ms;
}
.entryBoxList.in .entry:nth-of-type(49) {
  -webkit-transition-delay: 2950ms;
          transition-delay: 2950ms;
}
.entryBoxList.in .entry:nth-of-type(50) {
  -webkit-transition-delay: 3000ms;
          transition-delay: 3000ms;
}
.entryBoxList.in .entry:nth-of-type(51) {
  -webkit-transition-delay: 3050ms;
          transition-delay: 3050ms;
}
.entryBoxList.in .entry:nth-of-type(52) {
  -webkit-transition-delay: 3100ms;
          transition-delay: 3100ms;
}
.entryBoxList.in .entry:nth-of-type(53) {
  -webkit-transition-delay: 3150ms;
          transition-delay: 3150ms;
}
.entryBoxList.in .entry:nth-of-type(54) {
  -webkit-transition-delay: 3200ms;
          transition-delay: 3200ms;
}
.entryBoxList.in .entry:nth-of-type(55) {
  -webkit-transition-delay: 3250ms;
          transition-delay: 3250ms;
}
.entryBoxList.in .entry:nth-of-type(56) {
  -webkit-transition-delay: 3300ms;
          transition-delay: 3300ms;
}
.entryBoxList.in .entry:nth-of-type(57) {
  -webkit-transition-delay: 3350ms;
          transition-delay: 3350ms;
}
.entryBoxList.in .entry:nth-of-type(58) {
  -webkit-transition-delay: 3400ms;
          transition-delay: 3400ms;
}
.entryBoxList.in .entry:nth-of-type(59) {
  -webkit-transition-delay: 3450ms;
          transition-delay: 3450ms;
}
.entryBoxList.in .entry:nth-of-type(60) {
  -webkit-transition-delay: 3500ms;
          transition-delay: 3500ms;
}
.entryBoxList.in .entry:nth-of-type(61) {
  -webkit-transition-delay: 3550ms;
          transition-delay: 3550ms;
}
.entryBoxList.in .entry:nth-of-type(62) {
  -webkit-transition-delay: 3600ms;
          transition-delay: 3600ms;
}
.entryBoxList.in .entry:nth-of-type(63) {
  -webkit-transition-delay: 3650ms;
          transition-delay: 3650ms;
}
.entryBoxList.in .entry:nth-of-type(64) {
  -webkit-transition-delay: 3700ms;
          transition-delay: 3700ms;
}
.entryBoxList.in .entry:nth-of-type(65) {
  -webkit-transition-delay: 3750ms;
          transition-delay: 3750ms;
}
.entryBoxList.in .entry:nth-of-type(66) {
  -webkit-transition-delay: 3800ms;
          transition-delay: 3800ms;
}
.entryBoxList.in .entry:nth-of-type(67) {
  -webkit-transition-delay: 3850ms;
          transition-delay: 3850ms;
}
.entryBoxList.in .entry:nth-of-type(68) {
  -webkit-transition-delay: 3900ms;
          transition-delay: 3900ms;
}
.entryBoxList.in .entry:nth-of-type(69) {
  -webkit-transition-delay: 3950ms;
          transition-delay: 3950ms;
}
.entryBoxList.in .entry:nth-of-type(70) {
  -webkit-transition-delay: 4000ms;
          transition-delay: 4000ms;
}
.entryBoxList.in .entry:nth-of-type(71) {
  -webkit-transition-delay: 4050ms;
          transition-delay: 4050ms;
}
.entryBoxList.in .entry:nth-of-type(72) {
  -webkit-transition-delay: 4100ms;
          transition-delay: 4100ms;
}
.entryBoxList.in .entry:nth-of-type(73) {
  -webkit-transition-delay: 4150ms;
          transition-delay: 4150ms;
}
.entryBoxList.in .entry:nth-of-type(74) {
  -webkit-transition-delay: 4200ms;
          transition-delay: 4200ms;
}
.entryBoxList.in .entry:nth-of-type(75) {
  -webkit-transition-delay: 4250ms;
          transition-delay: 4250ms;
}
.entryBoxList.in .entry:nth-of-type(76) {
  -webkit-transition-delay: 4300ms;
          transition-delay: 4300ms;
}
.entryBoxList.in .entry:nth-of-type(77) {
  -webkit-transition-delay: 4350ms;
          transition-delay: 4350ms;
}
.entryBoxList.in .entry:nth-of-type(78) {
  -webkit-transition-delay: 4400ms;
          transition-delay: 4400ms;
}
.entryBoxList.in .entry:nth-of-type(79) {
  -webkit-transition-delay: 4450ms;
          transition-delay: 4450ms;
}
.entryBoxList.in .entry:nth-of-type(80) {
  -webkit-transition-delay: 4500ms;
          transition-delay: 4500ms;
}
.entryBoxList.in .entry:nth-of-type(81) {
  -webkit-transition-delay: 4550ms;
          transition-delay: 4550ms;
}
.entryBoxList.in .entry:nth-of-type(82) {
  -webkit-transition-delay: 4600ms;
          transition-delay: 4600ms;
}
.entryBoxList.in .entry:nth-of-type(83) {
  -webkit-transition-delay: 4650ms;
          transition-delay: 4650ms;
}
.entryBoxList.in .entry:nth-of-type(84) {
  -webkit-transition-delay: 4700ms;
          transition-delay: 4700ms;
}
.entryBoxList.in .entry:nth-of-type(85) {
  -webkit-transition-delay: 4750ms;
          transition-delay: 4750ms;
}
.entryBoxList.in .entry:nth-of-type(86) {
  -webkit-transition-delay: 4800ms;
          transition-delay: 4800ms;
}
.entryBoxList.in .entry:nth-of-type(87) {
  -webkit-transition-delay: 4850ms;
          transition-delay: 4850ms;
}
.entryBoxList.in .entry:nth-of-type(88) {
  -webkit-transition-delay: 4900ms;
          transition-delay: 4900ms;
}
.entryBoxList.in .entry:nth-of-type(89) {
  -webkit-transition-delay: 4950ms;
          transition-delay: 4950ms;
}
.entryBoxList.in .entry:nth-of-type(90) {
  -webkit-transition-delay: 5000ms;
          transition-delay: 5000ms;
}
.entryBoxList.in .entry:nth-of-type(91) {
  -webkit-transition-delay: 5050ms;
          transition-delay: 5050ms;
}
.entryBoxList.in .entry:nth-of-type(92) {
  -webkit-transition-delay: 5100ms;
          transition-delay: 5100ms;
}
.entryBoxList.in .entry:nth-of-type(93) {
  -webkit-transition-delay: 5150ms;
          transition-delay: 5150ms;
}
.entryBoxList.in .entry:nth-of-type(94) {
  -webkit-transition-delay: 5200ms;
          transition-delay: 5200ms;
}
.entryBoxList.in .entry:nth-of-type(95) {
  -webkit-transition-delay: 5250ms;
          transition-delay: 5250ms;
}
.entryBoxList.in .entry:nth-of-type(96) {
  -webkit-transition-delay: 5300ms;
          transition-delay: 5300ms;
}
.entryBoxList.in .entry:nth-of-type(97) {
  -webkit-transition-delay: 5350ms;
          transition-delay: 5350ms;
}
.entryBoxList.in .entry:nth-of-type(98) {
  -webkit-transition-delay: 5400ms;
          transition-delay: 5400ms;
}
.entryBoxList.in .entry:nth-of-type(99) {
  -webkit-transition-delay: 5450ms;
          transition-delay: 5450ms;
}
.entryBoxList.in .entry:nth-of-type(100) {
  -webkit-transition-delay: 5500ms;
          transition-delay: 5500ms;
}
.entryBoxList .box {
  background: #fff;
  -webkit-transition: all 500ms ease;
  transition: all 500ms ease;
  overflow: hidden;
  display: -ms-grid;
  display: grid;
  height: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  padding-bottom: 4.375rem;
}
@media screen and (max-width: 1150px) {
  .entryBoxList .box {
    padding-bottom: 9.3333333333vw;
  }
}
.entryBoxList .box dt {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  width: 100%;
  padding: 1.25rem 1.25rem 0rem 1.25rem;
}
@media screen and (max-width: 1150px) {
  .entryBoxList .box dt {
    padding: 2.6666666667vw 2.6666666667vw 0vw 2.6666666667vw;
  }
}
.entryBoxList .box dd.image {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  width: 100%;
  height: auto;
  padding: 0;
  overflow: hidden;
}
.entryBoxList .box dd.image::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  background-color: #fff !important;
}
body.page-template-page-artist .entryBoxList .box dd.image::after {
  background-color: #000 !important;
}
.entryBoxList .box dd.image::before {
  content: "";
  display: block;
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
}
body.page-template-page-artist .entryBoxList .box dd.image::before {
  padding-top: 75%;
}
.entryBoxList .box dd.image .imageData {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  z-index: 2;
  -webkit-transform: translate(-50%, -50%) scale(1.03);
          transform: translate(-50%, -50%) scale(1.03);
  -webkit-transition: -webkit-transform 500ms ease;
  transition: -webkit-transform 500ms ease;
  transition: transform 500ms ease;
  transition: transform 500ms ease, -webkit-transform 500ms ease;
}
.entryBoxList .box dd.link {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.375rem;
}
@media screen and (max-width: 750px) {
  .entryBoxList .box dd.link {
    height: 9.3333333333vw;
  }
}
.entryBoxList .box dd.link::before {
  content: "NEW";
  display: none;
  position: absolute;
  top: 50%;
  left: 1.25rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  background: #d91404;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.125rem 0.3125rem;
}
@media screen and (max-width: 1150px) {
  .entryBoxList .box dd.link::before {
    left: 2.6666666667vw;
    font-size: 1.6vw;
    padding: 0.2666666667vw 0.6666666667vw;
  }
}
@media screen and (max-width: 750px) {
  .entryBoxList .box dd.link::before {
    left: 2.6666666667vw;
  }
}
.entryBoxList .box dd.link::after {
  content: "";
  display: inline-block;
  background: url("../img/parts/arrow_r.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  border: solid 1px #000;
}
@media screen and (max-width: 1150px) {
  .entryBoxList .box dd.link::after {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}
.entryBoxList .box .date {
  margin-bottom: 0.9375rem;
  font-size: 0.875rem;
  line-height: 1;
}
@media screen and (max-width: 1150px) {
  .entryBoxList .box .date {
    margin-bottom: 2vw;
    font-size: 1.8666666667vw;
  }
}
body.page-template-page-artist .entryBoxList .box .date {
  display: none;
}
.entryBoxList .box h3 {
  font-size: 0.875rem;
  line-height: 1.6;
  font-weight: 700;
}
ul.bannerWrap {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 5.125rem);
  -webkit-transform: translate(-2.5625rem, 0);
          transform: translate(-2.5625rem, 0);
}
@media screen and (max-width: 750px) {
  ul.bannerWrap {
    width: calc(100% + 5.3333333333vw);
    -webkit-transform: translate(-2.6666666667vw, 0);
            transform: translate(-2.6666666667vw, 0);
  }
}
ul.bannerWrap li {
  width: 14.75rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 2.5625rem 2.5625rem 0;
  aspect-ratio: 236/111;
}
ul.bannerWrap li::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 47.034%;
}
ul.bannerWrap li:nth-of-type(1) {
  margin-top: 0;
}
ul.bannerWrap li:nth-of-type(2) {
  margin-top: 0;
}
ul.bannerWrap li:nth-of-type(3) {
  margin-top: 0;
}
@media screen and (max-width: 750px) {
  ul.bannerWrap li {
    width: 39.3333333333vw;
    margin: 2.6666666667vw 2.6666666667vw 0 !important;
  }
}
ul.bannerWrap li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
ul.bannerWrap li a span {
  display: none;
}

.moreArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1.875rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .moreArea {
    padding-top: 5.3333333333vw;
  }
}
.moreArea.layoutR {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.moreArea .moreBtn {
  width: calc((100% - 5rem) / 3);
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn {
    width: auto;
    margin: auto;
  }
}
.moreArea .moreBtn .btn {
  text-decoration: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 2.5rem;
  border-radius: 1.25rem;
  padding: 0 2.5rem 0 1.25rem;
  color: #000;
  border: solid 1px #000;
  line-height: 1;
  -webkit-transition: -webkit-transform 300ms ease-out;
  transition: -webkit-transform 300ms ease-out;
  transition: transform 300ms ease-out;
  transition: transform 300ms ease-out, -webkit-transform 300ms ease-out;
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn .btn {
    height: 8vw;
    border-radius: 4vw;
    padding: 0 5.3333333333vw 0 2.6666666667vw;
    min-width: 53.3333333333vw;
    font-size: 2.6666666667vw;
  }
  .moreArea .moreBtn .btn.iconList {
    min-width: inherit;
  }
}
.moreArea .moreBtn .btn span {
  display: inline-block;
  margin: auto;
}
.moreArea .moreBtn .btn.arrowR::after {
  content: "";
  display: inline-block;
  background: url("../img/parts/arrow_r.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn .btn.arrowR::after {
    right: 2.6666666667vw;
    width: 6vw;
    height: 6vw;
    background-size: contain;
  }
}
.moreArea .moreBtn .btn:hover {
  -webkit-transform: scale(1.02);
          transform: scale(1.02);
}
.moreArea .moreBtn.bgBox {
  width: 35.5rem;
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn.bgBox {
    width: 100%;
  }
}
.moreArea .moreBtn.bgBox .btn {
  height: 5rem;
  border-radius: 2.5rem;
  background: #000;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  border: 0;
  text-decoration: none !important;
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn.bgBox .btn {
    height: 16vw;
    border-radius: 8vw;
    font-size: 4.5333333333vw;
  }
}
.moreArea .moreBtn.bgBox .btn.arrowR::after {
  width: 2rem;
  height: 2rem;
  background: url("../img/parts/arrow_r_white.png") center center no-repeat;
  background-size: contain;
  border: solid 1px #fff;
  border-radius: 1rem;
  right: 1.25rem;
}
@media screen and (max-width: 750px) {
  .moreArea .moreBtn.bgBox .btn.arrowR::after {
    width: 6.6666666667vw;
    height: 6.6666666667vw;
    border-radius: 3.3333333333vw;
    right: 4vw;
  }
}
.moreArea .moreBtn.bgBox.cRed .btn {
  background: #d91404;
  text-decoration: none !important;
}

.arrowIcon {
  display: inline-block;
  padding-right: 2.5rem;
}
@media screen and (max-width: 750px) {
  .arrowIcon {
    padding-right: 5.3333333333vw;
  }
}
.arrowIcon::after {
  content: "";
  display: inline-block;
  background: url("../img/parts/arrow_r.png") center center no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 0rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  width: 2rem;
  height: 2rem;
  border-radius: 1rem;
  border: solid 1px #000;
}
@media screen and (max-width: 750px) {
  .arrowIcon::after {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    border-radius: 2.1333333333vw;
  }
}

a.btn {
  color: #d91404;
  display: inline-block;
  padding-bottom: 0.1em;
  border-bottom: solid 1px #d91404;
  text-decoration: none !important;
}
a.btn::after {
  content: "＞";
  padding-left: 0.2em;
}

.dataBoxWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dataBoxWrap dl {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.625rem;
  -ms-grid-columns: 12.5rem 0.625rem 1fr;
  grid-template-columns: 12.5rem 1fr;
  width: 100%;
  margin-bottom: 1.25rem;
  text-align: left;
}
@media screen and (max-width: 1150px) {
  .dataBoxWrap dl {
    -ms-grid-columns: 20vw 0.625rem 1fr;
    grid-template-columns: 20vw 1fr;
  }
}
@media screen and (max-width: 750px) {
  .dataBoxWrap dl {
    grid-gap: 1.3333333333vw;
    -ms-grid-columns: 26.6666666667vw 1.3333333333vw 1fr;
    grid-template-columns: 26.6666666667vw 1fr;
    margin-bottom: 2.6666666667vw;
  }
}
.dataBoxWrap dl dt {
  font-size: 1.125rem;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .dataBoxWrap dl dt {
    font-size: 2.4vw;
  }
}
.dataBoxWrap dl dd {
  font-size: 0.875rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 750px) {
  .dataBoxWrap dl dd {
    font-size: 1.8666666667vw;
  }
}
.dataBoxWrap dl dd h5 {
  padding-top: 0;
}

/* 
================================================================================
loader
================================================================================
*/
#loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 50000;
  -webkit-transition: all 800ms ease 500ms;
  transition: all 800ms ease 500ms;
}
body.loadingFinish #loader {
  opacity: 0;
  pointer-events: none;
}
#loader #loadingAnim {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.5rem;
  height: 2.5rem;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
}
body.loadingAnimFinish #loader #loadingAnim {
  opacity: 0;
}
#loader #loadingCircle {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.7);
          transform: translate(-50%, -50%) scale(0.7);
  width: 12.5rem;
  height: 8.125rem;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}
body.loadingFinish #loader #loadingCircle {
  opacity: 0;
}
#loader #loadingCircle .tent {
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: 6.875rem;
  height: 6.875rem;
}
#loader #loadingCircle .tent::before {
  content: "";
  display: block;
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  background: url("../img/parts/icon_tent.png") center center no-repeat;
  background-size: contain;
  -webkit-animation: gelatine 1s infinite;
          animation: gelatine 1s infinite;
}
#loader #loadingCircle .text {
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#loader #loadingCircle .text span {
  display: inline-block;
  aspect-ratio: 16/16;
  height: 1rem;
  margin: 0 1px;
}
#loader #loadingCircle .text span:nth-of-type(1) {
  aspect-ratio: 16/16;
  background: url("../img/parts/nowloading/n.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(2) {
  aspect-ratio: 16/16;
  background: url("../img/parts/nowloading/o.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(3) {
  aspect-ratio: 24/16;
  margin-right: 0.5625rem;
  background: url("../img/parts/nowloading/w.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(4) {
  aspect-ratio: 12/16;
  background: url("../img/parts/nowloading/l.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(5) {
  aspect-ratio: 16/16;
  background: url("../img/parts/nowloading/o.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(6) {
  aspect-ratio: 17/16;
  background: url("../img/parts/nowloading/a.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(7) {
  aspect-ratio: 17/16;
  background: url("../img/parts/nowloading/d.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(8) {
  aspect-ratio: 8/16;
  background: url("../img/parts/nowloading/i.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(9) {
  aspect-ratio: 17/16;
  background: url("../img/parts/nowloading/n.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(10) {
  aspect-ratio: 17/16;
  background: url("../img/parts/nowloading/g.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(11) {
  aspect-ratio: 13/16;
  background: url("../img/parts/nowloading/dot.png") center center no-repeat;
  background-size: contain;
}
#loader #loadingCircle .text span:nth-of-type(1) {
  -webkit-animation-delay: 50ms;
          animation-delay: 50ms;
}
#loader #loadingCircle .text span:nth-of-type(2) {
  -webkit-animation-delay: 100ms;
          animation-delay: 100ms;
}
#loader #loadingCircle .text span:nth-of-type(3) {
  -webkit-animation-delay: 150ms;
          animation-delay: 150ms;
}
#loader #loadingCircle .text span:nth-of-type(4) {
  -webkit-animation-delay: 200ms;
          animation-delay: 200ms;
}
#loader #loadingCircle .text span:nth-of-type(5) {
  -webkit-animation-delay: 250ms;
          animation-delay: 250ms;
}
#loader #loadingCircle .text span:nth-of-type(6) {
  -webkit-animation-delay: 300ms;
          animation-delay: 300ms;
}
#loader #loadingCircle .text span:nth-of-type(7) {
  -webkit-animation-delay: 350ms;
          animation-delay: 350ms;
}
#loader #loadingCircle .text span:nth-of-type(8) {
  -webkit-animation-delay: 400ms;
          animation-delay: 400ms;
}
#loader #loadingCircle .text span:nth-of-type(9) {
  -webkit-animation-delay: 450ms;
          animation-delay: 450ms;
}
#loader #loadingCircle .text span:nth-of-type(10) {
  -webkit-animation-delay: 500ms;
          animation-delay: 500ms;
}
#loader #loadingCircle .text span:nth-of-type(11) {
  -webkit-animation-delay: 550ms;
          animation-delay: 550ms;
}

@-webkit-keyframes loading_circle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes loading_circle {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
@-webkit-keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}
@keyframes gelatine {
  from, to {
    -webkit-transform: scale(1, 1);
            transform: scale(1, 1);
  }
  25% {
    -webkit-transform: scale(0.9, 1.1);
            transform: scale(0.9, 1.1);
  }
  50% {
    -webkit-transform: scale(1.1, 0.9);
            transform: scale(1.1, 0.9);
  }
  75% {
    -webkit-transform: scale(0.95, 1.05);
            transform: scale(0.95, 1.05);
  }
}
@-webkit-keyframes textpopup {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes textpopup {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  5% {
    -webkit-transform: translate(0, -20%);
            transform: translate(0, -20%);
  }
  10% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
/* 
================================================================================
body
================================================================================
*/
html.scrollMode_onepage {
  overflow: hidden;
}

html, body {
  font-size: 16;
}
@media screen and (max-width: 750px) {
  html, body {
    font-size: 3.2vw;
  }
}

body {
  font-family: YakuHanJP, "M PLUS 1p", sans-serif;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.03em;
  text-align: left;
  overflow: hidden;
  overflow-y: scroll;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  color: #404040;
  background: #fff;
}
body.scrollMode_onepage {
  -webkit-overflow-scrolling: touch;
}
body.modal-active {
  /* when modal active */
  -ms-touch-action: none;
      touch-action: none;
  -webkit-overflow-scrolling: none;
  overflow: hidden;
  /* Other browsers */
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
body.fixed {
  overflow-x: hidden;
  overflow-y: scroll;
  min-width: 100%;
  min-height: 100vh;
  max-width: 100%;
  max-height: 100vh;
}

#scrollBody {
  position: relative;
  width: 100%;
  scrollbar-color: #404040 #000;
}
@media screen and (max-width: 750px) {
  #scrollBody {
    overflow: hidden;
  }
}
body.scrollMode_easing #scrollBody {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.scrollMode_static #scrollBody {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}
#scrollBody.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}

/* 
================================================================================
maintenance
================================================================================
*/
#maintenanceContents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: calc(var(--vh, 1vh) * 100);
  -ms-flex-line-pack: center;
      align-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}
#maintenanceContents h3 {
  margin-bottom: 3.125rem;
  color: #999;
}
#maintenanceContents p {
  text-align: center;
  font-size: 0.625rem;
  line-height: 1.4;
}

/* 
================================================================================
debugWrap
================================================================================
*/
#debugWrap {
  display: none;
  position: fixed;
  width: auto;
  height: auto;
  min-width: 0.625rem;
  min-height: 0.625rem;
  bottom: 0.625rem;
  left: 0.625rem;
  z-index: 999999;
  color: #ddd500;
  font-size: 0.875rem;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.9);
}
#debugWrap .contents {
  padding: 1rem;
}

/* 
================================================================================
container,base
================================================================================
*/
#container {
  position: relative;
  width: 100%;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  opacity: 0;
}
body.loadingFinish #container {
  opacity: 1 !important;
  background: url("../img/bg/pattern.png");
}
#container.fixed, body.scrollMode_onepage #container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
body.scrollMode_easing #container {
  position: fixed;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  overflow: hidden;
  margin: 0;
}
#container #siteBG {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#container #siteBG ul {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
#container #siteBG ul li {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}
#container #siteBG ul li:nth-of-type(1) {
  background: rgba(255, 0, 0, 0.1);
}
#container #siteBG ul li:nth-of-type(2) {
  background: rgba(0, 255, 0, 0.1);
}
#container #siteBG ul li:nth-of-type(3) {
  background: rgba(0, 0, 255, 0.1);
}
#container #siteBG ul li:nth-of-type(4) {
  background: rgba(0, 150, 150, 0.1);
}
#container #siteBG ul li:nth-of-type(5) {
  background: rgba(150, 150, 0, 0.1);
}
#container #siteBG ul li.in {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#container #siteBG ul li.out {
  -webkit-transform: translate(100%, 0);
          transform: translate(100%, 0);
}
#container #siteBG ul li.stby {
  -webkit-transform: translate(-100%, 0);
          transform: translate(-100%, 0);
}
#container #siteNav {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 99;
  pointer-events: none;
  display: none;
}
body.scrollMode_onepage #container #siteNav {
  display: block;
}
#container #siteNav .sectionNavWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  width: 100px;
  height: 100%;
  top: 0;
  right: 0;
}
#container #siteNav .sectionNavWrap ul {
  pointer-events: all;
}
#container #siteNav .sectionNavWrap ul li {
  padding: 0.625rem;
  line-height: 1;
}
#container #siteNav .sectionNavWrap ul li:not(.active) {
  cursor: pointer;
}
#container #siteNav .sectionNavWrap ul li.active {
  background: #000;
  color: #fff;
}
#container #siteNav .sectionNavWrap ul li:not(.active):hover {
  color: inherit;
  background: rgba(0, 0, 0, 0.1);
}
#container .overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 255, 0, 0.2);
  z-index: 999;
  pointer-events: none;
  display: none;
}
#container section.page {
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: solid 0px #ccc;
  padding-top: 7.5rem;
}
@media screen and (max-width: 750px) {
  #container section.page {
    padding-top: 3.75rem;
  }
}
#container section.page.pageOnce {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 750px) {
  #container section.page.pageOnce {
    padding-bottom: 3.75rem;
  }
}
#container section.page .inFrame {
  width: 100%;
  max-width: 1024px;
  margin: auto;
  border: solid 0px #000;
}
#container section.page .global_inner.lineB {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  border-bottom: solid 1px #000;
  padding-bottom: 3.75rem;
}
body.scrollMode_onepage #container section.contents {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}
body.scrollMode_onepage #container section.page {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
body.scrollMode_onepage #container section.page.out, body.scrollMode_onepage #container section.page.stby {
  opacity: 0;
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
body.scrollMode_onepage #container section.page.out {
  -webkit-transform: translate(0, -100%);
          transform: translate(0, -100%);
}
body.scrollMode_onepage #container section.page.stby {
  -webkit-transform: translate(0, 100%);
          transform: translate(0, 100%);
}
body.scrollMode_onepage #container section.page.in {
  opacity: 1;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
}
body.scrollMode_onepage #container section.page .inFrame {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#container section h2 {
  font-size: 1.875rem;
  margin-bottom: 3.75rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 1px #000;
}
@media screen and (max-width: 750px) {
  #container section h2 {
    font-size: 6.6666666667vw;
    margin-bottom: 10.6666666667vw;
    padding-bottom: 8vw;
  }
}
#container section h2.noLine {
  margin-bottom: 0;
  border: 0;
}
#container section h2 img.title {
  width: auto;
  height: 3.125rem;
}
@media screen and (max-width: 1150px) {
  #container section h2 img.title {
    height: 9.3333333333vw;
  }
}
#container section#pageContents h2 {
  font-size: 2.25rem;
  font-weight: 700;
}
#container section#pageContents h2.noLine {
  margin-bottom: 2.5rem;
  border: 0;
}
#container section p:not(:last-child) {
  margin-bottom: 0rem;
}
#container section img {
  margin-bottom: 0;
}
#container section .wp-caption {
  margin-bottom: 0;
}

#siteMain {
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 750px) {
  #siteMain {
    padding-bottom: 3.75rem;
  }
}
@media screen and (max-width: 1150px) {
  #siteMain {
    padding-bottom: 8.75rem;
  }
}
@media screen and (max-width: 750px) {
  #siteMain {
    padding-bottom: 27.5vw;
  }
}

/* 
================================================================================
fixNavi
================================================================================
*/
#fixNavi {
  width: 5rem;
  height: 5rem;
  border-radius: 2.5rem;
  position: fixed;
  z-index: 9000;
  right: 2.5rem;
  top: 2.5rem;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-line-pack: center;
      align-content: center;
  border: solid 2px #000;
  background: #fff;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  opacity: 0;
}
body.siteActive #fixNavi {
  opacity: 1;
}
body.menuOpen #fixNavi {
  display: block;
}
body.modalOpen #fixNavi {
  visibility: hidden;
}
@media screen and (max-width: 1150px) {
  #fixNavi {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  #fixNavi {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    border-radius: 5.3333333333vw;
    right: 5.3333333333vw;
    top: 5.3333333333vw;
  }
}
#fixNavi span {
  visibility: hidden;
}
#fixNavi .line {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#fixNavi .line hr {
  width: 1.875rem;
  height: 0.1875rem;
  border: 0;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
}
@media screen and (max-width: 750px) {
  #fixNavi .line hr {
    width: 4vw;
    height: 0.4vw;
  }
}
#fixNavi .line hr:nth-of-type(1) {
  -webkit-transform: translate(-50%, -450%);
          transform: translate(-50%, -450%);
}
body.menuOpen #fixNavi .line hr:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}
#fixNavi .line hr:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
body.menuOpen #fixNavi .line hr:nth-of-type(2) {
  opacity: 0;
}
#fixNavi .line hr:nth-of-type(3) {
  -webkit-transform: translate(-50%, 350%);
          transform: translate(-50%, 350%);
}
body.menuOpen #fixNavi .line hr:nth-of-type(3) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}

#modalMenu {
  display: none;
  position: fixed;
  z-index: 8000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  color: #fff;
  text-align: center;
  -webkit-transition: opacity 500ms ease;
  transition: opacity 500ms ease;
  font-size: 0.6875rem;
}
body.menuOpen #modalMenu {
  display: block;
  opacity: 1;
  pointer-events: all;
}
#modalMenu .inFrame {
  width: 80%;
  max-width: 1024px;
  margin: auto;
}
#modalMenu .menuWrap {
  position: relative;
  right: 0;
  top: 0%;
  -webkit-transform: translate(0, 0%);
          transform: translate(0, 0%);
  width: 100%;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 2.5rem;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
#modalMenu .menuWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
#modalMenu .menuWrap ul li {
  margin-bottom: 1.25rem;
}
#modalMenu .menuWrap ul li img {
  max-height: 1.25rem;
  width: auto !important;
  height: 6.6666666667vw;
}
#modalMenu .menuWrap ul:nth-of-type(1) {
  padding-top: 6.25rem;
  display: -ms-grid;
  display: grid;
  grid-gap: 0.625rem;
}
#modalMenu .menuWrap ul:nth-of-type(1) li {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
}
#modalMenu .menuWrap ul:nth-of-type(1) li a {
  margin: auto;
  display: inline-block;
}
#modalMenu .menuWrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem;
}
#modalMenu .menuWrap .ticket {
  border: solid 2px #fff;
}
#modalMenu .menuWrap .menu.global {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  grid-gap: 0.625rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#modalMenu .menuWrap .menu.global li {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  border: 0;
}
#modalMenu .menuWrap .menu.global li a {
  margin: auto;
  display: inline-block;
}
#modalMenu .menuWrap .menu.global li.ticket a {
  border: solid 2px #fff;
}
#modalMenu .menuWrap .menu.sns {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
#modalMenu .menuWrap .menu.sns li {
  margin: 0 0.625rem;
  padding: 0;
}
#modalMenu .menuWrap .menu.sns li a {
  padding: 0;
}
#modalMenu .menuWrap .menu.sns .youtube {
  width: 2.625rem;
}
#modalMenu .menuWrap .menu.sns .youtube a {
  height: 2.5rem;
  background: url("../img/parts/icon_youtube_white.png") center center no-repeat;
  background-size: contain;
}
#modalMenu .menuWrap .menu.sns .twitter a {
  width: 2.5rem;
  height: 2.5rem;
  background: url("../img/parts/icon_twitter_white.png") center center no-repeat;
  background-size: contain;
}
/* 
================================================================================
#globalHeader & globalFooter
================================================================================
*/
.globalArea .logo {
  width: 6.25rem;
}
.globalArea .logo img {
  height: auto;
}
@media screen and (max-width: 1150px) {
  .globalArea .logo {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    width: 8.75rem;
  }
}
@media screen and (max-width: 750px) {
  .globalArea .logo {
    width: 18.6666666667vw;
  }
}
.globalArea .menu li img {
  width: auto;
  height: 1.0625rem;
}
.globalArea .menu li.youtube {
  width: 2.625rem;
  height: 1.875rem;
}
.globalArea .menu li.youtube a {
  display: block;
  width: 2.625rem;
  height: 1.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/parts/icon_youtube.png") center center no-repeat;
  background-size: contain;
}
.globalArea .menu li.youtube span {
  display: none;
}
.globalArea .menu li.twitter {
  width: 1.875rem;
  height: 1.875rem;
}
.globalArea .menu li.twitter a {
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url("../img/parts/icon_twitter.png") center center no-repeat;
  background-size: contain;
}
.globalArea .menu li.twitter span {
  display: none;
}

#globalHeader {
  padding: 0 !important;
  height: 10rem;
}
@media screen and (max-width: 1150px) {
  #globalHeader .inFrame {
    margin: 0 auto 0;
    width: 85.2% !important;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
  }
}
@media screen and (max-width: 750px) {
  #globalHeader {
    height: 21.3333333333vw;
  }
}
#globalHeader .menuWrap {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: calc(100% - 12.5rem);
  -ms-grid-columns: 1fr 2.5rem 5.9375rem;
  grid-template-columns: 1fr 5.9375rem;
  grid-gap: 2.5rem;
}
@media screen and (max-width: 1150px) {
  #globalHeader .menuWrap {
    display: none;
  }
}
#globalHeader .menuWrap a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem;
}
#globalHeader .menuWrap li::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #000;
  visibility: hidden;
}
body#home #globalHeader .menuWrap .home::after {
  visibility: visible;
}
body.news #globalHeader .menuWrap .news::after {
  visibility: visible;
}
body#page.page-template-page-artist #globalHeader .menuWrap .artist::after {
  visibility: visible;
}
body#page.this_page_about #globalHeader .menuWrap .about::after {
  visibility: visible;
}
#globalHeader .menuWrap .ticket {
  border: solid 2px #d91404;
}
#globalHeader .ticketBtn {
  position: absolute;
  top: 50%;
  right: 6.25rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  width: 12.5rem;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  line-height: 1;
}
#globalHeader .ticketBtn .anchor {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  border: solid 4px #d91404;
  padding: 1.25rem;
}
@media screen and (min-width: 1150px) {
  #globalHeader .ticketBtn {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  #globalHeader .ticketBtn {
    right: 13.3333333333vw;
    width: 26.6666666667vw;
  }
  #globalHeader .ticketBtn .anchor {
    border: solid 0.5333333333vw #d91404;
    padding: 2.6666666667vw;
  }
}

#globalFooter {
  color: #fff;
  padding: 3.125rem 0 !important;
  height: auto;
  background: #333;
}
#globalFooter .logo {
  width: 10rem;
  margin: 0 auto 2.5rem;
  position: relative;
  top: 0;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
#globalFooter .menuWrap {
  position: relative;
  width: 100%;
  -ms-grid-columns: 1fr 2.5rem 5.9375rem;
  grid-template-columns: 1fr 5.9375rem;
  grid-gap: 2.5rem;
}
#globalFooter .menuWrap a, #globalFooter .menuWrap .btnlink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem;
  cursor: pointer;
}
#globalFooter .menuWrap .ticket {
  border: solid 2px #fff;
}
#globalFooter .menuWrap .youtube {
  width: 2.625rem;
}
#globalFooter .menuWrap .youtube a, #globalFooter .menuWrap .youtube .btnlink {
  background: url("../img/parts/icon_youtube_white.png") center center no-repeat;
  background-size: contain;
}
#globalFooter .menuWrap .twitter a, #globalFooter .menuWrap .twitter .btnlink {
  background: url("../img/parts/icon_twitter_white.png") center center no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1150px) {
  #globalFooter .menuWrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  #globalFooter .menuWrap .menu.global {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    grid-gap: 0.625rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #globalFooter .menuWrap .menu.global li {
    width: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    border: 0;
    margin-bottom: 1.25rem;
  }
  #globalFooter .menuWrap .menu.global li a, #globalFooter .menuWrap .menu.global li .anchor {
    margin: auto;
    display: inline-block;
  }
  #globalFooter .menuWrap .menu.global li.ticket a, #globalFooter .menuWrap .menu.global li.ticket .btnlink {
    border: solid 2px #fff;
  }
  #globalFooter .menuWrap .menu.sns {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  #globalFooter .menuWrap .menu.sns li {
    margin: 0 0.625rem;
  }
}
#globalFooter .copyright {
  text-align: center;
  padding-top: 3.75rem;
  color: #808080;
}

/* 
================================================================================
modalWindow
================================================================================
*/
.modalWindow {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 100;
  background: rgba(0, 0, 0, 0.9);
  color: #fff;
  padding: 3.75rem 0;
  overflow-y: auto;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 200ms ease;
  transition: opacity 200ms ease;
  scroll-behavior: smooth;
}
.modalWindow * {
  pointer-events: none !important;
}
body.modalOpen .modalWindow {
  pointer-events: all;
  opacity: 1;
}
body.modalOpen .modalWindow * {
  pointer-events: all !important;
}
body.modalClose .modalWindow {
  opacity: 0;
}
@media screen and (max-width: 1150px) {
  .modalWindow {
    padding: 5rem 0;
  }
}
.modalWindow .global_inner {
  max-width: 50rem;
}
@media screen and (max-width: 1150px) {
  .modalWindow .global_inner {
    width: 64vw;
  }
}
.modalWindow.artists .navUnit {
  width: 100%;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 200ms ease 0ms;
  transition: opacity 200ms ease 0ms;
}
.modalWindow.artists .navUnit.close {
  position: fixed;
  top: 3.75rem;
}
.modalWindow.artists .navUnit.pager {
  position: fixed;
  top: 50vh;
}
body.modalOpen .modalWindow.artists .navUnit {
  -webkit-transition-delay: 1500ms;
          transition-delay: 1500ms;
  pointer-events: all;
  opacity: 1;
}
.modalWindow.artists .closeBtn {
  pointer-events: all;
  position: absolute;
  top: 0;
  right: 0;
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 1.9375rem;
  background: url("../img/parts/icon_pager_close_white.svg") center center no-repeat;
  background-size: contain;
  -webkit-transform: translate(180%, -50%);
          transform: translate(180%, -50%);
  cursor: pointer;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .closeBtn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
    -webkit-transform: translate(150%, -50%);
            transform: translate(150%, -50%);
  }
}
.modalWindow.artists .prevBtn,
.modalWindow.artists .nextBtn {
  pointer-events: all;
  cursor: pointer;
  position: absolute;
  top: 0;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  background: url("../img/parts/icon_pager_arrow_white.svg") center center no-repeat;
  background-size: contain;
  width: 3.875rem;
  height: 3.875rem;
  border-radius: 1.5625rem;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .prevBtn,
.modalWindow.artists .nextBtn {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 1.25rem;
  }
}
.modalWindow.artists .prevBtn {
  left: 0;
  -webkit-transform: translate(-180%, -50%) rotate(180deg);
          transform: translate(-180%, -50%) rotate(180deg);
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .prevBtn {
    -webkit-transform: translate(-150%, -50%) rotate(180deg);
            transform: translate(-150%, -50%) rotate(180deg);
  }
}
.modalWindow.artists .nextBtn {
  right: 0;
  -webkit-transform: translate(180%, -50%);
          transform: translate(180%, -50%);
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .nextBtn {
    -webkit-transform: translate(150%, -50%);
            transform: translate(150%, -50%);
  }
}
.modalWindow.artists .modalContents .image {
  width: 100%;
  margin: 0 0 3.75rem !important;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .modalContents .image {
    margin-bottom: 1.875rem !important;
  }
}
.modalWindow.artists .modalContents .image img {
  width: auto;
  height: auto;
  margin: auto;
  max-height: 25rem;
}
body.modalOpen .modalWindow.artists .modalContents .image {
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.modalOpen.modalChange .modalWindow.artists .modalContents .image {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 0;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
}
.modalWindow.artists .modalContents .name {
  font-size: 2.25rem;
  font-weight: 800;
  line-height: 1.6;
  margin: 0 0 3.75rem !important;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .modalContents .name {
    font-size: 1.25rem;
    margin-bottom: 1.875rem !important;
  }
}
body.modalOpen .modalWindow.artists .modalContents .name {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.modalOpen.modalChange .modalWindow.artists .modalContents .name {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 0;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
}
.modalWindow.artists .modalContents .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 3.75rem !important;
  pointer-events: none;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
body.modalOpen .modalWindow.artists .modalContents .links {
  pointer-events: all;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .modalContents .links {
    display: block;
  }
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .modalContents .links {
    margin-bottom: 1.875rem !important;
  }
}
.modalWindow.artists .modalContents .links .moreArea {
  padding-top: 0;
  display: contents;
}
@media screen and (max-width: 1150px) {
  .modalWindow.artists .modalContents .links .moreArea {
    display: block;
    margin-bottom: 1.25rem;
  }
}
.modalWindow.artists .modalContents .links .moreArea.deactive .btn {
  pointer-events: none !important;
  opacity: 0.2;
}
.modalWindow.artists .modalContents .links .moreArea .btn {
  border: solid 1px #fff;
}
.modalWindow.artists .modalContents .links .moreArea .btn.arrowR::after {
  content: "";
  display: inline-block;
  background: url("../img/parts/arrow_r_white.png") center center no-repeat;
  position: absolute;
  top: 50%;
  right: 0.625rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  width: 2rem;
  height: 2rem;
}
.modalWindow.artists .modalContents .links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  grid-gap: 1.875rem;
}
@media screen and (max-width: 750px) {
  .modalWindow.artists .modalContents .links ul {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.modalWindow.artists .modalContents .links ul li {
  width: 1.875rem;
  height: 1.875rem;
}
.modalWindow.artists .modalContents .links ul li span {
  display: none;
}
.modalWindow.artists .modalContents .links ul li a {
  display: block;
  height: 100%;
}
.modalWindow.artists .modalContents .links ul li.twitter a {
  background: url("../img/parts/icon_twitter_white.png") center center no-repeat;
  background-size: contain;
}
.modalWindow.artists .modalContents .links ul li.facebook a {
  background: url("../img/parts/icon_facebook_white.png") center center no-repeat;
  background-size: contain;
}
.modalWindow.artists .modalContents .links ul li.instagram a {
  background: url("../img/parts/icon_instagram_white.png") center center no-repeat;
  background-size: contain;
}
.modalWindow.artists .modalContents .links ul li.youtube a {
  background: url("../img/parts/icon_youtube_white.png") center center no-repeat;
  background-size: contain;
}
.modalWindow.artists .modalContents .links ul li.spotify a {
  background: url("../img/parts/icon_spotify_white.png") center center no-repeat;
  background-size: contain;
}
.modalWindow.artists .modalContents .links ul li.deactive a {
  pointer-events: none !important;
  cursor: default;
  opacity: 0.2;
}
body.modalOpen .modalWindow.artists .modalContents .links {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.modalOpen.modalChange .modalWindow.artists .modalContents .links {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 0;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
}
.modalWindow.artists .modalContents .text {
  text-justify: auto;
  text-align: justify;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
  opacity: 0;
  -webkit-transition: all 500ms ease 0ms;
  transition: all 500ms ease 0ms;
}
body.modalOpen .modalWindow.artists .modalContents .text {
  -webkit-transition-delay: 700ms;
          transition-delay: 700ms;
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}
body.modalOpen.modalChange .modalWindow.artists .modalContents .text {
  -webkit-transition-delay: 0ms;
          transition-delay: 0ms;
  opacity: 0;
  -webkit-transform: translate(0, 3.125rem);
          transform: translate(0, 3.125rem);
}
.modalWindow.artists .modalContents .moreArea .moreBtn .btn {
  border: solid 1px #fff;
  color: #fff;
}
.modalWindow.artists .modalContents .moreArea .moreBtn .btn.arrowR::after {
  background: url(../img/parts/arrow_r_white.png) center center no-repeat;
}

/* 
================================================================================
entryBody
================================================================================
*/
.entryBody a {
  display: inline-block;
  text-decoration: underline;
  color: #d91404;
}
.entryBody h3 {
  font-size: 2rem;
  margin-bottom: 1.25rem;
  line-height: 1.6;
  font-weight: 800;
}
@media screen and (max-width: 750px) {
  .entryBody h3 {
    font-size: 4.6666666667vw;
    margin-bottom: 10.6666666667vw;
  }
}
.entryBody h4 {
  font-size: 1.625rem;
  margin-bottom: 1.25rem;
  line-height: 1.6;
  font-weight: 700;
  padding-top: 1.25rem;
}
@media screen and (max-width: 750px) {
  .entryBody h4 {
    font-size: 4vw;
    margin-bottom: 8vw;
  }
}
.entryBody h5 {
  font-size: 1.25rem;
  margin-bottom: 0.625rem;
  line-height: 1.6;
  font-weight: 700;
  padding-top: 1.25rem;
}
@media screen and (max-width: 750px) {
  .entryBody h5 {
    font-size: 3.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.entryBody h6 {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .entryBody h6 {
    font-size: 2.6666666667vw;
    margin-bottom: 2.6666666667vw;
  }
}
.entryBody strong, .entryBody b {
  font-weight: 800;
}
.entryBody img {
  width: auto;
  max-width: 100%;
}
.entryBody .red {
  color: #d91404;
}
.entryBody .markerPen {
  display: inline;
  background: rgba(255, 0, 205, 0.2);
}
.entryBody ul {
  list-style: disc;
  padding-left: 1.5em;
  line-height: 1.4;
}
.entryBody ul li {
  margin-bottom: 0.5em;
}
.entryBody ol {
  padding-left: 1.5em;
  line-height: 1.4;
}
.entryBody ol li {
  margin-bottom: 0.5em;
}
.entryBody .spacer {
  width: 100%;
  height: 3.125rem;
}
@media screen and (max-width: 750px) {
  .entryBody .spacer {
    height: 4vw;
  }
}
.entryBody .entryDate {
  font-size: 0.75rem;
  font-weight: normal;
  padding-top: 0.625rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 750px) {
  .entryBody .entryDate {
    padding-bottom: 0;
  }
}
.entryBody .movieArea {
  margin: 2.5rem 0;
}
.entryBody .movieArea iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.entryBody .movieArea::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
.entryBody .wp-caption {
  margin-bottom: 2.5rem;
  max-width: 100%;
}

.entryNavi {
  padding-top: 11.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.entryNavi::before {
  content: "";
  display: block;
  width: 1px;
  height: 3.75rem;
  background: #000;
  position: absolute;
  top: 3.75rem;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.entryNavi .inWrap {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  grid-gap: 1.25rem;
}
.entryNavi .inWrap .nav.prev, .entryNavi .inWrap .nav.next {
  width: 1.875rem;
  height: 1.875rem;
}
.entryNavi .inWrap .nav.prev a, .entryNavi .inWrap .nav.next a {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 0.9375rem;
  background: url("../img/parts/icon_pager_arrow_vector.svg") center center no-repeat;
  background-size: contain;
  cursor: pointer;
}
.entryNavi .inWrap .nav.prev a {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.entryNavi .inWrap .nav.center {
  width: 10.625rem;
}
.entryNavi .inWrap .nav .moreArea {
  padding: 0;
  width: 100%;
}
.entryNavi .inWrap .nav .moreArea .moreBtn {
  width: 100%;
  font-size: 0.875rem;
}
.entryNavi .inWrap .nav .moreArea .moreBtn .btn {
  height: 1.875rem;
  border-radius: 0.9375rem;
}
.entryNavi .inWrap .nav .moreArea .moreBtn .btn span {
  -webkit-transform: translate(-0.625rem, 0);
          transform: translate(-0.625rem, 0);
}
.entryNavi .inWrap .nav .moreArea .moreBtn .btn.iconList::after {
  content: "";
  display: inline-block;
  background: url("../img/parts/icon_pager_list_vector.svg") center center no-repeat;
  position: absolute;
  top: 50%;
  right: 1.25rem;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  line-height: 1;
  width: 1.25rem;
  height: 1.25rem;
}
.entryNavi .page-numbers span {
  display: none;
}
.entryNavi .prev .page-numbers {
  display: none !important;
}
.entryNavi .prev .page-numbers.prev {
  display: block !important;
}
.entryNavi .next .page-numbers {
  display: none !important;
}
.entryNavi .next .page-numbers.next {
  display: block !important;
}

/* 
================================================================================
sample
================================================================================
*/
div.sample {
  width: 200px;
  height: 200px;
}
body.sample div.sample {
  text-align: center;
}
div.sample:before {
  content: "";
  display: block;
  width: 300px;
  height: 150px;
  background: blue;
}
.sample-1 {
  width: 100px;
}

.sample-2 {
  width: 200px;
}

.sample-3 {
  width: 300px;
}

@-webkit-keyframes anim {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}

@keyframes anim {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(2);
            transform: scale(2);
    opacity: 0;
  }
}
/* 
================================================================================
kv
================================================================================
*/
#container section#kv {
  background: #eee;
  padding: 0;
}
#container section#kv .contentsWrap {
  width: 100%;
  background: #369;
  aspect-ratio: 16/9;
}
#container section#kv .contentsWrap::before {
  content: "";
  display: block;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
}
#container section#kv .contentsWrap video, #container section#kv .contentsWrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#container section#news h2 {
  margin-bottom: 1.25rem;
}
#container section.archiveArea {
  background: url("../img/bg/bg_dots.png") center center #f3f3f3;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 750px) {
  #container section.archiveArea {
    padding-bottom: 8vw;
  }
}
body#archive #container section.archiveArea, body#page #container section.archiveArea {
  padding-top: 7.5rem;
}
@media screen and (max-width: 750px) {
  body#archive #container section.archiveArea, body#page #container section.archiveArea {
    padding-top: 8vw;
  }
}
#container section.archiveArea h2 {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 750px) {
  #container section.archiveArea h2 {
    margin-bottom: 5.3333333333vw;
    padding-bottom: 0rem;
  }
}
#container section#banners .global_inner {
  border: 0;
}
/*# sourceMappingURL=style.css.map */