@charset "UTF-8";

.cartadd_select .add_check {
    display: none
}

.cart_btn {
    position: relative
}

.cart_btn.cart_disabled:before {
    z-index: 1000;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    margin: auto;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;
    text-shadow: 0 0 2px rgba(20, 20, 20, .9);
    content: "購入できません"
}

.cart_btn.cart_disabled:after {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(70, 70, 70, .7);
    content: ""
}

.slide-frame {
    display: flex;
    transition: .6s
}

.fixed-bg {
    -webkit-backface-visibility: hidden;
    visibility: visible;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    margin-left: calc(50% - 50vw);
    transform: translateZ(0);
    backface-visibility: hidden;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    perspective: 0;
    pointer-events: none;
    transition: .5s
}

/*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
    overflow: hidden
}

.modaal-accessible-hide {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important
}

.modaal-overlay {
    z-index: 999;
    opacity: 0
}

.modaal-overlay,
.modaal-wrapper {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modaal-wrapper {
    -webkit-overflow-scrolling: touch;
    box-sizing: border-box;
    display: block;
    z-index: 9999;
    overflow: auto;
    opacity: 1;
    transition: all .3s ease-in-out
}

.modaal-wrapper * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-backface-visibility: hidden;
    box-sizing: border-box
}

.modaal-wrapper .modaal-close {
    -webkit-appearance: none;
    padding: 0;
    border: none;
    background: transparent
}

.modaal-wrapper.modaal-start_none {
    display: none;
    opacity: 1
}

.modaal-wrapper.modaal-start_fade {
    opacity: 0
}

.modaal-wrapper [tabindex="0"] {
    outline: none !important
}

.modaal-wrapper.modaal-fullscreen {
    overflow: hidden
}

.modaal-outer-wrapper {
    display: table;
    position: relative;
    width: 100%;
    height: 100%
}

.modaal-fullscreen .modaal-outer-wrapper {
    display: block
}

.modaal-inner-wrapper {
    display: table-cell;
    position: relative;
    width: 100%;
    height: 100%;
    padding: 80px 25px;
    text-align: center;
    vertical-align: middle
}

.modaal-fullscreen .modaal-inner-wrapper {
    display: block;
    padding: 0;
    vertical-align: top
}

.modaal-container {
    display: inline-block;
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    border-radius: 0;
    background: #fff;
    box-shadow: 0 4px 15px rgba(0, 0, 0, .2);
    color: #000;
    text-align: left;
    cursor: auto
}

.modaal-container.is_loading {
    width: 100px;
    height: 100px;
    overflow: hidden
}

.modaal-fullscreen .modaal-container {
    max-width: none;
    height: 100%;
    overflow: auto
}

.modaal-close {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    transition: all .2s ease-in-out
}

.modaal-close:focus,
.modaal-close:hover {
    outline: none;
    background: #fff
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
    background: #b93d0c
}

.modaal-close span {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important
}

.modaal-close:after,
.modaal-close:before {
    display: block;
    position: absolute;
    top: 14px;
    left: 23px;
    width: 4px;
    height: 22px;
    border-radius: 4px;
    background: #fff;
    content: " ";
    transition: background .2s ease-in-out
}

.modaal-close:before {
    transform: rotate(-45deg)
}

.modaal-close:after {
    transform: rotate(45deg)
}

.modaal-fullscreen .modaal-close {
    top: 10px;
    right: 10px;
    background: #afb7bc
}

.modaal-content-container {
    padding: 30px
}

.modaal-confirm-wrap {
    padding: 30px 0 0;
    font-size: 0;
    text-align: center
}

.modaal-confirm-btn {
    display: inline-block;
    margin: 0 10px;
    border: none;
    background: transparent;
    font-size: 14px;
    vertical-align: middle;
    cursor: pointer
}

.modaal-confirm-btn.modaal-ok {
    padding: 10px 15px;
    border-radius: 3px;
    background: #555;
    color: #fff;
    transition: background .2s ease-in-out
}

.modaal-confirm-btn.modaal-ok:hover {
    background: #2f2f2f
}

.modaal-confirm-btn.modaal-cancel {
    text-decoration: underline
}

.modaal-confirm-btn.modaal-cancel:hover {
    color: #2f2f2f;
    text-decoration: none
}

.modaal-instagram .modaal-container {
    width: auto;
    background: transparent;
    box-shadow: none !important
}

.modaal-instagram .modaal-content-container {
    padding: 0;
    background: transparent
}

.modaal-instagram .modaal-content-container > blockquote {
    width: 1px !important;
    height: 1px !important;
    opacity: 0 !important
}

.modaal-instagram iframe {
    -webkit-animation: instaReveal 1s linear forwards;
    width: 1000px !important;
    max-width: 800px !important;
    margin: -6px !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    animation: instaReveal 1s linear forwards;
    opacity: 0
}

.modaal-image .modaal-inner-wrapper {
    padding-right: 140px;
    padding-left: 140px
}

.modaal-image .modaal-container {
    width: auto;
    max-width: 100%
}

.modaal-gallery-wrap {
    position: relative;
    color: #fff
}

.modaal-gallery-item {
    display: none
}

.modaal-gallery-item.is_active,
.modaal-gallery-item img {
    display: block
}

.modaal-gallery-label {
    position: absolute;
    left: 0;
    width: 100%;
    margin: 20px 0 0;
    color: #fff;
    font-size: 18px;
    text-align: center
}

.modaal-gallery-label:focus {
    outline: none
}

.modaal-gallery-control {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    transform: translateY(-50%);
    border: none;
    border-radius: 100%;
    background: transparent;
    color: #fff;
    cursor: pointer;
    opacity: 1;
    transition: all .2s ease-in-out
}

.modaal-gallery-control.is_hidden {
    cursor: default;
    opacity: 0
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
    background: #fff
}

.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
    background: #afb7bc
}

.modaal-gallery-control span {
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    overflow: hidden;
    border: 0 !important
}

.modaal-gallery-control:after,
.modaal-gallery-control:before {
    display: block;
    position: absolute;
    top: 16px;
    left: 25px;
    width: 4px;
    height: 18px;
    border-radius: 4px;
    background: #fff;
    content: " ";
    transition: background .2s ease-in-out
}

.modaal-gallery-control:before {
    margin: -5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-control:after {
    margin: 5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-next-inner {
    left: 100%;
    margin-left: 40px
}

.modaal-gallery-next-outer {
    right: 45px
}

.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
    left: 22px
}

.modaal-gallery-prev:before {
    margin: 5px 0 0;
    transform: rotate(-45deg)
}

.modaal-gallery-prev:after {
    margin: -5px 0 0;
    transform: rotate(45deg)
}

.modaal-gallery-prev-inner {
    right: 100%;
    margin-right: 40px
}

.modaal-gallery-prev-outer {
    left: 45px
}

.modaal-video-wrap {
    position: relative;
    margin: auto 50px
}

.modaal-video-container {
    position: relative;
    max-width: 100%;
    max-width: 1300px;
    height: 0;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 56.25%;
    overflow: hidden;
    background: #000;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3)
}

.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.modaal-iframe-elem,
.modaal-iframe .modaal-content {
    width: 100%;
    height: 100%
}

.modaal-iframe-elem {
    display: block
}

.modaal-loading-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin: -100px 0 0 -100px;
    transform: scale(.25);
    background: none
}

.modaal-loading-spinner > div {
    position: absolute;
    width: 24px;
    height: 24px;
    margin-top: 4px;
    margin-left: 4px
}

.modaal-loading-spinner > div > div {
    width: 100%;
    height: 100%;
    border-radius: 15px;
    background: #fff
}

.modaal-loading-spinner > div:first-of-type > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: 0s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: 0s
}

.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:first-of-type {
    transform: translate(84px, 84px) rotate(45deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(2) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .12s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .12s
}

.modaal-loading-spinner > div:nth-of-type(2) {
    transform: translate(84px, 84px) rotate(90deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(3) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .25s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .25s
}

.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:nth-of-type(3) {
    transform: translate(84px, 84px) rotate(135deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(4) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .37s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .37s
}

.modaal-loading-spinner > div:nth-of-type(4) {
    transform: translate(84px, 84px) rotate(180deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(5) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .5s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .5s
}

.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
    -ms-animation: modaal-loading-spinner 1s linear infinite;
    -moz-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -o-animation: modaal-loading-spinner 1s linear infinite
}

.modaal-loading-spinner > div:nth-of-type(5) {
    transform: translate(84px, 84px) rotate(225deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(6) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .62s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .62s
}

.modaal-loading-spinner > div:nth-of-type(6) {
    transform: translate(84px, 84px) rotate(270deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(7) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .75s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .75s
}

.modaal-loading-spinner > div:nth-of-type(7) {
    transform: translate(84px, 84px) rotate(315deg) translate(70px)
}

.modaal-loading-spinner > div:nth-of-type(8) > div {
    -webkit-animation: modaal-loading-spinner 1s linear infinite;
    -webkit-animation-delay: .87s;
    animation: modaal-loading-spinner 1s linear infinite;
    animation-delay: .87s
}

.modaal-loading-spinner > div:nth-of-type(8) {
    transform: translate(84px, 84px) rotate(1turn) translate(70px)
}

.ps {
    overflow-anchor: none;
    -ms-overflow-style: none;
    -ms-touch-action: auto;
    overflow: hidden !important;
    touch-action: auto
}

.ps__rail-x {
    bottom: 0;
    height: 15px
}

.ps__rail-x,
.ps__rail-y {
    -webkit-transition: background-color .2s linear, opacity .2s linear;
    display: none;
    position: absolute;
    opacity: 0;
    transition: background-color .2s linear, opacity .2s linear
}

.ps__rail-y {
    right: 0;
    width: 15px
}

.ps--active-x > .ps__rail-x,
.ps--active-y > .ps__rail-y {
    display: block;
    background-color: transparent
}

.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y,
.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y {
    opacity: .6
}

.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-x:focus,
.ps .ps__rail-x:hover,
.ps .ps__rail-y.ps--clicking,
.ps .ps__rail-y:focus,
.ps .ps__rail-y:hover {
    background-color: #eee;
    opacity: .9
}

.ps__thumb-x {
    -webkit-transition: background-color .2s linear, height .2s ease-in-out;
    bottom: 2px;
    height: 6px;
    transition: background-color .2s linear, height .2s ease-in-out
}

.ps__thumb-x,
.ps__thumb-y {
    position: absolute;
    border-radius: 6px;
    background-color: #aaa
}

.ps__thumb-y {
    -webkit-transition: background-color .2s linear, width .2s ease-in-out;
    right: 2px;
    width: 6px;
    transition: background-color .2s linear, width .2s ease-in-out
}

.ps__rail-x.ps--clicking .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x {
    height: 11px;
    background-color: #999
}

.ps__rail-y.ps--clicking .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y {
    width: 11px;
    background-color: #999
}

@supports (-ms-overflow-style:none) {
    .ps {
        overflow: auto !important
    }
}

.scroll-hint.is-right-scrollable {
    background: linear-gradient(270deg, rgba(0, 0, 0, .15), transparent 16px, transparent)
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15), transparent 16px, transparent), linear-gradient(270deg, rgba(0, 0, 0, .15), transparent 16px, transparent)
}

.scroll-hint.is-left-scrollable {
    background: linear-gradient(90deg, rgba(0, 0, 0, .15), transparent 16px, transparent)
}

.scroll-hint-icon {
    box-sizing: border-box;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 60px);
    width: 120px;
    height: 80px;
    padding: 20px 10px 10px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    opacity: 0;
    transition: opacity .3s
}

.scroll-hint-icon-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 100%;
    pointer-events: none
}

.scroll-hint-text {
    margin-top: 5px;
    color: #fff;
    font-size: 10px
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
    opacity: .8
}

.scroll-hint-icon:before {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PHBhdGggZD0iTTIxLjMzIDMwLjUySDcuODVBMS41NSAxLjU1IDAgMDE2LjMgMjlhMTIuNDYgMTIuNDYgMCAwMC0uNjMtNC40MiAyNS4xNiAyNS4xNiAwIDAwLTQuMjUtNWwtLjA2LS4wNkE1IDUgMCAwMTAgMTUuODZhMy42NCAzLjY0IDAgMDExLjE3LTIuNjIgMy42MyAzLjYzIDAgMDE1LjE0LjA3VjMuNzdhMy43NyAzLjc3IDAgMTE3LjU0IDB2NC41NmEzLjM1IDMuMzUgMCAwMTEuMjYgMCAzIDMgMCAwMTIgMS4yMiAzLjUgMy41IDAgMDEyLS4wNiAzLjIxIDMuMjEgMCAwMTIgMS41NCAzLjc0IDMuNzQgMCAwMTMgLjQ3IDQuMjEgNC4yMSAwIDAxMS42MyAzLjV2LjQ2YTE5LjI2IDE5LjI2IDAgMDEtLjg0IDdjLS4xNC4zOC0uMzYuODEtLjU2IDEuMjJsLS4xMS4yMmMwIC4wNy0uMDkuMTQtLjE0LjIxYTcuMTMgNy4xMyAwIDAwLTEuMTcgMi4xN2MtLjA2LjU2LS4wNiAyLjE1LS4wNSAyLjcxYTEuNTUgMS41NSAwIDAxLTEuNTQgMS41M3pNOC42MSAyOC4yMWgxMmMwLS43MSAwLTEuNzEuMDctMi4yM2E4Ljc0IDguNzQgMCAwMTEuNTktMy4yNWwuMDYtLjEyYTEwIDEwIDAgMDAuNDYtMSAxNi44IDE2LjggMCAwMC43LTYuMTJ2LS41NGEyIDIgMCAwMC0uNjQtMS41MiAxLjMzIDEuMzMgMCAwMC0xLjU1LjA4IDEuMTMgMS4xMyAwIDAxLTEuMTguMjggMS4xNSAxLjE1IDAgMDEtLjc4LS45NCAxLjI2IDEuMjYgMCAwMC0uNzUtMS4xMSAxIDEgMCAwMC0xLjExLjI4bC0uMS4xYTEuMTUgMS4xNSAwIDAxLTEuMTkuMjkgMS4xNiAxLjE2IDAgMDEtLjc4LS45NWMtLjA5LS42OC0uMjEtLjc3LS43LS44N2EuODIuODIgMCAwMC0xIC40OCAxLjE2IDEuMTYgMCAwMS0yLjE2LS41OFYzLjc3YTEuNDYgMS40NiAwIDEwLTIuOTIgMHYxMi4xOGExLjE3IDEuMTcgMCAwMS0uODMgMS4xMSAxLjE1IDEuMTUgMCAwMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSAxLjM1IDAgMDAtMi0uMTJMMi43IDE1YTEuMzIgMS4zMiAwIDAwLS4zOSAxQTIuNTcgMi41NyAwIDAwMyAxNy44NWEyNy4yNCAyNy4yNCAwIDAxNC43IDUuNjIgMTIuNjMgMTIuNjMgMCAwMS45MSA0Ljc0em0xNC41OS00Ljg2ek02LjUxIDE2LjU5eiIgZmlsbD0iI2ZmZiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSIvPjwvZz48L3N2Zz4=);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    content: ""
}

.scroll-hint-icon:after {
    display: block;
    position: absolute;
    top: 10px;
    left: 50%;
    width: 34px;
    height: 14px;
    margin-left: -20px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSIgZmlsbD0iI2ZmZiI+PHBhdGggZD0iTTEuODUgNi4wMWg4LjU1TTEwLjQgNy4xN0gxLjg1YTEuMTYgMS4xNiAwIDExMC0yLjMxaDguNTVhMS4xNiAxLjE2IDAgMTEwIDIuMzF6Ii8+PHBhdGggZD0iTTcuNCAxMmExLjE1IDEuMTUgMCAwMS0uNzItLjI1bC02LjI1LTVBMS4yIDEuMiAwIDAxMCA1Ljg3IDEuMTQgMS4xNCAwIDAxLjQ2IDVMNi43LjIzYTEuMTYgMS4xNiAwIDAxMS40IDEuODVMMyA1LjkxIDguMTIgMTBhMS4xNiAxLjE2IDAgMDEtLjcyIDJ6TTMxLjQ1IDYuMDFoLTguNTZNMzEuNDUgNy4xN2gtOC41NmExLjE2IDEuMTYgMCAxMTAtMi4zMWg4LjU2YTEuMTYgMS4xNiAwIDAxMCAyLjMxeiIvPjxwYXRoIGQ9Ik0yNS45IDEyYTEuMTggMS4xOCAwIDAxLS45MS0uNDMgMS4xNyAxLjE3IDAgMDEuMTgtMS41N2w1LjA5LTQuMDUtNS4wNi0zLjg3QTEuMTYgMS4xNiAwIDAxMjYuNTkuMjNMMzIuODQgNWExLjE2IDEuMTYgMCAwMS40NS45MSAxLjE0IDEuMTQgMCAwMS0uNDMuOTJsLTYuMjQgNWExLjE3IDEuMTcgMCAwMS0uNzIuMTd6Ii8+PC9nPjwvZz48L3N2Zz4=);
    background-repeat: no-repeat;
    content: "";
    opacity: 0;
    transition-delay: 2.4s
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
    opacity: 1
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
    -webkit-animation: scroll-hint-appear 1.2s linear;
    -webkit-animation-iteration-count: 2;
    animation: scroll-hint-appear 1.2s linear;
    animation-iteration-count: 2
}

.scroll-hint-icon-white {
    background-color: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .4)
}

.scroll-hint-icon-white:before {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PHBhdGggZD0iTTIxLjMzIDMwLjUySDcuODVBMS41NSAxLjU1IDAgMDE2LjMgMjlhMTIuNDYgMTIuNDYgMCAwMC0uNjMtNC40MiAyNS4xNiAyNS4xNiAwIDAwLTQuMjUtNWwtLjA2LS4wNkE1IDUgMCAwMTAgMTUuODZhMy42NCAzLjY0IDAgMDExLjE3LTIuNjIgMy42MyAzLjYzIDAgMDE1LjE0LjA3VjMuNzdhMy43NyAzLjc3IDAgMTE3LjU0IDB2NC41NmEzLjM1IDMuMzUgMCAwMTEuMjYgMCAzIDMgMCAwMTIgMS4yMiAzLjUgMy41IDAgMDEyLS4wNiAzLjIxIDMuMjEgMCAwMTIgMS41NCAzLjc0IDMuNzQgMCAwMTMgLjQ3IDQuMjEgNC4yMSAwIDAxMS42MyAzLjV2LjQ2YTE5LjI2IDE5LjI2IDAgMDEtLjg0IDdjLS4xNC4zOC0uMzYuODEtLjU2IDEuMjJsLS4xMS4yMmMwIC4wNy0uMDkuMTQtLjE0LjIxYTcuMTMgNy4xMyAwIDAwLTEuMTcgMi4xN2MtLjA2LjU2LS4wNiAyLjE1LS4wNSAyLjcxYTEuNTUgMS41NSAwIDAxLTEuNTQgMS41M3pNOC42MSAyOC4yMWgxMmMwLS43MSAwLTEuNzEuMDctMi4yM2E4Ljc0IDguNzQgMCAwMTEuNTktMy4yNWwuMDYtLjEyYTEwIDEwIDAgMDAuNDYtMSAxNi44IDE2LjggMCAwMC43LTYuMTJ2LS41NGEyIDIgMCAwMC0uNjQtMS41MiAxLjMzIDEuMzMgMCAwMC0xLjU1LjA4IDEuMTMgMS4xMyAwIDAxLTEuMTguMjggMS4xNSAxLjE1IDAgMDEtLjc4LS45NCAxLjI2IDEuMjYgMCAwMC0uNzUtMS4xMSAxIDEgMCAwMC0xLjExLjI4bC0uMS4xYTEuMTUgMS4xNSAwIDAxLTEuMTkuMjkgMS4xNiAxLjE2IDAgMDEtLjc4LS45NWMtLjA5LS42OC0uMjEtLjc3LS43LS44N2EuODIuODIgMCAwMC0xIC40OCAxLjE2IDEuMTYgMCAwMS0yLjE2LS41OFYzLjc3YTEuNDYgMS40NiAwIDEwLTIuOTIgMHYxMi4xOGExLjE3IDEuMTcgMCAwMS0uODMgMS4xMSAxLjE1IDEuMTUgMCAwMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSAxLjM1IDAgMDAtMi0uMTJMMi43IDE1YTEuMzIgMS4zMiAwIDAwLS4zOSAxQTIuNTcgMi41NyAwIDAwMyAxNy44NWEyNy4yNCAyNy4yNCAwIDAxNC43IDUuNjIgMTIuNjMgMTIuNjMgMCAwMS45MSA0Ljc0em0xNC41OS00Ljg2ek02LjUxIDE2LjU5eiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSIvPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon-white:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PHBhdGggZD0iTTEuODUgNi4wMWg4LjU1TTEwLjQgNy4xN0gxLjg1YTEuMTYgMS4xNiAwIDExMC0yLjMxaDguNTVhMS4xNiAxLjE2IDAgMTEwIDIuMzF6Ii8+PHBhdGggZD0iTTcuNCAxMmExLjE1IDEuMTUgMCAwMS0uNzItLjI1bC02LjI1LTVBMS4yIDEuMiAwIDAxMCA1Ljg3IDEuMTQgMS4xNCAwIDAxLjQ2IDVMNi43LjIzYTEuMTYgMS4xNiAwIDAxMS40IDEuODVMMyA1LjkxIDguMTIgMTBhMS4xNiAxLjE2IDAgMDEtLjcyIDJ6TTMxLjQ1IDYuMDFoLTguNTZNMzEuNDUgNy4xN2gtOC41NmExLjE2IDEuMTYgMCAxMTAtMi4zMWg4LjU2YTEuMTYgMS4xNiAwIDAxMCAyLjMxeiIvPjxwYXRoIGQ9Ik0yNS45IDEyYTEuMTggMS4xOCAwIDAxLS45MS0uNDMgMS4xNyAxLjE3IDAgMDEuMTgtMS41N2w1LjA5LTQuMDUtNS4wNi0zLjg3QTEuMTYgMS4xNiAwIDAxMjYuNTkuMjNMMzIuODQgNWExLjE2IDEuMTYgMCAwMS40NS45MSAxLjE0IDEuMTQgMCAwMS0uNDMuOTJsLTYuMjQgNWExLjE3IDEuMTcgMCAwMS0uNzIuMTd6Ii8+PC9nPjwvZz48L3N2Zz4=)
}

.scroll-hint-icon-white .scroll-hint-text {
    color: #000
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

a {
    background-color: transparent
}

b {
    font-weight: bolder
}

small {
    font-size: 80%
}

img {
    border-style: none
}

button {
    margin: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    overflow: visible;
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[hidden] {
    display: none
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-overflow-scrolling: touch;
    word-wrap: break-word;
    box-sizing: border-box;
    background-color: #fff
}

body {
    -ms-scroll-chaining: none;
    overscroll-behavior: none
}

*,
:after,
:before {
    box-sizing: inherit
}

h1,
h2,
h3 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit
}

dd,
li,
ul {
    margin: 0;
    padding: 0;
    list-style: none
}

dl,
p {
    margin: 0
}

dt {
    display: inline
}

a {
    color: inherit;
    text-decoration: none;
    cursor: pointer
}

iframe {
    border: none
}

button {
    padding: 0;
    border-width: 0;
    background-color: transparent;
    color: inherit;
    font-weight: inherit;
    line-height: inherit;
    cursor: pointer
}

html {
    color: #222;
    font-family: Noto Sans Japanese, -apple-system, BlinkMacSystemFont, Arial, YuGothic, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, Meiryo, メイリオ, sans-serif;
    font-size: 62.5%;
    font-weight: 400;
    letter-spacing: 0;
    line-height: 1.75
}

body {
    overflow-x: hidden;
    font-size: 1.2rem
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

[data-ruby] {
    position: relative
}

[data-ruby]:before {
    position: absolute;
    top: -1.2em;
    left: 0;
    width: 100%;
    font-size: .6em;
    letter-spacing: .3em;
    text-align: center;
    content: attr(data-ruby)
}

.l-nav {
    z-index: 99;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none
}

.l-nav__trigger {
    z-index: 1;
    position: absolute;
    top: 1rem;
    right: 1rem
}

.l-nav__inner {
    width: 100%;
    height: 100%;
    padding-top: 2rem;
    overflow: hidden;
    transform: translateY(-100%);
    pointer-events: all;
    transition: .3s
}

.l-nav__inner.is-hamburger-active {
    transform: translateY(0)
}

.l-navItems {
    background-color: #ed6c82;
    /*background-image: linear-gradient(180deg, #f08300 0, #e5005a);*/
    color: #fff
}

.l-navItems__item {
    /*font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, HiraMinProN-W3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, MS PMincho, serif;*/
    font-size: 1.42em;
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.35
}

.l-navItems__item small {
    margin-left: .5em;
    font-size: .7em;
    letter-spacing: 0
}

.l-navItems__link {
    display: block;
    padding: 1em;
    transition: .2s
}

.bg-beforeFixed:before {
    -webkit-backface-visibility: hidden;
    visibility: visible;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    width: 100vw;
    height: 100%;
    height: 100vh;
    margin-left: calc(50% - 50vw);
    transform: translateZ(0);
    backface-visibility: hidden;
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    perspective: 0;
    pointer-events: none;
    transition: .5s
}

.container {
    max-width: 100%;
    padding-right: 5%;
    padding-left: 5%
}

.container,
.embed {
    margin-right: auto;
    margin-left: auto
}

.embed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden
}

.embed * {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.grid {
    display: flex;
    flex-wrap: wrap
}

.col-6,
.col-12 {
    word-wrap: break-word;
    min-width: 0
}

.col-6 {
    flex: 0 0 50%;
    max-width: 50%
}

.col-12 {
    flex: 0 0 100%;
    max-width: 100%
}

.hamburger {
    -webkit-animation: hamburger-out .3s ease-out both;
    display: block;
    outline: none;
    animation: hamburger-out .3s ease-out both;
    cursor: pointer;
    pointer-events: all;
    touch-action: manipulation
}

.hamburger:before {
    position: absolute;
    top: -1em;
    right: -1em;
    bottom: -1em;
    left: -1em;
    content: "";
    pointer-events: auto
}

.hamburger.is-hamburger-active {
    -webkit-animation: hamburger-in .3s ease-out both;
    animation: hamburger-in .3s ease-out both
}

.hamburger__icon {
    display: block;
    width: 6rem;
    height: 6rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23d471a7%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm6%2017h-12v-2h12v2zm0-4h-12v-2h12v2zm0-4h-12v-2h12v2z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: cover;
    transition: 0s .15s
}

.hamburger.is-hamburger-active .hamburger__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23fff%22%3E%3Cpath%20d%3D%22M12%200c-6.627%200-12%205.373-12%2012s5.373%2012%2012%2012%2012-5.373%2012-12-5.373-12-12-12zm4.151%2017.943l-4.143-4.102-4.117%204.159-1.833-1.833%204.104-4.157-4.162-4.119%201.833-1.833%204.155%204.102%204.106-4.16%201.849%201.849-4.1%204.141%204.157%204.104-1.849%201.849z%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat
}

@keyframes hamburger-in {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(-2rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes hamburger-out {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    50% {
        transform: translateY(-2rem);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

.shareWidget {
    display: flex;
    justify-content: center
}

.shareWidget__item {
    line-height: 1
}

.shareWidget__item:not(:last-child) {
    margin-right: .7em
}

.inline {
    padding: 3rem 2rem 4rem;
    border: 8px solid #d471a7;
    background-color: #fff
}

.inline a {
    color: #d471a7;
    text-decoration: underline
}

.petals {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    display: none;
    z-index: 50;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 900px;
    overflow: hidden;
    pointer-events: none;
    user-select: none
}

.scrollableNews {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 45.73003%;
    background-image: url(../img/bg-news.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: inherit;
    line-height: 1.6;
}

.scrollableNews__inner,
.scrollableNews__scrollbar {
    width: 100%;
    height: 100%
}

.scrollableNews__inner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 11% 5% 4%
}

.scrollableNews__scrollbar {
    position: relative;
    padding-right: 1.5em
}

.scrollableNews__date {
    display: block;
    margin-bottom: .2em
}

.scrollableNews__date:not(:first-of-type) {
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid
}

.scrollableNews__topic {
    padding-left: 1em;
    text-indent: -1em
}

.scrollableNews__topic:not(:last-child) {
    margin-bottom: .5em
}

.scrollableNews__topic:last-of-type:not(:only-of-type) {
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px solid
}

.scrollableNews__topic:before {
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: .5em;
    border-top: .5em solid transparent;
    border-bottom: .5em solid transparent;
    border-left: .7em solid;
    content: ""
}

.scrollableNews__topic > a {
    text-decoration: underline
}

.bg-beforeBase:before {
    background-image: url(../img/bg-base_pc.jpg);
    content: "";
    background-repeat: repeat-y;
}

.bg-rug-sell {
    padding-top: 20%;
    padding-bottom: 7%;
    /*margin-bottom: -10%;*/
    /*background: url(../img/bg-sell-pc.png);
    box-shadow: 0 0 0 2px #f30017, 0 0 0 4px #dfb624, 0 0 0 6px #f30017;*/
    border: 5px #dc3c69 solid;
    color: #000;
}

.bg-rug-prod {
    padding-top: 20%;
    padding-bottom: 7%;
    /*margin-bottom: -10%;*/
}

.bg-rug-sell .head-sub {
    transform: translateY(136%);
}

.bg-rug-prod {
    /*background: url(../img/bg-prod-pc.png);
    box-shadow: 0 0 0 2px #f30017, 0 0 0 4px #dfb624, 0 0 0 6px #f30017;*/
    background-color: rgba(255, 255, 255, 0.66);
    border-radius: 17px 0 17px 0;
}

.rental .bg-rug-prod {
    border: 5px #61b7d9 solid;
}

.haishin .bg-rug-prod {
    border: 5px #90c31f solid;
}


.head-sub {
    -webkit-backface-visibility: hidden;
    /*transform: translateY(139%);*/
    transform: translateY(100%);
    backface-visibility: hidden;
    width: 50%;
}

.prod-wrap {
    margin-top: -4rem;
}

.fade {
    margin-bottom: 4rem;
    border: 1px solid #ec6d81;
}

.hero {
    position: relative;
    padding-top: .5em;
    overflow: hidden;
    background-image: url(../img/bg-hero.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto
}

.hero__bottomBg {
    display: none
}



.hero__mainContainer {
    position: relative;
    width: 94%;
    margin: 0 auto -55%
}

.hero__subContainer {
    position: relative;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}

.hero__catch,
.hero__rank {
    width: calc(100% - 65px)
}

.hero__catch2,
.hero__names {
    position: absolute;
    text-align: center
}

.hero__names {
    top: 43%;
    width: 100%
}

.hero__logo {
    position: relative;
    width: 94%;
    margin-right: auto;
    margin-left: auto;
}

.hero__logo img {
    margin: 0 auto;
    display: block;
}


.hero__news,
.hero__release {
    margin-bottom: 2rem;
}

.hero__release {
    margin-top: -5vw;
}

.hero__trailer,
.hero__special {
    display: table;
    margin: 0 auto 2rem;
    transition: .4s;
    width: 53.86%;
}

@media (max-width:500px) {
    .hero__trailer,
    .hero__special  {
        width: 53.86%;
    }
}

.hero__trailer :active {
    transform: scale(.95);
    transition: .2s
}

.hero__special :active {
    transform: scale(.95);
    transition: .2s
}

.introMain {
    margin-bottom: 0%
}

.intro {
    z-index: 1;
    position: relative
}

/*.bg-intro {
    background: url(../img/bg-intro.png) no-repeat top;
    background-size: 100% auto;
    z-index: 97 !important;
}*/

.intro__catch {
    margin-bottom: 1em;
}

.intro__catch > img {
    display: none
}

.intro__catch > span {
    color: #dc3c69;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.5;
    text-shadow: 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8), 0 0 6px rgba(255, 255, 255, .8)
        /*font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, HiraMinProN-W3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, MS PMincho, serif;*/
}

large {
    font-size: 120%;
    font-family: Noto Sans Japanese, -apple-system, BlinkMacSystemFont, Arial, YuGothic, Yu Gothic, Hiragino Kaku Gothic ProN, ヒラギノ角ゴ ProN W3, Osaka, Meiryo, メイリオ, sans-serif;
    color: #fffbc6;

}

.intro__text {
    font-weight: 500;
    line-height: 2;
    text-align: justify;
    text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;
    font-size: 1.3rem;
}

.intro__img {
    z-index: -1;
    position: relative
}

.chartImg {
    min-width: 200%
}

.storyGroup {
    border: 2px solid transparent;
    outline: 2px solid #b89656;
    background-color: #fffbe7;
    box-shadow: inset 0 0 0 2px #b89656
}

.story {
    letter-spacing: .025em
}

.story__title {
    margin-bottom: .6em;
    color: #bb0372;
    font-size: 1.75em;
    font-weight: 700;
    line-height: 1.2;
    text-align: center
}

.story__text {
    font-weight: 700;
    line-height: 2;
    text-align: justify
}

.sell-detail-1 {
    max-width: 434px;
    margin: 0 auto 3rem;
}


.movie {
  font-size: 1.6rem;
}

.movie_large {
	margin: 2em 1em;
}

@media (min-width: 769px) {
	.movie_large {
		width: 540px;
		margin-right: auto;
		margin-left: auto;
	}
}

.movie__head_large {
  margin-bottom: 1em;
  font-weight: 500;
  text-align: center;
  color:#ec6d81;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;	
}

@media (min-width: 769px)  {
	.movie__head_large{
	   font-size: 2.8rem;   
	}
}

.movie__head {
  margin-bottom: 1em;
  font-weight: 500;
  text-align: center;
  color:#ec6d81;
  text-shadow: 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff, 0 0 4px #fff;	
}
.movie__link {
  -webkit-transition: .3s;
  display: block;
  padding: 2rem;
  transition: .3s
}
.movie__link:hover {
  opacity: 0.7
}
.movie__imageOuter {
  position: relative;
  border: 5px solid #ec6d81;
  border-radius: 5px; 
}
.movie__imageOuter:before {
  height: 100%;
  background-color: hsla(0, 0%, 100%, .3);
  background-image: url("../img/special/icon-play.png");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 4em;
  content: ""
}
.movie__imageOuter:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

@media (min-width:769px) {
  .pc-grid {
    -webkit-box-pack: justify;
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
  }
	
  .pc-col-5, .pc-col-6, .pc-col-7 {
    word-wrap: break-word;
    min-width: 0
  }
  .pc-col-5 {
    flex: 0 0 41.66667%;
    max-width: 41.66667%
  }
  .pc-col-6 {
    flex: 0 0 50%;
    /*max-width: 50%*/
  }
  .pc-col-7 {
    flex: 0 0 58.33333%;
    max-width: 58.33333%
  }
  .pc-col-auto {
    word-wrap: break-word;
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    max-width: 100%
  }	
	
}
.glow {
    -webkit-filter: blur(3px);
    -webkit-animation-name: pulse;
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    display: block;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background-color: #fff;
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    filter: blur(3px)
}

@keyframes pulse {
    0% {
        transform: rotate(45deg) scale(0);
        box-shadow: 0 0 4px 0 #fff;
        opacity: 0
    }

    70% {
        transform: rotate(45deg) scale(0);
        box-shadow: 0 0 4px 0 #fff;
        opacity: 0
    }

    85% {
        transform: rotate(45deg) scale(1);
        box-shadow: 0 0 12px 0 #fff;
        opacity: .7
    }

    to {
        transform: rotate(45deg) scale(0);
        box-shadow: 0 0 4px 0 #fff;
        opacity: 0
    }
}

.glow,
_:lang(x)::-ms-backdrop {
    display: none
}

.u-d-b {
    display: block
}

.u-d-n {
    display: none
}

.u-d-t {
    display: table
}

.u-ai-c {
    align-items: center
}

.haishin ul {
    /*font-family: '游明朝体', 'YuMincho', '游明朝', "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", 'HGS明朝E', "ＭＳ Ｐ明朝", "MS PMincho", serif;*/
    background: #90c31f;
    /*background: -webkit-linear-gradient(top, #ef4b09 0%, #da000f 100%);*/
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.u-fs-i {
    font-size: inherit !important
}

.u-fs-110 {
    font-size: 110% !important
}

.u-fs-130 {
    font-size: 130% !important
}

.u-fs-160 {
    font-size: 160% !important
}

.u-fw-m {
    font-weight: 500
}

.u-fw-l {
    font-weight: 700
}

.u-lh-150 {
    line-height: 1.5 !important
}

.u-lh-200 {
    line-height: 2 !important
}

.u-ls-xs {
    letter-spacing: .025em
}

.u-ta-c {
    text-align: center
}

.u-td-ul {
    text-decoration: underline
}

.u-family-serif {
    font-family: "Noto Serif JP", 游明朝体, YuMincho, 游明朝, Yu Mincho, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN W3, HiraMinProN-W3, ヒラギノ明朝 ProN, Hiragino Mincho ProN, ヒラギノ明朝 Pro, Hiragino Mincho Pro, HGS明朝E, ＭＳ Ｐ明朝, MS PMincho, serif
}

.u-nmx-xxs {
    margin-right: -.5rem !important;
    margin-left: -.5rem !important
}

.u-mb-xxs {
    margin-bottom: .5rem !important
}

.u-mb-xs {
    margin-bottom: 1rem !important
}

.u-mb-s {
    margin-bottom: 2rem !important
}

.u-mb-m {
    margin-bottom: 3rem !important
}

.u-mb-l {
    margin-bottom: 5rem !important
}

.u-mb-xl {
    margin-bottom: 7rem !important
}

.u-mx-auto {
    margin-right: auto !important;
    margin-left: auto !important
}

.u-p-xxs {
    padding: .5rem !important
}

.u-p-xs {
    padding: 1rem !important
}

.u-p-s {
    padding: 2rem !important
}

.u-py-l {
    padding-top: 5rem !important
}

.u-py-xl {
    padding-top: 7rem !important
}

.u-pb-s {
    padding-bottom: 2rem !important
}

.u-py-l {
    padding-bottom: 5rem !important
}

.u-pb-xl,
.u-py-xl {
    padding-bottom: 7rem !important
}

.u-px-xs {
    padding-right: 1rem !important
}

.u-px-m {
    padding-right: 3rem !important
}

.u-px-xs {
    padding-left: 1rem !important
}

.u-px-m {
    padding-left: 3rem !important
}

.u-disable {
    cursor: default;
    opacity: .4;
    pointer-events: none
}

.u-super {
    font-size: .9em;
    line-height: 1;
    vertical-align: super
}

.u-fluid {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw)
}

/*.u-bullets > * {
    padding-left: 1em;
    text-indent: -1em
}*/

.u-hanging {
    display: table
}

.u-hanging > * {
    display: table-cell;
    position: relative;
    right: -1px;
    white-space: nowrap
}

.u-visuallyHidden {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    border: 0;
    white-space: nowrap
}

.modaal-container {
    background-color: transparent;
    color: inherit
}

.modaal-content-container {
    padding: 0
}

.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
    outline: none;
    background: rgba(0, 0, 0, .7)
}

.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
    background: #fff
}

.modaal-video-wrap {
    margin: 0 auto
}

.slick-slider {
    padding: 0 4rem
}

.slick-arrow,
.slick-dots button {
    z-index: 1;
    position: relative;
    outline: none;
    font-size: 0;
    touch-action: manipulation
}

.slick-arrow:before,
.slick-dots button:before {
    position: absolute;
    top: -1rem;
    right: -1rem;
    bottom: -1rem;
    left: -1rem;
    content: ""
}

.slick-arrow {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    width: 4rem;
    height: 4rem;
    margin: auto
}

.slick-arrow.slick-disabled {
    opacity: .5
}

.slick-prev {
    left: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23e2007f%22%3E%3Cpath%20d%3D%22M16.67%200l2.83%202.829-9.339%209.175%209.339%209.167-2.83%202.829-12.17-11.996z%22%2F%3E%3C%2Fsvg%3E")
}

.slick-next,
.slick-prev {
    background-repeat: no-repeat
}

.slick-next {
    right: 0;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23e2007f%22%3E%3Cpath%20d%3D%22M5%203l3.057-3%2011.943%2012-11.943%2012-3.057-3%209-9z%22%2F%3E%3C%2Fsvg%3E")
}

.slick-dots {
    margin: 0 -1rem -1rem;
    text-align: center;
    pointer-events: none
}

.slick-dots li {
    display: inline-block;
    margin: 1rem
}

.slick-dots button {
    display: block;
    width: 1rem;
    height: 1rem;
    border-radius: 100px;
    background-color: #7f7f7f;
    pointer-events: all
}

#aon-shop-root .slick-active button {
    background-color: #e2007f
}

.select2-container {
    display: block;
    width: 100% !important
}

.select2-selection {
    height: auto !important;
    border-radius: inherit !important;
    background-color: #f7f7f7 !important
}

.select2-selection__rendered {
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: center
}

.select2-selection__arrow {
    top: 0 !important;
    width: 2em !important;
    height: 100% !important
}

.select2-selection__arrow b {
    top: 0 !important;
    right: 0;
    bottom: 0;
    left: 0 !important;
    margin: auto !important;
    border-width: .5em .4em 0 !important
}

.select2-container--open .select2-selection__arrow b {
    border-width: 0 .4em .5em !important
}

.ps__rail-y {
    width: 6px;
    opacity: 1
}

.ps--active-y:hover .ps__rail-y {
    opacity: 1
}

.ps__thumb-y {
    right: 0;
    width: 6px !important;
    border-radius: 0;
    background-color: currentColor !important
}

.ps__thumb-y:hover {
    background-color: currentColor
}

@media (min-width:48.0625em) {
    body {
        font-size: 1.4rem
    }

    .l-nav {
        position: relative;
        height: auto
    }

    .l-nav.is-scroll-active {
        position: fixed
    }

    .l-nav__trigger {
        display: none !important
    }

    .l-nav__inner {
        padding-top: 0;
        overflow: visible;
        transform: translateY(0)
    }

    .l-navItems {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .l-navItems__item small {
        display: table;
        margin: 0 auto
    }

    .l-navItems__link {
        padding: .5em 1em
    }

    .container {
        max-width: calc(960px + 6rem);
        padding-right: 3rem;
        padding-left: 3rem
    }

    .pc-col-5,
    .pc-col-6,
    .pc-col-7 {
        word-wrap: break-word;
        min-width: 0
    }

    .pc-col-5 {
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .pc-col-6 {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .pc-col-7 {
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .pc-col-auto {
        word-wrap: break-word;
        flex: 0 0 auto;
        width: auto;
        min-width: 0;
        max-width: 100%
    }

    .inline {
        padding: 4rem
    }

    .petals {
        display: block
    }

    .scrollableNews {
        width: 363px;
        height: 172px;
        font-size: .9em
    }

    .scrollableNews__inner {
        padding: 5rem 3rem 0.5rem
    }


    .container#introduction {
        padding-top: 35px;
    }

    .bg-intro {
        background: url(../img/bg-intro_pc.png) no-repeat top;
        background-position: top left;
        z-index: 97 !important;
        background-size: contain;
    }

    .hero {
        padding-top: 0;
        background-attachment: fixed;
        background-image: url(../img/bg-hero_pc.jpg)
    }

    .hero__cast,
    .hero__bottomBg,
    .hero__glow,
    .hero__catch,
    .hero__names,
    .hero__logo,
    .hero__release,
    .hero__share,
    .hero__news {
        z-index: 98;
    }
	
    .hero__trailer,
	.hero__special {
        z-index: 99;		
	}	

    .hero__cast {
        position: absolute;
        width: 100%;
        text-align: center;
        left: 5px;
        top: 115px;
    }

    .hero__bottomBg,
    .hero__glow {
        display: block;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    .hero__glow {
        -webkit-animation-name: hero-glow;
        -webkit-animation-duration: 1.3s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: hero-glow;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-direction: alternate
    }

    .hero__mainContainer {
        width: 1048px;
        height: 900px;
        margin-bottom: 0
    }

    .hero__subContainer {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        width: 1048px;
        height: 100%;
        margin: auto;
        z-index：98;
    }

    .hero__catch {
        text-align: right;
        position: absolute;
        right: 349px;
        top: 199px;
    }

    .hero__rank {
        width: auto
    }

    .hero__catch2 {
        top: -1px;
        left: -71px;
        width: 1190px;
        z-index: 98;
    }

    .hero__names {
        top: 450px;
        left: -36px;
    }

    .hero__logo {
        position: absolute;
        bottom: 178px;
        left: 20px;
    }

    .hero__release {
        position: absolute;
        bottom: -5px;
        text-align: center;
        left: 494px;
    }

    .hero__news {
        position: absolute;
        bottom: 8px;
        left: 106px;
    }

    .hero__special :hover {
        opacity: .7
    }
	
    .hero__special {
        position: absolute;
        top: 368px;
        left: 28px;
		width: 184px;
		height: 184px;
    }
	
    .hero__trailer:hover {
        opacity: .7
    }	

    .hero__trailer {
        position: absolute;
        top: 168px;
        left: 28px;
		width: 184px;
		height: 184px;		
    }

    .hero__share {
        position: absolute;
        right: 31px;
        bottom: 2px;
    }

    .intro__glow {
        display: block;
        position: absolute;
        top: 0;
        width: 100%
    }

    .intro__glow {
        -webkit-animation-name: intro-glow;
        -webkit-animation-duration: 1.3s;
        -webkit-animation-iteration-count: infinite;
        -webkit-animation-direction: alternate;
        animation-name: intro-glow;
        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-direction: alternate
    }

    .intro__catch {
        margin-left: -0.8em;
    }

    .intro__catch > img {
        display: inline
    }

    .intro__catch > span {
        clip: rect(0, 0, 0, 0);
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        overflow: hidden;
        border: 0;
        white-space: nowrap
    }

    .intro__text {
        font-size: inherit;
    }

    .intro--hasLargeImg-2 .intro__text {
        width: 605px;
        margin-left: auto
    }

    .intro--hasLargeImg-1 .intro__img {
        margin-top: 2%;
    }

    .intro--hasLargeImg-2 .intro__catch {
        margin-top: 20px;
        margin-left: 347px;
    }

    /*.intro--hasLargeImg-2 .intro__img {
        margin-top: -20%;
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        text-align: center;
        }*/

    .intro--hasLargeImg-2 .intro__img > img {
        margin-left: -20px;
        margin-top: -456px;
    }

    .intro--hasLargeImg-3 {
        margin-top: -3%;
    }

    /*.intro--hasLargeImg-3 .intro__catch {
        margin-left: 8.2em;
    }*/

    .intro--hasLargeImg-3 .intro__text {
        width: 533px;
        margin-right: auto;
    }

    .intro--hasLargeImg-3 .intro__img {
        margin-top: -490px;
        right: -548px;
    }

    .intro--hasLargeImg-4 .intro__img {
        /*margin-top: -37%;*/
        margin-right: calc(50% - 50vw);
        margin-left: calc(50% - 50vw);
        text-align: center;
    }

    .intro--hasLargeImg-4 .intro__text {
        /*width: 515px;*/
        margin-left: auto
    }

    /*.cast_img img{
        margin-left: -88px;
    }*/

    .cast_img .pc-col-6 {
        flex: 0 0 calc(100% / 3);
    }

    .chartImg {
        min-width: auto
    }

    /*    .storyGroup {
        width: 961px;
        height: 421px;
        border: none;
        outline: none;
        background: url(../img/bg-story.png);
        box-shadow: none;
        background-repeat: no-repeat;
    }*/

    
    .bg-rug-prod {
        padding-top: 87px;
        padding-bottom: 40px;
        /*margin-bottom: -50px;*/
    }
    
    .bg-rug-sell {
        padding-top: 117px;
        padding-bottom: 35px;
        /*margin-bottom: -50px;*/
    }

    .bg-rug-sell .head-sub {
        /*transform: translateY(146%);*/
    }
    
    .haishin .u-fs-160{
        font-size: 245% !important;
    }

    .head-sub {
        /*transform: translateY(149%);*/
        width: 60%;
    }

    .sell-detail-1 {
        margin-top: 0rem;
    }

    .fade {
        margin-bottom: 3rem;
    }

    .u-pc-d-b {
        display: block
    }

    .u-pc-d-n {
        display: none
    }

    .u-pc-d-i {
        display: inline
    }

    .u-pc-p-xs {
        padding: 1rem !important
    }

    .u-pc-p-s {
        padding: 2rem !important
    }

    .u-pc-px-m {
        padding-right: 3rem !important;
        padding-left: 3rem !important
    }

    .modaal-gallery-control:focus,
    .modaal-gallery-control:hover {
        outline: none;
        background: #fff
    }

    .modaal-gallery-control:focus:after,
    .modaal-gallery-control:focus:before,
    .modaal-gallery-control:hover:after,
    .modaal-gallery-control:hover:before {
        background: #afb7bc
    }

    .modaal-video-wrap {
        display: table
    }

    .modaal-video-container {
        display: table;
        width: 900px;
        max-width: none;
        height: 506.25px;
        max-height: none
    }
}

@media only screen and (min-width:1400px) {
    .modaal-video-container {
        height: 731px;
        padding-bottom: 0
    }
}

@media screen and (max-width:900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }
}

@media screen and (max-height:1100px) {
    .modaal-instagram iframe {
        width: 700px !important
    }
}

@media screen and (max-height:1000px) {
    .modaal-inner-wrapper {
        padding-top: 60px;
        padding-bottom: 60px
    }

    .modaal-instagram iframe {
        width: 600px !important
    }
}

@media only screen and (max-width:1140px) {
    .modaal-image .modaal-inner-wrapper {
        padding-right: 25px;
        padding-left: 25px
    }

    .modaal-gallery-control {
        top: auto;
        bottom: 20px;
        transform: none;
        background: rgba(0, 0, 0, .7)
    }

    .modaal-gallery-control:after,
    .modaal-gallery-control:before {
        background: #fff
    }

    .modaal-gallery-next {
        right: 20px;
        left: auto
    }

    .modaal-gallery-prev {
        right: auto;
        left: 20px
    }
}

@media only screen and (max-width:600px) {
    .modaal-instagram iframe {
        width: 280px !important
    }
}

@media only screen and (max-height:820px) {
    .modaal-gallery-label {
        display: none
    }
}

@media (-ms-high-contrast:none),
screen and (-ms-high-contrast:active) {
    .ps {
        overflow: auto !important
    }
}

@media (hover:hover) {
    .l-navItems__link:hover {
        background-color: #f4a97e;
    }
}

@media screen and (max-height:900px) {
    .modaal-instagram iframe {
        width: 500px !important
    }

    .modaal-video-container {
        max-width: 900px;
        max-height: 510px
    }
}