@charset 'utf-8';

body.pre #page #section_title .section_inner .col_right:after
{
    content: '';
}

body.pre #page #section_title .section_inner .col_right > *
{
    display: none;
}

footer[role='global'] > *:not(:last-child):not(#share)
{
    display: none !important;
}

[role='visual']
{
    position: fixed;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    -webkit-transition: opacity .45s cubic-bezier(.47, 0, .745, .715);
       -moz-transition: opacity .45s cubic-bezier(.47, 0, .745, .715);
        -ms-transition: opacity .45s cubic-bezier(.47, 0, .745, .715);
         -o-transition: opacity .45s cubic-bezier(.47, 0, .745, .715);
            transition: opacity .45s cubic-bezier(.47, 0, .745, .715);
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

[role='visual'].state-ready
{
    opacity: 0;
}

[role='visual'] > div
{
    position: absolute;
    top: 0;
    left: 50%;
    min-width: 100%;
    height: 100%;
    -webkit-transform: translate3d(-50%, 0, 0);
       -moz-transform: translate3d(-50%, 0, 0);
        -ms-transform: translate3d(-50%, 0, 0);
         -o-transform: translate3d(-50%, 0, 0);
            transform: translate3d(-50%, 0, 0);

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
            backface-visibility: hidden;
}

[role='visual'] > div video,
[role='visual'] > div img
{
    display: block;
    height: 100%;
}

#carousel > div > ul:nth-of-type(1)
{
    width: 100%;
    margin-left: 0;
}

#contents_area
{
    line-height: 1;
}

#section_title
{
    background: rgba(245,245,245,.85);
}

#section_title .section_inner
{
    display: -webkit-box;
    display:    -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         box;
    display:         flex;

    -webkit-box-lines: multiple;
       -moz-box-lines: multiple;
         -o-box-lines: multiple;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#section_title .section_inner h3
{
    font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
    white-space: nowrap;
}

#section_title .col_left h2,
#section_title .col_left p.month
{
    font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
    white-space: nowrap;
}

#section_title .col_right dl dt
{
    font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
    line-height: 2;
    text-align: center;
}

#section_title .col_right dl dd:nth-of-type(2n)
{
    text-align: center;
    letter-spacing: .02em;
    color: #ff4000;
}

#section_comment
{
    font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
    color: #fff;
    background: rgba(8,10,22,.7);
}

#section_comment h3
{
    text-align: center;
}

#section_info
{
    background: rgba(245,245,245,.85);
}

#section_info h3
{
    font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
}

#section_info a
{
    color: #ff4000;
}

#section_spec
{
    color: #fff;
    background: rgba(8,10,22,.7);
}

#section_spec .list p
{
    margin-top: 0 !important;
}

#section_spec .list table th
{
    font-weight: normal;
    padding: 0 1em 0 0;
    text-align: left;
    vertical-align: top;
    white-space: nowrap;
}

#section_attention
{
    background: rgba(245,245,245,.85);
}

#section_attention li
{
    position: relative;
    padding-left: 1.5em;
}

#section_attention li:before
{
    position: absolute;
    left: 0;
    display: block;
    content: '▶';
    color: #ff4000;
}

#section_attention a
{
    color: #ff4000;
}

.ua-desktop #carousel > ul li:hover
{
    background: #fff;
}

.ua-desktop #section_info a,
.ua-desktop #section_attention a
{
    position: relative;
}

.ua-desktop #section_info a:hover:after,
.ua-desktop #section_attention a:hover:after
{
    bottom: -3px;
    -webkit-transition: opacity .15s, bottom .15s;
       -moz-transition: opacity .15s, bottom .15s;
        -ms-transition: opacity .15s, bottom .15s;
         -o-transition: opacity .15s, bottom .15s;
            transition: opacity .15s, bottom .15s;
    opacity: 1;
}

.ua-desktop #section_info a:after,
.ua-desktop #section_attention a:after
{
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    -webkit-transition: opacity .15s .05s, bottom .15s .05s;
       -moz-transition: opacity .15s .05s, bottom .15s .05s;
        -ms-transition: opacity .15s .05s, bottom .15s .05s;
         -o-transition: opacity .15s .05s, bottom .15s .05s;
            transition: opacity .15s .05s, bottom .15s .05s;
    opacity: 0;
    background: #ff4000;
}
.campaign2019
{
    color: #ff4000;
    font-size: 16px;
    line-height: 1.77;
}
@media all and (min-width: 641px)
{
    body.state-header header[role='global']
    {
        top: 0;
        margin-top: 0 !important;
        -webkit-transition: margin .45s, opacity .45s;
           -moz-transition: margin .45s, opacity .45s;
            -ms-transition: margin .45s, opacity .45s;
             -o-transition: margin .45s, opacity .45s;
                transition: margin .45s, opacity .45s;
        -webkit-animation: none;
           -moz-animation: none;
            -ms-animation: none;
             -o-animation: none;
                animation: none;
        opacity: 1;
    }

    header[role='global']
    {
        top: -99999px;
        margin-top: -2.08em;
        -webkit-transition: margin .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53);
           -moz-transition: margin .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53);
            -ms-transition: margin .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53);
             -o-transition: margin .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53);
                transition: margin .3s cubic-bezier(.55, .085, .68, .53), opacity .3s cubic-bezier(.55, .085, .68, .53);
        -webkit-animation: fade-out-top .3s cubic-bezier(.55, .085, .68, .53);
           -moz-animation: fade-out-top .3s cubic-bezier(.55, .085, .68, .53);
            -ms-animation: fade-out-top .3s cubic-bezier(.55, .085, .68, .53);
             -o-animation: fade-out-top .3s cubic-bezier(.55, .085, .68, .53);
                animation: fade-out-top .3s cubic-bezier(.55, .085, .68, .53);
        opacity: 0;
    }

    header[role='global'].immediate
    {
        -webkit-transition-duration: 1ms !important;
           -moz-transition-duration: 1ms !important;
            -ms-transition-duration: 1ms !important;
             -o-transition-duration: 1ms !important;
                transition-duration: 1ms !important;
        -webkit-animation-duration: 1ms !important;
           -moz-animation-duration: 1ms !important;
            -ms-animation-duration: 1ms !important;
             -o-animation-duration: 1ms !important;
                animation-duration: 1ms !important;
    }

    [role='visual']
    {
        min-width: 1100px;
    }

    [role='visual'] h2
    {
        position: absolute;
        top: 40px;
        left: 50px;
        overflow: hidden;
        width: 405px;
        height: 174px;
        text-indent: -99999px;
        background: url('../../common/images/title_select.svg') no-repeat top left, url('../../common/images/title_curation.svg') no-repeat bottom left;
        -webkit-background-size: 100% auto, 233px auto;
           -moz-background-size: 100% auto, 233px auto;
                background-size: 100% auto, 233px auto;
    }

    [role='visual'] p
    {
        position: absolute;
        top: 40px;
        right: 50px;
        width: 75px;
    }

    [role='visual'] p img
    {
        display: block;
        width: 100%;
    }

    .ua-desktop [role='visual'] > div img
    {
        display: none;
    }

    .ua-mobile [role='visual'] > div img
    {
        display: block;
    }

    #page
    {
        margin-top: 100vh;
        padding: 0 0 12.27%;
    }

    #page > a
    {
        position: absolute;
        top: -22px;
        left: 50%;
        width: 27px;
        padding-top: 27px;
        -webkit-transform: translate(-50%, -100%);
           -moz-transform: translate(-50%, -100%);
            -ms-transform: translate(-50%, -100%);
             -o-transform: translate(-50%, -100%);
                transform: translate(-50%, -100%);
        background-image: url('../../common/images/icon_arrow_w.svg');
        background-repeat: no-repeat;
        -webkit-background-size: 100% auto;
           -moz-background-size: 100% auto;
                background-size: 100% auto;
    }

    #carousel
    {
        padding-top: 66.65%;
    }

    #carousel > div h2,
    #carousel > div p
    {
        display: none;
    }

    #carousel > div > ul:nth-of-type(1) li img:nth-child(2)
    {
        display: none;
    }

    #carousel > ul
    {
        display: none;
    }

    #section_title
    {
        padding: 20px 0;
    }

    #section_title .section_inner
    {
        width: 1000px;
        margin: 0 auto;

        -webkit-box-pack: justify;
           -moz-box-pack: justify;
             -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
    }

    #section_title .section_inner ~ .section_inner,
    #section_title .section_inner .section_inner
    {
        padding: 35px 0 10px;
    }

    #section_title .section_inner h3
    {
        font-size: 18px;
        line-height: 1.53;
        letter-spacing: .02em;
    }

    #section_title .row
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        width: 100%;
        padding-top: 20px;

        -webkit-box-pack: justify;
           -moz-box-pack: justify;
             -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
                justify-content: space-between;
        -webkit-box-align: start;
           -moz-box-align: start;
             -o-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
                align-items: flex-start;
    }

    #section_title .col_left
    {
        width: 50%;
    }

    #section_title .col_left.col
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;

        -webkit-box-align: center;
           -moz-box-align: center;
             -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    #section_title .col_left.col h2
    {
        margin: 0 .59em 0 0;
    }

    #section_title .col_left h2
    {
        font-size: 27px;
        line-height: 1.52;
        letter-spacing: .02em;
    }

    #section_title .col_left p
    {
        letter-spacing: .02em;
    }

    #section_title .col_left p.month
    {
        font-size: 19px;
        line-height: 1.53;
        padding-top: 9px;
    }

    #section_title .col_left p.price
    {
        font-size: 16px;
        line-height: 2.56;
    }

    #section_title .col_left p.price .small
    {
        font-size: 12px;
        line-height: 3.42;
    }

    #section_title .col_right
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;

        -webkit-box-align: center;
           -moz-box-align: center;
             -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    #section_title .col_right dl
    {
        width: 200px;
    }

    #section_title .col_right dl + dl
    {
        margin-left: 22px;
    }
    .d201910 #section_title .col_right dl + dl {
        margin-top: .5em;
    }

    #section_title .col_right dl dt
    {
        font-size: 18px;
        padding-bottom: 10px;
        letter-spacing: .02em;
    }

    #section_title .col_right dl dd:nth-of-type(2n)
    {
        font-size: 14px;
        line-height: 2;
        min-height: calc(2em + 10px);
        padding-bottom: 10px;
    }

    #section_title .col_right dl dd:nth-of-type(2n+1):empty + dd:not(:last-child)
    {
        display: none;
    }

    #section_title .col_right dl dd:last-child
    {
        min-height: 2em;
        padding-bottom: 0;
    }

    #section_title .col_right dl dd:last-child:empty
    {
        min-height: 0;
        padding-bottom: 0;
    }

    #section_title .col_right dl dd a
    {
        width: 100%;
    }

    #section_comment .section_inner
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        padding: 50px 0 45px;

        -webkit-box-pack: center;
           -moz-box-pack: center;
             -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
        -webkit-box-lines: multiple;
           -moz-box-lines: multiple;
             -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #section_comment h3
    {
        font-size: 25px;
        line-height: 1.75;
        width: 100%;
        padding-bottom: 35px;
    }

    #section_comment p
    {
        font-size: 19px;
        line-height: 2.16;
    }

    #section_info .section_inner
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        width: 1000px;
        margin: 0 auto;
        padding: 40px 0 50px;

        -webkit-box-lines: multiple;
           -moz-box-lines: multiple;
             -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #section_info .col_left
    {
        width: 50%;
    }

    #section_info h3
    {
        font-size: 25px;
        line-height: 1.75;
        width: 100%;
        padding-bottom: 5px;
    }

    #section_info .col_right
    {
        width: 50%;
        padding-left: 50px;
    }

    #section_info p
    {
        font-size: 15px;
        line-height: 2;
        width: 100%;
        margin-top: 2em;
        padding: 0;
        letter-spacing: .02em;
    }

    #section_spec .section_inner
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0;

        -webkit-box-lines: multiple;
           -moz-box-lines: multiple;
             -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #section_spec .col_left
    {
        width: 50%;
    }

    #section_spec h3
    {
        font-size: 25px;
        line-height: 1.75;
        width: 100%;
        padding-bottom: 5px;
    }

    #section_spec .col_right
    {
        width: 50%;
        padding-left: 50px;
    }

    #section_spec .col_right.short
    {
        padding-left: 20px;
    }

    #section_spec p
    {
        font-size: 15px;
        line-height: 2;
        width: 100%;
        margin-top: 2em;
        letter-spacing: .02em;
    }

    #section_spec .list
    {
        font-size: 15px;
        line-height: 2;
        margin-top: 2em;
        letter-spacing: .02em;
    }

    #section_attention .section_inner
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0;

        -webkit-box-lines: multiple;
           -moz-box-lines: multiple;
             -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap;
    }

    #section_attention .col_left
    {
        width: 50%;
    }

    #section_attention h3
    {
        font-size: 25px;
        line-height: 1.75;
        width: 100%;
    }

    #section_attention .col_right
    {
        width: 50%;
        padding-left: 50px;
    }

    #section_attention p
    {
        font-size: 15px;
        line-height: 2;
        width: 100%;
        margin-top: 2em;
        letter-spacing: .02em;
    }

    #section_attention li
    {
        font-size: 15px;
        line-height: 2;
        margin-top: 2em;
        letter-spacing: .02em;
    }
}

@media screen and (max-width: 640px)
{
    [role='visual'] h2,
    [role='visual'] p
    {
        display: none;
    }

    [role='visual'] > div img
    {
        display: block;
    }

    [role='visual'] > div video
    {
        display: none;
    }

    #carousel
    {
        padding-top: 140.63%;
    }

    #carousel > div h2
    {
        position: absolute;
        z-index: 1;
        top: 5.56%;
        left: 6.25%;
        overflow: hidden;
        width: 63.28%;
        height: 0;
        padding-top: 33.59%;
        text-indent: -99999px;
        background: url('../../common/images/title_select.svg') no-repeat top left, url('../../common/images/title_curation.svg') no-repeat bottom left;
        -webkit-background-size: 100% auto, 71.85% auto;
           -moz-background-size: 100% auto, 71.85% auto;
                background-size: 100% auto, 71.85% auto;
    }

    #carousel > div p
    {
        position: absolute;
        z-index: 1;
        top: 5.56%;
        right: 6.25%;
        width: 11.72%;
    }

    #carousel > div p img
    {
        display: block;
        width: 100%;
    }

    #carousel > div > ul:nth-of-type(1) li img:nth-child(1)
    {
        display: none;
    }

    #carousel > div > ul:nth-of-type(2)
    {
        display: none;
    }

    #carousel > ul
    {
        position: absolute;
        bottom: 2.22%;
        left: 50%;
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;
        -webkit-transform: translate(-50%, 0);
           -moz-transform: translate(-50%, 0);
            -ms-transform: translate(-50%, 0);
             -o-transform: translate(-50%, 0);
                transform: translate(-50%, 0);

        -webkit-box-pack: center;
           -moz-box-pack: center;
             -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }

    #carousel > ul li
    {
        width: .5em;
        height: .5em;
        cursor: pointer;
        -webkit-transition: background .3s;
           -moz-transition: background .3s;
            -ms-transition: background .3s;
             -o-transition: background .3s;
                transition: background .3s;
        border: .05em #fff solid;
        border-radius: 50%;
    }

    #carousel > ul li + li
    {
        margin-left: .67em;
    }

    #carousel > ul li.current
    {
        background: #fff;
    }

    #section_title
    {
        padding: 4.69% 0 5.47%;
    }

    #section_title .section_inner
    {
        -webkit-box-pack: center;
           -moz-box-pack: center;
             -o-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
                justify-content: center;
    }

    #section_title .section_inner h3
    {
        width: 100%;
        margin-top: 3.13em;
        text-align: center;
    }

    #section_title .row
    {
        margin-top: 2.08em;
    }

    .campaign2019
    {
        width: 70%;
        font-size: 87.5%;
    }

    #section_title .col_left.col
    {
        display: -webkit-box;
        display:    -moz-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         box;
        display:         flex;

        -webkit-box-align: center;
           -moz-box-align: center;
             -o-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
                align-items: center;
    }

    #section_title .col_left.col h2
    {
        margin-right: .66em;
    }

    #section_title .col_left h2
    {
        font-size: 133.33%;
        line-height: 1.44;
    }

    #section_title .col_left p.month
    {
        line-height: 1.67;
    }

    #section_title .col_left p.price
    {
        font-size: 87.5%;
        line-height: 1.71;
    }

    #section_title .col_left p.price .small
    {
        font-size: 76.19%;
        line-height: 2.25;
    }

    #section_title .col_right
    {
        width: 100%;
    }

    #section_title .col_right dl dt
    {
        padding-bottom: 2.34%;
    }

    #section_title .col_right dl dt:first-child
    {
        margin-top: .83em;
    }

    #section_title .col_right dl dd:first-child
    {
        margin-top: .83em;
    }

    #section_title .col_right dl dd:nth-of-type(2n)
    {
        font-size: 87.5%;
        line-height: 2;
        min-height: 2.67em;
        padding: .33em 0;
    }

    #section_title .col_right dl dd:nth-of-type(2n+1):empty
    {
        margin-top: 0;
    }

    #section_title .col_right dl dd:nth-of-type(2n+1):empty + dd
    {
        display: none;
    }

    #section_title .col_right dl dd:last-child
    {
        min-height: 2.33em;
        padding-bottom: 0;
    }

    #section_title .col_right dl dd:last-child:empty
    {
        min-height: 0;
        padding: 0;
    }

    #section_title .col_right dl dd a
    {
        width: 12.55em;
    }

    #section_comment
    {
        padding: 7.81% 6.25% 6.25%;
    }

    #section_comment h3
    {
        font-size: 129.17%;
        line-height: 1.16;
        padding-bottom: 6.25%;
    }

    #section_comment p
    {
        font-size: 91.67%;
        line-height: 1.82;
        letter-spacing: .02em;
    }

    #section_info
    {
        padding: 7.81% 6.25% 7.03%;
    }

    #section_info h3
    {
        font-size: 129.17%;
        line-height: 1.16;
    }

    #section_info p
    {
        font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
        font-size: 91.67%;
        line-height: 1.82;
        margin-top: 1.82em;
        letter-spacing: .02em;
    }

    #section_spec
    {
        padding: 7.81% 6.25% 7.03%;
    }

    #section_spec h3
    {
        font-size: 129.17%;
        line-height: 1.16;
    }

    #section_spec p
    {
        font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
        font-size: 91.67%;
        line-height: 1.82;
        margin-top: 1.82em;
        letter-spacing: .02em;
    }

    #section_spec .list
    {
        font-family: a-otf-midashi-go-mb31-pr6n, 'Hiragino Kaku Gothic ProN', meiryo, 'M+ 1p', sans-serif;
        font-size: 91.67%;
        line-height: 1.82;
        margin-top: 1.82em;
        letter-spacing: .02em;
    }

    #section_spec .list p
    {
        font-size: 100%;
    }

    #section_attention
    {
        padding: 7.81% 6.25% 7.03%;
    }

    #section_attention h3
    {
        font-size: 129.17%;
        line-height: 1.16;
    }

    #section_attention p
    {
        font-size: 83.33%;
        line-height: 2;
        margin-top: 2em;
        letter-spacing: .02em;
    }

    #section_attention li
    {
        font-size: 83.33%;
        line-height: 2;
        margin-top: 2em;
        letter-spacing: .02em;
    }
}