#header { position: relative; width: 100%; overflow: hidden; }
.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background-color: #fff; }
.header-wrapper { position: relative; display: flex; margin: 0 auto; padding: 0; width: 100%; align-items: center; }
.header-wrapper .logo a { display: block; }
.header-wrapper .logo img { display: block; width: auto; height: 70px; }
#menu-box { width: 100%; }
#menu-box .menu-items { margin: 0 auto; width: 100%; list-style: none; }

.bg-blue { background-color: #395187; }
.bg-yellow { background-color: #f59d11; }
.strong-blue { color: #395187; }
.strong-yellow { color: #f59d11; }

.section { margin: 0; overflow: hidden; }
.section:not(.faq) { border-bottom: #d5c7b2 2px solid; }
.section_inner { margin: 0 auto; }
.section-content-default { position: relative; background-color: #fff7ed; background-image: url('../img/background/bg-02_2-min.jpg') }
.section-content-default h3 { margin: 0 0 16px; color: #395187; background-color: #ffffff; }
.btn-section-more { position: relative; margin: 0 auto 8px; border: #ffffff 2px solid; border-radius: 5px; box-shadow: #7b7b7b 0px 2px 2px 1px; }
.btn-section-more a { display: block; font-weight: bold; color: #ffffff; text-decoration: none; background: url(../img/arrow-link.png) 95% center no-repeat; }

.strong-trip-purchase .underline {display: inline-block;margin: 0 8px;color: #ff5722;background: linear-gradient(transparent 70%,#ffeb3b 70%);text-shadow: 1px 2px 1px #fff, -1px 2px 1px #fff, 2px -2px 1px #fff, -1px -1px 1px #fff, 1px 0px 1px #fff, 0px 2px 2px #fff, -2px 0px 2px #fff, 0px -2px 1px #fff;}
@media screen and (min-width: 320px) {
    .strong-trip-purchase .underline { font-size: 24px; }
}
@media screen and (min-width: 768px) {
    .strong-trip-purchase .underline { font-size: 40px; }
}

.banner-container { width: 100%; overflow: hidden; }
.banner-container .banner-inner .banners { margin: 0 auto; padding: 0; list-style: none; }
.banner-container .banner-inner .banners .banner a { display: block; max-width: 602px; }
.banner-container .banner-inner .banners .banner a img { width: 100%; }

.footer { width: 100%; overflow: hidden; background-color: #efefef; box-sizing: border-box; }
.footer-inner { display: flex; margin: 0 auto; }
.footer-inner dl { margin: 0; padding: 0 40px 0 0; border-right: #fff 3px solid; }
.footer-inner dl.company-info { max-width: 252px; }
.footer-inner dl a { display: block; }
.footer-inner dl img { width: 100%; }
.footer-inner .footer-logo { margin-bottom: 24px; }
.footer-inner .footer-tel { margin-bottom: 24px; }
.footer-inner dl dd { margin: 0; }
.footer-inner .footer-menu { margin: 0; padding: 0 0 0 40px; list-style: none; }
.footer-inner .footer-menu .footer-menu-item::before { content: ""; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(../img/footer/arrow-1.png); background-size: contain; background-repeat: no-repeat; }
.footer-inner .footer-menu .footer-menu-item a { position: relative; display: block; color: #454545; line-height: 1; text-decoration: none; }
.footer-inner .footer-menu .footer-menu-item .footer-sub-menu { list-style: none; }
.footer-inner .footer-menu .footer-menu-item .footer-sub-menu .footer-sub-menu-item { position: relative; margin: 10px 0; padding-left: 16px; }
.footer-inner .footer-menu .footer-menu-item .footer-sub-menu .footer-sub-menu-item::before { content: ""; position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 12px; background-image: url(../img/footer/arrow-2.png); background-size: contain; background-repeat: no-repeat; }
.footer small { display: block; margin: 0 auto; padding: 10px 0; color: #fff; text-align: center; background-color: #395187; }

.header-cv-items .header-cv-item a { display: block; }

@media screen and ( max-width: 768px ) {
    .footer-inner dl { max-width: 190px; padding-right: 15px; margin-left: 1em; }
    .footer-inner .footer-menu .footer-menu-item::before { content: ""; position: absolute; top: 0; left: 0; width: 14px; height: 14px; }
}

@media screen and ( max-width: 568px ) {
    #mobile-head { display: flex; justify-content: space-between; align-items: center; width: 100%; box-sizing: border-box; border-bottom: #efefef 1px solid; }
    .header-cv-items { display: none; }
    #menu-box { display: none; background-color: #fff; }
    #nav-toggle { display: block; padding: 10px; width: 60px; height: 60px; background-color: #394f87; cursor: pointer; z-index: 101; }
    #nav-toggle div { position: relative; }
    #nav-toggle span { position: absolute; left: 0; display: block; height: 4px; width: 100%; background-color: #fff; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out; }
    #nav-toggle span:nth-child(1) { top: 7px; }
    #nav-toggle span:nth-child(2) { top: 18px; }
    #nav-toggle span:nth-child(3) { top: 29px; }
    .open #nav-toggle span:nth-child(1) { top: 17px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg); }
    .open #nav-toggle span:nth-child(2) { width: 0; left: 50%; }
    .open #nav-toggle span:nth-child(3) { top: 17px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg); }
    /* #global-nav スライドアニメーション */
    #global-nav { display: none; }
    #global-nav ul { margin: 0; padding: 0; list-style: none; }
    #global-nav ul { display: block;
        position: relative;
        overflow-x: hidden;
        overflow-y: auto;
        margin-top: 60px;
        margin-bottom: 32px; }
    #global-nav ul li {
        float: left;
        display: block;
        border-bottom: #fff 1px solid;
        box-sizing: border-box;
        width: 46%;
        margin: 0 2%;
        font-size: 16px;
    }
    #global-nav ul li a {
        position: relative;
        display: block;
        text-decoration: none;
        color: #fff;
        padding: 16px 0 16px 0;
    }
    #global-nav ul li a::after {
        background: url(../img/arrow-menu.png) no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    top: 50%;
    right: 10px;
    position: absolute;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    }
    .open #global-nav {
        display: block;
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        background-color: rgb(57 79 135 / 90%);
        width: 100%;
        height: 100%;
    }
    .header-wrapper .logo img { display: block; width: auto; height: 50px; }
}
@media screen and ( max-width: 768px ) {
    #mobile-head { padding: 10px 2%; }
    .footer-inner .footer-menu { padding: 0 0 0 16px; }
}
@media screen and ( max-width: 767px ) {
    .footer-inner.pc-footer { display: none; }
}
@media screen and ( max-width: 568px ) {
    .header-wrapper .logo { max-width: 240px; }

    #mobile-head { padding: 0 0 0 2%; }

    .section { padding: 20px 6px; }
    .section-content-default { margin: 0 0 20px; padding: 10px; }

    .banner-container { margin: 0 auto 24px; }
    .banner-container .banner-inner { padding: 0 8px; }
    .banner-container .banner-inner .banners .banner { margin-bottom: 16px; }

    .mobile-footer { background-color: #eff3ff; }
    .mobile-footer ul { display: flex; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
    .mobile-footer ul .group-title { padding: 16px 0; width: 100%; color: #fff; text-align: center; background-color: #395087; }
    .mobile-footer ul .mobile-footer-item { width: 50%; }
    .mobile-footer ul .mobile-footer-item.border-right { border-right: #394f87 2px solid; box-sizing: border-box; }
    .mobile-footer ul .mobile-footer-item.border-bottom { border-bottom: #394f87 2px solid; box-sizing: border-box; }
    .mobile-footer ul .mobile-footer-item a { display: block; width: 100%; height: 100%; padding: 16px 0 16px 8px; font-weight: bold; color: #395087; text-decoration: none; box-sizing: border-box; }

    .back-top { background-color: #f49d0d; }
    .back-top a { display: block; padding: 16px 0; color: #fff; text-decoration: none; text-align: center; }

    .mobile_contact_button { width: 96%; margin: 0 auto; }
    .mobile_contact_button a { display: block; padding: 16px 8px; background: rgb(243 152 0); color: #fff;  font-weight: bold; text-align: center; text-decoration: none; border: #ad6d02 2px solid; border-radius: 50px; box-shadow: #24335d 1px 5px 10px 1px; box-sizing: border-box; }
}
@media screen and ( min-width: 569px ) {
    .mobile-footer { display: none; }
}
@media screen and ( min-width: 320px ) {
    .section-title { font-size: 17px; text-align: center; }
    .section-title .sub-title { font-size: 16px; }
}
@media screen and ( min-width: 375px ) {
    .section-title { font-size: 20px; margin: 0 0 16px;}
    .section-title .sub-title { font-size: 18px; }
}
@media screen and ( min-width: 768px ) {
    #global-nav { display: none; }
    .header-wrapper { justify-content: space-between; max-width: 1218px; }
    #nav-toggle { display: none; }
    .header-wrapper .logo { margin-right: auto; max-width: 340px; }
    .header-cv-items { display: flex; align-items: center; list-style: none; }
    .header-cv-items .header-cv-item:first-child { margin-right: 24px; }
    .header-cv-items .header-cv-item:last-child { margin-right: 12px; }
    .header-cv-item img { max-width: 26vw; }
    /* .header-cv-items .header-cv-item:first-child img { max-width: 256px; } */
    #menu-box { background-color: #395187; }
    #menu-box .menu-items { display: table; margin: 0 auto; padding: 16px 0; max-width: 1218px; }
    #menu-box .menu-items .menu-item { display: table-cell; width: calc(100%/6); }
    #menu-box .menu-items .menu-item a { display: block; width: 100%; height: 100%; color: #fff; text-align: center; text-decoration: none; }

    #nav-toggle { display: none; }

    .section { padding: 32px 0; }
    .section_inner { max-width: 760px; width: 95%; }
    .section-content-default { margin: 0 auto; padding: 0 0 16px; width: 95%; }
    .section-content-default h3 { margin: 0 0 24px; font-size: 30px; text-align: center; }
    .section-content-center-default { padding: 24px; background-color: #ffffff; }
    .section-title { margin: 0 0 24px; font-size: 32px; text-align: center; }
    .section-title .sub-title { font-size: 36px; }
    /* .section-content-default { margin: 0 auto; padding: 0 0 24px; max-width: 1218px; width: 100%; } */
    .btn-section-more {  max-width: 425px; }
    .btn-section-more a { font-size: 24px; padding: 8px;}

    .banner-container { margin:0 auto 64px; width: 100%; }
    .banner-container .banner-inner { margin: 0 auto; padding: 0; max-width: 1280px; }
    .banner-container .banners { margin: 0 auto; padding: 0; max-width: 1200px; display: flex; justify-content: space-between; list-style: none; }
    .banner-container .banners li { width: calc(100%/2 - 24px); }

    .footer-inner { margin: 0 auto 48px; padding: 48px 0 0; max-width: 1200px; }
    .footer-inner .footer-menu { margin-bottom: 16px; }
    .footer-inner .footer-menu .footer-menu-item { position: relative; margin-bottom: 20px; padding-left: 20px; font-size: 14px; }
    .footer-inner .footer-menu .footer-menu-item .footer-sub-menu-title { margin: 0 0 4px; }
    .footer-inner .footer-menu .footer-menu-item .footer-sub-menu { padding-left: 16px; }
}

@media screen and ( min-width: 1024px ) { 
    .section { padding: 64px 0; }
    .section_inner { max-width: 992px !important; width: 100%; }
    .section-content-default { margin: 0 auto; padding: 0 0 20px; max-width: 1218px; width: 100%; }
}

@media screen and ( min-width: 1280px ) {
    .section_inner { max-width: 1200px !important; }
}

#fl-fxmenu { position: fixed; display: flex; bottom: 0; padding: 10px; -webkit-transition: all .7s; width: 100%; border-top: solid 3px #0046a0; border-bottom: solid 3px #0046a0; background-color: #ecf0f3; z-index: 999; }
ul#bottom-menu { margin: 0; padding: 0; list-style: none; }
ul#bottom-menu { display: flex; margin: 0 auto; align-items: center; max-width: 980px; transition: all .7s; width: 100%; }
ul#bottom-menu li.fix-logo { max-width: 345px; }
ul#bottom-menu li.phone { margin-left: auto; max-width: 300px; }
ul#bottom-menu li.mail { margin-left: 20px; max-width: 200px; }
ul#bottom-menu li img.is-show-sp { display: none; }
ul#bottom-menu li img.is-show-pc { display: none; }
/* .footer small { margin-bottom: 94px; } */
@media screen and ( max-width: 768px ) {
    #fl-fxmenu { padding: 1%; width: 98%; }
    ul#bottom-menu { position: fixed; left: 0; bottom: 5px; display: flex; align-items: initial; justify-content: space-between; width: 100%; height: 60px; background-color: rgba(255,255,255,.8); z-index: 30; }
    ul#bottom-menu li.fix-logo { max-width: 215px; }
}
@media screen and ( max-width: 568px ) {
    ul#bottom-menu li a { display: block; color: #fff; padding-top: 10px; padding-bottom: 5px; line-height: 1.2; }
    ul#bottom-menu li.fix-logo { display: none; }
    ul#bottom-menu li.phone { width: 70%; margin-left: 0; background-color: #394f87; -webkit-box-shadow: 0 5px 0 #02294c; box-shadow: 0 6px 0 #02294c; }
    ul#bottom-menu li.phone img { width: 80%; margin: 0 auto; }
    ul#bottom-menu li.mail { background: #f49d0b; -webkit-box-shadow: 0 5px 0 #004631; box-shadow: 0 6px 0 #004631; width: 30%; margin-left: 0; }
    ul#bottom-menu li.mail img { width: 55%; margin: 0 auto; }
    ul#bottom-menu li img.is-show-sp { display: block; }
    .footer small { margin-bottom: 65px; }
}
@media screen and ( min-width: 569px ) {
    #fl-fxmenu { display: none; }
}

@media screen and ( min-width: 320px ) {
    #area-content-container {
        margin-top: 24px;
        padding: 0 8px;
    }
    .area-intro-wrapper {
        position: relative;
        margin: 0 auto;
        padding: 0;
    }
    .area-intro-wrapper h2 {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        padding: 16px 0;
        font-size: 18px;
        color: #ffffff;
        text-align: center;
        background-image: url(../img/background/bg-01_min.jpg);
    }
    .area-intro-content-wrapper {
        margin: 0 auto 20px;
        padding: 54px 6px 6px;
        border: #c8ba85 5px solid;
        background-image: url(../img/area/area-message-bg_2.png);
        background-position: 80%;
    }
    .area-intro-content-wrapper h3 {
        margin-bottom: 16px;
        font-size: 20px;
        color: #394f87;
    }
    .area-intro-content-wrapper p {
        margin: 0;
        padding: 8px;
        line-height: 1.5;
        background: #ffffffc7;
    }
    #staff-comment-container {
        padding: 0 8px;
    }
    .staff-comment-wrapper {
        margin: 0 auto;
        margin-bottom: 24px;
        padding: 6px;
        box-sizing: border-box;
        background-color: #fff7ed;
        background-image: url(../img/background/bg-02_2-min.jpg);
    }
    .staff-comment-inner {
        box-sizing: border-box;
        background-color: #fff;
        background-image: url(../img/area/staff-comment-bg.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
    }
    .staff-comment-inner h2 {
        margin: 0 0 8px;
        padding: 4px 0;
        font-size: 20px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        background-color: #395087;
        background-image: url(../img/background/bg-01_min.jpg);
        background-position: top right;
    }
    .staff-comment-inner div {
        padding: 16px;
    }
    .staff-comment-inner h3 {
        margin-top: 0;
        font-size: 20px;
        color: #394f87;
    }
}
@media screen and ( min-width: 375px ) {
    #area-content-container {
        margin-top: 24px;
    }
    .area-intro-content-wrapper {
        margin: 0 auto 20px;
        padding: 54px 6px 6px;
        border: #c8ba85 5px solid;
        background-position: center right 40%;
    }
}
@media screen and ( min-width: 768px ) {
    #area-content-container {
        margin-top: 48px;
        padding: 0;
    }
    .area-intro-wrapper {
        position: relative;
        margin: 0 auto;
        width: 95%;
        overflow: hidden;
    }
    .area-intro-wrapper h2 {
        padding: 16px 0;
        font-size: 28px;
    }
    .area-intro-wrapper h2::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 0;
        border: none;
        border-bottom: transparent 15px solid;
        border-right: #395187 20px solid;
    }
    .area-intro-wrapper h2::after {
        content: "";
        position: absolute;
        top: 100%;
        right: 0;
        border: none;
        border-bottom: transparent 15px solid;
        border-left: #395187 20px solid;
    }
    .area-intro-wrapper h3 {
        font-size: 24px;
    }
    .area-intro-content-wrapper {
        margin: 0 auto 32px;
        padding: 80px 16px 16px;
        max-width: 693px;
        width: 95%;
        border: #c8ba85 5px solid;
        background-position: top right;
        background-repeat: no-repeat;
    }
    .area-intro-content-wrapper h3 {
        font-size: 24px;
    }
    .area-intro-content-wrapper p {
        padding: 0;
        padding-right: 40%;
        background: none;
    }
    #staff-comment-container {
        padding: 0;
    }
    .staff-comment-wrapper {
        margin-bottom: 48px;
        padding: 24px;
        max-width: 760px;
        width: 95%;
    }
    .staff-comment-inner h2 {
        margin: 0;
        padding: 10px 0;
        font-size: 30px;
    }
    .staff-comment-inner h3 {
        font-size: 24px;
    }
    .staff-comment-inner p {
        padding-right: 25%;
    }
}
@media screen and ( min-width: 1024px ) {
    #area-content-container {
        margin-top: 48px;
    }
    .area-intro-wrapper {
        max-width: 1218px;
        width: 100%;
    }
    .area-intro-wrapper h2 {
        padding: 16px 0;
        font-size: 30px;
    }
    .area-intro-wrapper h3 {
        font-size: 24px;
    }
    .area-intro-content-wrapper {
        margin: 0 auto 32px;
        padding: 80px 24px 16px;
        max-width: 1178px;
        width: 100%;
        border: #c8ba85 5px solid;
    }
    .staff-comment-wrapper {
        max-width: 1200px;
    }
}

#branch-container {
  max-width: 1200px;
  margin: 0 auto 48px;
  background-image: url(../img/background/bg-02_2-min.jpg);
  padding: 24px;
}
.branch-wrapper {
  border: #c3c3c3 1px solid;
  background-color: #fff;
}
.branch-wrapper h2 {
  color: #fff;
  text-align: center;
  background-color: #395087;
  background-image: url(../img/background/bg-01_min.jpg);
  background-position: top right;
  padding: 10px 0;
  font-size: 30px;
  margin: 0;
}
.branch-wrapper .frame-box {
    position: relative;
  padding: 2%;
  margin: 30px auto 40px;
  width: 86%;
  border: 1px solid #c3c3c3;
}
.branch-wrapper .frame-box::after{
    content: "店舗買取不可";
    position: absolute;
    top: 0px;
    right: 0px;
    font-weight: 600;
    color: rgb(255, 255, 255);
    background-color: rgb(218, 16, 91);
    padding: 5px;
}
.branch-wrapper .br-sp {
  display: none;
}
.branch-add {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}
.branch-add dt {
  color: #395087;
  background-color: #e6edff;
  width: 20%;
}
.branch-add dd {
  width: 80%;
}
.branch-add dt, .branch-add dd {
  padding: .5em 1em;
  box-sizing: border-box;
  margin:0;
}
.branch-wrapper .gmap {
  width: 86%;
  height: 500px;
  overflow: hidden;
  position: relative;
  margin:0 auto 24px;
}
.branch-wrapper .gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}
.map-notice {
    width: 86%;
    margin: 26px auto 0;
    text-align: center;
}
.map-notice p span {font-size: 20px;font-weight: 600;color: #da115b;background: linear-gradient(transparent 60%, #ffe492 60%);}
@media only screen and (min-width: 768px) {
  .branch-add dt:first-of-type, .branch-add dd:first-of-type {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 768px) {
  .map-notice {
    text-align: left;
}
}
@media only screen and (max-width: 568px) {
    .map-notice p span {
        font-size: 18px;
    }
  #branch-container {
    padding: 10px;
    margin-bottom: 24px;
  }
  .branch-wrapper h2 {
    font-size: 20px;
  }
  .branch-add dt, .branch-add dd {
    width: 100%;
    padding: .5em .5em;
  }
  .branch-wrapper .br-sp {
    display: block;
  }
  .branch-wrapper .frame-box {
    margin: 15px auto 15px;
    width: 94%;
  }
  .branch-wrapper .gmap {
    width: 94%;
    height: 400px;
    margin-bottom: 20px;
  }
  .map-notice {
    width: 90%;
    margin: 12px auto 0;
    text-align: left;
}
}

#topCovid {
    margin-top: 48px;
}
.covid-notice-container {
    width: 100%;
    box-sizing: border-box;
}
.covid-notice-inner {
    margin: 0 auto;
    padding: 0;
    max-width: 1218px;
    box-sizing: border-box;
}
.covid-notice-wrapper {
    margin: 0;
    padding: 24px;
    border: #c8ba85 5px solid;
    background: url(../img/background/bg-note.png) bottom left repeat #fff;
    box-sizing: border-box;
}
.covid-notice-wrapper > h2 {
    margin: 0 0 16px;
    padding: 0;
    color: #395187;
    text-align: center;
}
.covid-notice-wrapper > p {
    text-align: center;
}
.covid-notice-box {
    margin: 0;
    padding: 16px;
    background: #fff;
    box-sizing: border-box;
    box-shadow: #9d9d9d4f 0 4px 10px 4px;
}
.covid-notice-box h3 {
    margin: 0 0 10px;
}
.covid-notice-box h3 span {
    display: inline-block;
    padding: 5px 24px;
    color: #fff;
    background: #c8a063;
    box-sizing: border-box;
}
.covid-notice-box ul {
    margin: 0 0 16px;
}
.covid-notice-box p {
    margin: 0;
    font-size: 14px;
    color: #395187;
}
@media only screen and (max-width: 568px) {
    .covid-notice-container {
        margin-bottom: 24px;
    }
    .covid-notice-inner {
        margin: 0 auto;
        padding: 0;
        max-width: 95%;
        box-sizing: border-box;
    }
    .covid-notice-wrapper {
        padding: 16px 10px;
    }
    .covid-notice-wrapper > h2 {
        font-size: 20px;
    }
    .covid-notice-box {
        padding: 16px 8px;
    }
    .covid-notice-box h3 {
        text-align: center;
    }
    .covid-notice-box h3 span {
        display: block;
        padding: 5px 8px;
    }
    .covid-notice-box ul {
        padding-inline-start: 24px; 
    }
    .covid-notice-box ul li:first-of-type,.covid-notice-box ul li:nth-child(2),.covid-notice-box ul li:nth-child(3){
        margin-bottom: 10px;
    }
    .covid-notice-box p:first-of-type {
        margin-bottom: 10px;
    }
}
.purchase-items-notice {
    margin: 0 auto 32px;
    padding: 16px 24px;
    max-width: 1150px;
    width: 100%;
    text-align: center;
    border: #395087 3px solid;
    background-color: #fff;
    background: url(../img/background/bg-note.png) bottom left repeat #fff;
}
.purchase-items-notice-exception {
    margin: 0 auto;
}
.purchase-items-notice p {
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 600;
    color: #395087;
}
.purchase-items-notice p span {
    color: #da115b;
}
@media only screen and (max-width: 768px) {
    .purchase-items-notice {
        padding: 10px;
        text-align: left;
    }
}
.area_cities_container {
    margin: 0 auto 32px;
}
#gifu-cities.area_cities_container,
#shizuoka-cities.area_cities_container,
/* #aichi-cities.area_cities_container, */
#nara-cities.area_cities_container,
#wakayama-cities.area_cities_container {
    margin-bottom: 0;
}
.area_cities_container h2 {
    position: relative;
    margin: 0;
    padding: 16px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    line-height: normal;
    background-color: #395087;
    background-image: url(../img/background/bg-01_min.jpg);
}
.area_cities_container h2::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    border: none;
    border-bottom: transparent 20px solid;
    border-right: #395187 24px solid;
}
.area_cities_container h2::after {
    content: "";
    position: absolute;
    top: 100%;
    right: 0;
    border: none;
    border-bottom: transparent 20px solid;
    border-left: #395187 24px solid;
}
@media only screen and (max-width: 568px) {
    .area_cities_container h2 {
        font-size: 20px;
        line-height: normal;
    }
    .area_cities_container h2::before {
        content: none;
    }
    .area_cities_container h2::after {
        content: none;
    }
}
.area_cities_box ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: stretch;
    margin: 0;
    padding: 16px 0 0;
    list-style: none;
}
.area_cities_box {
    margin: 0 auto;
    padding: 0;
    max-width: 1100px;
    border: #eae2c4 5px solid;
    box-sizing: border-box;
    background-color: #fff;
}
.area_cities_box ul li {
    margin-bottom: 16px;
    width: 20%;
    text-align: center;
}
.area_cities_box ul li a {
    /* display: block; */
    font-size: 16px;
    font-weight: 800;
    color: #333;
    text-decoration: none;
}
.area_cities_box ul li:hover a {
    color: #395187;
    text-decoration: underline;
}
@media only screen and (max-width: 568px) {
    .area_cities_box ul {
        padding: 16px 8px 0;
    }
    .area_cities_box ul li {
        width: 33%;
    }
    .area_cities_box ul li a {
        font-size: 14px;
    }
}
/*===============================================
 *	相互リンクバナー
===============================================*/
.mutual-link {list-style: none;margin: 30px auto ;gap: 10px 1.5%;display: flex;max-width: 1218px;width:100%;padding: 0;flex-wrap: wrap;}
.mutual-link li{width: 100%;width: 23.5%;}
@media only screen and (max-width: 768px) {
.mutual-link {width: 94%;margin: 40px auto;}
}
@media only screen and (max-width: 568px) {
.mutual-link {flex-direction: initial;gap: initial;width: 90%;margin: 30px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.mutual-link li {width: 48%;margin: 2% 0;}
}