/*! Yaku Han JP (Gothic - All Include) v3.0.0 SIL by Qrac / Based on Noto Sans CJK JP */

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Thin.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Thin.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Thin.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 100
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Light.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Light.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Light.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 200
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-DemiLight.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 300
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Regular.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Regular.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Regular.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 400
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Medium.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Medium.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Medium.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 500
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Bold.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Bold.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Bold.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 700
}

@font-face {
    src: url(../fonts/YakuHanJP/YakuHanJP-Black.eot);
    src: url(../fonts/YakuHanJP/YakuHanJP-Black.woff2) format("woff2"),url(../fonts/YakuHanJP/YakuHanJP-Black.woff) format("woff");
    font-family: YakuHanJP;
    font-style: normal;
    font-weight: 900
}

@keyframes show {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes hidden {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        z-index: -1;
        transform: translateY(-10px);
        opacity: 0
    }
}

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

blockquote, q {
    quotes: none
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: "";
        content: none
    }

* {
    -webkit-overflow-scrolling: touch
}

*, :after, :before {
/*    -webkit-backface-visibility: hidden;*/
    box-sizing: border-box;
/*    backface-visibility: hidden*/
}

html {
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-size: 14px
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    word-wrap: break-word;
    background-color: #fff;
    color: #333;
    font-family: HiraKakuPro-W3,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,osaka,Arial,Helvetica,Verdana,sans-serif;
    line-height: 1.96
}

em, strong {
    font-weight: 700
}

pre {
    white-space: pre-wrap
}

sub, sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

a {
    outline: none;
    color: #012f61;
    text-decoration: none;
    transition: background-color .1s,border-color .1s,color .1s,opacity .1s
}

img, video {
    max-width: 100%;
    vertical-align: top
}

table {
    width: 100%;
    max-width: 100%
}

    table td, table th {
        word-break: break-all
    }

button, input, select, textarea {
    margin: 0;
    padding: 0;
    outline: none;
    color: inherit;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    vertical-align: middle
}

    button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner, textarea::-moz-focus-inner {
        border: 0
    }

button, input, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

    input[type=checkbox] {
        -webkit-appearance: checkbox;
        -moz-appearance: checkbox;
        appearance: checkbox
    }

    input[type=radio] {
        -webkit-appearance: radio;
        -moz-appearance: radio;
        appearance: radio
    }

textarea {
    resize: none
}

button, input[type=button], input[type=submit] {
    border: 0;
    background: none;
    cursor: pointer
}

button {
    overflow: visible
}

::selection {
    background: #06c;
    color: #fff
}

input::selection, textarea::selection {
    background: #ddd;
    color: #333
}

input::-moz-selection, textarea::-moz-selection {
    background: #ddd;
    color: #333
}

input::-ms-clear {
    display: none
}
/*! ========================================================
   tb_header.css
   たびらい共通ヘッダーで使用します。
========================================================= */
@font-face {
    src: url(../fonts/fontawesome-webfont.eot),url(../fonts/fontawesome-webfont.ttf) format("truetype");
    font-family: fontawesome;
    font-style: normal;
    font-weight: 400
}

body {
    background-image: none
}

.display__none {
    display: none !important
}

.tb_headerWrap {
    z-index: 1000;
    width: auto !important;
    background-color: #fff;
    font-family: YuGothic,游ゴシック,HiraKakuPro-W3,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,osaka,Arial,Helvetica,Verdana,sans-serif;
    font-weight: 500
}

.tb_headerTools {
    position: relative;
    width: 980px;
    height: 30px;
    margin: 0 auto 10px
}

.tb_headerTools__list {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 14px
}

.tb_headerTools__list__item {
    line-height: 1
}

    .tb_headerTools__list__item:first-child {
        display: none
    }

    .tb_headerTools__list__item:not(:last-child) {
        margin-right: 15px
    }

    .tb_headerTools__list__item a {
        font-size: 11px
    }

        .tb_headerTools__list__item a:link, .tb_headerTools__list__item a:visited {
            color: #003894;
            text-decoration: none
        }

        .tb_headerTools__list__item a:hover {
            text-decoration: underline
        }

    .tb_headerTools__list__item.\--isSearch a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 35px;
        height: 30px;
        background-color: #363636;
        color: #fff;
        line-height: 30px
    }

        .tb_headerTools__list__item.\--isSearch a:after {
            font-family: fontawesome;
            content: "\f002"
        }

        .tb_headerTools__list__item.\--isSearch a:hover {
            background-color: #4f4f4f;
            text-decoration: none
        }

.tb_header {
    display: flex;
    justify-content: space-between;
    width: 980px;
    height: 40px;
    margin: 0 auto;
    border-bottom: 1px solid #d9d9d9
}

.tb_header__logo {
    display: flex;
    align-items: center;
    width: calc(100% - 640px);
    height: 40px;
    margin-top: -20px
}

.tb_header__logo__image {
    margin: 0 15px 0 0
}

    .tb_header__logo__image img {
        width: 88px;
        height: 36.66px
    }

    .tb_header__logo__image a {
        -webkit-backface-visibility: hidden;
        display: block;
        backface-visibility: hidden
    }

        .tb_header__logo__image a:hover {
            opacity: .85
        }

    .tb_header__logo__image.\--isFixed {
        box-sizing: border-box;
        z-index: 1000;
        position: fixed;
        top: -70px;
        left: 50%;
        width: 140px;
        height: 70px;
        margin-left: -516px;
        transform: translateY(-45px);
        border: 1px solid #d9d9d9;
        background-color: hsla(0,0%,100%,.75);
        transition: transform .15s ease-out;
        will-change: transform
    }

        .tb_header__logo__image.\--isFixed.active {
            transform: translateY(75px);
            transition: transform .3s ease-out
        }

        .tb_header__logo__image.\--isFixed:hover {
            background-color: #fff
        }

        .tb_header__logo__image.\--isFixed a {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 100%
        }

            .tb_header__logo__image.\--isFixed a:hover {
                opacity: 1
            }

.tb_header__logo__text {
    margin: 0;
    padding-top: 5px;
    color: #747474;
    font-size: 12px;
    line-height: 1.4;
    text-align: left
}

.tb_header__nav {
    width: 640px;
    margin: 0;
    border: none;
    background: transparent
}

.tb_header__nav__list {
    display: flex;
    justify-content: flex-end;
    height: 100%
}

.tb_header__nav__list__item {
    font-size: 14px
}

    .tb_header__nav__list__item:not(:last-child) {
        margin-right: 1px
    }

    .tb_header__nav__list__item a {
        display: block;
        height: 30px;
        padding: 0 12px;
        font-size: inherit;
        font-weight: 700;
        line-height: 30px;
        text-decoration: none
    }

        .tb_header__nav__list__item a:link, .tb_header__nav__list__item a:visited {
            color: #003894;
            text-decoration: none
        }

        .tb_header__nav__list__item a:hover {
            background-color: #003894;
            color: #fff;
            text-decoration: none
        }

    .tb_header__nav__list__item.active a {
        background-color: #003894;
        color: #fff
    }

    .tb_header__nav__list__item.link__none a {
        color: #ddd;
        pointer-events: none
    }

    .tb_header__nav__list__item.display__none {
        display: none !important
    }

.tb_headerLocalNav {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5
}

.tb_headerLocalNav__inner {
    display: flex;
    position: relative;
    justify-content: space-between;
    width: 980px;
    height: 100%;
    margin: 0 auto
}

.tb_headerLocalNavList {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    opacity: 1 !important
}

.tb_headerLocalNavList__item {
    display: inline-block;
    position: relative;
    height: 100%;
    font-size: 12px;
    line-height: 40px;
    text-align: left;
    cursor: pointer
}

    .tb_headerLocalNavList__item > a, .tb_headerLocalNavList__item > span {
        padding: 0 13px;
        color: #003894
    }

    .tb_headerLocalNavList__item a:link, .tb_headerLocalNavList__item a:visited {
        color: #003894;
        text-decoration: none
    }

    .tb_headerLocalNavList__item:last-of-type .tb_headerLocalNavList.\--isSecond {
        right: 0;
        left: auto
    }

.tb_headerLocalNavList.\--isSecond {
    display: none;
    z-index: 100;
    position: absolute;
    top: 40px;
    left: 0;
    flex-direction: column;
    width: 180px;
    background-color: #fff;
    opacity: 1 !important
}

    .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item {
        width: 100%;
        min-height: 30px;
        line-height: 1
    }

        .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item a {
            display: block;
            height: 30px;
            line-height: 30px
        }

    .tb_headerLocalNavList.\--isSecond > .tb_headerLocalNavList__item > a:not(:only-child) {
        margin-top: -1px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        background-image: url(/common/images/icon/ico_plus_01.png);
        background-position: center right 10px;
        background-repeat: no-repeat
    }

        .tb_headerLocalNavList.\--isSecond > .tb_headerLocalNavList__item > a:not(:only-child).active {
            background-image: url(/common/images/icon/ico_minus_01.png)
        }

.tb_headerLocalNavList.\--isThird {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #d9d9d9
}

.tb_headerNav__text {
    height: 100%;
    font-size: 16px;
    font-weight: 700;
    line-height: 1
}

    .tb_headerNav__text a {
        display: flex;
        position: relative;
        left: -13px;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0 13px
    }

.tb_headerNav__button {
    display: none
}

.bgOverlay, .pagesearch__wrap {
    display: none;
    position: absolute
}

.bgOverlay {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0
}

.pagesearch__wrap {
    z-index: 10000;
    top: 30px;
    right: 0;
    width: 350px;
    padding: 0;
    background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.3)
}

.tb_footer {
    position: relative;
    min-width: 980px;
    border-top: 1px solid #e9e9e9;
    background-color: #f5f5f5;
    font-family: HiraKakuPro-W3,Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,メイリオ,Meiryo,ＭＳ Ｐゴシック,osaka,Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    line-height: 140%
}

    .tb_footer.actFootMargin {
        margin-top: 50px
    }

.tb_footerSnsLinks {
    align-items: center;
    margin: 0 0 35px;
    padding: 30px 0 0
}

.tb_footerSnsLinks, .tb_footerSnsLinks__box {
    display: flex;
    justify-content: center
}

.tb_footerSnsLinks__title {
    margin-right: 20px;
    color: #747474;
    font-size: 12px
}

.tb_footerSnsLinks__content {
    margin: 0;
    padding: 0
}

    .tb_footerSnsLinks__content:not(:last-child) {
        margin-right: 60px
    }

    .tb_footerSnsLinks__content a {
        display: inline-block
    }

        .tb_footerSnsLinks__content a:not(:last-child) {
            margin-right: 35px
        }

        .tb_footerSnsLinks__content a:hover {
            opacity: .85
        }

.tb_footerSiteLinks {
    display: flex;
    flex-wrap: wrap;
    width: 980px;
    margin: 0 auto
}

.tb_footerSiteLinks__title {
    box-sizing: border-box;
    position: relative;
    width: 200px;
    margin-bottom: 15px;
    padding-left: 10px;
    color: #747474;
    font-size: 14px;
    font-weight: 700
}

    .tb_footerSiteLinks__title:before {
        position: absolute;
        top: 2.5px;
        left: 0;
        width: 2px;
        height: calc(100% - 5px);
        background-color: #747474;
        content: ""
    }

    .tb_footerSiteLinks__title .small {
        font-size: 12px
    }

.tb_footerSiteLinks__content {
    width: 780px;
    margin: 0 0 15px;
    font-size: 14px
}

.tb_footerList {
    display: flex;
    flex-wrap: wrap;
    height: 20px
}

.tb_footerList__item {
    position: relative;
    color: #747474;
    font-size: 14px
}

    .tb_footerList__item.isActive > a:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 8px;
        border-width: 0 4px 6px;
        border-style: solid;
        border-color: transparent transparent currentcolor;
        vertical-align: middle;
        content: ""
    }

    .tb_footerList__item.isActive > a:before {
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #003894;
        content: ""
    }

    #footer .tb_footerList__item a:link, #footer .tb_footerList__item a:visited, .tb_footerList__item a:link, .tb_footerList__item a:visited {
        color: #003894;
        text-decoration: none
    }

    .tb_footerList__item a:hover {
        text-decoration: none
    }

    .tb_footerList__item:not(:last-child) {
        margin-right: 20px
    }

.tb_footerRelatedNav {
    margin: 0;
    padding: 5px 0;
    background-color: #e9e9e9
}

    .tb_footerRelatedNav .tb_footerList {
        justify-content: center
    }

.tb_footerRelatedNav__inner {
    box-sizing: border-box;
    width: 980px;
    margin: 0 auto
}

.tb_footer__logo {
    padding: 30px 0 0;
    background-color: #fff;
    text-align: center
}

.tb_footer__logo__image {
    margin: 0 0 10px
}

    .tb_footer__logo__image img {
        width: 88px;
        height: 39px
    }

.tb_footer__logo__text {
    margin: 0;
    color: #747474;
    font-size: 12px
}

.tb_footer__copyright {
    margin: 0;
    padding: 10px 0;
    background-color: #fff;
    color: #000;
    font-size: 10px;
    text-align: center
}

.tb_footerListContent {
    box-sizing: border-box;
    visibility: hidden;
    z-index: 100;
    right: -6px;
    bottom: 20px;
    padding: 0 10px;
    overflow: hidden;
    border: 1px solid #d9d9d9;
    background-color: #fff
}

    .tb_footerListContent:after {
        display: inline-block;
        position: absolute;
        right: 5px;
        bottom: -6px;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        border-right: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        background-color: #fff;
        content: ""
    }

.tb_footerListContent__item {
    margin-top: 9px;
    font-size: 12px
}

    .tb_footerListContent__item.\--isTitle {
        font-size: 14px
    }

    .tb_footerListContent__item a:hover {
        text-decoration: underline
    }

    .tb_footerListContent__item > ul {
        display: flex
    }

        .tb_footerListContent__item > ul > li {
            margin-right: 10px
        }

            .tb_footerListContent__item > ul > li:first-child {
                width: 50px;
                border-right: 2px solid #cfcfcf
            }

.tb_footerGotoTopButton {
    z-index: 2;
    position: fixed;
    right: 50%;
    bottom: 100px !important;
    width: 100%;
    max-width: 1260px;
    transform: translateX(50%);
    opacity: 0;
    transition: .5s
}

.ss_footerGotoTopButton.ss_footerGotoTopButton {
    opacity: 1
}

.tb_footerList__item > a:hover {
    text-decoration: none !important
}

.tb_footer .tb_footerGotoTopButton a {
    box-sizing: border-box;
    display: flex;
    position: absolute;
    top: -10px;
    right: 20px;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    padding-top: 20px;
    border-radius: 50%;
    background-color: #ccc;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

    .tb_footer .tb_footerGotoTopButton a:after {
        box-sizing: border-box;
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 20px;
        height: 20px;
        margin-top: -15px;
        margin-left: -10px;
        transform: rotate(45deg);
        border-top: 5px solid #fff;
        border-left: 5px solid #fff;
        content: "";
        will-change: margin-top
    }

    .tb_footer .tb_footerGotoTopButton a:link, .tb_footerGotoTopButton a:visited {
        color: #fff !important;
        text-decoration: none
    }

    #footer .tb_footer .tb_footerGotoTopButton a:hover, .tb_footer .tb_footerGotoTopButton a:hover {
        background-color: #d1d1d1;
        color: #fff;
        text-decoration: none
    }

    /* cookie利用ポップアップ */
.cookie-box .cookie-box__in {
    background: rgba(0,0,0,0.7);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10000000;
    transition: opacity 0.5s ease, visibility 0s 0.5s ease;
}

.cookie-box .cookie-box__in.js-load--on {
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}

.cookie-box .cookie-box__cnt {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
    padding: 20px 0;
}

.cookie-box .cookie-box__txt {
    width: 850px;
    font-size: 12px;
    line-height: 1.8;
    font-weight: normal;
    color: #fff;
}

.cookie-box .cookie-box__txt a {
    text-decoration: underline;
    color: #fff;
}

.btn-03 {
    display: inline-block;
    padding: 15px 0;
    font-size: 12px;
    line-height: 1.6;
    font-weight: bold;
    background: #f8f8f8;
    color: #333;
    text-align: center;
    border: 0;
    position: relative;
    z-index: 1;
    transition: border-radius 0.3s ease;
}

.cookie-box .cookie-box__btn {
    width: 100px;
    cursor: pointer;
}

.btn-03::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #fbff3f;
    transform: scale(0);
    z-index: -1;
    border-radius: 50px;
    transition: transform 0.3s cubic-bezier(0.93, -0.62, 0.37, 1.45);
}

.hokkaidoImage, .okinawaImage {
    padding: 250px 0 0;
    border: none
}

.actFoot .tb_footerGotoTopButton {
    top: 155px
}

.hotelFooterLink {
    display: none
}

.okinawaImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_okinawa.jpg) top repeat-x #fff !important
}

.hokkaidoImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_hokkaido.png) top repeat-x #fff !important
}

.fukuokaImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_fukuoka.jpg) top repeat-x #fff !important
}

.sagaImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_saga.jpg) top repeat-x #fff !important
}

.nagasakiImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_nagasaki.jpg) top repeat-x #fff !important
}

.kumamotoImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_kumamoto.jpg) top repeat-x #fff !important
}

.oitaImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_oita.jpg) top repeat-x #fff !important
}

.miyazakiImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_miyazaki.jpg) top repeat-x #fff !important
}

.kagoshimaImage {
    background: url(//www.tabirai.net/inc/images/footer/foot_bg_kagoshima.jpg) top repeat-x #fff !important
}

#footer {
    position: relative
}

.clearfix:after {
    display: table;
    clear: both;
    content: ""
}
/*! jQuery UI - v1.11.4 - 2015-03-11
* http://jqueryui.com
* Includes: core.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, draggable.css, menu.css, progressbar.css, resizable.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2015 jQuery Foundation and other contributors; Licensed MIT */

.tb_headerDrawer, .ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    clip: rect(0 0 0 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border: 0
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    line-height: 1.3;
    list-style: none;
    text-decoration: none
}

.ui-helper-clearfix:after, .ui-helper-clearfix:before {
    display: table;
    border-collapse: collapse;
    content: ""
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: Alpha(Opacity=0);
    opacity: 0
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    overflow: hidden;
    background-repeat: no-repeat;
    text-indent: -99999px
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-accordion .ui-accordion-header {
    display: block;
    position: relative;
    min-height: 0;
    margin: 2px 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
    cursor: pointer
}

.ui-accordion .ui-accordion-icons, .ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    top: 50%;
    left: .5em;
    margin-top: -8px
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    overflow: auto;
    border-top: 0
}

.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default
}

.ui-button {
    display: inline-block;
    position: relative;
    margin-right: .1em;
    padding: 0;
    overflow: visible;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

    .ui-button, .ui-button:active, .ui-button:hover, .ui-button:link, .ui-button:visited {
        text-decoration: none
    }

.ui-button-icon-only {
    width: 2.2em
}

button.ui-button-icon-only {
    width: 2.4em
}

.ui-button-icons-only {
    width: 3.4em
}

button.ui-button-icons-only {
    width: 3.7em
}

.ui-button .ui-button-text {
    display: block;
    line-height: normal
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em
}

.ui-button-text-icons .ui-button-text {
    padding-right: 2.1em;
    padding-left: 2.1em
}

input.ui-button {
    padding: .4em 1em
}

.ui-button-icon-only .ui-icon, .ui-button-icons-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px
}

.ui-button-icons-only .ui-button-icon-primary, .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary {
    left: .5em
}

.ui-button-icons-only .ui-button-icon-secondary, .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary {
    right: .5em
}

.ui-buttonset {
    margin-right: 7px
}

    .ui-buttonset .ui-button {
        margin-right: -.3em;
        margin-left: 0
    }

button.ui-button::-moz-focus-inner, input.ui-button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.ui-datepicker {
    display: none;
    width: 16em;
    padding: .2em .2em 0;
    line-height: 1
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0
    }

    .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em
    }

    .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-prev-hover {
        top: 1px
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px
    }

    .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-top: -8px;
        margin-left: -8px
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center
    }

        .ui-datepicker .ui-datepicker-title select {
            margin: 1px 0;
            font-size: 1em
        }

    .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
        width: 45%
    }

    .ui-datepicker table {
        width: 100%;
        margin: 0 0 .4em;
        border-collapse: collapse;
        font-size: .9em
    }

    .ui-datepicker th {
        padding: .7em .3em;
        border: 0;
        font-weight: 700;
        text-align: center
    }

    .ui-datepicker td {
        padding: 1px;
        border: 0
    }

        .ui-datepicker td a, .ui-datepicker td span {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        margin: .7em 0 0;
        padding: 0 .2em;
        border-right: 0;
        border-bottom: 0;
        border-left: 0;
        background-image: none
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            width: auto;
            margin: .5em .2em .4em;
            padding: .2em .6em .3em;
            float: right;
            overflow: visible;
            cursor: pointer
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left
            }

    .ui-datepicker.ui-datepicker-multi {
        width: auto
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left
}

.ui-datepicker-row-break {
    width: 100%;
    clear: both;
    font-size: 0
}

.ui-datepicker-rtl {
    direction: rtl
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        right: auto;
        left: 2px
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        right: auto;
        left: 1px
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
                float: right
            }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px
    }

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
    padding: .2em;
    overflow: hidden;
    outline: 0
}

    .ui-dialog .ui-dialog-titlebar {
        position: relative;
        padding: .4em 1em
    }

    .ui-dialog .ui-dialog-title {
        width: 90%;
        margin: .1em 0;
        float: left;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        top: 50%;
        right: .3em;
        width: 20px;
        height: 20px;
        margin: -10px 0 0;
        padding: 1px
    }

    .ui-dialog .ui-dialog-content {
        position: relative;
        padding: .5em 1em;
        overflow: auto;
        border: 0;
        background: none
    }

    .ui-dialog .ui-dialog-buttonpane {
        margin-top: .5em;
        padding: .3em 1em .5em .4em;
        border-width: 1px 0 0;
        background-image: none;
        text-align: left
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer
        }

    .ui-dialog .ui-resizable-se {
        right: -5px;
        bottom: -5px;
        width: 12px;
        height: 12px;
        background-position: 16px 16px
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move
}

.ui-draggable-handle {
    touch-action: none
}

.ui-menu {
    display: block;
    margin: 0;
    padding: 0;
    outline: none;
    list-style: none
}

    .ui-menu .ui-menu {
        position: absolute
    }

    .ui-menu .ui-menu-item {
        position: relative;
        min-height: 0;
        margin: 0;
        padding: 3px 1em 3px .4em;
        list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
        cursor: pointer
    }

    .ui-menu .ui-menu-divider {
        height: 0;
        margin: 5px 0;
        border-width: 1px 0 0;
        font-size: 0;
        line-height: 0
    }

    .ui-menu .ui-state-active, .ui-menu .ui-state-focus {
        margin: -1px
    }

.ui-menu-icons {
    position: relative
}

    .ui-menu-icons .ui-menu-item {
        padding-left: 2em
    }

.ui-menu .ui-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: .2em;
    margin: auto 0
}

.ui-menu .ui-menu-icon {
    right: 0;
    left: auto
}

.ui-progressbar {
    height: 2em;
    overflow: hidden;
    text-align: left
}

    .ui-progressbar .ui-progressbar-value {
        height: 100%;
        margin: -1px
    }

    .ui-progressbar .ui-progressbar-overlay {
        height: 100%;
        background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
        filter: alpha(opacity=25);
        opacity: .25
    }

.ui-progressbar-indeterminate .ui-progressbar-value {
    background-image: none
}

.ui-resizable {
    position: relative
}

.ui-resizable-handle {
    display: block;
    position: absolute;
    font-size: .1px;
    touch-action: none
}

.ui-resizable-autohide .ui-resizable-handle, .ui-resizable-disabled .ui-resizable-handle {
    display: none
}

.ui-resizable-n {
    top: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: n-resize
}

.ui-resizable-s {
    bottom: -5px;
    left: 0;
    width: 100%;
    height: 7px;
    cursor: s-resize
}

.ui-resizable-e {
    top: 0;
    right: -5px;
    width: 7px;
    height: 100%;
    cursor: e-resize
}

.ui-resizable-w {
    top: 0;
    left: -5px;
    width: 7px;
    height: 100%;
    cursor: w-resize
}

.ui-resizable-se {
    right: 1px;
    bottom: 1px;
    width: 12px;
    height: 12px;
    cursor: se-resize
}

.ui-resizable-sw {
    bottom: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: sw-resize
}

.ui-resizable-nw {
    top: -5px;
    left: -5px;
    width: 9px;
    height: 9px;
    cursor: nw-resize
}

.ui-resizable-ne {
    top: -5px;
    right: -5px;
    width: 9px;
    height: 9px;
    cursor: ne-resize
}

.ui-selectable {
    touch-action: none
}

.ui-selectable-helper {
    z-index: 100;
    position: absolute;
    border: 1px dotted #000
}

.ui-selectmenu-menu {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0
}

    .ui-selectmenu-menu .ui-menu {
        padding-bottom: 1px;
        overflow: auto;
        overflow-x: hidden
    }

        .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
            height: auto;
            margin: .5em 0 0;
            padding: 2px .4em;
            border: 0;
            font-size: 1em;
            font-weight: 700;
            line-height: 1.5
        }

.ui-selectmenu-open {
    display: block
}

.ui-selectmenu-button {
    display: inline-block;
    position: relative;
    overflow: hidden;
    text-decoration: none;
    cursor: pointer
}

    .ui-selectmenu-button span.ui-icon {
        position: absolute;
        top: 50%;
        right: .5em;
        left: auto;
        margin-top: -8px
    }

    .ui-selectmenu-button span.ui-selectmenu-text {
        display: block;
        padding: .4em 2.1em .4em 1em;
        overflow: hidden;
        line-height: 1.4;
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.ui-slider {
    position: relative;
    text-align: left
}

    .ui-slider .ui-slider-handle {
        z-index: 2;
        position: absolute;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
        touch-action: none
    }

    .ui-slider .ui-slider-range {
        display: block;
        z-index: 1;
        position: absolute;
        border: 0;
        background-position: 0 0;
        font-size: .7em
    }

    .ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
        -webkit-filter: inherit;
        filter: inherit
    }

.ui-slider-horizontal {
    height: .8em
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-bottom: -.6em;
        margin-left: 0
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0
    }

.ui-sortable-handle {
    touch-action: none
}

.ui-spinner {
    display: inline-block;
    position: relative;
    overflow: hidden
}

.ui-spinner, .ui-spinner-input {
    padding: 0;
    vertical-align: middle
}

.ui-spinner-input {
    margin: .2em 22px .2em .4em;
    border: none;
    background: none;
    color: inherit
}

.ui-spinner-button {
    display: block;
    position: absolute;
    right: 0;
    width: 16px;
    height: 50%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    font-size: .5em;
    text-align: center;
    cursor: default
}

.ui-spinner a.ui-spinner-button {
    border-top: none;
    border-right: none;
    border-bottom: none
}

.ui-spinner .ui-icon {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -8px
}

.ui-spinner-up {
    top: 0
}

.ui-spinner-down {
    bottom: 0
}

.ui-spinner .ui-icon-triangle-1-s {
    background-position: -65px -16px
}

.ui-tabs {
    position: relative;
    padding: .2em
}

    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0
    }

        .ui-tabs .ui-tabs-nav li {
            position: relative;
            top: 0;
            margin: 1px .2em 0 0;
            padding: 0;
            float: left;
            border-bottom-width: 0;
            list-style: none;
            white-space: nowrap
        }

        .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
            padding: .5em 1em;
            float: left;
            text-decoration: none
        }

        .ui-tabs .ui-tabs-nav li.ui-tabs-active {
            margin-bottom: -1px;
            padding-bottom: 1px
        }

            .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
                cursor: text
            }

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
    cursor: pointer
}

.ui-tabs .ui-tabs-panel {
    display: block;
    padding: 1em 1.4em;
    border-width: 0;
    background: none
}

.ui-tooltip {
    z-index: 9999;
    position: absolute;
    max-width: 300px;
    padding: 8px;
    box-shadow: 0 0 5px #aaa
}

body .ui-tooltip {
    border-width: 2px
}

.ui-widget {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1.1em
}

    .ui-widget .ui-widget {
        font-size: 1em
    }

    .ui-widget button, .ui-widget input, .ui-widget select, .ui-widget textarea {
        font-family: Verdana,Arial,sans-serif;
        font-size: 1em
    }

.ui-widget-content {
    border: 1px solid #aaa;
    background: #fff url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222
}

    .ui-widget-content a {
        color: #222
    }

.ui-widget-header {
    border: 1px solid #aaa;
    background: #ccc url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
    color: #222;
    font-weight: 700
}

    .ui-widget-header a {
        color: #222
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        color: #555;
        font-weight: 400
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555;
            text-decoration: none
        }

    .ui-state-focus, .ui-state-hover, .ui-widget-content .ui-state-focus, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-focus, .ui-widget-header .ui-state-hover {
        border: 1px solid #999;
        background: #dadada url(../images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        color: #212121;
        font-weight: 400
    }

        .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
            color: #212121;
            text-decoration: none
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaa;
        background: #fff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        color: #212121;
        font-weight: 400
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none
        }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #fcefa1;
        background: #fbf9ee url(../images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
        color: #363636
    }

        .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
            color: #363636
        }

    .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
        border: 1px solid #cd0a0a;
        background: #fef1ec url(../images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
        color: #cd0a0a
    }

        .ui-state-error-text, .ui-state-error a, .ui-widget-content .ui-state-error-text, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error-text, .ui-widget-header .ui-state-error a {
            color: #cd0a0a
        }

    .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
        font-weight: 700
    }

    .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
        font-weight: 400;
        filter: Alpha(Opacity=70);
        opacity: .7
    }

    .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
        background-image: none;
        filter: Alpha(Opacity=35);
        opacity: .35
    }

        .ui-state-disabled .ui-icon {
            filter: Alpha(Opacity=35)
        }

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
    background-image: url(../images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
    background-image: url(../images/ui-icons_888888_256x240.png)
}

.ui-state-active .ui-icon, .ui-state-focus .ui-icon, .ui-state-hover .ui-icon {
    background-image: url(../images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
    background-image: url(../images/ui-icons_2e83ff_256x240.png)
}

.ui-state-error-text .ui-icon, .ui-state-error .ui-icon {
    background-image: url(../images/ui-icons_cd0a0a_256x240.png)
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-first, .ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-left, .ui-corner-tl, .ui-corner-top {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-right, .ui-corner-top, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bl, .ui-corner-bottom, .ui-corner-left {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-br, .ui-corner-right {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay, .ui-widget-shadow {
    background: #aaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    filter: Alpha(Opacity=30);
    opacity: .3
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    border-radius: 8px
}

html {
    background: #fff;
    color: #000
}

blockquote, body, code, dd, div, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, input, legend, li, ol, p, pre, td, textarea, th, ul {
    margin: 0;
    padding: 0
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

fieldset, img {
    border: 0
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: 400
}

ol, ul {
    list-style: none
}

caption, th {
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 400
}

q:after, q:before {
    content: ""
}

abbr, acronym {
    border: 0;
    font-variant: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
    font-weight: inherit
}

legend {
    color: #000
}

#yui3-css-stamp.cssreset {
    display: none
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 100px #fff inset !important
}

:placeholder-shown {
    color: #ccc
}

::-webkit-input-placeholder {
    color: #ccc
}

:-moz-placeholder, ::-moz-placeholder {
    color: #ccc;
    opacity: 1
}

:-ms-input-placeholder {
    color: #ccc
}

.c-select.is-empty {
    color: #ccc
}

html {
    height: 100%
}

body {
    width: 100%;
    min-height: 100%;
    margin: 0 auto
}

.l-page, body {
    position: relative
}

.l-page {
    background-color: #fff
}

.l-container {
    position: relative;
    flex-direction: column;
    min-width: 980px
}

.l-breadcrumbs, .l-container {
    display: flex;
    width: 980px;
    margin: 0 auto
}

.l-breadcrumbs {
    align-items: center;
    padding: 8px 0;
    overflow: visible;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap
}

    .l-breadcrumbs > span {
        display: inline-flex;
        position: relative;
        align-items: center
    }

    .l-breadcrumbs a {
        color: #6495ed;
        text-decoration: underline
    }

.mt0 {
    margin-top: 0 !important
}

.mr0 {
    margin-right: 0 !important
}

.mb0 {
    margin-bottom: 0 !important
}

.ml0 {
    margin-left: 0 !important
}

.pt0 {
    padding-top: 0 !important
}

.pr0 {
    padding-right: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.pl0 {
    padding-left: 0 !important
}

.mt1 {
    margin-top: 1px !important
}

.mr1 {
    margin-right: 1px !important
}

.mb1 {
    margin-bottom: 1px !important
}

.ml1 {
    margin-left: 1px !important
}

.pt1 {
    padding-top: 1px !important
}

.pr1 {
    padding-right: 1px !important
}

.pb1 {
    padding-bottom: 1px !important
}

.pl1 {
    padding-left: 1px !important
}

.sticky:after, .sticky:before {
    display: table;
    content: ""
}

.swiper-container, .swiper-container img {
    width: 100%;
    height: 100%
}

    .swiper-container img {
        object-fit: cover;
        font-family: "object-fit: cover"
    }

.ag * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.ag ol, .ag ul {
    list-style: none
}

.ag blockquote, .ag q {
    quotes: none
}

    .ag blockquote:after, .ag blockquote:before, .ag q:after, .ag q:before {
        content: "";
        content: none
    }

.ag caption, .ag table, .ag tbody, .ag td, .ag tfoot, .ag th, .ag thead, .ag tr {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

.ag table {
    border-collapse: collapse;
    border-spacing: 0
}

.ag a {
    color: #000;
    text-decoration: none
}

.ag add-cart, .ag cart, .ag checkout, .ag picture {
    display: block
}
/*body{opacity:0;transition:opacity .5s cubic-bezier(.445,.05,.55,.95) 0s}*/
.wf-active body.on {
    opacity: 1
}

#ui-datepicker-div {
    display: none
}

.ag {
    color: #000
}

    .ag img {
        width: 100%;
        vertical-align: bottom
    }

    .ag .sp, .ag .sp_tb {
        display: block
    }

    .ag .pc, .ag .tb, .ag .tb_pc {
        display: none
    }

    .ag .cf:after {
        display: block;
        clear: both;
        content: " "
    }

    .ag .hide {
        display: none
    }

    .ag * {
        -webkit-text-size-adjust: 100%;
        font: inherit;
        font-family: source-han-sans-japanese,sans-serif;
        font-feature-settings: "palt";
        font-style: normal;
        letter-spacing: .1em;
        line-height: 2
    }

    .ag .medium {
        font-weight: 500
    }

    .ag .bold, .ag .medium {
        font-family: source-han-sans-japanese,sans-serif;
        font-style: normal
    }

    .ag .en1 {
        font-family: gooddog-new,sans-serif;
        letter-spacing: 0
    }

    .ag .kerning {
        letter-spacing: .3em;
        line-height: inherit
    }

    .ag .kerning_m {
        margin-left: .3em;
        line-height: inherit
    }

    .ag .kerning2 {
        letter-spacing: .15em;
        line-height: inherit
    }

    .ag .kerning_m2 {
        margin-left: .1em;
        line-height: inherit
    }

    .ag .bold {
        font-weight: 700
    }

    .ag a:hover {
        color: #999
    }

    .ag br {
        line-height: inherit
    }

    .ag .fade {
        opacity: 0;
        transition: opacity .5s
    }

        .ag .fade.on {
            opacity: 1
        }

    .ag .slick-loading .slick-list {
        background-image: none
    }

    .ag .inner, .ag .inner_sp {
        width: 92%;
        margin: auto
    }

    .ag .line.green {
        background: linear-gradient(transparent 80%,#67b7c6 0)
    }

    .ag .line.orange {
        background: linear-gradient(transparent 88%,#f6b566 0)
    }

    .ag .green-line {
        background: linear-gradient(transparent 80%,#67b7c6 0);
        font-weight: 700
    }

    .ag .bar {
        display: inline-block;
        padding: 0 10px
    }

        .ag .bar.blue {
            background-color: #e1edef
        }

        .ag .bar.white {
            background-color: #fff
        }

        .ag .bar.d_blue {
            background-color: #002d77;
            color: #fff
        }

    .ag .fukuro.blue {
        text-shadow: 1px 1px 0 #002d77,-1px -1px 0 #002d77,-1px 1px 0 #002d77,1px -1px 0 #002d77,0 1px 0 #002d77,0 -1px 0 #002d77,-1px 0 0 #002d77,1px 0 0 #002d77
    }

.pl-breadcrumb {
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 42px;
    margin-top: 30px;
    overflow-x: auto;
    overflow-y: hidden;
    border-top: 2px solid #e8e8e8;
    border-bottom: 2px solid #e8e8e8;
    background-color: #fff;
    font-family: Verdana,Roboto,Droid Sans,游ゴシック,YuGothic,メイリオ,Meiryo,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,ＭＳ Ｐゴシック,sans-serif
}

.pl-breadcrumb__list {
    display: flex;
    flex-wrap: nowrap;
    height: 42px;
    height: 100%;
    margin: 0;
    padding: 0 17px 0 0;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap
}

.pl-breadcrumb__item {
    display: inline-block;
    padding-right: 22px;
    color: #505050;
    font-size: 10px;
    line-height: 42px;
    list-style: none
}

.pl-breadcrumb__link {
    display: inline-block;
    position: relative;
    background: #fff;
    color: #2068b7 !important;
    line-height: 42px;
    text-decoration: none !important;
    text-decoration: none
}

.pl-breadcrumb__item:first-child > .pl-breadcrumb__link {
    padding-left: 10px
}

.pl-breadcrumb__item:not(:last-child) .pl-breadcrumb__link:after {
    z-index: 1;
    position: absolute;
    top: -2px;
    right: -18px;
    width: 42px;
    height: 43px;
    transform: scale(.707) rotate(45deg);
    border-top: 3px solid #e8e8e8;
    border-right: 3px solid #e8e8e8;
    content: ""
}

.ag .parts_cmnttl {
    padding: 25px 10px;
    border-top: 1px solid #00358c;
    background-color: #eaf2f4;
    font-size: 24px;
    line-height: 1.5;
    text-align: center
}

.ag .parts_btn {
    display: inline-block;
    position: relative;
    padding: 10px 25px 10px 35px;
    border-radius: 10px;
    color: #fff;
    font-size: 16px
}

    .ag .parts_btn.orange {
        background-color: #e47c00
    }

    .ag .parts_btn:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 15px;
        width: 0;
        height: 0;
        transform: translateY(-50%);
        border-width: 5px 0 5px 8.7px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        content: ""
    }

    .ag .parts_btn:hover {
        background-color: #f6b566;
        color: #fff
    }

.ag .parts_link a {
    display: inline-block;
    max-width: 100%;
    padding: 5px 40px;
    border: 1px solid;
    border-radius: 100px;
    line-height: 1.2
}

    .ag .parts_link a.orange {
        border-color: #e47c00
    }

    .ag .parts_link a .small {
        font-size: 13px;
        line-height: 1.5
    }

    .ag .parts_link a br {
        line-height: 1.5
    }

    .ag .parts_link a .big {
        font-size: 15px;
        line-height: 1.5
    }

.ag .parts_search {
    position: absolute;
    bottom: 53px;
    left: 3%;
    width: 270px;
    margin: auto;
    transform: translateY(100%);
    border: 1px solid #e47c00;
    border-bottom: none;
    border-radius: 10px 10px 0 0/10px 10px 0 0;
    background-color: #fff;
    opacity: 0;
    transition: transform .5s,opacity .5s
}

.ag .parts_search_wrapp {
    z-index: 10;
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto
}

    .ag .parts_search_wrapp.max {
        max-width: 1260px
    }

.ag .parts_search.on {
    transform: translateY(53px)
}

.ag .parts_search.show {
    background-color: #fdeedd;
    opacity: 1
}

.ag .parts_search_head {
    text-align: center;
    cursor: pointer
}

.ag .parts_search_head_ttl {
    padding: 15px 15px 15px 30px;
    background-image: url(../images/special/gid_icon_calender.svg);
    background-position: left 15px center;
    background-repeat: no-repeat;
    background-size: 19px auto;
    color: #e47c00;
    font-size: 14px
}

.ag .parts_search_form {
    padding: 10px 0 20px;
    background-color: #fdeedd;
    text-align: center
}

.ag .parts_search_form_inner {
    width: 240px;
    margin: auto
}

.ag .parts_search_form_date {
    position: relative
}

    .ag .parts_search_form_date:before {
        display: block;
        z-index: 10;
        position: absolute;
        top: 50%;
        right: 10px;
        width: 19px;
        height: 19px;
        transform: translateY(-50%);
        background-image: url(../images/special/gid_icon_calender.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: 19px auto;
        content: ""
    }

    .ag .parts_search_form_date .datepicker_cover {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: transparent
    }

    .ag .parts_search_form_date input {
        width: 100%;
        height: 32px;
        padding: 5px 10px;
        border: none;
        border-radius: 0;
        outline: none;
        background: none;
        background-color: #fff;
        opacity: 1 !important
    }

.ag .parts_search_form_pickup {
    display: flex;
    justify-content: space-between;
    margin-top: 15px
}

.ag .parts_search_form_pickup_block {
    width: 48%;
    padding: 5px 10px;
    border: 1px solid #00358c;
    border-radius: 5px;
    background-color: #fff;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    cursor: pointer
}

.ag .parts_search_form_btn {
    margin-top: 15px;
    text-align: center
}

    .ag .parts_search_form_btn a {
        display: inline-block;
        padding: 5px 30px;
        border-radius: 5px;
        background-color: #e47c00;
        color: #fff;
        font-size: 15px
    }

.ag .parts_nav_ttl {
    position: relative;
    text-align: center
}

    .ag .parts_nav_ttl:before {
        display: block;
        position: absolute;
        top: 50%;
        right: 0;
        left: 0;
        width: 80%;
        max-width: 210px;
        height: 1px;
        margin: auto;
        background-color: #00358c;
        content: ""
    }

    .ag .parts_nav_ttl .text {
        display: inline-block;
        z-index: 2;
        position: relative;
        padding: 10px 20px;
        background-color: #fff;
        color: #00358c;
        font-size: 14px
    }

.ag .parts_reserve {
    padding: 50px 0;
    border-top: 1px solid #00358c;
    background-color: #fdeedd
}

.ag .parts_reserve_inner {
    max-width: 600px;
    margin: auto
}

.ag .parts_reserve_ttl {
    color: #d5680a;
    font-size: 21px;
    text-align: center
}

.ag .parts_reserve_box {
    align-items: center;
    max-width: 350px;
    margin: auto
}

.ag .parts_reserve_plan {
    margin: 20px auto auto
}

.ag .parts_reserve_plan_para {
    margin-top: 20px;
    padding: 0 20px;
    font-size: 13px
}

.ag .parts_reserve_plan_price {
    margin-top: 5px;
    color: #999;
    font-size: 13px;
    text-align: center
}

.ag .parts_reserve_plan a:hover .parts_reserve_plan_image img {
    opacity: .5
}

.ag .parts_reserve_link {
    margin-top: 20px
}

    .ag .parts_reserve_link a {
        display: block;
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: 300px;
        height: 110px;
        margin: auto;
        border-radius: 10px;
        background-color: #d5680a;
        color: #fff;
        text-align: center
    }

        .ag .parts_reserve_link a:hover {
            background-color: #f6b566
        }

.ag .parts_reserve_link_ttl {
    font-size: 36px
}

    .ag .parts_reserve_link_ttl .arrow {
        display: inline-block;
        position: relative;
        padding-left: 30px
    }

        .ag .parts_reserve_link_ttl .arrow:before {
            display: block;
            position: absolute;
            top: 50%;
            left: 0;
            width: 0;
            height: 0;
            transform: translateY(-50%);
            border-width: 10px 0 10px 17.3px;
            border-style: solid;
            border-color: transparent transparent transparent #fff;
            content: ""
        }

    .ag .parts_reserve_link_ttl .small {
        display: block;
        font-size: 14px
    }

.ag .parts_apply {
    padding: 50px 0;
    border-top: 1px solid #00358c;
    background-color: #fdeedd
}

.ag .parts_apply_inner {
    max-width: 350px;
    margin: auto
}

.ag .parts_apply_block a {
    display: block;
    position: relative;
    margin-left: 20px;
    padding: 15px 10px;
    border: 1px solid #e47c00;
    background-color: #fff;
    text-align: center
}

.ag .parts_apply_block_image {
    position: absolute;
    top: -30px;
    left: -20px;
    width: 130px
}

.ag .parts_apply_block_text {
    display: inline-block
}

.ag .parts_apply_block_subttl {
    font-size: 14px;
    text-align: right
}

.ag .parts_apply_block_ttl {
    color: #e47c00;
    font-size: 18px;
    text-align: center
}

.ag .parts_share {
    margin-top: 30px;
    text-align: center
}

.ag .parts_share_ttl {
    font-size: 13px
}

.ag .parts_share_sns {
    display: flex;
    justify-content: center;
    margin-top: 10px
}

    .ag .parts_share_sns a {
        width: 35px;
        margin: 0 10px
    }

        .ag .parts_share_sns a:hover {
            opacity: .5
        }

.ag .parts_share_like {
    margin-top: 10px
}

.ag .parts_share_like_btn {
    display: inline-block;
    width: 80px;
    height: auto;
    overflow: hidden
}

    .ag .parts_share_like_btn > span iframe {
        visibility: visible !important;
        width: 80px !important;
        height: 20px !important
    }

.ag .parts_carousel .slick-slide {
    margin: 0 10px
}

.ag .parts_carousel .slick-list {
    margin: 0 -10px
}

.ag .parts_carousel .slick-dots {
    bottom: -30px
}

    .ag .parts_carousel .slick-dots li button:before {
        color: #002d77;
        font-size: 12px;
        opacity: 1
    }

    .ag .parts_carousel .slick-dots li.slick-active button:before {
        color: #67b7c6
    }

.ag .parts_slider {
    padding: 30px 0;
    counter-reset: number
}

.ag .parts_slider_outer {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}

.ag .parts_slider_inner {
    display: table;
    padding: 0 4%;
    white-space: nowrap
}

.ag .parts_slider_block {
    display: inline-block;
    position: relative;
    width: 200px;
    margin-right: 20px;
    margin-bottom: 15px;
    text-align: center;
    vertical-align: top;
    white-space: normal
}

    .ag .parts_slider_block:last-of-type {
        margin-right: 0
    }

    .ag .parts_slider_block.ranking {
        padding-top: 25px
    }

        .ag .parts_slider_block.ranking:before {
            display: block;
            z-index: 2;
            position: absolute;
            top: 0;
            left: 10px;
            width: 46px;
            height: 37px;
            background-image: url(../images/special/gid_icon_ranking1.svg);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            color: #e40000;
            font-family: gooddog-new,sans-serif;
            font-size: 31px;
            line-height: 1.7;
            content: counter(number);
            counter-increment: number
        }

        .ag .parts_slider_block.ranking:nth-of-type(2):before {
            background-image: url(../images/special/gid_icon_ranking2.svg)
        }

        .ag .parts_slider_block.ranking:nth-of-type(3):before {
            background-image: url(../images/special/gid_icon_ranking3.svg)
        }

    .ag .parts_slider_block a {
        display: block
    }

        .ag .parts_slider_block a:hover {
            color: #000;
            opacity: .5
        }

.ag .parts_slider_block_image {
    position: relative;
    padding-top: 75.28%
}

.ag .parts_slider_block_image_wrapp {
    display: block;
    position: relative
}

.ag .parts_slider_block_image_ttl {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 5px;
    background-color: hsla(0,0%,100%,.7);
    font-size: 16px;
    line-height: 1.2
}

.ag .parts_slider_block_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: "object-fit: cover; object-position: center;"
}

.ag .parts_slider_block_area {
    margin-top: 15px;
    font-size: 14px;
    line-height: 1.4
}

    .ag .parts_slider_block_area a {
        line-height: 1.4
    }

.ag .parts_slider_block_text {
    margin-top: 10px;
    padding: 10px;
    background-color: #e1edef;
    font-size: 12px;
    line-height: 1.6
}

.ag .parts_slider_block_recommend {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    padding: 5px 0;
    color: #00358c;
    font-size: 12px;
    line-height: 1
}

    .ag .parts_slider_block_recommend:before {
        display: inline-block;
        width: 14px;
        height: 22px;
        margin-right: 6px;
        background-image: url(../images/special/gid_icon_recommend.svg);
        background-repeat: no-repeat;
        background-size: cover;
        content: ""
    }

.ag .parts_slider_block_ttl {
    margin-top: 10px;
    font-size: 13px;
    line-height: 1.8;
    text-align: left
}

    .ag .parts_slider_block_ttl.big {
        font-size: 17px;
        text-align: center
    }

        .ag .parts_slider_block_ttl.big span {
            line-height: 1.3
        }

.ag .parts_slider_block_price {
    margin-top: 10px;
    color: #999;
    font-size: 13px
}

.ag .parts_slider_link {
    margin-top: 30px;
    text-align: center
}

.ag .parts_slider_scroll {
    margin-top: 20px;
    text-align: right;
    transition: opacity .5s
}

    .ag .parts_slider_scroll.on {
        opacity: 0
    }

    .ag .parts_slider_scroll img {
        width: auto;
        height: 13px;
        margin-right: 3%
    }

.ag .parts_tag {
    padding: 50px 0 40px;
    text-align: center
}

.ag .parts_tag_block {
    display: inline-block;
    margin: 0 5px 20px;
    padding: 6px 10px 7px;
    border-radius: 5px;
    background-color: #00358c;
    color: #fff;
    font-size: 14px
}

    .ag .parts_tag_block:hover {
        background-color: #00869f;
        color: #fff
    }

.ag .parts_fukidashi1 {
    display: flex;
    justify-content: space-between;
    max-width: 400px;
    margin: auto
}

    .ag .parts_fukidashi1.size1 {
        width: 90%;
        max-width: 350px;
        margin-right: auto;
        margin-left: auto
    }

    .ag .parts_fukidashi1.size2 {
        max-width: 350px
    }

    .ag .parts_fukidashi1.rev {
        flex-direction: row-reverse
    }

        .ag .parts_fukidashi1.rev .parts_fukidashi1_text:before {
            right: 10px;
            left: auto;
            transform: translate(100%,-30%) scaleX(-1)
        }

        .ag .parts_fukidashi1.rev .parts_fukidashi1_text.shita:before {
            transform: translate(100%) scale(-1)
        }

    .ag .parts_fukidashi1.center {
        align-items: center;
        text-align: left
    }

.ag .parts_fukidashi1_left {
    width: 100px
}

    .ag .parts_fukidashi1_left.size2 {
        width: 125px
    }

.ag .parts_fukidashi1_right {
    width: calc(100% - 115px)
}

    .ag .parts_fukidashi1_right.size2 {
        width: calc(100% - 140px)
    }

.ag .parts_fukidashi1_image {
    width: 75px;
    height: 75px;
    margin: auto;
    overflow: hidden;
    border-radius: 50%
}

    .ag .parts_fukidashi1_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"
    }

    .ag .parts_fukidashi1_image.big {
        width: 100px
    }

.ag .parts_fukidashi1_ttl {
    margin-top: 5px;
    font-size: 12px;
    line-height: 1.6;
    text-align: center
}

    .ag .parts_fukidashi1_ttl.purple {
        color: #bf51a6
    }

    .ag .parts_fukidashi1_ttl.blue {
        color: #00358c
    }

.ag .parts_fukidashi1_lead {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.6
}

    .ag .parts_fukidashi1_lead.blue {
        color: #00358c
    }

.ag .parts_fukidashi1_text {
    position: relative;
    margin-right: 5px;
    padding: 15px;
    border-radius: 10px;
    background-color: #e1edef
}

    .ag .parts_fukidashi1_text:before {
        display: block;
        position: absolute;
        top: 30%;
        left: 10px;
        width: 22px;
        height: 28px;
        transform: translate(-100%,-30%);
        background-image: url(../images/special/gid_fukidashi1_line.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 22px auto;
        content: ""
    }

    .ag .parts_fukidashi1_text.shita:before {
        transform: translate(-100%) scaleY(-1)
    }

    .ag .parts_fukidashi1_text.flag:after {
        display: block;
        position: absolute;
        top: -25px;
        right: 0;
        width: 23px;
        height: 35px;
        transform: rotate(15deg);
        background-image: url(../images/special/gid_flag.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 23px auto;
        content: ""
    }

.ag .parts_fukidashi1_point {
    position: absolute;
    top: -10px;
    left: -20px;
    transform: rotate(-10deg);
    color: #00358c
}

.ag .parts_fukidashi1_para, .ag .parts_fukidashi1_point {
    font-size: 13px;
    line-height: 1.6
}

    .ag .parts_fukidashi1_para.center {
        text-align: center
    }

    .ag .parts_fukidashi1_para.big {
        font-size: 18px
    }

.ag .parts_fukidashi1_note {
    margin-top: 5px;
    font-size: 11px;
    line-height: 1.6;
    text-align: center
}

.ag .parts_fukidashi2 {
    display: flex;
    justify-content: space-between
}

    .ag .parts_fukidashi2.center {
        align-items: center
    }

.ag .parts_fukidashi2_left {
    width: 140px
}

.ag .parts_fukidashi2_right {
    width: calc(100% - 165px)
}

.ag .parts_fukidashi2_image {
    height: 140px;
    overflow: hidden;
    border: 1px solid #00358c;
    border-radius: 50%
}

    .ag .parts_fukidashi2_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"
    }

.ag .parts_fukidashi2_ttl {
    margin-top: 5px;
    font-size: 20px;
    line-height: 1.6;
    text-align: center
}

    .ag .parts_fukidashi2_ttl .small {
        font-size: 13px
    }

    .ag .parts_fukidashi2_ttl .med {
        font-size: 14px
    }

    .ag .parts_fukidashi2_ttl .big {
        font-size: 22px;
        line-height: 1.2
    }

    .ag .parts_fukidashi2_ttl.purple {
        color: #bf51a6
    }

    .ag .parts_fukidashi2_ttl.blue {
        color: #00358c
    }

.ag .parts_fukidashi2_text {
    position: relative;
    padding: 15px;
    border-radius: 10px;
    background-color: #e1edef
}

    .ag .parts_fukidashi2_text:before {
        display: block;
        position: absolute;
        top: 0;
        left: 10px;
        width: 55px;
        height: 22px;
        transform: translateX(-100%);
        background-image: url(../images/article/fukidashi2_line.svg);
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: 55px auto;
        content: ""
    }

    .ag .parts_fukidashi2_text p {
        font-size: 13px;
        line-height: 1.6
    }

        .ag .parts_fukidashi2_text p strong {
            font-weight: 700
        }

.ag .parts_fukidashi2_para {
    font-size: 13px;
    line-height: 1.6
}

.ag .parts_talk {
    margin-bottom: 30px
}

.ag .parts_talk_person {
    display: flex;
    align-items: center
}

.ag .parts_talk_person_image {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 50%
}

    .ag .parts_talk_person_image.border {
        border: 1px solid #00358c
    }

    .ag .parts_talk_person_image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"
    }

.ag .parts_talk_person_name {
    margin-right: 30px;
    padding-left: 10px;
    white-space: nowrap
}

    .ag .parts_talk_person_name.purple {
        color: #bf51a6
    }

    .ag .parts_talk_person_name.blue {
        color: #00358c
    }

.ag .parts_talk_para {
    margin-top: 10px;
    font-size: 14px
}

.ag .parts_interview {
    margin-bottom: 30px
}

.ag .parts_interview_person {
    display: flex;
    align-items: center
}

.ag .parts_interview_person_image {
    width: 50px;
    overflow: hidden;
    border-radius: 50%
}

    .ag .parts_interview_person_image.border {
        border: 1px solid #00358c
    }

.ag .parts_interview_person_name {
    margin-right: 30px;
    padding-left: 10px;
    white-space: nowrap
}

    .ag .parts_interview_person_name.purple {
        color: #bf51a6
    }

    .ag .parts_interview_person_name.blue {
        color: #00358c
    }

.ag .parts_interview_para {
    margin-top: 10px;
    font-size: 14px
}

    .ag .parts_interview_para.green {
        color: #00869f
    }

.wf-active body.on .ag_i_top_mv_text_bg {
    transform: scale(1);
    opacity: 1
}

.wf-active body.on .ag_i_top_mv_text_inner {
    opacity: 1
}

.wf-active body.on .ag_i_top_mv_text_para {
    clip: rect(0,270px,auto,0)
}

.ag .ag_i_top_mv {
    position: relative
}

    .ag .ag_i_top_mv:before {
        display: block;
        padding-top: 116%;
        content: ""
    }

.ag .ag_i_top_mv_slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .ag .ag_i_top_mv_slide .slick-list, .ag .ag_i_top_mv_slide .slick-track, .ag .ag_i_top_mv_slide_block, .ag .ag_i_top_mv_slide_block picture {
        height: 100%
    }

        .ag .ag_i_top_mv_slide_block picture img {
            height: 100%;
            object-fit: cover;
            object-position: top;
            font-family: "object-fit: cover; object-position: center;"
        }

.ag .ag_i_top_mv_text {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 90%;
    max-width: 340px;
    margin: auto;
    transform: translateY(40%)
}

.ag .ag_i_top_mv_text_bg {
    transform: scale(.1);
    opacity: 0;
    transition: transform 1.1s cubic-bezier(.68,-.55,.265,1.55),opacity 1s
}

.ag .ag_i_top_mv_text_para {
    clip: rect(0,0,auto,0);
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 0;
    padding: 0 10px;
    background-color: #002d77;
    color: #fff;
    font-size: 14px;
    transition: clip .5s cubic-bezier(.215,.61,.355,1) 1s
}

.ag .ag_i_top_mv_text_inner {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 1s .7s
}

.ag .ag_i_top_mv_text_ttl {
    margin-top: 20px;
    color: #002d77;
    text-align: center
}

    .ag .ag_i_top_mv_text_ttl span {
        display: block
    }

    .ag .ag_i_top_mv_text_ttl .small {
        margin-left: .2em;
        font-size: 21px;
        letter-spacing: .2em;
        line-height: 1.3
    }

    .ag .ag_i_top_mv_text_ttl .big {
        margin-bottom: 5px;
        font-size: 35px;
        line-height: 1.2
    }

    .ag .ag_i_top_mv_text_ttl .en1 {
        margin-top: 10px;
        color: #fff;
        font-size: 35px;
        letter-spacing: .1em;
        line-height: 1
    }

.ag .ag_i_top_image {
    margin-top: 140px
}

.ag .ag_i_top_image_block {
    position: relative;
    margin-top: 100px;
    transition: opacity .5s
}

    .ag .ag_i_top_image_block.fade {
        opacity: 0
    }

        .ag .ag_i_top_image_block.fade.on {
            opacity: 1
        }

.ag .ag_i_top_image_block_text {
    position: absolute;
    right: 0;
    bottom: -25px;
    left: 0;
    width: 90%;
    margin: auto;
    transform: translateY(100px);
    text-align: center;
    transition: transform 1s cubic-bezier(.075,.82,.165,1),opacity .5s
}

    .ag .ag_i_top_image_block_text.fade {
        opacity: 0
    }

        .ag .ag_i_top_image_block_text.fade.on {
            transform: translateY(0);
            opacity: 1
        }

.ag .ag_i_top_image_block_ttl {
    margin-top: 20px;
    font-size: 24px;
    line-height: .8
}

    .ag .ag_i_top_image_block_ttl .blue-line {
        display: inline-block;
        padding: 0 10px;
        background-color: #002d77;
        color: #fff;
        font-family: source-han-sans-japanese,sans-serif;
        font-style: normal;
        font-weight: 700;
        line-height: 1.3
    }

    .ag .ag_i_top_image_block_ttl .bar {
        line-height: 1.3
    }

.ag .ag_i_top_image_block_subttl {
    color: #fff;
    font-size: 60px;
    letter-spacing: .05em;
    line-height: 1
}

.ag .ag_i_top_intro {
    margin-top: 80px
}

.ag .ag_i_top_intro_text p {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
    text-align: center
}

.ag .ag_i_top_intro_ttl {
    max-width: 600px;
    margin: 80px auto auto;
    padding: 15px 0;
    background-color: #00358c;
    color: #fff;
    font-size: 16px;
    line-height: 1.5;
    text-align: center
}

.ag .ag_i_top_intro_para {
    margin-top: 20px;
    font-size: 15px;
    line-height: 2;
    text-align: center
}

.ag .ag_i_top_intro_fukidashi, .ag .ag_i_top_intro_fukidashi_wrapp {
    margin-top: 30px
}

.ag .ag_i_top_intro_nav {
    max-width: 350px;
    margin: 150px auto auto
}

.ag .ag_i_top_intro_nav_inner {
    max-width: 300px;
    margin: auto
}

.ag .ag_i_top_intro_nav_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px
}

    .ag .ag_i_top_intro_nav_list li {
        width: 33.333%;
        margin-bottom: 35px;
        text-align: center
    }

        .ag .ag_i_top_intro_nav_list li a {
            display: block;
            position: relative
        }

            .ag .ag_i_top_intro_nav_list li a:before {
                position: absolute;
                right: 0;
                bottom: -10px;
                left: 0;
                width: 9px;
                height: 9px;
                margin: auto;
                transform: rotate(135deg);
                border: 0;
                border-top: 1px solid #25287d;
                border-right: 1px solid #25287d;
                content: ""
            }

            .ag .ag_i_top_intro_nav_list li a:hover {
                opacity: .5
            }

                .ag .ag_i_top_intro_nav_list li a:hover .ag_i_top_intro_nav_list_ttl {
                    color: #000
                }

.ag .ag_i_top_intro_nav_list_image {
    width: 45%;
    margin: auto
}

.ag .ag_i_top_intro_nav_list_ttl {
    margin-top: 10px;
    font-size: 13px
}

.ag .ag_i_pagelink {
    margin-top: 100px
}

.ag .ag_i_pagelink_head {
    position: relative;
    background-color: #00358c;
    color: #fff;
    text-align: center
}

.ag .ag_i_pagelink_head_inner {
    position: relative;
    max-width: 500px;
    margin: auto;
    padding: 50px 10px 40px
}

.ag .ag_i_pagelink_head_ttl .en1 {
    display: block;
    font-size: 58px;
    line-height: 1
}

.ag .ag_i_pagelink_head_ttl .small {
    display: block;
    font-size: 15px;
    line-height: 1
}

.ag .ag_i_pagelink_head_subttl {
    position: absolute;
    top: -50px;
    left: 5px;
    padding: 25px 15px;
    transform: rotate(-10deg);
    background-image: url(../images/special/gid_article_ttl_bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 12px;
    line-height: 1.3
}

.ag .ag_i_pagelink_block {
    border-bottom: 1px solid #00358c
}

    .ag .ag_i_pagelink_block:last-of-type {
        border-bottom: none
    }

.ag .ag_i_pagelink_block_right {
    padding: 40px 0
}

.ag .ag_i_pagelink_block_ttl {
    font-size: 24px;
    line-height: 1.6;
    text-align: center
}

.ag .ag_i_pagelink_block_fukidashi {
    margin-top: 30px
}

.ag .ag_i_pagelink_block_link {
    margin-top: 30px;
    text-align: center
}

.ag .ag_i_pagelink_block_image {
    position: relative;
    width: 100%;
    height: auto;
    padding-top: 72.972%
}

    .ag .ag_i_pagelink_block_image a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

        .ag .ag_i_pagelink_block_image a img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"
        }

.ag .ag_i_staffrec {
    padding: 30px 0;
    border-top: 1px solid #00358c;
    background-color: #e1edef
}

.ag .ag_i_staffrec_inner {
    max-width: 550px;
    padding: 30px 20px;
    border-radius: 10px;
    background-color: #fff
}

.ag .ag_i_staffrec_inner_inner {
    max-width: 360px;
    margin: auto
}

.ag .ag_i_staffrec_head {
    padding-bottom: 20px;
    background-image: url(../images/special/gid_staffrec_bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center
}

.ag .ag_i_staffrec_head_date {
    color: #00358c;
    font-size: 12px
}

.ag .ag_i_staffrec_head_ttl {
    margin-top: 5px
}

    .ag .ag_i_staffrec_head_ttl .small {
        display: block;
        font-size: 18px
    }

    .ag .ag_i_staffrec_head_ttl .big {
        display: block;
        font-size: 22px;
        line-height: 1.6
    }

.ag .ag_i_staffrec_box {
    margin-top: 20px;
    text-align: center
}

.ag .ag_i_staffrec_block {
    width: auto;
    margin: 0
}

.ag .ag_i_staffrec_block_image {
    padding-top: 66.734%
}

.ag .ag_i_staffrec_fukidashi {
    margin-top: 40px;
    text-align: left
}

.ag .ag_i_staffrec_fukidashi_text {
    margin-right: 0
}

.ag .ag_i_staffrec_fukidashi_para {
    font-size: 14px;
    line-height: 1.8
}

.ag .ag_i_staffrec_link {
    margin: 50px auto 30px;
    text-align: center
}

.ag .ag_i_article {
    margin-bottom: 50px;
    counter-reset: number
}

.ag .ag_i_article_head {
    padding: 40px 0;
    background-color: #00358c;
    text-align: center
}

.ag .ag_i_article_head_ttl {
    width: 90%;
    max-width: 330px;
    margin: auto;
    padding: 20px 0;
    border-top: 7px solid #002d77;
    border-bottom: 7px solid #002d77;
    color: #fff;
    font-size: 28px;
    line-height: 1.8
}

.ag .ag_i_article_block {
    margin-top: 50px;
    text-align: center
}

.ag .ag_i_article_block_image {
    margin-bottom: 30px
}

.ag .ag_i_article_block_ttl {
    padding: 0 30px 20px;
    border-bottom: 1px solid #00358c;
    font-size: 22px;
    line-height: 1.6
}

.ag .ag_i_article_block_link, .ag .ag_i_article_block_ttl {
    margin-bottom: 20px;
    text-align: center
}

.ag .ag_i_article_block_fukidashi {
    margin-bottom: 20px
}

.ag .ag_i_article_block_para {
    margin-bottom: 20px;
    font-size: 15px;
    text-align: left
}

    .ag .ag_i_article_block_para .green-line {
        background: linear-gradient(transparent 80%,#67b7c6 0);
        font-weight: 700
    }

.ag .ag_i_article_block_point {
    display: flex;
    width: 80px;
    height: 70px;
    margin: auto auto 20px;
    background-image: url(../images/special/gid_point_bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    color: #00358c
}

    .ag .ag_i_article_block_point .inner {
        text-align: center
    }

    .ag .ag_i_article_block_point .small {
        display: block;
        font-size: 15px;
        line-height: 1.2
    }

    .ag .ag_i_article_block_point .big {
        display: block;
        font-size: 38px;
        line-height: .8
    }

.ag .ag_i_article_block_merit_ttl {
    position: relative;
    max-width: 380px;
    margin: auto auto 20px;
    padding: 5px 10px;
    border-radius: 100px;
    background-color: #e1edef;
    font-size: 24px;
    text-align: center
}

    .ag .ag_i_article_block_merit_ttl:before {
        display: block;
        position: absolute;
        top: -20px;
        left: -10px;
        width: 37px;
        height: 55px;
        padding-left: 3px;
        background-image: url(../images/special/gid_merit_bg.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: #e40000;
        font-family: gooddog-new,sans-serif;
        font-size: 28px;
        line-height: 1.7;
        content: ""
    }

.ag .ag_i_article_block_merit_para {
    margin-bottom: 20px;
    font-size: 15px;
    text-align: center
}

.ag .ag_i_info_block {
    margin-top: 50px;
    margin-bottom: 50px
}

    .ag .ag_i_info_block:first-of-type {
        margin-top: 0
    }

.ag .ag_i_info_block_ttl {
    position: relative;
    margin-bottom: 20px;
    padding: 20px 15px 20px 25%;
    background-color: #00358c;
    color: #fff;
    font-size: 22px;
    line-height: 1.6
}

    .ag .ag_i_info_block_ttl:before {
        display: block;
        position: absolute;
        top: 50%;
        left: 4%;
        width: 67px;
        height: 67px;
        overflow: hidden;
        transform: translateY(-50%);
        border-radius: 50%;
        background-color: #002d77;
        background-position: 50%;
        background-repeat: no-repeat;
        content: ""
    }

    .ag .ag_i_info_block_ttl.price:before {
        background-image: url(../images/special/gid_icon_price_w.svg);
        background-size: 50% auto
    }

    .ag .ag_i_info_block_ttl.prepare:before {
        background-image: url(../images/special/gid_icon_travel_w.svg);
        background-size: 50% auto
    }

    .ag .ag_i_info_block_ttl.kuchikommi:before {
        background-image: url(../images/special/gid_icon_comment_w.svg);
        background-size: 70% auto
    }

    .ag .ag_i_info_block_ttl.faq:before {
        background-image: url(../images/special/gid_icon_faq_w.svg);
        background-size: 50% auto
    }

.ag .ag_i_info_block_para {
    margin-bottom: 20px;
    font-size: 14px
}

.ag .ag_i_info_block_image {
    margin-bottom: 20px
}

.ag .ag_i_info_block_link {
    margin-bottom: 20px;
    text-align: center
}

.ag .ag_i_info_block_kuchikomi {
    box-sizing: content-box;
    border: 1px solid #00358c
}

.ag .ag_i_info_block_kuchikomi_wrapp {
    margin-bottom: 50px
}

.ag .ag_i_info_block_kuchikomi_inner {
    padding: 10px
}

.ag .ag_i_info_block_kuchikomi_ttl {
    padding-bottom: 5px;
    border-bottom: 1px solid #00358c;
    font-size: 18px
}

.ag .ag_i_info_block_kuchikomi_rating_box {
    display: flex;
    margin-top: 10px
}

.ag .ag_i_info_block_kuchikomi_rating_left {
    white-space: nowrap
}

.ag .ag_i_info_block_kuchikomi_rating_right {
    padding-left: 10px
}

.ag .ag_i_info_block_kuchikomi_rating_star {
    color: #c1c1c1;
    font-size: 16px
}

    .ag .ag_i_info_block_kuchikomi_rating_star .yellow {
        color: #efca2f
    }

    .ag .ag_i_info_block_kuchikomi_rating_star .red_color {
        color: #e40000
    }

.ag .ag_i_info_block_kuchikomi_rating_place {
    font-size: 13px
}

.ag .ag_i_info_block_kuchikomi_rating_para {
    margin-top: 10px;
    font-size: 12px;
    letter-spacing: .07em
}

.ag .ag_i_info_block_kuchikomi_person {
    display: flex;
    align-items: center;
    margin-top: 10px
}

.ag .ag_i_info_block_kuchikomi_person_left {
    width: 80px
}

.ag .ag_i_info_block_kuchikomi_person_right {
    width: calc(100% - 80px)
}

.ag .ag_i_info_block_kuchikomi_person_image {
    width: 45%;
    margin: auto
}

.ag .ag_i_info_block_kuchikomi_person_para {
    font-size: 12px
}

.ag .ag_i_info_block_kuchikomi_comment {
    position: relative;
    margin-top: 10px;
    padding: 20px 15px;
    background-color: #e1edef
}

    .ag .ag_i_info_block_kuchikomi_comment:before {
        display: block;
        position: absolute;
        top: -10px;
        left: 42px;
        width: 0;
        height: 0;
        border-width: 0 9px 15.6px;
        border-style: solid;
        border-color: transparent transparent #e1edef;
        content: ""
    }

.ag .ag_i_info_block_kuchikomi_comment_para {
    margin-bottom: 10px;
    font-size: 14px
}

    .ag .ag_i_info_block_kuchikomi_comment_para:last-of-type {
        margin-bottom: 0
    }

.ag .ag_i_info_block_faq {
    margin-bottom: 20px;
    border: 1px solid #00358c;
    border-top: none
}

.ag .ag_i_info_block_faq_block {
    display: flex
}

.ag .ag_i_info_block_faq_block_wrapp:nth-of-type(odd) {
    border-top: 1px solid #00358c
}

.ag .ag_i_info_block_faq_block_wrapp:nth-of-type(2n) {
    display: none;
    border-top: 1px solid #fff
}

    .ag .ag_i_info_block_faq_block_wrapp:nth-of-type(2n) .ag_i_info_block_faq_block_right:after, .ag .ag_i_info_block_faq_block_wrapp:nth-of-type(2n) .ag_i_info_block_faq_block_right:before {
        display: none
    }

.ag .ag_i_info_block_faq_block_left {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    background-color: #e1edef;
    font-size: 32px
}

    .ag .ag_i_info_block_faq_block_left.blue {
        color: #00358c
    }

    .ag .ag_i_info_block_faq_block_left.red_color {
        color: #e40000
    }

.ag .ag_i_info_block_faq_block_center {
    display: flex;
    align-items: center;
    width: calc(100% - 80px);
    padding: 10px 0 10px 15px
}

.ag .ag_i_info_block_faq_block_right {
    position: relative;
    width: 40px;
    cursor: pointer
}

    .ag .ag_i_info_block_faq_block_right:after, .ag .ag_i_info_block_faq_block_right:before {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-color: #00358c;
        content: ""
    }

    .ag .ag_i_info_block_faq_block_right:before {
        width: 15px;
        height: 2px
    }

    .ag .ag_i_info_block_faq_block_right:after {
        width: 2px;
        height: 15px
    }

    .ag .ag_i_info_block_faq_block_right.on:after {
        display: none
    }

.ag .ag_i_info_block_faq_block_ttl {
    font-size: 15px
}

.ag .ag_i_info_block_faq_block_para {
    width: 100%;
    font-size: 14px
}

.ag .ag_i_info_form {
    margin-top: 50px
}

.ag .ag_i_info_form_ttl {
    font-size: 18px;
    line-height: 1.3;
    text-align: center
}

.ag .ag_i_info_form_link {
    margin-top: 10px;
    text-align: center
}

.ag .ag_i_info_form_fukidashi {
    margin-top: 30px
}

.ag .ag_i_reccomend {
    margin-top: 0
}

.ag .ag_i_area {
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #00358c
}

.ag .ag_i_area_ttl {
    color: #00358c;
    font-size: 24px;
    line-height: 1.5;
    text-align: center
}

.ag .ag_i_area_box_left, .ag .ag_i_area_box_right {
    margin-top: 30px
}

.ag .ag_i_area_block {
    border-bottom: 1px solid #00358c
}

    .ag .ag_i_area_block a {
        display: flex;
        align-items: center;
        padding: 20px 0
    }

        .ag .ag_i_area_block a:hover {
            color: #000;
            opacity: .5
        }

.ag .ag_i_area_block_left {
    position: relative;
    width: 40%;
    padding-top: 24%
}

    .ag .ag_i_area_block_left img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        font-family: "object-fit: cover; object-position: center;"
    }

.ag .ag_i_area_block_right {
    width: 60%
}

.ag .ag_i_area_block_ttl {
    padding-left: 10px;
    font-size: 14px
}

.ag .ag_i_activity {
    margin-top: 50px
}

.ag .ag_i_activity_tag {
    padding-bottom: 0
}

.ag .ag_i_share {
    margin-top: 40px;
    padding: 20px 0;
    border-top: 1px solid #00358c;
    text-align: center
}

.ag .slick-slide > div {
    width: 100%;
    height: 100%
}

.ag .ag_d_top_head {
    display: flex;
    z-index: 2;
    position: relative;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 133px;
    background-image: url(../images/article/title_bg.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    color: #fff
}

.ag .ag_d_top_head_ttl {
    margin-top: 7px;
    font-size: 52px;
    line-height: .8
}

.ag .ag_d_top_head_sub_ttl {
    font-size: 14px
}

.ag .ag_d_top_mv {
    margin-top: -35px
}

.ag .ag_d_top_text.fade {
    opacity: 0;
    transition: opacity .5s
}

    .ag .ag_d_top_text.fade.on {
        opacity: 1
    }

.ag .ag_d_top_text_ttl {
    margin: 50px 0 30px;
    color: #00358c;
    font-size: 27px;
    line-height: 1.6;
    text-align: center
}

.ag .ag_d_top_text_tag {
    text-align: center
}

    .ag .ag_d_top_text_tag li {
        display: inline-block;
        margin: 0 2px
    }

        .ag .ag_d_top_text_tag li a {
            display: block;
            padding: 7px 10px;
            border: 1px solid #00358c;
            border-radius: 5px;
            background-color: #eaf2f4;
            color: #00358c;
            font-size: 15px;
            line-height: 1
        }

.ag .ag_d_top_text_para {
    font-size: 16px
}

.ag .ag_d_top_text_para_wrapp {
    max-width: 460px;
    margin: 50px auto auto;
    padding: 20px;
    background-image: url(../images/article/detail_top_text_bg.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    line-height: 2
}

    .ag .ag_d_top_text_para_wrapp p {
        font-size: 16px
    }

.ag .ag_d_top_image {
    margin-top: 50px
}

.ag .ag_d_top_image_pic {
    margin-top: 40px
}

    .ag .ag_d_top_image_pic.fade {
        transition: opacity .5s
    }

        .ag .ag_d_top_image_pic.fade.fade {
            opacity: 0
        }

            .ag .ag_d_top_image_pic.fade.fade.on {
                opacity: 1
            }

.ag .ag_d_top_nav {
    margin-top: 50px
}

.ag .ag_d_top_nav_inner {
    max-width: 320px
}

.ag .ag_d_top_nav_list {
    margin-top: 20px
}

    .ag .ag_d_top_nav_list li a {
        display: block;
        padding: 3px 0;
        color: #000;
        font-size: 14px;
        text-decoration: underline
    }

        .ag .ag_d_top_nav_list li a:hover {
            opacity: .5
        }

        .ag .ag_d_top_nav_list li a:before {
            display: inline-block;
            margin-right: 5px;
            font-size: 18px;
            vertical-align: -2px;
            content: "・"
        }

.ag .ag_d_reporter {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #00358c
}

.ag .ag_d_reporter_inner {
    max-width: 600px
}

.ag .ag_d_reporter_ttl {
    margin-top: 5px;
    background-color: #00358c;
    text-align: center
}

    .ag .ag_d_reporter_ttl .text {
        display: inline-block;
        padding: 15px 0 15px 30px;
        background-image: url(../images/special/gid_icon_activity_w.svg);
        background-position: 0;
        background-repeat: no-repeat;
        background-size: 27px auto;
        color: #fff;
        font-size: 24px
    }

        .ag .ag_d_reporter_ttl .text.schedule {
            background-image: url(../images/special/gid_icon_schedule_w.svg);
            background-position: 0;
            background-size: 25px auto
        }

.ag .ag_d_reporter_block {
    margin-top: 30px
}

.ag .ag_d_reporter_schedule {
    margin-top: 50px
}

.ag .ag_d_reporter_schedule_ttl {
    background-color: #00358c;
    text-align: center
}

    .ag .ag_d_reporter_schedule_ttl .text {
        display: inline-block;
        padding: 10px 0 10px 30px;
        background-repeat: no-repeat;
        color: #fff;
        font-size: 20px
    }

.ag .ag_d_reporter_schedule_list {
    margin-top: 30px;
    padding: 15px;
    overflow: hidden;
    border: 1px solid #00358c;
    border-radius: 10px
}

.ag .ag_d_reporter_schedule_list_ttl {
    margin-bottom: 10px;
    color: #00358c;
    font-size: 14px
}

    .ag .ag_d_reporter_schedule_list_ttl:not(:first-of-type) {
        margin-top: 10px
    }

.ag .ag_d_reporter_schedule_list_table {
    width: 100%
}

    .ag .ag_d_reporter_schedule_list_table dl {
        display: flex;
        padding: 5px 0;
        border-top: 1px solid #00358c
    }

    .ag .ag_d_reporter_schedule_list_table dd {
        font-size: 14px
    }

    .ag .ag_d_reporter_schedule_list_table dt.time {
        padding-right: 10px;
        color: #00358c;
        white-space: nowrap
    }

.ag .ag_d_reporter_link {
    margin: 20px 0;
    text-align: center
}

.ag .ag_d_article {
    font-size: 14px
}

.ag .ag_d_article_inner {
    max-width: 600px
}

.ag .ag_d_article a {
    text-decoration: underline
}

.ag .ag_d_article_outer, .ag .ag_d_article_wrapp {
    margin-top: 40px
}

.ag .ag_d_article_ttl {
    margin-bottom: 35px;
    padding: 30px 20px;
    background-color: #eaf2f4;
    font-size: 22px;
    line-height: 1.6
}

.ag .ag_d_article_image, .ag .ag_d_article_talk {
    margin-bottom: 35px
}

.ag .ag_d_article_talk_para .green-line {
    background: linear-gradient(transparent 80%,#67b7c6 0);
    font-weight: 700
}

.ag .ag_d_article_para {
    margin-bottom: 35px
}

    .ag .ag_d_article_para.green {
        padding-left: 10px;
        border-left: 3px solid #00869f;
        color: #00869f
    }

.ag .ag_d_article_note {
    margin-bottom: 35px;
    padding: 10px 20px;
    border: 1px solid #00358c;
    border-radius: 5px
}

.ag .ag_d_article_note_para {
    font-size: 13px
}

.ag .ag_d_article_fukidashi {
    margin-bottom: 35px
}

.ag .ag_d_point {
    margin-top: 50px
}

.ag .ag_d_point_inner {
    max-width: 600px
}

.ag .ag_d_point_head {
    background-color: #002d77;
    color: #fff;
    text-align: center
}

.ag .ag_d_point_head_inner {
    position: relative;
    max-width: 400px;
    margin: auto;
    padding: 30px 40px
}

    .ag .ag_d_point_head_inner:after, .ag .ag_d_point_head_inner:before {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: ""
    }

    .ag .ag_d_point_head_inner:before {
        left: 5px;
        width: 33px;
        height: 80px;
        background-image: url(../images/article/point_bg1.svg)
    }

    .ag .ag_d_point_head_inner:after {
        right: 5px;
        width: 37px;
        height: 75px;
        background-image: url(../images/article/point_bg2.svg)
    }

.ag .ag_d_point_head_para {
    font-size: 20px
}

.ag .ag_d_point_head_ttl {
    margin-top: 10px;
    font-size: 23px;
    letter-spacing: .1em;
    line-height: 1
}

    .ag .ag_d_point_head_ttl .en1 {
        font-size: 54px;
        line-height: 1
    }

.ag .ag_d_point_inner {
    font-size: 14px
}

.ag .ag_d_point_lead {
    margin-top: 30px;
    counter-reset: number
}

.ag .ag_d_point_lead_para {
    margin-top: 30px
}

    .ag .ag_d_point_lead_para a {
        text-decoration: underline
    }

.ag .ag_d_point_lead_image {
    margin-top: 30px
}

.ag .ag_d_point_block {
    margin-top: 50px
}

.ag .ag_d_point_block_ttl {
    position: relative;
    padding: 20px 10px;
    background-color: #e1edef;
    font-size: 22px;
    text-align: center
}

    .ag .ag_d_point_block_ttl .text {
        display: block;
        padding: 0;
        line-height: 1.6
    }

    .ag .ag_d_point_block_ttl .num {
        display: block;
        display: flex;
        position: absolute;
        left: 10px;
        align-items: center;
        justify-content: center;
        width: 45px;
        height: 41px;
        padding-top: 3px;
        transform: translateY(-100%);
        background-image: url(../images/article/point_block_bg.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: #fff;
        font-size: 33px;
        line-height: 1
    }

.ag .ag_d_point_block_image, .ag .ag_d_point_block_para {
    margin-top: 30px
}

    .ag .ag_d_point_block_para .green-line {
        background: linear-gradient(transparent 80%,#67b7c6 0);
        font-weight: 700
    }

    .ag .ag_d_point_block_para a {
        text-decoration: underline
    }

.ag .ag_d_check {
    margin-top: 80px;
    border-top: 1px solid #00358c
}

.ag .ag_d_check_inner {
    max-width: 600px
}

.ag .ag_d_check_head {
    text-align: center
}

.ag .ag_d_check_head_ttl {
    margin-top: 20px;
    font-size: 28px;
    line-height: 1
}

    .ag .ag_d_check_head_ttl .text {
        display: inline-block;
        padding: 50px 10px;
        background-image: url(../images/article/check_bg.svg);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        color: #00358c
    }

.ag .ag_d_check_head_para {
    margin-top: 20px;
    font-size: 14px
}

.ag .ag_d_check_head_list {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    font-size: 11px
}

.ag .ag_d_check_head_list_para {
    padding: 0 10px
}

.ag .ag_d_check_block {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #67b7c6
}

.ag .ag_d_check_block_ttl {
    margin-bottom: 20px;
    font-size: 22px
}

    .ag .ag_d_check_block_ttl .text {
        color: #00358c
    }

    .ag .ag_d_check_block_ttl .image img {
        width: auto
    }

.ag .ag_d_check_block_image, .ag .ag_d_check_block_talk {
    margin-bottom: 30px
}

.ag .ag_d_check_block_talk_person_image {
    width: 45px
}

.ag .ag_d_check_block_talk_person_name {
    font-size: 13px
}

.ag .ag_d_imp_inner {
    max-width: 600px
}

.ag .ag_d_imp_head {
    margin-top: 50px;
    padding: 30px 0 50px;
    background-color: #e1edef;
    text-align: center
}

.ag .ag_d_imp_head_ttl {
    display: inline-block;
    border-bottom: 2px solid #00358c;
    color: #00358c;
    font-size: 24px
}

    .ag .ag_d_imp_head_ttl .en1 {
        display: inline-block;
        transform: rotate(25deg) translate(7px,10px);
        font-size: 66px;
        line-height: 1
    }

.ag .ag_d_imp_block {
    margin-top: 30px
}

.ag .ag_d_imp_block_image {
    margin-bottom: 30px
}

.ag .ag_d_imp_block_bottom {
    text-align: center
}

.ag .ag_d_imp_block_bottom_para {
    display: inline-block;
    padding: 10px 50px;
    background-image: url(../images/article/lets_local_bg.svg);
    background-repeat: no-repeat;
    background-size: contain;
    color: #00358c;
    font-size: 50px
}

.ag .ag_d_info {
    padding: 50px 0;
    border-top: 1px solid #00358c;
    background-color: #eaf2f4;
    font-size: 14px
}

.ag .ag_d_info_inner {
    max-width: 600px
}

.ag .ag_d_info_ttl {
    padding: 0 10px 25px;
    color: #00358c;
    font-size: 24px;
    line-height: 1.5;
    text-align: center
}

.ag .ag_d_info_block_text div, .ag .ag_d_info_block_text h2, .ag .ag_d_info_block_text h3, .ag .ag_d_info_block_text p, .ag .ag_d_info_block_text ul {
    margin-bottom: 20px
}

.ag .ag_d_info_block_text {
    margin-bottom: 0
}

.ag .ag_d_info_block_ttl {
    margin-bottom: 20px;
    padding: 10px 20px;
    border-left: 11px solid #002d77;
    background-color: #00358c;
    color: #fff;
    font-size: 20px
}

.ag .ag_d_info_block_subttl {
    font-size: 20px
}

.ag .ag_d_info_block_map {
    position: relative;
    margin-bottom: 30px
}

    .ag .ag_d_info_block_map:before {
        display: block;
        padding-top: 100%;
        content: ""
    }

    .ag .ag_d_info_block_map iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.ag .ag_d_info_block_list li:before {
    margin-right: 5px;
    content: "・"
}

.ag .ag_d_info_block_para strong {
    font-weight: 700
}

.ag .ag_d_info_block_para ul li {
    position: relative
}

    .ag .ag_d_info_block_para ul li:before {
        margin-right: 5px;
        content: "・"
    }

.ag .ag_d_reserve {
    margin-top: 50px
}

.ag .ag_d_other_block {
    border-bottom: 1px solid #00358c
}

    .ag .ag_d_other_block:last-of-type {
        border: none
    }

    .ag .ag_d_other_block a {
        display: flex;
        align-items: center;
        padding: 20px 0
    }

.ag .ag_d_other_block_left {
    width: 30%
}

.ag .ag_d_other_block_right {
    width: 70%
}

.ag .ag_d_other_block_ttl {
    padding-left: 10px;
    font-size: 15px
}

.ag .ag_d_activity_tag {
    padding-bottom: 0
}

@media screen and (max-width:767px) {
    body {
        font-family: 游ゴシック,YuGothic,メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,sans-serif
    }

    @keyframes bound2 {
        0% {
            transform: translateY(0)
        }

        5% {
            transform: translateY(0)
        }

        10% {
            transform: translateY(-10px)
        }

        20% {
            transform: translateY(0)
        }

        25% {
            transform: translateY(-5px)
        }

        30% {
            transform: translateY(0)
        }

        35% {
            transform: translateY(2px)
        }

        40% {
            transform: translateY(0)
        }

        50% {
            transform: translateY(0)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes animeheader {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    .tb_headerTools__list__item.ad-login {
        position: relative
    }

        .tb_headerTools__list__item.ad-login:after {
            display: inline-block;
            position: absolute;
            top: -6px;
            right: 1px;
            width: 17px;
            height: 17px;
            background-image: url(//www.tabirai.net/common/images/icon/ico-bell.svg);
            background-repeat: no-repeat;
            background-size: cover;
            animation: bound2 2s;
            animation-delay: 1.5s;
            content: ""
        }

    .tb_headerDrawer__list__item .ad-poper {
        position: relative;
        width: calc(100% - 20px);
        margin: 0 auto;
        padding: 8px 0 13px;
        border-top: 1px solid #ccc !important;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper__txt {
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper__new {
        display: inline-block;
        margin: 10px 0 0;
        padding: 3px 5px;
        border: 1px solid #003894;
        border-radius: 2px;
        color: #003894;
        font-size: 10px;
        font-weight: 700;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper__tit {
        margin: 8px 0 0;
        padding: 0;
        color: #003894;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper__tit--textlink {
        display: block;
        margin-top: 5px;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper dl {
        margin: 15px 0 0;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper dt {
        display: inline-block;
        padding: 5px 5px 4px;
        background-color: #efefef;
        font-size: 10px;
        font-weight: 700;
        text-align: left
    }

    .tb_headerDrawer__list__item .ad-poper dd {
        position: relative;
        margin: 10px 0 0;
        padding: 0 0 0 13px;
        font-size: 12px;
        font-weight: 500;
        line-height: 1.5;
        text-align: left
    }

        .tb_headerDrawer__list__item .ad-poper dd:before {
            box-sizing: initial;
            display: inline-block;
            position: absolute;
            top: 4px;
            left: 0;
            width: 7px;
            height: 3px;
            margin: 0 5px 0 0;
            transform: rotate(-45deg);
            border-bottom: 3px solid #003894;
            border-left: 3px solid #003894;
            border-radius: 2px;
            content: ""
        }

    .tb_headerDrawer__list__item a.campaignLink {
        width: 100%;
        height: 100%;
        margin: 8px 0 0;
        padding: 0 !important;
        border: none !important;
        color: #003894 !important;
        font-size: 12px;
        font-weight: 700;
        line-height: 1.5;
        text-align: left
    }

        .tb_headerDrawer__list__item a.campaignLink:after {
            display: none !important
        }

    .tb_headerTools__list, .tb_headerTools__list__item {
        animation: animeheader 1s forwards;
        animation-delay: .5s;
        opacity: 0
    }

        .tb_headerTools__list__item:first-child {
            animation-delay: .6s
        }

        .tb_headerTools__list__item:nth-child(2) {
            animation-delay: .7s
        }

        .tb_headerTools__list__item:nth-child(3) {
            animation-delay: .8s
        }

        .tb_headerTools__list__item .add-pop, .tb_headerTools__list__item .poper {
            display: none
        }

    .tb_headerWrap {
        font-family: sans-serif;
        font-weight: 500
    }

    .tb_headerWrap, .tb_headerWrap__inner {
        box-sizing: border-box;
        position: relative;
        width: 100%
    }

    .tb_headerWrap__inner {
        display: flex;
        flex-flow: row-reverse;
        align-items: center;
        justify-content: space-between;
        height: 50px;
        padding: 0 10px;
        border-bottom: 1px solid #d9d9d9
    }

    .tb_headerTools {
        box-sizing: border-box;
        width: 139px;
        height: 37px;
        margin: 0
    }

    .tb_headerTools__list {
        box-sizing: border-box;
        flex-flow: row-reverse;
        justify-content: space-between;
        width: 100%;
        height: 100%;
        border: 1px solid #003894;
        font-size: 12px
    }

    .tb_headerTools__list__item {
        display: flex;
        flex-basis: 33.33333%;
        align-items: center;
        justify-content: center;
        height: 100%;
        border-right: 1px solid #003894;
        text-align: center
    }

        .tb_headerTools__list__item:first-child {
            display: flex;
            align-items: center;
            justify-content: center;
            border: none;
            background-color: #003894;
            color: #fff;
            font-size: 0
        }

            .tb_headerTools__list__item:first-child a {
                display: inline-block;
                position: relative;
                width: 100%;
                height: 100%
            }

                .tb_headerTools__list__item:first-child a:after {
                    display: inline-block;
                    position: absolute;
                    top: 0;
                    right: 0;
                    bottom: 0;
                    left: 0;
                    width: 16px;
                    height: 15px;
                    margin: auto;
                    background-image: url(https://www.tabirai.net/s/common/img/icon/ico_menu_01.png);
                    background-repeat: no-repeat;
                    background-size: 100%;
                    content: ""
                }

        .tb_headerTools__list__item:last-child, .tb_headerTools__list__item:nth-child(2), .tb_headerTools__list__item:nth-child(4) {
            display: none
        }

        .tb_headerTools__list__item:not(:last-child) {
            margin: 0
        }

        .tb_headerTools__list__item a {
            font-size: 10px;
            line-height: 1.2
        }

            .tb_headerTools__list__item a:hover {
                text-decoration: none
            }

    .tb_header {
        width: 183px;
        height: auto;
        margin: 0;
        border: none
    }

    .tb_header__logo {
        width: 100%;
        height: auto;
        margin: 0
    }

    .tb_header__logo__image {
        width: 60px;
        height: 26.59px;
        margin: 0 15px 0 0
    }

        .tb_header__logo__image img {
            display: block;
            width: 100%;
            height: 100%
        }

        .tb_header__logo__image.\--isFixed {
            top: 0;
            left: 0;
            width: 80px;
            height: 45px;
            margin: 0
        }

            .tb_header__logo__image.\--isFixed img {
                width: 60px;
                height: 26.59px
            }

            .tb_header__logo__image.\--isFixed.active {
                transform: translateY(0)
            }

    .tb_header__logo__text {
        flex-basis: calc(100% - 75px);
        height: 100%;
        margin: 0;
        padding: 0;
        color: #747474;
        font-size: 8px;
        line-height: 1.4
    }

    .tb_header__nav {
        display: none
    }

    .tb_headerLocalNav {
        height: 35px
    }

    .tb_headerLocalNav__inner {
        width: 100%
    }

    .tb_headerLocalNavList {
        display: none;
        position: absolute;
        top: 35px;
        left: 0;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        padding: 0 10px;
        background-color: #fff
    }

    .tb_headerLocalNavList__item {
        width: 100%;
        font-size: 14px;
        font-weight: 300;
        line-height: 1
    }

        .tb_headerLocalNavList__item:not(:first-child) {
            position: relative;
            border-top: 1px solid #d9d9d9
        }

        .tb_headerLocalNavList__item > a, .tb_headerLocalNavList__item > span {
            display: block;
            position: relative;
            height: 42px;
            padding: 0 13px 0 20px;
            font-size: inherit;
            line-height: 42px;
            text-align: left
        }

            .tb_headerLocalNavList__item > a:before, .tb_headerLocalNavList__item > span:before {
                display: inline-block;
                position: absolute;
                top: 10px;
                left: 10px;
                width: 2px;
                height: 18px;
                background-color: currentColor;
                content: ""
            }

            .tb_headerLocalNavList__item > a:not(:only-child):after, .tb_headerLocalNavList__item > span:after {
                display: inline-block;
                position: absolute;
                top: -2px;
                right: 0;
                bottom: 0;
                width: 24px;
                height: 24px;
                margin: auto;
                background-image: url(https://www.tabirai.net/s/common/img/icon/ico_plus_01.png);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: cover;
                content: ""
            }

            .tb_headerLocalNavList__item > a.active:after, .tb_headerLocalNavList__item > span.active:after {
                background-image: url(https://www.tabirai.net/s/common/img/icon/ico_minus_01.png)
            }

    .tb_headerLocalNavList.\--isSecond {
        position: relative;
        top: 0;
        width: 100%;
        padding: 0;
        border-top: 2px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9
    }

        .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item a {
            display: flex;
            align-items: center;
            height: 42px
        }

            .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item a:after, .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item a:before {
                content: none
            }

    .tb_headerNav__text {
        font-size: 14px;
        font-weight: 700;
        line-height: 1
    }

        .tb_headerNav__text a {
            left: 0;
            padding: 0 10px;
            text-decoration: underline
        }

    .tb_headerNav__button {
        display: flex;
        position: relative;
        align-items: center;
        width: 71px;
        height: 35px;
        border-left: 1px solid #ddd;
        background-image: url(https://www.tabirai.net/s/common/img/icon/ico_plus_01.png);
        background-position: center right 10px;
        background-repeat: no-repeat;
        background-size: 24px;
        color: #003894;
        font-size: 14px;
        font-weight: 700
    }

        .tb_headerNav__button:after {
            position: absolute;
            top: 13px;
            right: 38px;
            color: #003894;
            font-size: 9px;
            font-weight: 400;
            content: attr(data-text-open)
        }

        .tb_headerNav__button.active {
            background-image: url(https://www.tabirai.net/s/common/img/icon/ico_minus_01.png)
        }

            .tb_headerNav__button.active:after {
                content: attr(data-text-close)
            }

    .tb_footer {
        min-width: inherit;
        margin-top: 30px;
        border-top: 2px solid #003894;
        background-color: #fff;
        font-family: sans-serif;
        line-height: 1
    }

    .tb_footer__inner {
        display: flex;
        flex-direction: column
    }

    .tb_footerSnsLinks {
        flex-direction: column;
        margin: 0;
        padding: 0
    }

    .tb_footerSnsLinks__box {
        justify-content: space-around;
        order: 1;
        margin-bottom: 15px
    }

    .tb_footerSnsLinks__title {
        margin-right: 0;
        margin-bottom: 7px;
        color: #747474;
        font-size: 11px;
        text-align: center
    }

    .tb_footerSnsLinks__content a:not(:last-child) {
        margin-right: 15px
    }

    .tb_footerSiteLinks {
        flex-direction: column;
        order: 0;
        width: 100%;
        margin-bottom: 15px
    }

    .tb_footerSiteLinks__title {
        display: flex;
        align-items: center;
        width: 100%;
        height: 42px;
        margin-bottom: 2px;
        padding: 0 10px;
        background-color: #f9f9f9;
        color: #003894;
        font-weight: 400;
        cursor: pointer
    }

        .tb_footerSiteLinks__title.isActive:before {
            background-image: url(https://www.tabirai.net/s/common/img/icon/ico_minus_02.png)
        }

        .tb_footerSiteLinks__title:before {
            display: inline-block;
            top: 50%;
            right: 10px;
            left: inherit;
            width: 24px;
            height: 24px;
            margin-top: -12px;
            border-radius: 50%;
            background-color: #003894;
            background-image: url(https://www.tabirai.net/s/common/img/icon/ico_plus_02.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 10px auto
        }

        .tb_footerSiteLinks__title .small {
            font-size: 100%
        }

    .tb_footerSiteLinks__content {
        display: none;
        width: 100%;
        margin: 0
    }

        .tb_footerSiteLinks__content.tabiarea .tb_footerListContent__item:not(:first-child) a {
            padding: 16px 0 16px 24px
        }

    .tb_footerList {
        width: calc(100% - 20px);
        height: auto;
        margin: 0 auto
    }

    .tb_footerList__item {
        box-sizing: border-box;
        width: 100%;
        border-bottom: 1px solid #d9d9d9
    }

        .tb_footerList__item a {
            box-sizing: border-box;
            display: block;
            position: relative;
            padding: 14px 0 14px 12px;
            line-height: 1
        }

            .tb_footerList__item a:before {
                display: inline-block;
                position: absolute;
                top: 50%;
                left: 5px;
                width: 2px;
                height: 14px;
                margin-top: -7px;
                background-color: #003894;
                content: ""
            }

        .tb_footerList__item.isAccordion > a:after {
            display: inline-block;
            position: absolute;
            top: 50%;
            right: 0;
            width: 24px;
            height: 24px;
            margin-top: -12px;
            border: none;
            border-radius: 50%;
            background-color: #ccc;
            background-image: url(https://www.tabirai.net/s/common/img/icon/ico_plus_02.png);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: 10px auto;
            content: ""
        }

        .tb_footerList__item.isActive > a:after {
            background-image: url(https://www.tabirai.net/s/common/img/icon/ico_minus_02.png)
        }

        .tb_footerList__item.isActive > a:before {
            bottom: inherit;
            left: 5px;
            width: 2px;
            height: 14px;
            margin-top: -7px
        }

        .tb_footerList__item:not(:last-child) {
            margin-right: 0
        }

    .tb_footerRelatedNav {
        padding: 0;
        background-color: #f9f9f9
    }

        .tb_footerRelatedNav .tb_footerList {
            box-sizing: border-box;
            justify-content: flex-start;
            width: 100%
        }

        .tb_footerRelatedNav .tb_footerList__item {
            width: 50%;
            border-bottom: 1px solid #fff;
            font-size: 12px
        }

            .tb_footerRelatedNav .tb_footerList__item:nth-child(odd) {
                border-right: 1px solid #fff
            }

            .tb_footerRelatedNav .tb_footerList__item a:before {
                content: none
            }

    .tb_footerRelatedNav__inner {
        width: 100%
    }

    .tb_footer__logo {
        padding: 30px 0 10px
    }

    .tb_footerListContent {
        visibility: initial;
        position: relative;
        right: 0;
        bottom: auto;
        padding: 0;
        border: none;
        background-color: #f5f5f5
    }

    .tb_footerListContent__item {
        margin: 0
    }

        .tb_footerListContent__item:first-child a, .tb_footerListContent__item a {
            padding: 16px 0 16px 12px
        }

            .tb_footerListContent__item a:before {
                content: none
            }

        .tb_footerListContent__item > ul {
            display: block
        }

            .tb_footerListContent__item > ul > li {
                margin: 0
            }

                .tb_footerListContent__item > ul > li > a {
                    padding: 16px 0 16px 24px
                }

                .tb_footerListContent__item > ul > li > span {
                    display: block;
                    padding: 16px 0 16px 12px
                }

                .tb_footerListContent__item > ul > li:first-child {
                    width: 100%;
                    padding: 0;
                    border: none
                }

                    .tb_footerListContent__item > ul > li:first-child a {
                        padding: 16px 0 16px 12px
                    }

    .tb_footerGotoTopButton {
        z-index: 10;
        right: 10px;
        bottom: 60px !important;
        transform: translateX(0)
    }

    .tb_footer .tb_footerGotoTopButton a {
        top: auto;
        right: 0;
        width: 50px;
        height: 50px;
        padding: 0;
        font-size: 0
    }

        .tb_footer .tb_footerGotoTopButton a:after {
            top: 50%;
            left: 50%;
            width: 15px;
            height: 15px;
            margin-top: -5px;
            margin-left: -7px;
            border-top: 4px solid #fff;
            border-left: 4px solid #fff
        }

    .js-hiraku-offcanvas-active {
        display: none;
        z-index: 100001;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,.3)
    }

    .js-hiraku-offcanvas-open {
        display: block
    }

    .js-hiraku-offcanvas-body {
        z-index: 0;
        left: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        transition: left .3s ease-in-out
    }

    .js-hiraku-offcanvas-body-right {
        position: fixed;
        left: -70%;
        overflow-y: hidden
    }

    .js-hiraku-offcanvas-body-left {
        position: fixed;
        left: 70%;
        overflow-y: hidden
    }

    .js-hiraku-offcanvas-body-moving {
        position: fixed;
        left: 0
    }

    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar {
        -webkit-overflow-scrolling: touch;
        box-sizing: border-box;
        display: block;
        z-index: 10002;
        position: fixed;
        top: 0;
        bottom: 0;
        width: 250px;
        max-width: 100%;
        overflow: auto;
        background-color: #fff;
        text-align: left
    }

    .js-hiraku-offcanvas:focus {
        background-color: rgba(0,0,0,.3)
    }

    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right {
        right: 0;
        left: auto;
        margin-right: -70%;
        transition: margin-right .3s ease-in-out
    }

    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left {
        right: auto;
        left: 0;
        margin-left: -70%;
        transition: margin-left .3s ease-in-out
    }

    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-right.active {
        margin-right: 0;
        transition: margin-right .3s ease-in-out
    }

    .js-hiraku-offcanvas-active .js-hiraku-offcanvas-sidebar-left.active {
        margin-left: 0;
        transition: margin-left .3s ease-in-out
    }

    .js-hiraku-header-fixed {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        transition: margin-left .3s ease-in-out
    }

    .js-hiraku-offcanvas-body-left, .js-hiraku-offcanvas-body-right {
        overflow: hidden
    }

    .js-hiraku-offcanvas-close-btn {
        clip: rect(0 0 0 0);
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        padding: 0;
        overflow: hidden;
        border: 0
    }

    .hiraku-open-btn {
        padding: 6px;
        border: 1px solid #ccc;
        border-radius: 3px;
        background: transparent;
        cursor: pointer
    }

    .hiraku-open-btn-line {
        display: block;
        position: relative;
        width: 18px;
        height: 2px;
        margin: 6px 0;
        border-radius: 1px;
        background-color: #fff;
        transition: all .1s
    }

        .hiraku-open-btn-line:after, .hiraku-open-btn-line:before {
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            border-radius: 1px;
            background-color: #fff;
            content: "";
            transition: all .3s
        }

        .hiraku-open-btn-line:before {
            top: -6px
        }

        .hiraku-open-btn-line:after {
            bottom: -6px
        }

    [aria-expanded=true] .hiraku-open-btn-line {
        background-color: transparent
    }

        [aria-expanded=true] .hiraku-open-btn-line:after, [aria-expanded=true] .hiraku-open-btn-line:before {
            width: 22px
        }

        [aria-expanded=true] .hiraku-open-btn-line:before {
            transform: translate(-2px,6px) rotate(45deg)
        }

        [aria-expanded=true] .hiraku-open-btn-line:after {
            transform: translate(-2px,-6px) rotate(-45deg)
        }

    .js-hiraku-offcanvas-body-right .js-hiraku-header-fixed {
        margin-left: -70%
    }

    .js-hiraku-offcanvas-body-left .js-hiraku-header-fixed {
        margin-left: 70%
    }

    .js-hiraku-offcanvas-body-left, .js-hiraku-offcanvas-body-right {
        left: 0
    }

    .tb_headerDrawer {
        display: none
    }

    .tb_headerDrawer__top {
        position: relative
    }

    .tb_headerDrawer__top__message {
        position: absolute;
        bottom: 9px;
        left: 10px;
        color: #003894;
        font-size: 12px
    }

    .tb_headerDrawer__top__button {
        width: 36px;
        margin: 10px 1px 1px auto
    }

        .tb_headerDrawer__top__button a {
            display: block;
            outline: none;
            font-size: 0
        }

            .tb_headerDrawer__top__button a:after {
                display: inline-block;
                width: 36px;
                height: 36px;
                background-image: url(https://www.tabirai.net/s/common/img/icon/ico_cross_01.png);
                background-position: 50%;
                background-repeat: no-repeat;
                background-size: 16px;
                content: ""
            }

    .tb_headerDrawer__list {
        margin: 0;
        padding: 0
    }

    #members_menu div {
        border: none
    }

        #members_menu div:last-child a {
            border-top: 1px solid #ccc
        }

    .tb_headerDrawer__list__item.gourmet {
        display: none
    }

        .tb_headerDrawer__list__item.gourmet.add-on {
            display: block
        }

    .tb_headerDrawer__list__item.ac.is-remove, .tb_headerDrawer__list__item.bus.is-remove, .tb_headerDrawer__list__item.hotel.is-remove, .tb_headerDrawer__list__item.rc.is-remove, .tb_headerDrawer__list__item.ss.is-remove, .tb_headerDrawer__list__item.tour.is-remove {
        display: none
    }

    .tb_headerDrawer__list__item a {
        display: block;
        width: calc(100% - 20px);
        height: 42px;
        margin: 0 auto;
        line-height: 42px;
        text-align: left
    }

        .tb_headerDrawer__list__item a:link, .tb_headerDrawer__list__item a:visited {
            color: #003894;
            font-size: 11px;
            text-decoration: none
        }

    .\--isArrow div:last-child {
        border-top: 2px solid #003894
    }

    .tb_headerDrawer__list.\--isArrow a {
        position: relative;
        border-top: 1px solid #ccc
    }

    .tb_headerDrawer__list div:last-child a {
        border-top: none
    }

    .tb_headerDrawer__list.\--isArrow a:link, .tb_headerDrawer__list.\--isArrow a:visited {
        color: #333
    }

    .tb_headerDrawer__list.\--isArrow a:after {
        display: inline-block;
        position: absolute;
        top: 16px;
        right: 5px;
        width: 8px;
        height: 8px;
        transform: rotate(45deg);
        border-top: 2px solid #575757;
        border-right: 2px solid #575757;
        content: ""
    }

    .tb_headerDrawer__search {
        padding: 10px;
        background-color: #d7e7ff
    }

    .tb_headerDrawer__search__select {
        margin-bottom: 10px
    }

        .tb_headerDrawer__search__select select {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            width: 100%;
            padding: 7.5px 10px;
            border: none;
            border-radius: 0;
            background-color: #fff;
            background-image: url(https://www.tabirai.net/s/common/img/icn_nav_select.png);
            background-position: center right 15px;
            background-repeat: no-repeat;
            background-size: 10px 6px;
            color: #606060;
            font-size: 16px !important
        }

    .tb_headerDrawer__search__input {
        display: flex
    }

        .tb_headerDrawer__search__input input {
            -webkit-appearance: none;
            -moz-appearance: none;
            appearance: none;
            flex: 1 1;
            height: 40px;
            padding: 0 10px;
            border: none;
            border-radius: 0;
            color: #606060
        }

            .tb_headerDrawer__search__input input::-webkit-input-placeholder {
                color: #606060;
                opacity: 1
            }

            .tb_headerDrawer__search__input input:-ms-input-placeholder {
                color: #606060;
                opacity: 1
            }

            .tb_headerDrawer__search__input input::-ms-input-placeholder {
                color: #606060;
                opacity: 1
            }

            .tb_headerDrawer__search__input input::placeholder {
                color: #606060;
                opacity: 1
            }

        .tb_headerDrawer__search__input button {
            width: 35px;
            background-color: #363636
        }

            .tb_headerDrawer__search__input button:after {
                color: #fff;
                font-family: fontawesome;
                content: "\f002"
            }

    .tb_headerDrawer__sns {
        display: flex;
        justify-content: flex-start;
        width: calc(100% - 30px);
        margin: 20px auto
    }

        .tb_headerDrawer__sns:not(:last-of-type), .tb_headerDrawer__sns__item:not(:last-of-type) {
            margin-right: 20px
        }

    .tb_headerDrawer__sns__item > a img {
        width: 30px;
        height: 30px
    }

    .bgOverlay {
        display: none;
        z-index: 100;
        position: absolute;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,.75);
        opacity: 1
    }

    .l-container {
        width: 100%;
        min-width: 100%;
        padding: 0 20px
    }

    .l-lg {
        display: none !important
    }

    .l-breadcrumbs {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        height: 42px;
        margin-top: 30px;
        padding: 0;
        overflow-x: auto;
        overflow-y: hidden;
        border-top: 2px solid #e8e8e8;
        border-bottom: 2px solid #e8e8e8;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;
        background: #fff;
    }

        .l-breadcrumbs > span {
            display: flex;
            height: 100%;
            padding-left: 10px;
            white-space: nowrap
        }

            .l-breadcrumbs > span:not(:last-child):before {
                display: inline-block;
                z-index: 1;
                position: absolute;
                top: -2px;
                right: -18px;
                width: 42px;
                height: 43px;
                transform: scale(.707) rotate(45deg);
                border-top: 3px solid #e8e8e8;
                border-right: 3px solid #e8e8e8;
                content: ""
            }

            .l-breadcrumbs > span:not(:first-of-type) {
                padding-left: 22px
            }

            .l-breadcrumbs > span:last-child {
                padding-right: 22px
            }

        .l-breadcrumbs a {
            display: flex;
            align-items: center;
            width: 100%;
            height: 100%;
            text-decoration: none
        }

    .swiper-container {
        width: 100%
    }

    .ag .ag_d_top_mv {
        position: relative;
        padding-top: 85.334%
    }

        .ag .ag_d_top_mv picture {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%
        }

            .ag .ag_d_top_mv picture img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                font-family: "object-fit: cover;"
            }

    /* cookie利用ポップアップ */
    .cookie-box .cookie-box__in {
        background: rgba(0,0,0,0.7);
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 10000000;
        transition: opacity 0.5s ease, visibility 0s 0.5s ease;
    }

    .cookie-box .cookie-box__in.js-load--on {
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

    .cookie-box .cookie-box__cnt {
        width: 100%;
        margin: 0 auto;
        display: block;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        color: #fff;
        padding: 5.33333vw; 
        box-sizing: border-box;   
        text-align: center;
    }

    .cookie-box .cookie-box__txt {
        width: 100%;
        font-size: 12px;
        line-height: 1.8;
        font-weight: normal;
        text-align: left;
        color: #fff;
    }

    .cookie-box .cookie-box__txt a {
        text-decoration: underline;
        color: #fff;
    }

    .btn-03 {
        width: 70%;
        display: inline-block;
        padding: 15px 0;
        font-size: 12px;
        line-height: 1.6;
        font-weight: bold;
        background: #f8f8f8;
        color: #333;
        text-align: center;
        border: 0;
        z-index: 1;
        transition: border-radius 0.3s ease;
        margin-top: 19px;
    }
}

@media print,screen and (min-width:768px) {
    .tb_headerDrawer__list__item .ad-poper {
        display: none
    }

    @keyframes anime1 {
        0% {
            opacity: 0
        }

        to {
            opacity: 1
        }
    }

    @keyframes bound2 {
        0% {
            transform: translateY(0)
        }

        5% {
            transform: translateY(0)
        }

        10% {
            transform: translateY(0)
        }

        20% {
            transform: translateY(-10px)
        }

        25% {
            transform: translateY(0)
        }

        30% {
            transform: translateY(-5px)
        }

        50% {
            transform: translateY(0)
        }

        to {
            transform: translateY(0)
        }
    }

    .tb_headerTools__list__item.ad-login {
        position: relative
    }

        .tb_headerTools__list__item.ad-login a {
            color: #003894;
            cursor: pointer
        }

        .tb_headerTools__list__item.ad-login .poper {
            display: flex;
            z-index: 99;
            position: absolute;
            top: calc(1em + 10px);
            left: 0;
            align-items: center;
            justify-content: center;
            width: 202px;
            height: 36.7px;
            border: 1px solid #ccc;
            background-color: #fff;
            box-shadow: 0 0 7px -5px #000;
            font-size: 12px;
            font-weight: 700;
            animation: anime1 .5s ease forwards;
            animation-delay: 1s;
            opacity: 0
        }

            .tb_headerTools__list__item.ad-login .poper.is-clause, .tb_headerTools__list__item.ad-login .poper.is-hidden {
                z-index: -1111;
                opacity: 0
            }

            .tb_headerTools__list__item.ad-login .poper:before {
                z-index: 0;
                position: absolute;
                top: -8px;
                left: 14px;
                width: 0;
                height: 0;
                border-width: 0 6px 10px;
                border-style: solid;
                border-color: transparent transparent #fff;
                content: ""
            }

            .tb_headerTools__list__item.ad-login .poper:after {
                z-index: -1;
                position: absolute;
                top: -10px;
                left: 14px;
                width: 0;
                height: 0;
                border-width: 0 6px 10px;
                border-style: solid;
                border-color: transparent transparent #ccc;
                content: ""
            }

        .tb_headerTools__list__item.ad-login .poper__img {
            z-index: 100;
            position: relative;
            top: -1px;
            margin: 0 4px 0 0;
            animation: bound2 2s;
            animation-delay: 1.2s
        }

        .tb_headerTools__list__item.ad-login .poper__text {
            margin-right: 4px;
            cursor: pointer
        }

        .tb_headerTools__list__item.ad-login .poper__link {
            position: relative;
            top: -1px;
            width: 26px;
            height: 26px;
            border: none;
            background-color: #fff;
            cursor: pointer;
            pointer-events: painted
        }

            .tb_headerTools__list__item.ad-login .poper__link:after, .tb_headerTools__list__item.ad-login .poper__link:before {
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 3px;
                height: 18px;
                margin: auto;
                transform: rotate(-45deg);
                border-radius: 3px;
                background-color: #ccc;
                content: ""
            }

            .tb_headerTools__list__item.ad-login .poper__link:after {
                transform: rotate(45deg)
            }

        .tb_headerTools__list__item.ad-login .add-pop {
            z-index: -10000;
            position: absolute;
            top: calc(1em + 8px);
            left: 0;
            width: 345px;
            padding: 10px 12px 16px;
            border: 1px solid #ccc;
            background-color: #fff;
            box-shadow: 0 0 7px -5px #000;
            opacity: 0
        }

            .tb_headerTools__list__item.ad-login .add-pop.is-active, .tb_headerTools__list__item.ad-login .add-pop.is-click {
                z-index: 100;
                animation: anime1 .5s ease;
                opacity: 1
            }

                .tb_headerTools__list__item.ad-login .add-pop.is-active .add-pop__head--img {
                    animation: bound2 2s;
                    animation-delay: .5s
                }

            .tb_headerTools__list__item.ad-login .add-pop:before {
                z-index: 0;
                position: absolute;
                top: -8px;
                left: 14px;
                width: 0;
                height: 0;
                border-width: 0 6px 10px;
                border-style: solid;
                border-color: transparent transparent #fff;
                content: ""
            }

            .tb_headerTools__list__item.ad-login .add-pop:after {
                z-index: -1;
                position: absolute;
                top: -10px;
                left: 14px;
                width: 0;
                height: 0;
                border-width: 0 6px 10px;
                border-style: solid;
                border-color: transparent transparent #ccc;
                content: ""
            }

        .tb_headerTools__list__item.ad-login .add-pop__head {
            display: flex;
            align-items: center;
            font-size: 12px;
            font-weight: 700
        }

        .tb_headerTools__list__item.ad-login .add-pop__head--img {
            margin: 0 9px 0 0
        }

        .tb_headerTools__list__item.ad-login .add-pop__head a {
            position: absolute;
            top: 10px;
            right: 12px;
            width: 26px;
            height: 26px;
            border: none;
            background-color: #fff;
            cursor: pointer
        }

            .tb_headerTools__list__item.ad-login .add-pop__head a:after, .tb_headerTools__list__item.ad-login .add-pop__head a:before {
                display: inline-block;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                width: 3px;
                height: 18px;
                margin: auto;
                transform: rotate(-45deg);
                border-radius: 3px;
                background-color: #ccc;
                content: ""
            }

            .tb_headerTools__list__item.ad-login .add-pop__head a:after {
                transform: rotate(45deg)
            }

        .tb_headerTools__list__item.ad-login .add-pop__body {
            text-align: left
        }

        .tb_headerTools__list__item.ad-login .add-pop__body--new {
            display: inline-block;
            margin: 10px 0 0;
            padding: 3px 5px;
            border: 1px solid #003894;
            border-radius: 2px;
            color: #003894;
            font-size: 10px;
            font-weight: 700
        }

        .tb_headerTools__list__item.ad-login .add-pop__body--title {
            margin: 8px 0 0;
            padding: 0;
            color: #003894;
            font-size: 12px;
            font-weight: 700
        }

            .tb_headerTools__list__item.ad-login .add-pop__body--title a {
                display: inline-block;
                width: 100%;
                height: 100%
            }

        .tb_headerTools__list__item.ad-login .add-pop__body--textlink {
            display: block;
            margin-top: 10px
        }

        .tb_headerTools__list__item.ad-login .add-pop__body dl {
            margin: 15px 0 0
        }

        .tb_headerTools__list__item.ad-login .add-pop__body dt {
            display: inline-block;
            padding: 5px 5px 4px;
            background-color: #efefef;
            font-size: 10px;
            font-weight: 700
        }

        .tb_headerTools__list__item.ad-login .add-pop__body dd {
            margin: 10px 0 0;
            font-size: 12px;
            font-weight: 500
        }

            .tb_headerTools__list__item.ad-login .add-pop__body dd:before {
                display: inline-block;
                position: relative;
                top: -2px;
                left: 2px;
                width: 10px;
                height: 6px;
                margin: 0 5px 0 0;
                transform: rotate(-45deg);
                border-bottom: 3px solid #003894;
                border-left: 3px solid #003894;
                border-radius: 2px;
                content: ""
            }

        .tb_headerTools__list__item.ad-login .add-pop__body--list {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 19px 0 0
        }

        .tb_headerTools__list__item.ad-login .add-pop__body--item {
            height: 30px
        }

            .tb_headerTools__list__item.ad-login .add-pop__body--item:first-child {
                margin: 0 7px 0 0
            }

            .tb_headerTools__list__item.ad-login .add-pop__body--item:nth-child(2) {
                margin: 0 0 0 7px
            }

        .tb_headerTools__list__item.ad-login .add-pop__body--link {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            padding: 0 10px;
            border-radius: 4px;
            background-color: #003894;
            color: #fff !important;
            font-size: 12px;
            font-weight: 700
        }

            .tb_headerTools__list__item.ad-login .add-pop__body--link:hover {
                text-decoration: none;
                opacity: .85 !important
            }

    .tb_headerLocalNavList__item:hover {
        background-color: #003894
    }

        .tb_headerLocalNavList__item:hover > a, .tb_headerLocalNavList__item:hover > span {
            color: #fff
        }

        .tb_headerLocalNavList__item:hover .tb_headerLocalNavList.\--isSecond {
            display: flex
        }

    .tb_headerLocalNavList.\--isSecond {
        border: 1px solid #d9d9d9
    }

        .tb_headerLocalNavList.\--isSecond .tb_headerLocalNavList__item a:hover, .tb_headerNav__text a:hover {
            background-color: #003894;
            color: #fff
        }

    .tb_footer.okinawa {
        padding: 250px 0 0;
        border: none;
        background: url(https://www.tabirai.net/inc/images/footer/foot_bg_okinawa.jpg) top repeat-x #fff !important
    }

    .tb_footer.hokkaido {
        padding: 250px 0 0;
        border: none;
        background: url(https://www.tabirai.net/inc/images/footer/foot_bg_hokkaido.png) top repeat-x #fff !important
    }

    .tb_footer.shizuoka {
        margin-top: 60px;
        padding: 259px 0 0;
        border: none;
        background: url(https://www.tabirai.net/inc/images/footer/foot_bg_shizuoka.png) top repeat-x #fff !important
    }

    .tb_footerSnsLinks:first-child {
        margin-right: 60px
    }

    .tb_footerList__item > a:hover:before {
        position: absolute;
        bottom: 1px;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #003894;
        content: ""
    }

    .tb_footer .tb_footerGotoTopButton a:hover:after {
        margin-top: -20px;
        transition: margin-top .2s ease-in-out
    }

    body {
        min-width: 980px
    }

    .l-sm {
        display: none !important
    }

    .l-breadcrumbs > span:not(:first-of-type):before {
        margin: 0 .25em;
        content: ">"
    }
}

@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2dppx),only screen and (-webkit-min-device-pixel-ratio:2) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale
    }
}

@media screen and (min-width:767px) {
    .ag .sp {
        display: none
    }

    .ag .sp_tb, .ag .tb, .ag .tb_pc {
        display: block
    }

    .ag .pc {
        display: none
    }

    .ag .inner_sp {
        width: auto
    }

    .ag .inner_tb_pc {
        width: 92%;
        margin: auto
    }

    .ag .parts_cmnttl {
        padding: 35px 10px;
        font-size: 26px
    }

    .ag .parts_btn:before {
        left: 15px;
        border-width: 5px 0 5px 8.7px
    }

    .ag .parts_link a {
        padding: 10px 40px
    }

        .ag .parts_link a .small {
            font-size: 13px
        }

        .ag .parts_link a .big {
            font-size: 15px
        }

    .ag .parts_search {
        right: 0;
        left: 0
    }

    .ag .parts_reserve {
        padding: 50px 0;
        background-color: #fdeedd
    }

    .ag .parts_reserve_ttl {
        font-size: 24px
    }

    .ag .parts_reserve_plan {
        margin-top: 20px
    }

    .ag .parts_reserve_plan_para, .ag .parts_reserve_plan_price {
        font-size: 14px
    }

    .ag .parts_reserve_link {
        margin-top: 30px
    }

        .ag .parts_reserve_link a {
            max-width: 320px;
            height: 110px
        }

    .ag .parts_reserve_link_ttl {
        font-size: 36px
    }

        .ag .parts_reserve_link_ttl .arrow:before {
            border-width: 10px 0 10px 17.3px
        }

        .ag .parts_reserve_link_ttl .small {
            font-size: 14px
        }

    .ag .parts_apply_block_image {
        top: -30px;
        left: -20px;
        width: 130px
    }

    .ag .parts_apply_block_subttl {
        font-size: 14px
    }

    .ag .parts_apply_block_ttl {
        font-size: 19px
    }

    .ag .parts_share {
        margin-top: 50px
    }

    .ag .parts_share_ttl {
        font-size: 13px
    }

    .ag .parts_slider {
        padding: 50px 0
    }

    .ag .parts_slider_inner {
        padding: 0 4%
    }

        .ag .parts_slider_inner.ranking {
            display: flex;
            justify-content: space-between;
            width: auto;
            margin: auto
        }

    .ag .parts_slider_block {
        width: 250px;
        margin-right: 40px
    }

        .ag .parts_slider_block:last-of-type {
            margin-right: 0
        }

        .ag .parts_slider_block.ranking {
            width: 30%;
            margin-right: 0;
            padding-top: 20px
        }

            .ag .parts_slider_block.ranking:before {
                left: 10px;
                width: 46px;
                height: 37px;
                font-size: 31px
            }

    .ag .parts_slider_block_image_ttl {
        font-size: 17px
    }

    .ag .parts_slider_block_area {
        font-size: 15px
    }

    .ag .parts_slider_block_recommend, .ag .parts_slider_block_text {
        font-size: 12px
    }

    .ag .parts_slider_block_ttl {
        font-size: 13px
    }

        .ag .parts_slider_block_ttl.big {
            font-size: 17px
        }

    .ag .parts_slider_block_price {
        font-size: 13px
    }

    .ag .parts_tag {
        padding: 80px 0 60px
    }

    .ag .parts_tag_block {
        padding: 5px 10px;
        font-size: 13px
    }

    .ag .parts_fukidashi1 {
        max-width: 400px
    }

    .ag .parts_fukidashi1_left {
        width: 130px
    }

    .ag .parts_fukidashi1_right {
        width: calc(100% - 130px)
    }

    .ag .parts_fukidashi1.size1, .ag .parts_fukidashi1.size2 {
        max-width: 350px
    }

    .ag .parts_fukidashi1_lead, .ag .parts_fukidashi1_ttl {
        font-size: 14px
    }

    .ag .parts_fukidashi1_point {
        position: absolute;
        font-size: 14px
    }

    .ag .parts_fukidashi1_para {
        font-size: 14px
    }

        .ag .parts_fukidashi1_para.big {
            font-size: 18px
        }

    .ag .parts_fukidashi1_note {
        font-size: 13px
    }

    .ag .parts_fukidashi2_left {
        width: 140px
    }

    .ag .parts_fukidashi2_right {
        width: calc(100% - 170px)
    }

    .ag .parts_fukidashi2_ttl {
        font-size: 20px
    }

        .ag .parts_fukidashi2_ttl .small {
            font-size: 13px
        }

        .ag .parts_fukidashi2_ttl .med {
            font-size: 14px
        }

        .ag .parts_fukidashi2_ttl .big {
            font-size: 22px;
            line-height: 1.2
        }

    .ag .parts_fukidashi2_text:before {
        left: 10px;
        width: 55px;
        height: 22px;
        transform: translateX(-100%);
        background-size: 55px auto
    }

    .ag .parts_fukidashi2_para {
        font-size: 14px
    }

    .ag .parts_talk {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .ag .parts_talk_person {
        flex-wrap: wrap;
        width: 150px
    }

        .ag .parts_talk_person.small {
            width: 70px
        }

    .ag .parts_talk_person_image {
        width: 50px;
        margin: 5px 0
    }

    .ag .parts_talk_person_name {
        margin: 0
    }

    .ag .parts_talk_para {
        width: calc(100% - 150px);
        margin-top: 0;
        padding: 14px 0 0;
        font-size: 15px
    }

    .ag .parts_talk_para_wrapp {
        width: calc(100% - 70px)
    }

    .ag .parts_interview {
        display: flex;
        align-items: flex-start;
        margin-bottom: 30px
    }

    .ag .parts_interview_person {
        display: flex;
        align-items: center;
        width: 70px
    }

    .ag .parts_interview_person_image {
        flex-wrap: wrap
    }

    .ag .parts_interview_text {
        width: calc(100% - 70px)
    }

    .ag .parts_interview_para {
        margin-top: 20px;
        font-size: 14px
    }

        .ag .parts_interview_para:first-of-type {
            margin-top: 0
        }

    .ag .ag_i_top_mv:before {
        padding-top: 86.19%
    }

    .ag .ag_i_top_mv_text {
        max-width: 430px;
        transform: translateY(40%)
    }

    .ag .ag_i_top_mv_text_para {
        top: 20px;
        right: 10px;
        padding: 0 10px;
        font-size: 14px
    }

    .ag .ag_i_top_mv_text_ttl {
        margin-top: 20px
    }

        .ag .ag_i_top_mv_text_ttl .small {
            font-size: 24px;
            line-height: 1.3
        }

        .ag .ag_i_top_mv_text_ttl .big {
            font-size: 41px;
            line-height: 1.2
        }

        .ag .ag_i_top_mv_text_ttl .en1 {
            margin-top: 10px;
            font-size: 40px
        }

    .ag .ag_i_top_image {
        margin-top: 200px
    }

    .ag .ag_i_top_image_block {
        position: relative;
        margin-top: 150px
    }

    .ag .ag_i_top_image_block_text {
        bottom: -20px
    }

    .ag .ag_i_top_image_block_ttl {
        font-size: 28px
    }

    .ag .ag_i_top_image_block_subttl {
        font-size: 80px
    }

    .ag .ag_i_top_intro {
        margin-top: 130px
    }

    .ag .ag_i_top_intro_para {
        font-size: 17px
    }

    .ag .ag_i_top_intro_fukidashi {
        margin-top: 30px
    }

    .ag .ag_i_top_intro_fukidashi_wrapp {
        margin-top: 60px
    }

    .ag .ag_i_top_intro_nav {
        max-width: 450px;
        margin: 150px auto auto
    }

    .ag .ag_i_top_intro_nav_list li {
        width: 30%
    }

    .ag .ag_i_top_intro_nav_list_image {
        width: 45%
    }

    .ag .ag_i_top_intro_nav_list_ttl {
        font-size: 13px
    }

    .ag .ag_i_pagelink {
        margin-top: 150px
    }

    .ag .ag_i_pagelink_head_inner {
        padding: 70px 10px 60px
    }

    .ag .ag_i_pagelink_head_ttl .en1 {
        font-size: 67px
    }

    .ag .ag_i_pagelink_head_ttl .small {
        font-size: 15px
    }

    .ag .ag_i_pagelink_head_subttl {
        top: -20px;
        left: -40px;
        padding: 25px 15px;
        font-size: 13px
    }

    .ag .ag_i_pagelink_block {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 0;
        padding: 40px 0
    }

    .ag .ag_i_pagelink_block_left {
        width: 50%
    }

    .ag .ag_i_pagelink_block_right {
        width: 47%;
        margin-right: 0;
        padding: 0
    }

    .ag .ag_i_pagelink_block_ttl {
        font-size: 24px
    }

    .ag .ag_i_pagelink_block_fukidashi, .ag .ag_i_pagelink_block_link {
        margin-top: 20px
    }

    .ag .ag_i_staffrec {
        padding: 50px 0
    }

    .ag .ag_i_staffrec_inner {
        padding: 30px
    }

    .ag .ag_i_staffrec_head_date {
        font-size: 13px
    }

    .ag .ag_i_staffrec_head_ttl .small {
        font-size: 20px
    }

    .ag .ag_i_staffrec_head_ttl .big {
        font-size: 24px
    }

    .ag .ag_i_staffrec_box {
        margin-top: 20px
    }

    .ag .ag_i_staffrec_fukidashi {
        margin-top: 50px
    }

    .ag .ag_i_article {
        margin-bottom: 80px
    }

    .ag .ag_i_article_head {
        padding: 50px 0
    }

    .ag .ag_i_article_head_ttl {
        padding: 20px 0;
        font-size: 30px
    }

    .ag .ag_i_article.inner {
        max-width: 600px
    }

    .ag .ag_i_article_block {
        margin-top: 80px
    }

    .ag .ag_i_article_block_image {
        margin-bottom: 30px
    }

    .ag .ag_i_article_block_ttl {
        font-size: 24px
    }

    .ag .ag_i_article_block_fukidashi, .ag .ag_i_article_block_link, .ag .ag_i_article_block_para {
        margin-bottom: 30px
    }

    .ag .ag_i_article_block_point {
        width: 80px;
        height: 70px;
        margin-bottom: 30px
    }

        .ag .ag_i_article_block_point .small {
            font-size: 15px
        }

        .ag .ag_i_article_block_point .big {
            font-size: 38px
        }

    .ag .ag_i_article_block_merit_ttl {
        font-size: 24px
    }

        .ag .ag_i_article_block_merit_ttl:before {
            top: -20px;
            left: -10px;
            width: 40px;
            height: 55px;
            font-size: 28px;
            line-height: 1.7
        }

    .ag .ag_i_article_block_merit_para {
        font-size: 15px
    }

    .ag .ag_i_info_inner {
        max-width: 980px;
        margin: auto
    }

    .ag .ag_i_info_block {
        margin: 70px auto
    }

    .ag .ag_i_info_block_inner {
        max-width: 600px;
        margin: 40px auto auto
    }

    .ag .ag_i_info_block_ttl {
        margin-bottom: 30px;
        padding: 30px 20px 30px 15%;
        font-size: 25px
    }

        .ag .ag_i_info_block_ttl:before {
            width: 67px;
            height: 67px
        }

    .ag .ag_i_info_block_para {
        margin-bottom: 30px;
        font-size: 14px
    }

    .ag .ag_i_info_block_image, .ag .ag_i_info_block_link {
        margin-bottom: 30px
    }

    .ag .ag_i_info_block_kuchikomi_wrapp {
        margin-bottom: 50px
    }

    .ag .ag_i_info_block_kuchikomi_ttl {
        font-size: 18px
    }

    .ag .ag_i_info_block_kuchikomi_rating_star {
        font-size: 16px
    }

    .ag .ag_i_info_block_kuchikomi_rating_place {
        font-size: 14px
    }

    .ag .ag_i_info_block_kuchikomi_rating_para {
        font-size: 12px
    }

    .ag .ag_i_info_block_kuchikomi_person_left {
        width: 80px
    }

    .ag .ag_i_info_block_kuchikomi_person_right {
        width: calc(100% - 80px)
    }

    .ag .ag_i_info_block_kuchikomi_person_para {
        font-size: 12px
    }

    .ag .ag_i_info_block_kuchikomi_comment {
        position: relative;
        margin-top: 10px;
        padding: 20px 15px;
        background-color: #e1edef
    }

        .ag .ag_i_info_block_kuchikomi_comment:before {
            top: -10px;
            left: 42px
        }

    .ag .ag_i_info_block_kuchikomi_comment_para {
        font-size: 14px
    }

    .ag .ag_i_info_block_faq {
        margin-bottom: 30px
    }

    .ag .ag_i_info_block_faq_block_left {
        width: 40px;
        font-size: 32px
    }

    .ag .ag_i_info_block_faq_block_center {
        width: calc(100% - 80px);
        padding: 10px 15px
    }

    .ag .ag_i_info_block_faq_block_right {
        width: 40px
    }

        .ag .ag_i_info_block_faq_block_right:before {
            width: 15px;
            height: 2px
        }

        .ag .ag_i_info_block_faq_block_right:after {
            width: 2px;
            height: 15px
        }

    .ag .ag_i_info_block_faq_block_ttl {
        font-size: 15px
    }

    .ag .ag_i_info_block_faq_block_para {
        font-size: 14px
    }

    .ag .ag_i_info_form {
        margin-top: 80px
    }

    .ag .ag_i_info_form_ttl {
        font-size: 18px;
        line-height: 1.3;
        text-align: center
    }

    .ag .ag_i_info_form_link {
        margin-top: 10px;
        text-align: center
    }

    .ag .ag_i_info_form_fukidashi {
        margin-top: 30px
    }

    .ag .ag_i_reccomend {
        margin-top: 0
    }

    .ag .ag_i_area {
        padding-top: 70px;
        border-top: 1px solid #00358c
    }

    .ag .ag_i_area_ttl {
        color: #00358c;
        font-size: 24px;
        line-height: 1.5;
        text-align: center
    }

    .ag .ag_i_area_box {
        display: flex;
        justify-content: space-between;
        margin-top: 50px
    }

    .ag .ag_i_area_box_left, .ag .ag_i_area_box_right {
        width: 47%;
        margin-top: 0
    }

        .ag .ag_i_area_box_left .ag_i_area_fukidashi {
            margin-left: 0
        }

        .ag .ag_i_area_box_right .ag_i_area_fukidashi {
            margin-right: 0
        }

    .ag .ag_i_area_fukidashi.size2 {
        max-width: none
    }

    .ag .ag_i_area_block {
        border-bottom: 1px solid #00358c
    }

        .ag .ag_i_area_block a {
            display: flex;
            align-items: center;
            padding: 20px 0
        }

    .ag .ag_i_area_block_left {
        width: 40%
    }

    .ag .ag_i_area_block_right {
        width: 60%
    }

    .ag .ag_i_area_block_ttl {
        padding-left: 10px;
        font-size: 14px
    }

    .ag .ag_i_activity {
        margin-top: 50px
    }

    .ag .ag_i_share {
        padding: 20px 0;
        border-top: 1px solid #00358c;
        text-align: center
    }

    .ag .ag_d_top_head {
        height: 220px;
        background-image: url(../images/article/title_bg_tb.png)
    }

    .ag .ag_d_top_head_ttl {
        font-size: 80px;
        line-height: .8
    }

    .ag .ag_d_top_head_sub_ttl {
        font-size: 16px
    }

    .ag .ag_d_top_mv {
        margin-top: -80px
    }

    .ag .ag_d_top_text_ttl {
        margin: 60px 0 30px;
        font-size: 31px
    }

    .ag .ag_d_top_text_tag li {
        margin: 0 2px
    }

        .ag .ag_d_top_text_tag li a {
            font-size: 15px
        }

    .ag .ag_d_top_text_para {
        font-size: 16px
    }

    .ag .ag_d_top_image {
        margin-top: 60px
    }

    .ag .ag_d_top_image_pic {
        margin-top: 40px
    }

    .ag .ag_d_top_nav {
        margin-top: 50px
    }

    .ag .ag_d_top_nav_list {
        margin-top: 20px
    }

        .ag .ag_d_top_nav_list li a {
            font-size: 14px
        }

            .ag .ag_d_top_nav_list li a:before {
                font-size: 18px
            }

    .ag .ag_d_reporter {
        margin-top: 80px;
        padding-top: 80px
    }

    .ag .ag_d_reporter_ttl {
        margin-top: 5px
    }

        .ag .ag_d_reporter_ttl .text {
            padding: 15px 0 15px 40px;
            background-size: 27px auto;
            font-size: 26px
        }

    .ag .ag_d_reporter_block, .ag .ag_d_reporter_schedule {
        margin-top: 50px
    }

    .ag .ag_d_reporter_schedule_ttl .text {
        padding-left: 40px;
        background-size: 28px auto;
        font-size: 22px
    }

    .ag .ag_d_reporter_schedule_list {
        max-width: 600px;
        margin: 50px auto auto;
        padding: 20px
    }

    .ag .ag_d_reporter_schedule_list_ttl {
        font-size: 14px
    }

    .ag .ag_d_reporter_schedule_list_table {
        margin-top: 10px
    }

        .ag .ag_d_reporter_schedule_list_table td {
            font-size: 14px
        }

            .ag .ag_d_reporter_schedule_list_table td.time {
                padding-right: 10px
            }

    .ag .ag_d_reporter_link {
        margin-top: 30px
    }

    .ag .ag_d_article {
        font-size: 15px
    }

    .ag .ag_d_article_wrapp {
        margin-top: 60px
    }

    .ag .ag_d_article_outer {
        margin-top: 80px
    }

    .ag .ag_d_article_ttl {
        margin-bottom: 50px;
        padding: 40px 20px;
        font-size: 22px
    }

    .ag .ag_d_article_image, .ag .ag_d_article_note, .ag .ag_d_article_para, .ag .ag_d_article_talk {
        margin-bottom: 50px
    }

    .ag .ag_d_article_note_para {
        font-size: 13px
    }

    .ag .ag_d_article_fukidashi {
        margin-bottom: 50px
    }

    .ag .ag_d_point {
        margin-top: 80px
    }

    .ag .ag_d_point_head_inner:after, .ag .ag_d_point_head_inner:before {
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: contain;
        content: ""
    }

    .ag .ag_d_point_head_inner:before {
        left: 5px;
        width: 33px;
        height: 80px;
        background-image: url(../images/article/point_bg1.svg)
    }

    .ag .ag_d_point_head_inner:after {
        right: 5px;
        width: 37px;
        height: 75px;
        background-image: url(../images/article/point_bg2.svg)
    }

    .ag .ag_d_point_head_para {
        font-size: 20px
    }

    .ag .ag_d_point_head_ttl {
        font-size: 23px
    }

        .ag .ag_d_point_head_ttl .en1 {
            font-size: 54px
        }

    .ag .ag_d_point_inner {
        font-size: 15px
    }

    .ag .ag_d_point_lead {
        margin-top: 80px
    }

    .ag .ag_d_point_lead_image, .ag .ag_d_point_lead_para {
        margin-top: 40px
    }

    .ag .ag_d_point_block {
        margin-top: 80px
    }

    .ag .ag_d_point_block_ttl {
        padding: 20px 10px;
        font-size: 24px
    }

        .ag .ag_d_point_block_ttl .num {
            left: 10px;
            width: 45px;
            height: 41px;
            padding-top: 3px;
            font-size: 33px
        }

    .ag .ag_d_point_block_image, .ag .ag_d_point_block_para {
        margin-top: 40px
    }

    .ag .ag_d_check {
        margin-top: 100px
    }

    .ag .ag_d_check_head {
        text-align: center
    }

    .ag .ag_d_check_head_ttl {
        margin-top: 40px;
        font-size: 32px
    }

        .ag .ag_d_check_head_ttl .text {
            padding: 50px 10px
        }

    .ag .ag_d_check_head_para {
        margin-top: 20px;
        font-size: 15px
    }

    .ag .ag_d_check_head_list {
        font-size: 11px
    }

    .ag .ag_d_check_head_list_para {
        padding: 0 10px
    }

    .ag .ag_d_check_block {
        margin-top: 60px;
        padding-top: 40px
    }

    .ag .ag_d_check_block_ttl {
        margin-bottom: 40px;
        font-size: 24px
    }

    .ag .ag_d_check_block_image, .ag .ag_d_check_block_talk {
        margin-bottom: 40px
    }

    .ag .ag_d_check_block_talk_person_image {
        width: 45px
    }

    .ag .ag_d_check_block_talk_person_name {
        font-size: 13px
    }

    .ag .ag_d_imp_head {
        margin-top: 80px;
        padding: 40px 0 60px;
        border-top: 1px solid #00358c
    }

    .ag .ag_d_imp_head_ttl {
        font-size: 29px
    }

        .ag .ag_d_imp_head_ttl .en1 {
            transform: rotate(25deg) translate(7px,10px);
            font-size: 79px
        }

    .ag .ag_d_imp_block {
        margin-top: 50px
    }

    .ag .ag_d_imp_block_image {
        margin-bottom: 40px
    }

    .ag .ag_d_imp_block_bottom_para {
        padding: 10px 70px;
        font-size: 70px
    }

    .ag .ag_d_info {
        padding: 70px 0;
        font-size: 14px
    }

    .ag .ag_d_info_ttl {
        font-size: 26px
    }

    .ag .ag_d_info_block_text div, .ag .ag_d_info_block_text h2, .ag .ag_d_info_block_text h3, .ag .ag_d_info_block_text p, .ag .ag_d_info_block_text ul {
        margin-bottom: 30px
    }

    .ag .ag_d_info_block_ttl {
        margin-bottom: 30px;
        padding: 10px 20px;
        font-size: 22px
    }

    .ag .ag_d_info_block_subttl {
        font-size: 20px
    }

    .ag .ag_d_info_block_map {
        max-width: 600px;
        margin-bottom: 30px
    }

        .ag .ag_d_info_block_map:before {
            padding-top: 60%
        }

    .ag .ag_d_other_inner {
        padding: 30px 0
    }

    .ag .ag_d_other_box {
        display: flex;
        justify-content: space-between
    }

    .ag .ag_d_other_block {
        width: 47%;
        border-bottom: none
    }

        .ag .ag_d_other_block, .ag .ag_d_other_block:last-of-type {
            border-top: 1px solid #00358c
        }

            .ag .ag_d_other_block:first-of-type, .ag .ag_d_other_block:nth-of-type(2) {
                border-top: none
            }

            .ag .ag_d_other_block a {
                display: flex;
                align-items: center;
                padding: 20px 0
            }

    .ag .ag_d_other_block_left {
        width: 30%
    }

    .ag .ag_d_other_block_right {
        width: 70%
    }

    .ag .ag_d_other_block_ttl {
        padding-left: 10px;
        font-size: 15px
    }

    .ag .ag_d_activity_tag {
        padding: 80px 0 60px
    }
}

@media screen and (min-width:979px) {
    .ag .sp, .ag .sp_tb, .ag .tb {
        display: none
    }

    .ag .pc, .ag .tb_pc {
        display: block
    }

    .ag .inner_pc {
        width: 92%;
        margin: auto
    }

    .ag .fukuro.blue {
        text-shadow: 2px 2px 0 #002d77,-2px -2px 0 #002d77,-2px 2px 0 #002d77,2px -2px 0 #002d77,0 2px 0 #002d77,0 -2px 0 #002d77,-2px 0 0 #002d77,2px 0 0 #002d77
    }

    .ag .parts_cmnttl {
        padding: 30px 10px;
        font-size: 28px
    }

    .ag .parts_btn {
        font-size: 17px
    }

        .ag .parts_btn:before {
            left: 15px;
            border-width: 5px 0 5px 8.7px
        }

    .ag .parts_link a {
        padding: 5px 40px
    }

        .ag .parts_link a .small {
            font-size: 14px
        }

        .ag .parts_link a .big {
            font-size: 17px
        }

    .ag .parts_search {
        right: 80px;
        left: auto;
        margin: 0
    }

        .ag .parts_search.pcview {
            right: 110px
        }

    .ag .parts_reserve {
        padding: 80px 0
    }

    .ag .parts_reserve_ttl {
        font-size: 26px
    }

    .ag .parts_reserve_box {
        display: flex;
        justify-content: space-between
    }

    .ag .parts_reserve_box_left, .ag .parts_reserve_box_right {
        width: 45%
    }

    .ag .parts_reserve_plan {
        margin-top: 20px
    }

    .ag .parts_reserve_plan_para {
        font-size: 14px;
        text-align: left
    }

    .ag .parts_reserve_plan_price {
        font-size: 14px
    }

    .ag .parts_reserve_link {
        margin-top: 30px
    }

        .ag .parts_reserve_link a {
            max-width: 320px;
            height: 110px
        }

    .ag .parts_reserve_link_ttl {
        font-size: 36px
    }

        .ag .parts_reserve_link_ttl .arrow:before {
            border-width: 10px 0 10px 17.3px
        }

        .ag .parts_reserve_link_ttl .small {
            font-size: 14px
        }

    .ag .parts_apply_block_image {
        top: -30px;
        left: -20px;
        width: 130px
    }

    .ag .parts_apply_block_subttl {
        font-size: 14px
    }

    .ag .parts_apply_block_ttl {
        font-size: 19px
    }

    .ag .parts_slider {
        padding: 50px 0
    }

    .ag .parts_slider_outer {
        -webkit-overflow-scrolling: auto;
        overflow: auto
    }

    .ag .parts_slider_inner {
        display: flex;
        flex-wrap: wrap;
        padding: 0
    }

        .ag .parts_slider_inner.ranking {
            justify-content: center
        }

    .ag .parts_slider_block {
        width: 23%;
        margin-right: 2.666%;
        margin-bottom: 50px
    }

        .ag .parts_slider_block:last-of-type, .ag .parts_slider_block:nth-of-type(4n+4) {
            margin-right: 0
        }

        .ag .parts_slider_block.ranking {
            width: 23%;
            margin-right: 6%;
            margin-bottom: 0
        }

            .ag .parts_slider_block.ranking:last-of-type {
                margin-right: 0
            }

            .ag .parts_slider_block.ranking:before {
                left: 10px;
                width: 46px;
                height: 37px;
                font-size: 31px
            }

    .ag .parts_slider_block_image {
        padding-top: 75.279%
    }

    .ag .parts_slider_block_image_ttl {
        font-size: 17px
    }

    .ag .parts_slider_block_area {
        font-size: 14px
    }

    .ag .parts_slider_block_recommend, .ag .parts_slider_block_text {
        font-size: 13px
    }

    .ag .parts_slider_block_ttl {
        font-size: 14px
    }

        .ag .parts_slider_block_ttl.big {
            font-size: 19px
        }

    .ag .parts_slider_block_price {
        font-size: 14px
    }

    .ag .parts_tag {
        padding: 80px 0 60px
    }

    .ag .parts_tag_block {
        padding: 5px 10px;
        font-size: 13px
    }

    .ag .parts_fukidashi1 {
        max-width: 400px
    }

        .ag .parts_fukidashi1.size1 {
            max-width: 350px
        }

    .ag .parts_fukidashi1_ttl {
        font-size: 14px
    }

    .ag .parts_fukidashi1_lead {
        font-size: 15px
    }

    .ag .parts_fukidashi1_point {
        position: absolute;
        font-size: 14px
    }

    .ag .parts_fukidashi1_para {
        font-size: 14px
    }

        .ag .parts_fukidashi1_para.big {
            font-size: 20px
        }

    .ag .parts_fukidashi1_note {
        font-size: 13px
    }

    .ag .parts_fukidashi2_left {
        width: 140px
    }

    .ag .parts_fukidashi2_right {
        width: calc(100% - 170px)
    }

    .ag .parts_fukidashi2_ttl {
        font-size: 22px
    }

        .ag .parts_fukidashi2_ttl .small {
            font-size: 13px
        }

        .ag .parts_fukidashi2_ttl .med {
            font-size: 14px
        }

        .ag .parts_fukidashi2_ttl .big {
            font-size: 22px;
            line-height: 1.2
        }

    .ag .parts_fukidashi2_text:before {
        left: 10px;
        width: 55px;
        height: 22px;
        transform: translateX(-100%);
        background-size: 55px auto
    }

    .ag .parts_fukidashi2_para {
        font-size: 14px
    }

    .ag .parts_talk {
        margin-bottom: 30px
    }

    .ag .parts_talk_person {
        width: 150px
    }

    .ag .parts_talk_person_image {
        width: 50px
    }

    .ag .parts_talk_person_name {
        margin: 0
    }

    .ag .parts_talk_para {
        width: calc(100% - 150px);
        font-size: 15px
    }

    .ag_ranking {
        max-width: 980px;
        margin: 100px auto auto
    }

    .ag .ag_i_top_mv:before {
        padding-top: 35%
    }

    .ag .ag_i_top_mv_text {
        max-width: 530px;
        transform: translateY(40%)
    }

    .ag .ag_i_top_mv_text_para {
        top: 40px;
        right: 20px;
        font-size: 14px
    }

    .ag .ag_i_top_mv_text_ttl {
        margin-top: 20px
    }

        .ag .ag_i_top_mv_text_ttl .small {
            font-size: 28px;
            line-height: 1.3
        }

        .ag .ag_i_top_mv_text_ttl .big {
            font-size: 50px
        }

        .ag .ag_i_top_mv_text_ttl .en1 {
            font-size: 48px
        }

    .ag .ag_i_top_image {
        max-width: 980px;
        margin: 100px auto auto
    }

    .ag .ag_i_top_image_block {
        margin-top: 200px
    }

    .ag .ag_i_top_image_block_text {
        bottom: -30px
    }

    .ag .ag_i_top_image_block_ttl {
        font-size: 33px
    }

    .ag .ag_i_top_image_block_subttl {
        font-size: 100px
    }

    .ag .ag_i_top_intro {
        margin-top: 140px
    }

    .ag .ag_i_top_intro_para, .ag .ag_i_top_intro_text p {
        font-size: 18px
    }

    .ag .ag_i_top_intro_fukidashi {
        margin-top: 30px
    }

    .ag .ag_i_top_intro_fukidashi_wrapp {
        margin-top: 60px
    }

    .ag .ag_i_top_intro_nav {
        max-width: 700px;
        margin-top: 200px
    }

    .ag .ag_i_top_intro_nav_list li {
        width: 15%
    }

    .ag .ag_i_top_intro_nav_list_image {
        width: 50%
    }

    .ag .ag_i_top_intro_nav_list_ttl {
        font-size: 15px
    }

    .ag .ag_i_top_intro_link {
        margin-top: 50px
    }

    .ag .ag_i_pagelink {
        margin-top: 200px
    }

    .ag .ag_i_pagelink_head_inner {
        padding: 70px 10px 60px
    }

    .ag .ag_i_pagelink_head_ttl .en1 {
        font-size: 81px
    }

    .ag .ag_i_pagelink_head_ttl .small {
        font-size: 17px
    }

    .ag .ag_i_pagelink_head_subttl {
        top: -40px;
        left: -50px;
        padding: 25px 15px;
        font-size: 14px
    }

    .ag .ag_i_pagelink_box_inner {
        max-width: 980px
    }

    .ag .ag_i_pagelink_block {
        padding: 50px 0
    }

    .ag .ag_i_pagelink_block_left {
        width: 50%
    }

    .ag .ag_i_pagelink_block_right {
        width: 45%
    }

    .ag .ag_i_pagelink_block_ttl {
        font-size: 26px
    }

    .ag .ag_i_pagelink_block_fukidashi, .ag .ag_i_pagelink_block_link {
        margin-top: 30px
    }

    .ag .ag_i_staffrec {
        max-width: 980px;
        margin: auto;
        padding: 80px 0;
        background-color: transparent
    }

    .ag .ag_i_staffrec_inner {
        max-width: 800px;
        padding: 30px;
        border: 4px solid #67b7c6
    }

    .ag .ag_i_staffrec_inner_inner {
        max-width: 700px
    }

    .ag .ag_i_staffrec_head_date {
        font-size: 13px
    }

    .ag .ag_i_staffrec_head_ttl .small {
        font-size: 22px
    }

    .ag .ag_i_staffrec_head_ttl .big {
        font-size: 27px
    }

    .ag .ag_i_staffrec_box {
        display: flex;
        justify-content: space-between;
        margin-top: 50px
    }

    .ag .ag_i_staffrec_block {
        width: 48%
    }

    .ag .ag_i_staffrec_block_image {
        padding-top: 66.67%
    }

    .ag .ag_i_staffrec_fukidashi {
        width: 48%;
        max-width: none;
        margin: 30px 0 0
    }

    .ag .ag_i_article {
        margin-bottom: 100px
    }

    .ag .ag_i_article_head {
        padding: 50px 0
    }

    .ag .ag_i_article_head_ttl {
        max-width: 500px;
        padding: 20px 0;
        font-size: 34px
    }

    .ag .ag_i_article.inner {
        max-width: 650px
    }

        .ag .ag_i_article.inner.merit {
            max-width: 980px
        }

    .ag .ag_i_article_block {
        margin-top: 80px
    }

    .ag .ag_i_article_block_image {
        margin-bottom: 40px
    }

    .ag .ag_i_article_block_ttl {
        font-size: 28px
    }

    .ag .ag_i_article_block_fukidashi, .ag .ag_i_article_block_link {
        margin-bottom: 40px
    }

    .ag .ag_i_article_block_para {
        margin-bottom: 40px;
        font-size: 16px
    }

    .ag .ag_i_article_block_point {
        width: 92px;
        height: 83px;
        margin-bottom: 40px
    }

        .ag .ag_i_article_block_point .small {
            font-size: 16px
        }

        .ag .ag_i_article_block_point .big {
            font-size: 52px
        }

    .ag .ag_i_article_block_merit {
        width: 30%;
        margin-top: 0
    }

    .ag .ag_i_article_block_merit_wrapp {
        display: flex;
        justify-content: space-between;
        margin-top: 100px
    }

    .ag .ag_i_article_block_merit_ttl {
        font-size: 24px
    }

        .ag .ag_i_article_block_merit_ttl:before {
            top: -20px;
            left: -10px;
            font-size: 29px
        }

    .ag .ag_i_article_block_merit_para {
        font-size: 15px
    }

    .ag .ag_i_info_block {
        margin-top: 80px
    }

    .ag .ag_i_info_block_inner {
        max-width: 650px;
        margin-top: 50px
    }

    .ag .ag_i_info_block_ttl {
        padding: 30px 20px 30px 140px;
        font-size: 25px
    }

        .ag .ag_i_info_block_ttl:before {
            left: 50px
        }

    .ag .ag_i_info_block_para {
        font-size: 15px
    }

    .ag .ag_i_info_block_image, .ag .ag_i_info_block_link {
        margin-bottom: 40px
    }

    .ag .ag_i_info_block_kuchikomi_wrapp {
        margin-bottom: 50px
    }

    .ag .ag_i_info_block_kuchikomi_ttl {
        font-size: 18px
    }

    .ag .ag_i_info_block_kuchikomi_rating_star {
        font-size: 16px
    }

    .ag .ag_i_info_block_kuchikomi_rating_place {
        font-size: 14px
    }

    .ag .ag_i_info_block_kuchikomi_rating_para {
        font-size: 12px
    }

    .ag .ag_i_info_block_kuchikomi_person_left {
        width: 80px
    }

    .ag .ag_i_info_block_kuchikomi_person_right {
        width: calc(100% - 80px)
    }

    .ag .ag_i_info_block_kuchikomi_person_para {
        font-size: 12px
    }

    .ag .ag_i_info_block_kuchikomi_comment:before {
        top: -10px;
        left: 42px
    }

    .ag .ag_i_info_block_kuchikomi_comment_para {
        font-size: 14px
    }

    .ag .ag_i_info_block_faq {
        margin-bottom: 30px
    }

    .ag .ag_i_info_block_faq_block_wrapp.q {
        cursor: pointer
    }

    .ag .ag_i_info_block_faq_block_left {
        width: 40px;
        font-size: 32px
    }

    .ag .ag_i_info_block_faq_block_center {
        width: calc(100% - 80px);
        padding: 10px 15px
    }

    .ag .ag_i_info_block_faq_block_right {
        width: 40px
    }

        .ag .ag_i_info_block_faq_block_right:before {
            width: 15px;
            height: 2px
        }

        .ag .ag_i_info_block_faq_block_right:after {
            width: 2px;
            height: 15px
        }

    .ag .ag_i_info_block_faq_block_ttl {
        font-size: 16px
    }

    .ag .ag_i_info_block_faq_block_para {
        font-size: 15px
    }

    .ag .ag_i_info_form {
        margin-top: 80px
    }

    .ag .ag_i_info_form_ttl {
        font-size: 18px
    }

    .ag .ag_i_info_form_link {
        margin-top: 10px
    }

    .ag .ag_i_info_form_fukidashi {
        margin-top: 30px
    }

    .ag .ag_i_area, .ag .ag_i_ranking, .ag .ag_i_reccomend {
        max-width: 980px;
        margin: 100px auto auto
    }

    .ag .ag_i_area {
        padding-top: 50px
    }

    .ag .ag_i_area_ttl {
        font-size: 28px
    }

    .ag .ag_i_area_box {
        margin-top: 50px
    }

    .ag .ag_i_area_block a {
        padding: 20px 0
    }

    .ag .ag_i_area_block_left {
        width: 40%
    }

    .ag .ag_i_area_block_right {
        width: 60%
    }

    .ag .ag_i_area_block_ttl {
        padding-left: 10px;
        font-size: 15px
    }

    .ag .ag_i_activity {
        max-width: 980px;
        margin: 80px auto auto
    }

    .ag .ag_i_activity_tag {
        padding-bottom: 0
    }

    .ag .ag_i_share {
        margin-top: 60px;
        padding: 20px 0;
        border-top: 1px solid #00358c;
        text-align: center
    }

    .ag .ag_d_top_head {
        height: 220px;
        background-image: url(../images/article/title_bg_pc.png)
    }

    .ag .ag_d_top_head_ttl {
        margin-top: 15px;
        font-size: 85px;
        line-height: .8
    }

    .ag .ag_d_top_head_sub_ttl {
        font-size: 22px
    }

    .ag .ag_d_top_mv {
        margin-top: -100px
    }

    .ag .ag_d_top_text_ttl {
        margin: 80px 0 30px;
        font-size: 33px
    }

    .ag .ag_d_top_text_tag li {
        margin: 0 2px
    }

        .ag .ag_d_top_text_tag li a {
            font-size: 17px
        }

    .ag .ag_d_top_text_para {
        font-size: 16px
    }

    .ag .ag_d_top_text_para_wrapp {
        max-width: 500px
    }

    .ag .ag_d_top_image {
        max-width: 800px;
        margin: 60px auto auto
    }

    .ag .ag_d_top_image_pic, .ag .ag_d_top_nav {
        margin-top: 50px
    }

    .ag .ag_d_top_nav_list {
        margin-top: 20px
    }

        .ag .ag_d_top_nav_list li a {
            font-size: 15px
        }

            .ag .ag_d_top_nav_list li a:before {
                font-size: 19px
            }

    .ag .ag_d_reporter {
        margin-top: 80px;
        padding-top: 80px
    }

    .ag .ag_d_reporter_inner {
        max-width: 980px
    }

    .ag .ag_d_reporter_ttl {
        margin-top: 5px
    }

        .ag .ag_d_reporter_ttl .text {
            padding: 15px 0 15px 40px;
            background-size: 27px auto;
            font-size: 26px
        }

    .ag .ag_d_reporter_box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .ag .ag_d_reporter_block {
        width: 47%;
        margin-top: 50px
    }

    .ag .ag_d_reporter_schedule {
        margin: 70px auto auto
    }

    .ag .ag_d_reporter_schedule_ttl .text {
        padding-left: 40px;
        background-size: 28px auto;
        font-size: 22px
    }

    .ag .ag_d_reporter_schedule_list {
        max-width: 650px;
        margin: 70px auto auto;
        padding: 20px
    }

    .ag .ag_d_reporter_schedule_list_ttl {
        font-size: 14px
    }

    .ag .ag_d_reporter_schedule_list_table {
        margin-top: 10px
    }

        .ag .ag_d_reporter_schedule_list_table td {
            font-size: 14px
        }

            .ag .ag_d_reporter_schedule_list_table td.time {
                padding-right: 10px
            }

    .ag .ag_d_reporter_link {
        margin-top: 30px
    }

    .ag .ag_d_article {
        font-size: 15px
    }

    .ag .ag_d_article_inner {
        max-width: 650px
    }

    .ag .ag_d_article_outer {
        margin-top: 100px
    }

    .ag .ag_d_article_ttl {
        margin-bottom: 50px;
        padding: 40px 20px;
        font-size: 26px
    }

    .ag .ag_d_article_image, .ag .ag_d_article_note, .ag .ag_d_article_para, .ag .ag_d_article_talk {
        margin-bottom: 50px
    }

    .ag .ag_d_article_note_para {
        font-size: 13px
    }

    .ag .ag_d_article_fukidashi {
        margin-bottom: 50px
    }

    .ag .ag_d_point {
        margin-top: 100px
    }

    .ag .ag_d_point_inner {
        max-width: 650px
    }

    .ag .ag_d_point_head_inner {
        max-width: 450px;
        padding: 40px 50px
    }

        .ag .ag_d_point_head_inner:after, .ag .ag_d_point_head_inner:before {
            display: block;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            background-position: 50%;
            background-repeat: no-repeat;
            background-size: contain;
            content: ""
        }

        .ag .ag_d_point_head_inner:before {
            left: 5px;
            width: 40px;
            height: 90px;
            background-image: url(../images/article/point_bg1.svg)
        }

        .ag .ag_d_point_head_inner:after {
            right: 5px;
            width: 44px;
            height: 85px;
            background-image: url(../images/article/point_bg2.svg)
        }

    .ag .ag_d_point_head_para, .ag .ag_d_point_head_ttl {
        font-size: 26px
    }

        .ag .ag_d_point_head_ttl .en1 {
            font-size: 54px
        }

    .ag .ag_d_point_inner {
        font-size: 15px
    }

    .ag .ag_d_point_lead {
        margin-top: 80px
    }

    .ag .ag_d_point_block_ttl {
        padding: 20px 10px;
        font-size: 25px
    }

        .ag .ag_d_point_block_ttl .num {
            left: 10px;
            width: 56px;
            height: 52px;
            padding-top: 3px;
            font-size: 40px
        }

    .ag .ag_d_check {
        margin-top: 100px
    }

    .ag .ag_d_check_inner {
        max-width: 980px
    }

    .ag .ag_d_check_head_ttl {
        margin-top: 50px;
        font-size: 34px
    }

        .ag .ag_d_check_head_ttl .text {
            padding: 50px 10px
        }

    .ag .ag_d_check_head_para {
        margin-top: 20px;
        font-size: 15px
    }

    .ag .ag_d_check_head_list {
        font-size: 12px
    }

    .ag .ag_d_check_head_list_para {
        padding: 0 10px
    }

    .ag .ag_d_check_block {
        width: 46%;
        margin-top: 0;
        margin-right: 8%;
        padding-top: 30px
    }

        .ag .ag_d_check_block:nth-of-type(2n+2) {
            margin-right: 0
        }

    .ag .ag_d_check_block_wrapp {
        display: flex;
        flex-wrap: wrap;
        margin-top: 70px
    }

    .ag .ag_d_check_block_ttl {
        margin-bottom: 40px;
        font-size: 22px
    }

    .ag .ag_d_check_block_image {
        width: 100%;
        margin-bottom: 30px
    }

        .ag .ag_d_check_block_image picture {
            display: block;
            position: relative;
            width: 100%;
            padding-top: 74.331%
        }

            .ag .ag_d_check_block_image picture img {
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                object-fit: cover;
                object-position: center;
                font-family: "object-fit: cover; object-position: center;"
            }

    .ag .ag_d_check_block_talk {
        margin-bottom: 60px
    }

    .ag .ag_d_check_block_talk_person_image {
        width: 45px
    }

    .ag .ag_d_check_block_talk_person_name {
        font-size: 13px
    }

    .ag .ag_d_imp_inner {
        max-width: 650px
    }

    .ag .ag_d_imp_head {
        padding: 40px 0 60px
    }

    .ag .ag_d_imp_head_ttl {
        font-size: 34px
    }

        .ag .ag_d_imp_head_ttl .en1 {
            transform: rotate(25deg) translate(7px,10px);
            font-size: 83px
        }

    .ag .ag_d_imp_block {
        margin-top: 70px
    }

    .ag .ag_d_imp_block_image {
        margin-bottom: 50px
    }

    .ag .ag_d_imp_block_bottom_para {
        padding: 10px 80px;
        font-size: 80px
    }

    .ag .ag_d_info {
        padding: 0;
        font-size: 14px
    }

    .ag .ag_d_info_ttl {
        padding: 50px 0;
        font-size: 28px
    }

    .ag .ag_d_info_inner {
        width: 100%;
        max-width: none
    }

    .ag .ag_d_info_block {
        padding: 60px 0 20px;
        border-top: 1px solid #00358c
    }

    .ag .ag_d_info_block_inner {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 92%;
        max-width: 980px;
        margin: auto
    }

    .ag .ag_d_info_block_text {
        width: calc(100% - 400px);
        margin-bottom: 0
    }

    .ag .ag_d_info_block_ttl {
        width: 300px;
        padding: 10px 20px;
        font-size: 20px
    }

    .ag .ag_d_info_block_subttl {
        font-size: 22px
    }

    .ag .ag_d_info_block_map {
        max-width: 580px;
        margin-bottom: 30px
    }

        .ag .ag_d_info_block_map:before {
            padding-top: 60%
        }

    .ag .ag_d_reserve_inner {
        max-width: 800px
    }

    .ag .ag_d_reserve_box {
        max-width: none
    }

    .ag .ag_d_reserve_plan {
        width: 100%
    }

        .ag .ag_d_reserve_plan a {
            display: block;
            width: 100%
        }

    .ag .ag_d_reserve_plan_image {
        position: relative;
        width: 100%;
        padding-top: 76.524%
    }

        .ag .ag_d_reserve_plan_image img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center;
            font-family: "object-fit: cover; object-position: center;"
        }

    .ag .ag_d_other {
        max-width: 980px;
        margin: auto
    }

    .ag .ag_d_other_inner {
        padding: 30px 0
    }

    .ag .ag_d_other_box {
        display: flex;
        justify-content: space-between
    }

    .ag .ag_d_other_block {
        width: 47%;
        border-bottom: none
    }

        .ag .ag_d_other_block, .ag .ag_d_other_block:last-of-type {
            border-top: 1px solid #00358c
        }

            .ag .ag_d_other_block:first-of-type, .ag .ag_d_other_block:nth-of-type(2) {
                border-top: none
            }

            .ag .ag_d_other_block a {
                display: flex;
                align-items: center;
                padding: 20px 0
            }

    .ag .ag_d_other_block_left {
        width: 30%
    }

    .ag .ag_d_other_block_right {
        width: 70%
    }

    .ag .ag_d_other_block_ttl {
        padding-left: 10px;
        font-size: 15px
    }

    .ag .ag_d_ranking {
        max-width: 980px;
        margin: 100px auto auto
    }

    .ag .ag_d_activity {
        max-width: 980px;
        margin: 100px auto 0
    }

    .ag .ag_d_activity_tag {
        padding: 80px 0 60px
    }
}

@media (max-width:361px) {
    .ag .no-wrapp {
        display: inline-block;
        white-space: nowrap
    }
}

@media (-ms-high-contrast:none),print {
    .ag .ag_i_article_block_point {
        padding-top: 10px
    }
}



/*SNSボタン*/
.tb_footer__sns--list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
}

.tb_footer__sns--item {
    width: 39px;
    height: 39px;
    margin: 0 7.5px;
}

.tb_footer__sns--link {
    display: block;
    width: 100%;
    height: 100%;
}