.linkBox {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: wrap;
    flex-flow: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.linkBox::after {
    content: '';
    display: block;
    border-left: 2px solid #000
}

.linkBox>span,
.linkBox a {
    border-top: 4px solid #000;
    border-left: 2px solid #000;
    border-right: 2px solid #000
}

.linkBox>span>span,
.linkBox a>span {
    position: relative;
    background: #fff
}

.linkBox>span>span.anotherCopy span,
.linkBox a>span.anotherCopy span {
    color: #000 !important
}

.linkBox>span>span.paleCopy::after,
.linkBox>span>span.anotherCopy.paleCopy span,
.linkBox a>span.paleCopy::after,
.linkBox a>span.anotherCopy.paleCopy span {
    color: #fff !important
}

.linkBox>span>span.vividTxt::after,
.linkBox>span>span.anotherCopy.vividTxt span,
.linkBox a>span.vividTxt::after,
.linkBox a>span.anotherCopy.vividTxt span {
    text-shadow: #fff 1px 1px 0, #fff -1px -1px 0,
        #fff -1px 1px 0, #fff 1px -1px 0,
        #fff 0px 1px 0, #fff 0 -1px 0,
        #fff -1px 0 0, #fff 1px 0 0
}

.linkBox>span>span::after,
.linkBox>span>span.anotherCopy span,
.linkBox a>span::after,
.linkBox a>span.anotherCopy span {
    content: '©Disney';
    position: absolute;
    bottom: 8px;
    right: 8px;
    font-size: .8em;
    display: inline-block;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro W3", "HIragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.linkBox a>span.tm::after{
    padding-top: 46px;
    background-image: url(../img/icon_tm.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center top;
}



.linkBox>span>span.anotherCopy::after,
.linkBox a>span.anotherCopy::after {
    display: none
}

.linkBox>span:hover,
.linkBox a:hover {
    color: inherit
}

.linkBox>span {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.linkBox>span img {
    max-width: 235px;
    width: 100%
}

.linkBox .red {
    background: #e61930
}

.linkBox .vividPurple {
    background: #9361d9
}

.linkBox .deepBlue {
    background: #25396f
}

.linkBox .brown {
    background: #a62924
}

.linkBox .purple {
    background: #461f46
}

.linkBox .palePurple {
    background: #ac5899
}

.linkBox .vividGreen {
    background: #1dafb8
}

.linkBox .deepPurple {
    background: #3b1630
}

.linkBox .deepGreen {
    background: #12404f
}

.linkBox .black {
    background: #000
}

.linkBox .paleBlue {
    background: #0694b2
}

.linkBox .pink {
    background: #fa679b
}

.linkBox .vividPink {
    background: #fe4a5f
}

.linkBox .green {
    background: #008d75
}

.linkBox .elsa {
    background: #276dc4
}

.linkBox .annaElsa {
    background: #83bfde
}

.linkBox .queen {
    background: #2b4f8a
}

.linkBox .fareen {
    background: #445f36
}

.linkBox .tinker {
    background: #548f7a
}

.linkBox .lady {
    background: #f63935
}

.linkBox .judy {
    background: #0064c5
}

.linkBox .peep {
    background: #fe7ca5
}

.linkBox .widow {
    background: #2a2828
}

.linkBox .amidala {
    background: #fb7201
}

.linkBox .cool {
    background: #787878
}

.linkBox .figaro {
    background: #c4a686
}

.linkBox .alice02 {
    background: #58abca
}

.linkBox .hearts {
    background: #830001
}

.linkBox .ursula {
    background: #60287f
}

.linkBox .donald {
    background: #87d5f6
}

.linkBox .jafar {
    background: #8b3b5d
}

.linkBox .jack {
    background: #32364f
}

.linkBox .asha {
    background: #b58bc5
}

.linkBox h3 {
    position: relative;
    z-index: 1
}

.linkBox h3 img {
    margin-top: -24%;
    max-width: 235px;
    width: 100%
}

.linkBox .linkArrow {
    position: absolute
}

.main {
    position: relative
}

.main_logo {
  display: -ms-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border: 4px solid #000;
  z-index: 3;
  top: 0;
  border-radius: 0 0 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto
}

.main_mv{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 4;
    transition: opacity .6s;
    opacity: 0;
    display: block;
    pointer-events: none;
}

[data-show="0"] .main_mv{
    opacity: 1;
    pointer-events: auto;
}

.catch {
    position: relative
}

.catch::before,
.catch::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 163px;
    height: 163px;
    background: url(../img/bg.png) no-repeat;
    background-size: cover
}

.catch::before {
    top: 0;
    right: 0
}

.catch::after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.catch p {
    letter-spacing: .2em
}

.catch_fck {
    font-weight: normal;
    letter-spacing: .1em;
    font-size: 1.29em;
    margin-bottom: 1.22em;
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.5
}

.catch_fck::before,
.catch_fck::after {
    content: '';
    display: block;
    width: 2px;
    height: 1.6em;
    background: #6e6e6e
}

.catch_fck::before {
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    margin-right: 1em
}

.catch_fck::after {
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    margin-left: 1em
}

.catch_limit {
    max-width: 430px;
    border: 2px solid #e31830;
    border-radius: 100px;
    margin-left: auto;
    margin-right: auto;
    display: -ms-flex !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 28px 8px;
    padding-left: 48px
}

.catch_limit h3 {
    color: #e31830;
    margin-right: 28px
}

.catch_limit h3 span {
    font-size: 1.25em
}

.about {
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

.about * {
    letter-spacing: .1em
}

.about::before,
.about::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 163px;
    height: 163px;
    background: url(../img/bg.png) no-repeat;
    background-size: cover
}

.about::before {
    top: 0;
    right: 0
}

.about::after {
    bottom: 0;
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.about h2 {
    font-weight: bold
}

.about h2 .footnote{
    margin-top: 1em;
    text-align: right;
    font-size: 1.2rem;
}

.about .lead {
    line-height: 2;
    letter-spacing: .2em
}

.about h3,
.about h3+p {
    color: #c40a02;
    font-weight: normal
}

.about_box {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto
}

.about_box img {
    display: block;
    margin-bottom: 16px
}

.about h4 {
    font-weight: normal;
    display: inline-block;
    background: -webkit-linear-gradient(transparent 80%, #c9b47f 0%);
    background: linear-gradient(transparent 80%, #c9b47f 0%)
}

.about sup {
    font-size: .6em;
    vertical-align: top
}

.about p strong {
    color: #c40a02;
    display: block;
    letter-spacing: 0;
    line-height: 1.5
}

.about p strong::before {
    content: '';
    display: block;
    margin-top: -.5em;
    width: 0;
    height: 0
}

.about p strong span {
    font-size: .34em;
    font-weight: normal
}

.about p strong span span {
    font-size: .74em
}

.about p strong * {
    letter-spacing: 0
}

.about p strong+span span {
    font-size: .75em
}

.linkBox .disney {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: column;
    position: relative;
}

.linkBox .disney h3 {
    padding: 0;
}

.linkBox .disney h3 img {
    margin-top: 0;
}

.linkBox .disney .text {
    text-align: center;
    line-height: 1.6;
    margin-top: 20px;
    font-weight: 400;
}

.linkBox .disney .copyright {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: .8em;
}

.linkBox .disney .copyright::after {
    display: none;
}

.linkBox .disney .linkArrow {
    position: relative;
    display: inline-block;
    right: inherit;
    bottom: inherit;
    margin-top: 32px;
}

.linkBox .disney .linkArrow::before,
.linkBox .disney .linkArrow::after {
    border-color: #000;
}

@media screen and (max-width: 751px) {
    .linkBox .disney .text {
        font-size: 1.2rem;
    }

    .linkBox .disney .linkArrow {
        margin-top: 18px;
    }
}