body
{
    -webkit-text-size-adjust: 100%
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, figure
{
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1
}
img
{
    line-height: 0
}
figure
{
    line-height: 1
}
table
{
    border-collapse: collapse;
    border-spacing: 0
}
fieldset, img
{
    border: 0
}
address, caption, cite, code, dfn, em, strong, th, var
{
    font-style: normal
}
li
{
    list-style: none
}
caption, th
{
    text-align: left
}
h1, h2, h3, h4, h5, h6
{
    font-size: 100%;
    font-weight: normal
}
q:before, q:after
{
    content: ''
}
abbr, acronym
{
    border: 0;
    font-variant: normal
}
sup
{
    vertical-align: text-top
}
sub
{
    vertical-align: text-bottom
}
input, textarea, select
{
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
}
input, textarea, select
{
    *font-size: 100%
}
legend
{
    color: #000
}
.nowrap
{
    white-space: nowrap
}
.sample:nth-child(1)
{
    -webkit-animation: open-h1 1s ease .7s;
    animation: open-h1 1s ease .7s;
    animation: open-h1 1s ease .7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both
}
.sample:nth-child(2)
{
    -webkit-animation: open-h1 1s ease 1.2s;
    animation: open-h1 1s ease 1.2s;
    animation: open-h1 1s ease 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both
}
.sample:nth-child(3)
{
    -webkit-animation: open-h1 1s ease 1.7s;
    animation: open-h1 1s ease 1.7s;
    animation: open-h1 1s ease 1.7s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-fill-mode: both
}
@-webkit-keyframes anime1
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
@keyframes anime1
{
    0%
    {
        opacity: 0;
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px)
    }
    100%
    {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}
body
{
    -webkit-text-size-adjust: 100%;
    position: relative;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif
}
@media screen and (min-width: 751px)
{
    body
    {
        padding-top: 0
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    .wrapper
    {
        overflow: hidden
    }
}
*
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
#wrap
{
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 1.2s ease 0s,visibility 1.2s ease 0s;
    transition: opacity 1.2s ease 0s,visibility 1.2s ease 0s;
    position: relative
}
#wrap.fadein
{
    opacity: 1;
    visibility: visible
}
@media only screen and (max-width: 500px)
{
    html
    {
        overscroll-behavior: none
    }
}
body
{
    width: 100%;
    min-width: 1024px;
    image-rendering: -webkit-optimize-contrast;
    -webkit-font-smoothing: antialiased;
    color: #303030;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    body
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    body
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    body
    {
        font-size: 3.3vw
    }
}
@media only screen and (max-width: 500px)
{
    body
    {
        min-width: 0;
        overflow-x: hidden
    }
    body:before
    {
        content: " ";
        display: block;
        width: 100%;
        height: 15.596875vw;
        background: #fff
    }
}
body.hidden
{
    overflow: hidden
}
body.under
{
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    body.under
    {
        padding-top: 122px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    body.under
    {
        padding-top: 116px
    }
}
img
{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top
}
a
{
    text-decoration: none;
    outline: none;
    color: inherit
}
.inner
{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .inner
    {
        width: 1020px
    }
}
@media only screen and (max-width: 500px)
{
    .inner
    {
        width: 88.8888vw;
        max-width: none;
        padding: 0
    }
}
.inner1080
{
    position: relative;
    width: 100%;
    max-width: 1120px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .inner1080
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .inner1080
    {
        width: 88.8888vw;
        max-width: none;
        padding: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .inner1080.inner1080small
    {
        width: 931px
    }
}
.inner980
{
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .inner980
    {
        width: 100%;
        padding: 0 0
    }
}
@media only screen and (max-width: 500px)
{
    .inner980
    {
        width: 88.8888vw;
        max-width: none;
        padding: 0
    }
}
@media only screen and (min-width: 499px)
{
    .section
    {
        padding: 70px 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .section
    {
        padding: 60px 0
    }
}
@media only screen and (max-width: 500px)
{
    .section
    {
        padding: 8.3333vw 0
    }
}
@media only screen and (min-width: 499px)
{
    .hoverOpacity
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .hoverOpacity:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .pcH
    {
        display: none !important
    }
}
@media only screen and (max-width: 500px)
{
    .spH
    {
        display: none !important
    }
}
.secBg
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100vw;
    background-size: cover;
    background-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    overflow: hidden
}
@media only screen and (min-width: 499px)
{
    .secBg
    {
        height: 100vh !important
    }
}
@media only screen and (max-width: 500px)
{
    .secBg
    {
        position: absolute
    }
}
@media only screen and (min-width: 499px)
{
    .anchor
    {
        padding-top: 240px;
        margin-top: -240px
    }
}
@media only screen and (max-width: 500px)
{
    .anchor
    {
        padding-top: 16vw;
        margin-top: -16vw
    }
}
@media only screen and (min-width: 499px)
{
    .anchor2
    {
        padding-top: 120px;
        margin-top: -120px
    }
}
@media only screen and (max-width: 500px)
{
    .anchor2
    {
        padding-top: 8vw;
        margin-top: -8vw
    }
}
.secWrapBg
{
    position: relative;
    z-index: 1
}
.secWrapBg.bgWhite
{
    background: #fff
}
.secWrapBg.bgMainBg
{
    background: #f6f6f0
}
.secWrapBg.bgBrownBg
{
    background: #0f2846
}
.secWrapBg.bgGlBg
{
    background: #dfdfd2
}
@media only screen and (max-width: 500px)
{
    .secWrapBg.ptsp
    {
        padding-top: 13.0555vw;
        margin-top: 0
    }
}
@media only screen and (max-width: 500px)
{
    .secWrapBgSp
    {
        position: relative;
        z-index: 1
    }
    .secWrapBgSp.bgWhite
    {
        background: #fff
    }
    .secWrapBgSp.bgMainBg
    {
        background: #f6f6f0
    }
    .secWrapBgSp.bgBrownBg
    {
        background: #0f2846
    }
}
.fadein
{
    opacity: 0;
    -webkit-transition: opacity 1s ease 0s,margin-top 1s ease 0s;
    transition: opacity 1s ease 0s,margin-top 1s ease 0s
}
.fadein.scrollin
{
    opacity: 1
}
.fadein.slideT
{
    position: relative;
    margin-top: -30px
}
.fadein.slideT.scrollin
{
    margin-top: 0
}
.fadein.scaleBig
{
    -webkit-transform: scale(1.5);
    transform: scale(1.5)
}
.fadein.scaleBig.scrollin
{
    -webkit-transform: scale(1);
    transform: scale(1)
}
.fadein.scaleSmall
{
    -webkit-transform: scale(.85);
    transform: scale(.85)
}
.fadein.scaleSmall.scrollin
{
    -webkit-transform: scale(1);
    transform: scale(1)
}
.scaleWrap
{
    overflow: hidden
}
.secTtl
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .secTtl
    {
        margin-bottom: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secTtl
    {
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl
    {
        margin-bottom: 6.7vw
    }
}
.secTtl span
{
    display: block
}
.secTtl .en
{
    letter-spacing: .06em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .secTtl .en
    {
        font-size: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secTtl .en
    {
        font-size: 32px
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl .en
    {
        font-size: 6.25vw
    }
}
.secTtl .jp
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 400;
    letter-spacing: .08em;
    font-size: 1.0769rem;
    margin-top: 1rem
}
@media only screen and (min-width: 499px)
{
    .secTtl .jp
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secTtl .jp
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl .jp
    {
        font-size: 3.3333vw;
        margin-top: 2.7777vw
    }
}
.secTtl.secTtlCur .en
{
    color: #aa8720;
    letter-spacing: normal;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .secTtl.secTtlCur .en
    {
        font-size: 60px;
        margin-bottom: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secTtl.secTtlCur .en
    {
        font-size: 49.5px;
        margin-bottom: 0
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl.secTtlCur .en
    {
        font-size: 15.1388vw;
        margin-bottom: 0
    }
}
.secTtl.secTtlEn .en
{
    letter-spacing: normal;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .secTtl.secTtlEn .en
    {
        font-size: 35px;
        margin-bottom: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secTtl.secTtlEn .en
    {
        font-size: 28.875px;
        margin-bottom: 0
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl.secTtlEn .en
    {
        font-size: 4.5833vw;
        margin-bottom: 0
    }
}
@media only screen and (max-width: 500px)
{
    .secTtl.stEmblem
    {
        padding-top: 18.64vw
    }
}
.secTtl.stEmblem:before
{
    content: " ";
    display: block;
    background-image: url("assets/images/common/emblem.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 1.42857rem;
    height: 1.42857rem;
    margin: 0 auto 2.28rem
}
@media only screen and (max-width: 500px)
{
    .secTtl.stEmblem:before
    {
        width: 3.472222vw;
        height: 3.472222vw;
        margin: 0 auto 4.027777vw
    }
}
@media only screen and (max-width: 500px)
{
    .footerTopArea .secTtl .en, #about .secTtl .en
    {
        font-size: 6.25vw
    }
}
@media only screen and (min-width: 499px)
{
    .under .secTtl
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .under .secTtl
    {
        margin-bottom: 41px
    }
}
@media only screen and (min-width: 499px)
{
    .under .secTtl.secTtlUnderTop
    {
        margin-top: 100px;
        margin-bottom: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .under .secTtl.secTtlUnderTop
    {
        margin-top: 82px;
        margin-bottom: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .under .secTtl.secTtlUnderTop
    {
        padding-top: 8.3333vw;
        margin-bottom: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .under .secTtl.secTtlUnderTopCommentAvailable
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .under .secTtl.secTtlUnderTopCommentAvailable
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .under .secTtl.secTtlUnderTopCommentAvailable
    {
        margin-bottom: 4.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    .under .secTtl.secTtlUnderTopCommentAvailablePC
    {
        margin-bottom: 75px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .under .secTtl.secTtlUnderTopCommentAvailablePC
    {
        margin-bottom: 62px
    }
}
.secLead
{
    text-align: center;
    letter-spacing: .1em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .secLead
    {
        font-size: 24px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secLead
    {
        font-size: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .secLead
    {
        font-size: 4.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    .secLead
    {
        margin-bottom: 15px;
        line-height: 2
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secLead
    {
        margin-bottom: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .secLead
    {
        margin-bottom: 2.7777vw;
        line-height: 1.666
    }
}
.secComment
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .secComment
    {
        margin-bottom: 45px;
        line-height: 2.14
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secComment
    {
        margin-bottom: 37px
    }
}
@media only screen and (max-width: 500px)
{
    .secComment
    {
        margin-bottom: 7.6388vw;
        line-height: 1.6666
    }
    .secComment.mb3sp
    {
        margin-bottom: 3vw
    }
}
@media only screen and (max-width: 500px)
{
    .secComment.secCommentUnderTop
    {
        text-align: left
    }
}
@media only screen and (min-width: 499px)
{
    .blockName
    {
        margin-bottom: 55px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .blockName
    {
        margin-bottom: 45px
    }
}
@media only screen and (max-width: 500px)
{
    .blockName
    {
        text-align: center;
        margin-bottom: 5vw
    }
}
.blockName .en
{
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .blockName .en
    {
        font-size: 32px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .blockName .en
    {
        font-size: 26px
    }
}
@media only screen and (max-width: 500px)
{
    .blockName .en
    {
        font-size: 4.9vw
    }
}
.blockName .jp
{
    letter-spacing: 0;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    margin-left: .5em
}
@media only screen and (min-width: 499px)
{
    .blockName .jp
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .blockName .jp
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .blockName .jp
    {
        margin-left: .3em;
        font-size: 2.9vw
    }
}
.blockTtl
{
    font-weight: 400;
    line-height: 2;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .blockTtl
    {
        font-size: 20px;
        margin-bottom: 25px;
        letter-spacing: .1em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .blockTtl
    {
        font-size: 16.5px;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .blockTtl
    {
        font-size: 4.1666vw;
        margin-bottom: 5vw;
        text-align: center;
        line-height: 1.666;
        letter-spacing: .08em
    }
}
@media all and (-ms-high-contrast: none)
{
    *::-ms-backdrop, .blockTtl .msSmall
    {
        letter-spacing: 0
    }
}
@media all and (-ms-high-contrast: none)
{
    .blockTtl .msSmall
    {
        letter-spacing: 0
    }
}
.blockTxt
{
    line-height: 2.1
}
@media only screen and (min-width: 499px)
{
    .blockTxt
    {
        width: 380px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .blockTxt
    {
        width: 314px
    }
}
@media only screen and (max-width: 500px)
{
    .blockTxt
    {
        padding: 0 1em;
        line-height: 1.666;
        font-size: 3vw
    }
}
.white
{
    color: #fff
}
.gold
{
    color: #aa8720
}
.brown
{
    color: #8c7c52
}
.red
{
    color: #640028
}
.center
{
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
.btn a, .btn button
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    display: block;
    position: relative;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .btn a, .btn button
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .btn a:hover, .btn button:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .btn a, .btn button
    {
        margin-top: 60px;
        width: 260px;
        padding: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .btn a, .btn button
    {
        margin-top: 50px;
        width: 250px;
        padding: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .btn a, .btn button
    {
        margin: 11.3888vw auto 0;
        width: 57.7777vw;
        padding: 3.4722vw
    }
}
.btn a:after, .btn button:after
{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}
@media only screen and (min-width: 499px)
{
    .btn a:after, .btn button:after
    {
        width: 22px;
        height: 5px;
        right: 14px;
        background-image: url(assets/images/common/arw_btn_w.svg)
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .btn a:after, .btn button:after
    {
        width: 20px;
        height: 4px;
        right: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .btn a:after, .btn button:after
    {
        width: 4.8888vw;
        height: 1.5vw;
        right: 3.055vw;
        background-image: url(assets/images/common/arw_btn_w_sp.svg)
    }
}
.btn button
{
    font-weight: bold
}
.btn.btnBlack a, .btn.btnBlack button
{
    background: #303030
}
.btn.btnGold a, .btn.btnGold button
{
    background: #aa8720
}
.btn.btnPink a, .btn.btnPink button
{
    background: #640028
}
.btn.btnBlue a, .btn.btnBlue button
{
    background: #0f2846
}
.btn.btnPink a, .btn.btnPink button
{
    margin-right: auto;
    margin-left: auto
}
#header
{
    background: #fff;
    width: 100%;
    min-width: 1024px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    position: relative;
    z-index: 10000
}
@media only screen and (max-width: 500px)
{
    #header
    {
        min-width: 0;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 500;
        border-bottom: 1px solid #dfe0e1
    }
}
#header.fixed
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%
}
@media only screen and (max-width: 500px)
{
    #header.fixed
    {
        z-index: 500
    }
}
.headerInner
{
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .headerInner
    {
        width: 1080px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerInner
    {
        width: 1024px
    }
}
@media only screen and (min-width: 499px)
{
    .headerTop
    {
        border-bottom: 1px solid #dfe0e1
    }
}
@media only screen and (min-width: 499px)
{
    .headerTop .headerInner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerTop .headerInner
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .headerTop .headerInner
    {
        padding: 4.1vw 2.1152777vw 2.5vw 2vw
    }
}
@media only screen and (min-width: 499px)
{
    .headerLogo
    {
        width: 275px;
        margin-right: auto;
        margin-left: 0;
        -ms-flex: 0 1 auto
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerLogo
    {
        width: 227px
    }
}
@media only screen and (max-width: 500px)
{
    .headerLogo
    {
        width: 45.8333vw;
        margin-left: 1.3888vw
    }
}
.headerRight
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.headerInfo
{
    text-align: right;
    margin-right: 15px;
    -ms-flex: 0 1 auto
}
@media only screen and (min-width: 499px)
{
    .headerInfo
    {
        width: 360px
    }
    .headerInfo.spH
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerInfo
    {
        width: 340px
    }
}
.headerTel
{
    letter-spacing: .04em;
    color: #640028;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .headerTel
    {
        cursor: default
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerTel
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 499px)
{
    .headerTel a
    {
        cursor: default;
        pointer-events: none
    }
}
.headerTel a span
{
    font-size: 184.6153%
}
.headerOpen
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    letter-spacing: .04em;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .headerOpen
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerOpen
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .headerOpen
    {
        font-size: 3.3vw
    }
}
.headerNote
{
    margin-top: .5em;
    letter-spacing: .01em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .headerNote
    {
        font-size: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerNote
    {
        font-size: 10px
    }
}
.headerSubNav
{
    -ms-flex: 0 1 auto
}
.headerSubNav ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.headerSubNavList
{
    margin-left: 4px;
    position: relative
}
.headerSubNavList>a
{
    display: block;
    width: 90px;
    padding: 15px 8px;
    text-align: center;
    background: #0f2846;
    color: #fff;
    font-weight: bold;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .headerSubNavList>a
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerSubNavList>a
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .headerSubNavList>a
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .headerSubNavList>a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .headerSubNavList>a:hover
    {
        opacity: .7
    }
}
.headerSubNavList.headerSubNavListFair>a
{
    width: auto;
    background: #640028;
    padding: 15px 10px
}
.headerNavWrap
{
    border-bottom: 1px solid #dfe0e1
}
.headerNav ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
.headerNavList
{
    width: 20%;
    position: relative
}
.headerNavList a
{
    display: block;
    text-align: center;
    padding: 15px 0;
    position: relative;
    height: 40px
}
.headerNavList a:after
{
    content: " ";
    display: block;
    width: 1px;
    height: 13px;
    background: #dfe0e1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    right: 0
}
.headerNavList a:first-child:before
{
    content: " ";
    display: block;
    width: 1px;
    height: 13px;
    background: #dfe0e1;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    left: 0
}
.headerNavList a span
{
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    width: 100%;
    display: block;
    letter-spacing: .1em
}
@media only screen and (min-width: 499px)
{
    .headerNavList a span
    {
        -webkit-transition: .2s;
        transition: .2s;
        cursor: pointer
    }
}
@media only screen and (min-width: 499px)
{
    .headerNavList a span
    {
        font-size: 13px;
        line-height: 0
    }
}
@media only screen and (max-width: 500px)
{
    .headerNavList a span
    {
        font-size: 3.3vw
    }
}
.headerNavList a .navOn
{
    opacity: 0;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .headerNavList a .navOn
    {
        font-size: 14px;
        -webkit-transform: translate(0,-60%);
        transform: translate(0,-60%)
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerNavList a .navOn
    {
        font-size: 12px
    }
}
.headerNavList a .navOff
{
    opacity: 1;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .headerNavList a .navOff
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .headerNavList a .navOff
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 499px)
{
    .headerNavList a
    {
        -webkit-transition: .2s;
        transition: .2s;
        cursor: pointer
    }
}
.headerNavList a:hover
{
    background: #f6f6f0
}
.headerNavList a:hover .navOn
{
    opacity: 1
}
.headerNavList a:hover .navOff
{
    opacity: 0
}
.headerNavList:first-child span
{
    border-left: 1px solid #dfe0e1
}
.headerNavList .acdBoxHNL
{
    position: absolute;
    top: calc(100% + 1px);
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    display: none
}
.headerNavList .acdBoxHNL .acdNavHNL
{
    background: #fff;
    border-bottom: 1px solid #dfe0e1
}
.headerNavList .acdBoxHNL .acdNavHNL a
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    background: #f6f6f0
}
.headerNavList .acdBoxHNL .acdNavHNL a:after, .headerNavList .acdBoxHNL .acdNavHNL a:before
{
    content: none
}
.headerNavList .acdBoxHNL .acdNavHNL a:hover
{
    background: #fff
}
.navRecommend
{
    display: none;
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 10000;
    background: #f6f6f0;
    padding: 6px;
    -webkit-box-shadow: 4px 4px 0 0 rgba(0,0,0,.2);
    box-shadow: 4px 4px 0 0 rgba(0,0,0,.2);
    margin-top: 8px
}
@media only screen and (min-width: 499px)
{
    .navRecommend
    {
        width: 373px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommend
    {
        width: 330px
    }
}
.navRecommend:before
{
    content: "　";
    width: 15px;
    height: 15px;
    background: #f6f6f0;
    -webkit-transform: rotate(45deg) translateX(-50%);
    transform: rotate(45deg) translateX(-50%);
    position: absolute;
    z-index: -1;
    top: 0;
    left: 50%
}
.navRecommend h3
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .navRecommend h3
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommend h3
    {
        margin-bottom: 16px
    }
}
.navRecommend h3 span
{
    display: block
}
.navRecommend h3 .en
{
    color: #aa8720;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .navRecommend h3 .en
    {
        font-size: 28px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommend h3 .en
    {
        font-size: 23px
    }
}
.navRecommend h3 .jp
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    margin-top: 1em
}
@media only screen and (min-width: 499px)
{
    .navRecommend h3 .jp
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommend h3 .jp
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .navRecommend h3 .jp
    {
        font-size: 3.3vw
    }
}
.navRecommendInner
{
    padding: 20px 17px 17px;
    position: relative
}
.navRecommendInner:before
{
    content: "";
    background-image: linear-gradient(to right,#aa8720,#aa8720 2px,transparent 2px,transparent 5px),linear-gradient(to right,#aa8720,#aa8720 2px,transparent 2px,transparent 5px),linear-gradient(to bottom,#aa8720,#aa8720 2px,transparent 2px,transparent 5px),linear-gradient(to bottom,#aa8720,#aa8720 2px,transparent 2px,transparent 5px);
    background-size: 5px 1px,5px 1px,1px 5px,1px 5px;
    background-position: left top,left bottom,left top,right top;
    background-repeat: repeat-x,repeat-x,repeat-y,repeat-y;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}
@media only screen and (min-width: 499px)
{
    .navRecommendList
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommendList
    {
        margin-bottom: 8px
    }
}
.navRecommendList a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .navRecommendList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .navRecommendList a:hover
    {
        opacity: .7
    }
}
.navRecommendList a:hover
{
    opacity: .3
}
.navRecommendList:last-child
{
    margin-bottom: 0
}
.navRecommendTh
{
    width: 27.6%
}
.navRecommendTh span
{
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    position: relative
}
.navRecommendTh span:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
.navRecommendTxt
{
    width: 67.7%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
.navRecommendTxtInner
{
    -ms-flex: 0 1 auto
}
.navRecommendTxtInner.weekSat .navRecommendDate, .navRecommendTxtInner.weekSat .navRecommendTime
{
    color: #0f2846
}
.navRecommendTxtInner.weekSun .navRecommendDate, .navRecommendTxtInner.weekSun .navRecommendTime
{
    color: #640028
}
.navRecommendDate
{
    letter-spacing: .08em
}
@media only screen and (min-width: 499px)
{
    .navRecommendDate
    {
        font-size: 16px;
        margin-bottom: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommendDate
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 499px)
{
    .navRecommendDate span
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommendDate span
    {
        font-size: 11px
    }
}
.navRecommendTime
{
    letter-spacing: .08em
}
@media only screen and (min-width: 499px)
{
    .navRecommendTime
    {
        font-size: 13px;
        margin-bottom: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommendTime
    {
        font-size: 11px;
        margin-bottom: 4px
    }
}
.navRecommendComment
{
    letter-spacing: .08em;
    line-height: 1.846;
    -ms-flex: 0 1 auto;
    word-break: break-all;
    line-break: normal;
    word-wrap: break-word;
    overflow-wrap: break-word
}
@media only screen and (min-width: 499px)
{
    .navRecommendComment
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .navRecommendComment
    {
        font-size: 11px
    }
}
.menu-trigger, .menu-trigger span
{
    display: inline-block;
    -webkit-transition: all .4s;
    transition: all .4s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
.menu-trigger
{
    position: fixed;
    z-index: 510;
    top: 3.5vw;
    right: 2.7777vw;
    width: 4.1666vw;
    height: 3.6111vw;
    cursor: pointer;
    background: #fff;
    padding: 2.3611vw;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 510
}
.menu-trigger span
{
    position: absolute;
    left: 2.3611vw;
    width: 4.1666vw;
    height: 2px;
    background-color: #303030;
    z-index: 520
}
.menu-trigger span:nth-of-type(1)
{
    top: 2.3611vw
}
.menu-trigger span:nth-of-type(2)
{
    top: 4.0211vw
}
.menu-trigger span:nth-of-type(3)
{
    bottom: 2.3611vw
}
.menu-trigger.active span:nth-of-type(1)
{
    -webkit-transform: translateY(1.66vw) rotate(-45deg);
    transform: translateY(1.66vw) rotate(-45deg)
}
.menu-trigger.active span:nth-of-type(2)
{
    opacity: 0
}
.menu-trigger.active span:nth-of-type(3)
{
    -webkit-transform: translateY(-1.66vw) rotate(45deg);
    transform: translateY(-1.66vw) rotate(45deg)
}
.headerNavSp
{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 490;
    background: #303030;
    text-align: center;
    padding: 23.4364vw 5.5555vw 6.25vw;
    -webkit-overflow-scrolling: touch;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    overflow-y: scroll;
    padding-bottom: 100px
}
.headerNavSp *
{
    color: #fff
}
.headerNavSpSub
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.headerNavSpSubBtn
{
    color: #fff;
    width: 29.1666vw;
    font-size: 3.3333vw;
    font-weight: bold;
    background: #0f2846;
    padding: 2.7777vw 0;
    margin-bottom: 7.3611vw
}
.headerNavSpSubBtn.headerNavSpSubBtnFair
{
    background: #640028
}
.headerNavSpContact
{
    padding-bottom: 6.9444vw;
    border-bottom: 1px dotted #fff
}
.headerNavSpTelTtl
{
    font-size: 3.4722vw;
    margin-bottom: 2.7777vw;
    letter-spacing: .12em
}
.headerNavSpTel
{
    font-size: 3.6111vw;
    letter-spacing: .05em
}
.headerNavSpTel span
{
    font-size: 6.25vw
}
.headerNavSpListWrap
{
    margin-bottom: 6.9444vw
}
.headerNavSpList
{
    border-bottom: 1px dotted #fff
}
.headerNavSpList a
{
    display: block;
    padding: 5.5555vw 0
}
.headerNavSpList a span
{
    display: block;
    letter-spacing: .08em
}
.headerNavSpList a span.en
{
    font-weight: bold;
    font-size: 3.8888vw;
    margin-bottom: 1.3888vw;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
.headerNavSpList a span.jp
{
    font-size: 3.8888vw
}
.headerNavSpList.hnslSNS
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.638888vw 0
}
.headerNavSpList.hnslSNS a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.61111vw 0
}
.headerNavSpList.hnslSNS a .icn
{
    width: 7.63888vw;
    margin-left: 1vw
}
.headerNavSpList.hnslSNS a:first-child
{
    padding-right: 4.1666vw;
    border-right: 1px solid #fff
}
.headerNavSpList.hnslSNS a:first-child .ttl span
{
    display: inline;
    font-size: 3.8888vw;
    white-space: nowrap
}
.headerNavSpList.hnslSNS a:last-child .ttl
{
    width: 22.572361vw;
    padding-top: .2vw
}
.headerNavSpFooter
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
.headerNavSpFooterList
{
    border-right: 1px solid #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.headerNavSpFooterList a
{
    font-size: 2.7777vw;
    line-height: 1.35;
    padding: 0 4.5vw
}
.headerNavSpFooterList:first-child a
{
    padding: 0 4.5vw 0 0
}
.headerNavSpFooterList:last-child
{
    border-right: none
}
.headerNavSpFooterList:last-child a
{
    padding: 0 0 0 4.5vw
}
.mainvUnder
{
    width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .mainvUnder
    {
        height: 640px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder
    {
        height: 528px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder
    {
        background: #f6f6f0
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvWeddingStage
    {
        background-image: url(assets/images/wedding_stage/mainv_wedding_stage_bg_pc.jpg);
        box-shadow: inset 500px 0px 200px 0px rgba(0, 0, 0, 0.4);box-shadow: inset 500px 0px 200px 0px rgba(0, 0, 0, 0.4);
    }
    .mainvUnder#mainvWeddingStage .mainvUnderInner
    {
        padding-bottom: 13em;
        height: 45vw;
    }
    .mainvUnder#mainvWeddingStage .mainvUnderContent
    {
        position: absolute;
        top: 10vw;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder#mainvWeddingStage .mainvUnderInner
    {
        height: 528px;
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvWeddingStage
    {
        background-image: url(assets/images/wedding_stage/mainv_wedding_stage_bg_sp.png)
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvCuisine
    {
        background-position: center 5%;
        background-image: url(assets/images/cuisine/mainv_cuisine_bg_pc.jpg)
    }
    .mainvUnder#mainvCuisine .mainvUnderInner
    {
        padding-bottom: 5em;
        height: 45vw;
    }
    .mainvUnder#mainvCuisine .mainvUnderContent
    {
        position: absolute;
        right: 0;
        top: 11vw;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder#mainvCuisine .mainvUnderInner
    {
        height: 528px;
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvCuisine
    {
        background-image: url(assets/images/cuisine/mainv_cuisine_bg_sp.png)
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvAccess
    {
        background-position: center top;
        background-image: url(assets/images/access/mainv_access_bg_pc.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvAccess
    {
        background: #f6f6f0
    }
    .mainvUnder#mainvAccess .mainvUnderImg figure
    {
        background-image: url(assets/images/access/mainv_access_bg_sp.jpg)
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvPlan
    {
        background-image: url(assets/images/plan/mainv_plan_bg_pc.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvPlan .mainvUnderImg figure
    {
        background-image: url(assets/images/plan/mainv_plan_bg_sp.jpg)
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvFair
    {
        background-image: url(assets/images/fair/mainv_fair_bg_pc.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvFair .mainvUnderImg figure
    {
        background-image: url(assets/images/fair/mainv_fair_bg_sp.jpg)
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder#mainvBestrate
    {
        background-image: url(assets/images/bestrate/mainv_bestrate_bg_pc.png)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder#mainvBestrate .mainvUnderImg figure
    {
        background-image: url(assets/images/bestrate/mainv_bestrate_bg_sp.png)
    }
}
.mainvUnder.mainvUnderMin
{
    width: 100%;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.mainvUnderMin
    {
        height: 430px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder.mainvUnderMin
    {
        height: 355px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder.mainvUnderMin
    {
        background: #fff
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder.mainvUnderMin .mainvUnderImg figure
    {
        padding-top: 54.583333%;
        position: relative
    }
    .mainvUnder.mainvUnderMin .mainvUnderImg figure .manvUnderTtl
    {
        position: absolute;
        width: 100%;
        color: #fff;
        text-align: center;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.mainvUnder.mainvUnderMin .mainvUnderInner
{
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.mainvUnderMin .mainvUnderInner
    {
        max-width: 1280px;
        padding: 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder.mainvUnderMin .mainvUnderInner
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder.mainvUnderMin .mainvUnderInner
    {
        width: 88.8888vw;
        text-align: center;
        padding-top: 5.5555vw;
        padding-bottom: 5.5555vw
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.mainvUnderMin .mainvUnderContent
    {
        color: #fff;
        padding-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.mainvUnderMin .manvUnderTtl
    {
        color: #fff
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.mainvUnderMin .manvUnderLead
    {
        font-size: 20px;
        line-height: 1.9;
        letter-spacing: .12em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder.mainvUnderMin .manvUnderLead
    {
        font-size: 17px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder.mainvUnderMin .manvUnderLead
    {
        font-size: 4.1666vw;
        margin-bottom: 3.8vw;
        line-height: 1.666
    }
}
.tb .mainvUnder
{
    background-attachment: scroll
}
@media only screen and (max-width: 500px)
{
    .mainvUnderImg figure
    {
        padding-top: 54.583333%;
        position: relative;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
    .mainvUnderImg figure .manvUnderTtl
    {
        position: absolute;
        width: 100%;
        color: #fff;
        text-align: center;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.mainvUnderInner
{
    position: relative;
    z-index: 2;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}
@media only screen and (min-width: 499px)
{
    .mainvUnderInner
    {
        max-width: 1280px;
        padding: 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnderInner
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnderInner
    {
        width: 88.8888vw;
        text-align: center;
        padding-top: 5.5555vw;
        padding-bottom: 5.5555vw
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnderContent
    {
        color: #fff;
        padding-bottom: 0
    }
}
.manvUnderTtl
{
    color: #fff;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .manvUnderTtl
    {
        font-size: 75px;
        margin-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .manvUnderTtl
    {
        font-size: 62px;
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .manvUnderTtl
    {
        font-size: 10.416666vw;
        margin-bottom: 4vw
    }
}
.manvUnderLead
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .manvUnderLead
    {
        margin-bottom: 22px;
        font-size: 20px;
        line-height: 1.9;
        letter-spacing: .12em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .manvUnderLead
    {
        margin-bottom: 18px;
        font-size: 17px
    }
}
@media only screen and (max-width: 500px)
{
    .manvUnderLead
    {
        font-size: 4.1666vw;
        margin-bottom: 3.8vw;
        line-height: 1.666
    }
}
@media only screen and (min-width: 499px)
{
    .manvUnderComment
    {
        line-height: 2.14
    }
}
@media only screen and (max-width: 500px)
{
    .manvUnderComment
    {
        font-size: 3.1vw;
        line-height: 1.7391
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnderMin.pcBig .mainvUnderInner
    {
        padding-bottom: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnderMin.pcBig .mainvUnderInner
    {
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnderMin.pcBig .mainvUnderInner
    {
        padding-bottom: 15.2777vw
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder.pcBig
    {
        background-attachment: fixed;
        background-position: center top;
        height: 640px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder.pcBig
    {
        height: 528px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnderGrd
    {
        background-size: contain;
        background-position: center top;
        background-repeat: no-repeat;
        padding-bottom: 11.1111vw
    }
    .mainvUnderGrd .mainvUnderInner
    {
        padding-top: 3vw
    }
    .mainvUnderGrd .manvUnderTtl
    {
        color: #0f2846;
        margin-bottom: .5em
    }
    .mainvUnderGrd .manvUnderLead:last-child
    {
        margin-bottom: 0
    }
}
.secDecoContentWrap
{
    background: #fff
}
@media only screen and (max-width: 500px)
{
    .secDecoContentWrap
    {
        padding-bottom: 11vw
    }
}
.secDeco2 .secDecoContent, .secDeco2 .underSectionSliderBgInner
{
    background: #f6f6f0
}
.secDeco2 .secDef dl
{
    background: #f6f6f0
}
.secDecoContent
{
    background: #fff;
    max-width: 1240px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    z-index: 3
}
@media only screen and (min-width: 499px)
{
    .secDecoContent
    {
        top: -80px;
        padding: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDecoContent
    {
        top: -60px;
        padding: 12px;
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .secDecoContent
    {
        width: 94.4444vw;
        max-width: none;
        padding: 1.9444vw 2.7777vw;
        top: -5.555vw
    }
}
.secDecoContent.underSectionInner
{
    top: 0
}
.secDecoContent.underSectionInnerFirst
{
    padding-bottom: 0
}
.secDecoContent.underSectionInnerFirst:after
{
    content: none
}
@media only screen and (min-width: 499px)
{
    .secDecoContent.underSectionInnerFirst
    {
        margin-top: -80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDecoContent.underSectionInnerFirst
    {
        margin-top: -60px
    }
}
@media only screen and (max-width: 500px)
{
    .secDecoContent.underSectionInnerFirst
    {
        margin-top: -5.555vw
    }
}
.secDecoContent.underSectionInnerFirst .secDecoContentInner
{
    margin-bottom: 0
}
.secDecoContent.underSectionInnerLast
{
    padding-top: 0
}
.secDecoContent.underSectionInnerLast:before
{
    content: none
}
.secDecoContent.underSectionInnerLast .secDecoContentInner
{
    margin-top: 0
}
.secDecoContentInner
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .secDecoContentInner
    {
        width: 99.173553715%;
        margin: 0 auto;
        padding: 40px 60px 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDecoContentInner
    {
        padding: 33px 49px 62px;
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px)
{
    .secDecoContentInner
    {
        padding: 2.5vw 0 4.3055vw;
        width: 100%;
        margin: 1.25vw auto
    }
}
.secDecoContentInner.pt0
{
    padding-top: 0
}
@media only screen and (max-width: 500px)
{
    .underSection
    {
        padding-bottom: 10.5555vw
    }
}
.underSectionInner
{
    margin-right: auto;
    margin-left: auto
}
@media only screen and (min-width: 499px)
{
    .underSectionInner.underSectionInnerFirst .underSectionContent
    {
        margin-top: -84px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionInner.underSectionInnerFirst .underSectionContent
    {
        margin-top: -69px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionInner.underSectionInnerFirst .secDecoContentInner
    {
        padding: 2.5vw 2.5vw 2.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .underSectionInner.underSectionInnerLast
    {
        margin-bottom: 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionInner.underSectionInnerLast
    {
        margin-bottom: 82px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionInner .secDecoContentInner
    {
        padding: 2.5vw 2.5vw 4.3055vw
    }
}
.underSectionSliderWrap
{
    width: 100%;
    position: relative;
    overflow-x: hidden
}
.underSectionSliderWrap *
{
    outline: none
}
.underSectionSliderWrap *:focus
{
    outline: none
}
.underSectionSliderBg
{
    position: absolute;
    z-index: 5;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
@media only screen and (min-width: 499px)
{
    .underSectionSliderBg
    {
        width: 100%;
        max-width: 1280px;
        padding: 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionSliderBg
    {
        width: 1024px;
        padding: 0
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionSliderBg
    {
        width: 94.4444vw
    }
}
.underSectionSliderBgInner
{
    width: 100%;
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .underSectionSliderBgInner
    {
        padding: 0 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionSliderBgInner
    {
        padding: 0 12px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionSliderBgInner
    {
        padding: 0 1.9444vw
    }
}
.underSectionSliderBgInner span
{
    display: block;
    width: 100%;
    position: relative;
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .underSectionSliderBgInner span
    {
        width: 99.173553715%
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionSliderBgInner span
    {
        width: 98.484848484%
    }
}
.underSectionSlider
{
    width: 100%;
    position: relative;
    z-index: 20
}
.underSectionSlider .slick-dots
{
    width: 100%;
    bottom: 30px
}
@media only screen and (min-width: 499px)
{
    .underSectionSlider .slick-dots
    {
        bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionSlider .slick-dots
    {
        bottom: 24.75px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionSlider .slick-dots
    {
        bottom: 5.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .underSectionSlider .slick-dots li
    {
        height: 11px;
        width: 25px;
        margin: 0 7px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionSlider .slick-dots li
    {
        height: 4.2777vw;
        width: 5.2777vw;
        margin: 0 1.5vw
    }
}
.underSectionSlider .slick-dots li button
{
    padding: 5px;
    height: 12px;
    width: 25px;
    border: none
}
@media only screen and (max-width: 500px)
{
    .underSectionSlider .slick-dots li button
    {
        padding: 1.9305vw;
        height: 4.2777vw;
        width: 5.2777vw
    }
}
.underSectionSlider .slick-dots li button:hover, .underSectionSlider .slick-dots li button:focus
{
    outline: none
}
.underSectionSlider .slick-dots li button:hover:before, .underSectionSlider .slick-dots li button:focus:before
{
    opacity: 1
}
.underSectionSlider .slick-dots li button:before
{
    border: none;
    position: absolute;
    top: 50%;
    left: 0;
    background: #e0e0e0;
    border-radius: 0;
    content: "";
    height: 2px;
    width: 25px;
    color: #e0e0e0;
    opacity: 1
}
@media only screen and (max-width: 500px)
{
    .underSectionSlider .slick-dots li button:before
    {
        height: .5vw;
        width: 5.2777vw
    }
}
.underSectionSlider .slick-dots li.slick-active button:before
{
    color: #6e7887;
    background: #6e7887;
    opacity: 1
}
@media only screen and (min-width: 499px)
{
    .underSecitonSliderItem
    {
        width: 100%;
        max-width: 1080px;
        text-align: center;
        padding-bottom: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSecitonSliderItem
    {
        max-width: 940px;
        padding-bottom: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .underSecitonSliderItem
    {
        max-width: 86.8055vw;
        padding-bottom: 12.5vw
    }
}
.underSecitonSliderItem p
{
    opacity: 0;
    -webkit-transition: .4s opacity;
    transition: .4s opacity
}
@media only screen and (min-width: 499px)
{
    .underSecitonSliderItem p
    {
        margin-top: 30px;
        font-size: 16px;
        letter-spacing: .1em;
        line-height: 1.8
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSecitonSliderItem p
    {
        margin-top: 25px;
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .underSecitonSliderItem p
    {
        margin-top: 6.9444vw;
        font-size: 3.1944vw;
        line-height: 1.73;
        padding: 0 6.25vw
    }
}
.underSecitonSliderItem.slick-current p
{
    opacity: 1
}
.underSecitonSliderItemImg
{
    position: relative;
    z-index: 2;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
@media only screen and (min-width: 499px)
{
    .underSecitonSliderItemImg
    {
        width: 1080px;
        height: 600px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSecitonSliderItemImg
    {
        width: 891px;
        height: 495px
    }
}
@media only screen and (max-width: 500px)
{
    .underSecitonSliderItemImg
    {
        width: 86.8055vw;
        height: 57.7777vw
    }
}
.underSecitonSliderItemImg:after
{
    content: " ";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: .7;
    -webkit-transition: 1s;
    transition: 1s
}
.slick-current .underSecitonSliderItem p
{
    opacity: 1
}
.slick-current .underSecitonSliderItemImg:after
{
    opacity: 0
}
.underSectionArwPrv, .underSectionArwNxt
{
    position: absolute;
    top: 50%;
    z-index: 60;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: " "
}
@media only screen and (min-width: 499px)
{
    .underSectionArwPrv, .underSectionArwNxt
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .underSectionArwPrv:hover, .underSectionArwNxt:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .underSectionArwPrv, .underSectionArwNxt
    {
        width: 39px;
        height: 30px;
        margin-top: -35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionArwPrv, .underSectionArwNxt
    {
        width: 32px;
        height: 30px;
        margin-top: -60px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionArwPrv, .underSectionArwNxt
    {
        width: 8.0555vw;
        height: 5vw;
        top: 0;
        -webkit-transform: translate(0,0) !important;
        transform: translate(0,0) !important;
        margin-top: 28vw
    }
}
.underSectionArwPrv
{
    background-image: url(assets/images/common/uss_arw_prv.svg);
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}
@media only screen and (min-width: 499px)
{
    .underSectionArwPrv
    {
        margin-left: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionArwPrv
    {
        margin-left: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionArwPrv
    {
        left: 2.6388vw
    }
}
.underSectionArwNxt
{
    background-image: url(assets/images/common/uss_arw_nxt.svg);
    right: 50%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}
@media only screen and (min-width: 499px)
{
    .underSectionArwNxt
    {
        margin-right: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .underSectionArwNxt
    {
        margin-right: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .underSectionArwNxt
    {
        right: 2.6388vw
    }
}
@media only screen and (max-width: 500px)
{
    .secDef
    {
        background: #fff;
        padding: 0 4.1666vw
    }
    .secDef:first-child
    {
        border-top: 2px solid #aa8720
    }
    .secDef:last-child
    {
        border-bottom: 2px solid #aa8720
    }
}
.secDef dl
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .secDef dl
    {
        padding: 30px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .secDef dl:first-child
    {
        border-top: 2px solid #aa8720
    }
    .secDef dl:last-child
    {
        border-bottom: 2px solid #aa8720
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef dl
    {
        padding: 25px 0
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dl
    {
        padding: 0 4vw;
        text-align: center
    }
}
.secDef dl:first-child
{
    border-bottom: 1px dotted #303030
}
.secDef dt, .secDef dd
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
.secDef dt
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .secDef dt
    {
        width: 24.795918%
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dt
    {
        padding: 5.5555vw 0
    }
}
.secDef dt span
{
    display: block;
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .secDef dt span.secDefVisitors
    {
        width: 136.67px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef dt span.secDefVisitors
    {
        width: 112.75px
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dt span.secDefVisitors
    {
        width: 26.5755vw
    }
}
@media only screen and (min-width: 499px)
{
    .secDef dt span.secDefClose
    {
        width: 91.996px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef dt span.secDefClose
    {
        width: 75.8967px
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dt span.secDefClose
    {
        width: 17.889vw
    }
}
@media only screen and (min-width: 499px)
{
    .secDef dt span.secDefFacility
    {
        width: 135.169px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef dt span.secDefFacility
    {
        width: 111.514425px
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dt span.secDefFacility
    {
        width: 26.284vw
    }
}
.secDef dt span img
{
    width: 100%;
    height: auto
}
@media only screen and (min-width: 499px)
{
    .secDef dd
    {
        border-left: 1px solid #aa8720;
        width: 75.2040816%;
        padding: 0 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef dd
    {
        padding: 0 33px
    }
}
@media only screen and (max-width: 500px)
{
    .secDef dd
    {
        border-top: 1px solid #aa8720;
        padding: 5.5555vw 0
    }
}
@media only screen and (min-width: 499px)
{
    .secDef.secDef3cl dd
    {
        padding: 0 0 0 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secDef.secDef3cl dd
    {
        padding: 0 0 0 29px
    }
}
@media only screen and (max-width: 500px)
{
    .secDef.secDef3cl dd
    {
        padding: 5.5555vw 0
    }
}
@media only screen and (min-width: 499px)
{
    .secDef.secDef3cl dd:nth-of-type(1)
    {
        width: 32.7%;
        padding-right: 0;
        letter-spacing: 0
    }
}
@media only screen and (min-width: 499px)
{
    .secDef.secDef3cl dd:nth-of-type(2)
    {
        width: 41.3%;
        padding-right: 0;
        letter-spacing: 0
    }
}
.secDef.secDefNoBorder dl
{
    border: none
}
.secDefElmWrap
{
    width: 100%
}
.spContentSlider *
{
    outline: none
}
.spContentSlider *:focus
{
    outline: none
}
@media only screen and (min-width: 499px)
{
    .spContentSlider
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSlider
    {
        width: 100%;
        position: relative
    }
}
@media only screen and (min-width: 499px)
{
    .spContentSliderItem
    {
        width: 30%
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderItem
    {
        padding: 0 13.0083vw
    }
}
.spContentArwPrv, .spContentArwNxt
{
    position: absolute;
    top: 20%;
    z-index: 60;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: " "
}
@media only screen and (min-width: 499px)
{
    .spContentArwPrv, .spContentArwNxt
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .spContentArwPrv:hover, .spContentArwNxt:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    .spContentArwPrv, .spContentArwNxt
    {
        width: 5.5555vw;
        height: 13.8888vw
    }
}
.spContentArwPrv
{
    background-image: url(assets/images/common/spcs_arw_prv.svg);
    left: 50%;
    -webkit-transform: translate(-60%,-50%);
    transform: translate(-60%,-50%)
}
@media only screen and (min-width: 499px)
{
    .spContentArwPrv
    {
        margin-left: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentArwPrv
    {
        margin-left: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentArwPrv
    {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        left: 1.5vw
    }
}
.spContentArwNxt
{
    background-image: url(assets/images/common/spcs_arw_nxt.svg);
    right: 50%;
    -webkit-transform: translate(60%,-50%);
    transform: translate(60%,-50%)
}
@media only screen and (min-width: 499px)
{
    .spContentArwNxt
    {
        margin-right: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentArwNxt
    {
        margin-right: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentArwNxt
    {
        -webkit-transform: translate(0,0);
        transform: translate(0,0);
        right: 1.5vw
    }
}
.spContentSliderTxt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 120%;
    margin-left: -10%;
    position: relative;
    z-index: 3
}
@media only screen and (min-width: 499px)
{
    .spContentSliderTxt
    {
        margin-top: -28px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentSliderTxt
    {
        margin-top: -23px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderTxt
    {
        margin-top: -5.7805vw
    }
}
.spContentSliderEnTtl
{
    color: #aa8720;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
    font-family: 'Pinyon Script',cursive;
    padding-top: 12%;
    width: 22.5%
}
@media only screen and (min-width: 499px)
{
    .spContentSliderEnTtl
    {
        font-size: 57px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentSliderEnTtl
    {
        font-size: 47px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderEnTtl
    {
        font-size: 12.5vw
    }
}
.spContentSliderEnTtl span
{
    display: block;
    letter-spacing: 0
}
.spContentSliderEnTtl span.num
{
    text-align: right;
    letter-spacing: -.05em;
    line-height: .9
}
.spContentSliderEnTtl span.ttl
{
    text-align: right;
    font-size: 60%
}
.spContentSliderTxtInner
{
    background: #f6f6f0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 72.325%
}
@media only screen and (min-width: 499px)
{
    .spContentSliderTxtInner
    {
        padding: 14px 0 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentSliderTxtInner
    {
        padding: 12px 0 0 16px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderTxtInner
    {
        padding: 4.1666vw 0 0 4.1666vw
    }
}
.spContentSliderLead
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    white-space: nowrap;
    margin-bottom: .6em;
    letter-spacing: .1em;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .spContentSliderLead
    {
        font-size: 20px;
        line-height: 1.7
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentSliderLead
    {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderLead
    {
        font-size: 4.1666vw;
        line-height: 1.7
    }
}
@media only screen and (min-width: 499px)
{
    .spContentSliderComment
    {
        line-height: 1.7;
        letter-spacing: .057em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .spContentSliderComment
    {
        letter-spacing: 0
    }
}
@media only screen and (max-width: 500px)
{
    .spContentSliderComment
    {
        line-height: 1.666;
        letter-spacing: 0;
        font-size: 2.916666vw
    }
    .spContentSliderComment.small
    {
        letter-spacing: -.03em
    }
}
@media only screen and (min-width: 499px)
{
    .scsi1 .spContentSliderComment
    {
        width: 253px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .scsi1 .spContentSliderComment
    {
        width: 200px
    }
}
@media only screen and (max-width: 500px)
{
    .scsi1 .spContentSliderComment
    {
        width: 52.72222vw
    }
}
@media only screen and (min-width: 499px)
{
    .scsi2 .spContentSliderComment
    {
        width: 237px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .scsi2 .spContentSliderComment
    {
        width: 195px
    }
}
@media only screen and (max-width: 500px)
{
    .scsi2 .spContentSliderComment
    {
        width: 49.3888vw
    }
}
@media only screen and (min-width: 499px)
{
    .scsi3 .spContentSliderComment
    {
        width: 278px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .scsi3 .spContentSliderComment
    {
        width: 210px
    }
}
@media only screen and (max-width: 500px)
{
    .scsi3 .spContentSliderComment
    {
        width: 57.7222vw
    }
}
.frameDeco
{
    margin: 0 auto;
    background: #0f2846;
    border: 2px solid #aa8720
}
@media only screen and (min-width: 499px)
{
    .frameDeco
    {
        width: 980px;
        padding: 8px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDeco
    {
        width: 808px;
        padding: 6px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDeco
    {
        width: 88.8888vw;
        padding: 1.181944vw
    }
}
.frameDecoInner
{
    border: 1px solid rgba(170,135,32,.5)
}
@media only screen and (min-width: 499px)
{
    .frameDecoInner
    {
        padding: 60px 85px 55px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDecoInner
    {
        padding: 50px 65px 45px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoInner
    {
        padding: 11.2777vw 4.7222vw 7.8083vw 4.7222vw
    }
}
.frameDecoTxt
{
    -ms-flex: 0 1 auto;
    color: #fff;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .frameDecoTxt
    {
        width: 315px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDecoTxt
    {
        width: 265px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoTxt
    {
        width: 70.0638vw;
        margin: 0 auto 5.9722vw;
        text-align: center
    }
}
.frameDecoTtl
{
    position: relative;
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .frameDecoTtl
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 2em
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoTtl
    {
        margin-bottom: 1em
    }
}
.frameDecoTtl:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #aa8720
}
@media only screen and (max-width: 500px)
{
    .frameDecoTtl:after
    {
        width: 7.0833vw;
        margin: 1em auto 0;
        border-top: 1px dotted #aa8720
    }
}
.frameDecoTtl span
{
    color: #aa8720
}
@media only screen and (min-width: 499px)
{
    .frameDecoTtl span
    {
        display: inline-block;
        font-size: 16px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        padding-right: .8em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDecoTtl span
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoTtl span
    {
        font-size: 3.6111vw
    }
}
.frameDecoLead
{
    width: 100%;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .frameDecoLead
    {
        font-size: 20px;
        line-height: 1.7;
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDecoLead
    {
        font-size: 16px;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoLead
    {
        font-size: 4.1666vw;
        line-height: 1.666;
        margin-bottom: 3.4722vw;
        letter-spacing: 0
    }
}
.frameDecoComment
{
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .frameDecoComment
    {
        line-height: 1.714;
        letter-spacing: .05em
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoComment
    {
        line-height: 1.666;
        text-align: left;
        letter-spacing: .03em
    }
}
.frameDecoImg
{
    -ms-flex: 0 1 auto
}
@media only screen and (min-width: 499px)
{
    .frameDecoImg
    {
        width: 429px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .frameDecoImg
    {
        width: 359px
    }
}
@media only screen and (max-width: 500px)
{
    .frameDecoImg
    {
        width: 100%
    }
}
.mainvUnder2
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .mainvUnder2
    {
        height: 430px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder2
    {
        height: 355px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder2
    {
        height: 54.5833vw
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder2#mainvFair
    {
        background-image: url(assets/images/fair/mainv_fair_bg_pc.png)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder2#mainvFair
    {
        background-image: url(assets/images/fair/mainv_fair_bg_sp.png);
        text-align: center
    }
}
.mainvUnder2Inner
{
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .mainvUnder2Inner
    {
        width: 1240px;
        padding: 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder2Inner
    {
        width: 1024px;
        padding: 0 20px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder2Inner
    {
        width: 88.8888vw;
        padding: 0
    }
}
.manvUnder2Ttl
{
    color: #fff;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .manvUnder2Ttl
    {
        font-size: 75px;
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .manvUnder2Ttl
    {
        font-size: 62px;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .manvUnder2Ttl
    {
        font-size: 13.8888vw
    }
}
.manvUnder2Txt
{
    color: #fff;
    font-weight: bold
}
@media only screen and (min-width: 499px)
{
    .manvUnder2Txt
    {
        font-size: 20px;
        letter-spacing: .12em;
        line-height: 1.9
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .manvUnder2Txt
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder3
    {
        height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        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
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvUnder3
    {
        height: 247px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder3
    {
        position: relative
    }
}
@media only screen and (min-width: 499px)
{
    .mainvUnder3#mainvContact
    {
        background-image: url(assets/images/contact/mainv_contact_bg_pc.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder3#mainvContact .mainvUnder3Bg
    {
        background-image: url(assets/images/contact/mainv_contact_bg_sp.jpg)
    }
}
    @media only screen and (min-width: 499px)
    {
        .bg-reservation 
        {
            background-image: url(assets/images/contact/mainv_contact_bg2_pc.jpg) !important
        }
    }
    @media only screen and (max-width: 500px)
    {
        .bg-reservation
        {
            background-image: url(assets/images/contact/mainv_contact_bg2_sp.jpg) !important
        }
    }
    @media only screen and (min-width: 499px)
    {
        .bg-brochure 
        {
            background-image: url(assets/images/contact/mainv_contact_bg3_pc.jpg) !important
        }
    }
    @media only screen and (max-width: 500px)
    {
        .bg-brochure
        {
            background-image: url(assets/images/contact/mainv_contact_bg3_sp.jpg) !important
        }
    }
@media only screen and (min-width: 499px)
{
    .mainvUnder3#mainvInformation
    {
        background-image: url(assets/images/information/mainv_info_bg_pc.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvUnder3#mainvInformation .mainvUnder3Bg
    {
        background-image: url(assets/images/information/mainv_info_bg_sp.jpg)
    }
}
.mainvUnder3Bg
{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}
@media only screen and (max-width: 500px)
{
    .mainvUnder3Bg
    {
        width: 100%;
        height: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-top: 54.583333%
    }
}
.manvUnder3Ttl
{
    width: 100%;
    text-align: center;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .manvUnder3Ttl
    {
        font-size: 75px;
        min-width: 1024px;
        max-width: 1440px;
        text-align: center;
        color: #fff
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .manvUnder3Ttl
    {
        font-size: 61.875px;
        padding-left: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .manvUnder3Ttl
    {
        font-size: 10.41666vw;
        text-align: center;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
.under3
{
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .under3
    {
        width: 1120px;
        padding: 0 20px 130px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .under3
    {
        width: 1024px;
        padding: 0 20px 107px
    }
}
@media only screen and (max-width: 500px)
{
    .under3
    {
        width: 88.8888vw;
        padding: 0 0 11.1111vw
    }
}
.secUnder3Ttl
{
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .secUnder3Ttl
    {
        padding: 70px 0;
        font-size: 24px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secUnder3Ttl
    {
        padding: 56px 0;
        font-size: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .secUnder3Ttl
    {
        padding: 8.3333vw 0;
        font-size: 4.1666vw
    }
}
.secUnder3Content
{
    position: relative;
    border-top: 2px solid #afb4c3;
    border-bottom: 2px solid #afb4c3;
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .secUnder3Content
    {
        padding: 60px 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .secUnder3Content
    {
        padding: 50px 41px
    }
}
@media only screen and (max-width: 500px)
{
    .secUnder3Content
    {
        padding: 9.7222vw 6.25vw
    }
}
.secUnder3Content.borderTB
{
    border-left: none;
    border-top: 2px solid #afb4c3;
    border-bottom: 2px solid #afb4c3
}
.mainvWrap
{
    background: #fff;
    position: relative
}
#mainv
{
    position: relative;
    background: #fff
}
@media only screen and (max-width: 500px)
{
    #mainv
    {
        background: #f7f7f3
    }
}
@media only screen and (min-width: 499px)
{
    #mainv .slick-dots
    {
        width: 10px;
        left: 20px;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (max-width: 500px)
{
    #mainv .slick-dots
    {
        width: 2.5vw;
        left: 2vw;
        top: 50%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width: 499px)
{
    #mainv .slick-dots li
    {
        display: block;
        width: 9px;
        height: 9px;
        margin: 0 auto 15px
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    #mainv .slick-dots li
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    #mainv .slick-dots li:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    #mainv .slick-dots li
    {
        display: block;
        width: 2.5vw;
        height: 2.5vw;
        margin: 0 auto 3vw
    }
}
@media only screen and (min-width: 499px)
{
    #mainv .slick-dots li button
    {
        width: 9px;
        height: 9px
    }
}
@media only screen and (max-width: 500px)
{
    #mainv .slick-dots li button
    {
        width: 2.5vw;
        height: 2.5vw
    }
}
#mainv .slick-dots li button:before
{
    color: #fff;
    background: #fff;
    opacity: 1
}
@media only screen and (max-width: 500px)
{
    #mainv .slick-dots li button:before
    {
        width: 1.5vw;
        height: 1.5vw
    }
}
#mainv .slick-dots li.slick-active button:before
{
    background: #640028;
    border-color: #640028;
    opacity: 1
}
.mainvSlider
{
    overflow: hidden;
    width: 100%;
    background: #fff
}
.mainvSlider *
{
    outline: none
}
.mainvSlider *:focus
{
    outline: none
}
.mainvSlider figure
{
    width: 100%;
    position: relative
}
.mainvSlider figure figcaption
{
    position: absolute;
    left: 0;
    bottom: 0;
    background: -webkit-gradient(linear,left top,left bottom,from(rgba(40,47,55,0)),to(rgba(40,47,55,.8)));
    background: linear-gradient(rgba(40,47,55,0),rgba(40,47,55,.8));
    text-align: center;
    z-index: 8
}
@media only screen and (max-width: 500px)
{
    .mainvSlider figure figcaption
    {
        background: none;
        position: static
    }
}
.mainvSlider figure figcaption p
{
    color: #fff;
    letter-spacing: .1em;
    line-height: 1.58;
    text-shadow: #000 1px 1px 7px;
    text-align: left;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-weight: 500;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .mainvSlider figure figcaption p
    {
        font-size: 22px;
        padding: 50px 40px 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvSlider figure figcaption p
    {
        font-size: 18px;
        padding: 41px 33px 24px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvSlider figure figcaption p
    {
        font-size: 3.5vw;
        letter-spacing: .03em;
        padding: 6.9444vw 5.5555vw 4.1666vw
    }
}
.mainvTxt
{
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 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;
    background: #fff
}
.mainvTxt .maivCur .mainJp
{
    display: inline-block;
    line-height: 1.8;
    margin-top: 1em;
    letter-spacing: .2em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .mainvTxt .maivCur .mainJp
    {
        font-size: 18px;
        margin-top: 1em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvTxt .maivCur .mainJp
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvTxt .maivCur .mainJp
    {
        font-size: 3.375vw
    }
}
.maivCur
{
    margin-bottom: 20px;
    color: #0f2846;
    text-align: center;
    line-height: .8;
    letter-spacing: .08em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .maivCur
    {
        font-size: 38px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .maivCur
    {
        font-size: 31px
    }
}
@media only screen and (max-width: 500px)
{
    .maivCur
    {
        font-size: 8.0555vw
    }
}
.maivCur .small
{
    font-size: 65%;
    line-height: 1.7
}
.mainvComment
{
    z-index: 90
}
@media only screen and (min-width: 499px)
{
    .mainvComment
    {
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}
@media only screen and (max-width: 500px)
{
    .mainvComment
    {
        font-size: 6.9444vw;
        padding-top: 4.7vw;
        padding-bottom: 3.8vw
    }
}
.mainvComment .maivCur
{
    color: #303030
}
@media only screen and (min-width: 499px)
{
    .mainvComment .maivCur
    {
        text-shadow: 1px 1px .8rem #fff,1px -1px .8rem #fff,-1px 1px .8rem #fff,-1px -1px .8rem #fff;
        position: absolute;
        -webkit-transform: matrix3d(0,0,0);
        transform: matrix3d(0,0,0);
        top: 90px;
        left: 85px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvComment .maivCur
    {
        margin: 0 auto;
        font-size: 6.9444vw
    }
}
.mainvComment .maivCur .mainJp
{
    display: inline-block;
    line-height: 1.8;
    margin-top: 1em;
    letter-spacing: .2em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .mainvComment .maivCur .mainJp
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvComment .maivCur .mainJp
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .mainvComment .maivCur .mainJp
    {
        font-size: 3.3333vw
    }
}
.mainvTxtSpWrap
{
    text-align: center;
    padding-bottom: 3.5vw
}
.mainvTxtSp p
{
    font-size: 3.402777vw;
    letter-spacing: .03em;
    line-height: 1.6956;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: bold
}
@media only screen and (min-width: 499px)
{
    .mainvBtnWrap
    {
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 10010
    }
}
@media only screen and (max-width: 500px)
{
    .mainvBtnWrap
    {
        background: #f6f6f0
    }
}
.mainvBtn
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .mainvBtn
    {
        position: absolute;
        -webkit-transform: matrix3d(0,0,0);
        transform: matrix3d(0,0,0);
        bottom: 11px;
        right: 15px;
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .mainvBtn:hover
    {
        opacity: .7 !important
    }
    .mainvBtn img
    {
        width: 200px;
        height: auto
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mainvBtn img
    {
        width: 180px;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .mainvBtn img
    {
        width: 100%;
        height: auto
    }
}
#topics
{
    background: #fff;
    overflow-x: hidden
}
@media only screen and (min-width: 499px)
{
    #topics
    {
        padding: 70px 0
    }
}
@media only screen and (max-width: 500px)
{
    #topics
    {
        padding: 8.3333vw 0
    }
}
@media only screen and (min-width: 499px)
{
    #topics.fixed
    {
        padding-top: 192px
    }
}
@media only screen and (min-width: 499px)
{
    #topics .inner
    {
        padding: 0;
        max-width: 1048px
    }
}
.topicsPC
{
    position: relative
}
.topicsPC *
{
    outline: none
}
.topicsPC *:focus
{
    outline: none
}
.topicsPC .arwPrv, .topicsPC .arwNxt
{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 37px;
    height: 40px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    z-index: 20
}
@media only screen and (min-width: 499px)
{
    .topicsPC .arwPrv, .topicsPC .arwNxt
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topicsPC .arwPrv:hover, .topicsPC .arwNxt:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsPC .arwPrv, .topicsPC .arwNxt
    {
        width: 30px;
        height: 30px
    }
}
.topicsPC .arwPrv
{
    background-image: url(assets/images/common/arw_prv.svg);
    left: -77px
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsPC .arwPrv
    {
        left: -50px
    }
}
.topicsPC .arwNxt
{
    background-image: url(assets/images/common/arw_nxt.svg);
    right: -77px
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsPC .arwNxt
    {
        right: -50px
    }
}
.topicsPCList
{
    padding: 0 19px
}
@media only screen and (max-width: 500px)
{
    .topicsPCList
    {
        padding: 0;
        margin-bottom: 4vw
    }
}
.topicsPCList.hide
{
    display: none
}
.topicsPCList a
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .topicsPCList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topicsPCList a:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    .topicsPCList a
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.topicsPCListTh
{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topicsPCListTh
    {
        width: 100%;
        margin-bottom: 13px;
        padding-bottom: 71.428571%
    }
}
@media only screen and (max-width: 500px)
{
    .topicsPCListTh
    {
        width: 26.3888vw;
        padding-bottom: 26.3888vw
    }
}
.topicsPCListTh:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (max-width: 500px)
{
    .topicsPCContentWrap
    {
        width: 57.5vw
    }
}
.topicsPCListInfo
{
    margin-bottom: 10px;
    position: relative
}
@media only screen and (max-width: 500px)
{
    .topicsPCListInfo
    {
        margin-bottom: 4.1666vw
    }
}
.topicsCat
{
    color: #640028;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .02em
}
@media only screen and (min-width: 499px)
{
    .topicsCat
    {
        font-size: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsCat
    {
        font-size: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsCat
    {
        font-size: 5.5555vw
    }
}
.topicsCat.weekSat
{
    color: #0f2846
}
.topicsDateWrap
{
    position: absolute;
    z-index: 10;
    text-align: center;
    background-image: url(assets/images/common/info_date_normal.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    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
}
@media only screen and (min-width: 499px)
{
    .topicsDateWrap
    {
        right: 10px;
        top: -31px;
        width: 60px;
        height: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsDateWrap
    {
        right: 8px;
        top: -25px;
        width: 50px;
        height: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsDateWrap
    {
        right: 0;
        top: -3.3333vw;
        width: 12.7777vw;
        height: 12.7777vw
    }
}
.topicsDateWrap.weekSat
{
    background-image: url(assets/images/common/info_date_sat.png)
}
.topicsDateWrap.weekSun
{
    background-image: url(assets/images/common/info_date_sun.png)
}
.topicsDate
{
    -ms-flex: 0 1 auto;
    color: #fff;
    max-width: 100%;
    line-height: 1.3;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    padding-right: .2rem
}
@media only screen and (min-width: 499px)
{
    .topicsDate
    {
        font-size: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsDate
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsDate
    {
        font-size: 3.6111vw
    }
}
.topicsDate span
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .topicsDate span
    {
        font-size: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsDate span
    {
        font-size: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsDate span
    {
        font-size: 2.8vw
    }
}
@media only screen and (min-width: 499px)
{
    .topicsContent
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsContent
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsContent
    {
        font-size: 3.3vw
    }
}
.topicsTtl
{
    line-height: 1.8;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .topicsTtl
    {
        min-height: 4em;
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .topicsTtl
    {
        margin-bottom: 0;
        letter-spacing: -.04em
    }
}
.topicsTxt
{
    line-height: 1.8
}
@media only screen and (min-width: 499px)
{
    .topicsTxt
    {
        font-size: 12px;
        letter-spacing: -.01em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topicsTxt
    {
        font-size: 11px;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 500px)
{
    .topicsTxt
    {
        font-size: 3.3vw
    }
}
.topicsBtn .off
{
    display: none
}
.topicsBtn .topicsMore:after
{
    width: 2vw;
    height: 1vw;
    background-image: url(assets/images/common/arw_btn_topics.svg)
}
.topicsBtn .topicsClose:after
{
    width: 2.0833vw;
    height: 2.0833vw;
    background-image: url(assets/images/common/close.svg)
}
@media only screen and (min-width: 499px) {
  .bestrate {
    margin: 50px auto 0;
    text-align: center;
  }
  .bestrate img {
    width: 1010px;
  }
  .bestrate a {
  -webkit-transition: opacity 0.2s ease 0s;
      transition: opacity 0.2s ease 0s;}
  .bestrate a:hover {
    opacity: 0.7;
  }
}

@media only screen and (max-width: 500px) {
  .bestrate {
    margin: 30px 0 0;
    padding: 0 20px;
    width: 100%;
  }
}
#concept
{
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    #concept
    {
        padding-top: 54px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #concept
    {
        padding-top: 44px
    }
}
@media only screen and (max-width: 500px)
{
    #concept
    {
        padding-top: 4.15416666vw
    }
}
@media only screen and (max-width: 500px)
{
    #concept .inner1080
    {
        width: 100%;
        padding: 0
    }
}
#concept .conceptCon1
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1
    {
        padding-bottom: 160px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #concept .conceptCon1
    {
        padding-bottom: 132px
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1
    {
        padding-bottom: 33.693055vw
    }
}
#concept .conceptCon1 .conceptTxt
{
    background: #0f2846;
    position: relative;
    z-index: 7
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptTxt
    {
        width: 45.8333%;
        margin-left: auto;
        margin-right: -11.11%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #concept .conceptCon1 .conceptTxt
    {
        margin-right: -5%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptTxt
    {
        z-index: 10;
        width: 90.3vw;
        margin: -3.0444vw auto 0 0
    }
}
#concept .conceptCon1 .conceptTxt .conceptTxtInner
{
    padding: 10%
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptTxt .conceptTxtInner
    {
        padding: 10% 9%
    }
}
#concept .conceptCon1 .conceptTxt .conceptTxtInner *
{
    text-align: left
}
#concept .conceptCon1 .conceptTxt .conceptTxtInner .secTtl
{
    color: #aa8720;
    margin-bottom: 1.2em
}
#concept .conceptCon1 .conceptTxt .conceptTxtInner .blockTtl
{
    color: #fff
}
#concept .conceptCon1 .conceptTxt .conceptTxtInner .blockTxt
{
    color: #fff;
    width: 100%;
    padding: 0
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptTxt .conceptTxtInner .blockTxt
    {
        line-height: 1.818;
        font-size: 3.1vw
    }
}
#concept .conceptCon1 .conceptImg
{
    position: absolute;
    display: block;
    height: auto
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg
    {
        top: 0
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci1
    {
        width: 25.9259%;
        z-index: 5;
        padding-top: 3.82037%;
        left: -12.037037%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci1
    {
        position: relative;
        width: 33.3333vw;
        z-index: 10
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci2
    {
        width: 71.29629%;
        z-index: 3;
        padding-top: 8.75185%;
        left: 2.072222%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci2
    {
        position: relative;
        width: 91.69736vw;
        z-index: 5;
        margin: -14.6263vw 0 0 auto
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci3
    {
        width: 25.925925%;
        z-index: 5;
        padding-top: 55.263888%;
        left: 70.528703%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci3
    {
        bottom: 84.6277vw;
        right: 0;
        z-index: 12;
        width: 33.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci4
    {
        width: 19.44444444%;
        z-index: 5;
        padding-top: 78.118148%;
        left: -12.037037%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci4
    {
        bottom: 50.6944vw;
        left: 0;
        z-index: 5;
        width: 29.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci5
    {
        width: 33.33333333%;
        z-index: 5;
        padding-top: 67.007222%;
        left: 8.3925925%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci5
    {
        bottom: 54.861111vw;
        right: 19.970833vw;
        z-index: 15;
        width: 50vw
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci6
    {
        width: 33.33333333%;
        z-index: 5;
        padding-top: 82.06111%;
        left: 50.512037%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci6
    {
        bottom: 11.6480277vw;
        right: 36.9152777vw;
        z-index: 15;
        width: 50vw
    }
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptImg.ci7
    {
        width: 24.074074%;
        z-index: 5;
        padding-top: 78.632407%;
        left: 86.259259%;
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptImg.ci7
    {
        bottom: 24.6555vw;
        right: 0;
        z-index: 15;
        width: 36.1111vw
    }
}
#concept .conceptCon1 .conceptBgWrap
{
    position: relative;
    width: 100%
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptBgWrap
    {
        padding-bottom: 27.7777%;
        margin-top: -338px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #concept .conceptCon1 .conceptBgWrap
    {
        margin-top: -279px
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptBgWrap
    {
        margin-top: -71.6041666vw
    }
}
#concept .conceptCon1 .conceptBgWrap .conceptBg
{
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
#concept .conceptCon1 .conceptBgWrap .conceptBg.cb1
{
    background-image: url(assets/images/common/stone.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 2
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptBgWrap .conceptBg.cb1
    {
        width: 92.59259%;
        padding-bottom: 55.555555%;
        margin-left: auto;
        margin-right: 0;
        right: -16.6666%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptBgWrap .conceptBg.cb1
    {
        width: 90.2777vw;
        height: 90.2777vw;
        margin: 0 0 0 auto
    }
}
#concept .conceptCon1 .conceptBgWrap .conceptBg.cb2
{
    background: #fff;
    z-index: 1;
    position: absolute;
    bottom: 0;
    left: 0
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon1 .conceptBgWrap .conceptBg.cb2
    {
        width: 75.9259259%;
        padding-bottom: 44.444444%;
        margin-left: -16.66666%
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon1 .conceptBgWrap .conceptBg.cb2
    {
        width: 72.2222vw;
        height: 72.2222vw;
        position: relative;
        margin: -21.295833vw auto 0 0
    }
}
#concept .conceptCon2
{
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    #concept .conceptCon2
    {
        width: 1260px;
        padding: 0 30px 70px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #concept .conceptCon2
    {
        width: 984px;
        padding: 0 25px 58px
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon2
    {
        padding-bottom: 9.7222vw
    }
}
@media only screen and (max-width: 500px)
{
    #concept .conceptCon2 .spContentSliderItem
    {
        max-width: 87.8vw;
        padding: 0 6.25vw
    }
}
@media only screen and (min-width: 499px)
{
    .topSection.secBgWrap
    {
        padding-top: 54.166%
    }
}
@media only screen and (max-width: 500px)
{
    .topSection.secBgWrap
    {
        padding-top: 0
    }
}
@media only screen and (max-width: 500px)
{
    .topSection .secBg
    {
        padding-top: 63.8888%;
        background-attachment: scroll;
        width: 100%;
        height: 0 !important;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        position: static;
        display: block !important
    }
}
.tb .secBgWrap
{
    background-attachment: scroll !important;
    background-size: 100% auto !important;
    background-position: top center !important
}
.topSectionContentWrap
{
    position: relative;
    z-index: 1
}
@media only screen and (min-width: 499px)
{
    .topSectionContentWrap
    {
        padding-bottom: 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topSectionContentWrap
    {
        padding-bottom: 82px
    }
}
.topSectionContentWrap:before, .topSectionContentWrap:after
{
    content: " ";
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    left: 0
}
.topSectionContentWrap:before
{
    top: 0;
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    .topSectionContentWrap:before
    {
        height: 300px
    }
}
@media only screen and (max-width: 500px)
{
    .topSectionContentWrap:before
    {
        height: 67.06388vw
    }
}
.topSectionContentWrap:after
{
    bottom: 0;
    background-image: url(assets/images/common/stone.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
@media only screen and (min-width: 499px)
{
    .topSectionContentWrap:after
    {
        height: 212px
    }
}
@media only screen and (max-width: 500px)
{
    .topSectionContentWrap:after
    {
        height: 67.06388vw
    }
}
@media only screen and (min-width: 499px)
{
    .topSectionContent
    {
        top: -80px;
        margin-bottom: -80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topSectionContent
    {
        top: -60px;
        margin-bottom: -60px
    }
}
@media only screen and (max-width: 500px)
{
    .topSectionContent
    {
        top: -11.1111vw;
        margin-bottom: -11.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    .topSectionContent .secTtl
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topSectionContent .secTtl
    {
        margin-bottom: 40px
    }
}
@media only screen and (max-width: 500px)
{
    .topSectionContent .secTtl
    {
        margin-bottom: 8.3333vw
    }
}
.topSectionContent .secTtl:before
{
    content: " ";
    background-image: url(assets/images/common/emblem.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 1.53846rem;
    height: 1.53846rem;
    display: block;
    margin: 0 auto 2em
}
@media only screen and (max-width: 500px)
{
    .topSectionContent .secTtl:before
    {
        width: 2.7777vw;
        height: 2.7777vw;
        margin: 0 auto 1em
    }
}
@media only screen and (min-width: 499px)
{
    .topSectionContentInner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 80px auto 0;
        width: 980px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topSectionContentInner
    {
        margin: 66px auto 0;
        width: 808px
    }
}
@media only screen and (max-width: 500px)
{
    .topSectionContentInner
    {
        margin: 8.3333vw auto 0
    }
}
.topSectionContentInnerBlock
{
    position: relative;
    -ms-flex: 0 1 auto
}
@media only screen and (min-width: 499px)
{
    .topSectionContentInnerBlock
    {
        width: 50%
    }
}
.topSectionContentInnerBlock img
{
    position: relative;
    display: block
}
.topSectionContentInnerBlockTxtWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .topSectionContentInnerBlockTxtWrap
    {
        width: 50%
    }
}
.topSectionContentInnerBlockTxt
{
    -ms-flex: 0 1 auto
}
.topSectionContentInnerBlockImgWrap
{
    position: relative
}
@media only screen and (max-width: 500px)
{
    .topSectionContentInnerBlockImgWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 11vw
    }
    .topSectionContentInnerBlockImgWrap .spHalf
    {
        width: 49.6666%;
        height: auto
    }
}
@media only screen and (min-width: 499px)
{
    #topCeremony
    {
        background-image: url(assets/images/top/top_chapel_bg_pc.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center top
    }
}
@media only screen and (min-width: 499px)
{
    #topCeremony .topSectionContentWrap
    {
        padding-bottom: 133px
    }
}
@media only screen and (max-width: 500px)
{
    #topCeremony .blockName .en
    {
        font-size: 4.85vw
    }
}
@media only screen and (max-width: 500px)
{
    #topCeremony .blockName .jp
    {
        margin-left: 0;
        letter-spacing: -.05em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topCeremony .blockTxt
    {
        width: 317px
    }
}
@media only screen and (min-width: 499px)
{
    .topCeremonyImg2
    {
        width: 100%;
        height: auto
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topCeremonyImg2
    {
        margin-bottom: 77px;
        width: 100%;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .topCeremonyImg2
    {
        margin-bottom: .6944vw
    }
}
@media only screen and (min-width: 499px)
{
    .topCeremonyImg3
    {
        position: absolute !important;
        width: 280px;
        height: auto;
        bottom: 57px;
        right: -16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topCeremonyImg3
    {
        width: 231px;
        height: auto;
        bottom: 47px;
        right: -13px
    }
}
@media only screen and (min-width: 499px)
{
    .topCeremonyImg4
    {
        width: 241px;
        height: auto;
        left: 2px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topCeremonyImg4
    {
        width: 199px;
        height: auto;
        left: 0
    }
}
@media only screen and (max-width: 500px)
{
    .ceremonyBg
    {
        background-image: url(assets/images/top/top_chapel_bg_sp.jpg)
    }
}
#topGarden
{
    position: relative;
    z-index: 1
}
@media only screen and (min-width: 499px)
{
    #topGarden
    {
        padding-bottom: 80px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden
    {
        padding-bottom: 13.5555vw
    }
}
#topGarden:after
{
    content: " ";
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    #topGarden:after
    {
        height: 292px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden:after
    {
        height: 24.7222vw
    }
}
#topGarden .topGardenInner
{
    position: relative;
    z-index: 5
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner
    {
        width: 100%;
        padding-top: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenTop
    {
        width: 100%;
        margin-left: -50px;
        position: relative;
        padding-top: 90px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenTop
    {
        margin-left: 0;
        padding-top: 75px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt
    {
        display: inline-block;
        padding: 4.44444vw 4.44444vw 11.1111vw 4.44444vw;
        background: #fff;
        position: relative;
        z-index: 10
    }
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt *
    {
        text-align: left
    }
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt .blockTxt
    {
        padding: 0;
        width: 67vw
    }
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt .btn a
    {
        text-align: center;
        margin-left: 0;
        margin-top: 8.3333vw
    }
}
#topGarden .topGardenInner .topGardenTop .topGardenTopTxt .secTtl
{
    text-align: left
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt .secTtl
    {
        margin-bottom: 45px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopTxt .secTtl
    {
        margin-bottom: 37px
    }
}
#topGarden .topGardenInner .topGardenTop .topGardenTopTxt .secTtl .en
{
    color: #aa8720
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopImg
    {
        position: absolute;
        bottom: 0;
        right: -230px;
        width: 850px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopImg
    {
        right: -130px;
        width: 740px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenTop .topGardenTopImg
    {
        margin-top: -5.5555vw
    }
}
#topGarden .topGardenInner .topGardenTop .topGardenTopImg img
{
    width: 100%;
    height: auto;
    display: block
}
#topGarden .topGardenInner .topGardenBottom
{
    position: relative;
    z-index: 5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenBottom
    {
        margin-left: -23px;
        margin-top: 94px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenBottom
    {
        margin-top: 77px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenBottom
    {
        padding-top: 18.75vw;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
#topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt
{
    color: #0f2846;
    opacity: .6;
    position: absolute;
    top: 0;
    z-index: 6;
    line-height: 1.4;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt
    {
        font-size: 30px;
        right: -150px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt
    {
        font-size: 25px;
        right: 0
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt
    {
        font-size: 4.2222vw;
        right: 2.7777vw;
        top: 4.1666vw
    }
}
#topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt span
{
    display: inline-block
}
#topGarden .topGardenInner .topGardenBottom .topGardenBottomTxt span.txt2
{
    margin-left: 3em
}
#topGarden .topGardenInner .topGardenBottom img
{
    display: block;
    width: 100%;
    height: auto;
    padding: 15px;
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardernImg2
    {
        width: 41.6666%
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardernImg2
    {
        width: 62.5%
    }
}
@media only screen and (min-width: 499px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardernImg3
    {
        width: 24.07407%;
        margin-left: 39px;
        margin-left: 32px;
        padding-top: 110px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardernImg3
    {
        margin-left: 32px;
        padding-top: 91px
    }
}
@media only screen and (max-width: 500px)
{
    #topGarden .topGardenInner .topGardenBottom .topGardernImg3
    {
        width: 36.8%;
        padding-top: 13.6111vw
    }
}
@media only screen and (min-width: 499px)
{
    #topParty
    {
        background-image: url(assets/images/top/top_banquet_bg_pc.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center top
    }
}
#topParty .topSectionContentWrap:before
{
    content: none
}
#topParty .topSectionContentWrap .topSectionContent
{
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    .topPartyImg2
    {
        width: 100%;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .topPartyImg2
    {
        margin-bottom: .6944vw
    }
}
@media only screen and (max-width: 500px)
{
    .partyBg
    {
        background-image: url(assets/images/top/top_banquet_bg_sp.jpg)
    }
}
@media only screen and (min-width: 499px)
{
    #topDelicious
    {
        background-image: url(assets/images/top/top_cuisine_bg_pc.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center top
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    #topDelicious .topSectionContentInner
    {
        margin-top: 65px
    }
}
@media only screen and (min-width: 499px) and (min-width: 500px) and (max-width: 1366px)
{
    #topDelicious .topSectionContentInner
    {
        margin-top: 54px
    }
}
@media only screen and (min-width: 499px)
{
    #topDelicious .topSectionContentInnerBlockTxtWrap
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    #topDelicious .topSectionContentInnerBlockTxtWrap
    {
        width: 39.7959%
    }
}
@media only screen and (min-width: 499px)
{
    #topDelicious .topSectionContentInnerBlockImgWrap
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    #topDelicious .topSectionContentInnerBlockImgWrap
    {
        margin-top: 15px;
        width: 51.02%
    }
}
@media only screen and (min-width: 499px) and (min-width: 500px) and (max-width: 1366px)
{
    #topDelicious .topSectionContentInnerBlockImgWrap
    {
        margin-top: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topDelicious .topSectionContentInnerBlockTxtWrap
    {
        margin-right: 10px
    }
}
#topDelicious .topSectionContentWrap:before
{
    background-image: url(assets/images/common/stone.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
#topDelicious .topSectionContentWrap:after
{
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    .topCuisineImg2
    {
        width: 100%;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .topCuisineImg2
    {
        width: 100%;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .deliciousBg
    {
        background-image: url(assets/images/top/top_cuisine_bg_sp.jpg)
    }
}
#topCatchCopy
{
    background-position: center;
    text-align: center;
    -webkit-transform: matrix3d(0,0,0);
    transform: matrix3d(0,0,0);
    position: relative
}
@media only screen and (min-width: 499px)
{
    #topCatchCopy
    {
        background-image: url(assets/images/top/top_selection_bg_pc.png);
        background-size: cover
    }
}
@media only screen and (max-width: 500px)
{
    #topCatchCopy
    {
        background-image: url(assets/images/top/top_selection_bg_sp.jpg);
        background-size: cover
    }
}
@media only screen and (min-width: 499px)
{
    #topCatchCopy
    {
        height: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-bottom: 27.7777%
    }
}
@media only screen and (max-width: 500px)
{
    #topCatchCopy
    {
        height: 27.7777vw
    }
}
#topCatchCopy p
{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
    color: #fff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    #topCatchCopy p
    {
        font-size: 26px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topCatchCopy p
    {
        font-size: 26px
    }
}
@media only screen and (max-width: 500px)
{
    #topCatchCopy p
    {
        font-size: 4.1666vw
    }
}
#topHospitality
{
    background: #f6f6f0
}
@media only screen and (max-width: 500px)
{
    #topHospitality .secLead
    {
        font-size: 4.5vw;
        letter-spacing: .02em
    }
}
.topHosTop
{
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff
}
@media only screen and (min-width: 499px)
{
    .topHosTop
    {
        padding: 70px 0 216px;
        background-image: url(assets/images/top/top_hospitality_bg_pc.jpg)
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHosTop
    {
        padding: 60px 0 178px
    }
}
@media only screen and (max-width: 500px)
{
    .topHosTop
    {
        padding: 8.3333vw 0 12.5vw;
        background-image: url(assets/images/top/top_hospitality_bg_sp.jpg)
    }
}
@media only screen and (max-width: 500px)
{
    .topHosTop .secComment
    {
        letter-spacing: 0;
        font-size: 3.0555vw;
        margin-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .topHosMid
    {
        margin-top: -165px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHosMid
    {
        margin-top: -136px
    }
}
@media only screen and (max-width: 500px)
{
    .topHosMid
    {
        margin-top: -5.69444vw
    }
}
@media only screen and (min-width: 499px)
{
    .topHospitalityListWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityListWrap
    {
        margin-bottom: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListWrap
    {
        margin-bottom: 13.8888vw
    }
}
@media only screen and (min-width: 499px)
{
    .topHospitalityList
    {
        width: 47.959184%
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityList
    {
        width: 88.8888vw;
        margin: 0 auto 5.5555vw
    }
    .topHospitalityList:last-child
    {
        margin-bottom: 0
    }
}
.topHospitalityListContent
{
    background: #0f2846
}
@media only screen and (min-width: 499px)
{
    .topHospitalityListContent
    {
        padding: 30px 40px 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityListContent
    {
        padding: 24.75px 33px 41px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListContent
    {
        padding: 7.7777vw 4.8611vw 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .topHospitalityListContent h3
    {
        margin-bottom: 33px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityListContent h3
    {
        margin-bottom: 27px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListContent h3
    {
        margin-bottom: 6.9444vw
    }
}
.topHospitalityListContent h3 span
{
    display: block;
    text-align: center
}
.topHospitalityListContent h3 .en
{
    color: #aa8720;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .topHospitalityListContent h3 .en
    {
        font-size: 50px;
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityListContent h3 .en
    {
        font-size: 41px;
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListContent h3 .en
    {
        font-size: 9.7222vw;
        margin-bottom: 1.8055vw
    }
}
.topHospitalityListContent h3 .jp
{
    font-weight: 500;
    letter-spacing: .12em;
    color: #fff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topHospitalityListContent h3 .jp
    {
        font-size: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityListContent h3 .jp
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListContent h3 .jp
    {
        font-size: 3.3333vw
    }
}
.topHospitalityListContent p
{
    line-height: 1.71;
    color: #fff
}
@media only screen and (max-width: 500px)
{
    .topHospitalityListContent p
    {
        font-size: 3vw
    }
}
@media only screen and (min-width: 499px)
{
    .topHosBottom
    {
        background-image: url(assets/images/top/top_hospitality_stone_pc.jpg);
        background-size: contain;
        background-position: center bottom;
        background-repeat: no-repeat;
        padding-bottom: 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHosBottom
    {
        padding-bottom: 82px
    }
}
@media only screen and (max-width: 500px)
{
    .topHosBottom
    {
        background: #f6f6f0;
        padding-bottom: 9.72222vw
    }
}
#topProduse
{
    text-align: center
}
#topProduse>p
{
    line-break: strict;
    font-weight: 400;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    #topProduse>p
    {
        font-size: 16px;
        line-height: 2.06;
        letter-spacing: .12em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topProduse>p
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    #topProduse>p
    {
        font-size: 3.5vw;
        line-height: 1.69;
        letter-spacing: -.01em
    }
}
@media only screen and (min-width: 499px)
{
    .topProduseLogo
    {
        margin-bottom: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topProduseLogo
    {
        margin-bottom: 28.875px
    }
}
@media only screen and (max-width: 500px)
{
    .topProduseLogo
    {
        margin-bottom: 5.5555vw
    }
}
.topProduseLogo p
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topProduseLogo p
    {
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topProduseLogo p
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topProduseLogo p
    {
        margin-bottom: 1.3888vw
    }
}
.topProduseLogo p span
{
    position: relative;
    color: #aa8720;
    display: inline-block;
    z-index: 5;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topProduseLogo p span
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topProduseLogo p span
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topProduseLogo p span
    {
        font-size: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .topProduseLogo img
    {
        width: 290px;
        height: auto
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topProduseLogo img
    {
        width: 239px;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .topProduseLogo img
    {
        width: 58.8888vw;
        height: auto
    }
}
@media only screen and (min-width: 499px)
{
    .topHospitalityImg
    {
        margin-top: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topHospitalityImg
    {
        margin-top: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .topHospitalityImg
    {
        margin-top: 14.5833vw
    }
}
@media only screen and (min-width: 499px)
{
    #topBeauty
    {
        background-image: url(assets/images/top/top_dress_bg_pc.jpg);
        background-attachment: fixed;
        background-size: cover;
        background-position: center top
    }
}
@media only screen and (min-width: 499px)
{
    #topBeauty .topSectionContentWrap
    {
        background-image: url(assets/images/common/stone.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
}
@media only screen and (max-width: 500px)
{
    #topBeauty .topSectionContentWrap
    {
        padding-bottom: 20vw
    }
}
@media only screen and (min-width: 499px)
{
    #topBeauty .topSectionContentWrap:before
    {
        content: none
    }
}
@media only screen and (max-width: 500px)
{
    #topBeauty .topSectionContentWrap:before
    {
        background-image: url(assets/images/common/stone.jpg);
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat
    }
}
#topBeauty .topSectionContentWrap:after
{
    content: none
}
#topBeauty .topSectionContentWrap .topSectionContent
{
    position: relative;
    z-index: 5
}
#topBeauty .topSectionContent
{
    padding: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative
}
@media only screen and (min-width: 499px)
{
    #topBeauty .topSectionContent
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        top: -80px;
        width: 1234px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topBeauty .topSectionContent
    {
        top: -60px;
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    #topBeauty .topSectionContent
    {
        width: 94.4444vw;
        max-width: none;
        top: -5.555vw
    }
}
.topDressBox
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topDressBox
    {
        width: 50%
    }
}
.topDressLeft
{
    text-align: center;
    color: #fff;
    background: #0f2846
}
@media only screen and (min-width: 499px)
{
    .topDressLeft
    {
        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
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeft
    {
        padding: 8.3333vw 0 11.1111vw
    }
}
.topDressLeft .secTtl
{
    color: #aa8720
}
@media only screen and (min-width: 499px)
{
    .topDressLeft .secTtl
    {
        margin-bottom: 55px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topDressLeft .secTtl
    {
        margin-bottom: 45px
    }
}
.topDressLeft .secTtl:before
{
    content: none
}
@media only screen and (min-width: 499px)
{
    .topDressLeft p
    {
        letter-spacing: .12em;
        font-size: 20px;
        line-height: 2
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topDressLeft p
    {
        font-size: 16.5px
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeft p
    {
        letter-spacing: .1em;
        font-size: 3.7vw;
        line-height: 1.6666
    }
}
.topDressLeft .btn a
{
    color: #0f2846;
    letter-spacing: .08em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topDressLeft .btn a
    {
        font-size: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topDressLeft .btn a
    {
        font-size: 16.5px
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeft .btn a
    {
        margin-top: 7.6388vw
    }
}
@media only screen and (min-width: 499px)
{
    .topDressLeft .btn a:after
    {
        background-image: url(assets/images/common/arw_btn_b.svg)
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeft .btn a:after
    {
        background-image: url(assets/images/common/arw_btn_b_sp.svg)
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeftInner
    {
        margin: 0 auto;
        width: 88.8888vw
    }
}
.topDressLeftInner p
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topDressLeftInner p
    {
        letter-spacing: .12em;
        font-size: 16px;
        line-height: 1.625
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topDressLeftInner p
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topDressLeftInner p
    {
        letter-spacing: .1em;
        font-size: 3.7vw;
        line-height: 1.6666
    }
}
@media only screen and (min-width: 499px)
{
    .dressLogo
    {
        width: 180px;
        height: auto;
        margin-bottom: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .dressLogo
    {
        width: 148.5px;
        height: auto;
        margin-bottom: 29px
    }
}
@media only screen and (max-width: 500px)
{
    .dressLogo
    {
        width: 39.6786vw;
        height: auto;
        margin-bottom: 8.3333vw
    }
}
.txtDress
{
    position: absolute;
    z-index: 10
}
@media only screen and (min-width: 499px)
{
    .txtDress
    {
        width: 376.6px;
        height: auto;
        right: 24px;
        bottom: -53px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .txtDress
    {
        width: 310.695px;
        height: auto;
        right: 19.8px;
        bottom: -43.725px
    }
}
@media only screen and (max-width: 500px)
{
    .txtDress
    {
        width: 69.4444vw;
        height: auto;
        right: 4.1666vw;
        bottom: -10.4166vw
    }
}
.topDressRight
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topDressRight
    {
        width: 50%
    }
}
.topDressRight .wd
{
    position: absolute
}
@media only screen and (min-width: 499px)
{
    .topDressRight .wd
    {
        width: 477px;
        height: auto;
        right: -50px;
        bottom: -56px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topDressRight .wd
    {
        width: 393px;
        height: auto;
        right: -41px;
        bottom: -46px
    }
}
@media only screen and (max-width: 500px)
{
    .topDressRight .wd
    {
        width: 68.4722vw;
        height: auto;
        right: -3.4722vw;
        bottom: -9.4444vw
    }
}
@media only screen and (max-width: 500px)
{
    .beautyBg
    {
        background-image: url(assets/images/top/top_dress_bg_sp.jpg)
    }
}
#topFair
{
    background: #f6f6f0
}
@media only screen and (max-width: 500px)
{
    #topFair
    {
        padding-top: 8.3333vw;
        padding-bottom: 16.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    #topFair .btn
    {
        margin-top: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topFair .btn
    {
        margin-top: 66px
    }
}
@media only screen and (max-width: 500px)
{
    #topFair .btn
    {
        margin-top: 8.3333vw
    }
}
#topFair .toFairListBtn
{
    margin-top: 0
}
@media only screen and (max-width: 500px)
{
    #topFair .toFairListBtn
    {
        margin-top: 7.9166vw
    }
    #topFair .toFairListBtn a
    {
        margin-top: 0
    }
}
@media only screen and (min-width: 499px)
{
    .topFairContent
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (max-width: 500px)
{
    .topFairContent
    {
        margin-bottom: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .topFairContentBox
    {
        width: 47.55102%
    }
}
.topFairCalendar
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .topFairCalendar
    {
        padding: 8px;
        margin-bottom: 24px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendar
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendar
    {
        padding: 1.3888vw;
        margin-bottom: 6.9444vw
    }
}
.topFairCalendarInner
{
    border: 1px dotted #303030;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarInner
    {
        padding: 34px 28px 28px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarInner
    {
        padding: 28px 23px 23px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarInner
    {
        padding: 4.8611vw 4.4444vw 3.8888vw
    }
}
.topFairCalendarTable
{
    width: 100%
}
.topFairCalendarTable caption
{
    text-align: center;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable caption
    {
        margin: 0 auto 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable caption
    {
        margin: 0 auto 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable caption
    {
        margin: 0 auto 4.3vw
    }
}
.topFairCalendarTable caption:before, .topFairCalendarTable caption:after
{
    content: " ";
    display: block;
    background-image: url(assets/images/common/recommend_ttl_left.svg);
    background-position: center;
    background-size: contain;
    position: absolute
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable caption:before, .topFairCalendarTable caption:after
    {
        width: 37px;
        height: 53px;
        top: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable caption:before, .topFairCalendarTable caption:after
    {
        width: 30px;
        height: 44px;
        top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable caption:before, .topFairCalendarTable caption:after
    {
        width: 6.2083vw;
        height: 8.854vw;
        top: 2.7777vw
    }
}
.topFairCalendarTable caption:before
{
    left: 50%;
    -webkit-transform: translateX(-220%);
    transform: translateX(-220%)
}
.topFairCalendarTable caption:after
{
    right: 50%;
    -webkit-transform: translateX(220%) scale(-1,1);
    transform: translateX(220%) scale(-1,1)
}
.topFairCalendarTable caption span
{
    display: block
}
.topFairCalendarTable caption .monthNum
{
    margin: 0 auto;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable caption .monthNum
    {
        font-size: 55px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable caption .monthNum
    {
        font-size: 45px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable caption .monthNum
    {
        font-size: 10.5361vw
    }
}
.topFairCalendarTable caption .monthEn
{
    letter-spacing: .03em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable caption .monthEn
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable caption .monthEn
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable caption .monthEn
    {
        font-size: 2.6819vw
    }
}
.topFairCalendarTable th
{
    text-align: center;
    width: 14.2857143%;
    font-weight: normal;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable th
    {
        padding: 8px;
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable th
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable th
    {
        padding: 1vw;
        font-size: 2.7777vw
    }
}
.topFairCalendarTable th.week6
{
    color: #3c8080
}
.topFairCalendarTable th.week7
{
    color: #640028
}
.topFairCalendarTable td
{
    text-align: center;
    width: 14.2857143%;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable td
    {
        padding: 8px;
        font-size: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairCalendarTable td
    {
        padding: 8px;
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairCalendarTable td
    {
        padding: 1.8055vw;
        font-size: 3.3333vw
    }
}
.topFairCalendarTable td.week6
{
    color: #3c8080
}
.topFairCalendarTable td.week7
{
    color: #640028
}
.topFairCalendarTable td a
{
    text-decoration: underline
}
@media only screen and (min-width: 499px)
{
    .topFairCalendarTable td a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topFairCalendarTable td a:hover
    {
        opacity: .7
    }
}
.topFairArxPrv, .topFairArxNxt
{
    position: absolute;
    z-index: 20
}
@media only screen and (min-width: 499px)
{
    .topFairArxPrv, .topFairArxNxt
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topFairArxPrv:hover, .topFairArxNxt:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .topFairArxPrv, .topFairArxNxt
    {
        top: 65px;
        width: 22px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairArxPrv, .topFairArxNxt
    {
        top: 60px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairArxPrv, .topFairArxNxt
    {
        top: 6.5833vw;
        width: 9.4722vw;
        padding: 3vw;
        cursor: pointer
    }
}
.topFairArxPrv img, .topFairArxNxt img
{
    width: 100%;
    height: auto
}
@media only screen and (min-width: 499px)
{
    .topFairArxPrv
    {
        left: 10%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairArxPrv
    {
        left: 12%
    }
}
@media only screen and (min-width: 499px)
{
    .topFairArxNxt
    {
        right: 10%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairArxNxt
    {
        right: 12%
    }
}
.topFairBtnArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .topFairBtnArea
    {
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairBtnArea
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairBtnArea
    {
        margin-bottom: 6.9444vw
    }
}
.topFairBtnArea li
{
    width: 48.206278%;
    -ms-flex: 0 1 auto
}
.topFairBtn
{
    display: block;
    background: #0f2846;
    color: #fff;
    font-weight: bold;
    width: 100%;
    text-align: center;
    -ms-flex: 0 1 auto;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topFairBtn
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topFairBtn:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .topFairBtn
    {
        padding: 18px;
        letter-spacing: .08em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairBtn
    {
        padding: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairBtn
    {
        padding: 2.7777vw 2vw;
        letter-spacing: .03em;
        font-size: 3.33vw
    }
}
@media only screen and (max-width: 500px)
{
    .topFairContactInfo
    {
        margin-bottom: 6.25vw
    }
}
.topFairContactInfo dl
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairContactInfo dl
    {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
}
.topFairContactInfo dt
{
    font-weight: bold;
    border: 1px solid #303030;
    padding: .7em .7em;
    text-align: center;
    letter-spacing: .02em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topFairContactInfo dt
    {
        font-size: 13px;
        line-height: 1.76923077
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairContactInfo dt
    {
        font-size: 11px;
        margin-right: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairContactInfo dt
    {
        line-height: 1.55;
        width: 30%;
        font-size: 2.7vw;
        padding: 1.2em .2em
    }
}
@media only screen and (max-width: 500px)
{
    .topFairContactInfo dd
    {
        width: 64%
    }
}
@media only screen and (min-width: 499px)
{
    #topFair .topFairContactInfoBtn
    {
        margin-top: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topFair .topFairContactInfoBtn
    {
        margin-top: 60px
    }
}
@media only screen and (max-width: 500px)
{
    #topFair .topFairContactInfoBtn
    {
        margin-top: 8.3333vw
    }
    #topFair .topFairContactInfoBtn a
    {
        margin-top: 0
    }
}
.topFairTel
{
    margin-bottom: 10px;
    letter-spacing: .1em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topFairTel a
    {
        cursor: default;
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairTel a
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairTel a
    {
        font-size: 3.4722vw
    }
}
@media only screen and (min-width: 499px)
{
    .topFairTel a span
    {
        font-size: 28px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairTel a span
    {
        font-size: 23px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairTel a span
    {
        font-size: 5vw
    }
}
@media only screen and (min-width: 499px)
{
    .topFairOpen
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairOpen
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairOpen
    {
        line-height: 1.5;
        font-size: 2.7vw
    }
}
.topFairInfo.overFlowY
{
    overflow-y: auto
}
@media only screen and (min-width: 499px)
{
    .topFairInfoList
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoList
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoList
    {
        margin-bottom: 1.3888vw
    }
}
.topFairInfoList a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (min-width: 499px)
{
    .topFairInfoList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topFairInfoList a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .topFairInfoTh
    {
        width: 39.270386%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoTh
    {
        width: 39.21875%
    }
}
.topFairInfoTh figure
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    display: block;
    position: relative
}
.topFairInfoTh figure:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
.topFairInfoContent
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .topFairInfoContent
    {
        width: 60.729614%;
        padding: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoContent
    {
        padding: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoContent
    {
        width: 60.78125%;
        padding: 4.3vw 3.75vw
    }
}
.topFairInfoContentTop
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .topFairInfoContentTop
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoContentTop
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoContentTop
    {
        margin-bottom: 3vw
    }
}
.topFairInfoContentTop.weekSat .topFairInfoDate
{
    color: #0f2846
}
.topFairInfoContentTop.weekSun .topFairInfoDate
{
    color: #640028
}
.topFairInfoDate
{
    letter-spacing: .08em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .topFairInfoDate
    {
        font-size: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoDate
    {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoDate
    {
        font-size: 3.4333vw
    }
}
.topFairInfoDate span
{
    display: inline-block;
    vertical-align: middle;
    padding-bottom: .2em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topFairInfoDate span
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoDate span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoDate span
    {
        font-size: 2.670833vw
    }
}
.topFairInfoBtn
{
    color: #aa8720;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topFairInfoBtn
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoBtn
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoBtn
    {
        font-size: 3.051388vw
    }
}
.topFairInfoBtn:after
{
    content: "　";
    display: inline-block;
    background-image: url(assets/images/common/arw_btn_g.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: .3em;
    padding-top: .1em
}
@media only screen and (min-width: 499px)
{
    .topFairInfoBtn:after
    {
        width: 17px;
        height: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoBtn:after
    {
        width: 14px;
        height: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoBtn:after
    {
        width: 3.2vw;
        height: 3.2vw
    }
}
.topFairInfoContentTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topFairInfoContentTtl
    {
        font-size: 13px;
        line-height: 1.84615385
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoContentTtl
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoContentTtl
    {
        font-size: 2.479166vw;
        line-height: 1.6666;
        margin-bottom: .3em
    }
}
.topFairInfoContentComment
{
    line-height: 1.84615385
}
@media only screen and (min-width: 499px)
{
    .topFairInfoContentComment
    {
        font-size: 12px;
        margin-top: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairInfoContentComment
    {
        font-size: 11.5px;
        margin-top: 3px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairInfoContentComment
    {
        font-size: 2.25vw
    }
}
.topFairEvent
{
    position: relative;
    -webkit-box-shadow: 3px 3px 0 0 rgba(60,80,100,.2);
    box-shadow: 3px 3px 0 0 rgba(60,80,100,.2);
    background-image: url(assets/images/common/bg_blue_noise.jpg);
    background-size: 200px 200px
}
@media only screen and (min-width: 499px)
{
    .topFairEvent
    {
        padding: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEvent
    {
        padding: 13px;
        margin-top: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEvent
    {
        padding: 6.9444vw;
        margin-top: 8.3333vw;
        background-image: url(assets/images/common/bg_blue_noise_sp.jpg);
        background-size: 100px 100px
    }
}
.topFairEvent:before, .topFairEvent:after
{
    content: "　";
    position: absolute;
    z-index: 10;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain
}
@media only screen and (min-width: 499px)
{
    .topFairEvent:before, .topFairEvent:after
    {
        width: 77px;
        height: 77px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEvent:before, .topFairEvent:after
    {
        width: 66px;
        height: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEvent:before, .topFairEvent:after
    {
        width: 10.6944vw;
        height: 10.6944vw
    }
}
.topFairEvent:before
{
    background-image: url(assets/images/common/corner_left.svg)
}
@media only screen and (min-width: 499px)
{
    .topFairEvent:before
    {
        bottom: -15px;
        left: -15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEvent:before
    {
        bottom: -12px;
        left: -12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEvent:before
    {
        bottom: -2.0833vw;
        left: -2.0833vw
    }
}
.topFairEvent:after
{
    background-image: url(assets/images/common/corner_right.svg)
}
@media only screen and (min-width: 499px)
{
    .topFairEvent:after
    {
        top: -15px;
        right: -15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEvent:after
    {
        top: -12px;
        right: -12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEvent:after
    {
        top: -2.0833vw;
        right: -2.0833vw
    }
}
@media only screen and (min-width: 499px)
{
    .topFairEventImg
    {
        width: 43%
    }
}
.topFairEventContent
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .topFairEventContent
    {
        width: 57%;
        padding: 25px 35px 25px 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEventContent
    {
        padding: 21px 29px 21px 29px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEventContent
    {
        padding: 4.1666vw 0 0;
        text-align: left
    }
}
@media only screen and (min-width: 499px)
{
    .topFairEventContent h3
    {
        width: 433px;
        margin: 0 auto 20px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEventContent h3
    {
        width: 72.2222vw;
        margin: 0 auto 4.1666vw
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEventContent .secLead
    {
        font-size: 18px;
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEventContent .secLead
    {
        line-height: 1.6666;
        font-size: 3.6vw
    }
}
.topFairEventContent .topFairEventComment
{
    line-break: strict
}
@media only screen and (min-width: 499px)
{
    .topFairEventContent .topFairEventComment
    {
        font-size: 14px;
        line-height: 1.75
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairEventContent .topFairEventComment
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairEventContent .topFairEventComment
    {
        font-size: 3.2vw;
        line-height: 1.6666;
        letter-spacing: -.03em
    }
}
@media only screen and (min-width: 499px)
{
    .topFairSp
    {
        margin-top: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairSp
    {
        margin-top: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSp
    {
        margin-top: 8.3333vw
    }
}
.topFairSpLead
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topFairSpLead
    {
        letter-spacing: .12em;
        font-size: 18px;
        margin-bottom: 12px;
        line-height: 1.2
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairSpLead
    {
        font-size: 15px;
        margin-bottom: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpLead
    {
        font-size: 3.3333vw;
        margin-bottom: 5vw;
        line-height: 1.5
    }
}
.topFairSpLead .red
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .topFairSpLead .red
    {
        font-size: 100%;
        margin: 0 .1em
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpLead .red
    {
        font-size: 100%
    }
    .topFairSpLead .red:first-child
    {
        margin-top: 0
    }
    .topFairSpLead .red:last-child
    {
        margin-bottom: 0
    }
}
.topFairSpLead .red span
{
    font-size: 166.6666%
}
@media only screen and (min-width: 499px)
{
    .topFairSpLead .small
    {
        font-size: 60%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpLead .small
    {
        font-size: 3.3333vw
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpLead .smallSp
    {
        font-size: 4.1666vw
    }
}
.topFairSpComment
{
    margin-bottom: .5em
}
@media only screen and (min-width: 499px)
{
    .topFairSpComment
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairSpComment
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpComment
    {
        font-size: 3.0555vw;
        line-height: 1.4
    }
}
.topFairSpComment:last-of-type
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .topFairSpTable
    {
        width: 100%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpTable
    {
        width: 100%;
        text-align: left
    }
}
.topFairSpTable th, .topFairSpTable td
{
    text-align: left;
    vertical-align: top;
    padding: 0 0 .3em;
    font-weight: normal
}
@media only screen and (min-width: 499px)
{
    .topFairSpTable th, .topFairSpTable td
    {
        font-size: 13px;
        line-height: 1.69
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFairSpTable th, .topFairSpTable td
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpTable th, .topFairSpTable td
    {
        font-size: 3.05vw;
        line-height: 1.69
    }
}
@media only screen and (min-width: 499px)
{
    .topFairSpTable th
    {
        width: 13%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpTable th
    {
        width: 30%
    }
}
@media only screen and (max-width: 500px)
{
    .topFairSpTable td.pbNonSP
    {
        padding-bottom: 0
    }
}
.topFairSpTable tr:last-child th, .topFairSpTable tr:last-child td
{
    padding-bottom: 0
}
#topInfo
{
    background: #fff
}
@media only screen and (max-width: 500px)
{
    #topInfo
    {
        padding-top: 11.1111vw;
        padding-bottom: 9.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    #topInfo .btn
    {
        margin-top: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topInfo .btn
    {
        margin-top: 50px
    }
}
@media only screen and (max-width: 500px)
{
    #topInfo .btn
    {
        margin-top: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .topInfoListWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (min-width: 499px)
{
    .topInfoList
    {
        width: 47.96%;
        margin: 40px 4.08% 0 0
    }
    .topInfoList:nth-child(2n)
    {
        margin: 40px 0 0 0
    }
    .topInfoList:nth-child(1)
    {
        margin: 0 4.08% 0 0
    }
    .topInfoList:nth-child(2)
    {
        margin: 0 0 0 0
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoList
    {
        margin-bottom: 5.5555vw
    }
    .topInfoList:last-child
    {
        margin-bottom: 0
    }
}
.topInfoList a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .topInfoList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topInfoList a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .topInfoTh
    {
        width: 38.3%
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoTh
    {
        width: 29.9%
    }
}
.topInfoTh figure
{
    display: block;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .topInfoTh figure
    {
        padding-bottom: 66.6666%
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoTh figure
    {
        padding-bottom: 100%
    }
}
@media only screen and (min-width: 499px)
{
    .topInfoContent
    {
        width: 55.32%;
        padding-top: 7px
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoContent
    {
        width: 65.6%;
        padding-top: 1.3888vw
    }
}
.infoNewBadge
{
    position: absolute;
    z-index: 10
}
@media only screen and (min-width: 499px)
{
    .infoNewBadge
    {
        width: 55px;
        height: auto;
        top: -10px;
        left: -7px
    }
}
@media only screen and (max-width: 500px)
{
    .infoNewBadge
    {
        width: 11.0916vw;
        height: auto;
        top: -2.7777vw;
        left: -1.2888vw
    }
}
.topInfoContentTop
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .topInfoContentTop
    {
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoContentTop
    {
        margin-bottom: 2vw
    }
}
.topInfoDate
{
    padding-right: 1em;
    border-right: 1px solid #303030;
    letter-spacing: .08em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .topInfoDate
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topInfoDate
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoDate
    {
        font-size: 3.1944vw
    }
}
@media only screen and (min-width: 499px)
{
    .topInfoDate span
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topInfoDate span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoDate span
    {
        font-size: 3vw
    }
}
.topInfoCat
{
    padding-left: 1.4em;
    letter-spacing: .08em;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topInfoCat
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topInfoCat
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .topInfoCat
    {
        font-size: 3.1944vw
    }
}
@media only screen and (min-width: 499px)
{
    .topContentDiscription
    {
        line-height: 1.714
    }
}
@media only screen and (max-width: 500px)
{
    .topContentDiscription
    {
        line-height: 1.6666
    }
}
.topContentReadMore
{
    position: absolute;
    right: 0;
    letter-spacing: .05em;
    color: #aa8720;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .topContentReadMore
    {
        bottom: .5em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topContentReadMore
    {
        bottom: .5em
    }
}
@media only screen and (max-width: 500px)
{
    .topContentReadMore
    {
        bottom: 0
    }
}
.topContentReadMore:after
{
    content: "　";
    display: inline-block;
    background-image: url(assets/images/common/arw_btn_g.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: .4em
}
@media only screen and (min-width: 499px)
{
    .topContentReadMore:after
    {
        width: 17px;
        height: 14px
    }
    .topIntroduction {
        margin-top: 50px;
        text-align: center;
    }
    .topIntroduction img {
        width: 720px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topContentReadMore:after
    {
        width: 14px;
        height: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .topContentReadMore:after
    {
        width: 3.2vw;
        height: 3.333vw
    }
    .topIntroduction {
      margin-top: 30px;
    }
}
.topImage2
{
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-size: cover;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .topImage2
    {
        background-image: url(assets/images/top/top_img2_pc.jpg);
        background-attachment: fixed;
        padding-bottom: 43.055%
    }
}
@media only screen and (max-width: 500px)
{
    .topImage2
    {
        background-image: url(assets/images/top/top_img2_sp.jpg);
        padding-bottom: 41.666%
    }
}
.tb .topImage2
{
    background-attachment: scroll
}
@media only screen and (max-width: 500px)
{
    #mainvWeddingStage .manvUnderLead
    {
        font-size: 3.88888vw
    }
}
#chapelArea .underSectionInnerFirst .secDecoContentInner, #banquetArea .underSectionInnerFirst .secDecoContentInner
{
    padding-bottom: 3.57rem
}
@media only screen and (max-width: 500px)
{
    #chapelArea .underSectionInnerFirst .secDecoContentInner, #banquetArea .underSectionInnerFirst .secDecoContentInner
    {
        padding-bottom: 6.9444vw
    }
    #chapelArea .underSectionInnerFirst .secDecoContentInner .secLead, #banquetArea .underSectionInnerFirst .secDecoContentInner .secLead
    {
        letter-spacing: 0;
        white-space: nowrap
    }
}
@media only screen and (min-width: 499px)
{
    #chapelArea .underSectionInnerFirst .secDecoContentInner .secComment.mb3sp, #banquetArea .underSectionInnerFirst .secDecoContentInner .secComment.mb3sp
    {
        margin-bottom: 0
    }
}
.facilityContent dl
{
    border-top: 1px solid #afb4c3 !important;
    border-bottom: 1px solid #afb4c3 !important
}
@media only screen and (max-width: 500px)
{
    .facilityContent dl
    {
        padding-left: 9.72222vw !important;
        padding-right: 9.7222vw !important
    }
}
@media only screen and (min-width: 499px)
{
    .facilityContent
    {
        margin-bottom: 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityContent
    {
        margin-bottom: 82px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityContent
    {
        margin-bottom: 8.3333vw;
        padding-left: 0;
        padding-right: 0;
        border-top: 0 !important
    }
    .facilityContent dl:last-child
    {
        padding: 0
    }
}
@media only screen and (min-width: 499px)
{
    .facilityContent.facilityContentBanquet dd
    {
        padding-top: 17px;
        padding-bottom: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityContent.facilityContentBanquet dd
    {
        padding-top: 14px;
        padding-bottom: 14px
    }
}
.facilityContent dd
{
    border-color: #afb4c3
}
.facilityTable
{
    width: 100%
}
.facilityTable th
{
    font-weight: normal
}
@media only screen and (min-width: 499px)
{
    .facilityTable th
    {
        width: 43%;
        letter-spacing: .16em
    }
}
@media only screen and (max-width: 500px)
{
    .facilityTable th
    {
        width: 40%
    }
}
.facilityTable th span
{
    display: inline-block;
    font-size: 87%;
    margin-right: .2em
}
.facilityTable td
{
    text-align: left
}
@media only screen and (min-width: 499px)
{
    .facilityTable td
    {
        width: 57%
    }
}
@media only screen and (max-width: 500px)
{
    .facilityTable td
    {
        width: 60%
    }
}
@media only screen and (min-width: 499px)
{
    .facilityTable th, .facilityTable td
    {
        padding: 0 0 10px;
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityTable th, .facilityTable td
    {
        padding: 0 0 8px;
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityTable th, .facilityTable td
    {
        padding: 0 0 2.0833vw;
        font-size: 2.7777vw
    }
}
.facilityTable tr:last-child th, .facilityTable tr:last-child td
{
    padding: 0
}
.facilityPoint
{
    color: #aa8720;
    letter-spacing: .08em;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .facilityPoint
    {
        font-size: 20px;
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityPoint
    {
        font-size: 16px;
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityPoint
    {
        font-size: 4.2857vw;
        margin-bottom: 3.75vw
    }
}
@media only screen and (min-width: 499px)
{
    .facilityList
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (max-width: 500px)
{
    .facilityList
    {
        text-align: left
    }
}
@media only screen and (min-width: 499px)
{
    .facilityList li
    {
        line-height: 1.69;
        margin-right: 2%;
        font-size: 13px
    }
    .facilityList li:nth-child(3n-2)
    {
        width: 28%
    }
    .facilityList li:nth-child(3n-1)
    {
        width: 37%
    }
    .facilityList li:nth-child(3n)
    {
        width: 28%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityList li
    {
        font-size: 11px;
        width: 45%
    }
}
@media only screen and (max-width: 500px)
{
    .facilityList li
    {
        font-size: 2.7777vw;
        display: inline-block;
        line-height: 1.8
    }
}
.facilityList.facilityListBanquet li
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .facilityList.facilityListBanquet li
    {
        margin-right: 5%;
        width: auto
    }
    .facilityList.facilityListBanquet li:nth-child(2n)
    {
        margin-right: 5%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityList.facilityListBanquet li
    {
        width: auto
    }
}
.underSecMinvBg
{
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .underSecMinvBg
    {
        padding-bottom: 45.8333%;
        background-attachment: fixed
    }
}
@media only screen and (max-width: 500px)
{
    .underSecMinvBg
    {
        padding-bottom: 72.5%
    }
}
.tb .underSecMinvBg
{
    background-attachment: scroll
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider
    {
        width: 100vw;
        position: relative;
        left: -8.0515625vw
    }
}
.facilityWs .spContentSlider .spContentSliderItem
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentSliderItem
    {
        width: 31.9387%
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentSliderItem
    {
        background: #f6f6f0;
        padding: 14.4444vw 6.94444vw 6.9444vw;
        width: 87.8vw;
        max-width: 87.8vw;
        margin: 0 .8vw
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderItemInner
    {
        position: relative
    }
}
.facilityWs .spContentSlider .spContentSliderItem .spContentSliderEnTtl
{
    position: absolute;
    z-index: 5;
    bottom: 100%;
    left: 0;
    -webkit-transform: rotate(-9deg) translate(-.3em,.4em);
    transform: rotate(-9deg) translate(-.3em,.4em)
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderEnTtl
    {
        font-size: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderEnTtl
    {
        font-size: 29px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderEnTtl
    {
        font-size: 10.416666vw
    }
}
.facilityWs .spContentSlider .spContentSliderItem .spContentSliderLead
{
    text-align: center;
    margin-top: .9em;
    letter-spacing: .05em
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderLead
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderLead
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderLead
    {
        font-size: 4.1666vw
    }
}
.facilityWs .spContentSlider .spContentSliderItem .spContentSliderComment
{
    margin-top: 1.2em;
    letter-spacing: 0
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderComment
    {
        padding: 0 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderComment
    {
        padding: 0 13px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentSliderItem .spContentSliderComment
    {
        padding: 0
    }
}
.facilityWs .spContentSlider .spContentArwPrv, .facilityWs .spContentSlider .spContentArwNxt
{
    position: absolute;
    top: 50%;
    z-index: 60;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    content: " "
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentArwPrv, .facilityWs .spContentSlider .spContentArwNxt
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .facilityWs .spContentSlider .spContentArwPrv:hover, .facilityWs .spContentSlider .spContentArwNxt:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentArwPrv, .facilityWs .spContentSlider .spContentArwNxt
    {
        width: 8.0555vw;
        height: 2.3958vw;
        top: 0;
        -webkit-transform: translate(0,0) !important;
        transform: translate(0,0) !important;
        margin-top: 31.8055vw
    }
}
.facilityWs .spContentSlider .spContentArwPrv
{
    background-image: url(assets/images/common/uss_arw_prv.svg);
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentArwPrv
    {
        margin-left: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityWs .spContentSlider .spContentArwPrv
    {
        margin-left: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentArwPrv
    {
        left: 2.6388vw
    }
}
.facilityWs .spContentSlider .spContentArwNxt
{
    background-image: url(assets/images/common/uss_arw_nxt.svg);
    right: 50%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}
@media only screen and (min-width: 499px)
{
    .facilityWs .spContentSlider .spContentArwNxt
    {
        margin-right: -540px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityWs .spContentSlider .spContentArwNxt
    {
        margin-right: -470px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityWs .spContentSlider .spContentArwNxt
    {
        right: 2.6388vw
    }
}
@media only screen and (max-width: 500px)
{
    #chapelArea
    {
        padding-bottom: 0
    }
    #chapelArea .underSectionInnerLast
    {
        padding-bottom: 0
    }
    #chapelArea .underSectionInnerLast .secDecoContentInner
    {
        margin-bottom: 0;
        padding-bottom: 11.1111vw
    }
}
#garden
{
    background: #fff;
    position: relative
}
@media only screen and (min-width: 499px)
{
    #garden
    {
        padding: 130px 0 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #garden
    {
        padding: 107px 0 0
    }
}
@media only screen and (max-width: 500px)
{
    #garden
    {
        padding: 24.7222vw 0 0
    }
}
#garden:before, #garden:after
{
    content: " ";
    position: absolute;
    left: 0;
    z-index: 2;
    width: 100%
}
#garden:before
{
    top: 0;
    background-image: url(assets/images/common/stone.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat
}
@media only screen and (min-width: 499px)
{
    #garden:before
    {
        height: 132px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #garden:before
    {
        height: 109px
    }
}
@media only screen and (max-width: 500px)
{
    #garden:before
    {
        height: 11.25vw
    }
}
#garden:after
{
    bottom: 0;
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    #garden:after
    {
        height: 292px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #garden:after
    {
        height: 241px
    }
}
@media only screen and (max-width: 500px)
{
    #garden:after
    {
        height: 20.8333vw
    }
}
.gardenInner
{
    position: relative;
    z-index: 5
}
.gardenInnersec1
{
    margin: 0 auto;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .gardenInnersec1
    {
        width: 100%;
        max-width: 1240px;
        min-width: 1024px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenInnersec1
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenInnersec1
    {
        width: 88.8888vw
    }
}
.gardenMainv
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .gardenMainv
    {
        width: 850px;
        margin-top: -50px;
        margin-left: -100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenMainv
    {
        width: 701px;
        margin-top: -41px;
        margin-left: -82px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenMainv
    {
        width: 94.44444vw;
        margin-left: -5.5555vw;
        margin-bottom: 8vw
    }
}
@media only screen and (min-width: 499px)
{
    .gardenContent
    {
        position: absolute;
        width: 415px;
        top: 219px;
        right: -20px;
        text-align: left
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenContent
    {
        width: 380px;
        top: 180px;
        right: -30px
    }
}
@media only screen and (min-width: 499px)
{
    .gardenContent .secTtl
    {
        text-align: left;
        margin-bottom: 1.5rem
    }
}
@media only screen and (max-width: 500px)
{
    .gardenContent .secTtl
    {
        margin-bottom: 1rem
    }
}
.gardenContent .secTtl .en
{
    color: #aa8720
}
@media only screen and (min-width: 499px)
{
    .gardenContent .secLead
    {
        text-align: left;
        letter-spacing: 0;
        font-size: 20px;
        margin-bottom: 1.5rem
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenContent .secLead
    {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenContent .secLead
    {
        letter-spacing: -.02em;
        font-size: 4.3vw;
        margin-bottom: 1rem
    }
    .gardenContent .secLead .small
    {
        letter-spacing: -.04em
    }
}
@media only screen and (min-width: 499px)
{
    .gardenContent .secComment
    {
        text-align: left;
        padding-right: 75px;
        margin-bottom: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenContent .secComment
    {
        padding-right: 62px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenContent .secComment
    {
        text-align: justify;
        line-break: strict;
        letter-spacing: .07em;
        margin-bottom: 2.5rem
    }
}
.gardenInnersec2
{
    position: relative;
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .gardenInnersec2
    {
        margin-top: 100px;
        padding-bottom: 184px;
        width: 100%;
        max-width: 1240px;
        min-width: 1024px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenInnersec2
    {
        margin-top: 82px;
        padding-bottom: 152px;
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenInnersec2
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-bottom: 58.75vw;
        width: 88.8888vw
    }
}
.gardenImg2
{
    position: absolute;
    z-index: 6
}
@media only screen and (min-width: 499px)
{
    .gardenImg2
    {
        width: 300px;
        height: auto;
        top: 0;
        left: 0px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenImg2
    {
        width: 215px;
        height: auto;
        top: 33px;
        left: 24px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenImg2
    {
        width: 37.152777vw;
        height: auto;
        top: 62.5555vw;
        left: 20px;
    }
}
.gardenImg3
{
    position: absolute;
    z-index: 7
}
@media only screen and (min-width: 499px)
{
    .gardenImg3
    {
        width: 260px;
        height: auto;
        top: 160px;
        left: 340px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenImg3
    {
        width: 215px;
        height: auto;
        top: 132px;
        left: 230px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenImg3
    {
        width: 31.152777vw;
        height: auto;
        top: 73.970833vw;
        left: 52.861111vw;
    }
}
.gardenImg4
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .gardenImg4
    {
        width: 680px;
        height: auto;
        margin-left: auto;
        margin-right: -100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .gardenImg4
    {
        width: 561px;
        height: auto;
        margin-right: -82px
    }
}
@media only screen and (max-width: 500px)
{
    .gardenImg4
    {
        width: 86.1111vw;
        height: auto;
        margin-left: auto;
        margin-right: -5.5555vw
    }
}
.banquetWrap
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .banquetMainv
    {
        background-image: url(assets/images/wedding_stage/banquet_bg_pc.jpg);
        background-size: cover;
        background-attachment: fixed;
        height: 600px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .banquetMainv
    {
        height: 495px
    }
}
@media only screen and (max-width: 500px)
{
    .banquetMainv
    {
        background-image: url(assets/images/wedding_stage/banquet_bg_sp.jpg);
        height: 72.5vw;
        background-size: cover
    }
}
.tb .banquetMainv
{
    background-attachment: scroll
}
@media only screen and (min-width: 499px)
{
    #banquetArea
    {
        padding-bottom: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #banquetArea
    {
        padding-bottom: 66px
    }
}
@media only screen and (max-width: 500px)
{
    #banquetArea
    {
        padding-bottom: 11.25vw
    }
}
@media only screen and (max-width: 500px)
{
    #banquetArea .secLead
    {
        letter-spacing: -.06em;
        font-size: 4.35vw
    }
}
@media only screen and (max-width: 500px)
{
    #banquetArea .secComment
    {
        font-size: 3.1vw;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 500px)
{
    #banquetArea .underSectionInnerFirst
    {
        margin-top: 0;
        margin-bottom: -5.5555vw;
        position: relative;
        top: -5.5555vw
    }
}
#banquetArea .underSectionInner.underSectionInnerLast
{
    margin-bottom: 0
}
@media only screen and (max-width: 500px)
{
    #banquetArea .spContentSliderItem
    {
        background: #fff
    }
}
.facilityWrap
{
    background: #f6f6f0
}
#facility
{
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top
}
@media only screen and (min-width: 499px)
{
    #facility
    {
        background-image: url(assets/images/wedding_stage/facility_bg_pc.jpg);
        padding-bottom: 190px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #facility
    {
        padding-bottom: 157px
    }
}
@media only screen and (max-width: 500px)
{
    #facility
    {
        background-image: url(assets/images/wedding_stage/facility_bg_sp.jpg);
        padding-bottom: 10.8333vw
    }
}
@media only screen and (max-width: 500px)
{
    #facility .secLead
    {
        letter-spacing: 0
    }
}
#facility .secComment
{
    margin-bottom: 0
}
@media only screen and (max-width: 500px)
{
    #facility .secComment
    {
        font-size: 3.05vw;
        text-align: left;
        letter-spacing: -.01em
    }
}
@media only screen and (min-width: 499px)
{
    .facilityTop
    {
        padding-top: 125px;
        padding-bottom: 135px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilityTop
    {
        padding-top: 103px;
        padding-bottom: 111px
    }
}
@media only screen and (max-width: 500px)
{
    .facilityTop
    {
        padding-top: 13.8888vw;
        padding-bottom: 10.4166vw
    }
}
.facilitySliderWrap
{
    position: relative
}
@media only screen and (max-width: 500px)
{
    .facilitySliderWrap
    {
        width: 83vw;
        margin: 0 auto
    }
}
.facilitySliderImg
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .facilitySliderImg
    {
        width: 1210px;
        left: -230px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderImg
    {
        width: 998px;
        left: -190px;
        padding-bottom: 30px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderImg
    {
        vertical-align: bottom;
        margin-bottom: -2px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderImgItem
    {
        color: #fff;
        position: relative;
        padding-top: 2vw
    }
    .facilitySliderImgItem img
    {
        display: block;
        vertical-align: bottom
    }
}
@media only screen and (min-width: 499px)
{
    .facilitySliderTxtWrap
    {
        position: absolute;
        width: 640px;
        top: 386px;
        right: -230px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderTxtWrap
    {
        width: 528px;
        top: 318px;
        right: -100px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderTxtWrap
    {
        position: relative
    }
}
.facilitySliderTxt
{
    position: relative
}
@media only screen and (max-width: 500px)
{
    .facilitySliderTxt *
    {
        overflow: auto !important
    }
}
.facilitySliderTxtItem
{
    position: relative;
    background: rgba(15,40,70,.9);
    text-align: left;
    color: #fff
}
@media only screen and (min-width: 499px)
{
    .facilitySliderTxtItem
    {
        padding: 90px 156px 60px;
        margin-top: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderTxtItem
    {
        padding: 74px 120px 49px;
        margin-top: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderTxtItem
    {
        padding: 6.9444vw 9vw;
        background: #0f2846
    }
}
.facilitySliderRibbon
{
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    position: absolute;
    z-index: 300
}
@media only screen and (min-width: 499px)
{
    .facilitySliderRibbon
    {
        top: -10px;
        left: 30px;
        width: 103px;
        height: 130px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderRibbon
    {
        top: -8px;
        left: 25px;
        width: 85px;
        height: 107px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon
    {
        top: 0;
        left: 1.41527777vw;
        width: 23.8602777vw;
        height: 23.26847222vw
    }
}
.facilitySliderRibbon.facilitySliderRibbon1
{
    background-image: url(assets/images/wedding_stage/icn_facility1_pc.svg)
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon.facilitySliderRibbon1
    {
        background-image: url(assets/images/wedding_stage/icn_facility1_sp.svg)
    }
}
.facilitySliderRibbon.facilitySliderRibbon2
{
    background-image: url(assets/images/wedding_stage/icn_facility2_pc.svg)
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon.facilitySliderRibbon2
    {
        background-image: url(assets/images/wedding_stage/icn_facility2_sp.svg)
    }
}
.facilitySliderRibbon.facilitySliderRibbon3
{
    background-image: url(assets/images/wedding_stage/icn_facility3_pc.svg)
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon.facilitySliderRibbon3
    {
        background-image: url(assets/images/wedding_stage/icn_facility3_sp.svg)
    }
}
.facilitySliderRibbon.facilitySliderRibbon4
{
    background-image: url(assets/images/wedding_stage/icn_facility4_pc.svg)
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon.facilitySliderRibbon4
    {
        background-image: url(assets/images/wedding_stage/icn_facility4_sp.svg)
    }
}
.facilitySliderRibbon.facilitySliderRibbon5
{
    background-image: url(assets/images/wedding_stage/icn_facility5_pc.svg)
}
@media only screen and (max-width: 500px)
{
    .facilitySliderRibbon.facilitySliderRibbon5
    {
        background-image: url(assets/images/wedding_stage/icn_facility5_sp.svg)
    }
}
.facilitySliderTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .facilitySliderTtl
    {
        font-size: 17px;
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderTtl
    {
        font-size: 14px;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderTtl
    {
        font-size: 3.0555vw;
        margin-bottom: 1.3888vw
    }
}
.facilitySliderLead
{
    text-align: left;
    line-height: 1.833
}
@media only screen and (min-width: 499px)
{
    .facilitySliderLead
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .facilitySliderLead
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .facilitySliderLead
    {
        margin-bottom: 1.3888vw
    }
}
.facilitySliderComment
{
    text-align: left;
    letter-spacing: 0
}
@media only screen and (min-width: 499px)
{
    .facilitySliderComment.small
    {
        letter-spacing: -.03em
    }
}
.arwPrvW, .arwNxtW
{
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    z-index: 20
}
@media only screen and (min-width: 499px)
{
    .arwPrvW, .arwNxtW
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .arwPrvW:hover, .arwNxtW:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .arwPrvW, .arwNxtW
    {
        background-position: center;
        top: 50%;
        -webkit-transform: translate(0,-50%);
        transform: translate(0,-50%);
        width: 38px;
        height: 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .arwPrvW, .arwNxtW
    {
        width: 35px;
        height: 35px
    }
}
@media only screen and (max-width: 500px)
{
    .arwPrvW, .arwNxtW
    {
        width: 10.8333vw;
        height: 9.7222vw;
        bottom: 100%;
        background: #303030;
        text-align: center;
        color: #fff;
        padding-top: 1vw
    }
    .arwPrvW:before, .arwNxtW:before
    {
        content: " ";
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 6.25vw;
        height: 1.8958vw
    }
    .arwPrvW:after, .arwNxtW:after
    {
        font-family: trajan-pro-3,serif;
        font-weight: 400;
        font-style: normal;
        display: inline-block;
        font-size: 2.2222vw
    }
}
@media only screen and (min-width: 499px)
{
    .arwPrvW
    {
        background-image: url(assets/images/common/arw_prv_w.svg);
        left: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .arwPrvW
    {
        left: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .arwPrvW
    {
        right: 10.8333vw
    }
    .arwPrvW:before
    {
        background-image: url(assets/images/common/arw_prv_w.svg)
    }
    .arwPrvW:after
    {
        content: "BACK"
    }
}
@media only screen and (min-width: 499px)
{
    .arwNxtW
    {
        background-image: url(assets/images/common/arw_nxt_w.svg);
        right: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .arwNxtW
    {
        right: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .arwNxtW
    {
        right: 0
    }
    .arwNxtW:before
    {
        background-image: url(assets/images/common/arw_nxt_w.svg)
    }
    .arwNxtW:after
    {
        content: "NEXT"
    }
}
@media only screen and (max-width: 500px)
{
    #cuisinePage .manvUnderComment
    {
        letter-spacing: -.01em
    }
}
#cuisine .underSectionInnerFirst .secDecoContentInner
{
    padding-bottom: 3.57rem
}
@media only screen and (max-width: 500px)
{
    #cuisine .underSectionInnerFirst .secDecoContentInner
    {
        padding-bottom: 6.9444vw
    }
}
#cuisine .underSectionInnerFirst .secDecoContentInner .secTtl
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureArea .underSectionContent
    {
        padding-top: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureArea .underSectionContent
    {
        padding-top: 25px
    }
    .cuisineFeatureArea .underSectionContent .inner
    {
        width: 808px;
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureArea .underSectionContent
    {
        padding-top: 1.5vw
    }
    .cuisineFeatureArea .underSectionContent .inner
    {
        width: 100%
    }
}
.cuisineFeature
{
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .cuisineFeature
    {
        margin-bottom: 63px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeature
    {
        margin-bottom: 52px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature
    {
        margin-bottom: 10.8333vw;
        width: 88.2vw;
        margin-left: -2.1515625vw
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineFeature:nth-child(2n-1) .cuisineFeatureImg
    {
        margin-top: 2.5em
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(2n-1)
    {
        -webkit-transform: translateX(5.7vw);
        transform: translateX(5.7vw)
    }
    .cuisineFeature:nth-child(2n-1) .cuisineFeatureTxtWap
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
    .cuisineFeature:nth-child(2n-1) .cuisineFeatureImg
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1.8em
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineFeature:nth-child(2n) .cuisineFeatureTxtWap
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1em
    }
    .cuisineFeature:nth-child(2n) .cuisineFeatureImg
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(2n)
    {
        -webkit-transform: translateX(-5.7vw);
        transform: translateX(-5.7vw)
    }
    .cuisineFeature:nth-child(2n) .cuisineFeatureTxtWap
    {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 1em
    }
    .cuisineFeature:nth-child(2n) .cuisineFeatureTxtWap .secLead
    {
        margin-left: auto;
        width: 43.2555vw
    }
    .cuisineFeature:nth-child(2n) .cuisineFeatureTxtWap .secComment
    {
        margin-left: auto
    }
    .cuisineFeature:nth-child(2n) .cuisineFeatureImg
    {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureTxtWap
    {
        width: 390px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureTxtWap
    {
        width: 322px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureTxtWap
    {
        margin: 0 auto;
        width: 47.91666vw
    }
}
.cuisineFeatureTxtWap .secLead
{
    text-align: left
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureTxtWap .secLead
    {
        font-size: 22px;
        letter-spacing: .05em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureTxtWap .secLead
    {
        font-size: 18px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureTxtWap .secLead
    {
        -ms-flex: 0 1 auto;
        font-size: 3.6111vw;
        line-height: 1.923;
        letter-spacing: 0
    }
}
.cuisineFeatureTxtWap .secComment
{
    text-align: left
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureTxtWap .secComment
    {
        width: 302px;
        margin-bottom: 2em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureTxtWap .secComment
    {
        width: 250px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureTxtWap .secComment
    {
        line-height: 1.8181;
        font-size: 3.0555vw;
        letter-spacing: -.05em;
        width: 43.2555vw
    }
}
.cuisineFeatureHead span
{
    display: block;
    color: #aa8720;
    -webkit-transform: rotate(-7deg) translateX(1.7em);
    transform: rotate(-7deg) translateX(1.7em);
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureHead span
    {
        font-size: 75px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureHead span
    {
        font-size: 62px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureHead span
    {
        font-size: 10.41666vw
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(1) .cuisineFeatureHead span
    {
        -webkit-transform: rotate(-7deg) translateX(.6em);
        transform: rotate(-7deg) translateX(.6em)
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(2) .cuisineFeatureHead span
    {
        -webkit-transform: rotate(-7deg) translateX(1em);
        transform: rotate(-7deg) translateX(1em)
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(3) .cuisineFeatureTxtWap
    {
        margin-left: -.5vw
    }
}
.cuisineFeature:nth-child(3) .cuisineFeatureHead span
{
    -webkit-transform: rotate(-7deg) translateX(2.7em);
    transform: rotate(-7deg) translateX(2.7em)
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(3) .cuisineFeatureHead span
    {
        -webkit-transform: rotate(-7deg) translateX(1.2em);
        transform: rotate(-7deg) translateX(1.2em)
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineFeature:nth-child(4)
    {
        margin-bottom: 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeature:nth-child(4)
    {
        margin-bottom: 82.5px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(4)
    {
        margin-bottom: 9.3vw
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(4) .secLead
    {
        width: 120% !important;
        margin-left: 4.6625vw !important
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(4) .secComment
    {
        width: 45vw;
        margin-left: 4.6625vw !important
    }
}
.cuisineFeature:nth-child(4) .cuisineFeatureHead span
{
    -webkit-transform: rotate(-7deg) translateX(3em);
    transform: rotate(-7deg) translateX(3em)
}
@media only screen and (max-width: 500px)
{
    .cuisineFeature:nth-child(4) .cuisineFeatureHead span
    {
        -webkit-transform: rotate(-7deg) translateX(2.4em);
        transform: rotate(-7deg) translateX(2.4em)
    }
}
.cuisineFeatureImg
{
    position: relative
}
.cuisineFeatureImg img
{
    position: relative;
    z-index: 20
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureImg img
    {
        -webkit-box-shadow: .5rem .5rem 0 rgba(15,40,70,.1);
        box-shadow: .5rem .5rem 0 rgba(15,40,70,.1)
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineFeatureImg
    {
        width: 542px
    }
    .cuisineFeatureImg:after
    {
        content: " ";
        position: absolute;
        display: block;
        width: 100%;
        height: 0;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
        padding-bottom: 56.273%;
        z-index: 10;
        top: 8px;
        left: 8px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineFeatureImg
    {
        width: 447px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineFeatureImg
    {
        width: 38.75vw;
        -ms-flex-negative: 0;
        flex-shrink: 0
    }
}
@media only screen and (min-width: 499px)
{
    .cuisineKodawari
    {
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .cuisineKodawari
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .cuisineKodawari
    {
        width: 100%;
        margin: 0 0 4.1666vw
    }
    .cuisineKodawari .frameDecoImg
    {
        margin-bottom: 6.25vw
    }
    .cuisineKodawari .frameDecoTxt
    {
        margin-bottom: 0;
        padding: 0 .5em
    }
}
.cuisineKodawari .frameDecoImg
{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
.cuisineKodawari .frameDecoTxt
{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
#sweets
{
    width: 100%;
    margin: 0 auto;
    background: #fff
    
}
@media only screen and (min-width: 499px)
{
    #sweets
    {
        min-width: 1024px;
        padding-bottom: 100px;
    }
}
@media only screen and (min-width: 499px)
{
    .sweetsFlex
    {
        margin-top: 1px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (min-width: 499px)
{
    .sweetsFlexImg
    {
        width: 20.69%;
        margin: 30px;
    }
}
.sweetsFlexContent
{
    margin-bottom: 50px;
}
.sweetsFlexContent .secTtl .en
{
    color: #aa8720
}
@media only screen and (max-width: 500px)
{
    .sweetsFlexContent .secLead
    {
        letter-spacing: -.05em
    }
}
.sweetsFlexContent .secComment
{
    margin-bottom: 0
}
@media only screen and (max-width: 500px)
{
    .sweetsFlexContent .secComment
    {
        text-align: left;
        padding: 0 .8em;
        letter-spacing: -.04em
    }
}
.sweetsFlexContentWrap
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .sweetsFlexContentWrap
    {
        padding: 5px;
        margin-bottom: 2px
    }
}
@media only screen and (max-width: 500px)
{
    .sweetsFlexContentWrap
    {
        padding: 1.3888vw
    }
}
.sweetsImageFlex
{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
@media only screen and (max-width: 500px)
{
    .sweetsImageFlex
{
    gap: 10px;
}
}

@media only screen and (max-width: 500px)
{
    .spW30  {
        width: 30%;
    }
}
   

.flexImageRight {
    position: relative;
    top: 130px;

}
@media only screen and (max-width: 500px)
{
    .flexImageRight {
        position: relative;
        top: 90px;
    
    }
}
@media only screen and (min-width: 499px)
{
    .sweetsFlexContentWrap
    {
        padding: 5px;
        margin-bottom: 2px
    }
}
@media only screen and (max-width: 500px)
{
    .sweetsFlexContentWrap
    {
        padding: 1.3888vw
    }
}
.sweetsFlexContentWrap2
{
    /* border: 1px solid #aa8720 */
}
@media only screen and (min-width: 499px)
{
    .sweetsFlexContentWrap2
    {
        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
    }
}
@media only screen and (max-width: 500px)
{
    .sweetsFlexContentWrap2
    {
        padding: 11.1111vw 6.5vw
    }
}
@media only screen and (min-width: 499px)
{
    #access .secDecoContentInner
    {
        padding-bottom: 45px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #access .secDecoContentInner
    {
        padding-bottom: 37px
    }
}
@media only screen and (max-width: 500px)
{
    #access .secDecoContentInner
    {
        padding-bottom: 6.6666vw
    }
}
#access .secTtl
{
    margin-bottom: 0
}
.accessMap
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .accessMap
    {
        background-position: center top;
        background-repeat: no-repeat;
        background-size: contain;
        background-image: url(assets/images/access/access_map_pc.jpg);
        width: 980px;
        height: 842px;
        margin: -10px auto 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessMap
    {
        width: 808px;
        height: 695px
    }
}
.accessMapSpContent
{
    margin-bottom: 9.9027vw
}
.accessMapSpContent:last-child
{
    margin-bottom: 0
}
.accessMapSpTtl
{
    text-align: center;
    position: relative;
    margin-bottom: 4.1666vw
}
.accessMapSpTtl:before
{
    content: " ";
    display: block;
    width: 100%;
    height: 1px;
    background: #aa8720;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.accessMapSpTtl span
{
    display: inline-block;
    background: #fff;
    padding: 0 .5em;
    position: relative;
    z-index: 2;
    font-size: 4.1666vw
}
@media only screen and (min-width: 499px)
{
    .mapBtn
    {
        position: absolute;
        bottom: 0;
        left: 338px;
        z-index: 5
    }
    .mapBtn a
    {
        margin-top: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mapBtn
    {
        left: 279px
    }
}
@media only screen and (max-width: 500px)
{
    .mapBtn a
    {
        margin-top: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .accessCon
    {
        position: absolute;
        border-left: 2px solid #aa8720;
        padding-left: 1.1em;
        bottom: 0;
        left: 20px
    }
    .accessCon p.txt
    {
        letter-spacing: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessCon
    {
        bottom: 0;
        left: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .accessCon
    {
        width: 83vw;
        margin: 8.2666vw auto 0;
        border-left: 1px solid #aa8720;
        padding-left: .9em
    }
}
.accessCon li
{
    margin-bottom: 1.8em
}
.accessCon li:last-child
{
    margin-bottom: 0
}
.accessCon li p.head
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    color: #0f2846
}
@media only screen and (min-width: 499px)
{
    .accessCon li p.head
    {
        font-size: 18px;
        margin-bottom: .5em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessCon li p.head
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .accessCon li p.head
    {
        font-size: 3.61111vw;
        margin-bottom: .8em
    }
}
.accessCon li p.txt
{
    line-height: 1.57
}
@media only screen and (max-width: 500px)
{
    .accessCon li p.txt
    {
        font-size: 3vw
    }
}
@media only screen and (min-width: 499px)
{
    .accessInfo .secDef
    {
        width: 980px;
        margin: 70px auto 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessInfo .secDef
    {
        width: 808px;
        margin: 58px auto 0
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfo .secDef
    {
        width: 100%;
        margin: 16.6666vw auto 0;
        padding: 0;
        border: 0
    }
}
.accessInfo .secDef dl
{
    background: Transparent;
    border-top: 1px solid #afb4c3;
    border-bottom: 1px solid #afb4c3
}
@media only screen and (min-width: 499px)
{
    .accessInfo .secDef dl
    {
        padding: 50px 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessInfo .secDef dl
    {
        padding: 41px 0
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfo .secDef dl
    {
        padding: 0
    }
}
.accessInfo .secDef dt
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .accessInfo .secDef dt
    {
        width: 27.0408%
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfo .secDef dt
    {
        padding: 6.94444vw 0 0
    }
}
@media only screen and (min-width: 499px)
{
    .accessInfo .secDef dd
    {
        width: 72.9592%;
        padding-left: 50px;
        border-left: 1px solid #afb4c3
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessInfo .secDef dd
    {
        padding-left: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfo .secDef dd
    {
        text-align: left;
        border-top: 0;
        padding: 5.8333vw 0 12.916666vw
    }
}
.accessLogo
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .accessLogo
    {
        width: 78px;
        margin-left: 4em;
        margin-top: 1em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessLogo
    {
        width: 64px
    }
}
@media only screen and (max-width: 500px)
{
    .accessLogo
    {
        width: 17.552vw
    }
}
.accessInfoTtl
{
    color: #aa8720;
    margin-bottom: 1.5em
}
.accessInfoTtl span
{
    display: block
}
.accessInfoTtl span.en
{
    letter-spacing: .08em;
    margin-bottom: .3em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .accessInfoTtl span.en
    {
        font-size: 32px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessInfoTtl span.en
    {
        font-size: 26px
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfoTtl span.en
    {
        font-size: 4.4444vw
    }
}
.accessInfoTtl span.jp
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .accessInfoTtl span.jp
    {
        font-size: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .accessInfoTtl span.jp
    {
        font-size: 17px
    }
}
@media only screen and (max-width: 500px)
{
    .accessInfoTtl span.jp
    {
        font-size: 2.7777vw
    }
}
.accessInfoTable
{
    width: 100%
}
.accessInfoTable th, .accessInfoTable td
{
    font-weight: normal;
    vertical-align: top;
    line-height: 1.7142
}
.accessInfoTable th
{
    width: 13%
}
@media only screen and (max-width: 500px)
{
    .accessInfoTable th
    {
        width: 20%
    }
}
.accessInfoTable th span
{
    float: right
}
.accessInfoTable td
{
    width: 87%;
    padding-left: 1em
}
@media only screen and (max-width: 500px)
{
    .accessInfoTable td
    {
        width: 80%
    }
}
.contactLead
{
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .contactLead
    {
        font-size: 13px;
        letter-spacing: .1em;
        line-height: 1.846;
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactLead
    {
        font-size: 11px;
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .contactLead
    {
        font-size: 2.7777vw;
        margin-bottom: 5.5555vw;
        line-height: 1.7
    }
}
.contactLead a
{
    color: #afb4c3;
    text-decoration: underline
}
@media only screen and (min-width: 499px)
{
    .contactLead a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .contactLead a:hover
    {
        opacity: .7
    }
}
.contactTelInfo
{
    text-align: center;
    border: 2px solid #afb4c3;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .contactTelInfo
    {
        width: 660px;
        margin: 0 auto 50px;
        padding: 2px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfo
    {
        width: 544px;
        margin: 0 auto 41px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfo
    {
        width: 100%;
        margin: 0 auto 8.3333vw;
        padding: 1.3888vw
    }
}
.contactTelInfoInner
{
    border: 1px solid #afb4c3
}
@media only screen and (min-width: 499px)
{
    .contactTelInfoInner
    {
        padding: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfoInner
    {
        padding: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfoInner
    {
        padding: 6.25vw
    }
}
@media only screen and (min-width: 499px)
{
    .contactTelInfoTtl
    {
        letter-spacing: .1em;
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfoTtl
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfoTtl
    {
        letter-spacing: .12em;
        margin-bottom: 4.1666vw
    }
}
.contactTelInfoTel
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .contactTelInfoTel
    {
        font-size: 20px;
        letter-spacing: .09em;
        margin-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfoTel
    {
        font-size: 16px;
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfoTel
    {
        font-size: 3.3333vw;
        letter-spacing: .05em;
        margin-bottom: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .contactTelInfoTel span
    {
        font-size: 32px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfoTel span
    {
        font-size: 26px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfoTel span
    {
        font-size: 5.9722vw
    }
}
@media only screen and (min-width: 499px)
{
    .contactTelInfoOpen
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactTelInfoOpen
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .contactTelInfoOpen
    {
        font-size: 3.1944vw;
        line-height: 1.7
    }
}
.contactFormWrap table
{
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table
    {
        display: block
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table tbody
    {
        display: block
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table tr
    {
        display: block
    }
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap table tr:last-child th, .contactFormWrap table tr:last-child td
    {
        border-bottom: 1px solid #e0e0e0
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table tr:last-child td
    {
        padding-bottom: 0
    }
}
.contactFormWrap table th, .contactFormWrap table td
{
    vertical-align: middle
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap table th, .contactFormWrap table td
    {
        border-top: 1px solid #e0e0e0
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table th, .contactFormWrap table td
    {
        display: block
    }
}
.contactFormWrap table th
{
    text-align: center;
    font-weight: normal
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap table th
    {
        width: 15.3%;
        padding: 20px 15px;
        background: #f6f6f0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactFormWrap table th
    {
        padding: 16px 12px
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table th
    {
        padding: 3.3333vw;
        border-top: 1px solid #e0e0e0;
        border-bottom: 1px solid #e0e0e0
    }
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap table td
    {
        width: 84.7%;
        padding: 20px 45px 20px 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactFormWrap table td
    {
        padding: 16px 37.125px 16px 33px
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap table td
    {
        padding: 3.4722vw 0 11.1111vw
    }
}
.contactFormWrap input[type="text"], .contactFormWrap input[type="mail"], .contactFormWrap input[type="tel"]
{
    border: none;
    border-radius: 0;
    outline: none;
    background: #f6f6f0
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap input[type="text"], .contactFormWrap input[type="mail"], .contactFormWrap input[type="tel"]
    {
        padding: 10px 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactFormWrap input[type="text"], .contactFormWrap input[type="mail"], .contactFormWrap input[type="tel"]
    {
        padding: 9px 9px
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap input[type="text"], .contactFormWrap input[type="mail"], .contactFormWrap input[type="tel"]
    {
        padding: 3.0555vw
    }
}
.contactFormWrap input[type="text"]:placeholder-shown, .contactFormWrap input[type="mail"]:placeholder-shown, .contactFormWrap input[type="tel"]:placeholder-shown
{
    color: #a0a0a0
}
.contactFormWrap input[type="text"]::-webkit-input-placeholder, .contactFormWrap input[type="mail"]::-webkit-input-placeholder, .contactFormWrap input[type="tel"]::-webkit-input-placeholder
{
    color: #a0a0a0
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap input[type="text"]::-webkit-input-placeholder, .contactFormWrap input[type="mail"]::-webkit-input-placeholder, .contactFormWrap input[type="tel"]::-webkit-input-placeholder
    {
        padding-top: .2em
    }
}
.contactFormWrap input[type="text"]:-moz-placeholder, .contactFormWrap input[type="mail"]:-moz-placeholder, .contactFormWrap input[type="tel"]:-moz-placeholder
{
    color: #a0a0a0;
    opacity: 1
}
.contactFormWrap input[type="text"]::-moz-placeholder, .contactFormWrap input[type="mail"]::-moz-placeholder, .contactFormWrap input[type="tel"]::-moz-placeholder
{
    color: #a0a0a0;
    opacity: 1
}
.contactFormWrap input[type="text"]:-ms-input-placeholder, .contactFormWrap input[type="mail"]:-ms-input-placeholder, .contactFormWrap input[type="tel"]:-ms-input-placeholder
{
    color: #a0a0a0
}
.contactFormWrap textarea
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    padding: 0;
    border: 0;
    outline: none;
    background: #f6f6f0;
    max-width: 100%;
    min-width: 100%;
    line-height: 1.6
}
@media only screen and (min-width: 499px)
{
    .contactFormWrap textarea
    {
        padding: 10px 10px;
        height: 143px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contactFormWrap textarea
    {
        padding: 9px 9px;
        height: 118px
    }
}
@media only screen and (max-width: 500px)
{
    .contactFormWrap textarea
    {
        padding: 3.0555vw;
        height: 33.3333vw
    }
}
.selectWrap
{
    position: relative
}
.selectWrap:after
{
    content: "▼";
    position: absolute;
    right: 1em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 10;
    font-size: 6px
}
.selectWrap select
{
    outline: none;
    border: none;
    text-indent: .01px;
    text-overflow: '';
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #f6f6f0;
    border-radius: 0;
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .selectWrap select
    {
        padding: 10px 30px 10px 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .selectWrap select
    {
        padding: 9px 27px 9px 9px
    }
}
@media only screen and (max-width: 500px)
{
    .selectWrap select
    {
        padding: 3.0555vw 9.1666vw 3.0555vw 3.0555vw
    }
}
.selectWrap select::-ms-expand
{
    display: none
}
.selectWrap select:-moz-focusring
{
    color: transparent;
    text-shadow: none
}
.selectWrap select option
{
    background-color: #fff;
    color: #303030
}
.inputTxtWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}
.required
{
    text-align: center;
    background: #0f2846;
    color: #fff;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .required
    {
        width: 6.42%;
        font-size: 11px;
        padding: 5px;
        position: absolute;
        top: 1em;
        left: 0
    }
}
@media only screen and (max-width: 500px)
{
    .required
    {
        width: 8.75vw;
        font-size: 2.2916vw;
        padding: .8vw
    }
}
.inputTxtHalf, .inputTxtFull
{
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .inputTxtHalf
    {
        padding-left: 10%
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtHalf
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.inputTxtHalf dt
{
    display: inline-block;
    vertical-align: top
}
@media only screen and (min-width: 499px)
{
    .inputTxtHalf dt
    {
        width: 8%;
        text-align: right;
        padding-right: .8em;
        padding-top: 1em
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtHalf dt
    {
        width: 9%;
        margin-top: 3.4722vw
    }
}
.inputTxtHalf dd
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .inputTxtHalf dd
    {
        width: 28.5714%
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtHalf dd
    {
        width: 91%;
        margin-top: 3.4722vw
    }
}
.inputTxtHalf dd input
{
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .inputTxtHalf.inputTxtHalfKana dt
    {
        width: 11%
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtHalf.inputTxtHalfKana dd
    {
        width: 89%
    }
}
@media only screen and (min-width: 499px)
{
    .inputTxtFull
    {
        padding-left: 17%
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtFull
    {
        margin-top: 3.4722vw
    }
}
.inputTxtFull input
{
    margin-bottom: .3em;
    width: 100%
}
.inputTxtFull input:last-child
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .inputComment
    {
        font-size: 13px;
        margin-bottom: 15px;
        line-height: 1.69;
        display: block !important
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .inputComment
    {
        font-size: 11px;
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .inputComment
    {
        font-size: 2.7777vw;
        margin-bottom: 2.7777vw;
        line-height: 1.5
    }
}
.inputComment:last-child, .inputComment.last
{
    margin-bottom: 0
}
.inputRadio li
{
    display: block;
    margin-bottom: 1em
}
.inputRadio li:last-child
{
    margin-bottom: 0
}
.inputRadio li input
{
    margin-right: 1em
}
@media only screen and (min-width: 499px)
{
    .inputCal
    {
        margin-left: 17%;
        width: 140px
    }
}
@media only screen and (max-width: 500px)
{
    .inputCal
    {
        margin-top: 3.4722vw;
        width: 100%
    }
}
.inputCal input
{
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .inputCalElm
    {
        width: 140px
    }
}
@media only screen and (max-width: 500px)
{
    .inputCalElm
    {
        width: 100%
    }
}
.inputCalElm input
{
    width: 100%
}
.inputAddressWrap
{
    position: relative
}
.inputAddress
{
    margin-bottom: 1em
}
.inputAddress:last-child
{
    margin-bottom: 0
}
.inputAddress dt, .inputAddress dd
{
    display: inline-block;
    vertical-align: top
}
.inputAddress dt
{
    text-align: right
}
@media only screen and (min-width: 499px)
{
    .inputAddress dt
    {
        width: 24%;
        padding-top: 1em;
        padding-right: 1em
    }
}
@media only screen and (max-width: 500px)
{
    .inputAddress dt
    {
        vertical-align: middle;
        padding-right: .5em
    }
}
@media only screen and (min-width: 499px)
{
    .inputAddress dd
    {
        width: 76%
    }
}
@media only screen and (max-width: 500px)
{
    .inputAddress dd
    {
        vertical-align: middle;
        width: 100%
    }
}
.inputAddress .inputComment
{
    margin-bottom: 0
}
.inputAddressFull
{
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .inputAddressFull
    {
        margin-top: .5em
    }
}
.inputAddressFull input
{
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .inputAddressFull input
    {
        margin-bottom: .5em
    }
}
@media only screen and (max-width: 500px)
{
    .inputZip
    {
        margin-bottom: .5em
    }
}
.inputZip>*
{
    display: inline-block
}
.inputZip .inputTxtSpan
{
    margin: 0 .4em
}
@media only screen and (max-width: 500px)
{
    .inputAddressSpCol dt
    {
        width: 19.1666vw;
        text-align: left
    }
}
@media only screen and (max-width: 500px)
{
    .inputAddressSpCol dd
    {
        width: 57vw
    }
}
@media only screen and (max-width: 500px)
{
    .inputAddressSpCol dd .inputZipW
    {
        width: 25vw
    }
}
@media only screen and (max-width: 500px)
{
    .inputAddressSpCol dd .inputSpFull
    {
        width: 100%
    }
}
@media only screen and (min-width: 499px)
{
    .input140
    {
        width: 160px
    }
}
@media only screen and (max-width: 500px)
{
    .input140
    {
        width: 30.1388vw
    }
}
.input140 input
{
    width: 100%
}
@media only screen and (min-width: 499px)
{
    .input160
    {
        width: 160px
    }
}
@media only screen and (max-width: 500px)
{
    .input160
    {
        width: 45vw
    }
}
.input160 input
{
    width: 100%
}
.inputTxtSpan
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .inputTxtSpan
    {
        margin: 0 1em;
        line-height: 3em
    }
}
@media only screen and (max-width: 500px)
{
    .inputTxtSpan
    {
        margin: 0 .4em;
        padding: 1.2em 0
    }
}
.privacyPolicyLink
{
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .privacyPolicyLink
    {
        margin-top: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .privacyPolicyLink
    {
        margin-top: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .privacyPolicyLink
    {
        margin-top: 8.3333vw
    }
}
.privacyPolicyLink a
{
    color: #6e7887;
    text-decoration: underline
}
@media only screen and (min-width: 499px)
{
    .privacyPolicyLink a
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .privacyPolicyLink a
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .privacyPolicyLink a
    {
        font-size: 3.3333vw
    }
}
.confirm td
{
    letter-spacing: .08em
}
@media only screen and (min-width: 499px)
{
    .confirm td
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .confirm td
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .confirm td
    {
        font-size: 3.5vw
    }
}
.confirm .inputTxtWrap
{
    display: block
}
.confirm .inputTxtWrap .inputTxtHalf
{
    padding: 0;
    display: inline-block
}
.confirm .inputTxtWrap .inputTxtHalf *
{
    margin: 0
}
.confirm .inputTxtWrap .inputTxtFull
{
    padding: 0;
    display: inline-block;
    margin: 0
}
.confirm .inputTxtWrap .inputCal
{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block
}
.confirm .inputTxtWrap .inputCalElm
{
    padding: 0;
    margin: 0;
    width: 100%;
    display: inline-block
}
.confirm .inputTxtWrap .input140
{
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block
}
.confirm .inputTxtWrap .input160
{
    padding: 0;
    margin: 0;
    width: auto;
    display: inline-block
}
.confirm .inputTxtWrap .inputTxtSpan
{
    line-height: 1;
    padding: 0;
    margin: 0;
    display: inline-block
}
.confirm .selectWrap:after
{
    content: none
}
.confirm .formBtn
{
    text-align: center
}
.confirm .formBtn button
{
    display: inline-block;
    margin-left: 1em;
    margin-right: 1em
}
@media only screen and (max-width: 500px)
{
    .confirm .formBtn button:last-child
    {
        margin-top: 3vw
    }
}
.confirm .formBtn button.modify-btn
{
    background: #bbb
}
.confirm .formBtn button.modify-btn:after
{
    -webkit-transform: scale(-1,1) translate(0,-50%);
    transform: scale(-1,1) translate(0,-50%);
    right: auto
}
@media only screen and (min-width: 499px)
{
    .confirm .formBtn button.modify-btn:after
    {
        left: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .confirm .formBtn button.modify-btn:after
    {
        left: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .confirm .formBtn button.modify-btn:after
    {
        left: 3.055vw
    }
}
@media only screen and (min-width: 499px)
{
    .formBtn button
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formBtn button
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .formBtn button
    {
        font-size: 3.3vw
    }
}
.err-block
{
    display: block !important
}
@media only screen and (min-width: 499px)
{
    .err-block.pcH
    {
        display: none !important
    }
}
@media only screen and (max-width: 500px)
{
    .err-block.spH
    {
        display: none !important
    }
}
.err-block .pp-em
{
    padding: 0;
    background: none
}
@media only screen and (min-width: 499px)
{
    .err-block .pp-em
    {
        margin-top: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .err-block .pp-em
    {
        margin-top: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .err-block .pp-em
    {
        margin-top: 2vw
    }
}
.err-block .pp-em p
{
    display: inline-block;
    padding: .5em;
    background: #df4547;
    border-radius: .3em
}
@media only screen and (min-width: 499px)
{
    .err-block .pp-em p
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .err-block .pp-em p
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .err-block .pp-em p
    {
        font-size: 3.3vw
    }
}
.mailCheck
{
    padding-bottom: .5em;
    border-bottom: 1px solid #303030
}
@media only screen and (min-width: 499px)
{
    .mailCheck
    {
        font-size: 13px;
        margin-top: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mailCheck
    {
        font-size: 11px;
        margin-top: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .mailCheck
    {
        font-size: 2.7777vw;
        margin-top: 2vw
    }
}
.mailCheck span
{
    display: inline-block;
    vertical-align: bottom;
    min-height: 1em
}
.mailCheck .text
{
    margin-left: .3em;
    letter-spacing: .03em
}
@media only screen and (min-width: 499px)
{
    .mailCheck .text
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .mailCheck .text
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .mailCheck .text
    {
        font-size: 3.7vw
    }
}
.ui-datepicker
{
    z-index: 15 !important
}
@media only screen and (max-width: 500px)
{
    #fairPage .manvUnderComment
    {
        letter-spacing: -.01em
    }
}
@media only screen and (max-width: 500px)
{
    #listPage .manvUnderComment
    {
        letter-spacing: -.01em
    }
}
@media only screen and (max-width: 500px)
{
    #fair-reservationPage .manvUnderComment
    {
        letter-spacing: -.01em
    }
}
.formFair
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (max-width: 500px)
{
    .formFair
    {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (min-width: 499px)
{
    .formFairTh
    {
        width: 121px;
        -webkit-box-shadow: 3px 3px 0 0 rgba(215,201,181,.5);
        box-shadow: 3px 3px 0 0 rgba(215,201,181,.5);
        margin-right: 24px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairTh
    {
        width: 100px;
        margin-right: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairTh
    {
        width: 30.36%;
        margin-right: 3.0555vw
    }
}
.formFairTh figure
{
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    position: relative
}
.formFairTh figure:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
.formFairTxt
{
    max-width: 100%
}
@media only screen and (max-width: 500px)
{
    .formFairTxt
    {
        width: 69.64%
    }
}
.formFairDate
{
    padding-left: .5em;
    border-left: 3px solid #303030
}
@media only screen and (min-width: 499px)
{
    .formFairDate
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairDate
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairDate
    {
        margin-bottom: 3.0555vw
    }
}
.formFairDate.sat
{
    border-left: 3px solid #0f2846
}
.formFairDate.sun
{
    border-left: 3px solid #640028
}
.formFairDate span
{
    display: inline-block;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .formFairDate .date
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairDate .date
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairDate .date
    {
        font-size: 3.6111vw
    }
}
.formFairDate .week
{
    margin-right: .5em
}
@media only screen and (min-width: 499px)
{
    .formFairDate .week
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairDate .week
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairDate .week
    {
        font-size: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .formFairDate .time
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairDate .time
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairDate .time
    {
        font-size: 3.3333vw
    }
}
.formFairTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .formFairTtl
    {
        font-size: 18px;
        line-height: 1.4444;
        letter-spacing: .08em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .formFairTtl
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .formFairTtl
    {
        font-size: 3.3333vw;
        line-height: 1.6666
    }
}
#fairWeekend
{
    background: #fff
}
@media only screen and (min-width: 499px)
{
    #fairWeekend
    {
        padding: 100px 0 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairWeekend
    {
        padding: 82px 0 50px
    }
}
@media only screen and (max-width: 500px)
{
    #fairWeekend
    {
        padding: 13.8888vw 0 12.5vw
    }
}
@media only screen and (max-width: 500px)
{
    .single #fairWeekend
    {
        padding-top: 8.3333vw
    }
}
@media only screen and (max-width: 500px)
{
    .single .secTtlWeekend
    {
        display: block
    }
}
.weekendContent
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media only screen and (min-width: 499px)
{
    .weekendContent
    {
        margin-bottom: 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendContent
    {
        margin-bottom: 33px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendContent
    {
        margin-bottom: 8.3333vw
    }
}
.weekendContent:last-child
{
    margin-bottom: 0
}
.weekendDateWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (min-width: 499px)
{
    .weekendDateWrap
    {
        width: 5.5555%;
        padding-bottom: 5px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendDateWrap
    {
        width: 10.9375%;
        padding-bottom: 2.9166vw
    }
}
.weekendDate
{
    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: relative;
    z-index: 20;
    width: 100%
}
.weekendDate:after
{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(50%,-50%) rotate(45deg);
    transform: translate(50%,-50%) rotate(45deg)
}
@media only screen and (min-width: 499px)
{
    .weekendDate:after
    {
        width: 11px;
        height: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendDate:after
    {
        width: 9px;
        height: 9px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendDate:after
    {
        width: 2.5vw;
        height: 2.5vw
    }
}
.weekendDate .dateCon
{
    text-align: center;
    color: #fff;
    line-height: 1.2;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .weekendDate .dateCon
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendDate .dateCon
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendDate .dateCon
    {
        font-size: 3.6111vw
    }
}
.weekendDate .dateCon.week
{
    margin-top: .5em
}
@media only screen and (max-width: 500px)
{
    .weekendDate .dateCon.week
    {
        font-size: 3.0555vw
    }
}
@media only screen and (min-width: 499px)
{
    .weekendListWrap
    {
        width: 86.2962%;
        width: calc(86.2962% + 24px);
        padding-left: 12px
    }
    .weekendListWrap .slick-slide
    {
        margin-right: 12px
    }
    .weekendListWrap .slick-list
    {
        padding-top: 5px;
        position: relative;
        top: -5px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListWrap
    {
        width: 84.6875%
    }
}
.weekendList
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .weekendList
    {
        padding: 5px;
        width: 49.3562%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendList
    {
        padding: 4px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendList
    {
        padding: .6944vw;
        margin-bottom: 2.9166vw
    }
    .weekendList.hide
    {
        display: none !important
    }
}
.weekendListInner
{
    border: 1px solid rgba(170,135,32,.9);
    max-width: 100%;
    height: 100%
}
@media only screen and (min-width: 499px)
{
    .weekendListInner
    {
        padding: 37px 25px 22px 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListInner
    {
        padding: 30px 20px 18px 25px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListInner
    {
        padding: 7.2222vw 4.8611vw 3.8888vw
    }
}
.weekendListRibbon
{
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(assets/images/fair/ribbon_fair_pc.png);
    text-align: center top;
    position: absolute;
    overflow: visible !important
}
@media only screen and (min-width: 499px)
{
    .weekendListRibbon
    {
        right: 7px;
        top: 0;
        width: 142px;
        height: 84px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListRibbon
    {
        right: 6px;
        top: 0;
        width: 117px;
        height: 69px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListRibbon
    {
        right: 1.388888vw;
        top: 0;
        width: 31.0913888vw;
        height: 18.4388888vw
    }
}
.weekendListTop
{
    border-bottom: 1px dotted #aa8720;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .weekendListTop
    {
        padding-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListTop
    {
        padding-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListTop
    {
        padding-bottom: 3.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .weekendListTh
    {
        width: 41.7718%
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListTh
    {
        width: 31.1688%
    }
}
.weekendListTh span
{
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}
.weekendListTh span:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (min-width: 499px)
{
    .weekendListTxt
    {
        width: 52.0304%
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListTxt
    {
        width: 64.935%
    }
}
.weekendListDateWrap
{
    padding-left: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .weekendListDateWrap
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListDateWrap
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListDateWrap
    {
        margin-bottom: 4.0277vw
    }
}
.weekendListDate
{
    letter-spacing: .05em
}
@media only screen and (min-width: 499px)
{
    .weekendListDate
    {
        font-size: 20px;
        margin-bottom: 8px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListDate
    {
        font-size: 16px;
        margin-bottom: 7px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListDate
    {
        font-size: 3.6111vw;
        margin-bottom: 2.0833vw
    }
}
@media only screen and (min-width: 499px)
{
    .weekendListDate span
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListDate span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListDate span
    {
        font-size: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .weekendListTime
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListTime
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListTime
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .recommended .weekendListTime
    {
        width: 150px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .recommended .weekendListTime
    {
        width: 125px
    }
}
@media only screen and (max-width: 500px)
{
    .recommended .weekendListTime
    {
        width: 65%
    }
}
.weekendListTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .weekendListTtl
    {
        font-size: 16px;
        line-height: 1.625;
        letter-spacing: .1em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListTtl
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListTtl
    {
        font-size: 3.6111vw;
        line-height: 1.538;
        letter-spacing: .05em
    }
}
@media only screen and (min-width: 499px)
{
    .weekendListComment
    {
        margin-top: 15px;
        line-height: 1.571
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListComment
    {
        margin-top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListComment
    {
        margin-top: 3.4722vw;
        line-height: 1.666
    }
}
.weekendListBtn
{
    text-align: right;
    padding-bottom: .5em
}
@media only screen and (min-width: 499px)
{
    .weekendListBtn
    {
        margin-top: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListBtn
    {
        margin-top: 16px
    }
}
.weekendListBtn a
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .weekendListBtn a
    {
        font-size: 14px;
        color: #aa8720;
        display: inline-block;
        letter-spacing: .05em
    }
    .weekendListBtn a:after
    {
        content: " ";
        width: 1em;
        height: .6em;
        background-position: center top;
        background-size: contain;
        background-repeat: no-repeat;
        background-image: url("assets/images/common/arw_btn_g.svg");
        margin-left: .2em;
        display: inline-block;
        vertical-align: bottom
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .weekendListBtn a
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendListBtn a
    {
        font-size: 3.3333vw;
        margin-top: 4.1666vw
    }
}
.weekendArw
{
    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
}
@media only screen and (min-width: 499px)
{
    .weekendArw
    {
        width: 3.7037%;
        padding-bottom: 5px
    }
}
@media only screen and (max-width: 500px)
{
    .weekendArw
    {
        display: block;
        width: 100%;
        text-align: center
    }
}
.weekendArw button, .weekendArw a
{
    background-color: transparent;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .weekendArw button, .weekendArw a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .weekendArw button:hover, .weekendArw a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .weekendArw button, .weekendArw a
    {
        border: 2px solid rgba(48,48,48,.3);
        -webkit-transition: .2s;
        transition: .2s
    }
    .weekendArw button.slick-disabled, .weekendArw a.slick-disabled
    {
        display: none !important
    }
    .weekendArw button.weekendArwPrev, .weekendArw a.weekendArwPrev
    {
        margin-bottom: 1em
    }
    .weekendArw button.weekendArwPrev:before, .weekendArw a.weekendArwPrev:before
    {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg)
    }
    .weekendArw button.arwMBNone, .weekendArw a.arwMBNone
    {
        margin-bottom: 0
    }
    .weekendArw button:before, .weekendArw a:before
    {
        content: " ";
        width: 9px;
        height: 15px;
        background: url(assets/images/fair/arw_weekend_pc.svg) center no-repeat;
        background-size: contain;
        display: inline-block
    }
}
@media only screen and (max-width: 500px)
{
    .weekendArw button, .weekendArw a
    {
        border: 2px solid #303030;
        margin-top: 3.4722vw;
        display: block;
        text-align: center;
        padding: 4.25vw 0
    }
    .weekendArw button.off, .weekendArw a.off
    {
        display: none
    }
}
@media only screen and (max-width: 500px)
{
    .weekendArw button img, .weekendArw a img
    {
        width: 2.9166vw;
        height: auto;
        display: block;
        margin: 0 auto
    }
}
@media only screen and (max-width: 500px)
{
    .weekendArw button.weekendArwLink img, .weekendArw a.weekendArwLink img
    {
        text-align: center;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg)
    }
}
.weekendContentSat .weekendList
{
    background: rgba(175,180,195,.2)
}
.weekendContentSat .weekendDate, .weekendContentSat .weekendDate:after
{
    background: #0f2846
}
.weekendContentSat .weekendListDateWrap
{
    border-left: 2px solid #0f2846
}
.weekendContentSun .weekendList
{
    background: rgba(150,90,110,.08)
}
.weekendContentSun .weekendDate, .weekendContentSun .weekendDate:after
{
    background: #640028
}
.weekendContentSun .weekendListDateWrap
{
    border-left: 2px solid #640028
}
@media only screen and (min-width: 499px)
{
    .calLinkBtn a
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .calLinkBtn a
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .calLinkBtn a
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    #fairContent, #fairArc
    {
        padding-top: 80px;
        margin-top: -80px
    }
}
@media only screen and (max-width: 500px)
{
    #fairContent, #fairArc
    {
        padding-top: 16vw;
        margin-top: -16vw
    }
}
@media only screen and (min-width: 499px)
{
    #fairMain
    {
        padding: 95px 0 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairMain
    {
        padding: 78px 0 66px
    }
}
@media only screen and (max-width: 500px)
{
    #fairMain
    {
        padding: 11.1111vw 0
    }
}
.fairMainInner
{
    position: relative;
    width: 100%;
    max-width: 1260px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairMainInner
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .fairMainInner
    {
        width: 88.8888vw;
        max-width: none;
        padding: 0
    }
}
.fairMainTabBtnWrap
{
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .fairMainTabBtnWrap
    {
        width: 980px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairMainTabBtnWrap
    {
        width: 808px
    }
}
@media only screen and (max-width: 500px)
{
    .fairMainTabBtnWrap
    {
        width: 76.3888vw
    }
}
.fairMainTabBtnWrap>span
{
    border-bottom: 1px solid #0f2846;
    display: block
}
@media only screen and (min-width: 499px)
{
    .fairMainTabBtnWrap>span
    {
        width: 4px
    }
}
@media only screen and (max-width: 500px)
{
    .fairMainTabBtnWrap>span
    {
        width: 1.3888vw
    }
}
.fairMainTabBtn
{
    text-align: center;
    color: #fff;
    background: #0f2846;
    border-top: 1px solid #0f2846;
    border-left: 1px solid #0f2846;
    border-right: 1px solid #0f2846;
    font-weight: bold;
    display: block;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairMainTabBtn
    {
        width: 488px;
        line-height: 45px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairMainTabBtn
    {
        width: 402px;
        line-height: 37px
    }
}
@media only screen and (max-width: 500px)
{
    .fairMainTabBtn
    {
        width: 37.5vw;
        line-height: 12.0833vw
    }
}
.fairMainTabBtn.current
{
    color: #0f2846;
    background: #fff
}
@media only screen and (min-width: 499px)
{
    a.fairMainTabBtn
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    a.fairMainTabBtn:hover
    {
        opacity: .7
    }
}
.fairMainTabContentWrap
{
    width: 100%;
    background: #fff
}
@media only screen and (min-width: 499px)
{
    .fairMainTabContentWrap
    {
        padding: 70px 70px 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairMainTabContentWrap
    {
        padding: 58px 58px 66px
    }
}
@media only screen and (max-width: 500px)
{
    .fairMainTabContentWrap
    {
        padding: 8.3333vw 2.7777vw 10.5555vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPost .fairMainTabBtnWrap>span
    {
        width: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPost .fairMainTabBtnWrap>span
    {
        width: 9px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPost .fairMainTabBtnWrap>span
    {
        width: 1.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPost .fairMainTabBtn
    {
        width: 319px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPost .fairMainTabBtn
    {
        width: 263px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPost .fairMainTabBtn
    {
        width: 24.6944vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPost .fairMainTabContentWrap
    {
        padding: 70px 120px 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPost .fairMainTabContentWrap
    {
        padding: 58px 99px 66px
    }
}
#fairCalendar .secTtlEn
{
    color: #303030
}
@media only screen and (min-width: 499px)
{
    #fairCalendar .secTtlEn
    {
        margin-bottom: 45px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairCalendar .secTtlEn
    {
        margin-bottom: 37px
    }
}
#fairCalendar .secTtlEn .en
{
    letter-spacing: 0
}
@media only screen and (min-width: 499px)
{
    #fairCalendar .secTtlEn .jp
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairCalendar .secTtlEn .jp
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    #fairCalendar .secTtlEn .jp
    {
        font-size: 3.3333vw
    }
}
.fairCalendarTableWrap
{
    position: relative;
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTableWrap
    {
        background: #f6f6f0;
        padding: 0
    }
}
.fairCalendarTableSpDot
{
    width: 100%
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTableSpDot
    {
        padding: 5.5555vw 3.1944vw
    }
}
.fairCalendarTable
{
    width: 100%;
    max-width: 100%;
    table-layout: fixed
}
.fairCalendarTable caption
{
    text-align: center;
    position: relative;
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable caption
    {
        padding-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable caption
    {
        padding-bottom: 21px
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable caption
    {
        padding-bottom: 3.4722vw
    }
}
.fairCalendarTable caption span
{
    display: block
}
.fairCalendarTable caption .num
{
    margin: 0 auto;
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable caption .num
    {
        width: 76px;
        font-size: 55px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable caption .num
    {
        width: 63px;
        font-size: 45px
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable caption .num
    {
        width: 11.1111vw;
        font-size: 8.6111vw
    }
}
.fairCalendarTable caption .en
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable caption .en
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable caption .en
    {
        font-size: 11.55px
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable caption .en
    {
        font-size: 4vw
    }
}
.fairCalendarTable caption:before, .fairCalendarTable caption:after
{
    content: " ";
    display: block;
    background-image: url(assets/images/common/recommend_ttl_left.svg);
    background-position: center;
    background-size: contain;
    position: absolute
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable caption:before, .fairCalendarTable caption:after
    {
        width: 44px;
        height: 63px;
        top: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable caption:before, .fairCalendarTable caption:after
    {
        width: 36px;
        height: 52px;
        top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable caption:before, .fairCalendarTable caption:after
    {
        width: 6.2085vw;
        height: 8.8541vw;
        top: 12px
    }
}
.fairCalendarTable caption:before
{
    left: 50%;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%)
}
.fairCalendarTable caption:after
{
    right: 50%;
    -webkit-transform: translateX(200%) scale(-1,1);
    transform: translateX(200%) scale(-1,1)
}
.fairCalendarTable th, .fairCalendarTable td
{
    width: 14.2857143%
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable th, .fairCalendarTable td
    {
        border: 1px solid #e0e0e0
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable th, .fairCalendarTable td
    {
        text-align: center;
        padding: .8em .5em
    }
}
.fairCalendarTable thead th
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable thead th
    {
        font-weight: normal;
        font-size: 13px;
        background: rgba(170,160,140,.5);
        padding: .8em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable thead th
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable thead th
    {
        font-size: 2.7777vw;
        font-weight: normal
    }
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable thead th.week6
    {
        background: #0f2846;
        color: #fff
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable thead th.week6
    {
        color: #6e80bc
    }
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable thead th.week7
    {
        background: #640028;
        color: #fff
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable thead th.week7
    {
        color: #da6e94
    }
}
.fairCalendarTable tbody td
{
    vertical-align: top
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable tbody td
    {
        padding: 7px 7px 25px;
        -webkit-transition: .2s;
        transition: .2s
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable tbody td
    {
        padding: 5px 5px 20px
    }
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable tbody td.eventAb
    {
        background: #f6f6f0
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable tbody td.eventPr
    {
        cursor: pointer
    }
    .fairCalendarTable tbody td.eventPr .eventBtn
    {
        text-decoration: underline
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable tbody td.week6
    {
        color: #0f2846
    }
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable tbody td.week7
    {
        color: #640028
    }
}
.fairCalendarTable tbody td .spCal
{
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable tbody td .spCal
    {
        display: none
    }
}
.fairCalendarTable tbody td .spCal .eventBtn
{
    font-size: 3.3333vw
}
.fairCalendarTable tbody td .spCal .hold
{
    font-size: 2.7777vw;
    margin-top: .5em
}
@media only screen and (max-width: 500px)
{
    .fairCalendarTable tbody td .pcCal
    {
        display: none
    }
}
.fairCalendarTable tbody td .pcCal a
{
    display: block;
    margin-bottom: 5px;
    padding: 1em;
    background: #fafaf9
}
@media only screen and (min-width: 499px)
{
    .fairCalendarTable tbody td .pcCal a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .fairCalendarTable tbody td .pcCal a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable tbody td .pcCal a
    {
        padding: .4em
    }
}
.fairCalendarTable tbody td .pcCal a p
{
    font-size: 12px;
    line-height: 1.4;
    text-decoration: underline;
    margin-bottom: .5em
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable tbody td .pcCal a p
    {
        font-size: 11px
    }
}
.fairCalendarTable tbody td .pcCal a .tagArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
.fairCalendarTable tbody td .pcCal a .tagArea>span
{
    width: 24%;
    margin: 0 .5% 2px;
    font-size: 10px;
    text-align: center;
    display: block;
    padding: .3em 0;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
.fairCalendarTable tbody td .pcCal a .tagArea>span.tag1
{
    width: 48.5%
}
.fairCalendarTable tbody td .pcCal a .tagArea>span.tag6
{
    width: 73%;
    font-size: 9.5px;
    letter-spacing: -.15em
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairCalendarTable tbody td .pcCal a .tagArea>span.tag6
    {
        letter-spacing: -.2em
    }
}
.calDay
{
    letter-spacing: .05em;
    margin-bottom: 1em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .calDay
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .calDay
    {
        font-size: 15px
    }
}
.week6 .calDay
{
    color: #0f2846
}
.week7 .calDay
{
    color: #640028
}
.calFairCat1
{
    background: #fafaf8
}
.calFairCat2
{
    background: #f5f5f1
}
.calFairCat3
{
    background: #f0f0ea
}
.calFairCat4
{
    background: #f2e7eb
}
.calFairCat5
{
    background: #e6d0d7
}
.calFairCat6
{
    background: #ebedef
}
.calFairCat7
{
    background: #edefee
}
.calFairCat8
{
    background: #dbe0dc
}
.calFairCat9
{
    background: #f8f4eb
}
.tag1
{
    background: #640028;
    color: #fff
}
.tag2
{
    background: #e6e6dc
}
.tag3
{
    background: #b56d57;
    color: #fff
}
.tag4
{
    background: #4a6452;
    color: #fff
}
.tag5
{
    background: #0f2846;
    color: #fff
}
.tag6
{
    background: #aa8720;
    color: #fff
}
.tag7
{
    background: #9e9e9e;
    color: #fff
}
.fairArwArea
{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (min-width: 499px)
{
    .fairArwArea
    {
        width: 100%;
        top: 20px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArwArea
    {
        width: 100%;
        top: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwArea
    {
        width: 65vw;
        top: 3em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        display: block;
        overflow: hidden
    }
}
.fairArwArea>span
{
    display: block;
    width: 3px;
    height: auto;
    background: #aa8720;
    display: none
}
@media only screen and (max-width: 500px)
{
    .fairArwArea>span
    {
        display: none
    }
}
@media only screen and (min-width: 499px)
{
    .fairArwArea>div
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .fairArwArea>div:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .fairArwArea>div
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwArea>div
    {
        cursor: pointer;
        padding: 1em 1em
    }
}
@media only screen and (min-width: 499px)
{
    .fairArwArea>div>img
    {
        width: 22px;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwArea>div>img
    {
        width: 4vw;
        height: auto
    }
}
.fairArwArea>div>p
{
    text-align: center;
    padding: 0 1.5em
}
.fairArwArea>div>p span
{
    display: block
}
.fairArwArea>div>p .num
{
    font-family: 'Pinyon Script',cursive
}
@media only screen and (min-width: 499px)
{
    .fairArwArea>div>p .num
    {
        font-size: 26px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArwArea>div>p .num
    {
        font-size: 21px
    }
}
.fairArwArea>div>p .en
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .fairArwArea>div>p .en
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArwArea>div>p .en
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwArea>div>p
    {
        display: none
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwPrv
    {
        float: left
    }
}
@media only screen and (max-width: 500px)
{
    .fairArwNxt
    {
        float: right
    }
}
@media only screen and (min-width: 499px) {
    .fairArwPrv
    {
        position: absolute;
        left: 0;
    }
    .fairArwNxt
    {
        position: absolute;
        right: 0;
    }
}
.spFairEventContentWrap
{
    margin-top: 6.9444vw
}
.spFairEventContentWrap h3
{
    text-align: center;
    margin-bottom: 5.5555vw
}
.spFairEventContentWrap h3 span
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500;
    position: relative;
    padding: 0 6vw;
    font-size: 4.1666vw;
    display: inline-block
}
.spFairEventContentWrap h3 span:before, .spFairEventContentWrap h3 span:after
{
    content: " ";
    display: block;
    width: 4.5833vw;
    height: 4.5833vw;
    background: url(assets/images/common/emblem.svg) center no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-52%);
    transform: translateY(-52%)
}
.spFairEventContentWrap h3 span:before
{
    left: 0
}
.spFairEventContentWrap h3 span:after
{
    right: 0
}
.spFairEventContent .notes
{
    text-align: center;
    padding: 8.3333vw;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.666;
    background: #f6f6f0
}
.spFairEventListWrap
{
    display: none
}
.spFairEventListWrap a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 3.4722vw;
    background: #fafaf9;
    margin-bottom: 1.25vw
}
.spFairEventListWrap a:last-child
{
    margin-bottom: 0
}
.spFairEventTh
{
    width: 30.7407%
}
.spFairEventTxt
{
    width: 65%
}
.spFairEventDate
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500;
    padding-left: 1.6666vw;
    border-left: .4166vw solid #640028;
    margin-bottom: 1em
}
.spFairEventDate span
{
    display: inline-block;
    letter-spacing: .05em
}
.spFairEventDate .date
{
    font-size: 3.5vw
}
.spFairEventDate .week
{
    font-size: 2.7777vw;
    margin-right: .7em
}
.spFairEventDate .time
{
    font-size: 3.1vw
}
.spFairEventTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500;
    line-height: 1.666;
    font-size: 3.1vw;
    letter-spacing: -.03em
}
#overlayEvent
{
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    z-index: 10100;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.6)
}
#overlayEvent img
{
    width: 20%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    -webkit-animation: loading 3s linear infinite;
    animation: loading 3s linear infinite
}
@-webkit-keyframes loading
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg)
    }
    100%
    {
        -webkit-transform: translate(-50%,-50%) rotate(360deg);
        transform: translate(-50%,-50%) rotate(360deg)
    }
}
@keyframes loading
{
    0%
    {
        -webkit-transform: translate(-50%,-50%) rotate(0deg);
        transform: translate(-50%,-50%) rotate(0deg)
    }
    100%
    {
        -webkit-transform: translate(-50%,-50%) rotate(360deg);
        transform: translate(-50%,-50%) rotate(360deg)
    }
}
.fairRecommendedWrap
{
    background-image: url(assets/images/common/bgNoise.png);
    background-size: 30px 30px;
    padding: 5px
}
.fairRec
{
    position: relative;
    border: 1px solid rgba(170,135,32,.9)
}
@media only screen and (min-width: 499px)
{
    .fairRec
    {
        padding: 60px 50px 60px 60px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRec
    {
        padding: 50px 41px 50px 50px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRec
    {
        padding: 11.1111vw 6.9444vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairRecTh
    {
        width: 38.7797%;
        padding-right: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecTh
    {
        padding-right: .6819vw
    }
}
.fairRecTh figure
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    display: block;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .fairRecTh figure
    {
        -webkit-box-shadow: 15px 15px 0 0 rgba(15,40,70,.1);
        box-shadow: 15px 15px 0 0 rgba(15,40,70,.1)
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecTh figure
    {
        -webkit-box-shadow: .6819vw .6819vw 0 0 rgba(15,40,70,.1);
        box-shadow: .6819vw .6819vw 0 0 rgba(15,40,70,.1)
    }
}
.fairRecTh figure:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (min-width: 499px)
{
    .fairRecTxt
    {
        width: 55.2223%
    }
}
@media only screen and (min-width: 499px)
{
    .fairRecTxt h3
    {
        margin-top: 20px;
        margin-bottom: 35px;
        margin-left: -20px;
        width: 404px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRecTxt h3
    {
        margin-top: 10px;
        margin-bottom: 30px;
        margin-left: -16px;
        width: 333px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecTxt h3
    {
        margin-top: 4.8611vw;
        margin-bottom: 6.9444vw;
        width: 74.8351vw;
        margin-left: -2.6909vw;
        margin-right: -2.6909vw
    }
}
.fairRecDateWrap
{
    border-left: 2px solid #640028;
    padding-left: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairRecDateWrap
    {
        margin-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRecDateWrap
    {
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecDateWrap
    {
        margin-bottom: 4.0277vw
    }
}
.fairRecDate
{
    letter-spacing: .05em
}
@media only screen and (min-width: 499px)
{
    .fairRecDate
    {
        font-size: 20px;
        display: inline-block;
        margin-right: .2em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRecDate
    {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecDate
    {
        font-size: 3.6111vw;
        margin-bottom: 2.0833vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairRecDate span
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRecDate span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecDate span
    {
        font-size: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairRecTime
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairRecTime
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairRecTime
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairRecTime
    {
        display: inline-block
    }
}
.fairArcTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500;
    padding-bottom: 1em;
    border-bottom: 1px dashed #303030;
    letter-spacing: .05em;
    margin-bottom: .8em
}
@media only screen and (min-width: 499px)
{
    .fairArcTtl
    {
        font-size: 17px;
        line-height: 1.666
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTtl
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTtl
    {
        font-size: 3.6111vw;
        line-height: 1.5384
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcTtl.ichioshi
    {
        padding-right: 5em
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcComment
    {
        line-height: 1.5714
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcComment
    {
        line-height: 1.666
    }
}
.fairArcBtnArea
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .fairArcBtnArea
    {
        margin-top: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcBtnArea
    {
        margin-top: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea
    {
        margin-top: 7.6388vw
    }
}
.fairArcBtnArea a, .fairArcBtnArea button
{
    display: block;
    position: relative;
    width: 48.6891%
}
@media only screen and (min-width: 499px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .fairArcBtnArea a:hover, .fairArcBtnArea button:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        height: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        height: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea a, .fairArcBtnArea button
    {
        height: 9.7222vw;
        width: 48.6%
    }
}
.fairArcBtnArea a:after, .fairArcBtnArea button:after
{
    content: " ";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    background-image: url(assets/images/common/arw_btn_w_sp.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat
}
@media only screen and (min-width: 499px)
{
    .fairArcBtnArea a:after, .fairArcBtnArea button:after
    {
        width: 22px;
        height: 5px;
        right: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcBtnArea a:after, .fairArcBtnArea button:after
    {
        width: 20px;
        height: 4px;
        right: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea a:after, .fairArcBtnArea button:after
    {
        width: 3.0555vw;
        height: 1vw;
        right: 3.055vw
    }
}
.fairArcBtnArea a span, .fairArcBtnArea button span
{
    font-weight: bold;
    text-align: center;
    color: #fff;
    position: absolute;
    display: block;
    width: 100%;
    top: 50%;
    left: 0;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%)
}
.fairArcBtnArea .postBtn
{
    background: #0f2846;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: bold
}
.fairArcBtnArea .rsvBtn
{
    background: #640028
}
.fairArcBtnArea .rsvBtn span
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: bold
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea .rsvBtn span
    {
        font-size: 3.0555vw;
        line-height: 1.13
    }
}
.fairArcNotes
{
    float: right;
    text-align: center;
    margin-top: 1em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairArcNotes
    {
        font-size: 12px;
        width: 48.6891%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcNotes
    {
        font-size: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcNotes
    {
        font-size: 3.0555vw
    }
}
.fairArcArea
{
    margin-top: 80px
}
@media only screen and (min-width: 499px)
{
    .fairArcArea
    {
        margin-top: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcArea
    {
        margin-top: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcArea
    {
        margin-top: 12.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcDayWrap
    {
        padding-top: 150px;
        margin-top: -150px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcDayWrap
    {
        margin-bottom: 2.7777vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
    .fairArcDayWrap:last-child
    {
        margin-bottom: 0
    }
}
.airArcDay
{
    background: #f6f6f0;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}
@media only screen and (min-width: 499px)
{
    .airArcDay
    {
        width: 5.5555%;
        padding-top: 2em
    }
}
@media only screen and (max-width: 500px)
{
    .airArcDay
    {
        width: 11.6666%;
        padding-top: 1.5em
    }
}
.airArcDay#weekendSat
{
    background: #0f2846;
    color: #fff
}
.airArcDay#weekendSun
{
    background: #640028;
    color: #fff
}
.airArcDay .day
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .airArcDay .day
    {
        font-size: 22px;
        margin-bottom: .4em;
        letter-spacing: -.05em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .airArcDay .day
    {
        font-size: 18px
    }
}
@media only screen and (max-width: 500px)
{
    .airArcDay .day
    {
        font-size: 3.6111vw
    }
    .airArcDay .day span
    {
        display: block;
        margin-bottom: .3em
    }
}
.airArcDay .week
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .airArcDay .week
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .airArcDay .week
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .airArcDay .week
    {
        font-size: 3.0555vw
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcWrap
    {
        width: 83.5%
    }
}
.fairArcListWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .fairArcListWrap
    {
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcListWrap
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcListWrap
    {
        margin-bottom: 2.5vw
    }
}
.fairArcDayWrap:last-child .fairArcListWrap:last-child
{
    margin-bottom: 0
}
.fairArcList
{
    border: 1px solid #e0e0e0
}
@media only screen and (min-width: 499px)
{
    .fairArcList
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 27px 49px 27px 27px;
        margin-bottom: 30px;
        width: 92.5%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcList
    {
        padding: 23px 40px 23px 23px;
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcList
    {
        padding: 3.3333vw;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 2.7777vw
    }
}
.fairArcList:last-child
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .fairArcList .fairArcBtnArea
    {
        margin-top: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcList .fairArcBtnArea
    {
        margin-top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcList .fairArcTtl
    {
        margin-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcList .weekendListRibbon
    {
        right: 7px;
        top: -5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcList .weekendListRibbon
    {
        right: 6px;
        top: -4px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcList .weekendListRibbon
    {
        right: 1.388888vw;
        top: -1px
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcTh
    {
        width: 34.7826%
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTh
    {
        width: 31.1688%
    }
}
.fairArcTh figure
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    display: block;
    position: relative
}
.fairArcTh figure:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (min-width: 499px)
{
    .fairArcTxt
    {
        width: 61.9565%;
        padding-top: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTxt
    {
        padding-top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTxt
    {
        width: 64.935%
    }
}
.fairArcTxt .fairArcTtl
{
    padding-bottom: .7em
}
@media only screen and (min-width: 499px)
{
    .fairArcTxt .fairArcTtl
    {
        font-size: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTxt .fairArcTtl
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTxt .fairArcTtl
    {
        font-size: 3.5vw;
        letter-spacing: 0;
        border-bottom: none;
        padding-bottom: 0
    }
}
.fairArcDateWrap
{
    border-left: 2px solid #303030;
    padding-left: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairArcDateWrap
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcDateWrap
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcDateWrap
    {
        margin-bottom: 2.7777vw
    }
}
.fairArcDateWrap.Sat
{
    border-left: 2px solid #0f2846
}
.fairArcDateWrap.Sun
{
    border-left: 2px solid #640028
}
.fairArcTagWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media only screen and (min-width: 499px)
{
    .fairArcTagWrap
    {
        margin-top: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTagWrap
    {
        margin-top: 16px
    }
}
.fairArcTag
{
    border: 1px solid #303030;
    text-align: center;
    line-height: 1.666;
    padding: .5em 1.2em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairArcTag
    {
        margin: 0 6px 8px 0;
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTag
    {
        margin: 0 6px 7px 0;
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTag
    {
        margin-bottom: 1.1111vw;
        font-size: 2.7777vw;
        margin-right: 2%
    }
}
@media only screen and (min-width: 499px)
{
    .fairArcTag.fairArcTagSmall
    {
        font-size: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcTag.fairArcTagSmall
    {
        font-size: 10px;
        letter-spacing: -.1em
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcTag.fairArcTagSmall
    {
        letter-spacing: -.1em
    }
}
.fairArcPageBtnWrap
{
    border-top: 1px dotted #303030;
    display: block;
    clear: both;
    overflow: hidden
}
@media only screen and (min-width: 499px)
{
    .fairArcPageBtnWrap
    {
        margin-top: 60px;
        padding-top: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcPageBtnWrap
    {
        margin-top: 50px;
        padding-top: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcPageBtnWrap
    {
        margin-top: 8.3333vw;
        padding-top: 7.6388vw
    }
}
.fairArcPageBtn
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .fairArcPageBtn
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcPageBtn
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcPageBtn
    {
        font-size: 3.3333vw
    }
}
.fairArcPageBtn span, .fairArcPageBtn img
{
    display: inline-block;
    vertical-align: middle
}
.fairArcPageBtn span
{
    padding: 0 1.5em
}
.fairArcPageBtn img
{
    padding-bottom: .3em
}
@media only screen and (min-width: 499px)
{
    .fairArcPageBtn img
    {
        width: 22px;
        height: auto
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairArcPageBtn img
    {
        width: 18px;
        height: auto
    }
}
@media only screen and (max-width: 500px)
{
    .fairArcPageBtn img
    {
        width: 4.8888vw;
        height: auto
    }
}
.fairArcPageBtnPrv
{
    float: left
}
.fairArcPageBtnNxt
{
    float: right
}
.fairPostInner
{
    border: 1px solid rgba(170,135,32,.6);
    position: relative
}
@media only screen and (min-width: 499px)
{
    .fairPostInner
    {
        padding: 48px 48px 63px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostInner
    {
        padding: 40px 40px 52px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostInner
    {
        padding: 6.9444vw 6.9444vw 11.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostRibbon
    {
        right: 28px;
        top: -4px;
        width: 177px;
        height: 105px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRibbon
    {
        right: 23px;
        top: -3px;
        width: 146px;
        height: 87px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRibbon
    {
        right: 2.916666vw;
        top: -.555555vw;
        width: 31.091527777vw;
        height: 18.438888vw
    }
}
.fairPostDateWrap
{
    border-left: 2px solid #303030;
    padding-left: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairPostDateWrap
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostDateWrap
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostDateWrap
    {
        margin-bottom: 4.0277vw
    }
}
.sat .fairPostDateWrap
{
    border-left: 2px solid #0f2846;
    color: #0f2846
}
.sun .fairPostDateWrap
{
    border-left: 2px solid #640028;
    color: #640028
}
.fairPostDate
{
    letter-spacing: .05em
}
@media only screen and (min-width: 499px)
{
    .fairPostDate
    {
        font-size: 14px;
        display: inline-block
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostDate
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostDate
    {
        font-size: 3.6111vw;
        margin-bottom: 2.0833vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostDate span
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostDate span
    {
        font-size: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostDate span
    {
        font-size: 2.7777vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostTime
    {
        display: inline-block
    }
}
.fairPostTtl
{
    letter-spacing: .1em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .fairPostTtl
    {
        font-size: 22px;
        line-height: 1.181;
        margin-bottom: 20px;
        width: 80%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostTtl
    {
        font-size: 18px;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostTtl
    {
        font-size: 3.6111vw;
        line-height: 1.538;
        margin-bottom: 3.4722vw
    }
}
.fairPostTagWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media only screen and (min-width: 499px)
{
    .fairPostTagWrap
    {
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostTagWrap
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostTagWrap
    {
        margin-bottom: 7.9166vw
    }
}
.fairPostTag
{
    border: 1px solid #303030;
    text-align: center;
    line-height: 1.666;
    padding: .5em 1.2em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairPostTag
    {
        margin-right: 6px;
        margin-bottom: 8px;
        font-size: 13px
    }
    .fairPostTag:nth-child(7n)
    {
        margin-right: 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostTag
    {
        font-size: 6px;
        margin-bottom: 7px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostTag
    {
        margin-bottom: 1.1111vw;
        font-size: 2.7777vw;
        margin-right: 2%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostTag.fairPostTagSmall
    {
        font-size: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostTag.fairPostTagSmall
    {
        font-size: 10px;
        letter-spacing: -.1em
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostDescription
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 53px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostDescription
    {
        margin-bottom: 43px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostDescription
    {
        margin-bottom: 11.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostTh
    {
        width: 39.886%
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostTh
    {
        margin-bottom: 3.4722vw
    }
}
.fairPostTh figure
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    display: block;
    position: relative
}
.fairPostTh figure:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (min-width: 499px)
{
    .fairPostTxt
    {
        width: 56.136%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostComment
    {
        line-height: 1.571;
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostComment
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostComment
    {
        line-height: 1.666;
        margin-bottom: 6.25vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecial
    {
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostSpecial
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecial
    {
        margin-bottom: 8.3333vw
    }
}
.fairPostConTtl
{
    padding-left: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairPostConTtl
    {
        font-size: 18px;
        margin-bottom: 20px;
        border-left: 4px solid #0f2846
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostConTtl
    {
        font-size: 15px;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostConTtl
    {
        font-size: 4.1666vw;
        margin-bottom: 3.4722vw;
        border-left: .8333vw solid #0f2846
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecialContent
    {
        padding-left: 1.2em
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent
    {
        padding-left: 1em
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecialContent .fairSingleBenefit
    {
        margin-bottom: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostSpecialContent .fairSingleBenefit
    {
        margin-bottom: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent .fairSingleBenefit
    {
        margin-bottom: 4.1666vw
    }
}
.fairPostSpecialContent .fairSingleBenefit tr .name, .fairPostSpecialContent .fairSingleBenefit tr .txt
{
    line-height: 1.6;
    position: relative;
    vertical-align: top
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecialContent .fairSingleBenefit tr .name, .fairPostSpecialContent .fairSingleBenefit tr .txt
    {
        letter-spacing: .1em
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent .fairSingleBenefit tr .name, .fairPostSpecialContent .fairSingleBenefit tr .txt
    {
        font-size: 3.0555vw
    }
}
.fairPostSpecialContent .fairSingleBenefit tr .name:first-child, .fairPostSpecialContent .fairSingleBenefit tr .txt:first-child
{
    padding-left: 1.5em
}
.fairPostSpecialContent .fairSingleBenefit tr .name:first-child:before, .fairPostSpecialContent .fairSingleBenefit tr .txt:first-child:before
{
    content: "　";
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/plan/plan_emblem.svg);
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(25%);
    transform: translateY(25%)
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecialContent .fairSingleBenefit tr .name:first-child:before, .fairPostSpecialContent .fairSingleBenefit tr .txt:first-child:before
    {
        width: 13px;
        height: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostSpecialContent .fairSingleBenefit tr .name:first-child:before, .fairPostSpecialContent .fairSingleBenefit tr .txt:first-child:before
    {
        width: 11px;
        height: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent .fairSingleBenefit tr .name:first-child:before, .fairPostSpecialContent .fairSingleBenefit tr .txt:first-child:before
    {
        width: 3.75vw;
        height: 3.75vw
    }
}
.fairPostSpecialContent .fairSingleBenefit tr .name
{
    font-weight: normal;
    padding-right: 1em;
    white-space: nowrap
}
.fairPostSpecialContent .fairSingleBenefit tr .name:after
{
    content: ":";
    position: absolute;
    top: 0;
    right: .4em;
    display: block
}
.fairPostSpecialContent .notes tr th, .fairPostSpecialContent .notes tr td
{
    vertical-align: top;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairPostSpecialContent .notes tr th, .fairPostSpecialContent .notes tr td
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostSpecialContent .notes tr th, .fairPostSpecialContent .notes tr td
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent .notes tr th, .fairPostSpecialContent .notes tr td
    {
        font-size: 3vw
    }
}
.fairPostSpecialContent .notes tr th
{
    position: relative;
    padding-right: 1em;
    line-height: 1.692;
    font-weight: normal;
    white-space: nowrap
}
.fairPostSpecialContent .notes tr th:after
{
    content: ":";
    position: absolute;
    top: 0;
    right: .4em;
    display: block
}
.fairPostSpecialContent .notes tr td
{
    line-height: 1.692
}
@media only screen and (max-width: 500px)
{
    .fairPostSpecialContent .notes tr td
    {
        text-align: justify
    }
}
.fairPostSpecialContent .notes tr.notesOne th
{
    width: auto
}
.fairPostSpecialContent .notes tr.notesOne td
{
    width: auto
}
@media only screen and (min-width: 499px)
{
    .fairPostBtn.left, .fairPostFormBtn.left
    {
        text-align: left
    }
    .fairPostBtn.left button, .fairPostBtn.left a, .fairPostFormBtn.left button, .fairPostFormBtn.left a
    {
        margin-left: 0;
        margin-right: auto
    }
}
.fairPostBtn button, .fairPostFormBtn button
{
    margin-top: 0
}
@media only screen and (min-width: 499px)
{
    .fairPostBtn button, .fairPostFormBtn button
    {
        font-size: 14px;
        padding: 14px 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostBtn button, .fairPostFormBtn button
    {
        font-size: 12px;
        padding: 12px 0
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostBtn button, .fairPostFormBtn button
    {
        font-size: 3.3333vw;
        padding: 3.34722vw 0
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostRec
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRec
    {
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRec
    {
        margin-bottom: 11.8055vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostRecInner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex: 0 1 auto
    }
}
.fairPostRecList
{
    border: 1px solid #aa8720
}
@media only screen and (min-width: 499px)
{
    .fairPostRecList
    {
        width: 48.409%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 1 auto
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecList
    {
        margin-bottom: 2.0833vw
    }
    .fairPostRecList:last-child
    {
        margin-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTh
    {
        width: 45.774%
    }
}
.fairPostRecTh span
{
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-size: cover;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTh span
    {
        padding-bottom: 133.3333%
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTh span
    {
        padding-bottom: 56%
    }
}
.fairPostRecTxt
{
    background: #f6f6f0;
    -ms-flex: 0 1 auto
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTxt
    {
        width: 54.226%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRecTxt
    {
        padding: 4px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTxt
    {
        padding: 1.3888vw
    }
}
.fairPostRecTxtInner
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTxtInner
    {
        padding: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRecTxtInner
    {
        padding: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTxtInner
    {
        padding: 4.1666vw 3.0555vw
    }
}
.fairPostRecTxtInner>div
{
    -ms-flex: 0 1 auto
}
.fairPostRecTtl
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTtl
    {
        margin-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRecTtl
    {
        margin-bottom: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTtl
    {
        margin-bottom: 3.4722vw
    }
}
.fairPostRecTtl span
{
    display: block
}
.fairPostRecTtl .en
{
    color: #aa8720;
    font-family: 'Pinyon Script',cursive;
    margin-bottom: .2em
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTtl .en
    {
        font-size: 36px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRecTtl .en
    {
        font-size: 30px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTtl .en
    {
        font-size: 8.75vw
    }
}
.fairPostRecTtl .jp
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    letter-spacing: .12em
}
@media only screen and (min-width: 499px)
{
    .fairPostRecTtl .jp
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostRecTtl .jp
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostRecTtl .jp
    {
        font-size: 3.61111vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostReccomment
    {
        line-height: 1.714;
        letter-spacing: -.01em;
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostReccomment
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostReccomment
    {
        font-size: 2.7777vw;
        line-height: 2
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostInc
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostInc
    {
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostInc
    {
        margin-bottom: 8.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostIncInner dl
    {
        border-top: 1px solid #e0e0e0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    .fairPostIncInner dl:last-child
    {
        border-bottom: 1px solid #e0e0e0
    }
    .fairPostIncInner dl dt
    {
        background: #f6f6f0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 32.5%;
        padding: 15px
    }
    .fairPostIncInner dl dd
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 67.5%;
        padding: 27px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostIncInner dl dt
    {
        padding: 13px
    }
    .fairPostIncInner dl dd
    {
        padding: 22px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostIncInner dl
    {
        margin-bottom: 7.5vw
    }
    .fairPostIncInner dl dt
    {
        text-align: center;
        padding-bottom: 3.75vw;
        border-bottom: 1px dotted #303030;
        margin-bottom: 4.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostIncTh
    {
        width: 32.812%;
        -webkit-box-shadow: 1.4px 1.4px 0 0 rgba(215,201,181,.5);
        box-shadow: 1.4px 1.4px 0 0 rgba(215,201,181,.5)
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostIncTh
    {
        -webkit-box-shadow: .6111vw .6111vw 0 0 rgba(215,201,181,.5);
        box-shadow: .6111vw .6111vw 0 0 rgba(215,201,181,.5);
        margin-bottom: 3.75vw
    }
}
.fairPostIncTh span
{
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-size: cover;
    background-position: center
}
@media only screen and (min-width: 499px)
{
    .fairPostIncTh span
    {
        padding-bottom: 100%
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostIncTh span
    {
        padding-bottom: 56%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostIncTtl
    {
        width: 60.156%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostIncTtl
    {
        width: 60.156%
    }
}
.fairPostIncTtl p
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .fairPostIncTtl p
    {
        font-size: 13px;
        letter-spacing: .1em;
        line-height: 1.692
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostIncTtl p
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostIncTtl p
    {
        font-size: 3.6111vw;
        letter-spacing: .12em;
        line-height: 1.6
    }
}
.fairPostIncTxt
{
    -ms-flex: 0 1 auto
}
.fairPostIncTxt p
{
    -ms-flex: 0 1 auto;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (min-width: 499px)
{
    .fairPostIncTxt p
    {
        line-height: 1.714
    }
    .fairPostIncTxt p.smallPC
    {
        letter-spacing: -.04em
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostIncTxt p
    {
        line-height: 1.666
    }
    .fairPostIncTxt p.small
    {
        letter-spacing: -.04em
    }
}
#overlayRsv
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 800;
    width: 100%;
    background: rgba(48,48,48,.6);
    display: none
}
.fairPostFormWrap
{
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 900;
    display: none
}
.fairPostForm
{
    background: #fff;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .fairPostForm
    {
        padding: 55px 100px 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostForm
    {
        padding: 45px 82px 41px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostForm
    {
        padding: 9.7222vw 6.25vw 11.1111vw
    }
}
.fairPostForm h3
{
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairPostForm h3
    {
        font-size: 20px;
        margin-bottom: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostForm h3
    {
        font-size: 16px;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostForm h3
    {
        font-size: 3.6111vw;
        margin-bottom: 7.6388vw
    }
}
.close
{
    position: absolute
}
@media only screen and (min-width: 499px)
{
    .close
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .close:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .close
    {
        width: 26px;
        top: 25px;
        right: 25px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .close
    {
        width: 21px;
        top: 20px;
        right: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .close
    {
        width: 5.5555vw;
        top: 4.8611vw;
        right: 4.8611vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon
    {
        margin-bottom: 34px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostFormCon
    {
        margin-bottom: 28px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon
    {
        margin-bottom: 8.1944vw
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dl:first-child
    {
        width: 64.772%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dl:last-child
    {
        width: 35.228%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dl:last-child dt
    {
        border-right: 1px solid #6e7887
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dl:last-child dd
    {
        border-right: 1px solid #6e7887
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dl:last-child dd
    {
        border-bottom: 1px solid #6e7887
    }
}
.fairPostFormCon dt
{
    text-align: center;
    padding: 1em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dt
    {
        font-size: 18px;
        border-top: 1px solid #6e7887;
        border-left: 1px solid #6e7887;
        border-bottom: 1px solid #6e7887
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostFormCon dt
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dt
    {
        font-size: 3.3333vw;
        border-top: 1px solid #6e7887;
        border-left: 1px solid #6e7887;
        border-right: 1px solid #6e7887
    }
}
.fairPostFormCon dd
{
    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
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd
    {
        height: 167px;
        border-left: 1px solid #6e7887;
        border-bottom: 1px solid #6e7887
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostFormCon dd
    {
        height: 137px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd
    {
        border-top: 1px solid #6e7887;
        border-left: 1px solid #6e7887;
        border-right: 1px solid #6e7887;
        padding: 1.5em
    }
}
.fairPostFormCon dd .fairPostFormTh
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .fairPostFormTh
    {
        width: 20.97%
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .fairPostFormTh
    {
        width: 33.877%
    }
}
.fairPostFormCon dd .fairPostFormTh:after
{
    content: " ";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    background: #f7f7f3;
    opacity: .15
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .fairPostFormTh img
    {
        -webkit-box-shadow: 3.6px 3.6px 0 0 rgba(60,80,100,.2);
        box-shadow: 3.6px 3.6px 0 0 rgba(60,80,100,.2)
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .fairPostFormTh img
    {
        -webkit-box-shadow: .6902vw .6902vw 0 0 rgba(60,80,100,.2);
        box-shadow: .6902vw .6902vw 0 0 rgba(60,80,100,.2)
    }
}
.fairPostFormCon dd .fairPostFormTh figure
{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%;
    display: block
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .fairPostFormTh figure
    {
        -webkit-box-shadow: 3.6px 3.6px 0 0 rgba(60,80,100,.2);
        box-shadow: 3.6px 3.6px 0 0 rgba(60,80,100,.2)
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .fairPostFormTh figure
    {
        -webkit-box-shadow: .6902vw .6902vw 0 0 rgba(60,80,100,.2);
        box-shadow: .6902vw .6902vw 0 0 rgba(60,80,100,.2)
    }
}
.fairPostFormCon dd .fairPostFormTtl
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .fairPostFormTtl
    {
        width: 65.043%;
        margin-left: 23px;
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostFormCon dd .fairPostFormTtl
    {
        width: 65.043%;
        margin-left: 19px;
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .fairPostFormTtl
    {
        width: 60.612%;
        margin-left: 5%
    }
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .fairPostFormTtl p
    {
        line-height: 1.444
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .fairPostFormTtl p
    {
        font-size: 3.6111vw;
        line-height: 1.538
    }
}
.fairPostFormCon dd .ddFormWrap
{
    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
}
.fairPostFormCon dd .ddFormWrap .date
{
    margin-right: 1em
}
@media only screen and (min-width: 499px)
{
    .fairPostFormCon dd .ddFormWrap .date
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .fairPostFormCon dd .ddFormWrap .date
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .fairPostFormCon dd .ddFormWrap .date
    {
        font-size: 3.75vw
    }
}
.fairOnly
{
    display: none
}
@media only screen and (min-width: 499px)
{
    #fairBenefit
    {
        padding-bottom: 80px
    }
    #fairBenefit .fairOnly.pcH
    {
        display: block !important
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairBenefit
    {
        padding-bottom: 66px
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit
    {
        padding-bottom: 8.75vw
    }
}
#fairBenefit .fairOnly
{
    display: block
}
#fairBenefit .fairOnlyNo
{
    display: none !important
}
@media only screen and (min-width: 499px)
{
    #fairBenefit .topFairSp
    {
        margin-top: 0
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp
    {
        margin-top: 0;
        font-size: 4.8611vw
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp dl
    {
        padding-left: 0;
        padding-right: 0
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp dl dt, #fairBenefit .topFairSp dl dd
    {
        width: 100%
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp dl dt
    {
        padding-bottom: 6.25vw;
        cursor: pointer;
        position: relative;
        height: auto !important
    }
    #fairBenefit .topFairSp dl dt:after
    {
        content: " ";
        display: block;
        width: 3.2345vw;
        height: 1.7743vw;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        background-image: url(assets/images/fair/arw_bnf.svg);
        position: absolute;
        top: 50%;
        right: 4.1666vw;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
    #fairBenefit .topFairSp dl dt.active:after
    {
        background-image: url(assets/images/fair/cls_bnf.svg);
        width: 2.3794vw;
        height: 2.3794vw;
        display:none
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp dl dd
    {
        border-left: none;
        border-top: 1px dashed #640028;
        padding: 5.5555vw 0 6.25vw;
        margin: 0 auto;
        width: 72vw;
        display: none
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp .topFairSpComment
    {
        text-align: center
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp .topFairSpTable tr, #fairBenefit .topFairSp .topFairSpTable th, #fairBenefit .topFairSp .topFairSpTable td
    {
        display: block;
        width: 100%;
        letter-spacing: 0
    }
}
@media only screen and (max-width: 500px)
{
    #fairBenefit .topFairSp .topFairSpTable tr
    {
        margin-bottom: 2.7777vw
    }
    #fairBenefit .topFairSp .topFairSpTable tr:last-child
    {
        margin-bottom: 0
    }
}
#fairArchive #topBenefits:first-child .topFairSp
{
    margin-top: 0
}
#fairArchive #topBenefits dl
{
    background: #fcfcfb
}
@media only screen and (max-width: 500px)
{
    #fairArchive .topFairSpTable th
    {
        width: 32%
    }
}
@media only screen and (max-width: 500px)
{
    #fairArchive .topFairSpTable td
    {
        width: 68%
    }
}
.benefitsAreaTtl
{
    text-align: center;
    letter-spacing: .12em;
    color: #640028;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .benefitsAreaTtl
    {
        font-size: 22px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .benefitsAreaTtl
    {
        font-size: 18px
    }
}
@media only screen and (max-width: 500px)
{
    .benefitsAreaTtl
    {
        font-size: 3.8888vw;
        line-height: 1.6;
        -webkit-transform: translateY(-25%);
        transform: translateY(-25%)
    }
}
.airArcDay.Sat
{
    background: #0f2846;
    color: #fff
}
.airArcDay.Sun
{
    background: #640028;
    color: #fff
}
.fairArcBtnArea form
{
    width: 48.6891%
}
.fairArcBtnArea button
{
    width: 100%
}
.fairArcList
{
    position: relative
}
@media only screen and (max-width: 500px)
{
    .fairArcBtnArea button
    {
        margin: 0;
        padding: 0;
        font-size: 3.0555vw;
        height: 9.7222vw;
        line-height: 1.13
    }
    .fairArcBtnArea button:after
    {
        width: 3.0555vw;
        height: 1vw;
        right: 3.055vw
    }
}
#fairMovie
{
    text-align: center;
    background: #fff
}
@media only screen and (min-width: 499px)
{
    #fairMovie
    {
        padding-top: 70px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #fairMovie
    {
        padding-top: 58px
    }
}
@media only screen and (max-width: 500px)
{
    #fairMovie {
        padding: 30px 15px 20px;
    }
    #fairMovie video
    {
        width: 100%
    }
}
#fairMovie p
{
    margin-top: .5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    line-height: 1.6;
}
@media only screen and (min-width: 499px)
{
    #fairMovie p
    {
        font-size: 14px
    }
}
@media only screen and (max-width: 500px)
{
    #fairMovie p
    {
        font-size: 3.3vw
    }
}
@media only screen and (max-width: 500px)
{
    #mainvPlan .manvUnderComment
    {
        font-size: 3vw
    }
}
@media only screen and (max-width: 500px)
{
    #mainvPlan .manvUnderLead
    {
        font-size: 3.7vw;
        letter-spacing: 0
    }
}
.planList
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .planList
    {
        margin-bottom: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planList
    {
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .planList
    {
        margin-bottom: 11.0416vw;
        padding-top: 10.9722vw
    }
}
.planList:last-child
{
    margin-bottom: 0
}
.planList.planListRecommend
{
    border-top: 2px solid #c199a9;
    border-bottom: 2px solid #c199a9
}
.planList.planListRecommend .planName
{
    color: #640028
}
.planList.planListRecommend .planNum span
{
    background: #640028
}
.planList.planListRecommend .planListTxt.active
{
    border-bottom: 1px dashed #506e82
}
.planList.planListRecommend .planConTtl
{
    border-left-color: #640028
}
.planList.planListRecommend .planConHead
{
    color: #640028
}
.planList.planListRecommend .planListIncludedTable td
{
    background: #fff
}
@media only screen and (max-width: 500px)
{
    .planList.planListRecommend .planListIncludedTable td
    {
        padding-right: .5em
    }
}
@media only screen and (max-width: 500px)
{
    .planListTop
    {
        position: relative
    }
}
.planListRibbon 
{
    position: absolute
}
@media only screen and (min-width: 499px)
{
    .planListRibbon 
    {
        right: 10px;
        top: -10px;
        width: 135px
    }
    .planListRibbon img + img {
        position: absolute;
        right: 140px;
        top: 0px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListRibbon
    {
        right: 10px;
        top: -8px;
        width: 135px
    }

    .planListRibbon img + img {
        position: absolute;
        right: 140px;
        top: 0;
        width: 135px;
    }
}
@media only screen and (max-width: 500px)
{
    .planListRibbon
    {
        width: 20vw;
        right: -7.5vw;
        top: -11.5vw;
        z-index: 20;
    }
    .planListRibbon img + img {
        position: absolute;
        right: 20vw;
    }
}
@media only screen and (min-width: 499px)
{
    .planListRibbon .ribbonRec
    {
        margin-bottom: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .planListRibbon .ribbonRec
    {
        margin-bottom: 2vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListTopInner
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (min-width: 499px)
{
    .planListTh
    {
        width: 30.612245%
    }
}
@media only screen and (max-width: 500px)
{
    .planListTh
    {
        margin-bottom: 6vw;
        position: relative;
        left: -.8vw
    }
}
.planListTh figure
{
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
@media only screen and (min-width: 499px)
{
    .planListTh figure
    {
        -webkit-box-shadow: 15px 15px 0 0 rgba(175,180,195,.2);
        box-shadow: 15px 15px 0 0 rgba(175,180,195,.2);
        padding-bottom: 100%;
        background-position: center
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListTh figure
    {
        -webkit-box-shadow: 12px 12px 0 0 rgba(175,180,195,.2);
        box-shadow: 12px 12px 0 0 rgba(175,180,195,.2)
    }
}
@media only screen and (max-width: 500px)
{
    .planListTh figure
    {
        -webkit-box-shadow: 2vw 2vw 0 0 rgba(175,180,195,.2);
        box-shadow: 2vw 2vw 0 0 rgba(175,180,195,.2);
        padding-bottom: 56.36%;
        background-position: center
    }
}
@media only screen and (min-width: 499px)
{
    .planListTxt
    {
        width: 62.040816%
    }
}
.planListTxt.active
{
    border-bottom: 1px dashed #303030;
    padding-bottom: 20px
}
@media only screen and (max-width: 500px)
{
    .planListTxt.active
    {
        padding-bottom: 5vw
    }
}
.planListLead
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .planListLead
    {
        letter-spacing: .12em;
        font-size: 16px;
        line-height: 2.0125;
        margin-top: 1em;
        margin-bottom: 2em;
        padding-right: 110px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListLead
    {
        font-size: 13px;
        margin-bottom: 25px;
        padding-right: 91px
    }
}
@media only screen and (max-width: 500px)
{
    .planListLead
    {
        font-size: 4.1666vw;
        line-height: 1.6666;
        margin-bottom: 3.3333vw
    }
}
.planName
{
    color: #aa8720
}
@media only screen and (min-width: 499px)
{
    .planName
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planName
    {
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .planName
    {
        margin-bottom: 3.6111vw
    }
}
.planName .en
{
    letter-spacing: .08em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .planName .en
    {
        font-size: 25px;
        display: inline-block;
        margin-bottom: 7px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planName .en
    {
        font-size: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .planName .en
    {
        font-size: 6.1111vw;
        display: inline-block;
        margin-bottom: 1.8vw
    }
}
.planName .jp
{
    letter-spacing: .12em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
    line-height: 1.7;
}
@media only screen and (min-width: 499px)
{
    .planName .jp
    {
        display: inline-block;
        margin-top: .3em;
        margin-left: 0.8em;
    }
}
@media only screen and (max-width: 500px)
{
    .planName .jp
    {
        font-size: 2.9166vw;
        display: block
    }
}
@media only screen and (min-width: 499px)
{
    .planNum
    {
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planNum
    {
        margin-bottom: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .planNum
    {
        margin-bottom: 2.7777vw
    }
}
.planNum span
{
    display: inline-block;
    background: #aa8720;
    color: #fff;
    letter-spacing: .16em
}
@media only screen and (min-width: 499px)
{
    .planNum span
    {
        padding: 3px 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planNum span
    {
        padding: 2px 8px
    }
}
@media only screen and (max-width: 500px)
{
    .planNum span
    {
        font-size: 3.0555vw;
        padding: .8333vw 1.6666vw
    }
}
@media only screen and (min-width: 499px)
{
    .planPriceWrap
    {
        margin-bottom: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planPriceWrap
    {
        margin-bottom: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .planPriceWrap
    {
        margin-bottom: 4.4444vw
    }
}
.planPriceWrap>*
{
    display: inline-block;
    letter-spacing: .16em;
    font-weight: bold
}
.planPrice
{
    font-weight: bold;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .planPrice
    {
        font-size: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planPrice
    {
        font-size: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .planPrice
    {
        font-size: 4.1666vw
    }
}
.planPrice .num
{
    font-weight: normal;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .planPrice .num
    {
        font-size: 36px;
        letter-spacing: .07em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planPrice .num
    {
        font-size: 30px
    }
}
@media only screen and (max-width: 500px)
{
    .planPrice .num
    {
        font-size: 7.5vw
    }
}
.planPriceTax
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (max-width: 500px)
{
    .planPriceTax
    {
        font-size: 3.0555vw
    }
}
.planPriceNum
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .planPriceNum
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planPriceNum
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .planPriceNum
    {
        font-size: 3.6111vw
    }
}
@media only screen and (min-width: 499px)
{
    .planPriceNum span
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planPriceNum span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .planPriceNum span
    {
        font-size: 3.0555vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListComment
    {
        line-height: 1.7
    }
}
@media only screen and (max-width: 500px)
{
    .planListComment
    {
        line-height: 1.666;
        margin-bottom: 7.5vw
    }
}
.planBtnOpen button
{
    font-weight: bold
}
@media only screen and (min-width: 499px)
{
    .planBtnOpen button
    {
        font-size: 14px;
        padding: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planBtnOpen button
    {
        font-size: 12px;
        padding: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .planBtnOpen button
    {
        margin-top: 0;
        font-size: 3.3333vw
    }
}
.planListContent
{
    display: none
}
@media only screen and (min-width: 499px)
{
    .planListContent
    {
        margin-top: 76px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListContent
    {
        margin-top: 63px
    }
}
@media only screen and (max-width: 500px)
{
    .planListContent
    {
        margin-top: 5vw
    }
}
.planConTtl
{
    padding-left: .5em;
    letter-spacing: .1em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .planConTtl
    {
        font-size: 21px;
        border-left: 4px solid #0f2846;
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planConTtl
    {
        font-size: 17px;
        border-left: 3px solid #0f2846;
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .planConTtl
    {
        font-size: 4.1666vw;
        border-left: .8333vw solid #0f2846;
        margin-bottom: 3.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .planConTtl span
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planConTtl span
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .planConTtl span
    {
        font-size: 3.6111vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListSpecial
    {
        margin-bottom: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListSpecial
    {
        margin-bottom: 29px
    }
}
@media only screen and (max-width: 500px)
{
    .planListSpecial
    {
        margin-bottom: 7.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListSpecialList
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
@media only screen and (min-width: 499px)
{
    .planListSpecialList ul
    {
        margin-right: 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListSpecialList ul
    {
        margin-right: 33px
    }
}
.planListSpecialList ul li
{
    position: relative;
    padding-left: 1.5em;
    letter-spacing: .1em
}
@media only screen and (min-width: 499px)
{
    .planListSpecialList ul li
    {
        margin-bottom: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListSpecialList ul li
    {
        margin-bottom: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .planListSpecialList ul li
    {
        margin-bottom: 3.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListSpecialList ul li:last-child
    {
        margin-bottom: 0
    }
}
.planListSpecialList ul li:before
{
    content: "　";
    display: block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/plan/plan_emblem.svg);
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media only screen and (min-width: 499px)
{
    .planListSpecialList ul li:before
    {
        width: 15px;
        height: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListSpecialList ul li:before
    {
        width: 13px;
        height: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .planListSpecialList ul li:before
    {
        width: 4.02777vw;
        height: 4.02777vw
    }
}
@media only screen and (max-width: 500px)
{
    .planListSpecialList ul:last-child li:last-child
    {
        margin-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .planListPeriod
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListPeriod
    {
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .planListPeriod
    {
        margin-bottom: 7.5vw
    }
}
@media only screen and (min-width: 499px)
{
    .planListPeriodContent
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListPeriodContent
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .planListPeriodContent
    {
        margin-bottom: 3.0555vw
    }
}
.planListPeriodContent:last-child
{
    margin-bottom: 0
}
.planListPeriodContent p
{
    line-height: 1.7
}
@media only screen and (max-width: 500px)
{
    .planListPeriodContent p
    {
        font-size: 3.0555vw;
        letter-spacing: .05em
    }
}
.planListPeriodContent p.notes
{
    margin-top: .5em
}
@media only screen and (min-width: 499px)
{
    .planListPeriodContent p.notes
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListPeriodContent p.notes
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .planListPeriodContent p.notes
    {
        font-size: 2.9166vw;
        letter-spacing: .03em
    }
}
.planConHead
{
    margin-bottom: .5em;
    margin-left: -.5em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable
    {
        display: block
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable tbody
    {
        display: block
    }
}
.planListIncludedTable th, .planListIncludedTable td
{
    border-top: 1px solid #afb4c3;
    font-weight: normal;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable th, .planListIncludedTable td
    {
        display: block
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable tr
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
.planListIncludedTable tr:last-child th
{
    border-bottom: 1px solid #797f93
}
.planListIncludedTable tr:last-child td
{
    border-bottom: 1px solid #afb4c3
}
.planListIncludedTable th
{
    text-align: center;
    background: #afb4c3;
    color: #fff;
    border-top: 1px solid #797f93
}
@media only screen and (min-width: 499px)
{
    .planListIncludedTable th
    {
        padding: 15px 10px;
        width: 15.8%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListIncludedTable th
    {
        padding: 12px 8px
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable th
    {
        padding: 4vw 0;
        width: 32.6%;
        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.666
    }
}
@media only screen and (min-width: 499px)
{
    .planListIncludedTable td
    {
        padding: 15px 28px 15px 16px;
        width: 34.2%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planListIncludedTable td
    {
        padding: 12px 23px 12px 21px
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable td
    {
        padding: 4.3055vw 0 4.3055vw 3.3333vw;
        width: 67.4%
    }
}
.planListIncludedTable td>*
{
    display: inline-block;
    vertical-align: middle
}
@media only screen and (min-width: 499px)
{
    .planListIncludedTable td .check
    {
        width: 10.3448%
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable td .check
    {
        width: 13.5642%;
        font-size: 3.0555vw
    }
}
.planListIncludedTable td p
{
    line-height: 1.7
}
@media only screen and (min-width: 499px)
{
    .planListIncludedTable td p
    {
        width: 89.6552%
    }
}
@media only screen and (max-width: 500px)
{
    .planListIncludedTable td p
    {
        width: 86.4358%;
        font-size: 2.9166vw
    }
}
.planBtnClose button
{
    font-weight: bold
}
@media only screen and (min-width: 499px)
{
    .planBtnClose button
    {
        font-size: 14px;
        padding: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planBtnClose button
    {
        font-size: 12px;
        padding: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .planBtnClose button
    {
        font-size: 3.3333vw
    }
}
.planBtnClose button:after
{
    background-image: url(assets/images/common/close.svg)
}
@media only screen and (min-width: 499px)
{
    .planBtnClose button:after
    {
        width: 11px;
        height: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .planBtnClose button:after
    {
        width: 9px;
        height: 9px
    }
}
@media only screen and (max-width: 500px)
{
    .planBtnClose button:after
    {
        width: 2.0833vw;
        height: 2.0833vw
    }
}
@media only screen and (min-width: 499px)
{
    .contentWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 1120px;
        margin: 83px auto 0;
        padding: 0 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contentWrap
    {
        width: 1024px;
        margin: 68px auto 0
    }
}
@media only screen and (max-width: 500px)
{
    .contentWrap
    {
        margin: 10.8333vw auto 0
    }
    .contentWrap.nomtsp
    {
        margin-top: 0
    }
}
@media only screen and (min-width: 499px)
{
    .contentWrap .content
    {
        width: 73.1481%;
        margin: 0;
        padding: 0 0 95px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contentWrap .content
    {
        padding: 0 0 78px
    }
}
@media only screen and (min-width: 499px)
{
    .contentWrap .content.postInfo
    {
        padding: 0 0 75px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .contentWrap .content.postInfo
    {
        padding: 0 0 62px
    }
}
@media only screen and (min-width: 499px)
{
    .contentWrap #sidebar
    {
        width: 22.7777%
    }
}
@media only screen and (max-width: 500px)
{
    .contentWrap #sidebar
    {
        width: 88.8888vw;
        margin: 0 auto;
        padding-bottom: 11.9444vw
    }
}
.categoryWrap
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    .categoryWrap
    {
        margin-top: 94px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .categoryWrap
    {
        margin-top: 77px
    }
}
@media only screen and (max-width: 500px)
{
    .categoryWrap ul
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}
.categoryWrap ul li
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .categoryWrap ul li
    {
        border-right: 1px solid #303030;
        display: inline-block
    }
}
@media only screen and (max-width: 500px)
{
    .categoryWrap ul li
    {
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        border-bottom: 1px solid #fff;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}
.categoryWrap ul li:last-child
{
    border-right: none
}
@media only screen and (min-width: 499px)
{
    .categoryWrap ul li.current a
    {
        color: #640028
    }
}
@media only screen and (max-width: 500px)
{
    .categoryWrap ul li.current a
    {
        background: #640028
    }
}
.categoryWrap ul li.current a:before
{
    content: " ";
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/common/emblem.svg);
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .categoryWrap ul li.current a:before
    {
        position: absolute;
        left: 50%;
        top: -30px;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 20px;
        width: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .categoryWrap ul li.current a:before
    {
        top: -25px;
        height: 16px;
        width: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .categoryWrap ul li.current a:before
    {
        height: 3.5vw;
        width: 3.5vw;
        -webkit-transform: translate(-.2em,15%);
        transform: translate(-.2em,15%)
    }
}
.categoryWrap ul li a
{
    display: inline-block;
    letter-spacing: .12em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .categoryWrap ul li a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .categoryWrap ul li a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .categoryWrap ul li a
    {
        padding: .1em 2.5em;
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .categoryWrap ul li a
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .categoryWrap ul li a
    {
        background: #0f2846;
        color: #fff;
        font-size: 3.0555vw;
        line-height: 12.5vw;
        width: 100%
    }
}
.categoryWrap.searchWord a
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .infoList
    {
        margin-top: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoList
    {
        margin-top: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .infoList
    {
        margin-top: 10.4166vw
    }
    .infoList>a
    {
        display: block
    }
}
@media only screen and (min-width: 499px)
{
    .infoList:first-child
    {
        margin-top: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoList:first-child
    {
        margin-top: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .infoList:first-child
    {
        margin-top: 0
    }
}
.infoListTop
{
    margin-bottom: .7em
}
@media only screen and (max-width: 500px)
{
    .infoListTop
    {
        margin-bottom: .2em
    }
}
.infoListTop>*
{
    display: inline-block;
    vertical-align: middle
}
.infoListTop .date
{
    padding-right: 1em;
    border-right: 1px solid #303030;
    margin-right: 1em;
    letter-spacing: .08em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .infoListTop .date
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListTop .date
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTop .date
    {
        font-size: 3.1944vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListTop .date span
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListTop .date span
    {
        font-size: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTop .date span
    {
        font-size: 2.7777vw
    }
}
.infoListTop .time
{
    margin-right: 1.5em;
    letter-spacing: .08em;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
    font-weight: 500
}
@media only screen and (max-width: 500px)
{
    .infoListTop .time
    {
        font-size: 2.7777vw
    }
}
.catArea .cat
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
    background: #640028;
    color: #fff;
    padding: .2em .5em .1em
}
@media only screen and (min-width: 499px)
{
    .catArea .cat
    {
        font-size: 11px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .catArea .cat
    {
        font-size: 10px
    }
}
@media only screen and (max-width: 500px)
{
    .catArea .cat
    {
        font-size: 2.7777vw
    }
}
.infoListTtl
{
    font-weight: bold;
    padding-bottom: .7em;
    border-bottom: 1px dashed #303030;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .infoListTtl
    {
        font-size: 18px;
        letter-spacing: .16em;
        line-height: 1.4444;
        margin-bottom: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListTtl
    {
        font-size: 15px;
        margin-bottom: 29px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTtl
    {
        font-size: 4.1666vw;
        letter-spacing: .05em;
        line-height: 1.6666;
        margin-bottom: 3.4722vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListContent
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.infoListTh
{
    position: relative
}
@media only screen and (min-width: 499px)
{
    .infoListTh
    {
        width: 265px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListTh
    {
        width: 241px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTh
    {
        width: 100%;
        margin-bottom: 6.25vw
    }
}
.infoListTh figure
{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}
@media only screen and (min-width: 499px)
{
    .infoListTh figure
    {
        padding-bottom: 100%
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTh figure
    {
        padding-bottom: 78.363636%
    }
}
.new .infoListTh:before
{
    content: " ";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(assets/images/common/icn_new.svg);
    display: block;
    position: absolute;
    z-index: 20
}
@media only screen and (min-width: 499px)
{
    .new .infoListTh:before
    {
        width: 82px;
        height: 82px;
        top: -14px;
        left: -16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .new .infoListTh:before
    {
        width: 67px;
        height: 67px;
        top: -12px;
        left: -13px
    }
}
@media only screen and (max-width: 500px)
{
    .new .infoListTh:before
    {
        width: 21.9444vw;
        height: 21.9444vw;
        top: -3.4722vw;
        left: -4.0277vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListTxt
    {
        width: 387px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListTxt
    {
        width: 352px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListTxt
    {
        width: 100%
    }
}
@media only screen and (min-width: 499px)
{
    .infoListDes
    {
        letter-spacing: .1em;
        line-height: 1.6923;
        font-size: 14px;
        margin-top: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListDes
    {
        font-size: 12px;
        margin-top: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListDes
    {
        letter-spacing: .08em;
        line-height: 1.6666
    }
}
.readMore
{
    text-align: right;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .readMore
    {
        font-size: 16px;
        margin-top: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .readMore
    {
        font-size: 13px;
        margin-top: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .readMore
    {
        font-size: 3.3333vw;
        margin-top: 4.8611vw
    }
}
.readMore a, .readMore p
{
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    .readMore a, .readMore p
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .readMore a:hover, .readMore p:hover
    {
        opacity: .7
    }
}
.readMore a:after, .readMore p:after
{
    content: " ";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    margin-left: .5em
}
@media only screen and (min-width: 499px)
{
    .readMore a:after, .readMore p:after
    {
        width: 17px;
        height: 5px;
        background-image: url(assets/images/common/arw_more_p.svg)
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .readMore a:after, .readMore p:after
    {
        font-size: 13px;
        width: 14px;
        height: 5px
    }
}
@media only screen and (max-width: 500px)
{
    .readMore a:after, .readMore p:after
    {
        font-size: 3.3333vw;
        width: 4.6944vw;
        height: 1vw;
        background-image: url(assets/images/common/arw_more_p_sp.svg)
    }
}
@media only screen and (min-width: 499px)
{
    #pagination
    {
        margin-top: 76px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #pagination
    {
        margin-top: 63px
    }
}
@media only screen and (max-width: 500px)
{
    #pagination
    {
        margin-top: 4.8611vw
    }
}
#pagination ul
{
    text-align: center
}
#pagination ul li
{
    display: inline-block;
    font-weight: bold
}
@media only screen and (min-width: 499px)
{
    #pagination ul li
    {
        font-size: 16px;
        width: 40px;
        line-height: 40px;
        margin: 0 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #pagination ul li
    {
        font-size: 13px;
        width: 33px;
        line-height: 33px;
        margin: 0 4px
    }
}
@media only screen and (max-width: 500px)
{
    #pagination ul li
    {
        font-size: 3.3333vw;
        width: 8.3333vw;
        line-height: 8.3333vw;
        margin: 0 1vw
    }
}
#pagination ul li a, #pagination ul li span
{
    display: block;
    border: 1px solid #0f2846;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
#pagination ul li a
{
    color: #0f2846;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    #pagination ul li a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    #pagination ul li a:hover
    {
        opacity: .7
    }
}
#pagination ul li .prev, #pagination ul li .next
{
    border: none
}
#pagination ul li .prev:before, #pagination ul li .next:before
{
    content: " ";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block
}
@media only screen and (min-width: 499px)
{
    #pagination ul li .prev:before, #pagination ul li .next:before
    {
        width: 22px;
        height: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #pagination ul li .prev:before, #pagination ul li .next:before
    {
        width: 18px;
        height: 4px
    }
}
@media only screen and (max-width: 500px)
{
    #pagination ul li .prev:before, #pagination ul li .next:before
    {
        width: 4.5833vw;
        height: 1vw
    }
}
#pagination ul li .prev
{
    margin-right: 1em
}
#pagination ul li .prev:before
{
    background-image: url(assets/images/common/arw_pagi_prv.svg)
}
#pagination ul li .next
{
    margin-left: 1em
}
#pagination ul li .next:before
{
    background-image: url(assets/images/common/arw_pagi_nxt.svg)
}
#pagination ul li .current
{
    border: 1px solid #0f2846;
    background: #0f2846;
    color: #fff
}
@media only screen and (min-width: 499px)
{
    .sidebarContent
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarContent
    {
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarContent
    {
        margin-bottom: 6.9444vw
    }
    .sidebarContent:last-child
    {
        margin-bottom: 0
    }
}
.sidebarTtl
{
    color: #fff;
    font-weight: bold;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    text-align: center;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400;
    font-weight: 600
}
@media only screen and (min-width: 499px)
{
    .sidebarTtl
    {
        line-height: 40px;
        background-image: url(assets/images/information/ribbon_side_ttl_pc.svg);
        font-size: 16px;
        letter-spacing: .1em;
        margin-bottom: 29px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarTtl
    {
        line-height: 33px;
        font-size: 13px;
        margin-bottom: 24px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarTtl
    {
        line-height: 10.3811vw;
        background-image: url(assets/images/information/ribbon_side_ttl_sp.svg);
        font-size: 4.4444vw;
        margin-bottom: 4.0244vw
    }
}
@media only screen and (min-width: 499px)
{
    .sidebarPostList
    {
        margin-bottom: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarPostList
    {
        margin-bottom: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostList
    {
        margin-bottom: 3.6111vw
    }
}
.sidebarPostList:last-child
{
    margin-bottom: 0
}
.sidebarPostList a
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTh
    {
        width: 28.455%
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTh
    {
        width: 28.906%
    }
}
.sidebarPostTh span
{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
    height: 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    padding-bottom: 100%
}
.sidebarPostTxt
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTxt
    {
        width: 65.04%
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTxt
    {
        width: 65.468%
    }
}
.sidebarPostTxtInner
{
    -ms-flex: 0 1 auto
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTop
    {
        margin-bottom: 7px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarPostTop
    {
        margin-bottom: 5px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTop
    {
        margin-bottom: 2vw
    }
}
.sidebarPostTop .date
{
    display: inline-block;
    vertical-align: middle;
    color: #3c5064;
    font-family: "游ゴシック","Yu Gothic",YuGothic,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif;
    font-weight: 500
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTop .date
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarPostTop .date
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTop .date
    {
        font-size: 3.1944vw
    }
    .sidebarPostTop .date span
    {
        font-size: 2.7777vw
    }
}
.sidebarPostTop .catArea
{
    display: inline-block;
    vertical-align: middle
}
.sidebarPostTop .catArea .cat
{
    text-align: center;
    padding: .25em 0 .05em
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTop .catArea .cat
    {
        width: 57px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarPostTop .catArea .cat
    {
        width: 47px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTop .catArea .cat
    {
        width: 14.1666vw
    }
}
.sidebarPostTtl
{
    letter-spacing: .1em
}
@media only screen and (min-width: 499px)
{
    .sidebarPostTtl
    {
        font-size: 12px;
        line-height: 1.5
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sidebarPostTtl
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .sidebarPostTtl
    {
        font-size: 3.1944vw;
        line-height: 1.76
    }
}
@media only screen and (min-width: 499px)
{
    .sideCatList
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sideCatList
    {
        margin-bottom: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .sideCatList
    {
        margin-bottom: 4.1666vw
    }
}
.sideCatList:last-child
{
    margin-bottom: 0
}
.sideCatList a
{
    letter-spacing: .12em;
    position: relative;
    padding-left: 1.5em;
    display: block;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .sideCatList a
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sideCatList a
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .sideCatList a
    {
        font-size: 4.1666vw
    }
}
.sideCatList a:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(assets/images/common/emblem.svg)
}
@media only screen and (min-width: 499px)
{
    .sideCatList a:before
    {
        width: 17px;
        height: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .sideCatList a:before
    {
        width: 14px;
        height: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .sideCatList a:before
    {
        width: 4.583333vw;
        height: 4.583333vw
    }
}
.searchForm
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px solid #0f2846
}
@media only screen and (min-width: 499px)
{
    .searchForm
    {
        margin-top: 25px;
        padding-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .searchForm
    {
        margin-top: 21px;
        padding-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .searchForm
    {
        margin-top: 6.9444vw;
        padding-bottom: 3.8888vw
    }
}
.searchsubmit
{
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
@media only screen and (min-width: 499px)
{
    .searchsubmit
    {
        width: 6.09756%
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    .searchsubmit
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .searchsubmit:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    .searchsubmit
    {
        width: 5.89875%
    }
}
.searchsubmit img
{
    width: 100%;
    height: auto
}
.searchfield
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    letter-spacing: .1em;
    padding: 0 1em
}
@media only screen and (min-width: 499px)
{
    .searchfield
    {
        font-size: 20px;
        width: 93.90244%
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .searchfield
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .searchfield
    {
        font-size: 4.1666vw;
        width: 94.10125%
    }
}
@media only screen and (max-width: 500px)
{
    .postInfoWrap
    {
        padding-bottom: 5.5555vw
    }
}
@media only screen and (min-width: 499px)
{
    .postInfo .infoListTtl
    {
        margin-bottom: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postInfo .infoListTtl
    {
        margin-bottom: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .postInfo .infoListTtl
    {
        margin-bottom: 3.4722vw
    }
}
.infoListSns ul
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}
@media only screen and (min-width: 499px)
{
    .infoListSns ul li
    {
        width: 17px;
        margin-left: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListSns ul li
    {
        width: 14px;
        margin-left: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListSns ul li
    {
        width: 4.1666vw;
        margin-left: 4.1666vw
    }
}
.infoListSns ul li a
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .infoListSns ul li a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .infoListSns ul li a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .infoListSns.infoListSnsBottom
    {
        margin-top: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListSns.infoListSnsBottom
    {
        margin-top: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListSns.infoListSnsBottom
    {
        margin-top: 7.5vw
    }
}
@media only screen and (max-width: 500px)
{
    .infoListSns.infoListSnsBottom ul
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
.infoListPostContent
{
    border-bottom: 1px dotted #3c5064
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent
    {
        margin-top: 35px;
        padding-bottom: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent
    {
        margin-top: 29px;
        padding-bottom: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent
    {
        margin-top: 6.9444vw;
        padding-bottom: 9.7222vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent p
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent p
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent p
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent p
    {
        line-height: 1.69;
        letter-spacing: .1em;
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent p
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent p
    {
        line-height: 1.66;
        letter-spacing: .08em;
        margin-bottom: 8.8888vw
    }
}
.infoListPostContent p:last-child
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent .text-only
    {
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent .text-only
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent .text-only
    {
        margin-bottom: 8.8888vw
    }
}
.infoListPostContent .text-only:last-child
{
    margin-bottom: 0
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent figure
    {
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent figure
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent figure
    {
        margin-bottom: 8.8888vw
    }
}
.infoListPostContent figure:last-child
{
    margin-bottom: 0
}
.infoListPostContent figure img
{
    width: 100%;
    height: auto
}
.infoListPostContent h3
{
    position: relative;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent h3
    {
        font-size: 18px;
        letter-spacing: .08em;
        margin-bottom: 25px;
        line-height: 1.444
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent h3
    {
        font-size: 15px;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent h3
    {
        font-size: 4.1666vw;
        letter-spacing: .08em;
        margin-bottom: 4.1666vw;
        line-height: 1.666
    }
}
.infoListPostContent h3:last-child
{
    margin-bottom: 0
}
.infoListPostContent h3:before
{
    content: " ";
    display: block;
    line-height: 1;
    height: 1px;
    width: 1px;
    margin-bottom: -.25em
}
.infoListPostContent h3:after
{
    content: " ";
    display: block;
    line-height: 1;
    height: 1px;
    width: 1px;
    margin-top: -.25em
}
.infoListPostContent h4
{
    padding-left: 1.5em;
    position: relative
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent h4
    {
        font-size: 18px;
        letter-spacing: .08em;
        margin-bottom: 25px;
        line-height: 1.444
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent h4
    {
        font-size: 15px;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent h4
    {
        font-size: 4.1666vw;
        letter-spacing: .08em;
        margin-bottom: 4.1666vw;
        line-height: 1.666
    }
}
.infoListPostContent h4:last-child
{
    margin-bottom: 0
}
.infoListPostContent h4:before
{
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(assets/images/common/emblem.svg)
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent h4:before
    {
        width: 20px;
        height: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent h4:before
    {
        width: 16px;
        height: 16px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent h4:before
    {
        width: 5.1388vw;
        height: 5.1388vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent ul, .infoListPostContent ol
    {
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent ul, .infoListPostContent ol
    {
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent ul, .infoListPostContent ol
    {
        margin-bottom: 8.8888vw
    }
}
.infoListPostContent ul:last-child, .infoListPostContent ol:last-child
{
    margin-bottom: 0
}
.infoListPostContent ul li, .infoListPostContent ol li
{
    position: relative;
    padding-left: 1.5em
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        line-height: 1.69;
        letter-spacing: .1em;
        margin-bottom: 10px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        margin-bottom: 8px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent ul li, .infoListPostContent ol li
    {
        line-height: 1.66;
        letter-spacing: .08em;
        margin-bottom: 1vw
    }
}
.infoListPostContent ul li:last-child, .infoListPostContent ol li:last-child
{
    margin-bottom: 0
}
.infoListPostContent ul li:before
{
    content: "■";
    position: absolute;
    left: 0;
    top: 0;
    color: #0f2846
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent ul li:before
    {
        font-size: 80%;
        -webkit-transform: translateY(12%);
        transform: translateY(12%)
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent ul li:before
    {
        font-size: 95%;
        -webkit-transform: translateY(5%);
        transform: translateY(5%)
    }
}
.infoListPostContent ol
{
    counter-reset: item
}
.infoListPostContent ol li:before
{
    counter-increment: item;
    content: counter(item);
    position: absolute;
    left: .1em;
    top: 0;
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
    color: #0f2846;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent ol li:before
    {
        font-size: 22px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent ol li:before
    {
        font-size: 18px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent ol li:before
    {
        font-size: 6.3888vw
    }
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent2
    {
        margin-top: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent2
    {
        margin-top: 66px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent2
    {
        margin-top: 9.7222vw
    }
}
@media only screen and (min-width: 499px)
{
    .postColumn
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 60px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postColumn
    {
        margin-bottom: 50px
    }
}
@media only screen and (max-width: 500px)
{
    .postColumn
    {
        margin-bottom: 8.8888vw
    }
}
@media only screen and (min-width: 499px)
{
    .postColumnBlockTxt p
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postColumnBlockTxt p
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .postColumnBlockTxt p
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .postColumnBlockTxt p
    {
        line-height: 1.69;
        letter-spacing: .1em
    }
}
@media only screen and (max-width: 500px)
{
    .postColumnBlockTxt p
    {
        line-height: 1.66;
        letter-spacing: .08em
    }
}
@media only screen and (min-width: 499px)
{
    .hasColumn2 .postColumnBlockImg
    {
        width: 46.3768%
    }
}
@media only screen and (max-width: 500px)
{
    .hasColumn2 .postColumnBlockImg
    {
        margin-bottom: 3.05vw
    }
}
@media only screen and (min-width: 499px)
{
    .hasColumn2 .postColumnBlockTxt
    {
        width: 50%
    }
}
.postColumnBlockOder1
{
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}
.postColumnBlockOder2
{
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}
@media only screen and (min-width: 499px)
{
    .hasColumn3
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
@media only screen and (min-width: 499px)
{
    .hasColumn3 .postColumnBlock
    {
        width: 30.7246%;
        margin-right: 3.9131%
    }
    .hasColumn3 .postColumnBlock:last-child
    {
        margin-right: 0
    }
}
@media only screen and (max-width: 500px)
{
    .hasColumn3 .postColumnBlock
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 4.1666vw
    }
    .hasColumn3 .postColumnBlock:last-child
    {
        margin-bottom: 0
    }
}
@media only screen and (max-width: 500px)
{
    .hasColumn3 .postColumnBlock figure
    {
        width: 38.545%;
        margin-bottom: 0
    }
}
@media only screen and (min-width: 499px)
{
    .hasColumn3 .postColumnBlock figcaption
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .hasColumn3 .postColumnBlock figcaption
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .hasColumn3 .postColumnBlock figcaption
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .hasColumn3 .postColumnBlock figcaption
    {
        line-height: 1.69;
        letter-spacing: .1em
    }
}
@media only screen and (max-width: 500px)
{
    .hasColumn3 .postColumnBlock figcaption
    {
        line-height: 1.66;
        letter-spacing: .08em;
        width: 56.909%
    }
}
.postQuoteBlock
{
    border: 2px solid rgba(175,180,195,.3)
}
@media only screen and (min-width: 499px)
{
    .postQuoteBlock
    {
        padding: 25px;
        margin-bottom: 30px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postQuoteBlock
    {
        padding: 20px;
        margin-bottom: 25px
    }
}
@media only screen and (max-width: 500px)
{
    .postQuoteBlock
    {
        padding: 6.9444vw 5.5555vw;
        margin-bottom: 8.8888vw
    }
}
.postQuoteBlock:last-child
{
    margin-bottom: 0
}
.infoListPostContent h3.postQuoteTtl
{
    border-left: none;
    padding-left: 0
}
@media only screen and (min-width: 499px)
{
    .infoListPostContent h3.postQuoteTtl
    {
        font-size: 18px;
        letter-spacing: .08em;
        line-height: 1.44;
        margin-bottom: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .infoListPostContent h3.postQuoteTtl
    {
        font-size: 15px;
        margin-bottom: 9px
    }
}
@media only screen and (max-width: 500px)
{
    .infoListPostContent h3.postQuoteTtl
    {
        font-size: 3.8888vw;
        letter-spacing: .12em;
        line-height: 1.78;
        margin-bottom: 2.7777vw
    }
}
.infoListPostContent h3.postQuoteTtl:before, .infoListPostContent h3.postQuoteTtl:after
{
    content: none
}
@media only screen and (min-width: 499px)
{
    .postQuoteComment
    {
        font-size: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postQuoteComment
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .postQuoteComment
    {
        font-size: 3.3vw
    }
}
@media only screen and (min-width: 499px)
{
    .postQuoteComment
    {
        line-height: 1.69;
        letter-spacing: .1em
    }
}
@media only screen and (max-width: 500px)
{
    .postQuoteComment
    {
        line-height: 1.66;
        letter-spacing: .08em
    }
}
@media only screen and (min-width: 499px)
{
    .postBtnArea
    {
        margin-top: 57px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postBtnArea
    {
        margin-top: 47px
    }
}
@media only screen and (max-width: 500px)
{
    .postBtnArea
    {
        margin-top: 7.7777vw
    }
}
.postBtnMove
{
    clear: both;
    overflow: hidden;
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .postBtnMove
    {
        width: 92%
    }
}
.postBtnMove a
{
    letter-spacing: .08em
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    .postBtnMove a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .postBtnMove a:hover
    {
        opacity: .7
    }
}
.postBtnMove .prvPost
{
    float: left
}
.postBtnMove .nxtPost
{
    float: right
}
.postBtnMove .prvPost:before, .postBtnMove .nxtPost:after
{
    content: " ";
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media only screen and (min-width: 499px)
{
    .postBtnMove .prvPost:before, .postBtnMove .nxtPost:after
    {
        width: 22px;
        height: 5px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .postBtnMove .prvPost:before, .postBtnMove .nxtPost:after
    {
        width: 18px;
        height: 4px
    }
}
@media only screen and (max-width: 500px)
{
    .postBtnMove .prvPost:before, .postBtnMove .nxtPost:after
    {
        width: 4.5833vw;
        height: 1vw
    }
}
.postBtnMove .prvPost:before
{
    background-image: url(assets/images/common/arw_pagi_prv.svg);
    margin-right: 1em
}
.postBtnMove .nxtPost:after
{
    background-image: url(assets/images/common/arw_pagi_nxt.svg);
    margin-left: 1em
}
.postBtnTop
{
    text-align: center
}
@media only screen and (max-width: 500px)
{
    .postBtnTop
    {
        margin-top: 1.8em
    }
}
.postBtnTop a
{
    letter-spacing: .08em;
    text-decoration: underline;
    color: #0f2846;
    display: inline-block;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .postBtnTop a
    {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    .postBtnTop a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .postBtnTop a:hover
    {
        opacity: .7
    }
}
#selection
{
    background: #fff;
    text-align: center
}
@media only screen and (min-width: 499px)
{
    #selection
    {
        padding: 90px 0 100px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #selection
    {
        padding: 74px 0 82px
    }
}
@media only screen and (max-width: 500px)
{
    #selection
    {
        padding: 38.1111vw 0 13.8888vw;
    }
}
#selection h2
{
    color: #aa8720;
    letter-spacing: .12em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    #selection h2
    {
        margin-bottom: 50px;
        font-size: 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #selection h2
    {
        margin-bottom: 41px;
        font-size: 28.875px
    }
}
@media only screen and (max-width: 500px)
{
    #selection h2
    {
        margin-bottom: 8.3333vw;
        font-size: 6.25vw
    }
}
.selectionInner
{
    margin: 0 auto
}
@media only screen and (min-width: 499px)
{
    .selectionInner
    {
        width: 1030px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .selectionInner
    {
        width: 980px
    }
}
@media only screen and (max-width: 500px)
{
    .selectionInner
    {
        width: 88.8888vw
    }
}
.selectionListWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}
@media only screen and (max-width: 500px)
{
    .selectionListWrap
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}
@media only screen and (min-width: 499px)
{
    .selectionList
    {
        width: 18.834951%
    }
}
@media only screen and (max-width: 500px)
{
    .selectionList
    {
        width: 47.65625%;
        margin-top: 4.1666vw
    }
}
@media only screen and (max-width: 500px)
{
    .selectionList.selectionListWedding
    {
        width: 100%;
        margin-top: 0
    }
}
.selectionList a
{
    display: block
}
@media only screen and (min-width: 499px)
{
    .selectionList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .selectionList a:hover
    {
        opacity: .7
    }
}
.selectionList a img
{
    position: relative;
    z-index: 2
}
@media only screen and (min-width: 499px)
{
    .selectionList a img
    {
        margin-bottom: 17px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .selectionList a img
    {
        margin-bottom: 14px
    }
}
@media only screen and (max-width: 500px)
{
    .selectionList a img
    {
        margin-bottom: 2.7777vw
    }
}
.selectionList a p
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .06em
}
@media only screen and (min-width: 499px)
{
    .selectionList a p
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .selectionList a p
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .selectionList a p
    {
        font-size: 3.3333vw
    }
}
.selectionList a p:after
{
    content: "　";
    display: inline-block;
    background-image: url(assets/images/common/arw_btn.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: .4em;
    padding-top: .3em
}
@media only screen and (min-width: 499px)
{
    .selectionList a p:after
    {
        width: 22px;
        height: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .selectionList a p:after
    {
        width: 18.15px;
        height: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .selectionList a p:after
    {
        width: 4.8888vw;
        height: 3.3333vw
    }
}
@media only screen and (min-width: 499px)
{
    .footerTopArea
    {
        background-image: url(assets/images/common/contact_bg_pc.jpg);
        background-attachment: fixed;
        background-position: center;
        background-size: cover;
        padding-top: 620px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerTopArea
    {
        padding-top: 511px
    }
}
@media only screen and (max-width: 500px)
{
    .footerTopArea
    {
        padding-top: 50vw
    }
}
.footerTopAreaBg
{
    background-image: url(assets/images/common/contact_bg_sp.jpg);
    background-size: cover;
    background-position: center top;
    background-repeat: repeat-y;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2
}
.tb .footerTopArea
{
    background-attachment: scroll
}
#footerContact
{
    background: rgba(255,255,255,.7);
    text-align: center
}
@media only screen and (min-width: 499px)
{
    #footerContact
    {
        padding: 60px 0 65px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #footerContact
    {
        padding: 50px 0 54px
    }
}
@media only screen and (max-width: 500px)
{
    #footerContact
    {
        padding: 7.6388vw 0 10.4166vw
    }
}
.footerContactContent .secLead
{
    margin-bottom: 25px;
    letter-spacing: .12em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .footerContactContent .secLead
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerContactContent .secLead
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .footerContactContent .secLead
    {
        font-size: 4.1666vw
    }
}
@media only screen and (min-width: 499px)
{
    .footerContactBtnWrap
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 50px
    }
    .footerContactBtnWrap li
    {
        width: 236px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerContactBtnWrap
    {
        margin-bottom: 42px
    }
}
@media only screen and (max-width: 500px)
{
    .footerContactBtnWrap
    {
        margin-bottom: 7.6388vw
    }
    .footerContactBtnWrap li
    {
        width: 72.2222vw;
        margin: 0 auto 1vw
    }
}
.footerContactBtn
{
    background: #0f2846;
    color: #fff;
    display: block;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .footerContactBtn
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .footerContactBtn:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .footerContactBtn
    {
        width: 100%;
        padding: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .footerContactBtn
    {
        width: 100%;
        padding: 3.75vw
    }
}
.footerContactBtn.footerContactBtnFair
{
    background: #640028
}
.footerContactInfo h3
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .footerContactInfo h3
    {
        margin-bottom: 20px;
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerContactInfo h3
    {
        margin-bottom: 16.5px;
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .footerContactInfo h3
    {
        margin-bottom: 3.6111vw;
        font-size: 3.3333vw
    }
}
.footerTel
{
    letter-spacing: .05em;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    .footerTel
    {
        margin-bottom: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerTel
    {
        margin-bottom: 16.5px
    }
}
@media only screen and (max-width: 500px)
{
    .footerTel
    {
        margin-bottom: 3.8888vw
    }
}
@media only screen and (min-width: 499px)
{
    .footerTel a
    {
        cursor: default;
        font-size: 20px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerTel a
    {
        font-size: 16px
    }
}
@media only screen and (min-width: 499px)
{
    .footerTel a span
    {
        font-size: 32px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerTel a span
    {
        font-size: 26px
    }
}
@media only screen and (max-width: 500px)
{
    .footerTel a span
    {
        font-size: 6.25vw
    }
}
.footerOpen
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .footerOpen
    {
        line-height: 1.75;
        font-size: 16px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerOpen
    {
        font-size: 13px
    }
}
@media only screen and (max-width: 500px)
{
    .footerOpen
    {
        line-height: 1.739;
        font-size: 3vw
    }
}
@media only screen and (min-width: 499px)
{
    .footerOpen span
    {
        font-size: 14px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerOpen span
    {
        font-size: 12px
    }
}
#topFooter
{
    text-align: center
}
@media only screen and (min-width: 499px)
{
    #topFooter
    {
        background: #f6f6f0;
        padding: 40px 0
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #topFooter
    {
        padding: 33px 0
    }
}
@media only screen and (max-width: 500px)
{
    #topFooter
    {
        background: #fff;
        padding: 5vw 0 6.94444vw
    }
}
@media only screen and (min-width: 499px)
{
    .topFooterLogo
    {
        width: 78px;
        margin: 0 auto 35px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFooterLogo
    {
        width: 64px;
        margin: 0 auto 29px
    }
}
@media only screen and (max-width: 500px)
{
    .topFooterLogo
    {
        width: 14.1666vw;
        margin: 0 auto 4.0277vw
    }
}
.topFooterNav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (min-width: 499px)
{
    .topFooterNav
    {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (max-width: 500px)
{
    .topFooterNav
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.topFooterNav a
{
    position: relative;
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .06em
}
@media only screen and (min-width: 499px)
{
    .topFooterNav a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .topFooterNav a:hover
    {
        opacity: .7
    }
}
@media only screen and (min-width: 499px)
{
    .topFooterNav a
    {
        margin: 0 1em;
        padding-bottom: .3em;
        border-bottom: 1px solid #aaa08c;
        font-size: 15px;
        display: block
    }
    .topFooterNav a.icon
    {
        padding-bottom: 0;
        border-bottom: none;
        text-align: center
    }
    .topFooterNav a.icon>img
    {
        width: 30px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: block;
        height: auto;
        margin: 0 auto .5rem
    }
    .topFooterNav a.icon.iconLine
    {
        padding-bottom: .4rem
    }
    .topFooterNav a.icon.iconLine>img
    {
        margin: 0 auto .5rem
    }
    .topFooterNav a.icon.iconLine span
    {
        font-size: 13px
    }
    .topFooterNav a.icon.iconInsta>img
    {
        margin: 0 auto .1rem
    }
    .topFooterNav a.icon.iconInsta span
    {
        display: block;
        width: 80px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .topFooterNav a
    {
        font-size: 13px
    }
    .topFooterNav a.icon
    {
        text-align: center
    }
    .topFooterNav a.icon>img
    {
        width: 25px
    }
    .topFooterNav a.icon.iconLine
    {
        padding-bottom: .35rem
    }
    .topFooterNav a.icon.iconLine span
    {
        font-size: 11px
    }
    .topFooterNav a.icon.iconInsta span
    {
        width: 68px
    }
}
@media only screen and (max-width: 500px)
{
    .topFooterNav a
    {
        padding: 4.8611vw 0;
        font-size: 3.0555vw;
        width: 48.4375%;
        border-bottom: 1px solid #aa8720
    }
    .topFooterNav a:first-child
    {
        width: 100%;
        border-top: 1px solid #aa8720
    }
    .topFooterNav a:after
    {
        content: "　";
        background-image: url(assets/images/common/arw_footer_b.svg);
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        display: inline-block;
        vertical-align: top;
        width: 12px;
        height: 8px;
        margin-left: .3em;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 2.2222vw
    }
    .topFooterNav a.icon
    {
        padding: 4.8611vw 0 4vw 0
    }
    .topFooterNav a.icon>span
    {
        display: block;
        font-size: 2.7777vw
    }
    .topFooterNav a.icon>span .jp
    {
        font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
        font-weight: 400
    }
    .topFooterNav a.icon>span img
    {
        width: 18.291666vw;
        margin: -1.1vw auto -1.5vw
    }
    .topFooterNav a.icon>img
    {
        display: block;
        width: 5.5555vw;
        height: auto;
        margin: 0 auto 2.5vw
    }
}
#about
{
    background: #fff
}
.aboutInner
{
    width: 100%;
    max-width: 1160px;
    margin-right: auto;
    margin-left: auto;
    padding: 0 20px
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutInner
    {
        width: 1024px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutInner
    {
        width: 88.8888vw;
        max-width: none;
        padding: 0
    }
}
@media only screen and (min-width: 499px)
{
    .aboutInner .secTtl
    {
        margin-bottom: 50px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutInner .secTtl
    {
        margin-bottom: 41px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutInner .secTtl
    {
        margin-bottom: 8.3333vw
    }
}
.aboutInner .secTtl .en
{
    color: #aa8720
}
.aboutInner .secLead
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .aboutInner .secLead
    {
        font-size: 18px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutInner .secLead
    {
        font-size: 15px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutInner .secLead
    {
        font-size: 4.7222vw
    }
}
@media only screen and (max-width: 500px)
{
    .aboutInner .secLead
    {
        text-align: left;
        font-size: 3.3333vw;
        padding: 0 .1em;
        letter-spacing: 0
    }
}
.aboutListWrap
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}
@media only screen and (min-width: 499px)
{
    .aboutListWrap
    {
        margin-top: 40px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutListWrap
    {
        margin-top: 33px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutListWrap
    {
        margin-top: 11.1111vw
    }
}
@media only screen and (min-width: 499px)
{
    .aboutList
    {
        width: 31.96%;
        margin-right: 2.06%;
        margin-bottom: 20px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutList
    {
        width: 32.5%;
        margin-right: 1.25%;
        margin-bottom: 1.1111vw
    }
}
.aboutList:nth-child(3n)
{
    margin-right: 0
}
@media only screen and (min-width: 499px)
{
    .aboutList a
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
@media only screen and (min-width: 499px) and (min-width: 499px)
{
    .aboutList a
    {
        -webkit-transition: opacity .2s ease 0s;
        transition: opacity .2s ease 0s;
        cursor: pointer
    }
    .aboutList a:hover
    {
        opacity: .7
    }
}
@media only screen and (max-width: 500px)
{
    .aboutList a
    {
        display: block;
        position: relative
    }
}
@media only screen and (min-width: 499px)
{
    .aboutTh
    {
        width: 44.69%
    }
}
@media only screen and (max-width: 500px)
{
    .aboutTh
    {
        width: 100%;
        position: relative;
        z-index: 1
    }
}
@media only screen and (min-width: 499px)
{
    .aboutTxt
    {
        width: 51.8%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
@media only screen and (max-width: 500px)
{
    .aboutTxt
    {
        text-align: center;
        color: #fff;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 5
    }
}
.aboutNameEn
{
    letter-spacing: .08em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .aboutNameEn
    {
        color: #aa8720;
        font-size: 18px;
        line-height: 1.444;
        margin-bottom: 5px
    }
    .aboutNameEn span
    {
        font-size: 15px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutNameEn
    {
        font-size: 15px
    }
    .aboutNameEn span
    {
        font-size: 12px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutNameEn
    {
        font-size: 3vw;
        line-height: 1.363;
        margin-bottom: 2.0833vw;
        letter-spacing: normal;
        font-weight: 600
    }
}
.aboutNameJp
{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
@media only screen and (min-width: 499px)
{
    .aboutNameJp
    {
        font-size: 13px;
        letter-spacing: .08em
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .aboutNameJp
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    .aboutNameJp
    {
        font-size: 2.2vw;
        line-height: 1.5;
        letter-spacing: normal;
        font-weight: 600
    }
}
@media only screen and (min-width: 499px)
{
    #footer
    {
        background: #0f2846;
        padding: 17px 0
    }
}
@media only screen and (max-width: 500px)
{
    #footer
    {
        padding-bottom: 11.8055vw;
        background: #fff
    }
}
@media only screen and (min-width: 499px)
{
    .fooerInner
    {
        width: 980px;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}
.footerNav
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}
@media only screen and (max-width: 500px)
{
    .footerNav
    {
        width: 100%;
        background: #0f2846;
        padding: 5.5555vw;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}
@media only screen and (min-width: 499px)
{
    .footerNav li
    {
        margin-right: 3.5em
    }
}
@media only screen and (max-width: 500px)
{
    .footerNav li
    {
        text-align: center;
        border-right: 1px solid #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    .footerNav li a
    {
        font-size: 2.7777vw;
        line-height: 1.35;
        padding: 0 4.5vw
    }
    .footerNav li:first-child a
    {
        padding: 0 4.5vw 0 0
    }
    .footerNav li:last-child
    {
        border-right: none
    }
    .footerNav li:last-child a
    {
        padding: 0 0 0 4.5vw
    }
}
@media screen and (max-width: 320px)
{
    .footerNav li a
    {
        font-size: 2.5vw;
        line-height: 1.35;
        padding: 0 3vw
    }
}
.footerNav a
{
    color: #fff
}
@media only screen and (min-width: 499px)
{
    .footerNav a
    {
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    .footerNav a
    {
        font-size: 11px
    }
}
#copyright
{
    font-family: trajan-pro-3,serif;
    font-weight: 400;
    font-style: normal
}
@media only screen and (min-width: 499px)
{
    #copyright
    {
        color: #fff;
        font-size: 12px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #copyright
    {
        font-size: 11px
    }
}
@media only screen and (max-width: 500px)
{
    #copyright
    {
        font-size: 3.0555vw;
        text-align: center;
        padding: 2.7777vw;
        font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
        font-weight: 400;
        font-weight: bold;
        background: #fff
    }
}
#toTop
{
    position: fixed;
    z-index: 50;
    display: block;
    opacity: 0;
    -webkit-transition: opacity .2s;
    transition: opacity .2s
}
@media only screen and (min-width: 499px)
{
    #toTop
    {
        width: 60px;
        bottom: 57px;
        right: 13px
    }
}
@media only screen and (min-width: 500px) and (max-width: 1366px)
{
    #toTop
    {
        width: 50px
    }
}
@media only screen and (max-width: 500px)
{
    #toTop
    {
        width: 11.1111vw;
        bottom: 13.8888vw;
        right: 2.0833vw
    }
}
#toTop.active
{
    opacity: 1
}
#toTop:hover
{
    opacity: .6
}
.spFooterBtnWrap
{
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 450;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%)
}
.spFooterBtnWrap.active
{
    -webkit-transform: none;
    transform: none
}
.spFooterBtn
{
    width: 50%;
    background: #640028;
    color: #fff;
    font-weight: 600;
    font-size: 3.4vw;
    text-align: center;
    line-height: 11.8055vw;
    letter-spacing: .14em;
    font-family: 游明朝,"Yu Mincho",YuMincho,"Noto Serif JP",serif;
    font-weight: 400
}
.spFooterBtn:before
{
    content: " ";
    display: inline-block;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/common/icn_fair.svg);
    width: 4.1098vw;
    height: 4.18375vw;
    vertical-align: middle;
    margin-right: .5em
}
.spFooterBtn:first-child
{
    border-right: 1px solid #fff;
    background: #0f2846;
    font-size: 3.6vw;
    letter-spacing: .06em
}
.spFooterBtn:first-child:before
{
    background-image: url(assets/images/common/icn_tel.svg);
    width: 3.3705vw;
    height: 4.308vw
}
.spFooterBtn span
{
    vertical-align: middle;
    display: inline-block;
    padding-bottom: .1em
}
.slick-slider
{
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}
.slick-list
{
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}
.slick-list:focus
{
    outline: none
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand
}
.slick-slider .slick-track, .slick-slider .slick-list
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}
.slick-track
{
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    -webkit-transform: rotate(.0001deg);
    transform: rotate(.0001deg)
}
.slick-track:before, .slick-track:after
{
    content: "";
    display: table
}
.slick-track:after
{
    clear: both
}
.slick-loading .slick-track
{
    visibility: hidden
}
.slick-slide
{
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    float: left;
    height: 100%;
    min-height: 1px;
    display: none
}
[dir="rtl"] .slick-slide
{
    float: right
}
.slick-slide img
{
    display: block
}
.slick-slide.slick-loading img
{
    display: none
}
.slick-slide.dragging img
{
    pointer-events: none
}
.slick-initialized .slick-slide
{
    display: block
}
.slick-loading .slick-slide
{
    visibility: hidden
}
.slick-vertical .slick-slide
{
    display: block;
    height: auto;
    border: 1px solid transparent
}
.slick-arrow.slick-hidden
{
    display: none
}
.slick-loading .slick-list
{
    background: #fff url("assets/slick/ajax-loader.gif") center center no-repeat
}
@font-face
{
    font-family: "slick";
    src: url("assets/js/slick/fonts/slick.eot");
    src: url("assets/js/slick/fonts/slick.eot?#iefix") format("embedded-opentype"),url("assets/js/slick/fonts/slick.woff") format("woff"),url("assets/js/slick/fonts/slick.ttf") format("truetype"),url("assets/js/slick/fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal
}
.slick-prev, .slick-next
{
    position: absolute;
    z-index: 100;
    display: block;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 0;
    border: none;
    outline: none
}
@media screen and (min-width: 751px)
{
    .slick-prev, .slick-next
    {
        height: 32px;
        width: 16px
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    .slick-prev, .slick-next
    {
        height: 12px;
        width: 8px
    }
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus
{
    opacity: .6
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before
{
    opacity: .6
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before
{
    opacity: .25
}
.slick-prev:before, .slick-next:before
{
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: #fff;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-prev
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}
@media screen and (min-width: 751px)
{
    .slick-prev
    {
        background-image: url(assets/images/arrow_prev.png);
        left: 20px
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    .slick-prev
    {
        background-image: url(assets/images/arrow_prev_sp.png);
        left: 10px
    }
}
[dir="rtl"] .slick-prev
{
    left: auto
}
@media screen and (min-width: 751px)
{
    [dir="rtl"] .slick-prev
    {
        background: url(assets/images/arrow_prev.png);
        right: 20px
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    [dir="rtl"] .slick-prev
    {
        background: url(assets/images/arrow_prev_sp.png);
        right: 10px
    }
}
.slick-prev:before
{
    content: "　"
}
[dir="rtl"] .slick-prev:before
{
    content: "　"
}
.slick-next
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center
}
@media screen and (min-width: 751px)
{
    .slick-next
    {
        background-image: url(assets/images/arrow_next.png);
        right: 20px
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    .slick-next
    {
        background-image: url(assets/images/arrow_next_sp.png);
        right: 10px
    }
}
[dir="rtl"] .slick-next
{
    right: auto
}
@media screen and (min-width: 751px)
{
    [dir="rtl"] .slick-next
    {
        left: 20px
    }
}
@media screen and (min-width: 0) and (max-width: 750px)
{
    [dir="rtl"] .slick-next
    {
        left: 10px
    }
}
.slick-next:before
{
    content: "　"
}
[dir="rtl"] .slick-next:before
{
    content: "　"
}
.slick-dotted.slick-slider
{
    margin-bottom: 0
}
.slick-dots
{
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
    bottom: 30px
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    padding: 0;
    cursor: pointer;
    height: 8px;
    width: 8px;
    margin: 0 11px
}
.slick-dots li button
{
    border: 0;
    background: transparent;
    display: block;
    outline: none;
    line-height: 0;
    font-size: 0;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    height: 8px;
    width: 8px
}
.slick-dots li button:hover, .slick-dots li button:focus
{
    outline: none
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before
{
    opacity: .6
}
.slick-dots li button:before
{
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #fff;
    border-radius: 50%;
    content: "";
    font-family: "slick";
    height: 8px;
    width: 8px;
    font-size: 8px;
    line-height: 20px;
    text-align: center;
    color: #000;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.slick-dots li.slick-active button:before
{
    color: #000;
    opacity: 1;
    background: #fff
}

/*----- ベストレート保証 -------------*/
#bestrate .underSectionContent {
    margin-bottom: 0px;
    padding-bottom: 0px;
    text-align: center;
}
#bestrate .underSectionInnerLast .secDecoContentInner {
    margin-bottom: 10px;
    padding-bottom: 1px;
}
#bestrate .fadeinWrap:last-child {
    margin-bottom: 20px;
}
#bestrate h3 {
   font-weight: bold;
   margin-bottom: 20px;
   line-height: 1.6;
}
#bestrate .secLead {
    font-weight: bold;
}
#bestrate .txtRed {
    color: #640028;
}
#bestrate .condition {
    background:#f6f6f0;
}
#bestrate ul.list {
    margin: 10px auto 0;
}
#bestrate ul.list li {
    position: relative;
    text-align: left;
    margin-bottom: 7px;
    padding-left: 10px;
}
#bestrate ul.list li::after {
    display: block;
    content: '';
    position: absolute;
    top: .6em;
    left: 0;
    width: 5px;
    height: 5px;
    background-color: #C8B497;
    border-radius: 100%;
}

#bestrate .column2 li p,
#bestrate .secLead {
    text-align: center;
    line-height: 1.6;
}

#bestrate .secUnder3Content.borderTB {
  position: relative;
  border-top: 2px solid #dfe0e1;
  border-bottom: 2px solid #dfe0e1;
}

#bestrate .secUnder3Content.borderTB:before, #bestrate .secUnder3Content.borderTB:after {
    content: " ";
    display: block;
    position: absolute;
    height: 2px;
    width: 62.2449%;
    background: #aa8720;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 20
}
#bestrate .secUnder3Content.borderTB:before {
    top: -2px
}
#bestrate .secUnder3Content.borderTB:after {
    bottom: -2px
}
#bestrate .secUnder3Content .secTtl {
    color: #0f2846;
}
#bestrate .secUnder3Content .secTtl .jp {
    font-weight: bold;
}

/*スマホ*/
@media only screen and (max-width: 500px) {
    #bestrate {
        font-size: 3.3vw;
    }
    #bestrate.underSection,
    #bestrate .underSectionInner {
        padding-bottom: 10px;
    }
    #bestrate .underSectionInnerLast .secDecoContentInner {
        margin-bottom: 3px;
    }
    #bestrate .fadeinWrap {
        margin-bottom: 45px;
    }
    #bestrate .fadeinWrap:last-child {
        margin-bottom: 0px;
    }
    #bestrate .secTtl {
        margin-bottom: 15px;
    }
    #bestrate .secTtl .jp {
        font-size: 4.5vw;
        margin-bottom: 10px;
    }
     #bestrate .secTtl .en {
        font-size: 2.5vw;
        margin-bottom: 0px;
    }
    #bestrate h3 {
       font-size: 4.5vw;
    }
    #bestrate p,
    #bestrate ul.list li {
        text-align: left;
        font-size: 3.6vw;
        line-height: 1.8;
    }
    #bestrate p.secComment {
        margin-bottom: 15px;
    }
    #bestrate .secLead {
        font-size: 4vw;
    }
    #bestrate img {
        width: auto;
        margin: 10px 0;
    }
    #bestrate .logo {
        width: 50vw;
    }
    #bestrate .condition {
        padding: 25px 15px 10px;
    }
    #bestrate ul.list li {
        margin-bottom: 5px;
    }
    #bestrate .secUnder3Content {
        padding: 8vw 0 2vw;
    }
    #bestrate .column2 {
        margin: 30px 0 0;
    }
    #bestrate .column2 li {
        margin-bottom: 25px;
    }
    #bestrate .column2 li .btn a {
        width: 70vw;
        margin-top: 10px;
        font-size: 3.6vw;
    }
}

/*PC*/
@media only screen and (min-width: 499px) {
    #bestrate .underSectionInner {
        margin-bottom: 80px;
    }
    #bestrate .fadeinWrap {
        margin-bottom: 80px;
    }
    #bestrate .secTtl {
        margin-bottom: 25px;
    }
    #bestrate .secTtl .jp {
        font-size: 30px;
        margin-bottom: 15px;
    }
    #bestrate .secTtl .en {
        font-size: 100%;
        margin-bottom: 0px;
    }
    #bestrate h3 {
        font-size: 26px;
    }
    #bestrate p,
    #bestrate ul.list li {
        font-size: 16px;
        line-height: 1.8;
    }
    #bestrate .secLead {
        font-size: 20px;
    }
    #bestrate p.secComment {
        margin-bottom: 15px;
    }
    #bestrate img {
        width: auto;
        margin: 35px 0;
    }
    #bestrate .logo {
        width: 300px;
    }
    #bestrate .img01 {
        width: 950px;
    }
    #bestrate .img02 {
        width: 850px;
    }
    #bestrate .condition {
        padding: 40px 25px;
    }
    #bestrate ul.list {
        width: 665px;
    }
    #bestrate .secUnder3Content {
        padding-top: 50px;
    }
    #bestrate .column2 {
        margin: 40px 0 0;
    }
    #bestrate .column2 li {
        display: inline-block;
        width: 49.5%;
    }
    #bestrate .column2 li .btn a {
        width: 94%;
        margin-top: 20px;
        font-size: 16px;
    }
}