.l-header__logo--mobile { display: none !important; }

#js-footer-widget { display: none !important; }

    .c-comment__tab-item.is-active a,
    .c-comment__tab-item a:hover,
    .c-comment__tab-item.is-active p {
      background-color: rgba(255, 255, 255, 0.7);
    }

    .c-comment__tab-item.is-active a:after,
    .c-comment__tab-item.is-active p:after {
      border-top-color: rgba(255, 255, 255, 0.7);
    }

    .p-article__meta,
    .p-blog-list__item-excerpt,
    .p-ranking-list__item-excerpt,
    .p-author__views,
    .p-page-links a,
    .p-page-links .p-page-links__title,
    .p-pager__item span {
      color: #999999;
    }

    .p-page-links>span,
    .p-page-links a:hover,
    .p-entry__next-page__link {
      background-color: #999999;
    }

    .p-page-links>span,
    .p-page-links a {
      border-color: #999999;
    }

    a:hover,
    a:hover .p-article__title,
    .p-global-nav>li:hover>a,
    .p-global-nav>li.current-menu-item>a,
    .p-global-nav>li.is-active>a,
    .p-breadcrumb a:hover,
    .p-widget-categories .has-children .toggle-children:hover::before,
    .p-footer-widget-area .p-siteinfo .p-social-nav li a:hover,
    .p-footer-widget-area__default .p-siteinfo .p-social-nav li a:hover {
      color: #aaaaaa;
    }

    .p-global-nav .sub-menu a:hover,
    .p-global-nav .sub-menu .current-menu-item>a,
    .p-megamenu a.p-megamenu__hover:hover,
    .p-entry__next-page__link:hover,
    .c-pw__btn:hover {
      background: #aaaaaa;
    }

    .p-entry__date,
    .p-entry__body,
    .p-author__desc,
    .p-breadcrumb,
    .p-breadcrumb a {
      color: #0a0a0a;
    }

    .p-entry__body a,
    .custom-html-widget a {
      color: #000000;
    }

    .p-entry__body a:hover,
    .custom-html-widget a:hover {
      color: #aaaaaa;
    }

    .p-float-native-ad-label {
      background: #000000;

      font-size: 11px;
    }

    .p-category-item--9,
    .cat-item-9>a,
    .cat-item-9 .toggle-children {
      color: #000000;
    }

    .p-category-item--43,
    .cat-item-43>a,
    .cat-item-43 .toggle-children {
      color: #000000;
    }

    .p-category-item--52,
    .cat-item-52>a,
    .cat-item-52 .toggle-children {
      color: #000000;
    }

    body {
      font-family: Verdana, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    }

    .p-logo,
    .p-entry__title,
    .p-article__title,
    .p-article__title__overlay,
    .p-headline,
    .p-page-header__title,
    .p-widget__title,
    .p-sidemenu .p-siteinfo__title,
    .p-index-slider__item-catch,
    .p-header-video__caption-catch,
    .p-footer-blog__catch,
    .p-footer-cta__catch {
      font-family: Segoe UI, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
    }

    .c-load--type1 {
      border: 3px solid rgba(153, 153, 153, 0.2);
      border-top-color: #000000;
    }

    .p-hover-effect--type1:hover img {
      -webkit-transform: scale(1.2) rotate(2deg);
      transform: scale(1.2) rotate(2deg);
    }

    .p-hover-effect--type2 img {
      margin-left: -8px;
    }

    .p-hover-effect--type2:hover img {
      margin-left: 8px;
    }

    .p-hover-effect--type1 .p-article__overlay {
      background: rgba(0, 0, 0, 0.5);
    }

    .p-hover-effect--type2:hover img {
      opacity: 0.5
    }

    .p-hover-effect--type2 .p-hover-effect__image {
      background: #000000;
    }

    .p-hover-effect--type2 .p-article__overlay {
      background: rgba(0, 0, 0, 0.5);
    }

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

    .p-hover-effect--type3:hover img {
      opacity: 0.5;
    }

    .p-hover-effect--type3 .p-article__overlay {
      background: rgba(0, 0, 0, 0.5);
    }

    .p-page-header::before {
      background: rgba(0, 0, 0, 0.5)
    }

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

    .p-entry__body,
    .p-entry__body p {
      font-size: 15px;
    }

    .l-header__bar {
      background: rgba(255, 255, 255, 0.8);
    }

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

    .l-header__logo--text a {
      color: #000000;
      font-size: 28px;
    }

    .l-footer .p-siteinfo .p-logo {
      font-size: 28px;
    }

    @media only screen and (max-width: 1200px) {
      .l-header__logo--mobile.l-header__logo--text a {
        font-size: 18px;
      }

      .p-global-nav {
        background-color: rgba(255, 255, 255, 0.8);
      }
    }

    @media only screen and (max-width: 991px) {
      .l-footer .p-siteinfo .p-logo {
        font-size: 18px;
      }

      .p-pagetop a {
        background-color: #999999;
      }
    }

.p-entry__title {
      display: none;
    }

.l-main {
      font-family: "Noto Sans JP", system-ui, -apple-system, "Segoe UI", sans-serif;
    }

    h4 {
      text-underline-offset: 8px;
      font-size: 28px !important;
      justify-content: center;
      text-align: center;
      letter-spacing: 0.14em;
      line-height: 1.8 !important;
      font-weight: bold;
    }

    .pb_headline {
      font-weight: bold;
    }

    .menu-box {
      color: #09416c;
      border: 1px solid #09416c;
      padding: 25px 30px;
      line-height: 1.8em;
      background: #fff;
    }

    .widget1 h3 {
      display: flex;
      align-items: center;
    }

    .widget1 h3:before,
    .widget1 h3:after {
      content: "";
      height: 1px;
      flex-grow: 1;
      background-color: #000;
    }

    .widget1 h3:before {
      margin-right: 1rem;
    }

    .widget1 h3:after {
      margin-left: 1rem;
    }

    .button a {
      background: #fff;
      border-radius: 50px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px auto;
      max-width: 310px;
      padding: 13px 10px;
      color: #fff;
      transition: 0.3s ease-in-out;
      font-size: 16px;
      line-height: 1.2;
      letter-spacing: 0.1em;
      margin-top: 40px;
    }

    .disc {
      font-size: 16px !important;
    }

    .hukidasi {
      position: relative;
      padding: 0 10px;
      border: 2px solid #ECA682;
      background-color: #ECA682;
      color: #fff;
      max-width: 300px;
      margin: 60px auto 40px;
    }

    .hukidasi::before,
    .hukidasi::after {
      content: '';
      position: absolute;
      border: 16px solid transparent;
      top: 133%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .hukidasi::before {
      border-top: 24px solid #ECA682;
    }

    .hukidasi::after {
      margin-top: -3px;
      border-top: 24px solid #ECA682;
    }

    h2 {
      font-family: "ten-mincho", "貂明朝", "Noto Serif JP", serif;
      justify-content: center;
      text-align: center;
      font-size: 34px !important;
      line-height: 1.5 !important;
      margin: 6px auto;
      margin-bottom: 6px !important;
    }

    @media (width < 769px) {

      h2 {
        font-size: 24px !important;
      }

      h4 {
        font-size: 20px !important;
      }

      .disc {
        font-size: 14px !important;
      }

      .hukidasi::before,
      .hukidasi::after {
        top: 140%;
      }

    }

.tcd-pb-row.row1 {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
    }

    .tcd-pb-row.row1 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row1 {
        margin-bottom: 10px;
      }

      .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row1 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row2 {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
    }

    .tcd-pb-row.row2 .tcd-pb-row-inner {
      margin-left: -15px;
      margin-right: -15px;
    }

    .tcd-pb-row.row2 .tcd-pb-col.col1 {
      width: 45.2343%;
      padding-left: 15px;
      padding-right: 15px;
    }

    .tcd-pb-row.row2 .tcd-pb-col.col2 {
      width: 54.7656%;
      padding-left: 15px;
      padding-right: 15px;
    }

    .tcd-pb-row.row2 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row2 .tcd-pb-col.col2 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row2 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row2 .tcd-pb-row-inner {
        margin-left: -15px;
        margin-right: -15px;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col1 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col1 {
        width: 100%;
        float: none;
        margin-bottom: 30px;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col2 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col2 {
        width: 100%;
        float: none;
      }

      .tcd-pb-row.row2 .tcd-pb-col.col2 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row3 {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 50px;
    }

    .tcd-pb-row.row3 .tcd-pb-row-inner {
      margin-left: -15px;
      margin-right: -15px;
    }

    .tcd-pb-row.row3 .tcd-pb-col.col1 {
      width: 50%;
      padding-left: 15px;
      padding-right: 15px;
    }

    .tcd-pb-row.row3 .tcd-pb-col.col2 {
      width: 50%;
      padding-left: 15px;
      padding-right: 15px;
    }

    .tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row3 .tcd-pb-col.col2 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row3 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row3 .tcd-pb-row-inner {
        margin-left: -15px;
        margin-right: -15px;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col1 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col1 {
        width: 100%;
        float: none;
        margin-bottom: 30px;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col2 {
        padding-left: 15px;
        padding-right: 15px;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col2 {
        width: 100%;
        float: none;
      }

      .tcd-pb-row.row3 .tcd-pb-col.col2 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row4 {
      max-width: 800px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
    }

    .tcd-pb-row.row4 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row4 {
        margin-bottom: 10px;
      }

      .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row4 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row5 {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 120px;
    }

    .tcd-pb-row.row5 .tcd-pb-col.col1 {
      width: 100%;
      margin-bottom: 30px;
    }

    .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row5 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row6 {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 120px;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
      padding: 50px 0px 0px 0px;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
      padding: 0px 20px 0px 20px;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row6 {
        margin-bottom: 50px;
      }

      .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
        padding: 30px 0px 0px 0px;
      }

      .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
        padding: 0px 0px 0px 0px;
      }

      .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row7 {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 120px;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
      padding: 0px 20px 0px 20px;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row7 {
        margin-bottom: 50px;
      }

      .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
        padding: 0px 0px 0px 0px;
      }

      .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row8 {
      max-width: 720px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 70px;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
      margin-bottom: 30px;
      padding: 0px 20px 0px 20px;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row8 {
        margin-bottom: 50px;
      }

      .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget2 {
        margin-bottom: 30px;
        padding: 0px 0px 0px 0px;
      }

      .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget3 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row9 {
      max-width: 880px;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: 30px;
    }

    .tcd-pb-row.row9 .tcd-pb-col.col1 {
      width: 100%;
    }

    .tcd-pb-row.row9 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
      margin-bottom: 30px;
    }

    @media only screen and (max-width:767px) {
      .tcd-pb-row.row9 {
        margin-bottom: 30px;
      }

      .tcd-pb-row.row9 .tcd-pb-col.col1 .tcd-pb-widget.widget1 {
        margin-bottom: 30px;
      }
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
      font-size: 26px;
      text-align: center;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
      font-size: 26px;
      text-align: center;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
      font-size: 26px;
      text-align: center;
    }

    @media only screen and (max-width: 767px) {
      .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
        font-size: 24px;
        text-align: center;
      }

      .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
        font-size: 24px;
        text-align: center;
      }

      .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget1 .pb_headline {
        font-size: 24px;
        text-align: center;
      }
    }

    .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow {
      opacity: 0.6;
    }

    .tcd-pb-row.row5 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow:hover {
      opacity: 1;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow {
      opacity: 0.6;
    }

    .tcd-pb-row.row6 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow:hover {
      opacity: 1;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow {
      opacity: 0.6;
    }

    .tcd-pb-row.row7 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow:hover {
      opacity: 1;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow {
      opacity: 0.6;
    }

    .tcd-pb-row.row8 .tcd-pb-col.col1 .tcd-pb-widget.widget2 .pb_slider .slick-arrow:hover {
      opacity: 1;
    }

.p-global-nav .menu-item-has-children>a>span::before {
      color: #000 !important;
    }

    .p-global-nav ul {
      padding-right: 15px;
    }

.magnifying_glass {
      display: inline-block;
      position: relative;
      width: 1em;
      height: 1em;
      color: #000;
      font-size: 35px;
    }

    .magnifying_glass::before {
      position: absolute;
      top: 8px;
      left: -10px;
      width: 0.7em;
      height: 0.7em;
      box-sizing: border-box;
      border: 0.15em solid currentColor;
      border-radius: 50%;
      background-color: #fff;
      content: "";
    }

    .magnifying_glass::after {
      position: absolute;
      top: 26px;
      left: 29%;
      z-index: 1;
      transform: rotate(-45deg);
      width: 0.15em;
      height: 0.5em;
      box-sizing: border-box;
      background-color: currentColor;
      content: "";
    }

    .magnifying_glass2 {
      display: inline-block;
      position: relative;
      width: 1em;
      height: 1em;
      color: #000;
      font-size: 35px;
    }

    .magnifying_glass2::before {
      position: absolute;
      top: 8px;
      left: -10px;
      width: 0.7em;
      height: 0.7em;
      box-sizing: border-box;
      border: 0.15em solid currentColor;
      border-radius: 50%;
      background-color: #fff;
      content: "";
    }

    .magnifying_glass2::after {
      position: absolute;
      top: 26px;
      left: 29%;
      z-index: 1;
      transform: rotate(-45deg);
      width: 0.15em;
      height: 0.5em;
      box-sizing: border-box;
      background-color: currentColor;
      content: "";
    }

    .title8 {
      font-size: 32px;
      font-weight: 900;
      letter-spacing: 0.18em;
    }

    .midashi7 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 25%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 640px;
      font-size: 16px;
      font-weight: bold;
    }

    .midashi7:before {
      position: absolute;
      top: 3px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 10px 12px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi7:after {
      position: absolute;
      top: 1.2px;
      left: -0.48em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 9px 0 10px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

    .midashi8 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 40%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 480px;

      font-size: 16px;
      font-weight: bold;
    }

    .midashi8:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 14px 14px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi8:after {
      position: absolute;
      top: 1.3px;
      left: -0.5em;
      width: 0;
      height: 0;
      content: '';
      border-width: 14px 10px 0 6px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

    .midashi9 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 25%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 625px;
      font-size: 16px;
      font-weight: bold;
    }

    .midashi9:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 13px 12px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi9:after {
      position: absolute;
      top: 1.3px;
      left: -0.44em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 9px 0 10px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

.midashi11 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 50%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 360px;

      font-size: 16px;
      font-weight: bold;
    }

    .midashi11:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 16px 14px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi11:after {
      position: absolute;
      top: 1.3px;
      left: -0.5em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 15px 0 12px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

    .midashi12 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 40%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 480px;

      font-size: 16px;
      font-weight: bold;
    }

    .midashi12:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 16px 14px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi12:after {
      position: absolute;
      top: 1px;
      left: -0.5em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 15px 0 12px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

    .midashi13 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 25%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 625px;
      font-size: 16px;
      font-weight: bold;
    }

    .midashi13:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 14px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi13:after {
      position: absolute;
      top: 1px;
      left: -0.5em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 15px 0 12px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

    .midashi14 {
      position: relative;
      font-size: 18px;
      letter-spacing: 0.16em;
      padding: 5px;
      width: 25%;
      border: 3px solid #222;
      border-radius: 30px;
      background: #fff;
      margin: 40px auto;
      margin-right: 625px;
      font-size: 16px;
      font-weight: bold;
    }

    .midashi14:before {
      position: absolute;
      top: -0.9px;
      left: -0.7em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 14px 0 12px;
      border-style: solid;
      border-color: #222 transparent transparent transparent;
    }

    .midashi14:after {
      position: absolute;
      top: 1px;
      left: -0.5em;
      width: 0;
      height: 0;
      content: '';
      border-width: 15px 15px 0 12px;
      border-style: solid;
      border-color: #fff transparent transparent transparent;
    }

.midashi10 {
      background: #222;
      border-radius: 50px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 10px auto;
      width: 300px;
      padding: 10px 10px;
      color: #fff;
      transition: 0.3s ease-in-out;
      font-size: 18px;
      font-weight: 500;
      line-height: 1.5;
      letter-spacing: 0.1em;
      border: 4px solid #222;
      margin-top: 40px;
      cursor: pointer;
    }

.question-button-container {
      display: inline-block;
      position: relative;
    }

.question-icon {
      width: 24px;
      height: 24px;
      background-color: #fff;
      border: 3px solid #474747;
      border-radius: 50%;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      font-size: 16px;
      font-weight: bold;
      position: absolute;
      right: -8px;
      top: -5px;
      color: #474747;
      cursor: pointer;
    }

    .sports-icon {
      width: 30px;
      background-color: #fff;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      position: absolute;
      right: -8px;
      top: -5px;
      cursor: pointer;
    }

.tooltip {
      visibility: hidden;
      width: 300px;
      background-color: #555;
      color: #fff;
      text-align: center;
      border-radius: 5px;
      padding: 8px;
      position: absolute;
      z-index: 1;
      bottom: 120%;
      left: 50%;
      transform: translateX(-100%);
      opacity: 0;
      transition: opacity 0.3s;
      font-size: 12px;
      white-space: normal;
    }

.tooltip::after {
      content: "";
      position: absolute;
      top: 100%;
      left: 50%;
      transform: translateX(-100%);
      border-width: 5px;
      border-style: solid;
      border-color: #555 transparent transparent transparent;
    }

.question-icon:hover .tooltip,
    .question-icon:focus .tooltip {
      visibility: visible;
      opacity: 1;
    }

    .sports-icon:hover .tooltip,
    .sports-icon:focus .tooltip {
      visibility: visible;
      opacity: 1;
    }

@media (max-width: 768px) {
      .tooltip {
        width: 250px;
        font-size: 10px;
      }

      .question-icon {
        width: 22px;
        height: 22px;
        font-size: 14px;
      }
    }

    @media (max-width: 480px) {
      .tooltip {
        width: 60vw;
        font-size: 10px;
        padding: 6px;
        left: auto;
        right: 15px;
        transform: none;
        bottom: calc(100% + 10px);
      }

      .question-icon {
        width: 20px;
        height: 20px;
        font-size: 12px;
        border: 2px solid #474747;
        right: -6px;
        top: -4px;
      }

      .tooltip::after {
        left: auto;
        right: 15px;
        transform: none;
      }
    }

label {
      margin-right: 5px;
    }

    form {
      text-align: center;
    }

    form .form-box {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
    }

    form button {
      width: 15%;
      margin: 18px;
      padding: 8px;
    }

    .form-box {
      display: inline-block;
      position: relative;
    }

    .form-box input {
      opacity: 0;
      pointer-events: none;
      position: absolute;
      left: 0;
    }

.form-box label {
      font-size: 14px;
      padding: 0px 30px;
      border-radius: 10px;
      background: #fff;
      color: #222;
      font-size: 120%;
      letter-spacing: 0.16em;
      margin: 5px;
      border: 1px solid #222;
      display: inline-block;
      cursor: pointer;
      transition: .5s;
      text-align: center;
      line-height: 1.8;

    }

@media (hover: hover) and (pointer: fine) {
      .form-box label:hover {
        background: #222;
        color: #FFF;
      }
    }

@media (hover: none) and (pointer: coarse) {
      .form-box label:hover {
        background: initial;
        color: initial;
      }
    }

    .form-box input:checked+label {
      background: #222;
      color: #FFF;
    }

.form-box input:focus+label {
      box-shadow: 0 0 4px #555;
    }

#posts {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-around;
      margin-top: 25px;
    }

    .post_class {
      background: #fff;
      width: 30%;
      height: 26%;
      margin-bottom: 30px;
      border-radius: 30px;
      text-align: center
    }

    .post_class p {
      margin-bottom: 0;
      font-size: 16px !important;
      margin: 12px;
    }

    .post_class img {
      width: 100%;
      height: 30%;
      border-radius: 30px 30px 0 0;
      z-index: 1
    }

    .post_class a {
      font-size: 16px;
    }

.pagination {
      flex-wrap: wrap;
    }

    ul li {
      list-style: none;
    }

    .pagination {
      display: flex;
      justify-content: center;
    }

    .pagination li {
      margin: 0 10px;
    }

    li.first,
    li.prev,
    li.next,
    li.last {
      display: none;
    }

    @media (max-width: 1000px) {

      .post_class {
        width: 48%;
      }
    }

@media (max-width: 768px) {

      .post_class {
        width: 48%;
      }

      .midashi7 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 40% !important;
        margin: 10px auto !important;
        margin-right: 310px !important;
        font-size: 14px !important;
      }

      .midashi7:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi7:after {
        position: absolute;
        top: 1.2px;
        left: -0.48em;
        width: 0;
        height: 0;
        content: '';
        border-width: 15px 9px 0 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
      }

      .midashi8 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 50% !important;
        margin: 10px auto !important;
        margin-right: 250px !important;
        font-size: 14px !important;
      }

      .midashi8:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi8:after {
        position: absolute;
        top: 1.2px;
        left: -0.48em;
        width: 0;
        height: 0;
        content: '';
        border-width: 15px 9px 0 10px;
        border-style: solid;
        border-color: #fff transparent transparent transparent;
      }

      .midashi9 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 40% !important;
        margin: 10px auto !important;
        margin-right: 300px !important;
        font-size: 14px !important;
      }

      .midashi9:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi9:after {
        top: 1.2px;
        left: -0.48em;
      }

      .midashi10 {
        margin: 10px auto;
        width: 200px;
        padding: 10px 10px;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.14em;
        margin-top: 40px;

      }

      .midashi11 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 75% !important;
        margin: 10px auto !important;
        margin-right: 100px !important;
        font-size: 14px !important;
      }

      .midashi11:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi11:after {
        position: absolute;
        top: 1px;
        left: -0.2em;
        border-width: 11px 11px 0 10px !important;
      }

      .midashi12 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 50% !important;
        margin: 10px auto !important;
        margin-right: 250px !important;
        font-size: 14px !important;
      }

      .midashi12:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi12:after {
        position: absolute;
        top: -0.3px;
        left: -0.4em;
        border-width: 12px 11px 2px 12px;
      }

      .midashi13 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 40% !important;
        margin: 10px auto !important;
        margin-right: 300px !important;
        font-size: 14px !important;
      }

      .midashi13:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi13:after {
        top: 1.2px;
        left: -1.4px;
        border-width: 14px 12px 0 12px !important;
      }

      .midashi14 {
        letter-spacing: 0.14em !important;
        padding: 5px !important;
        width: 45% !important;
        margin: 10px auto !important;
        margin-right: 300px !important;
        font-size: 14px !important;
      }

      .midashi14:before {
        top: -0.9px !important;
        left: -0.46em;
        !important;
        border-width: 13px 12px 0 12px !important;
      }

      .midashi14:after {
        top: 1.2px;
        left: -1.4px;
        border-width: 14px 12px 0 12px !important;
      }

.form-box label {
        padding: 0px 25px;
        font-size: 12px !important;
        letter-spacing: 0.14em;
        line-height: 1.5;
      }

.post_class {
        background: #fff;
        height: 26%;
        margin-bottom: 10px;
        border-radius: 20px;
        text-align: center
      }

      .post_class p {
        margin-bottom: 0;
        font-size: 14px !important;
      }

      .post_class img {
        width: 100%;
        height: 30%;
        border-radius: 20px 20px 0 0;
      }

      .post_class a {
        font-size: 14px;
      }
    }

    @media (max-width: 414px) {
      .title8 {
        font-size: 18px;
      }

      .magnifying_glass {
        font-size: 22px;
      }

      .magnifying_glass::after {
        top: 19px;
        left: 24%;
      }

      .magnifying_glass2 {
        font-size: 20px;
      }

      .magnifying_glass2::before {
        top: 5px;
        left: -6px;
      }

      .magnifying_glass2::after {
        top: 14px;
        left: 24%;
      }

      .midashi7 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 50% !important;
        margin: 10px auto !important;
        margin-right: 170px !important;
      }

      .midashi8 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 80% !important;
        margin: 10px auto !important;
        margin-right: 60px !important;
      }

      .midashi9 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 50% !important;
        margin: 10px auto !important;
        margin-right: 170px !important;
      }

      .midashi10 {
        margin: 10px auto;
        width: 200px;
        padding: 10px 10px;
        font-size: 14px !important;
        font-weight: 500;
        line-height: 1.5;
        letter-spacing: 0.14em;
        margin-top: 40px;

      }

      .midashi11 {
        width: 50% !important;
        margin-right: 170px !important;
      }

      .midashi12 {
        width: 75% !important;
        margin-right: 100px !important;
      }

      .midashi13 {
        width: 60% !important;
        margin-right: 170px !important;
      }

      .midashi14 {
        width: 68% !important;
        margin-right: 170px !important;
      }

      .form-box label {
        padding: 0px 25px;
        font-size: 12px !important;
        letter-spacing: 0.14em;
        line-height: 1.5;
      }

      .midashi10 {
        border-radius: 30px;
        font-size: 12px !important;
      }

.post_class {
        margin-bottom: 30px;
        border-radius: 10px;
      }

      .post_class p {
        margin: 12px 0;
        font-size: 12px !important;
      }

      .post_class img {
        width: 100%;
        height: 30%;
        border-radius: 10px 10px 0 0;
      }

      .post_class a {
        font-size: 12px;
      }
    }

    @media (max-width: 390px) {
      .midashi7 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 50% !important;
        margin: 10px auto !important;
        margin-right: 160px !important;
      }

      .midashi8 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 80% !important;
        margin: 10px auto !important;
        margin-right: 60px !important;
      }

      .midashi9 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 60% !important;
        margin: 10px auto !important;
        margin-right: 130px !important;
      }

      .midashi12 {
        width: 85% !important;
        margin-right: 65px !important;
      }

      .midashi12: after {
        border-width: 11px 15px 0 12px;
        !important;
      }

.midashi13 {
        width: 60% !important;
        margin-right: 140px !important;
      }

      .midashi14 {
        width: 68% !important;
        margin-right: 140px !important;
      }

      .form-box label {
        padding: 0px 25px;
        font-size: 12px !important;
        letter-spacing: 0.14em;
        line-height: 1.5;
      }

.post_class p {
        font-size: 10px !important;
      }

      .post_class a {
        font-size: 10px;
      }
    }

@media (max-width: 375px) {

      .magnifying_glass2 {
        font-size: 18px;
      }

      .magnifying_glass2::before {
        top: 3px;
        left: -1px;
      }

      .magnifying_glass2::after {
        top: 12px;
        left: 50%;
      }

      .midashi7 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 55% !important;
        margin: 10px auto !important;
        margin-right: 130px !important;
      }

      .midashi8 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 80% !important;
        margin: 10px auto !important;
        margin-right: 50px !important;
      }

      .midashi9 {
        letter-spacing: 0.14em !important;
        padding: 8px !important;
        width: 60% !important;
        margin: 10px auto !important;
        margin-right: 115px !important;
      }

.midashi11 {
        width: 60% !important;
        margin-right: 130px !important;
      }

      .midashi12: after {
        top: -0.2px !important;
        left: -0.45em !important;
        border-width: 12px 12px 0 12px;
        !important;
      }

.form-box label {
        padding: 0px 25px;
        font-size: 12px !important;
        letter-spacing: 0.14em;
        line-height: 1.5;
      }
    }

.p-copyright small {
      font-size: 100%;
    }

    .p-copyright a {
      text-decoration: underline;
    }

#menu-item-2097 a {
      padding-left: 0;
    }

    #menu-item-2097::before {
      content: '\f08e';
      font-family: 'Font Awesome 5 Free';
      font-weight: 900;
      font-size: .6em;
    }

    @media only screen and (max-width: 1200px) {
      #menu-item-2097 a {
        padding-left: 50px;
      }

      #menu-item-2097::before {
        padding-left: 24px;
        position: absolute;
      }

      #menu-item-124 a:first-child {
        padding-left: 50px;
      }

      #menu-item-3302 a {
        padding-left: 50px;
      }

    }

.p-entry__date,
    .p-entry__body,
    .p-author__desc,
    .p-breadcrumb,
    .p-breadcrumb a,
    .p-entry__body a,
    .custom-html-widget a,
    .l-header__logo--text a,
    .l-header__bar>.l-inner>a {
      color: #222222;
    }

    .p-entry__meta,
    .c-entry-nav__item--prev,
    .c-entry-nav__item--prev,
    .p-entry__date,
    #js-menu-button,
    .p-entry__thumbnail {
      display: none;
    }

    .p-global-nav>li>a {
      padding-left: 15px;
      padding-right: 15px;
    }

    .l-header__bar>.l-inner>a,
    .p-global-nav>li>a {
      color: #000;
    }

    .p-entry__related,
    .c-comment,
    .c-entry-nav__item--empty {
      display: none;
    }

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

    .p-global-nav .sub-menu a:hover {
      background: #fff;
      color: #BC121A !important;
    }

    .p-global-nav .sub-menu .current-menu-item>a:visited {
      background: #f7f7f7;
    }

    a:hover {
      color: #BC121A !important;
    }

body,
    #js-global-nav,
    .tcd-pb-row row5,
    .tcd-pb-row.row8 {
      font-family: 'Noto Sans JP', sans-serif;
    }

.p-global-nav>li a {
      font-size: 16px;
      font-weight: 900;
      letter-spacing: 2.2px;
    }

    .p-global-nav .sub-menu>li a {
      font-size: 13px;
      font-weight: 700;
      letter-spacing: 2.2px;
    }

    #js-global-nav {
      font-size: 24px;
      font-weight: bold;
      letter-spacing: 0.14em;
      padding-right: 15px;
    }

    .p-global-nav .menu-item-has-children:nth-child(4)>a>span::before,
    .p-global-nav .menu-item-has-children:nth-child(5)>a>span::before {
      line-height: 55px;
      height: 100%;
      left: 0;
      margin: 0 24px;
      width: 90%;
      text-align: left;
    }

    .p-global-nav .menu-item-has-children:nth-child(4)>a>span::before {
      display: block
    }

    @media only screen and (max-width: 991px) {
      .p-pagetop a {
        background-color: #fff;
      }
    }

.swiper-wrapper {
      transition-timing-function: linear;
    }

    .swiper-slide {
      position: relative;
      overflow: hidden;
    }

    .swiper-slide a {
      display: block;
      position: relative;
      pointer-events: auto;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: auto;
    }

    .swiper-slide .overlay-text {
      position: absolute;
      top: 75%;
      
      left: 50%;
      width: 100%;
      height: 100%;
      text-align: center;
      transform: translate(-50%, -50%);
      font-size: 20px;
      
      font-weight: bold;
      
      color: black;
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 2;
    }

    .slider1 .swiper-slide::before,
    .slider2 .swiper-slide::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(255, 255, 255, 0.7);
      opacity: 0;
      transition: opacity 0.3s ease;
      z-index: 1;
    }

    .slider1 .swiper-slide:hover::before,
    .slider1 .swiper-slide:hover .overlay-text,
    .slider2 .swiper-slide:hover::before,
    .slider2 .swiper-slide:hover .overlay-text {
      opacity: 1;
    }

    .l-header__bar {
      background-color: #ffffff;
      border-bottom: none;
    }

    @media only screen and (max-width: 1200px) {
      .p-global-nav .menu-item-has-children>a>span.is-active::before {
        -webkit-transform: rotateX(0deg);
        -moz-transform: rotateX(0deg);
        -ms-transform: rotateX(0deg);
        -o-transform: rotateX(0deg);
        transform: rotateX(0deg);
      }
    }

    .l-header__logo--pc {
      display: none;
    }

    .l-header__logo--mobile {
      display: block;
    }

.u-hidden-lg {
      padding-top: 5px;
    }

.button-2 {
      background-color: rgba(51, 51, 51, 0.05);
      border-radius: 0 0 8px 8px;
      border-width: 0;
      color: #333333;
      cursor: pointer;
      display: inline-block;
      font-size: 14px;
      font-weight: 500;
      line-height: 20px;
      list-style: none;
      margin: 0;
      padding: 10px 12px;
      text-align: center;
      transition: all 200ms;
      vertical-align: baseline;
      white-space: nowrap;
      user-select: none;
      -webkit-user-select: none;
      touch-action: manipulation;
      ;
    }

.l-main {
      background: #e4dfcf;
    }

    #search-map {
      width: 100%;
      height: 600px;
    }

.post_container a {
      display: block;
    }

    .post_container {
      position: relative;
      overflow: hidden;
    }

    .favo_container {
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;

      position: absolute;
      top: 68%;
      left: 5%;
      width: 20%;
      height: 20%;

      cursor: pointer;
      z-index: 2;
    }

    .favo {
      display: inline-block;
      color: #FFFFFF;
      background-color: #F7F6F6;
      border-radius: 50%;
      padding: 25%;
    }

    .favo i {
      font-size: 1.1rem;
      color: #E6E5E5;
      width: 100%;
      height: 100%;
      display: flex
    }

    .favo_add {
      color: #FFFFFF;
      background-color: #A82323;
    }

    .post_class>a:hover {
      color: #222222 !important;
    }

    .post_img_container {
      position: relative;
      border-radius: 20px 20px 0 0;
      overflow: hidden;
      z-index: 1
    }

    .post_img:hover {
      transform: scale(1.1);
      transition-duration: 0.3s;
    }

    .favo:active span::after {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100px;
      height: 100px;
      margin-top: -50px;
      margin-left: -50px;
      content: "";
      background: #ffffff;
      border-radius: 100%;
      opacity: 0;
      outline: none;
      animation: ripple 0.3s;
    }

    @keyframes ripple {
      0% {
        opacity: 1;
        transform: scale(0.0);
      }

      100% {
        opacity: 0;
        transform: scale(1.0);
      }
    }

iframe {
      width: 100% !important;
    }

    footer .p-siteinfo img {
      width: 260px;
    }

    #js-pagetop {
      display: none !important;
    }

.pagetop {
      display: none;
      position: fixed;
      bottom: 70px;
      right: 10px;
      width: 10%;
    }

    .pagetop img:hover {
      transform: translateX(-60px);
      transition: .4s;
    }

    .pagetop img {
      width: 200px;
      height: auto;
    }

    @media only screen and (max-width: 767px) {

      button {
        width: 100%;
      }

      .pagetop {
        display: none !important;
      }

.categoryid-9 .l-main .l-inner {
        width: 88% !important;
        margin: auto;
      }
    }

    @media (max-width: 375px) {
      .mapT {
        width: 39%;
      }

      .B2 {
        width: 100% !important;
      }
    }

    @media only screen and (max-width: 1200px) {
      .kaiten-tenpo {
        z-index: 998;
      }

      #js-menu-button {
        display: block;
      }

      .p-global-nav {
        background-color: rgba(255, 255, 255, 1);
        padding-bottom: 20px;
        padding-right: 15px;
      }

      .p-global-nav>li>a {
        padding: 15px 41px 15px 22px;
      }

      .pagetop {
        right: 60px;
      }

      .p-global-nav a {
        color: #000 !important;
      }

      .p-global-nav a:hover {
        color: #BC121A !important;
      }

      .l-header__logo a {
        margin-right: 20px;
      }
    }

    @media only screen and (min-width: 1200px) {
      .p-logo {
        max-width: 290px;
        float: left;
      }

      .p-logo img {
        width: 300px;
      }

      .u-visible-lg {
        display: block;
      }

      .l-header__bar {
        margin: 0 auto;
        padding: 20px 30px 10px 30px;
      }

      .l-header__bar .l-inner {
        margin: 0;
        max-width: 100%;
        width: 100%;
      }

      .p-global-nav {
        text-align: right;
      }

    }

    .custom-post-tags {
      margin-top: 15px;
      margin-bottom: 30px;
      font-size: 14px;
      color: #555;
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      row-gap: 20px;
      width: 60%;
      
    }

@media (max-width: 768px) {
      .custom-post-tags {
        width: 100%;
      }
    }

    .custom-post-tags a.custom-tag-link {
      color: black;
      text-decoration: none;
      padding: 0px 30px;
      background-color: #fff;
      border: 3px solid #222;
      border-radius: 25px;
      margin-right: 5px;
      display: inline-block;
      cursor: pointer;
      text-align: center;
      font-size: 120%;
    }

    .custom-post-tags a.custom-tag-link:hover {
      background-color: #222;
      
      color: #fff !important;
    }

.grid {
      display: none;
      gap: 2%;
      max-width: 1240px;
      margin: 40px auto 20px;
      padding: 0 30px;
      flex-wrap: wrap;
    }

    .grid .item {
      width: 18.5%;
    }

    @media screen and (max-width: 767px) {
      .grid {
        padding: 0;
        gap: 3%;
        margin: 40px 30px 20px;
      }

      .grid .item {
        width: 48%;
        margin-bottom: 10px;
      }
    }

    .footer-brandlogo {
      text-align: center;
      padding: 1rem 0 2rem;
    }

    .footer-brandlogo-wrap {
      width: 7rem;
      display: inline-block;
    }

    footer .p-siteinfo img {
      width: 300px !important;
    }

    @media only screen and (max-width: 767px) {
      .footer-brandlogo-wrap {
        width: 5rem;
      }

      footer .p-siteinfo img {
        width: 260px !important;
      }
    }

    .p-copyright {
      background: #fff;
      color: #000;
    }

    .p-copyright small {
      font-size: 100%;
    }

    .p-copyright a {
      text-decoration: underline;
    }

#js-pagetop {
      display: none !important;
    }

    .shop-slider {
      max-width: 720px;
      margin: 0 auto 120px;
    }

    .pb_slider img {
      width: 100%;
      height: auto;
      display: block;
    }

    .pb_slider_nav {
      margin-top: 12px;
    }

    .pb_slider_nav_item {
      width: 100px;
      margin-right: 8px;
    }

    .pb_slider_nav_item img {
      width: 100%;
      height: auto;
      display: block;
    }

    .shop-slider {
      max-width: 720px;
      margin: 0 auto 120px;
    }

.favorite_box {
          text-decoration: none;
          width: 3rem;
          position: fixed;
          top: 30%;
          right: 0;
          z-index: 5;
          cursor: pointer;
          color: #fff;
        }

        .favorite_btn {
          border: solid 3px #a12224;
          border-right: 0;
          overflow: hidden;
          border-radius: 10px 0px 0px 10px;
          width: 100%;
          position: relative;
          position: relative;
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100%;
          display: block;
          padding: 26% 1%;
          color: #FFF;
          background-color: #a12224;
        }

        .favorite_img {
          margin: 0 auto 4%;
          position: relative;
          height: 30px;
          width: 30px;
        }

        .favorite_img img {
          width: 30px;
          position: absolute;
          right: 0;
        }

        .favorite_text {
          font-size: 1.3em;
          margin: 0 auto;
          font-weight: bold;
          letter-spacing: 0;
          -webkit-writing-mode: vertical-rl;
          writing-mode: vertical-rl;
        }

        .favorite_btn:hover {
          background-color: #FFF;
          color: #a12224;
        }

        .favorite_box:hover .favorite_img img:nth-child(2) {
          opacity: 0;
        }

        .p-breadcrumb {
          border-top: 1px solid #09416c;
          border-bottom: 1px solid #09416c;
        }

        .p-breadcrumb__item+.p-breadcrumb__item::before {
          border-left: 1px solid #09416c;
        }

@media screen and (max-width: 991px) {

          .p-breadcrumb__item+.p-breadcrumb__item::before {
            border-left: none;
          }
        }

        @media screen and (max-width: 454px) {
          .favorite_box {
            border-radius: 10px 10px 0px 0px;
            bottom: 0;
            right: 15px;
            top: initial;
            width: 10rem;
            border-bottom: 0;
            border: solid 3px #a12224;
            border-bottom: 0 !important;
          }

          .favorite_btn {
            display: flex;
            padding: 4% 2% 0%;
            border: none;
            border-radius: 6px 6px 0 0;
          }

          .favorite_text {
            -webkit-writing-mode: initial;
            writing-mode: initial;
            margin: 0;
            font-size: 1em;
          }

          .favorite_img {
            margin: 0 2% 4% 0;
            width: 24px;
          }

          .favorite_img img {
            width: 24px;
            top: 8px;
          }

        }

        .footer-brandlogo-wrap img {
          width: 100%;
          height: auto !important;
          object-fit: contain;
        }

        .pb_slider_wrap {
          max-width: 720px;
          margin: 0 auto;
        }

        .pb_slider img {
          width: 100%;
          height: auto;
        }

.pb_slider_nav {
          margin-top: 10px;
        }

.pb_slider_nav_item {
          width: 100px;
          
          margin-right: 8px;
        }

.pb_slider_nav_item img {
          width: 100%;
          height: auto;
          display: block;
        }

        .column_googlemap {
          max-width: 880px;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 100px;
        }

.shop-block {
          max-width: 720px;
          margin: 0 auto 120px;
        }

.shop-block .pb-widget-editor p {
          font-size: 15px;
          line-height: 1.9;
          color: #222;
          margin-bottom: 10px;
        }

.shop-block .menu-box {
          margin-top: 20px;
        }

        .shop-detail-card {
          margin-top: 30px;
          padding: 18px 22px;
          background: #fff;
          border-radius: 10px;
        }

.menu-section {
          padding-bottom: 12px;
          margin-bottom: 12px;
          border-bottom: 1px solid #e5e5e5;
        }

        .menu-title {
          font-weight: 700;
          color: #09416c;
          margin-bottom: 6px;
        }

.shop-info-row {
          display: flex;
          align-items: center;
          padding: 5px 0;
        }

        .shop-info-label {
          width: 100px;
          
          min-width: 100px;
          font-weight: 700;
          color: #09416c;
        }

        .shop-info-value {
          flex: 1;
          line-height: 1.7;
        }

@media (max-width:768px) {

          .shop-detail-card {
            padding: 20px;
          }

          .shop-info-row {
            align-items: flex-start;
          }

          .shop-info-label {
            width: 85px;
            min-width: 85px;
          }

        }