.p-breadcrumb__inner, .p-wc-headline, .p-wc-headline02, .p-archive03__item-like, .p-article-like, .p-entry-product__category a, .p-wishlist__item-remove:hover {
    color: #14787B;
}

.p-button, .p-pagetop a {
    background-color: #14787B;
}

.slick-dots li.slick-active button {
    background-color: #14787B !important;
}

.p-page-links a:hover, .p-page-links > span, .p-pager__item .current, .p-pager__item a:hover, .c-comment__tab-item.is-active a, .c-comment__tab-item.is-active p, c-comment__password-protected, .c-pw__btn--register, .c-pw__btn, #wdgctToCheckout a {
    background-color: #14787B;
    border-color: #14787B;
}

.c-comment__tab-item a, .c-comment__tab-item p {
    border-color: #14787B;
}

.c-comment__tab-item.is-active a:after, .c-comment__tab-item.is-active p:after {
    border-top-color: #14787B;
}

.p-entry-product__header-like:hover, .p-entry-product__category a:hover, #wdgctToCart a:hover {
    color: #14787B;
}

.p-button:hover, .p-pagetop a:hover {
    background-color: #14787B;
}

.c-comment__tab-item a:hover {
    background-color: #14787B;
    border-color: #14787B;
}

.slick-dots li:hover button {
    background-color: #14787B !important;
}

.p-body a {
    color: #666666;
}

.p-body a:hover {
    color: #cccccc;
}

body, input, textarea, select, button {
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.p-logo, .p-entry__title, .p-headline, .p-page-header__title, .p-page-header__subtitle, .p-page-header__image-title, .p-page-header__image-subtitle, .p-header-content__catch, .p-cb__item-headline, .p-cb__item-subheadline {
    font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

.p-hover-effect--type1:hover .p-hover-effect__image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.p-hover-effect--type2 .p-hover-effect__image {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.p-hover-effect--type3 .p-hover-effect__image {
    -webkit-transform: scale(1.2) translate3d(-8px, 0, 0);
    -moz-transform: scale(1.2) translate3d(-8px, 0, 0);
    -ms-transform: scale(1.2) translate3d(-8px, 0, 0);
    transform: scale(1.2) translate3d(-8px, 0, 0);
}

.p-hover-effect--type3:hover .p-hover-effect__image {
    -webkit-transform: scale(1.2) translate3d(8px, 0, 0);
    -moz-transform: scale(1.2) translate3d(8px, 0, 0);
    -ms-transform: scale(1.2) translate3d(8px, 0, 0);
    transform: scale(1.2) translate3d(8px, 0, 0);
}

.p-hover-effect--type3:hover .p-hover-effect__bg, .p-hover-effect--type3.p-hover-effect__bg:hover {
    background: #000000;
}

.p-hover-effect--type3:hover .p-hover-effect__image {
    opacity: 0.5
}

.p-hover-effect--type4.p-hover-effect__bg:hover, .p-hover-effect--type4:hover .p-hover-effect__bg {
    background: #000000;
}

.p-hover-effect--type4:hover .p-hover-effect__image {
    opacity: 0.5;
}

.p-entry__title {
    font-size: 24px;
}

.p-entry__body {
    color: #000000;
    font-size: 16px;
}

.p-header__membermenu-cart__badge {
    background-color: #14787B;
    color: #ffffff;
}

.p-header__membermenu .p-header__membermenu-cart a {
    color: #14787B !important;
}

.p-header__lower-inner .p-header-memberbox a, .p-header__lower-inner .p-header-memberbox a, .l-header.is-header-fixed .p-header__lower-inner .p-header-memberbox a, .is-header-fixed .p-header__lower-inner .p-header-memberbox a {
    color: #ffffff;
}

.p-header-memberbox, .p-header-view-cart {
    background-color: #222222;
    color: #ffffff;
}

.p-entry-product__title {
    font-size: 24px;
}

.p-entry-product__body, p-wc__body {
    color: #000000;
    font-size: 16px;
}

.p-entry-product__cart-prices .amount, .woocommerce-variation-price .amount {
    font-size: 22px;
    color: #d80000;
}

.p-entry-product__cart-prices, .woocommerce-variation-price .amount {
    color: #000000;
}

.p-archive03__item-rating, .woocommerce .star-rating::before, .woocommerce .star-rating span::before, .woocommerce p.stars a, .comment-form-rating-radios label, #review_form .comment-reply-title {
    color: #00bcbc;
}

.reviews_tab_count {
    background-color: #00bcbc;
}

.p-entry-news__title {
    font-size: 24px;
}

.p-entry-news__body {
    color: #000000;
    font-size: 16px;
}

.p-header__logo--text {
    font-size: 36px;
}

.p-megamenu01 {
    background-color: #000000;
}

.p-megamenu01__list-item a {
    color: #ffffff;
}

.p-megamenu01__list-item a:hover {
    color: #ffffff;
}

.p-megamenu01__list-item__thumbnail-overlay {
    background-color: #000000;
    opacity: 0.4;
}

.p-megamenu02 {
    background-color: #000000;
}

.p-megamenu02__list-item a, .p-megamenu02__archive-item__meta {
    color: #ffffff;
}

.p-megamenu02__list-item a:hover {
    color: #999999;
}

.p-megamenu-a {
    background-color: #000000;
}

.p-megamenu-b {
    background-color: #000000;
}

.p-footer-nav__area {
    background-color: #eee;
}

.p-footer-nav__headline {
    color: #14787B;
}

.p-footer-nav, .p-footer-nav a, .p-footer-nav__area .p-social-nav a {
    color: #000000;
}

.p-footer-nav a:hover, .p-footer-nav__area .p-social-nav a:hover {
    color: #999999;
}

.p-footer__logo--text {
    font-size: 36px;
}

.p-copyright {
    background-color: #000000;
    color: #ffffff;
}

.p-copyright .p-social-nav a {
    color: #ffffff;
}

.styled_h2, .p-body .styled_h2 {
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222222;
    border-left: 0px solid #222222;
    border-right: 0px solid #222222;
    color: #000000;
    font-size: 22px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 30px 0px 30px 0px;
}

.styled_h3, .p-body .styled_h3 {
    border-top: 2px solid #222222;
    border-bottom: 1px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    color: #000000;
    font-size: 20px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 30px 0px 30px 20px;
}

.styled_h4, .p-body .styled_h4 {
    border-top: 0px solid #dddddd;
    border-bottom: 0px solid #dddddd;
    border-left: 2px solid #222222;
    border-right: 0px solid #dddddd;
    color: #000000;
    font-size: 18px;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 20px;
    padding: 10px 0px 10px 15px;
}

.styled_h5, .p-body .styled_h5 {
    border-top: 0px solid #dddddd;
    border-bottom: 0px solid #dddddd;
    border-left: 0px solid #dddddd;
    border-right: 0px solid #dddddd;
    color: #000000;
    font-size: 16px;
    text-align: left;
    margin-bottom: 30px;
    margin-top: 0px;
    padding: 15px 15px 15px 15px;
}

.q_custom_button1 {
    background: #535353;
    color: #ffffff !important;
}

.q_custom_button1:hover, .q_custom_button1:focus {
    background: #7d7d7d;
    color: #ffffff !important;
}

.q_custom_button2 {
    background: #535353;
    color: #ffffff !important;
}

.q_custom_button2:hover, .q_custom_button2:focus {
    background: #7d7d7d;
    color: #ffffff !important;
}

.q_custom_button3 {
    background: #535353;
    color: #ffffff !important;
}

.q_custom_button3:hover, .q_custom_button3:focus {
    background: #7d7d7d;
    color: #ffffff !important;
}

.speech_balloon_left1 .speach_balloon_text {
    background-color: #ffdfdf;
    border-color: #ffdfdf;
    color: #000000;
}

.speech_balloon_left1 .speach_balloon_text::before {
    border-right-color: #ffdfdf;
}

.speech_balloon_left1 .speach_balloon_text::after {
    border-right-color: #ffdfdf;
}

.speech_balloon_left2 .speach_balloon_text {
    background-color: #ffffff;
    border-color: #ff5353;
    color: #000000;
}

.speech_balloon_left2 .speach_balloon_text::before {
    border-right-color: #ff5353;
}

.speech_balloon_left2 .speach_balloon_text::after {
    border-right-color: #ffffff;
}

.speech_balloon_right1 .speach_balloon_text {
    background-color: #ccf4ff;
    border-color: #ccf4ff;
    color: #000000;
}

.speech_balloon_right1 .speach_balloon_text::before {
    border-left-color: #ccf4ff;
}

.speech_balloon_right1 .speach_balloon_text::after {
    border-left-color: #ccf4ff;
}

.speech_balloon_right2 .speach_balloon_text {
    background-color: #ffffff;
    border-color: #0789b5;
    color: #000000;
}

.speech_balloon_right2 .speach_balloon_text::before {
    border-left-color: #0789b5;
}

.speech_balloon_right2 .speach_balloon_text::after {
    border-left-color: #ffffff;
}

@media (min-width: 992px) {
    .p-header__upper {
        background-color: #eeeeee;
    }

    .p-header__upper, .p-header__upper a {
        color: #000000;
    }

    .p-header__upper a:hover, .p-header__upper button:hover {
        color: #999999;
    }

    .p-header__lower {
        background-color: #ffffff;
    }

    .p-header__lower-inner, .p-header__lower-inner a, .p-global-nav > li > a {
        color: #000000;
    }

    .p-header__lower-inner a:hover, .p-header__lower-inner button:hover {
        color: #999999;
    }

    .p-global-nav > li > a:hover, .p-global-nav > li.current-menu-item > a {
        background-color: #00bcbc;
        border-color: #00bcbc;
    }

    .l-header__fix .is-header-fixed .p-header__upper {
        background-color: rgba(238, 238, 238, 0.8);
    }

    .l-header__fix .is-header-fixed .p-header__upper, .l-header__fix--mobile .is-header-fixed .p-header__upper a {
        color: #000000;
    }

    .l-header__fix .is-header-fixed .p-header__upper a:hover, .l-header__fix--mobile .is-header-fixed .p-header__upper button:hover {
        color: #999999;
    }

    .l-header__fix .is-header-fixed .p-header__lower {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .l-header__fix .is-header-fixed .p-header__lower-inner, .l-header__fix--mobile .is-header-fixed .p-header__lower-inner a {
        color: #000000;
    }

    .l-header__fix .is-header-fixed .p-header__lower-inner a:hover, .l-header__fix--mobile .is-header-fixed .p-header__lower-inner button:hover, .l-header__fix .is-header-fixed .p-global-nav > li:hover > a, .l-header__fix .is-header-fixed .p-global-nav > li.current-menu-item > a {
        color: #999999;
    }

    .p-global-nav .sub-menu a {
        background-color: #222222;
        color: #ffffff !important;
    }

    .p-global-nav .sub-menu a:hover, .p-global-nav .sub-menu .current-menu-item > a {
        background-color: #14787B;
        color: #ffffff !important;
    }
}

@media (max-width: 991px) {
    .p-header__upper {
        background-color: #eeeeee;
    }

    .p-header__upper, .p-header__upper a, .wp-mobile-device .p-header__upper-search__button:hover {
        color: #000000;
    }

    .p-header__lower, .p-header__upper-search__form {
        background-color: #ffffff;
    }

    .p-header__lower-inner, .p-header__lower-inner a {
        color: #000000;
    }

    .l-header__fix .is-header-fixed .p-header__upper {
        background-color: rgba(238, 238, 238, 0.8);
    }

    .l-header__fix .is-header-fixed .p-header__upper, .l-header__fix--mobile .is-header-fixed .p-header__upper a {
        color: #000000;
    }

    .l-header__fix--mobile .is-header-fixed .p-header__lower {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .l-header__fix--mobile .is-header-fixed .p-header__lower::before {
        opacity: 0.8
    }

    .l-header__fix--mobile .is-header-fixed .p-header__lower-inner, .l-header__fix--mobile .is-header-fixed .p-header__lower-inner a {
        color: #000000;
    }

    .p-header__logo--text {
        font-size: 26px;
    }

    .p-footer__logo--text {
        font-size: 26px;
    }

    .p-drawer__contents {
        background-color: #000000;
    }

    .p-drawer__menu > li, .p-drawer__membermenu02 > li + li {
        border-color: #666666
    }

    .p-drawer__menu a, .p-drawer__menu > li > a {
        background-color: #000000;
        color: #ffffff !important;
    }

    .p-drawer__menu a, .p-drawer__menu > li > a {
        background-color: #000000;
        color: #ffffff !important;
    }

    .p-drawer__menu a:hover, .p-drawer__menu > li > a:hover {
        background-color: #000000;
        color: #00bcbc !important;
    }

    .p-drawer__menu .sub-menu a {
        background-color: #444444;
        color: #ffffff !important;
    }

    .p-drawer__menu .sub-menu a:hover {
        background-color: #444444;
        color: #00bcbc !important;
    }

    .p-entry__title {
        font-size: 18px;
    }

    .p-entry__body {
        font-size: 14px;
    }

    .p-entry-product__title {
        font-size: 18px;
    }

    .p-entry-product__body {
        font-size: 14px;
    }

    .p-entry-product__price {
        font-size: 16px;
    }

    .p-entry-news__title {
        font-size: 18px;
    }

    .p-entry-news__body {
        font-size: 14px;
    }
}

.p-header-carousel {
    background-color: #eee;
}

.p-header-carousel__item a {
    background-color: #eee;
    color: #000000;
}

.p-header-carousel__item a:hover {
    color: #999999;
}

#cb_1 .p-cb-blocks__item--1 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--1 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--2 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--2 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--3 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--3 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--4 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--4 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--5 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--5 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--6 .p-cb-blocks__info {
    color: #ffffff;
}

#cb_1 .p-cb-blocks__item--6 a:hover .p-cb-blocks__info {
    color: #ffffff;
}

#cb_2 .p-cb__item-headline {
    color: #000000;
    font-size: 36px;
}

#cb_2 .p-cb__item-content a {
    color: #000000;
}

#cb_2 .p-cb__item-content a:hover {
    color: #999999;
}

#cb_3::after {
    background: -webkit-linear-gradient(left, rgba(221, 153, 51, 0.27) 25%, rgba(238, 238, 34, 0.15) 50%, rgba(30, 115, 190, 0.13) 75%);
    background: -moz-linear-gradient(left, rgba(221, 153, 51, 0.27) 25%, rgba(238, 238, 34, 0.15) 50%, rgba(30, 115, 190, 0.13) 75%);
    background: linear-gradient(to right, rgba(221, 153, 51, 0.27) 25%, rgba(238, 238, 34, 0.15) 50%, rgba(30, 115, 190, 0.13) 75%);
}

#cb_3 .p-archive03__item a, #cb_3 .slick-arrow {
    color: #565656;
}

#cb_3 .p-archive03__item a:hover, #cb_3 .slick-arrow:hover {
    color: #000000;
}

#cb_3 .p-archive03-carousel__tab-item a {
    background-color: #222222;
    color: #ffffff;
}

#cb_3 .p-archive03-carousel__tab-item a:hover {
    background-color: #14787B;
    border-color: #14787B;
    color: #ffffff;
}

#cb_3 .p-archive03-carousel__tab-item.is-active a {
    background-color: #14787B;
    border-color: #14787B;
    color: #ffffff;
}

#cb_4 .p-cb__item-headline {
    color: #000000;
    font-size: 36px;
}

#cb_4 .p-cb__item-button {
    background-color: #14787B;
    color: #ffffff !important;
}

#cb_4 .p-cb__item-button:hover {
    background-color: #14787B;
    color: #ffffff !important;
}

#cb_4 .p-cb__item-content a {
    color: #000000;
}

#cb_4 .p-cb__item-content a:hover {
    color: #999999;
}

@media (max-width: 991px) {
    #cb_2 .p-cb__item-headline {
        font-size: 20px;
    }

    #cb_4 .p-cb__item-headline {
        font-size: 20px;
    }
}

.form-row .form-check-label,
.form-row input[type="radio"] + label {
    display: inline !important;
}

.text-danger {
    color: #c0070a !important;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.btn-box {
    margin: 20px 0;
}

.btn-box p {
    display: inline-block;
    margin-bottom: 0;
}

@media (max-width: 991px) {
    .btn-box p:first-child {
        margin-bottom: 1em;
    }

    .btn-box p {
        display: block;
    }
}

ul.list-inline {
    padding-left: 0;
    list-style: none;
    margin: 0 !important;
}

.list-inline-item:not(:last-child) {
    margin-right: .5rem;
}

.list-inline-item {
    display: inline-block;
}

.list-inline-item a {
    color: #000 !important;
}

.list-inline-item span {
    color: #666;
}

/* --------------------------------
    バッジ
-------------------------------- */
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .badge {
        transition: none;
    }
}

a.badge:hover, a.badge:focus {
    text-decoration: none;
}

.badge:empty {
    display: none;
}

.btn .badge {
    position: relative;
    top: -1px;
}

.badge-pill {
    padding-right: 0.6em;
    padding-left: 0.6em;
    border-radius: 10rem;
}

.badge-primary {
    color: #fff;
    background-color: #007bff;
}

a.badge-primary:hover, a.badge-primary:focus {
    color: #fff;
    background-color: #0062cc;
}

a.badge-primary:focus, a.badge-primary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
}

.badge-secondary {
    color: #fff;
    background-color: #6c757d;
}

a.badge-secondary:hover, a.badge-secondary:focus {
    color: #fff;
    background-color: #545b62;
}

a.badge-secondary:focus, a.badge-secondary.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.badge-success {
    color: #fff;
    background-color: #28a745;
}

a.badge-success:hover, a.badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.badge-success:focus, a.badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}

.badge-info {
    color: #fff;
    background-color: #17a2b8;
}

a.badge-info:hover, a.badge-info:focus {
    color: #fff;
    background-color: #117a8b;
}

a.badge-info:focus, a.badge-info.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
}

.badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.badge-warning:hover, a.badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.badge-warning:focus, a.badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}

.badge-danger {
    color: #fff;
    background-color: #dc3545;
}

a.badge-danger:hover, a.badge-danger:focus {
    color: #fff;
    background-color: #bd2130;
}

a.badge-danger:focus, a.badge-danger.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
}

.badge-light {
    color: #212529;
    background-color: #f8f9fa;
}

a.badge-light:hover, a.badge-light:focus {
    color: #212529;
    background-color: #dae0e5;
}

a.badge-light:focus, a.badge-light.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
}

.badge-dark {
    color: #fff;
    background-color: #343a40;
}

a.badge-dark:hover, a.badge-dark:focus {
    color: #fff;
    background-color: #1d2124;
}

a.badge-dark:focus, a.badge-dark.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
}

/* --------------------------------
    ページリンク
-------------------------------- */

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

.pagination > li {
    display: inline;
}

.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination-lg > li > a, .pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

/********************************************
ページング
********************************************/
.loader-ellips {
    font-size: 20px;
    position: relative;
    width: 4em;
    height: 1em;
    margin: 30px auto;
}

.loader-ellips__dot {
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 0.5em;
    background: #555;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite;
}

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
    left: 0;
}

.loader-ellips__dot:nth-child(3) {
    left: 1.5em;
}

.loader-ellips__dot:nth-child(4) {
    left: 3em;
}

@keyframes reveal {
    from {
        transform: scale(0.001);
    }
    to {
        transform: scale(1);
    }
}

@keyframes slide {
    to {
        transform: translateX(1.5em)
    }
}

.loader-ellips__dot:nth-child(1) {
    animation-name: reveal;
}

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
    animation-name: slide;
}

.loader-ellips__dot:nth-child(4) {
    animation-name: reveal;
    animation-direction: reverse;
}

.page-load-status {
    display: none;
    padding-top: 20px;
    text-align: center;
    color: #777;
}

/********************************************
display mask
********************************************/
.bg-load-overlay {
    background: rgba(255, 255, 255, 0.4);
    box-sizing: border-box;
    position: fixed;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-around;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2147483647;
    opacity: 1;
}

@media (max-width: 767.98px) {
    .sp {
        display: block !important;
    }

    .pc {
        display: none !important;
    }

    #table-horizontal table th,
    #table-horizontal table td {
        display: block;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-bottom: none;
    }

    #table-horizontal table tr:last-child td {
        border-bottom: 1px solid #ddd;
    }

    #table-horizontal table th {
        background: #f7f7f7;
    }

    #table-horizontal table td input[type=text],
    #table-horizontal table td input[type=mail],
    #table-horizontal table td input[type=tel] {
        width: 85%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    #table-vertical table tr {
        display: block;
        float: left;
    }

    #table-vertical table tr td,
    #table-vertical table tr th {
        display: block;
        height: 50px;
        border-bottom: none;
    }

    #table-vertical table tr th:last-child,
    #table-vertical table tr td:last-child {
        border-bottom: 1px solid #ddd;
    }

    #table-vertical table thead {
        display: block;
        float: left;
        width: 40%;
    }

    #table-vertical table thead tr {
        width: 100%;
    }

    #table-vertical table tbody {
        display: block;
        float: left;
        width: 60%;
    }

    #table-vertical table tbody tr {
        width: 100%;
    }

    #table-vertical table tr td {
        border-left: none;
    }

    #table-content table thead {
        display: none;
    }

    #table-content table tr {
        width: 100%;
    }

    #table-content table td {
        display: block;
        text-align: right;
        width: 100%;
        padding: 10px;
    }

    #table-content table td:first-child {
        background: #e1e1e1;
        font-weight: bold;
        text-align: center;
    }

    #table-content table td:before {
        content: attr(data-label);
        float: left;
        font-weight: bold;
        margin-right: 10px;
    }
    #table-content table .input-schedule {
        width: 50%;
    }

}