/*! Yaku Han JP (Gothic - Small Amount) v2.0.0 SIL by Qrac / Based on Noto Sans CJK JP */
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 100;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Thin.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Thin.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Thin.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 200;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Light.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Light.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Light.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 300;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-DemiLight.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-DemiLight.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 400;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Regular.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Regular.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Regular.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 500;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Medium.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Medium.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Medium.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 700;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Bold.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Bold.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Bold.woff") format("woff")
}
@font-face {
    font-family: "YakuHanJPs";
    font-style: normal;
    font-weight: 900;
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Black.eot");
    src: url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Black.woff2") format("woff2"), url("/2019/assets/fonts/YakuHanJPs/YakuHanJPs-Black.woff") format("woff")
}
.u-cf:after {
    content: "";
    display: table;
    clear: both
}
* {
    box-sizing: border-box
}
*:before,
*:after {
    box-sizing: border-box
}
html {
    min-height: 100%
}
body {
    font-weight: normal;
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
    line-height: 1.5;
    color: #fff;
    background-color: #000;
    margin: 0;
    min-height: 100%;
    font-family: -apple-system, BlinkMacSystemFont, YakuHanJPs, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    overflow-wrap: break-word;
    word-wrap: break-word
}
body.is-webview {
    background-color: #fff
}
h1,
h2,
h3,
h4 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: 400
}
ol,
ul,
dl,
dt,
dd {
    list-style: none;
    margin: 0;
    padding: 0
}
p {
    margin: 0
}
a {
    text-decoration: underline;
    color: #E5273E;
    outline: none
}
i {
    font-style: inherit
}
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    background: transparent;
    cursor: pointer;
    outline: none
}
hr {
    margin: 0;
    border: none
}
[type="text"],
[type="password"],
[type="email"],
[type="number"],
[type="tel"] {
    margin: 0;
    padding: 0;
    outline: none;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    line-height: 1.4
}
[type="checkbox"] {
    margin: 0
}
select {
    outline: none
}
textarea {
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
strong {
    font-weight: bold
}
img {
    border: none
}
.l-page {
    position: relative;
    width: 100%;
    padding: 54px 0 0
}
@media(min-width: 768px) {
    .l-page {
        padding: 110px 0 0
    }
}
.l-page.l-page--top {
    padding: 0
}
@media(min-width: 768px) {
    .l-page.l-page--top {
        padding: 110px 0 0
    }
}
.l-content {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    font-size: 0;
    background-color: #1F1F1F
}
.l-detail {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    max-width: 1100px;
    min-width: 1024px;
    padding: 20px 10px 0;
    font-size: 0
}
@media(min-width: 768px) {
    .l-detail-left {
        width: calc(100% - 360px);
        float: left
    }
}
.l-detail-right {
    display: none
}
@media(min-width: 768px) {
    .l-detail-right {
        display: block;
        width: 250px;
        float: right
    }
}
.l-ticket {
    padding-bottom: 48px;
    background-color: #fff
}
@media(min-width: 768px) {
    .l-ticket {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-ticket:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-about {
    padding: 0 20px 20px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-about {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-about:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-access {
    padding: 0 20px 20px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-access {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-access:after {
        content: "";
        display: table;
        clear: both
    }
}
@media(min-width: 768px) {
    .l-areamap {
        max-width: 1140px;
        margin: 0 auto;
        padding-top: 40px
    }
}
@media(min-width: 768px) {
    .l-goods {
        max-width: 1140px;
        margin: 0 auto 24px;
        padding: 24px 0 0;
        background-color: #fff
    }
    .l-goods:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-reserve {
    padding: 0 20px 20px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-reserve {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-reserve:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-size {
    padding: 24px 16px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-size {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 30px 40px
    }
    .l-size:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-foods {
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-foods {
        max-width: 1140px;
        margin: 0 auto;
        padding: 0
    }
    .l-foods:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-faq {
    padding: 20px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-faq {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-faq:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-lineup {
    padding-bottom: 16px
}
@media(min-width: 768px) {
    .l-lineup {
        max-width: 1060px;
        margin: 0 auto;
        padding: 24px 0
    }
    .l-lineup:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-news {
    padding: 0 0 32px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-news {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 40px
    }
    .l-news:after {
        content: "";
        display: table;
        clear: both
    }
}
.l-history {
    padding: 0 20px;
    background-color: #fff;
    color: #444
}
@media(min-width: 768px) {
    .l-history {
        max-width: 1140px;
        margin: 0 auto;
        padding: 10px 40px 0
    }
    .l-history:after {
        content: "";
        display: table;
        clear: both
    }
}
@font-face {
    font-family: "rockinon-font";
    src: url("../fonts/rockinon-font.eot?version=201808021507");
    src: url("../fonts/rockinon-font.eot?version=201808021507#iefix") format("eot"), url("../fonts/rockinon-font.woff?version=201808021507") format("woff"), url("../fonts/rockinon-font.ttf?version=201808021507") format("truetype"), url("../fonts/rockinon-font.svg?version=201808021507#rockinon-font") format("svg");
    font-weight: normal;
    font-style: normal
}
.c-icon::before {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-icon--arrowdown::before {
    content: "\EA01"
}
.c-icon--arrowleft::before {
    content: "\EA02"
}
.c-icon--arrowright::before {
    content: "\EA03"
}
.c-icon--arrowup::before {
    content: "\EA04"
}
.c-icon--blog::before {
    content: "\EA05"
}
.c-icon--info::before {
    content: "\EA06"
}
.c-icon--mail::before {
    content: "\EA07"
}
.c-icon--tabclose::before {
    content: "\EA08"
}
.c-icon--tabopen::before {
    content: "\EA09"
}
.c-icon--twitter::before {
    content: "\EA0A"
}
.c-section-title {
    font-size: 28px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 32px 0
}
@media(min-width: 768px) {
    .c-section-title {
        font-size: 30px;
        padding: 30px 0
    }
}
.c-section-title2 {
    font-size: 25px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    padding: 32px 0;
    background-color: #1F1F1F;
    color: #fff
}
@media(min-width: 768px) {
    .c-section-title2 {
        font-size: 30px;
        padding: 30px 0
    }
}
[lazy-image-load] {
    opacity: 0 !important
}
[lazy-image-load][lazy-image-loaded] {
    opacity: 1 !important;
    transition: opacity 0.2s ease-out 0.00s !important
}
@media(min-width: 768px) {
    [lazy-image-load][lazy-image-loaded] {
        transition: opacity 0.5s ease-out 0.03s !important
    }
}
.c-content-header {
    text-align: center;
    height: 132px;
    background-size: cover;
    background-position: 50% 50%;
    position: relative
}
.c-content-header.c-content-header--tickets {
    height: 78px
}
.c-content-header.c-content-header--about {
    height: 78px
}
.c-content-header.c-content-header--access {
    height: 78px
}
.c-content-header.c-content-header--areamap {
    height: 78px
}
.c-content-header.c-content-header--goods {
    height: 78px
}
.c-content-header.c-content-header--foods {
    height: 78px
}
.c-content-header.c-content-header--faq {
    height: 78px
}
.c-content-header.c-content-header--timetable {
    height: 78px
}
.c-content-header.c-content-header--info {
    height: 78px
}
@media(min-width: 768px) {
    .c-content-header {
        height: 360px !important;
        max-width: 1600px;
        margin: 0 auto
    }
}
.c-content-header__body {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-decoration: none;
    color: #fff
}
.c-content-header__title {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 12px
}
@media(min-width: 768px) {
    .c-content-header__title {
        font-size: 0;
        width: 508px;
        height: 160px;
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/common/content_header/content_header_logo.svg');
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto 20px;
        -webkit-filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.5));
        filter:drop-shadow(0 0 4px rgba(0, 0, 0, 0.5))
    }
}
.c-content-header__text {
    font-size: 10px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    color: #fff
}
@media(min-width: 768px) {
    .c-content-header__text {
        font-size: 16px
    }
    .c-content-header__text:before {
        content: "";
        width: 48px;
        height: 1px;
        background-color: #fff;
        display: block;
        margin: 0 auto 20px
    }
}
.c-categories:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-categories {
        max-width: 1060px;
        margin: 0 auto;
        padding: 40px 0
    }
}
.c-category-button {
    width: 50vw;
    height: 50vw;
    float: left;
    position: relative;
    overflow: hidden;
    color: #fff
}
@media(min-width: 768px) {
    .c-category-button {
        width: 25%;
        height: auto
    }
    .c-category-button:after {
        content: "";
        display: block;
        width: 100%;
        padding-bottom: 100%
    }
}
.c-category-button__body {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    z-index: 2
}
.c-category-button__title {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    height: 20px;
    margin-bottom: 24px
}
@media(min-width: 768px) {
    .c-category-button__title {
        font-size: 25px;
        height: 25px;
        margin-bottom: 32px
    }
}
.c-category-button__title--ja {
    font-size: 16px;
    line-height: 1
}
@media(min-width: 768px) {
    .c-category-button__title--ja {
        font-size: 22px
    }
}
.c-category-button__title--ja-small {
    font-size: 15px;
    line-height: 1.33;
    position: relative;
    top: -10.975px
}
@media(min-width: 768px) {
    .c-category-button__title--ja-small {
        font-size: 19px;
        top: -13.635px
    }
}
@media(max-width: 320px) {
    .c-category-button__title--ja-small {
        font-size: 14px;
        top: -10.31px
    }
}
.c-category-button__text {
    font-size: 12px;
    text-align: center;
    line-height: 1.5;
    margin: -2px 0 22px
}
@media(min-width: 768px) {
    .c-category-button__text {
        font-size: 18px;
        margin: -4px 0 28px
    }
}
.c-category-button__image {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50%;
    margin-top: -50%;
    background-size: auto 100%;
    background-position: center;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: background-size 1.0s ease-out;
    transition: -webkit-transform 0.2s ease-out;
    transition: transform 0.2s ease-out;
    transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
}
.c-category-button:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .1;
    transition: opacity 0.3s ease-out
}
@media(min-width: 768px) {
    .c-category-button:hover:before {
        opacity: 0.25;
        transition: opacity 0.12s ease-out
    }
    .c-category-button:hover .c-category-button__image {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        transition: -webkit-transform 0.12s ease-out;
        transition: transform 0.12s ease-out;
        transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out
    }
    .c-category-button:hover .c-more-button {
        opacity: 1
    }
}
.c-category-button--disabled {
    -webkit-filter:saturate(0%);
    filter:saturate(0%);
    opacity: 0.6;
    color: #999
}
.c-category-button--disabled .c-more-button {
    color: #999;
    border-color: #999
}
@media(min-width: 768px) {
    .c-category-button--disabled:hover:before {
        opacity: .1
    }
    .c-category-button--disabled:hover .c-category-button__image {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    .c-category-button--disabled:hover .c-more-button {
        opacity: 1;
        cursor: default
    }
}
.c-header-menu {
    width: 100%
}
.c-header-menu.c-header-menu--open .c-header-menu__open-button:after {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
@media(min-width: 768px) {
    .c-header-menu {
        max-width: 1600px;
        margin: 0 auto
    }
}
.c-header-menu__open-button {
    height: 54px;
    width: 100%;
    background-color: #000;
    position: relative
}
.c-header-menu__open-button::after {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-header-menu__open-button:after {
    content: "\EA01";
    font-size: 18px;
    color: #fff;
    display: inline-block;
    position: absolute;
    top: calc(50% - 9px);
    right: 16px;
    transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
@media(min-width: 768px) {
    .c-header-menu__open-button {
        display: none !important
    }
}
.c-header-menu__title {
    line-height: 1;
    font-size: 16px;
    width: 100%;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.c-header-menu__container {
    background-color: #404040;
    display: none
}
@media(min-width: 768px) {
    .c-header-menu__container {
        display: block
    }
}
.c-guide-menu {
    background-color: #404040;
    width: 100%
}
.c-guide-menu:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-guide-menu {
        background-color: #000;
        text-align: center
    }
}
.c-guide-menu__item {
    width: 50vw;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    float: left;
    text-align: center;
    border-bottom: 1px solid #000;
    display: block;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-guide-menu__item {
        display: inline-block;
        padding: 0 10px;
        width: auto;
        height: 60px;
        line-height: 60px;
        font-weight: bold;
        margin: 0 10px;
        position: relative;
        float: none;
        border-bottom: none
    }
    .c-guide-menu__item:after {
        content: "";
        display: block;
        width: 100%;
        height: 4px;
        background-color: #236DC8;
        position: absolute;
        bottom: 0;
        left: 0;
        opacity: 0;
        transition: opacity 0.1s ease-out
    }
    .c-guide-menu__item:hover {
        color: #236DC8
    }
    .c-guide-menu__item:hover:after {
        opacity: 1
    }
}
.c-guide-menu__item--disabled {
    opacity: .5;
    cursor: default
}
.c-guide-menu__item--disabled:after {
    content: none
}
@media(min-width: 768px) {
    .c-guide-menu__item--disabled:hover {
        color: inherit;
        opacity: .5
    }
}
.c-guide-menu__item.c-guide-menu__item--active {
    background-color: #236DC8
}
@media(min-width: 768px) {
    .c-guide-menu__item.c-guide-menu__item--active {
        background-color: transparent;
        color: #236DC8
    }
    .c-guide-menu__item.c-guide-menu__item--active:after {
        opacity: 1
    }
}
.c-guide-menu__item:nth-child(7) {
    border-bottom-width: 0
}
.c-guide-menu__item:nth-child(2n + 1) {
    border-right: 1px solid #000
}
.c-heading {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #262626;
    padding: 18px 0;
    line-height: 1.5;
    color: #000;
    margin-bottom: 24px;
    position: relative
}
.c-heading2 {
    font-size: 18px;
    line-height: 1.5;
    margin: 27px 0 11px;
    font-weight: bold;
    color: #000
}
.c-heading2 > span {
    font-size: 12px;
    display: inline-block;
    padding-left: 0.5em
}
.c-heading2__train {
    font-size: 12px;
    display: inline-block;
    padding-left: 15px;
    color: #444
}
@media(min-width: 768px) {
    .c-heading2__train {
        padding-left: 20px
    }
}
.c-heading2__train > span {
    padding-left: 13px;
    display: inline-block;
    position: relative;
    font-weight: normal
}
.c-heading2__train>span:before {
    content: "";
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -5px
}
.c-heading2__separator {
    padding: 0 8px
}
@media(min-width: 768px) {
    .c-heading2__separator {
        padding: 0 1em
    }
}
.c-heading2__train1:before {
    background-color: #B13039
}
.c-heading2__train2:before {
    background-color: #D6603C
}
.c-heading2__train3:before {
    background-color: #F2D553
}
.c-heading2__train4:before {
    background-color: #30569F
}
@media(min-width: 768px) {
    .c-heading2[id] {
        margin-top: 16px;
        padding-top: 11px
    }
}
.c-heading3 {
    font-size: 15px;
    line-height: 1.5;
    margin: 20px 0 12px;
    font-weight: bold
}
.c-heading2+.c-heading3 {
    margin-top: 20px
}
.c-image {
    margin-bottom: 24px
}
.c-image > img {
    width: 100%;
    height: auto;
    display: block
}
.c-googlemaps {
    margin-bottom: 24px
}
.c-googlemaps > iframe {
    width: 100%;
    height: 250px;
    margin-bottom: 16px
}
@media(min-width: 768px) {
    .c-googlemaps > iframe {
        height: 350px
    }
}
.c-googlemaps__show-in-googlemaps {
    width: 100%;
    color: #E5273E;
    text-decoration: underline;
    font-size: 14px;
    text-align: right;
    display: block;
    line-height: 1
}
.c-googlemaps__show-in-googlemaps:hover {
    opacity: .8
}
.c-text,
.c-text2 {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    margin: -4px 0 12px
}
.c-text > a,
.c-text2 > a {
    color: #E5273E;
    text-decoration: underline
}
.c-text>a:hover,
.c-text2>a:hover {
    opacity: .8
}
.c-text2 {
    margin-bottom: 12px
}
.c-annotation {
    font-size: 12px;
    background-color: #eee;
    color: #555;
    padding: 9px 12px;
    margin: 0 -5px 16px
}
@media(min-width: 768px) {
    .c-annotation {
        margin: 0 0 16px
    }
}
.c-button {
    display: block;
    width: 100%;
    height: 44px;
    background-color: #404040;
    position: relative;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 44px;
    text-align: center;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-button {
        cursor: pointer
    }
    .c-button:hover {
        opacity: .8
    }
}
.c-button.c-button--red {
    background-color: #E5273E
}
.c-button.c-button--primary {
    background-color: #236DC8
}
.c-button.c-button--white {
    background-color: #fff;
    border: 1px solid #444444;
    color: #444444;
    font-weight: normal
}
@media(max-width: 769px) {
    .c-button.c-button--inlineBlock {
        width: auto;
        display: inline-block;
        padding: 0 16px
    }
}
.c-share-button {
    display: inline-block;
    color: #1DA1F2;
    font-size: 12px;
    line-height: 1;
    cursor: pointer
}
@media(min-width: 768px) {
    .c-share-button:hover {
        opacity: .8
    }
}
.c-share-button::before {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-share-button:before {
    content: "\EA0A";
    display: inline-block;
    font-size: 12px;
    color: #1DA1F2
}
.c-share-button span {
    padding-left: 6px;
    display: inline-block
}
.c-more-button {
    width: 100px;
    height: 32px;
    border: 1px solid #fff;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    display: block;
    cursor: pointer;
    color: #fff;
    text-decoration: none
}
.c-more-button.c-more-button--flex {
    box-sizing: border-box;
    display: inline-block;
    padding-left: 12px;
    padding-right: 12px;
    width: auto !important
}
@media(max-width: 769px) {
    .c-more-button.c-more-button--small {
        font-size: 14px;
        height: 28px;
        line-height: 26px;
        width: 90px
    }
}
.c-more-button.c-more-button--dark {
    border: 1px solid #262626;
    color: #000
}
@media(min-width: 768px) {
    .c-more-button:hover {
        opacity: .8
    }
}
.c-page-menu__title {
    border-bottom: 1px solid #262626;
    height: 73px;
    width: 100%;
    font-size: 20px;
    line-height: 73px;
    color: #000;
    font-weight: bold
}
.c-page-menu__border {
    border-bottom: 1px solid #262626;
    width: 100%
}
.c-page-menu__list {
    padding-top: 24px
}
.c-page-menu__item {
    font-size: 16px;
    font-weight: bold;
    margin: -4px 0 20px;
    cursor: pointer;
    color: #000;
    display: block;
    text-decoration: none
}
.c-page-menu__item:hover {
    opacity: .8
}
.c-news-menu__title {
    border-bottom: 1px solid #262626;
    height: 80px;
    width: 100%;
    font-size: 20px;
    line-height: 70px;
    color: #000;
    font-weight: bold;
    padding-top: 10px
}
.c-news-menu__border {
    border-bottom: 1px solid #262626;
    width: 100%
}
.c-news-menu__list {
    padding-top: 24px
}
.c-news-menu__item {
    font-size: 16px;
    margin: -4px 0 20px;
    cursor: pointer;
    color: #000;
    display: block;
    text-decoration: none
}
.c-news-menu__item:hover {
    opacity: .8
}
.c-modal-overlay {
    position: fixed;
    width: 100%;
    height: 120vh;
    min-height: 100%;
    top: 0;
    left: -100vw;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    z-index: 1100;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: opacity 0.2s ease-out
}
.c-modal-overlay.show {
    opacity: 1;
    left: 0
}
.c-header {
    z-index: 100;
    width: 100%;
    background-color: #000;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0
}
@media(max-width: 769px) {
    .c-header.c-header--top {
        display: none
    }
}
.c-header__block {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 500;
    background-color: #000
}
@media(min-width: 768px) {
    .c-header__block {
        height: 60px;
        position: absolute;
        top: 50px
    }
}
@media(max-width: 769px) {
    .c-header__block.c-header__block--top {
        display: none
    }
}
@media(min-width: 768px) {
    .c-header__block.c-header__block--fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 500
    }
}
.c-header__logo {
    width: 121px;
    height: 54px;
    margin: 0 auto
}
.c-header__logo > a {
    display: block;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/common/content_header/content_header_logo.svg')
}
@media(min-width: 768px) {
    .c-header__logo {
        display: none
    }
}
.c-header__info {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    color: #fff;
    padding-right: 30px;
    padding-top: 12px;
    font-size: 12px;
    line-height: 18px
}
@media(max-width: 769px) {
    .c-header__info {
        display: none
    }
}
.c-header-nav {
    height: 60px
}
@media(max-width: 769px) {
    .c-header-nav {
        display: none
    }
}
.c-header-nav__list {
    font-size: 0;
    text-align: center;
    width: 100%;
    height: 100%
}
.c-header-nav__item {
    display: inline-block;
    vertical-align: top;
    margin: 0 20px
}
.c-header-nav__item > a {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 500;
    display: inline-block;
    line-height: 60px;
    height: 60px;
    color: #fff;
    text-decoration: none
}
.c-header-nav__item>a:hover {
    opacity: .8
}
.c-header-nav__item--disabled > a {
    opacity: .5
}
.c-header-nav__item--disabled>a:hover {
    opacity: .5;
    cursor: default
}
.c-header-sponser {
    width: 100%;
    height: 50px;
    padding-right: 30px;
    background-color: #fff;
    display: none;
    text-align: right;
    font-size: 0;
    border-bottom: 5px solid #1F1F1F
}
@media(min-width: 768px) {
    .c-header-sponser {
        display: block;
        border-bottom-width: 0
    }
}
.c-header-sponser__item {
    height: 50px;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    vertical-align: top;
    margin-left: 25px
}
.c-header-sponser__item:first-child {
    margin-left: 0
}
.c-header-sponser__item:hover {
    opacity: .8
}
.c-mobile-menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    z-index: 200
}
@media(min-width: 768px) {
    .c-mobile-menu {
        display: none
    }
}
.c-mobile-menu__header {
    content: "";
    width: 320px;
    height: 54px;
    position: absolute;
    top: 0;
    left: -260px;
    transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.c-mobile-menu__header.c-mobile-menu__header--open {
    left: 0
}
.c-mobile-menu.c-mobile-menu--open {
    left: 0
}
.c-mobile-menu__background {
    background-color: #000;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.c-mobile-menu__background.c-mobile-menu__background--open {
    opacity: 0.3
}
.c-mobile-menu__block {
    width: 320px;
    height: 100%;
    background-color: #000;
    position: absolute;
    overflow: scroll;
    left: -320px;
    padding: 54px 20px 0;
    -webkit-overflow-scrolling: touch;
    transition: left 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.c-mobile-menu__block.c-mobile-menu__block--open {
    left: 0
}
.c-mobile-menu__title {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    font-size: 22px;
    line-height: 44px;
    color: #fff;
    display: block;
    text-decoration: none
}
.c-mobile-menu__menu {
    padding: 0 20px 24px
}
@media(min-width: 768px) {
    .c-mobile-menu__menu {
        padding: 0 0 28px
    }
}
.c-mobile-menu__links {
    padding: 0 0 16px;
    margin: 0
}
.c-mobile-menu__links:after {
    content: "";
    display: table;
    clear: both
}
.c-mobile-menu__links-item {
    width: 100%;
    height: 44px;
    border-bottom: 1px solid #404040;
    margin: 0;
    float: left
}
.c-mobile-menu__links-item > a {
    width: 100%;
    height: 100%;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    display: block;
    transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    cursor: pointer;
    text-decoration: none
}
.c-mobile-menu__links-item--disabled > a {
    opacity: .5;
    cursor: default
}
.c-mobile-menu__sns {
    font-size: 0;
    padding-top: 32px;
    padding-bottom: 48px;
    text-align: center
}
.c-mobile-menu__sns-item {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin: 0 12px;
    height: 43px;
    cursor: pointer
}
.c-mobile-menu__sns-item > a {
    display: block;
    width: 100%;
    height: 100%
}
.c-mobile-menu__sns-item.twitter {
    width: 88px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/svg/footer_twitter.svg');
    background-size: contain
}
.c-mobile-menu__sns-item.mail {
    width: 88px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/svg/footer_mail.svg');
    background-size: contain
}
.c-menu-button {
    position: fixed;
    top: 0;
    left: 0;
    height: 54px;
    width: 60px;
    padding: 18px;
    z-index: 1000
}
@media(min-width: 768px) {
    .c-menu-button {
        display: none
    }
}
.c-menu-button.c-menu-button--fixed {
    position: fixed;
    top: 0;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px)
}
.c-menu-button__icon-bar {
    display: block;
    height: 2px;
    margin-bottom: 5px;
    background-color: #fff;
    transition: all 0.25s ease-out;
    width: 100%;
    position: relative
}
.c-menu-button__icon-bar:nth-child(2):after {
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    margin-bottom: 5px;
    opacity: 0;
    position: absolute;
    transition: all 0.25s ease-out;
    width: 100%
}
.c-menu-button__icon-bar:last-child {
    margin-bottom: 0
}
.c-menu-button.c-menu-button--open .c-menu-button__icon-bar {
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}
.c-menu-button.c-menu-button--open .c-menu-button__icon-bar:nth-child(1) {
    opacity: 0
}
.c-menu-button.c-menu-button--open .c-menu-button__icon-bar:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-menu-button.c-menu-button--open .c-menu-button__icon-bar:nth-child(2):after {
    opacity: 1;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}
.c-menu-button.c-menu-button--open .c-menu-button__icon-bar:nth-child(3) {
    opacity: 0
}
.c-footer {
    width: 100%;
    padding: 48px 0 0;
    background-color: #000
}
.c-footer__body {
    max-width: 1060px;
    margin: 0 auto
}
.c-footer__logo {
    display: block;
    margin: 0 auto 32px;
    text-decoration: none
}
.c-footer__logo-image {
    width: 260px;
    height: 80px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/common/footer/footer_logo.svg');
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    display: block;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-footer__logo-image {
        margin: 0
    }
}
@media(max-width: 320px) {
    .c-footer__logo-image {
        width: 270px
    }
}
.c-footer__logo-text {
    font-family: YakuHanJPs, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    margin-top: 21px;
    text-align: left;
    text-align: center;
    font-size: 12px;
    color: #fff
}
@media(min-width: 768px) {
    .c-footer__logo-text {
        text-align: left;
        font-size: 13px
    }
}
@media(max-width: 320px) {
    .c-footer__logo-text {
        font-size: 11px
    }
}
.c-footer__title {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    font-size: 22px;
    line-height: 44px;
    color: #fff
}
.c-footer__menu {
    padding: 0 20px 24px
}
@media(min-width: 768px) {
    .c-footer__menu {
        padding: 0 0 28px
    }
}
.c-footer__links {
    padding: 0 0 24px;
    margin: 0 -8px
}
.c-footer__links:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-footer__links {
        margin: 0;
        padding: 0 0 20px
    }
}
.c-footer__links-item {
    width: calc(50vw - 28px);
    height: 44px;
    border-bottom: 1px solid #404040;
    margin: 0 8px;
    float: left
}
@media(min-width: 768px) {
    .c-footer__links-item {
        width: auto;
        border-bottom-width: 0;
        margin: 0 24px 0 0;
        height: auto;
        line-height: 1
    }
}
.c-footer__links-item > a {
    width: 100%;
    height: 100%;
    line-height: 44px;
    font-size: 14px;
    color: #fff;
    display: block;
    cursor: pointer;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-footer__links-item > a {
        line-height: 1
    }
    .c-footer__links-item>a:hover {
        opacity: .8
    }
}
.c-footer__links-item--disabled > a {
    opacity: .5;
    cursor: default
}
@media(min-width: 768px) {
    .c-footer__links-item--disabled > a {
        line-height: 1
    }
    .c-footer__links-item--disabled>a:hover {
        opacity: .5
    }
}
.c-footer__sns {
    text-align: center;
    font-size: 0;
    padding-bottom: 24px
}
@media(min-width: 768px) {
    .c-footer__sns {
        float: left;
        padding-top: 24px
    }
}
.c-footer__sns-item {
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin: 0;
    cursor: pointer;
    width: 105px
}
.c-footer__sns-item > a {
    display: block;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-footer__sns-item > a {
        text-align: left
    }
}
.c-footer__sns-item.twitter .c-footer__sns-icon:after {
    content: "\EA0A"
}
.c-footer__sns-item.mail .c-footer__sns-icon:after {
    content: "\EA07"
}
.c-footer__sns-item.blog .c-footer__sns-icon:after {
    content: "\EA05"
}
@media(min-width: 768px) {
    .c-footer__sns-item {
        margin: 0 32px 0 0;
        width: auto
    }
    .c-footer__sns-item:hover {
        opacity: .8
    }
}
.c-footer__sns-icon {
    width: 100%;
    height: 28px;
    display: block;
    margin-bottom: 5px
}
.c-footer__sns-icon::after {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-footer__sns-icon:after {
    font-size: 28px;
    color: #fff
}
@media(min-width: 768px) {
    .c-footer__sns-icon {
        display: inline-block;
        vertical-align: top;
        width: 20px;
        height: 20px;
        margin-right: 12px;
        margin-bottom: 0
    }
    .c-footer__sns-icon:after {
        font-size: 20px
    }
}
.c-footer__sns-text {
    font-size: 13px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    display: block
}
@media(min-width: 768px) {
    .c-footer__sns-text {
        display: inline-block;
        vertical-align: top;
        line-height: 20px
    }
}
.c-footer__copyright {
    line-height: 1;
    color: #fff;
    font-size: 12px;
    padding: 24px 0;
    width: 100%;
    text-align: center;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400
}
@media(min-width: 768px) {
    .c-footer__copyright {
        float: right;
        height: 68px;
        padding-top: 26px;
        display: inline-block;
        width: auto
    }
    .c-footer__copyright a:hover {
        opacity: .8
    }
}
.c-footer__copyright-contact {
    font-size: 13px
}
.c-footer__copyright-contact > a {
    color: #fff;
    text-decoration: none
}
.c-footer__copyright-divider {
    display: block;
    height: 2em;
    visibility: hidden
}
@media(min-width: 768px) {
    .c-footer__copyright-divider {
        display: inline;
        padding: 0 1em;
        visibility: visible
    }
}
@media(min-width: 768px) {
    .c-footer__bottom {
        width: 100%;
        border-top: 1px solid #404040
    }
    .c-footer__bottom:after {
        content: "";
        display: table;
        clear: both
    }
}
.c-footer-related {
    display: none;
    width: 100%;
    height: 76px;
    background-color: #fff
}
.c-footer-related:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-footer-related {
        display: block
    }
}
.c-footer-related__body {
    max-width: 1060px;
    margin: 0 auto
}
.c-footer-related__info {
    padding: 32px 0;
    font-size: 12px;
    color: #000;
    line-height: 1;
    float: left
}
.c-footer-related__sites {
    float: right;
    width: 560px;
    height: 76px;
    font-size: 0;
    text-align: right
}
.c-footer-related__item {
    height: 100%;
    margin-left: 32px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    vertical-align: top;
    margin-left: 32px
}
.c-footer-related__item:first-child {
    margin-left: 0
}
.c-footer-related__item:hover {
    opacity: .8
}
@media(max-width: 769px) {
    .c-top-mainvisual--has-text .c-top-mainvisual__body {
        height: 300px
    }
}
.c-top-mainvisual--has-text .c-top-mainvisual__logo {
    margin-top: -110px
}
@media(min-width: 768px) {
    .c-top-mainvisual--has-text .c-top-mainvisual__logo {
        margin-top: -232px
    }
}
.c-top-mainvisual__body {
    background-size: cover;
    background-position: center center;
    color: #fff;
    height: 280px;
    position: relative
}
.c-top-mainvisual__body a {
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-mainvisual__body {
        height: 560px;
        max-width: 1600px;
        margin: 0 auto;
        padding-top: 66px;
        position: relative
    }
}
.c-top-mainvisual__logo {
    width: 220px;
    height: 180px;
    background-size: cover;
    background-position: center center;
    position: absolute;
    margin-top: -92px;
    margin-left: -110px;
    top: 50%;
    left: 50%
}
.c-top-mainvisual__logo > img {
    width: auto;
    height: 100%;
    display: block;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-top-mainvisual__logo {
        width: 480px;
        height: 380px;
        margin-top: -192px;
        margin-left: -240px
    }
}
.c-top-mainvisual__text {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    line-height: 1.25;
    padding: 0 20px;
    position: absolute;
    left: 50%;
    width: 100%;
    margin-left: -50%;
    top: 243px;
    bottom: auto
}
@media(max-width: 320px) {
    .c-top-mainvisual__text {
        font-size: 16px;
        padding: 0 9px
    }
}
@media(min-width: 768px) {
    .c-top-mainvisual__text {
        font-size: 28px;
        top: auto;
        bottom: 58px
    }
}
.c-top-mainvisual__countdown {
    position: absolute;
    top: 15px;
    right: 15px;
    line-height: 1
}
@media(min-width: 768px) {
    .c-top-mainvisual__countdown {
        top: 24px;
        right: 48px
    }
}
.c-top-mainvisual__countdown .before,
.c-top-mainvisual__countdown .after {
    font-size: 11px
}
@media(min-width: 768px) {
    .c-top-mainvisual__countdown .before,
    .c-top-mainvisual__countdown .after {
        font-size: 12px
    }
}
.c-top-mainvisual__countdown .date {
    font-size: 22px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    display: inline-block;
    padding: 0 5px
}
@media(min-width: 768px) {
    .c-top-mainvisual__countdown .date {
        font-size: 30px
    }
}
.c-top-mainvisual__info {
    font-size: 11px;
    text-align: center;
    padding: 14px 0;
    background-color: #000;
    line-height: 1.5
}
@media(min-width: 768px) {
    .c-top-mainvisual__info {
        display: none
    }
}
@-webkit-keyframes topSpecialBannerHoverEffect {
    0% {
        opacity: 1
    }
    100% {
        opacity: .8
    }
}
@keyframes topSpecialBannerHoverEffect {
    0% {
        opacity: 1
    }
    100% {
        opacity: .8
    }
}
.c-top-special-banners {
    height: 0;
    padding-bottom: 40%;
    position: relative;
    width: 100%;
    overflow: hidden;
    margin-bottom: 8px
}
@media(min-width: 768px) {
    .c-top-special-banners {
        height: 280px;
        margin: 0 auto;
        max-width: 1600px;
        padding-bottom: 0
    }
}
.c-top-special-banners > .c-top-special-banner__text {
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.5s ease-out 0.25s;
    z-index: 100
}
.c-top-special-banner {
    color: #fff;
    height: 0;
    padding-bottom: 40%;
    position: absolute;
    width: 100%;
    display: none;
    transition: left 0.8s ease-in-out
}
@media(min-width: 768px) {
    .c-top-special-banner {
        height: 280px;
        margin: 0 auto;
        max-width: 1600px;
        overflow: hidden;
        padding-bottom: 0
    }
}
.c-top-special-banner.active-pre {
    left: 100%
}
.c-top-special-banner.active {
    left: 0
}
.c-top-special-banner.active.inactive {
    left: -100%
}
@media(min-width: 768px) {
    .c-top-special-banner:hover {
        -webkit-animation: topSpecialBannerHoverEffect 0.5s ease-out both;
        animation: topSpecialBannerHoverEffect 0.5s ease-out both
    }
}
.c-top-special-banner a {
    color: #fff;
    display: block;
    text-decoration: none
}
.c-top-special-banner__bg {
    display: none
}
@media(min-width: 768px) {
    .c-top-special-banner__bg {
        background-position: center;
        background-size: cover;
        display: block;
        -webkit-filter:blur(24px);
        filter:blur(24px);
        height: 280px;
        margin: 0 auto;
        max-width: 1600px;
        padding-bottom: 0;
        position: relative;
        width: 100%
    }
}
.c-top-special-banner__content {
    background-position: center;
    background-size: cover;
    padding-bottom: 40%;
    position: relative;
    width: 100%
}
@media(min-width: 768px) {
    .c-top-special-banner__content {
        left: 50%;
        margin: 0 auto 0 -395px;
        padding-bottom: 0;
        position: absolute;
        top: 0;
        z-index: 1;
        max-width: 790px;
        height: 100%
    }
}
.c-top-special-banner__text {
    font-size: 18px;
    font-weight: bold;
    left: 50%;
    line-height: 1.25;
    margin-left: -50%;
    margin-top: -11px;
    padding: 0 20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 100%;
    z-index: 2
}
@media(max-width: 320px) {
    .c-top-special-banner__text {
        font-size: 16px;
        padding: 0 9px;
        margin-top: -10px
    }
}
@media(min-width: 768px) {
    .c-top-special-banner__text {
        font-size: 28px;
        margin-top: -18px
    }
}
@-webkit-keyframes topShortcutEffect {
    0% {
        -webkit-transform: translate(-100%, 0) rotate(-45deg);
        transform: translate(-100%, 0) rotate(-45deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-90deg);
        transform: translate(0, 0) rotate(-90deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
@keyframes topShortcutEffect {
    0% {
        -webkit-transform: translate(-100%, 0) rotate(-45deg);
        transform: translate(-100%, 0) rotate(-45deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
    100% {
        -webkit-transform: translate(0, 0) rotate(-90deg);
        transform: translate(0, 0) rotate(-90deg);
        -webkit-transform-origin: center;
        transform-origin: center
    }
}
.c-top-shortcut {
    width: 100%;
    padding: 16px 20px;
    background-size: cover;
    background-position: center center
}
@media(min-width: 768px) {
    .c-top-shortcut {
        text-align: center;
        font-size: 0;
        padding: 60px 0 90px;
        max-width: 1600px;
        margin: 0 auto
    }
}
.c-top-shortcut__item {
    border: 1px solid #fff;
    padding: 10px 16px;
    margin-bottom: 8px;
    position: relative;
    display: block;
    overflow: hidden;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-shortcut__item {
        border-width: 2px;
        width: 250px;
        height: 130px;
        display: inline-block;
        margin-right: 20px;
        margin-bottom: 0;
        padding-top: 44px;
        transition: color 0.3s ease-out, opacity 0.3s ease-out;
        position: relative
    }
    .c-top-shortcut__item:before {
        content: '';
        width: 300%;
        height: 300%;
        display: block;
        position: absolute;
        left: -100%;
        top: -100%;
        background-color: #fff;
        opacity: 0;
        transition: opacity 0.3s ease-out
    }
    .c-top-shortcut__item:hover {
        opacity: 0.9
    }
    .c-top-shortcut__item:hover:before {
        opacity: 0.15;
        -webkit-animation-name: topShortcutEffect;
        animation-name: topShortcutEffect;
        -webkit-animation-duration: 0.25s;
        animation-duration: 0.25s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-direction: normal;
        animation-direction: normal
    }
}
.c-top-shortcut__item:last-child {
    margin-bottom: 0
}
@media(min-width: 768px) {
    .c-top-shortcut__item:last-child {
        margin-right: 0
    }
}
.c-top-shortcut__item::after {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-top-shortcut__item:after {
    content: "\EA03";
    font-size: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.c-top-shortcut__en {
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 21px;
    line-height: 1;
    position: relative;
    z-index: 1
}
@media(min-width: 768px) {
    .c-top-shortcut__en {
        font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-weight: 500;
        font-size: 24px;
        margin-bottom: 9px;
        text-align: left
    }
}
.c-top-shortcut__ja {
    font-size: 14px;
    line-height: 1;
    position: relative;
    z-index: 1
}
@media(max-width: 769px) {
    .c-top-shortcut__ja {
        position: absolute;
        top: 50%;
        right: 36px;
        -webkit-transform: translateY(-7px);
        transform: translateY(-7px)
    }
}
@media(min-width: 768px) {
    .c-top-shortcut__ja {
        text-align: left
    }
}
.c-top-announcement {
    padding: 20px 20px 18px;
    border-top: 16px solid #1F1F1F;
    border-bottom: 16px solid #1F1F1F
}
@media(min-width: 768px) {
    .c-top-announcement {
        width: 1060px;
        margin: 0 auto;
        background-color: #000;
        padding: 32px 40px 28px;
        border-width: 32px 0;
        max-width: 1600px
    }
}
.c-top-announcement__title {
    font-size: 15px;
    font-weight: bold;
    margin: -3px 0 16px;
    line-height: 1.6
}
@media(min-width: 768px) {
    .c-top-announcement__title {
        font-size: 16px;
        margin-bottom: 18px
    }
}
.c-top-announcement__text {
    font-size: 14px;
    line-height: 1.6
}
.c-top-announcement.c-top-announcement--small {
    border-top-width: 0;
    background-color: #000
}
.c-top-announcement.c-top-announcement--small a {
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-announcement.c-top-announcement--small {
        padding: 16px 0;
        width: 100%;
        text-align: center
    }
}
.c-top-announcement.c-top-announcement--small .c-top-announcement__title {
    font-weight: normal;
    font-size: 12px;
    line-height: 14px;
    padding-left: 18px;
    position: relative;
    margin-bottom: 8px
}
.c-top-announcement.c-top-announcement--small .c-top-announcement__title::before {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-top-announcement.c-top-announcement--small .c-top-announcement__title:before {
    content: "\EA06";
    font-size: 14px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media(min-width: 768px) {
    .c-top-announcement.c-top-announcement--small .c-top-announcement__title {
        display: inline-block;
        margin-bottom: 0
    }
}
.c-top-announcement.c-top-announcement--small .c-top-announcement__text {
    font-size: 12px
}
@media(min-width: 768px) {
    .c-top-announcement.c-top-announcement--small .c-top-announcement__text {
        display: inline-block;
        padding-left: 16px
    }
}
.c-top-news {
    width: 100%;
    background-color: #1F1F1F;
    padding: 0 20px 46px
}
@media(min-width: 768px) {
    .c-top-news {
        width: 700px;
        margin: 0 auto;
        padding: 18px 0 60px
    }
}
.c-top-news__list {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-bottom: 16px
}
@media(min-width: 768px) {
    .c-top-news__list {
        margin-bottom: 24px
    }
}
.c-top-news__item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 16px 0
}
.c-top-news__item:after {
    content: "";
    display: table;
    clear: both
}
.c-top-news__item > a {
    color: #fff;
    display: inherit
}
.c-top-news__item>a:hover {
    opacity: .8
}
.c-top-news__date {
    font-size: 14px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    float: left;
    width: 100px;
    line-height: 1.5;
    margin: -2px 0
}
.c-top-news__text {
    font-size: 14px;
    float: left;
    width: calc(100% - 100px);
    line-height: 1.5;
    margin: -2px 0;
    vertical-align: top
}
.c-top-news__newIcon {
    margin-left: 6px;
    font-weight: bold;
    color: #FFFF00;
    font-size: 10px;
    display: inline-block;
    font-style: oblique
}
.c-top-ticket {
    margin-bottom: 16px
}
.c-top-ticket:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-top-ticket {
        width: 1060px;
        height: 270px;
        margin: 0 auto
    }
}
.c-top-ticket__image {
    width: 50vw;
    height: 50vw;
    float: left;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/app.jpg');
    background-size: cover
}
@media(min-width: 768px) {
    .c-top-ticket__image {
        width: 50%;
        height: 100%;
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/app_pc.jpg')
    }
}
.c-top-ticket__content {
    width: 50vw;
    height: 50vw;
    float: left;
    background-color: #000;
    position: relative
}
@media(min-width: 768px) {
    .c-top-ticket__content {
        width: 50%;
        height: 100%
    }
}
.c-top-ticket__content-body {
    width: 100%;
    height: 130px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.c-top-ticket__title {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 24px
}
@media(min-width: 768px) {
    .c-top-ticket__title {
        font-size: 36px;
        margin-bottom: 20px
    }
}
.c-top-ticket__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -2px 0 22px;
    text-align: center;
    padding: 0 16px
}
@media(min-width: 768px) {
    .c-top-ticket__text {
        font-size: 16px;
        margin: -4px 0 20px
    }
}
.c-top-apps {
    margin-bottom: 52px
}
.c-top-apps:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-top-apps {
        margin-top: 45px;
        margin-bottom: 80px;
        text-align: center
    }
}
.c-top-apps__image {
    width: 50vw;
    height: 50vw;
    float: left;
    overflow: hidden
}
.c-top-apps__image img {
    width: 100%;
    heigh: auto;
    display: block
}
@media(min-width: 768px) {
    .c-top-apps__image {
        width: 50%;
        height: auto;
        display: inline-block;
        float: none
    }
}
@media(min-width: 768px) {
    .c-top-apps__container {
        padding: 0;
        max-width: 1080px;
        margin: 0 auto;
        font-size: 0;
        text-align: center
    }
}
@media(min-width: 768px) {
    .c-top-apps__item {
        display: inline-block;
        padding: 0 10px;
        width: 50%
    }
}
.c-top-apps__item-content {
    position: relative;
    display: block;
    color: #fff
}
.c-top-apps__item-content:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease-out
}
@media(min-width: 768px) {
    .c-top-apps__item-content:hover:after {
        opacity: 0.15;
        transition: opacity 0.12s ease-out
    }
    .c-top-apps__item-content:hover .c-top-apps__image img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        transition: -webkit-transform 0.12s ease-out;
        transition: transform 0.12s ease-out;
        transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out
    }
    .c-top-apps__item-content .c-top-apps__image img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
    }
}
.c-top-apps__content {
    width: 50vw;
    height: 50vw;
    float: left;
    background-color: #000;
    position: relative
}
.c-top-apps__content.c-top-apps__content--ticket {
    background-color: #034698
}
.c-top-apps__content.c-top-apps__content--app {
    background-color: #E66617
}
@media(min-width: 768px) {
    .c-top-apps__content {
        width: 50%;
        height: auto;
        float: none;
        display: inline-block
    }
    .c-top-apps__content:before {
        content: "";
        display: block;
        position: relative;
        width: 100%;
        padding-bottom: 100%
    }
}
.c-top-apps__content-body {
    width: 100%;
    height: 126px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media(min-width: 768px) {
    .c-top-apps__content-body {
        height: 130px
    }
}
.c-top-apps__title {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 24px
}
.c-top-apps__text {
    font-size: 12px;
    line-height: 16px;
    margin: -2px 0 22px;
    text-align: center;
    padding: 0 16px
}
.c-top-topics {
    width: 100%;
    font-size: 0;
    margin-bottom: 40px;
    text-align: center
}
.c-top-topics:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-top-topics {
        margin-bottom: 0;
        padding-top: 30px
    }
}
.c-top-topics__item {
    width: 50vw;
    display: inline-table;
    padding-bottom: 24px;
    vertical-align: top
}
@media(min-width: 768px) {
    .c-top-topics__item {
        width: 25%;
        margin: 0 auto;
        padding: 0 10px 40px;
        transition: opacity 0.2s ease-out
    }
}
.c-top-topics__item-content {
    display: block;
    position: relative;
    overflow: hidden;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-topics__item-content {
        transition: opacity 0.2s ease-out
    }
    .c-top-topics__item-content:hover {
        opacity: .8
    }
    .c-top-topics__item-content:hover .c-top-topics__image > img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        transition: -webkit-transform 0.12s ease-out;
        transition: transform 0.12s ease-out;
        transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out
    }
    .c-top-topics__item-content .c-top-topics__image > img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
    }
}
.c-top-topics__image {
    width: 100%;
    margin-bottom: 16px
}
.c-top-topics__image > img {
    width: 100%;
    height: auto;
    display: block
}
.c-top-topics__title {
    margin: -2px 0 14px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    padding: 0 5px
}
.c-top-topics__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -2px 0;
    text-align: center;
    padding: 0 5px
}
@media(min-width: 768px) {
    .c-top-topics-list {
        max-width: 1080px;
        margin: 0 auto
    }
}
.c-top-topics-list__first {
    text-align: left
}
.c-top-topics-list__first.is-centered {
    text-align: center
}
.c-top-topics-list__second {
    display: none;
    text-align: left
}
.c-top-guide {
    padding: 24px 20px 40px;
    background-size: cover;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/generalinfo_bg.jpg')
}
@media(min-width: 768px) {
    .c-top-guide {
        text-align: center;
        font-size: 0;
        padding: 36px 0 40px;
        max-width: 1600px;
        margin: 0 auto;
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/generalinfo_bg_pc.jpg')
    }
}
@media(min-width: 768px) {
    .c-top-guide__content {
        width: 520px;
        display: inline-block;
        vertical-align: top
    }
}
.c-top-guide__logo {
    width: 180px;
    margin: 0 auto 24px
}
.c-top-guide__logo > img {
    width: 100%;
    height: auto;
    display: block
}
@media(min-width: 768px) {
    .c-top-guide__logo {
        width: 320px;
        margin-bottom: 36px
    }
}
.c-top-guide__text {
    margin-bottom: 24px
}
.c-top-guide__text > p {
    font-size: 12px;
    line-height: 1.5;
    margin: -2px 0 14px;
    color: #1F1F1F
}
.c-top-guide__text>p:last-child {
    margin-bottom: -2px
}
@media(min-width: 768px) {
    .c-top-guide__text > p {
        font-size: 13px
    }
}
@media(min-width: 768px) {
    .c-top-guide__text {
        text-align: left;
        margin-bottom: 40px
    }
}
.c-top-guide__info {
    margin: -4px 0 16px;
    font-size: 16px;
    line-height: 1.5;
    color: #1F1F1F
}
@-webkit-keyframes snsbutton {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes snsbutton {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.3);
        transform: scale(1.3)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
.c-top-sns {
    margin-bottom: 32px;
    position: relative
}
.c-top-sns:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-top-sns {
        padding: 45px 0;
        margin-bottom: 0;
        background-color: #E0E0E0;
        text-align: center;
        font-size: 0
    }
}
.c-top-sns > a {
    float: left;
    height: 76px;
    width: 50vw;
    display: block;
    font-size: 0;
    vertical-align: top;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-sns > a {
        width: 90px;
        height: 70px;
        float: none;
        display: inline-block
    }
    .c-top-sns>a:hover .c-top-sns__icon:before {
        -webkit-transform: scale(1.13);
        transform: scale(1.13)
    }
}
.c-top-sns__icon {
    padding-top: 16px;
    text-align: center;
    margin: 0 auto 8px
}
.c-top-sns__icon::after {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
@media(min-width: 768px) {
    .c-top-sns__icon {
        width: 48px;
        height: 48px;
        padding-top: 12px;
        margin: 0 auto 12px;
        position: relative
    }
    .c-top-sns__icon:before {
        content: "";
        width: 48px;
        height: 48px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 48px;
        transition-duration: 0.15s;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        transition-timing-function: ease-out
    }
}
.c-top-sns__text {
    color: #fff;
    font-size: 11px;
    line-height: 1;
    text-align: center;
    width: 100%
}
@media(min-width: 768px) {
    .c-top-sns__text {
        color: #000;
        font-size: 12px;
        margin-left: -35px;
        width: 160px
    }
}
.c-top-sns__twitter .c-top-sns__icon:after {
    content: "\EA0A";
    color: #fff;
    font-size: 25px;
    height: 25px
}
@media(max-width: 769px) {
    .c-top-sns__twitter {
        background-color: #1DA1F2
    }
}
@media(min-width: 768px) {
    .c-top-sns__twitter {
        margin-right: 110px;
        width: 52px
    }
    .c-top-sns__twitter .c-top-sns__icon:before {
        background-color: #1DA1F2
    }
}
.c-top-sns__mail .c-top-sns__icon:after {
    content: "\EA07";
    color: #fff;
    font-size: 25px;
    height: 25px
}
@media(max-width: 769px) {
    .c-top-sns__mail {
        background-color: #666
    }
}
@media(min-width: 768px) {
    .c-top-sns__mail {
        margin-right: 110px;
        width: 88px
    }
    .c-top-sns__mail .c-top-sns__icon:before {
        background-color: #666
    }
}
.c-top-sns__blog .c-top-sns__icon:after {
    content: "\EA05";
    color: #fff;
    font-size: 25px;
    height: 25px
}
@media(max-width: 769px) {
    .c-top-sns__blog {
        background-color: #000;
        background-size: 29px 43px
    }
}
@media(min-width: 768px) {
    .c-top-sns__blog {
        width: 29px
    }
    .c-top-sns__blog .c-top-sns__icon:before {
        background-color: #000
    }
}
.c-top-publicity {
    padding: 0 12px 8px;
    text-align: center;
    font-size: 0;
    display: flex;
    flex-wrap: wrap
}
@media(min-width: 768px) {
    .c-top-publicity.is-centered {
        justify-content: center
    }
}
@media(min-width: 768px) {
    .c-top-publicity {
        padding: 0 0 68px;
        max-width: 1080px;
        margin: 45px auto 0
    }
}
.c-top-publicity__item {
    padding: 0 8px 24px;
    width: 50%;
    display: inline-table
}
@media(min-width: 768px) {
    .c-top-publicity__item {
        width: 25%;
        padding: 0 10px
    }
}
.c-top-publicity__item-content {
    position: relative;
    display: block;
    color: #fff;
    text-decoration: none
}
@media(min-width: 768px) {
    .c-top-publicity__item-content:hover {
        transition: opacity 0.2s ease-out
    }
    .c-top-publicity__item-content:hover:hover {
        opacity: .8
    }
    .c-top-publicity__item-content:hover .c-top-publicity__image > img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        transition: -webkit-transform 0.12s ease-out;
        transition: transform 0.12s ease-out;
        transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out
    }
    .c-top-publicity__item-content .c-top-publicity__image > img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
    }
}
.c-top-publicity__image {
    width: 100%;
    margin-bottom: 16px;
    overflow: hidden
}
.c-top-publicity__image > img {
    width: 100%;
    height: auto;
    display: block
}
@media(min-width: 768px) {
    .c-top-publicity__image {
        margin-bottom: 20px
    }
}
.c-top-publicity__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -2px 0;
    text-align: center
}
@media(min-width: 768px) {
    .c-top-publicity__text {
        padding: 0 8px
    }
}
.c-top-sponsor {
    font-size: 0;
    text-align: center;
    background-color: #fff;
    padding: 32px 0
}
@media(min-width: 768px) {
    .c-top-sponsor {
        display: none
    }
}
.c-top-sponsor__item-row {
    margin-top: 36px
}
.c-top-sponsor__item-row:first-child {
    margin-top: 0
}
.c-top-sponsor__item {
    display: inline-block;
    width: 50vw;
    vertical-align: middle
}
.c-top-sponsor__item > img {
    width: 100%;
    height: auto;
    display: inline-block;
    margin: 0 auto
}
.c-top-sponsor__item4 {
    display: inline-block;
    width: 25vw;
    vertical-align: middle
}
.c-top-sponsor__item4 > img {
    width: 60%;
    height: auto;
    display: inline-block;
    margin: 0 auto
}
.c-top-report {
    width: 100%;
    padding: 36px 0;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/report_bg.jpg');
    background-size: cover;
    position: relative
}
@media(min-width: 768px) {
    .c-top-report {
        padding: 0 0 0 530px;
        width: 1060px;
        margin: 0 auto;
        margin: 0 auto
    }
    .c-top-report:before {
        content: "";
        display: block;
        width: 530px;
        height: 100%;
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/top/report_bg.jpg');
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0
    }
}
@media(min-width: 768px) {
    .c-top-report__body {
        width: 530px;
        padding: 55px 0;
        background-color: #000
    }
}
.c-top-report__title {
    text-align: center;
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    margin-bottom: 24px
}
@media(min-width: 768px) {
    .c-top-report__title {
        font-size: 36px;
        margin-bottom: 20px
    }
}
.c-top-report__text {
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
    margin: -2px 0 22px
}
@media(min-width: 768px) {
    .c-top-report__text {
        font-size: 16px;
        margin: -4px 0 31px
    }
}
.c-top-movie {
    background-color: #000;
    padding: 24px 20px
}
@media(min-width: 768px) {
    .c-top-movie {
        padding: 48px 0
    }
}
@media(min-width: 768px) {
    .c-top-movie__container {
        max-width: 1080px;
        text-align: center;
        margin: 0 auto
    }
}
.c-top-movie__item {
    width: 100%;
    position: relative;
    display: inline-block;
    margin-bottom: 24px;
    vertical-align: top
}
.c-top-movie__item:last-child {
    margin-bottom: 0
}
.c-top-movie__item:before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 56.5384615384615%
}
.c-top-movie__item iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important
}
@media(min-width: 768px) {
    .c-top-movie__item {
        width: calc(50% - 20px);
        margin: 0 10px;
    }
}
.c-ticket-section {
    background-color: #fff;
    padding: 0 20px;
    color: #000
}
@media(min-width: 768px) {
    .c-ticket-section {
        padding: 0
    }
}
.c-ticket-section.c-ticket-section--tab .c-ticket-section__title {
    margin-bottom: 0;
    cursor: pointer
}
.c-ticket-section.c-ticket-section--tab .c-ticket-section__content {
    display: none
}
.c-ticket-section.c-ticket-section--tab .c-ticket-section__content:before {
    content: "";
    width: 100%;
    padding-top: 24px;
    display: block
}
.c-ticket-section.c-ticket-section--tab .c-ticket-section__tab-arrow {
    transition: -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
}
.c-ticket-section.c-ticket-section--open .c-ticket-section__tab-arrow {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}
.c-ticket-section__title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #262626;
    padding: 18px 0;
    line-height: 1.5;
    margin-bottom: 24px;
    position: relative
}
@media(max-width: 374px) {
    .c-ticket-section__title {
        font-size: 22px
    }
}
.c-ticket-section__subtitle {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 11px;
    font-weight: bold
}
.c-ticket-section__text {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    margin: -4px 0 28px
}
.c-ticket-section__text > a {
    color: #E5273E;
    text-decoration: underline
}
.c-ticket-section__text>a:hover {
    opacity: .8
}
.c-ticket-section__types {
    margin-bottom: 24px
}
.c-ticket-section__types > img {
    width: 100%;
    height: auto;
    display: block
}
.c-ticket-section__annotation {
    font-size: 12px;
    background-color: #eee;
    color: #555;
    padding: 9px 12px;
    margin: 0 -5px 32px
}
@media(min-width: 768px) {
    .c-ticket-section__annotation {
        margin: 0 0 32px
    }
}
.c-ticket-section__tab-arrow {
    background-color: #000;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    position: absolute;
    top: calc(50% - 12px);
    right: 0
}
.c-ticket-section__tab-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0 5px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: calc(50% - 3px);
    right: calc(50% - 5px)
}
.c-ticket-section__finish {
    background-color: #BBBBBB;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 24px;
    height: 24px;
    width: 44px;
    border-radius: 2px
}
@media(max-width: 769px) {
    .c-ticket-section__finish {
        position: absolute;
        top: calc(50% - 12px);
        right: 68px;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}
@media(max-width: 320px) {
    .c-ticket-section__finish {
        position: relative;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        display: inline-block;
        top: auto;
        right: auto;
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px)
    }
}
@media(min-width: 768px) {
    .c-ticket-section__finish {
        position: relative;
        top: auto;
        right: auto;
        display: inline-block;
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        margin-left: 10px;
        position: absolute;
        top: calc(50% - 12px);
        right: 68px
    }
}
.c-ticket-attention__title {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 19px;
    font-weight: bold;
    padding-bottom: 16px;
    border-bottom: 1px solid #D8D8D8
}
.c-ticket-attention__subtitle {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 20px;
    font-weight: bold
}
.c-ticket-attention__list {
    padding-bottom: 24px;
    border-bottom: 1px solid #D8D8D8;
    margin-bottom: 24px
}
.c-ticket-attention__item {
    color: #555;
    font-size: 12px;
    margin: -3px 0 17px;
    padding-left: 1em;
    position: relative
}
.c-ticket-attention__item a {
    color: #E5273E;
    text-decoration: underline
}
.c-ticket-attention__item a:hover {
    opacity: .8
}
.c-ticket-attention__item:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
    line-height: 1.5
}
.c-ticket-attention__item:last-child {
    margin-bottom: -3px
}
.c-ticket-important {
    font-size: 12px;
    background-color: #FFCBD2;
    color: #555;
    padding: 12px 16px;
    margin: -6px -5px 24px
}
@media(min-width: 768px) {
    .c-ticket-important {
        margin: -6px 0 24px
    }
}
.c-ticket-important__title {
    color: #E5273E;
    font-weight: bobld;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 12px
}
.c-ticket-important__text {
    color: #E5273E;
    font-size: 14px;
    line-height: 1.5;
    margin: -4px 0 0
}
.c-ticket-notice__title {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 19px;
    font-weight: bold
}
.c-ticket-notice__subtitle {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 12px;
    font-weight: bold
}
.c-ticket-notice__info {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    margin: -4px 0 20px
}
.c-ticket-notice__annotation {
    font-size: 12px;
    background-color: #eee;
    color: #555;
    padding: 9px 12px;
    margin: 0 -5px 24px
}
@media(min-width: 768px) {
    .c-ticket-notice__annotation {
        margin: 0 0 24px
    }
}
.c-ticket-notice__result-button {
    margin-bottom: 24px;
    width: 100%
}
@media(min-width: 768px) {
    .c-ticket-notice__result-button {
        max-width: 250px
    }
}
a.c-ticket-notice__info {
    color: #E5273E
}
.c-ticket-store__title {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 19px;
    font-weight: bold;
    padding-bottom: 16px;
    border-bottom: 1px solid #D8D8D8
}
.c-ticket-store__subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin: -4px 0 12px;
    font-weight: bold
}
.c-ticket-store__subtitle2 {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 12px;
    font-weight: bold
}
.c-ticket-store__info {
    font-size: 15px;
    color: #444;
    line-height: 1.5;
    margin: -4px 0 20px
}
.c-ticket-store__text {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 20px
}
.c-ticket-store__text > a {
    color: #E5273E;
    text-decoration: underline
}
.c-ticket-store__text>a:hover {
    opacity: .8
}
.c-ticket-store__annotation {
    font-size: 12px;
    background-color: #eee;
    color: #555;
    padding: 9px 12px;
    margin: 0 -5px 24px
}
@media(min-width: 768px) {
    .c-ticket-store__annotation {
        margin: 0 0 24px
    }
}
.c-ticket-store__border {
    width: 100%;
    height: 1px;
    background-color: #DDDDDD;
    margin-bottom: 24px
}
.c-ticket-howto {
    padding-bottom: 45px
}
.c-ticket-howto a {
    color: #E5273E;
    text-decoration: underline
}
.c-ticket-howto a:hover {
    opacity: .8
}
.c-ticket-howto__title {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 11px;
    font-weight: bold
}
.c-ticket-howto__text {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 20px
}
.c-ticket-howto__steps {
    border-top: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    padding: 16px 0 24px;
    position: relative
}
.c-ticket-howto__steps:before {
    content: "";
    display: block;
    width: 2px;
    background-color: #DDDDDD;
    height: calc(100% - 104px);
    position: absolute;
    top: 48px;
    left: 15px
}
.c-ticket-howto__step:after {
    content: "";
    display: table;
    clear: both
}
.c-ticket-howto__step-text {
    font-weight: bold;
    font-size: 14px;
    line-height: 1.5;
    padding: 6px 0 5px 12px;
    width: calc(100% - 32px);
    display: inline-block;
    float: left
}
.c-ticket-howto__step-text.c-ticket-howto__step-text--with-icon {
    padding-left: 43px;
    position: relative
}
.c-ticket-howto__app-icon {
    width: 24px;
    height: 24px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/tickets/app_icon.png');
    background-size: cover;
    position: absolute;
    top: 50%;
    left: 12px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
.c-ticket-howto__number,
.c-ticket-howto__number2 {
    background-color: #E5273E;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding-top: 9px;
    vertical-ailgn: top;
    float: left;
    position: relative
}
.c-ticket-howto__number2 {
    background-color: #404040
}
.c-ticket-howto__button-wrapper {
    background-color: #fff;
    position: relative;
    padding: 16px 0 0;
    margin-bottom: 36px
}
.c-ticket-howto__store-button-wrapper {
    position: relative;
    padding: 16px 0 0;
    margin-bottom: 16px;
    font-size: 0;
    text-align: center
}
.c-ticket-howto__annotation {
    color: #777;
    font-size: 12px;
    line-height: 1.5;
    text-align: left;
    padding: 16px 0 0 44px
}
@media(min-width: 768px) {
    .c-ticket-howto__annotation {
        text-align: center;
        padding-left: 0
    }
}
.c-ticket-howto__annotation > a {
    text-decoration: underline;
    color: #777
}
.c-ticket-howto__annotation>a:hover {
    opacity: .8
}
.c-ticket-howto__store-button {
    width: 150px;
    height: 55px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/tickets/app_store.png');
    background-size: cover;
    position: relative;
    display: block;
    margin: 0 auto 16px
}
@media(min-width: 768px) {
    .c-ticket-howto__store-button {
        width: 120px;
        height: 44px;
        display: inline-block;
        margin-right: 16px;
        margin-bottom: 4px
    }
}
.c-ticket-howto__googleplay-button {
    width: 150px;
    height: 44px;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/tickets/google_play.png');
    background-size: cover;
    position: relative;
    display: block;
    margin: 0 auto 4px;
    display: inline-block
}
.c-ticket-howto__button {
    width: 100%;
    height: 44px;
    background-color: #E5273E;
    position: relative;
    border-radius: 4px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 44px;
    text-align: center
}
.c-about-title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #262626;
    padding: 18px 0;
    line-height: 1.5;
    margin-bottom: 24px;
    position: relative;
    color: #000
}
.c-about-list {
    padding-bottom: 32px
}
.c-about-list__title {
    font-size: 18px;
    line-height: 1.5;
    margin: -5px 0 11px;
    font-weight: bold;
    color: #000
}
.c-about-list__subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin: -4px 0 8px;
    font-weight: bold;
    color: #000
}
.c-about-list__text {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 28px;
    color: #444
}
.c-about-list__text > a {
    color: #E5273E;
    text-decoration: underline
}
.c-about-list__text>a:hover {
    opacity: .8
}
.c-about-list__text:last-child {
    margin-bottom: -4px
}
.c-about-list__text2 {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 20px;
    color: #444
}
.c-about-list__annotation {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px
}
.c-about-attention__subtitle {
    font-size: 15px;
    line-height: 1.5;
    margin: -4px 0 20px;
    font-weight: bold
}
.c-about-attention__list {
    margin-bottom: 32px
}
.c-about-attention__item {
    color: #555;
    font-size: 12px;
    margin: -3px 0 17px;
    padding-left: 1em;
    position: relative
}
.c-about-attention__item:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
    line-height: 1.5
}
.c-about-attention__item:last-child {
    margin-bottom: -3px
}
.c-areamap > img {
    width: 100%;
    height: auto;
    display: block
}
.c-areamap-app {
    padding: 32px 20px;
    background-color: #000
}
.c-areamap-app__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px;
    color: #fff;
    font-weight: bold;
    text-align: center
}
@media(min-width: 768px) {
    .c-areamap-app__text {
        font-size: 15px;
        margin: -4px 0 12px
    }
}
.c-areamap-app__button {
    width: 100%;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-areamap-app__button {
        max-width: 340px
    }
}
.c-areamap-stage {
    background-color: #fff;
    padding: 12px 20px
}
@media(min-width: 768px) {
    .c-areamap-stage {
        padding: 40px 40px 8px;
        font-size: 0;
        text-align: left
    }
}
.c-areamap-stage__item {
    padding: 12px 0;
    border-bottom: 1px solid #DDDDDD;
    vertical-align: middle
}
.c-areamap-stage__item:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-areamap-stage__item {
        width: 33.3%;
        padding: 0 0 32px;
        display: inline-table;
        border-bottom-width: 0;
        vertical-align: top
    }
}
.c-areamap-stage__item:last-child {
    border-bottom-width: 0
}
.c-areamap-stage__logo {
    width: 90px;
    display: table-cell
}
.c-areamap-stage__logo > img {
    width: 100%;
    height: auto;
    display: block
}
.c-areamap-stage__text {
    width: calc(100% - 90px);
    padding-left: 10px;
    font-size: 15px;
    color: #444;
    display: table-cell;
    vertical-align: middle;
    min-height: 64px
}
@media(min-width: 768px) {
    .c-areamap-stage__text {
        padding-left: 15px;
        padding-right: 20px
    }
}
.c-areamap-info {
    background-color: #fff;
    padding: 20px;
    position: relative
}
@media(min-width: 768px) {
    .c-areamap-info {
        padding: 0 30px 24px
    }
}
@media(max-width: 769px) {
    .c-areamap-info__list {
        padding-top: 24px
    }
    .c-areamap-info__list:first-child {
        padding-top: 0
    }
}
@media(min-width: 768px) {
    .c-areamap-info__list {
        vertical-align: top;
        width: calc(33.3% - 20px);
        display: inline-table;
        margin: 0 10px;
        font-size: 0;
        text-align: left;
        padding-top: 8px
    }
}
.c-areamap-info__item {
    position: relative;
    margin-top: 24px
}
@media(min-width: 768px) {
    .c-areamap-info__item {
        width: 100%;
        margin: 0;
        padding-top: 16px;
        padding-bottom: 16px;
        border-bottom: 1px solid #DDDDDD
    }
}
.c-areamap-info__item:first-child {
    margin-top: 0
}
.c-areamap-info__icon {
    width: 32px;
    height: 32px;
    position: absolute;
    top: calc(50% - 16px);
    left: 0
}
.c-areamap-info__icon > img {
    width: 100%;
    height: auto;
    display: block
}
.c-areamap-info__title {
    font-size: 15px;
    color: #444;
    padding: 5px 0 0 42px;
    min-height: 32px;
    margin-bottom: 12px;
    width: calc(100% - 32px);
    position: relative;
    font-weight: bold
}
@media(min-width: 768px) {
    .c-areamap-info__title {
        margin-bottom: 0
    }
}
.c-areamap-info__text {
    font-size: 12px;
    color: #444;
    display: table-cell;
    vertical-align: middle;
    min-height: 32px
}
@media(min-width: 768px) {
    .c-areamap-info__text {
        padding-top: 12px
    }
}
.c-areamap-info__text > a {
    text-decoration: underline;
    display: inline-block;
    color: #444
}
.c-areamap-attention {
    color: #DDDDDD;
    font-size: 14px;
    padding: 20px
}
@media(min-width: 768px) {
    .c-areamap-attention {
        padding: 20px 20px 20px 40px
    }
}
.c-goods-items {
    background-color: #fff;
    font-size: 0;
    text-align: left;
    padding: 16px 0 0
}
@media(min-width: 768px) {
    .c-goods-items {
        padding: 16px 30px 0;
        text-align: left;
        max-width: 1140px;
        margin: 0 auto 16px
    }
}
.c-goods-item {
    width: 50vw;
    padding: 16px 0;
    vertical-align: top;
    display: inline-block;
    background-color: #fff;
    position: relative
}
@media(min-width: 768px) {
    .c-goods-item {
        display: inline-table;
        width: 33.3%;
        margin-bottom: 16px;
        padding: 0 10px;
        cursor: pointer;
        transition: opacity 0.2s ease-out
    }
    .c-goods-item:hover {
        opacity: .8
    }
}
.c-goods-item__number {
    font-size: 15px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: center;
    height: 24px;
    width: 24px;
    background-color: #034698;
    border-radius: 24px;
    position: absolute;
    top: 8px;
    left: 8px
}
.c-goods-item__image {
    width: 100%;
    padding: 0 14px;
    margin: 0 auto 12px
}
.c-goods-item__image > div {
    width: 100%;
    padding-top: 80%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}
.c-goods-item__title {
    font-size: 11px;
    margin: -3px 0 5px;
    color: #444;
    text-align: center;
    padding: 0 12px
}
.c-goods-item__price {
    font-size: 15px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    color: #444;
    text-align: center;
    transition: color 0.1s linear
}
.c-goods-item__goods {
    display: none
}
.c-goods-size-button {
    width: 100%;
    padding: 16px 20px;
    background-color: #fff
}
@media(min-width: 768px) {
    .c-goods-size-button {
        max-width: 340px;
        margin: 0 auto
    }
}
.c-goods-size-button > a {
    display: block;
    width: 100%;
    height: 44px;
    background-color: #0B8D99;
    position: relative;
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 44px;
    text-align: center
}
.c-goods-attention {
    padding: 32px 20px
}
.c-goods-attention__item {
    color: #DDDDDD;
    font-size: 12px;
    margin: -3px 0 1.5em
}
@media(min-width: 768px) {
    .c-goods-attention__item {
        color: #777777
    }
}
.c-goods-attention__item:last-child {
    margin-bottom: -3px
}
.c-goods-link {
    padding: 16px 20px;
    background-color: #1F1F1F
}
@media(min-width: 768px) {
    .c-goods-link {
        border: 1px solid #ccc;
        background-color: #fff;
        padding: 24px;
        width: calc(100% - 80px);
        margin: 0 auto 16px
    }
}
.c-goods-link__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px;
    color: #fff;
    font-weight: bold;
    text-align: center
}
@media(min-width: 768px) {
    .c-goods-link__text {
        font-size: 20px;
        color: #000;
        margin: -5px 0 15px
    }
}
.c-goods-link__text2 {
    font-size: 15px;
    color: #444;
    text-align: center;
    width: 100%;
    margin-bottom: 20px
}
@media(max-width: 769px) {
    .c-goods-link__text2 {
        display: none
    }
}
.c-goods-link__button {
    width: 100%;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-goods-link__button {
        max-width: 340px
    }
}
.c-goods-descriptionn {
    font-size: 15px;
    color: #444;
    margin: -4px 0 12px
}
.c-goods-annotation {
    font-size: 12px;
    background-color: #eee;
    color: #555;
    padding: 9px 12px;
    margin: 0 -5px 24px
}
.c-reserve-heading {
    font-size: 18px;
    line-height: 1.5;
    margin: 35px 0 11px;
    font-weight: bold;
    color: #000
}
.c-reserve-heading2 {
    font-size: 15px;
    margin: 20px 0 12px;
    font-weight: bold
}
.c-reserve-heading+.c-reserve-heading2 {
    margin-top: 12px
}
.c-reserve-text {
    font-size: 15px;
    margin: -4px 0 12px
}
.c-reserve-text > a {
    color: #E5273E;
    text-decoration: underline
}
.c-reserve-text>a:hover {
    opacity: .8
}
.c-reserve-text.c-reserve-text--small {
    font-size: 12px;
    margin: -3px 0 13px
}
.c-reserve-text.c-reserve-text--red {
    color: #E5273E
}
.c-reserve-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 16px
}
.c-reserve-table tr {
    border-top: 1px solid #000;
    border-left: 1px solid #000
}
.c-reserve-table th {
    width: 50%;
    background-color: #034698;
    font-size: 15px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    color: #fff;
    text-align: center;
    padding: 11px 0
}
.c-reserve-table td {
    width: 50%;
    font-size: 14px;
    color: #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    padding: 11px 0
}
.c-reserve-steps {
    position: relative;
    margin-bottom: 24px
}
.c-reserve-steps:before {
    content: "";
    display: block;
    width: 2px;
    background-color: #DDDDDD;
    height: 100%;
    position: absolute;
    top: 0;
    left: 15px
}
.c-reserve-steps__step:after {
    content: "";
    display: table;
    clear: both
}
.c-reserve-steps__step:last-child {
    margin-top: 30px
}
.c-reserve-steps__step-text {
    font-size: 14px;
    line-height: 1.5;
    padding: 6px 0 5px 12px;
    width: calc(100% - 32px);
    display: inline-block;
    float: left
}
.c-reserve-steps__step-text.c-reserve-steps__step-text--with-icon {
    padding-left: 43px;
    position: relative
}
.c-reserve-steps__number {
    background-color: #777777;
    width: 32px;
    height: 32px;
    border-radius: 32px;
    color: #fff;
    font-size: 14px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: center;
    line-height: 1;
    padding-top: 9px;
    vertical-ailgn: top;
    float: left;
    position: relative
}
.c-reserve-steps__button-wrapper {
    background-color: #fff;
    position: relative;
    padding: 10px 0;
    margin: 20px 0
}
@media(min-width: 768px) {
    .c-reserve-steps__button-wrapper {
        width: 250px
    }
}
.c-reserve-steps__button-wrapper2 {
    background-color: #fff;
    position: relative;
    padding: 0;
    margin: 20px 0
}
@media(min-width: 768px) {
    .c-reserve-steps__button-wrapper2 {
        width: 250px
    }
}
.c-reserve-steps__store-button-wrapper {
    position: relative;
    padding: 16px 0 0;
    margin-bottom: 16px
}
@media(min-width: 768px) {
    .c-reserve-steps__store-button-wrapper {
        width: 250px
    }
}
.c-reserve-list {
    margin-bottom: 24px
}
.c-reserve-list__item {
    color: #555;
    font-size: 12px;
    margin: -3px 0 17px;
    padding-left: 1em;
    position: relative
}
.c-reserve-list__item:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
    line-height: 1.5
}
.c-reserve-list__item:last-child {
    margin-bottom: -3px
}
.c-reserve-important {
    background-color: #EEEEEE;
    color: #555;
    padding: 12px 16px;
    margin: 0 -5px 24px
}
.c-reserve-important__title {
    color: #000;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.5;
    margin: 0 0 12px
}
.c-reserve-important__text {
    color: #000;
    font-size: 14px;
    line-height: 1.5;
    margin: -4px 0 0
}
@media(min-width: 1140px) {
    .c-size {
        width: 250px;
        display: inline-block;
        margin: 0 10px
    }
}
@media(min-width: 769px) and (max-width: 1139px) {
    .c-size {
        width: calc(50% - 20px);
        display: inline-block;
        margin: 0 10px
    }
    .c-size:first-child,
    .c-size:nth-child(2) {
        margin-bottom: 20px
    }
}
@media(max-width: 769px) {
    .c-size {
        margin-bottom: 16px
    }
}
.c-size-title {
    font-size: 24px;
    font-weight: bold;
    border-bottom: 1px solid #262626;
    padding: 18px 0;
    line-height: 1.5;
    margin-bottom: 24px;
    position: relative;
    color: #000
}
.c-size-list {
    text-align: center;
    font-size: 0
}
.c-size-caption {
    font-size: 17px;
    color: #fff;
    font-weight: bold;
    display: block;
    width: 100%;
    padding: 11px 0;
    text-align: center
}
.c-size-caption.c-size-caption--red {
    background-color: #B20000
}
.c-size-caption.c-size-caption--orange {
    background-color: #B25901
}
.c-size-caption.c-size-caption--green {
    background-color: #1A6600
}
.c-size-caption.c-size-caption--blue {
    background-color: #001B66
}
.c-size-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 24px
}
.c-size-table:last-child {
    margin-bottom: 0
}
.c-size-table tr:first-child {
    background-color: #DFDFD0
}
.c-size-table tr:nth-child(2n) {
    background-color: #F3F4F5
}
.c-size-table tr:nth-child(2n + 1) {
    background-color: rgba(173, 178, 196, 0.24)
}
.c-size-table th {
    width: 33.3%;
    background-color: #DFDFD0;
    font-size: 15px;
    border-right: 1px solid #D0D0D0;
    color: #000;
    text-align: center;
    padding: 11px 0;
    font-weight: normal
}
.c-size-table th:last-child {
    border-right-width: 0
}
.c-size-table td {
    width: 33.3%;
    font-size: 14px;
    color: #000;
    border-right: 1px solid #D0D0D0;
    text-align: center;
    padding: 11px 0
}
.c-size-table td:last-child {
    border-right-width: 0
}
.c-foods-map > img {
    width: 100%;
    height: auto;
    display: block
}
@media(min-width: 768px) {
    .c-foods-map {
        padding: 40px 40px 32px;
        background-color: #fff
    }
}
.c-area-list {
    text-align: center;
    font-size: 0;
    padding: 24px 0;
    position: relative
}
@media(min-width: 768px) {
    .c-area-list {
        padding: 24px 0 56px
    }
    .c-area-list:before {
        content: "";
        display: block;
        width: calc(100% - 80px);
        height: calc(100% - 32px);
        position: absolute;
        top: 0;
        left: 40px;
        border: 1px solid #CCCCCC
    }
}
.c-area-list__title {
    color: #404040;
    font-size: 14px;
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    margin-bottom: 24px
}
@media(min-width: 768px) {
    .c-area-list__title {
        margin-bottom: 0;
        display: block
    }
}
.c-area-list__items {
    padding: 0 8px 32px
}
.c-area-list__items:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-area-list__items {
        text-align: center;
        font-size: 0;
        padding: 24px 100px 40px;
        position: relative
    }
}
.c-area-list__item {
    width: 50%;
    padding: 0 8px;
    float: left;
    margin-bottom: 16px
}
.c-area-list__item:last-child {
    margin-bottom: 0
}
@media(min-width: 768px) {
    .c-area-list__item {
        width: 200px;
        float: none;
        display: inline-block;
        vertical-align: top;
        position: relative;
        margin-bottom: 0
    }
}
.c-area-list__item a {
    display: block;
    width: 100%
}
@media(min-width: 768px) {
    .c-area-list__item a {
        cursor: pointer
    }
    .c-area-list__item a:hover {
        opacity: .8
    }
}
.c-area-list__item a img {
    width: 100%;
    height: auto;
    display: block
}
.c-area-list__attention {
    color: #3A3536;
    font-size: 12px;
    text-align: left;
    padding: 0 16px
}
@media(min-width: 768px) {
    .c-area-list__attention {
        margin: 13px 0 29px;
        text-align: center;
        font-size: 10px
    }
}
.c-area-hours {
    padding: 0 16px 24px
}
@media(min-width: 768px) {
    .c-area-hours {
        width: 250px;
        display: inline-block;
        padding: 0;
        margin: 0 40px
    }
}
.c-area-hours:last-child {
    padding-bottom: 16px
}
@media(min-width: 768px) {
    .c-area-hours:last-child {
        padding-bottom: 0
    }
}
.c-area-hours__date {
    font-size: 19px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: left;
    line-height: 1;
    margin-bottom: 8px
}
@media(min-width: 768px) {
    .c-area-hours__date {
        margin-bottom: 16px
    }
}
.c-area-hours__item {
    width: 100%;
    border-bottom: 1px solid #D0D0D0;
    height: 32px;
    padding: 3px 0
}
.c-area-hours__item:after {
    content: "";
    display: table;
    clear: both
}
.c-area-hours__area-name {
    font-size: 17px;
    float: left;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700
}
.c-area-hours__hour {
    font-size: 17px;
    float: right
}
.c-area-hours__hour span {
    font-size: 13px;
    display: inline-block;
    padding-left: 0.5em
}
@media(min-width: 768px) {
    .c-shops {
        padding: 32px 30px 22px;
        text-align: center
    }
}
.c-shop {
    padding: 16px 0 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2)
}
@media(min-width: 768px) {
    .c-shop {
        width: calc(33.3% - 20px);
        display: inline-table;
        vertical-align: top;
        padding: 0;
        margin: 0 10px 20px
    }
}
.c-shop__title {
    position: relative;
    padding: 0 16px 0 48px;
    margin-bottom: 16px
}
@media(min-width: 768px) {
    .c-shop__title {
        padding: 0 0 0 30px
    }
}
.c-shop__title-icon {
    position: absolute;
    top: 50%;
    left: 16px;
    width: 24px;
    height: 24px;
    border-radius: 24px;
    background-color: #034698;
    text-align: center;
    line-height: 24px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media(min-width: 768px) {
    .c-shop__title-icon {
        left: 0
    }
}
.c-shop__title-text {
    font-size: 17px;
    font-weight: bold;
    color: #444;
    text-align: left
}
.c-shop__image {
    margin-bottom: 12px
}
@media(min-width: 768px) {
    .c-shop__image {
        margin-bottom: 0
    }
}
.c-shop__image > img {
    width: 100%;
    height: auto
}
.c-shop__description {
    font-size: 14px;
    margin: 0;
    text-align: left;
    padding: 12px 20px 20px
}
@media(min-width: 768px) {
    .c-shop__description {
        padding: 12px 0 20px
    }
}
.c-shop__description > a {
    color: #444;
    text-decoration: underline
}
@media(min-width: 768px) {
    .c-shop__description>a:hover {
        opacity: .8
    }
}
.c-shop__share-button {
    text-align: right;
    padding: 0 20px 24px;
    width: 100%
}
.c-shop__share-button > a {
    display: inline-block;
    color: #1DA1F2;
    font-size: 12px;
    line-height: 1
}
@media(min-width: 768px) {
    .c-shop__share-button>a:hover {
        opacity: .8
    }
}
.c-shop__share-button::before {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-shop__share-button:before {
    content: "\EA0A";
    display: inline-block;
    font-size: 12px;
    color: #1DA1F2
}
.c-shop__share-button span {
    padding-left: 6px;
    display: inline-block
}
.c-shop-image__image {
    width: 100%;
    height: 0;
    padding-top: 100%;
    background-size: cover;
    background-position: center
}
.c-shop-image--left {
    width: calc(100% * 2 / 3);
    display: inline-block
}
.c-shop-image--left > img {
    width: 100%;
    height: auto
}
.c-shop-image--right {
    width: calc(100% * 1 / 3);
    display: inline-block
}
.c-shop-image--right > img {
    width: 100%;
    height: auto;
    display: block
}
.c-shop-menu {
    padding: 0 20px
}
.c-shop-menu:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-shop-menu {
        padding: 2px 0 0
    }
}
.c-shop-menu__item {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    width: 100%;
    padding: 6px 0
}
.c-shop-menu__item:after {
    content: "";
    display: table;
    clear: both
}
.c-shop-menu__title {
    font-size: 14px;
    width: calc(100% - 100px);
    float: left;
    text-align: left
}
.c-shop-menu__price {
    font-size: 14px;
    font-weight: bold;
    text-align: right;
    width: 100px;
    float: left
}
.c-business-hours {
    padding: 16px 20px;
    background-color: #F2F2F2
}
.c-business-hours__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px;
    color: #4A4A4A;
    font-weight: bold;
    text-align: center
}
@media(min-width: 768px) {
    .c-business-hours__text {
        font-size: 15px;
        margin: -4px 0 12px
    }
}
.c-business-hours__button {
    width: 100%;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-business-hours__button {
        max-width: 340px
    }
}
.c-area-title {
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    position: relative
}
@media(min-width: 768px) {
    .c-area-title {
        padding: 0 40px 8px;
        border-bottom-width: 0
    }
    .c-area-title:after {
        content: "";
        display: block;
        width: calc(100% - 80px);
        height: 1px;
        background-color: rgba(0, 0, 0, 0.2);
        position: absolute;
        bottom: 0;
        left: 40px
    }
}
.c-area-title__image {
    width: 187px;
    margin: 0 auto;
    padding: 32px 0 24px
}
@media(min-width: 768px) {
    .c-area-title__image {
        width: 250px
    }
}
.c-area-title__image > img {
    width: 100%;
    height: auto;
    display: block
}
.c-area-title__detail-button {
    width: 105px;
    margin: 0 auto;
    cursor: pointer
}
.c-area-title__detail-button img {
    width: 100%;
    height: auto;
    display: block
}
@media(min-width: 768px) {
    .c-area-title__detail-button:hover {
        opacity: .8
    }
}
.c-faq-tabs {
    margin-bottom: 20px
}
.c-faq-tab.c-faq-tab--open .c-faq-tab__title:after {
    content: "\EA08"
}
.c-faq-tab__title {
    cursor: pointer;
    font-size: 15px;
    font-weight: bold;
    line-height: 46px;
    border-bottom: 1px solid #CCCCCC;
    position: relative
}
.c-faq-tab__title::after {
    font-family: "rockinon-font";
    position: relative;
    top: -1px;
    line-height: 1;
    vertical-align: -0.2em
}
.c-faq-tab__title:after {
    content: "\EA09";
    font-size: 10px;
    position: absolute;
    top: 50%;
    right: 12px;
    display: inline-block;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}
@media(min-width: 768px) {
    .c-faq-tab__title:hover {
        opacity: .8
    }
}
.c-faq-tab__content {
    display: none
}
.c-faq-attention {
    padding: 24px 0
}
.c-faq-attention__item {
    color: #444;
    font-size: 12px;
    margin: -3px 0 17px;
    padding-left: 1em;
    position: relative
}
.c-faq-attention__item > a {
    color: #444;
    text-decoration: underline
}
.c-faq-attention__item>a:hover {
    opacity: .8
}
.c-faq-attention__item:before {
    content: "・";
    position: absolute;
    top: 0;
    left: 0;
    height: 1.5em;
    line-height: 1.5
}
.c-faq-attention__item:last-child {
    margin-bottom: -3px
}
@media(min-width: 768px) {
    .c-access-image {
        width: 335px
    }
}
.c-foodarea-modal {
    width: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1200;
    display: none
}
.c-foodarea-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01)
}
.c-foodarea-modal__close-button {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none
}
.c-foodarea-modal__close-button.show {
    opacity: 1;
    pointer-events: auto
}
@media(min-width: 768px) {
    .c-foodarea-modal__close-button {
        top: 78px;
        right: 78px;
        cursor: pointer
    }
    .c-foodarea-modal__close-button:hover {
        opacity: .8
    }
}
.c-foodarea-modal__close-button span {
    width: 25px;
    height: 3px;
    background-color: #EAEAEA;
    display: block;
    position: absolute;
    top: 11px;
    left: 0
}
.c-foodarea-modal__close-button span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.c-foodarea-modal__close-button span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-foodarea-modal__container {
    width: calc(100vw - 40px);
    max-width: 335px;
    height: 0;
    position: absolute;
    top: 50px;
    left: 0;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.2s ease-out
}
@media(min-width: 768px) {
    .c-foodarea-modal__container {
        max-width: 520px;
        top: 80px
    }
}
.c-foodarea-modal__container.show {
    opacity: 1
}
.c-foodarea-modal__container > img {
    width: 100%;
    height: auto;
    display: block
}
.c-goods-modal {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    z-index: 1200
}
.c-goods-modal.show {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.c-goods-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01)
}
.c-goods-modal__close-button {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none
}
.c-goods-modal__close-button.show {
    opacity: 1;
    pointer-events: auto
}
@media(min-width: 768px) {
    .c-goods-modal__close-button {
        top: 78px;
        right: 78px;
        cursor: pointer
    }
    .c-goods-modal__close-button:hover {
        opacity: .8
    }
}
.c-goods-modal__close-button span {
    width: 25px;
    height: 3px;
    background-color: #EAEAEA;
    display: block;
    position: absolute;
    top: 11px;
    left: 0
}
.c-goods-modal__close-button span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.c-goods-modal__close-button span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-goods-modal__wrapper {
    width: calc(100vw - 40px);
    max-width: 335px;
    position: absolute;
    top: 50px;
    left: 20px;
    opacity: 0;
    padding: 0;
    transition: opacity 0.2s ease-out
}
@media(min-width: 768px) {
    .c-goods-modal__wrapper {
        width: 820px;
        max-width: 820px;
        padding: 0 60px
    }
}
.c-goods-modal__wrapper.show {
    opacity: 1
}
.c-goods-modal__content {
    overflow: hidden;
    background-color: #fff;
    position: relative
}
.c-goods-modal__container {
    padding: 16px 0 0;
    position: relative;
    font-size: 0
}
@media(min-width: 768px) {
    .c-goods-modal__container {
        padding: 24px 0 0
    }
}
.c-goods-modal__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100vw - 40px);
    max-width: 335px
}
@media(min-width: 768px) {
    .c-goods-modal__item {
        width: 700px;
        max-width: 700px
    }
}
.c-goods-modal__image {
    width: 100%;
    height: 206px;
    text-align: center
}
@media(min-width: 768px) {
    .c-goods-modal__image {
        height: 392px
    }
}
.c-goods-modal__image > img {
    width: auto;
    height: 100%;
    display: inline-block
}
.c-goods-modal__detail {
    padding: 16px 0 32px
}
.c-goods-modal__title {
    font-size: 13px;
    margin: -4px 0 12px;
    text-align: center;
    font-weight: bold;
    color: #444444
}
@media(min-width: 768px) {
    .c-goods-modal__title {
        font-size: 15px;
        font-weight: normal
    }
}
.c-goods-modal__price {
    font-size: 18px;
    margin: -5px 0 11px;
    text-align: center;
    color: #444444;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700
}
@media(min-width: 768px) {
    .c-goods-modal__price {
        font-size: 20px
    }
}
.c-goods-modal__size {
    font-size: 13px;
    margin: -4px 0 20px;
    text-align: center;
    color: #444444
}
@media(min-width: 768px) {
    .c-goods-modal__size {
        font-size: 13px
    }
}
.c-goods-modal__size a {
    color: #444444;
    text-decoration: underline
}
@media(min-width: 768px) {
    .c-goods-modal__size a {
        font-size: 11px
    }
}
.c-goods-modal__supplementInfo {
    font-size: 13px;
    margin: -4px 0 20px;
    text-align: center;
    color: #444444;
    min-height: 19px;
    padding: 0 1em
}
@media(min-width: 768px) {
    .c-goods-modal__supplementInfo {
        font-size: 13px
    }
}
.c-goods-modal__supplementInfo a {
    color: #444444;
    text-decoration: underline
}
@media(min-width: 768px) {
    .c-goods-modal__supplementInfo a {
        font-size: 11px
    }
}
.c-goods-modal__size-link {
    margin-left: 0.5em
}
.c-goods-modal__share {
    text-align: center
}
.c-goods-modal__number {
    font-size: 15px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    text-align: center;
    height: 24px;
    width: 24px;
    background-color: #034698;
    border-radius: 24px;
    position: absolute;
    top: 0;
    left: 16px
}
@media(min-width: 768px) {
    .c-goods-modal__number {
        height: 40px;
        width: 40px;
        font-size: 22px;
        line-height: 40px;
        left: 24px
    }
}
.c-goods-modal__prev-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow.svg');
    width: 30px;
    height: 40px;
    position: absolute;
    top: 151px;
    left: 0;
    outline: none;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    opacity: 0;
    transition: opacity 0.2s ease-out
}
.c-goods-modal__prev-button.show {
    opacity: 1
}
@media(min-width: 768px) {
    .c-goods-modal__prev-button {
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_pc.svg');
        width: 60px;
        height: 60px;
        top: 50%;
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        cursor: pointer
    }
    .c-goods-modal__prev-button:hover {
        opacity: .8
    }
}
.c-goods-modal__next-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow.svg');
    width: 30px;
    height: 40px;
    position: absolute;
    top: 151px;
    right: 0;
    outline: none;
    opacity: 0;
    -webkit-transform: translate(0px, -50%) rotate(180deg);
    transform: translate(0px, -50%) rotate(180deg);
    transition: opacity 0.2s ease-out;
    cursor: pointer
}
.c-goods-modal__next-button.show {
    opacity: 1
}
@media(min-width: 768px) {
    .c-goods-modal__next-button {
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_pc.svg');
        width: 60px;
        height: 60px;
        top: 50%;
        -webkit-transform: translate(0px, -50%) rotate(180deg);
        transform: translate(0px, -50%) rotate(180deg)
    }
    .c-goods-modal__next-button:hover {
        opacity: .8
    }
}
.c-goods-modal-reserve {
    background-color: #F2F2F2;
    padding: 16px 0
}
.c-goods-modal-reserve__text {
    font-size: 12px;
    color: #1F1F1F;
    text-align: center;
    margin: -3px 0 13px;
    font-weight: bold
}
.c-goods-modal-reserve__button {
    padding: 0 20px
}
.c-gallery-photos {
    width: 100%;
    padding: 24px 0
}
.c-gallery-photos:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-gallery-photos {
        max-width: 1080px;
        margin: 0 auto;
        padding: 30px 0
    }
}
.c-gallery-photo {
    width: 33.33vw;
    height: 33.33vw;
    border: 2px solid #1A1A1A;
    float: left;
    transition: opacity 0.2s ease-Out;
    cursor: pointer
}
@media(min-width: 768px) {
    .c-gallery-photo {
        width: 25%;
        height: auto;
        border-width: 10px;
        border-color: transparent
    }
    .c-gallery-photo:hover {
        opacity: .8
    }
}
.c-gallery-photo > img {
    width: 100%;
    height: auto;
    display: block
}
.c-gallery-modal {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    z-index: 1200
}
.c-gallery-modal.show {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.c-gallery-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01)
}
.c-gallery-modal__close-button {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none
}
.c-gallery-modal__close-button.show {
    opacity: 1;
    pointer-events: auto
}
@media(min-width: 768px) {
    .c-gallery-modal__close-button {
        top: 78px;
        right: 78px;
        cursor: pointer
    }
    .c-gallery-modal__close-button:hover {
        opacity: .8
    }
}
.c-gallery-modal__close-button span {
    width: 25px;
    height: 3px;
    background-color: #EAEAEA;
    display: block;
    position: absolute;
    top: 11px;
    left: 0
}
.c-gallery-modal__close-button span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.c-gallery-modal__close-button span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-gallery-modal__wrapper {
    width: calc(100vw - 40px);
    max-width: 335px;
    position: absolute;
    top: 50px;
    left: 20px;
    opacity: 0;
    padding: 0;
    transition: opacity 0.2s ease-out
}
@media(min-width: 768px) {
    .c-gallery-modal__wrapper {
        width: 820px;
        max-width: 820px;
        padding: 0 60px
    }
}
.c-gallery-modal__wrapper.show {
    opacity: 1
}
.c-gallery-modal__content {
    overflow: hidden;
    position: relative
}
.c-gallery-modal__container {
    padding: 0;
    position: relative;
    font-size: 0
}
@media(min-width: 768px) {
    .c-gallery-modal__container {
        padding: 0
    }
}
.c-gallery-modal__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100vw - 40px);
    max-width: 335px;
    height: calc(100vw - 40px);
    max-height: 335px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat
}
@media(min-width: 768px) {
    .c-gallery-modal__item {
        width: 700px;
        max-width: 700px;
        max-height: 700px;
        height: 700px
    }
}
.c-gallery-modal__prev-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_white.svg');
    width: 30px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    outline: none;
    -webkit-transform: translate(0px, -50%);
    transform: translate(0px, -50%);
    opacity: 0;
    transition: opacity 0.2s ease-out
}
.c-gallery-modal__prev-button.show {
    opacity: 1
}
@media(min-width: 768px) {
    .c-gallery-modal__prev-button {
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_pc.svg');
        width: 60px;
        height: 60px;
        top: 50%;
        -webkit-transform: translate(0px, -50%);
        transform: translate(0px, -50%);
        cursor: pointer
    }
    .c-gallery-modal__prev-button:hover {
        opacity: .8
    }
}
.c-gallery-modal__next-button {
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_white.svg');
    width: 30px;
    height: 40px;
    position: absolute;
    top: 50%;
    right: 0;
    outline: none;
    opacity: 0;
    -webkit-transform: translate(0px, -50%) rotate(180deg);
    transform: translate(0px, -50%) rotate(180deg);
    transition: opacity 0.2s ease-out;
    cursor: pointer
}
.c-gallery-modal__next-button.show {
    opacity: 1
}
@media(min-width: 768px) {
    .c-gallery-modal__next-button {
        background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/guides/goods/arrow_pc.svg');
        width: 60px;
        height: 60px;
        top: 50%;
        -webkit-transform: translate(0px, -50%) rotate(180deg);
        transform: translate(0px, -50%) rotate(180deg)
    }
    .c-gallery-modal__next-button:hover {
        opacity: .8
    }
}
.c-history {
    padding: 0 0 40px;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 32px
}
.c-history:last-child {
    margin-bottom: 0;
    border-bottom: none
}
.c-history__logo {
    text-align: center;
    margin-bottom: 24px
}
@media(min-width: 768px) {
    .c-history__logo {
        text-align: left
    }
}
.c-history__logo > img {
    width: 120px;
    height: auto;
    display: inline-block
}
.c-history__heading {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    margin: 27px 0 11px
}
.c-history__heading span {
    font-size: 12px;
    font-weight: normal;
    display: inline-block;
    padding-left: 1em
}
.c-history__heading2 {
    font-size: 15px;
    color: #000;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    margin: 20px 0 8px
}
.c-history__text {
    font-size: 15px
}
.c-history__artists {
    font-size: 12px;
    margin: -3px 0 21px
}
.c-history__buttons {
    font-size: 0
}
@media(min-width: 768px) {
    .c-history__buttons {
        text-align: left
    }
}
.c-history__west-title {
    margin-top: 32px;
    font-size: 22px;
    font-weight: bold
}
.c-history__official-site-button {
    margin-bottom: 8px
}
@media(min-width: 768px) {
    .c-history__official-site-button {
        margin-bottom: 0;
        width: 250px;
        display: inline-block;
        margin-right: 20px
    }
}
@media(min-width: 768px) {
    .c-history__quick-report-button {
        width: 250px;
        display: inline-block
    }
}
.c-lineup-tabs {
    width: 100%;
    padding: 16px
}
.c-lineup-tabs:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .c-lineup-tabs {
        background-color: #000;
        text-align: center;
        padding: 0;
        max-width: 1600px;
        margin: 0 auto
    }
}
.c-lineup-tab {
    display: block;
    width: 50%;
    height: 32px;
    background-color: #404040;
    position: relative;
    font-size: 13px;
    line-height: 32px;
    text-align: center;
    float: left;
    text-decoration: none;
    color: #fff
}
.c-lineup-tab:first-child {
    border-radius: 4px 0 0 4px / 4px 0 0 4px
}
.c-lineup-tab:last-child {
    border-radius: 0 4px 4px 0 / 0 4px 4px 0
}
@media(min-width: 768px) {
    .c-lineup-tab {
        display: inline-block;
        padding: 0 10px;
        width: auto;
        height: 60px;
        line-height: 60px;
        font-weight: bold;
        margin: 0 10px;
        position: relative;
        float: none;
        border-radius: 0;
        background-color: transparent
    }
    .c-lineup-tab:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        background-color: #236DC8;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: height 0.2s cubic-bezier(0.215, 0.61, 0.355, 1)
    }
    .c-lineup-tab:hover {
        color: #236DC8
    }
    .c-lineup-tab:hover:after {
        height: 4px
    }
}
.c-lineup-tab--disabled {
    opacity: .5;
    cursor: default
}
.c-lineup-tab--disabled:after {
    content: none
}
@media(min-width: 768px) {
    .c-lineup-tab--disabled:hover {
        color: inherit;
        opacity: .5
    }
}
.c-lineup-tab.c-lineup-tab--active {
    background-color: #236DC8
}
@media(min-width: 768px) {
    .c-lineup-tab.c-lineup-tab--active {
        background-color: transparent;
        color: #236DC8
    }
    .c-lineup-tab.c-lineup-tab--active:after {
        height: 4px
    }
}
.c-lineup-calender {
    width: 100%;
    height: 54px;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.c-lineup-calender:after {
    content: "";
    display: table;
    clear: both
}
.c-lineup-calender.c-lineup-calender--fixed {
    position: fixed;
    top: 54px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 100;
    max-width: 1060px
}
@media(min-width: 768px) {
    .c-lineup-calender.c-lineup-calender--fixed {
        top: 60px
    }
}
.c-lineup-calender__wrapper {
    width: 100%;
    height: 54px;
    position: relative
}
.c-lineup-calender__item-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.c-lineup-calender__date {
    font-size: 20px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    margin-bottom: 6px
}
.c-lineup-calender__day {
    font-size: 12px;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center
}
.c-lineup-calender__item {
    width: 20%;
    height: 54px;
    float: left;
    position: relative;
    background-color: rgba(64, 64, 64, 0.95);
    transition: background-color 0.2s cubic-bezier(0.215, 0.61, 0.355, 1);
    curosr: pointer
}
@media(min-width: 768px) {
    .c-lineup-calender__item {
        cursor: pointer;
        width: 20%
    }
    .c-lineup-calender__item:hover {
        background-color: rgba(3, 70, 152, 0.95)
    }
}
.c-lineup-calender__item.c-lineup-calender__item--active {
    background-color: rgba(3, 70, 152, 0.95)
}
.c-lineup-infomation {
    background-color: #404040;
    padding: 20px;
    margin-top: 24px
}
.c-lineup-infomation__title {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 12px
}
.c-lineup-infomation__text {
    font-size: 14px;
    margin-bottom: 12px
}
.c-lineup-infomation__author {
    font-size: 14px
}
.c-lineup-content {
    margin: 24px 0 0
}
@media(min-width: 768px) {
    .c-lineup-content {
        margin: 0 -10px
    }
}
.c-lineup-calender__wrapper+.c-lineup-content,
.c-lineup-infomation+.c-lineup-content {
    margin-top: 0
}
.c-lineup-date {
    font-size: 28px;
    padding: 25px 0;
    font-family: "Open Sans", -apple-system, BlinkMacSystemFont, sans-serif;
    font-style: normal;
    font-weight: 400;
    text-align: center
}
@media(min-width: 768px) {
    .c-lineup-date {
        font-size: 30px;
        padding: 32px 0
    }
}
.c-lineup-date > span {
    font-size: 21px
}
@media(min-width: 768px) {
    .c-lineup-date > span {
        font-size: 24px
    }
}
@media(min-width: 768px) {
    .smbr {
        display: none
    }
}
.headtxt {
    width: 100%;
    text-align: center;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.5;
    padding: 22px 12px 24px
}
@media(min-width: 768px) {
    .headtxt {
        font-size: 30px;
        line-height: 1.5;
        padding: 32px 24px 36px
    }
}
.headtxt+.l-lineup {
    padding-top: 0
}
.c-lineup-tabs+.headtxt {
    padding-top: 8px
}
@media(min-width: 768px) {
    .c-lineup-tabs+.headtxt {
        padding-top: 32px
    }
}
.c-artist {
    width: 50vw;
    display: inline-table;
    vertical-align: top
}
@media(min-width: 768px) {
    .c-artist {
        width: 33.3%;
        padding: 0 10px
    }
}
.c-artist[new='true'] .c-artist__content:before {
    content: '';
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/artists/new-icon@3x.png');
    background-size: contain;
		background-repeat: no-repeat;/*20190529 homma add*/
}
@media(min-width: 768px) {
    .c-artist[new='true'] .c-artist__content:before {
        width: 46px;
        height: 46px
    }
}
.c-artist[dj='true'] .c-artist__title:before {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/artists/dj-icon@3x.png');
    background-size: contain;
    content: '';
    display: inline-block;
    height: 14px;
    margin-right: 7px;
    vertical-align: -2px;
    width: 28px
}
@media(min-width: 768px) {
    .c-artist[dj='true'] .c-artist__title:before {
        height: 20px;
        margin-right: 10px;
        vertical-align: -4px;
        width: 40px
    }
}
.c-artist__content {
    cursor: pointer;
    overflow: hidden;
    position: relative
}
@media(min-width: 768px) {
    .c-artist__content:hover {
        transition: opacity 0.2s ease-out
    }
    .c-artist__content:hover:hover {
        opacity: .8
    }
    .c-artist__content:hover .c-artist__image > img {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
        transition: -webkit-transform 0.12s ease-out;
        transition: transform 0.12s ease-out;
        transition: transform 0.12s ease-out, -webkit-transform 0.12s ease-out
    }
    .c-artist__content .c-artist__image > img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: center;
        transform-origin: center;
        transition: -webkit-transform 0.2s ease-out;
        transition: transform 0.2s ease-out;
        transition: transform 0.2s ease-out, -webkit-transform 0.2s ease-out
    }
}
.c-artist__image {
    width: 100%
}
.c-artist__image > img {
    width: 100%;
    height: auto;
    display: block;
    pointer-events: none
}
.c-artist__title {
    font-size: 12px;
    text-align: center;
    padding: 9px 0 16px
}
@media(min-width: 768px) {
    .c-artist__title {
        font-weight: bold;
        font-size: 16px;
        padding: 9px 0 18px
    }
}
.c-timetable {
    padding: 0 8px
}
.c-timetable > img {
    width: 100%;
    height: auto;
    display: block
}
@media(min-width: 768px) {
    .c-timetable {
        max-width: 810px;
        margin: 0 auto
    }
}
.c-timetable-attention {
    padding: 28px;
    font-size: 14px;
    color: #DDDDDD
}
.c-timetable-download {
    padding: 16px 20px 32px
}
@media(min-width: 768px) {
    .c-timetable-download {
        padding-bottom: 32px
    }
}
.c-timetable-download__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px;
    color: #fff;
    font-weight: bold;
    text-align: center
}
@media(min-width: 768px) {
    .c-timetable-download__text {
        font-size: 15px;
        margin: -4px 0 16px
    }
}
.c-timetable-download__button {
    width: 100%;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-timetable-download__button {
        max-width: 340px
    }
}
.c-timetable-app {
    padding: 32px 20px;
    background-color: #000
}
@media(min-width: 768px) {
    .c-timetable-app {
        padding: 32px 20px
    }
}
.c-timetable-app__text {
    font-size: 12px;
    line-height: 1.5;
    margin: -3px 0 13px;
    color: #fff;
    font-weight: bold;
    text-align: center
}
@media(min-width: 768px) {
    .c-timetable-app__text {
        font-size: 15px;
        margin: -4px 0 12px
    }
}
.c-timetable-app__button {
    width: 100%;
    margin: 0 auto
}
@media(min-width: 768px) {
    .c-timetable-app__button {
        max-width: 340px
    }
}
.c-artist-modal {
    width: 100%;
    height: 100%;
    min-height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateX(-100vw);
    transform: translateX(-100vw);
    z-index: 1200
}
.c-artist-modal.show {
    -webkit-transform: translateX(0px);
    transform: translateX(0px)
}
.c-artist-modal__background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.01)
}
.c-artist-modal__close-button {
    position: absolute;
    top: 13px;
    right: 13px;
    width: 25px;
    height: 25px;
    opacity: 0;
    transition: opacity 0.2s ease-out;
    pointer-events: none
}
.c-artist-modal__close-button.show {
    opacity: 1;
    pointer-events: auto
}
@media(min-width: 768px) {
    .c-artist-modal__close-button {
        top: 78px;
        right: 78px;
        cursor: pointer
    }
    .c-artist-modal__close-button:hover {
        opacity: .8
    }
}
.c-artist-modal__close-button span {
    width: 25px;
    height: 3px;
    background-color: #EAEAEA;
    display: block;
    position: absolute;
    top: 11px;
    left: 0
}
.c-artist-modal__close-button span:first-child {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}
.c-artist-modal__close-button span:last-child {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}
.c-artist-modal__wrapper {
    width: calc(100vw - 40px);
    max-width: 335px;
    position: absolute;
    top: 50px;
    left: 20px;
    opacity: 0;
    padding: 0;
    transition: opacity 0.2s ease-out
}
@media(min-width: 768px) {
    .c-artist-modal__wrapper {
        width: 780px;
        max-width: 780px;
        padding: 0
    }
}
.c-artist-modal__wrapper.show {
    opacity: 1
}
.c-artist-modal__content {
    overflow: hidden;
    background-color: #fff;
    position: relative
}
.c-artist-modal__container {
    padding: 16px 0 0;
    position: relative;
    font-size: 0
}
@media(min-width: 768px) {
    .c-artist-modal__container {
        padding: 24px 0 0
    }
}
.c-artist-modal__item {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100vw - 40px);
    max-width: 335px
}
@media(min-width: 768px) {
    .c-artist-modal__item {
        max-width: 780px
    }
}
.c-artist-modal__image {
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}
@media(min-width: 768px) {
    .c-artist-modal__image {
        margin-bottom: 24px
    }
}
.c-artist-modal__image > img {
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: top;
    pointer-events: none
}
@media(min-width: 768px) {
    .c-artist-modal__image.vertical {
        height: 480px;
        max-height: 480px
    }
    .c-artist-modal__image.vertical > img {
        width: auto;
        height: 100%;
        display: inline-block;
        pointer-events: none
    }
}
@media(max-width: 769px) {
    .c-artist-modal__image.vertical-sp {
        height: 280px;
        max-height: 280px;
        height: calc(100vw - 80px);
        max-height: calc(100vw - 80px)
    }
    .c-artist-modal__image.vertical-sp > img {
        width: auto;
        height: 100%;
        display: inline-block;
        pointer-events: none
    }
}
.c-artist-modal__detail {
    padding: 16px 20px 20px
}
@media(min-width: 768px) {
    .c-artist-modal__detail {
        padding: 24px 30px 20px
    }
}
.c-artist-modal__title {
    font-size: 16px;
    margin: -4px 0 19px;
    text-align: left;
    font-weight: bold;
    color: #231815
}
@media(min-width: 768px) {
    .c-artist-modal__title {
        font-size: 18px;
        margin: -4px 0 19px
    }
}
.c-artist-modal__text {
    font-size: 12px;
    margin: -4px 0 20px;
    text-align: left;
    color: #444444
}
@media(min-width: 768px) {
    .c-artist-modal__text {
        margin: -3px 0 29px
    }
}
@media(min-width: 768px) {
    .c-artist-modal__more {
        width: 295px;
        margin: 0 auto
    }
}
.c-artist-modal-try {
    background-color: #F2F2F2;
    padding: 10px 0 12px
}
@media(max-width: 769px) {
    .c-artist-modal-try {
        display: none
    }
}
.c-artist-modal-try__title {
    font-size: 12px;
    color: #000000;
    text-align: center;
    margin: -3px 0 9px;
    font-weight: bold
}
.c-artist-modal-try__links {
    font-size: 0;
    text-align: center
}
.c-artist-modal-try__links > a {
    display: inline-block;
    text-align: center;
    padding: 0 18px;
    cursor: pointer
}
@media(min-width: 768px) {
    .c-artist-modal-try__links > a {
        font-size: 0;
        padding: 0 16px
    }
    .c-artist-modal-try__links>a:hover {
        opacity: .8
    }
}
.c-artist-modal-try__links > a .icon {
    width: 30px;
    height: 30px;
    display: block;
    background-size: cover;
    display: inline-block
}
@media(min-width: 768px) {
    .c-artist-modal-try__links > a .icon {
        vertical-align: top
    }
}
.c-artist-modal-try__links > a .text {
    display: block;
    padding-top: 6px;
    line-height: 1;
    font-size: 10px;
    color: #000
}
@media(min-width: 768px) {
    .c-artist-modal-try__links > a .text {
        display: inline-block;
        height: 30px;
        line-height: 30px;
        padding-top: 0;
        padding-left: 12px;
        vertical-align: top
    }
}
.c-artist-modal-try__apple-music .icon {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/artist/icon1.png')
}
.c-artist-modal-try__spotify .icon {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/artist/icon2.png')
}
.c-artist-modal-try__line-music .icon {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/artist/icon3.png')
}
.c-artist-modal-try__button {
    padding: 0 20px
}
.c-news-container {
    padding: 0 20px
}
@media(min-width: 768px) {
    .c-news-container {
        padding: 20px 20px 0
    }
}
.c-news {
    padding: 32px 0;
    border-top: 1px solid rgba(0, 0, 0, 0.2)
}
@media(min-width: 768px) {
    .c-news {
        padding: 48px 0
    }
}
.c-news:first-child {
    border-top-width: 0
}
@media(min-width: 768px) {
    .c-news:first-child {
        padding-top: 0
    }
}
.c-news__date {
    color: #999;
    font-size: 16px;
    margin: -4px 0 6px
}
.c-news__date a {
    color: #999;
    text-decoration: none
}
.c-news__date a:hover {
    opacity: .8
}
@media(min-width: 768px) {
    .c-news__date {
        font-size: 15px
    }
}
.c-news__title {
    font-size: 18px;
    font-weight: bold;
    margin: -5px 0 33px
}
.c-news__title > a {
    display: block;
    color: #444;
    cursor: pointer;
    text-decoration: none
}
.c-news__title>a:hover {
    opacity: .8
}
@media(min-width: 768px) {
    .c-news__title {
        border-bottom: 1px solid #000;
        padding-bottom: 11px;
        font-size: 20px
    }
}
.c-news__body {
    font-size: 15px;
    line-height: 1.8;
    margin: -5px 0
}
@media(min-width: 768px) {
    .c-news__body {
        line-height: 1.5;
        margin: -4px 0
    }
}
.c-news__body a {
    color: #E5273E;
    text-decoration: underline
}
.c-news__body a:hover {
    opacity: .8
}
.c-share {
    width: 100%;
    height: 60px;
    margin: 0 auto 45px
}
.c-share__block {
    position: relative;
    width: 100%;
    height: 60px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.c-share__block.c-share__block--fixed {
    max-width: 1140px;
    min-width: 1024px;
    position: fixed;
    bottom: 0;
    padding: 0 10px;
    margin-left: -10px
}
.c-share__block.c-share__block--fixed .c-share__list {
    width: calc(100% - 420px);
    min-width: 700px
}
.c-share__list {
    background-color: #fff;
    width: 100%;
    padding: 10px;
    height: 60px;
    text-align: center
}
.c-share.c-share--wide {
    margin: 0 auto 60px
}
.c-share.c-share--wide .c-share__block {
    max-width: 1100px;
    min-width: 1024px;
    padding: 0 15px;
    margin: 0
}
.c-share.c-share--wide .c-share__list {
    width: 100%
}
.c-share.c-share--wide .c-share__block.c-share__block--fixed {
    padding: 0 35px 0 15px
}
.c-share.c-share--wide .c-share__block.c-share__block--fixed .c-share__list {
    width: 100%
}
.c-share.c-share--list .c-share__block {
    width: 100%;
    max-width: 1280px;
    min-width: 687px;
    margin: 0
}
.c-share.c-share--list .c-share__list {
    width: 100%
}
.c-share.c-share--list .c-share__block.c-share__block--fixed {
    padding: 0
}
.c-share.c-share--list .c-share__block.c-share__block--fixed .c-share__list {
    width: calc(71.4286% - 44px)
}
.c-share__item {
    width: 40px;
    height: 40px;
    background-size: 100% 100%;
    display: inline-block;
    vertical-align: top
}
.c-share__item.c-share__item--text {
    font-size: 13px;
    line-height: 1;
    width: auto;
    padding-top: 14px;
    font-weight: bold
}
.c-share__item.c-share__item--twitter > amp-social-share,
.c-share__item.c-share__item--twitter > a {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/svg/share_twitter.svg')
}
.c-share__item.c-share__item--facebook {
    margin-left: 20px;
    margin-right: 15px
}
.c-share__item.c-share__item--facebook > amp-social-share,
.c-share__item.c-share__item--facebook > a {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/svg/share_facebook.svg')
}
.c-share__item.c-share__item--line {
    margin-left: 15px;
    display: none
}
.c-share__item.c-share__item--line > a,
.c-share__item.c-share__item--line > amp-social-share {
    background-image: url('http://img2.rijfes.jp.s3.amazonaws.com/2019/img/svg/share_line.svg')
}
.c-share__item > a,
.c-share__item > amp-social-share {
    display: block;
    width: 40px;
    height: 40px
}
.c-share__item>a:hover,
.c-share__item>amp-social-share:hover {
    opacity: 0.8
}
@media(max-width: 769px) {
    .c-share {
        margin: 0
    }
    .c-share.c-share--wide {
        margin-bottom: 30px
    }
    .c-share.c-share--wide .c-share__block {
        max-width: none;
        min-width: 100%;
        padding: 0
    }
    .c-share.c-share--wide .c-share__block.c-share__block--fixed {
        padding: 0
    }
    .c-share.c-share--list .c-share__block {
        max-width: none;
        min-width: 100%
    }
    .c-share.c-share--list .c-share__block.c-share__block--fixed .c-share__list {
        width: 100%
    }
    .c-share__block.c-share__block--fixed {
        max-width: none;
        min-width: 100%;
        margin: 0;
        padding: 0
    }
    .c-share__block.c-share__block--fixed .c-share__list {
        width: 100%;
        min-width: 100%
    }
    .c-share__item>a:hover {
        opacity: 1
    }
    .c-share__item.c-share__item--facebook {
        margin: 0 10px 0 15px
    }
    .c-share__item.c-share__item--line {
        margin-left: 10px;
        display: inline-block
    }
}
.u-bgc-default {
    background-color: #000
}
.u-bgc-gray {
    background-color: #999
}
.u-bgc-light-gray {
    background-color: #eee
}
.u-bgc-white {
    background-color: #fff
}
.u-bgc-black {
    background-color: #000
}
.u-flex {
    display: flex
}
.u-block {
    display: block
}
.u-inline {
    display: inline
}
.u-inline-block {
    display: inline-block
}
.u-flex-none {
    flex-grow: inherit;
    flex: inherit
}
.u-flex-g1 {
    flex-grow: 1;
    flex: 1
}
.u-jc-fs {
    justify-content: flex-start
}
.u-jc-fe {
    justify-content: flex-end
}
.u-jc-c {
    justify-content: center
}
.u-flex-wrap {
    display: flex;
    flex-wrap: wrap
}
.u-flt-l {
    float: left
}
.u-flt-r {
    float: right
}
.u-pos-r {
    position: relative
}
.u-pos-a {
    position: absolute
}
.u-pos-s {
    position: static
}
.u-ta-l {
    text-align: left
}
.u-ta-c {
    text-align: center
}
.u-ta-r {
    text-align: right
}
.u-m-5 {
    margin: 5px
}
.u-mt-5 {
    margin-top: 5px
}
.u-mr-5 {
    margin-right: 5px
}
.u-mb-5 {
    margin-bottom: 5px
}
.u-ml-5 {
    margin-left: 5px
}
.u-mrl-5 {
    margin-right: 5px;
    margin-left: 5px
}
.u-p-5 {
    padding: 5px
}
.u-pt-5 {
    padding-top: 5px
}
.u-pr-5 {
    padding-right: 5px
}
.u-pb-5 {
    padding-bottom: 5px
}
.u-pl-5 {
    padding-left: 5px
}
.u-prl-5 {
    padding-right: 5px;
    padding-left: 5px
}
.u-m-10 {
    margin: 10px
}
.u-mt-10 {
    margin-top: 10px
}
.u-mr-10 {
    margin-right: 10px
}
.u-mb-10 {
    margin-bottom: 10px
}
.u-ml-10 {
    margin-left: 10px
}
.u-mrl-10 {
    margin-right: 10px;
    margin-left: 10px
}
.u-p-10 {
    padding: 10px
}
.u-pt-10 {
    padding-top: 10px
}
.u-pr-10 {
    padding-right: 10px
}
.u-pb-10 {
    padding-bottom: 10px
}
.u-pl-10 {
    padding-left: 10px
}
.u-prl-10 {
    padding-right: 10px;
    padding-left: 10px
}
.u-m-15 {
    margin: 15px
}
.u-mt-15 {
    margin-top: 15px
}
.u-mr-15 {
    margin-right: 15px
}
.u-mb-15 {
    margin-bottom: 15px
}
.u-ml-15 {
    margin-left: 15px
}
.u-mrl-15 {
    margin-right: 15px;
    margin-left: 15px
}
.u-p-15 {
    padding: 15px
}
.u-pt-15 {
    padding-top: 15px
}
.u-pr-15 {
    padding-right: 15px
}
.u-pb-15 {
    padding-bottom: 15px
}
.u-pl-15 {
    padding-left: 15px
}
.u-prl-15 {
    padding-right: 15px;
    padding-left: 15px
}
.u-m-20 {
    margin: 20px
}
.u-mt-20 {
    margin-top: 20px
}
.u-mr-20 {
    margin-right: 20px
}
.u-mb-20 {
    margin-bottom: 20px
}
.u-ml-20 {
    margin-left: 20px
}
.u-mrl-20 {
    margin-right: 20px;
    margin-left: 20px
}
.u-p-20 {
    padding: 20px
}
.u-pt-20 {
    padding-top: 20px
}
.u-pr-20 {
    padding-right: 20px
}
.u-pb-20 {
    padding-bottom: 20px
}
.u-pl-20 {
    padding-left: 20px
}
.u-prl-20 {
    padding-right: 20px;
    padding-left: 20px
}
.u-m-25 {
    margin: 25px
}
.u-mt-25 {
    margin-top: 25px
}
.u-mr-25 {
    margin-right: 25px
}
.u-mb-25 {
    margin-bottom: 25px
}
.u-ml-25 {
    margin-left: 25px
}
.u-mrl-25 {
    margin-right: 25px;
    margin-left: 25px
}
.u-p-25 {
    padding: 25px
}
.u-pt-25 {
    padding-top: 25px
}
.u-pr-25 {
    padding-right: 25px
}
.u-pb-25 {
    padding-bottom: 25px
}
.u-pl-25 {
    padding-left: 25px
}
.u-prl-25 {
    padding-right: 25px;
    padding-left: 25px
}
.u-m-30 {
    margin: 30px
}
.u-mt-30 {
    margin-top: 30px
}
.u-mr-30 {
    margin-right: 30px
}
.u-mb-30 {
    margin-bottom: 30px
}
.u-ml-30 {
    margin-left: 30px
}
.u-mrl-30 {
    margin-right: 30px;
    margin-left: 30px
}
.u-p-30 {
    padding: 30px
}
.u-pt-30 {
    padding-top: 30px
}
.u-pr-30 {
    padding-right: 30px
}
.u-pb-30 {
    padding-bottom: 30px
}
.u-pl-30 {
    padding-left: 30px
}
.u-prl-30 {
    padding-right: 30px;
    padding-left: 30px
}
.u-m-35 {
    margin: 35px
}
.u-mt-35 {
    margin-top: 35px
}
.u-mr-35 {
    margin-right: 35px
}
.u-mb-35 {
    margin-bottom: 35px
}
.u-ml-35 {
    margin-left: 35px
}
.u-mrl-35 {
    margin-right: 35px;
    margin-left: 35px
}
.u-p-35 {
    padding: 35px
}
.u-pt-35 {
    padding-top: 35px
}
.u-pr-35 {
    padding-right: 35px
}
.u-pb-35 {
    padding-bottom: 35px
}
.u-pl-35 {
    padding-left: 35px
}
.u-prl-35 {
    padding-right: 35px;
    padding-left: 35px
}
.u-m-40 {
    margin: 40px
}
.u-mt-40 {
    margin-top: 40px
}
.u-mr-40 {
    margin-right: 40px
}
.u-mb-40 {
    margin-bottom: 40px
}
.u-ml-40 {
    margin-left: 40px
}
.u-mrl-40 {
    margin-right: 40px;
    margin-left: 40px
}
.u-p-40 {
    padding: 40px
}
.u-pt-40 {
    padding-top: 40px
}
.u-pr-40 {
    padding-right: 40px
}
.u-pb-40 {
    padding-bottom: 40px
}
.u-pl-40 {
    padding-left: 40px
}
.u-prl-40 {
    padding-right: 40px;
    padding-left: 40px
}
.u-m-45 {
    margin: 45px
}
.u-mt-45 {
    margin-top: 45px
}
.u-mr-45 {
    margin-right: 45px
}
.u-mb-45 {
    margin-bottom: 45px
}
.u-ml-45 {
    margin-left: 45px
}
.u-mrl-45 {
    margin-right: 45px;
    margin-left: 45px
}
.u-p-45 {
    padding: 45px
}
.u-pt-45 {
    padding-top: 45px
}
.u-pr-45 {
    padding-right: 45px
}
.u-pb-45 {
    padding-bottom: 45px
}
.u-pl-45 {
    padding-left: 45px
}
.u-prl-45 {
    padding-right: 45px;
    padding-left: 45px
}
.u-m-50 {
    margin: 50px
}
.u-mt-50 {
    margin-top: 50px
}
.u-mr-50 {
    margin-right: 50px
}
.u-mb-50 {
    margin-bottom: 50px
}
.u-ml-50 {
    margin-left: 50px
}
.u-mrl-50 {
    margin-right: 50px;
    margin-left: 50px
}
.u-p-50 {
    padding: 50px
}
.u-pt-50 {
    padding-top: 50px
}
.u-pr-50 {
    padding-right: 50px
}
.u-pb-50 {
    padding-bottom: 50px
}
.u-pl-50 {
    padding-left: 50px
}
.u-prl-50 {
    padding-right: 50px;
    padding-left: 50px
}
.u-m-55 {
    margin: 55px
}
.u-mt-55 {
    margin-top: 55px
}
.u-mr-55 {
    margin-right: 55px
}
.u-mb-55 {
    margin-bottom: 55px
}
.u-ml-55 {
    margin-left: 55px
}
.u-mrl-55 {
    margin-right: 55px;
    margin-left: 55px
}
.u-p-55 {
    padding: 55px
}
.u-pt-55 {
    padding-top: 55px
}
.u-pr-55 {
    padding-right: 55px
}
.u-pb-55 {
    padding-bottom: 55px
}
.u-pl-55 {
    padding-left: 55px
}
.u-prl-55 {
    padding-right: 55px;
    padding-left: 55px
}
.u-m-60 {
    margin: 60px
}
.u-mt-60 {
    margin-top: 60px
}
.u-mr-60 {
    margin-right: 60px
}
.u-mb-60 {
    margin-bottom: 60px
}
.u-ml-60 {
    margin-left: 60px
}
.u-mrl-60 {
    margin-right: 60px;
    margin-left: 60px
}
.u-p-60 {
    padding: 60px
}
.u-pt-60 {
    padding-top: 60px
}
.u-pr-60 {
    padding-right: 60px
}
.u-pb-60 {
    padding-bottom: 60px
}
.u-pl-60 {
    padding-left: 60px
}
.u-prl-60 {
    padding-right: 60px;
    padding-left: 60px
}
.u-m-65 {
    margin: 65px
}
.u-mt-65 {
    margin-top: 65px
}
.u-mr-65 {
    margin-right: 65px
}
.u-mb-65 {
    margin-bottom: 65px
}
.u-ml-65 {
    margin-left: 65px
}
.u-mrl-65 {
    margin-right: 65px;
    margin-left: 65px
}
.u-p-65 {
    padding: 65px
}
.u-pt-65 {
    padding-top: 65px
}
.u-pr-65 {
    padding-right: 65px
}
.u-pb-65 {
    padding-bottom: 65px
}
.u-pl-65 {
    padding-left: 65px
}
.u-prl-65 {
    padding-right: 65px;
    padding-left: 65px
}
.u-m-70 {
    margin: 70px
}
.u-mt-70 {
    margin-top: 70px
}
.u-mr-70 {
    margin-right: 70px
}
.u-mb-70 {
    margin-bottom: 70px
}
.u-ml-70 {
    margin-left: 70px
}
.u-mrl-70 {
    margin-right: 70px;
    margin-left: 70px
}
.u-p-70 {
    padding: 70px
}
.u-pt-70 {
    padding-top: 70px
}
.u-pr-70 {
    padding-right: 70px
}
.u-pb-70 {
    padding-bottom: 70px
}
.u-pl-70 {
    padding-left: 70px
}
.u-prl-70 {
    padding-right: 70px;
    padding-left: 70px
}
.u-m-75 {
    margin: 75px
}
.u-mt-75 {
    margin-top: 75px
}
.u-mr-75 {
    margin-right: 75px
}
.u-mb-75 {
    margin-bottom: 75px
}
.u-ml-75 {
    margin-left: 75px
}
.u-mrl-75 {
    margin-right: 75px;
    margin-left: 75px
}
.u-p-75 {
    padding: 75px
}
.u-pt-75 {
    padding-top: 75px
}
.u-pr-75 {
    padding-right: 75px
}
.u-pb-75 {
    padding-bottom: 75px
}
.u-pl-75 {
    padding-left: 75px
}
.u-prl-75 {
    padding-right: 75px;
    padding-left: 75px
}
.u-m-80 {
    margin: 80px
}
.u-mt-80 {
    margin-top: 80px
}
.u-mr-80 {
    margin-right: 80px
}
.u-mb-80 {
    margin-bottom: 80px
}
.u-ml-80 {
    margin-left: 80px
}
.u-mrl-80 {
    margin-right: 80px;
    margin-left: 80px
}
.u-p-80 {
    padding: 80px
}
.u-pt-80 {
    padding-top: 80px
}
.u-pr-80 {
    padding-right: 80px
}
.u-pb-80 {
    padding-bottom: 80px
}
.u-pl-80 {
    padding-left: 80px
}
.u-prl-80 {
    padding-right: 80px;
    padding-left: 80px
}
.u-m-85 {
    margin: 85px
}
.u-mt-85 {
    margin-top: 85px
}
.u-mr-85 {
    margin-right: 85px
}
.u-mb-85 {
    margin-bottom: 85px
}
.u-ml-85 {
    margin-left: 85px
}
.u-mrl-85 {
    margin-right: 85px;
    margin-left: 85px
}
.u-p-85 {
    padding: 85px
}
.u-pt-85 {
    padding-top: 85px
}
.u-pr-85 {
    padding-right: 85px
}
.u-pb-85 {
    padding-bottom: 85px
}
.u-pl-85 {
    padding-left: 85px
}
.u-prl-85 {
    padding-right: 85px;
    padding-left: 85px
}
.u-m-90 {
    margin: 90px
}
.u-mt-90 {
    margin-top: 90px
}
.u-mr-90 {
    margin-right: 90px
}
.u-mb-90 {
    margin-bottom: 90px
}
.u-ml-90 {
    margin-left: 90px
}
.u-mrl-90 {
    margin-right: 90px;
    margin-left: 90px
}
.u-p-90 {
    padding: 90px
}
.u-pt-90 {
    padding-top: 90px
}
.u-pr-90 {
    padding-right: 90px
}
.u-pb-90 {
    padding-bottom: 90px
}
.u-pl-90 {
    padding-left: 90px
}
.u-prl-90 {
    padding-right: 90px;
    padding-left: 90px
}
.u-m-95 {
    margin: 95px
}
.u-mt-95 {
    margin-top: 95px
}
.u-mr-95 {
    margin-right: 95px
}
.u-mb-95 {
    margin-bottom: 95px
}
.u-ml-95 {
    margin-left: 95px
}
.u-mrl-95 {
    margin-right: 95px;
    margin-left: 95px
}
.u-p-95 {
    padding: 95px
}
.u-pt-95 {
    padding-top: 95px
}
.u-pr-95 {
    padding-right: 95px
}
.u-pb-95 {
    padding-bottom: 95px
}
.u-pl-95 {
    padding-left: 95px
}
.u-prl-95 {
    padding-right: 95px;
    padding-left: 95px
}
.u-m-100 {
    margin: 100px
}
.u-mt-100 {
    margin-top: 100px
}
.u-mr-100 {
    margin-right: 100px
}
.u-mb-100 {
    margin-bottom: 100px
}
.u-ml-100 {
    margin-left: 100px
}
.u-mrl-100 {
    margin-right: 100px;
    margin-left: 100px
}
.u-p-100 {
    padding: 100px
}
.u-pt-100 {
    padding-top: 100px
}
.u-pr-100 {
    padding-right: 100px
}
.u-pb-100 {
    padding-bottom: 100px
}
.u-pl-100 {
    padding-left: 100px
}
.u-prl-100 {
    padding-right: 100px;
    padding-left: 100px
}
.u-m-none {
    margin: 0
}
.u-mt-none {
    margin-top: 0
}
.u-mr-none {
    margin-right: 0
}
.u-mb-none {
    margin-bottom: 0
}
.u-ml-none {
    margin-left: 0
}
.u-mrl-none {
    margin-right: 0;
    margin-left: 0
}
.u-p-none {
    padding: 0
}
.u-pt-none {
    padding-top: 0
}
.u-pr-none {
    padding-right: 0
}
.u-pb-none {
    padding-bottom: 0
}
.u-pl-none {
    padding-left: 0
}
.u-prl-none {
    padding-right: 0;
    padding-left: 0
}
.is-hidden {
    display: none
}
.u-fs-xxl {
    font-size: 20px
}
.u-fs-xl {
    font-size: 18px
}
.u-fs-l {
    font-size: 16px
}
.u-fs-m {
    font-size: 14px
}
.u-fs-s {
    font-size: 12px
}
.u-fs-xs {
    font-size: 11px
}
.u-fs-xxs {
    font-size: 10px
}
.u-fs-none {
    font-size: 0
}
.u-tc-gray {
    color: #999
}
.u-tc-light-gray {
    color: #ccc
}
.u-tc-white {
    color: #fff
}
.u-tc-red {
    color: #E5273E
}
.u-tc-blue {
    color: #17A1E6
}
.u-fw-n {
    font-weight: normal
}
.u-fw-b {
    font-weight: bold
}
.u-td-u {
    text-decoration: underline
}
.u-td-n {
    text-decoration: none
}
.u-lh-xl {
    line-height: 1.8
}
.u-lh-l {
    line-height: 1.6
}
.u-lh-m {
    line-height: 1.4
}
.u-lh-s {
    line-height: 1.2
}
.u-lh-xs {
    line-height: 1
}
.u-lh-none {
    line-height: 0
}
.u-cf:after {
    content: "";
    display: table;
    clear: both
}
@media(min-width: 768px) {
    .u-mobile-only {
        display: none !important
    }
}
@media(max-width: 769px) {
    .u-pc-only {
        display: none !important
    }
}