@charset "UTF-8";

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-y: scroll;
    /* All browsers without overlaying scrollbars */
    -webkit-text-size-adjust: 100%;
    /* iOS 8+ */
}

*,
::before,
::after {
    background-repeat: no-repeat;
    /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
}

::before,
::after {
    text-decoration: inherit;
    /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
    vertical-align: inherit;
}

* {
    padding: 0;
    /* Reset `padding` and `margin` of all elements */
    margin: 0;
}

/* # =================================================================
     # General elements
     # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
    display: none;
    height: 0;
}

hr {
    overflow: visible;
    /* Show the overflow in Edge and IE */
}

/*
  * Correct `block` display not defined for any HTML5 element in IE 8/9
  * Correct `block` display not defined for `details` or `summary` in IE 10/11
  * and Firefox
  * Correct `block` display not defined for `main` in IE 11
  */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

summary {
    display: list-item;
    /* Add the correct display in all browsers */
}

small {
    font-size: 80%;
    /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
    display: none;
    /* Add the correct display in IE */
}

abbr[title] {
    border-bottom: 1px dotted;
    /* Add a bordered underline effect in all browsers */
    text-decoration: none;
    /* Remove text decoration in Firefox 40+ */
}

a {
    background-color: transparent;
    /* Remove the gray background on active links in IE 10 */
    -webkit-text-decoration-skip: objects;
    /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
    outline-width: 0;
    /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    /* Specify the font family of code elements */
}

b,
strong {
    font-weight: bolder;
    /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
    font-style: italic;
    /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
    background-color: #ff0;
    color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* # =================================================================
     # Forms
     # ================================================================= */
input {
    border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
    cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
    cursor: default;
}

[type="number"] {
    width: auto;
    /* Firefox 36+ */
}

[type="search"] {
    -webkit-appearance: textfield;
    /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
    /* Safari 8 */
}

textarea {
    overflow: auto;
    /* Internet Explorer 11+ */
    resize: vertical;
    /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
    font: inherit;
    /* Specify font inheritance of form elements */
}

optgroup {
    font-weight: bold;
    /* Restore the font weight unset by the previous rule. */
}

button {
    overflow: visible;
    /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: 0;
    padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS */
}

button,
select {
    text-transform: none;
    /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
}

/* Style select like a standard input */
select {
    -moz-appearance: none;
    /* Firefox 36+ */
    -webkit-appearance: none;
    /* Chrome 41+ */
}

select::-ms-expand {
    display: none;
    /* Internet Explorer 11+ */
}

select::-ms-value {
    color: currentColor;
    /* Internet Explorer 11+ */
}

legend {
    border: 0;
    /* Correct `color` not being inherited in IE 8/9/10/11 */
    color: inherit;
    /* Correct the color inheritance from `fieldset` elements in IE */
    display: table;
    /* Correct the text wrapping in Edge and IE */
    max-width: 100%;
    /* Correct the text wrapping in Edge and IE */
    white-space: normal;
    /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* Correct the inability to style clickable types in iOS and Safari */
    font: inherit;
    /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
    -webkit-appearance: textfield;
    /* Correct the odd appearance in Chrome and Safari */
    outline-offset: -2px;
    /* Correct the outline style in Safari */
}

/* # =================================================================
     # Specify media element style
     # ================================================================= */
img {
    border-style: none;
    /* Remove border when inside `a` element in IE 8/9/10 */
}

/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
progress {
    vertical-align: baseline;
}

svg:not(:root) {
    overflow: hidden;
    /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
    display: inline-block;
    /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
    [hidden~="screen"] {
        display: inherit;
    }

    [hidden~="screen"]:not(:active):not(:focus):not(:target) {
        position: absolute !important;
        clip: rect(0 0 0 0) !important;
    }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
    cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
    cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
    cursor: default;
}

/* # =================================================================
     # Selection
     # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}

::selection {
    background-color: #b3d4fc;
    /* Required when declaring ::selection */
    color: #000;
    text-shadow: none;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
}

html,
body {
    min-height: 100vh;
}

.breadcrumb {
    margin-top: 40px;
    color: #2c2c2c;
}

.breadcrumb a {
    text-decoration: none;
    color: #2c2c2c;
}

body.road {
    height: 100vh;
    overflow: hidden;
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 100%;
    }
}

#splash {
    position: fixed;
    width: 100vw;
    height: 100%;
    min-height: 100vh;
    background: #fff;
    z-index: 9999;
    top: 0;
}

#splash .wrap {
    width: 100%;
    height: 100vh;
    position: relative;
}

#splash .wrap .splash-container {
    padding-bottom: 16px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

#splash .wrap .splash-container #splash_logo {
    display: none;
    margin-bottom: 10px;
}

#splash .wrap .splash-container .splash-contents-wrapper.height {
    max-height: 500px;
}

#splash .wrap .splash-container .splash-contents-wrapper {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 1s cubic-bezier(0.59, 0, 0.37, 1);
    transition: max-height 1s cubic-bezier(0.59, 0, 0.37, 1);
}

#splash .wrap .splash-container .splash-contents.block {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 1.75s;
    animation-delay: 1.75s;
    display: block;
}

#splash .wrap .splash-container .splash-contents {
    display: none;
    opacity: 0;
}

#splash .wrap .splash-container .splash-contents .fadeout-splash {
    cursor: pointer;
    padding-bottom: 20px;
}

#splash .wrap .splash-container .splash-contents .fadeout-splash p {
    color: #323232;
    margin: 40px auto 0;
    font-size: 24px;
    text-align: center;
    width: 180px;
    padding: 6px 0 8px;
    position: relative;
}

#splash .wrap .splash-container .splash-contents .fadeout-splash p:after,
#splash .wrap .splash-container .splash-contents .fadeout-splash p:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 2px solid #727272;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
}

#splash .wrap .splash-container .splash-contents .fadeout-splash p:after {
    -webkit-transform: translate(3px, 3px);
    transform: translate(3px, 3px);
}

#splash .wrap .splash-container .splash-contents .fadeout-splash p:before {
    -webkit-transform: translate(-3px, -3px);
    transform: translate(-3px, -3px);
}

#splash .wrap .splash-container .splash-contents .fadeout-splash p:hover:after,
#splash .wrap .splash-container .splash-contents .fadeout-splash p:hover:before {
    -webkit-transform: translate(0);
    transform: translate(0);
}

.mall-navi {
    z-index: 9000;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 150px;
    height: auto;
}

.pc {
    display: block !important;
}

.sp {
    display: none !important;
}

.inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 80px;
}

header {
    position: fixed;
    top: 0;
    z-index: 9990;
}

.header-top {
    background: #fff;
    width: 100vw;
    height: 100%;
}

.header-top .inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 15px 20px;
}

.header-top .inner .sp-block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

.header-top .inner .sp-block .sp-top-box {
    margin-right: auto;
}

.header-top .inner .sp-block .sp-top-box > a {
    width: 230px;
}

.header-top .inner .sp-block a {
    display: inline-block;
}

.header-top .inner .sp-block a .header-img {
    width: 100%;
    height: auto;
}

.header-top .inner .sp-block .sp-flex {
    display: none;
}

.header-top .inner .sp-block .congestion iframe {
    width: 120px;
    max-height: 38px;
}

.header-top .inner .header-search {
    position: relative;
}

.header-top .inner .header-search input[type=search] {
    outline: none;
    border-radius: 50px;
    border: none;
    border: solid 1px #4a4a4a;
    width: 200px;
    padding: 5px 40px 5px 15px;
    font-size: 16px;
}

.header-top .inner .header-search .btn-box {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.header-top .inner .header-search .btn-box .search-btn {
    color: transparent;
    position: absolute;
}

.header-top .inner .header-search .btn-box img {
    margin-top: 3px;
    cursor: pointer;
    width: 25px;
}

.header-top .inner .language {
    position: relative;
    margin: 0 20px 0 40px;
}

.header-top .inner .language .language__btn {
    cursor: pointer;
}

.header-top .inner .language .language__btn p {
    font-size: 14px;
}

.header-top .inner .language .language__btn.is-open::after {
    content: "";
    width: 100%;
    height: 100%;
    cursor: default;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 4;
}

.header-top .inner .language .language__btn.is-open + .language__dropdown {
    display: block;
    z-index: 5;
}

.header-top .inner .language .language__dropdown {
    display: none;
    background: #fff;
    border-radius: 6px;
    position: absolute;
    width: 140px;
    top: 30px;
    right: -30px;
    padding: 4px 0 0;
}

.header-top .inner .language .language__list {
    list-style: none;
}

.header-top .inner .language .language__item {
    text-align: center;
}

.header-top .inner .language .language__item-link {
    color: #333;
    text-decoration: none;
    padding: 8px 24px;
    font-size: 14px;
}

.header-top .inner .language .language__item-link:hover {
    text-decoration: underline;
}

.header-top .inner .text-box {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-top .inner .text-box .time {
    font-size: 16px;
    font-weight: bold;
    margin-right: 20px;
}

.header-top .inner .text-box .detail {
    font-size: 16px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

@media (max-width: 1080px) {
    .header-top .inner .sp-block .sp-top-box > a {
        width: 150px;
    }

    .header-top .inner .sp-block a .header-img {
        width: 150px;
    }

    .header-top .inner .sp-block .text-box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .header-top .inner .sp-block .text-box .time {
        font-size: 12px;
    }

    .header-top .inner .sp-block .text-box .detail {
        font-size: 12px;
    }

    .header-top .inner .header-search input[type=search] {
        width: 180px;
        padding: 5px 40px 5px 15px;
        font-size: 14px;
    }

    .header-top .inner .header-search input[type=image] {
        width: 23px;
    }
}

.header-menu {
    background: #2D2F2F;
    padding: 10px 0;
    width: 100vw;
}

.header-menu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.header-menu .inner li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.header-menu .inner li a img {
    height: 50px;
    width: auto;
}

.header-menu .inner li a p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    white-space: nowrap;
    text-align: center;
    line-height: 1.25em;
    font-size: 16px;
    font-weight: bold;
}

.header-menu .inner li a p span {
    display: block;
}

.header-menu .inner .ham-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.ham_btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 0;
    border-radius: 0;
    color: inherit;
    cursor: pointer;
    font: inherit;
    margin: 0;
    outline: none;
    padding: 0;
    vertical-align: middle;
    position: relative;
    cursor: pointer;
    width: 35px;
    height: 35px;
}

.ham_btn span {
    left: 0;
    position: absolute;
    width: 100%;
    height: 4px;
    background: #FFFFFF;
    -webkit-transition: all .4s;
    transition: all .4s;
}

.ham_btn span:nth-child(1) {
    top: 0px;
}

.ham_btn span:nth-child(2) {
    top: 15px;
}

.ham_btn span:nth-child(3) {
    top: 30px;
}

.ham_btn.open span {
    -webkit-transition: .4s;
    transition: .4s;
}

.ham_btn.open span:nth-child(1) {
    top: 15px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.ham_btn.open span:nth-child(2) {
    opacity: 0;
}

.ham_btn.open span:nth-child(3) {
    top: 15px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.emergency__btn {
    background: #ff4061;
    padding: 10px 0 10px;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.emergency__btn p {
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

.emergency__btn .triangle {
    margin: 10px auto 0;
    width: 20px;
    border-top: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
}

.emergency__text {
    text-align: center;
    padding: 10px 0;
    background: #fff;
}

.emergency__text p {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.1rem;
}

.emergency__text p a {
    color: #3271e6;
}

.movie {
    padding: 40px;
}

.movie__img {
    width: 100%;
    height: auto;
}

.main-banner.add {
    opacity: 1;
}

.main-banner {
    position: relative;
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.main-banner .slider-main {
    z-index: 1;
}

.main-banner .slider-main img {
    width: 100%;
    height: auto;
}

.main-banner .slider-main .slide-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 2;
    bottom: 40px;
}

.main-banner .slider-main .prev-arrow {
    left: 80px;
}

.main-banner .slider-main .next-arrow {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    right: 80px;
}

.main-banner .side-area {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 100;
}

.main-banner .side-area a {
    display: block;
}

.main-banner .side-area a img {
    width: 100px;
    height: auto;
}

.main-banner .side-area a:not(:first-child) {
    margin-top: 5px;
}

.shop-news {
    background-image: url("../img/shop-back.png");
    background-repeat: no-repeat;
    background-size: 40%;
    padding: 40px 0 100px;
    overflow: hidden;
}

.shop-news .shop-news-container {
    margin-top: 100px;
}

.shop-news .shop-news-container .ttl-box h2 {
    font-size: 48px;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.shop-news .shop-news-container .ttl-box p {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.shop-news .shop-news-container .ttl-box .border {
    height: 8px;
    width: 70px;
    background: #AC0080;
}

.shop-news .shop-news-container .bland-wrap {
    width: 100%;
    margin-top: 80px;
}

.shop-news .shop-news-container .bland-wrap .bland-container {
    margin: 0 auto;
}

.shop-news .shop-news-container .bland-wrap .bland-container li {
    padding: 40px;
}

.shop-news .shop-news-container .bland-wrap .bland-container li a {
    -webkit-box-shadow: 0 0 8px gray;
    box-shadow: 0 0 8px gray;
    display: block;
    padding-top: 100%;
    position: relative;
    background: #fff;
}

.shop-news .shop-news-container .bland-wrap .bland-container li a img {
    position: absolute;
    width: 80%;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.shop-news .shop-news-container .more-box {
    margin-top: 80px;
    text-align: center;
}

.shop-news .shop-news-container .more-box .more {
    text-decoration: none;
    background: #2D2F2F;
    color: #FFFFFF;
    padding: 10px 80px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
}

.shop-news .shop-news-container .more-box .more::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url(../img/btn-arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    right: 15px;
}

.inata-container {
    background-image: url("../img/insta-back.png");
    background-size: cover;
    background-position: center;
    padding: 40px 0;
}

.inata-container .insta-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    list-style: none;
}

.inata-container .insta-area .insta-box {
    width: calc(25% - 20px);
}

.inata-container .insta-area .insta-box .slider-insta {
    margin-bottom: 20px;
    border: 2px solid;
    width: 100%;
}

.inata-container .insta-area .insta-box .slider-insta .slider-item img {
    width: 100%;
    height: auto;
}

.inata-container .insta-area .insta-box .slider-insta .slick-dots {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-top: 10px;
    text-align: center;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.inata-container .insta-area .insta-box .slider-insta .slick-dots li {
    margin: 0 6px;
}

.inata-container .insta-area .insta-box .slider-insta .slick-dots button {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #868686;
    color: transparent;
    outline: none;
    display: block;
}

.inata-container .insta-area .insta-box .slider-insta .slick-dots .slick-active button {
    background: #000;
}

.inata-container .insta-area .insta-box .insta-text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    margin-top: 25px;
}

.inata-container .insta-btn {
    margin-top: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.inata-container .insta-btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #000;
    text-decoration: none;
    border: 1px solid;
    padding: 10px 40px;
}

.inata-container .insta-btn a img {
    width: 18px;
    height: auto;
    margin-right: 10px;
}

.inata-container .insta-btn a p {
    font-size: 15px;
}

.scroll-banner {
    padding-top: 150px;
    background-color: #FCFCFC;
}

.scroll-banner .slider-scroll {
    margin: 0 auto;
}

.scroll-banner .slider-scroll .slider-item {
    text-align: center;
}

.scroll-banner .slider-scroll .slider-item img {
    display: inline-block;
    width: 90%;
    max-width: 650px;
}

.scroll-banner .slider-scroll .slide-arrow {
    position: absolute;
    cursor: pointer;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.scroll-banner .slider-scroll .prev-arrow {
    left: 20%;
}

.scroll-banner .slider-scroll .next-arrow {
    transform: scale(-1, 1) translateY(-50%);
    -webkit-transform: scale(-1, 1) translateY(-50%);
    -ms-transform: scale(-1, 1) translateY(-50%);
    right: 20%;
}

.calendar {
    padding: 150px 0;
    background-color: #f9f9fa;
}

.calendar .ttl-box h2 {
    font-size: 48px;
}

.calendar .ttl-box p {
    margin: 10px 0 30px;
    font-size: 18px;
    font-weight: bold;
}

.calendar .calendar-area .month-ttl {
    width: 100%;
    text-align: center;
    padding: 40px 0;
    position: relative;
}

.calendar .calendar-area .month-ttl a {
    display: inline-block;
    text-decoration: none;
    color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.calendar .calendar-area .month-ttl a .month-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.calendar .calendar-area .month-ttl a .month-link img {
    width: 20px;
}

.calendar .calendar-area .month-ttl a.prev {
    left: 0;
}

.calendar .calendar-area .month-ttl a.prev img {
    margin-right: 10px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.calendar .calendar-area .month-ttl a.next {
    right: 0;
}

.calendar .calendar-area .month-ttl a.next img {
    margin-left: 10px;
}

.calendar .calendar-area .month-ttl .this-month {
    font-size: 24px;
    font-weight: bold;
}

.calendar .calendar-area .calendar-container {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.calendar .calendar-area .calendar-container li {
    margin: 0 10px;
    font-size: 20px;
    border-bottom: 2px solid #efefef;
    height: 70px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.calendar .calendar-area .calendar-container li.week {
    border-bottom: 2px solid #000;
}

.calendar .calendar-area .calendar-container li.red {
    color: #ff0000;
}

.calendar .calendar-area .calendar-container li.red a {
    color: #ff0000;
    border-bottom: 1px solid #ff0000;
}

.calendar .calendar-area .calendar-container li.blue {
    color: #0042ff;
}

.calendar .calendar-area .calendar-container li.blue a {
    color: #0042ff;
    border-bottom: 1px solid #0042ff;
}

.calendar .calendar-area .calendar-container li.prev {
    color: #efefef;
}

.calendar .calendar-area .calendar-container li.prev a {
    color: #efefef;
    border-bottom: 1px solid #efefef;
}

.calendar .calendar-area .calendar-container li a {
    color: #000;
    text-decoration: none;
    border-bottom: 1px solid #000;
}

.calendar .calendar-area .calendar-container li.current span {
    background: #2d3963;
    color: #fff;
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
}

.calendar .calendar-area .calendar-container li.current span a {
    color: #fff;
}

.calendar .calendar-show {
    margin-top: 40px;
    text-align: center;
}

.calendar .calendar-show button a {
    display: inline-block;
    text-decoration: none;
    background: #000;
    color: #fff;
    padding: 10px 30px;
}

.topics {
    background-color: #f9f9fa;
    padding-bottom: 80px;
}

.topics .ttl-box h2 {
    font-size: 48px;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.topics .ttl-box p {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.topics .ttl-box .border {
    height: 8px;
    width: 70px;
    background: #AC0080;
}

.topics__container {
    padding-top: 50px;
}

.topics__container a {
    text-decoration: none;
    color: #333;
}

.topics-slider__text {
    font-size: 14px;
    text-decoration: none;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    padding: 0 1em;
    text-align: left;
}

.topics__container ul {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 80px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.topics__container ul li {
    width: 25%;
    max-width: 257px;
    text-align: center;
    margin-bottom: 10px;
}

.topics__container ul li img {
    display: inline-block;
    width: calc(100% - 20px);
    height: auto;
}

.information {
    background: #FFFDF6;
    padding: 80px 0 50px;
}

.information .ttl-box h2 {
    font-size: 48px;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.information .ttl-box p {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.information .ttl-box .border {
    height: 8px;
    width: 70px;
    background: #AC0080;
}

.information ul {
    list-style: none;
    margin: 40px 50px 0;
}

.information ul li a {
    padding: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
    border-bottom: 1px solid;
}

.information ul li a:hover {
    border-bottom: 3px solid;
}

.information ul li a .text-box {
    width: calc(100% - 120px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.information ul li a .text-box .date {
    color: #a2a2a2;
    white-space: nowrap;
    margin-right: 70px;
}

.information ul li a .text-box .text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 70px;
    font-weight: bold;
}

.information ul li a .info-arrow img {
    width: 13px;
    height: auto;
}

.information .more-box {
    margin-top: 30px;
    text-align: center;
}

.information .more-box .more {
    text-decoration: none;
    background: #2D2F2F;
    color: #FFFFFF;
    padding: 10px 80px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
}

.information .more-box .more::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url(../img/btn-arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    right: 15px;
}

.map {
    padding: 40px 0 120px;
    overflow: hidden;
    background-color: #F4F7E9;
}

.map .inner {
    position: relative;
}

.map .inner .map-back {
    position: absolute;
    top: -240px;
    left: -250px;
}

.map .ttl-box h2 {
    font-size: 48px;
    line-height: 1.1em;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.map .ttl-box p {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.map .ttl-box .border {
    height: 8px;
    width: 70px;
    background: #AC0080;
}

.map .inner .map-box {
    margin: 80px 50px 0;
    height: 0;
    overflow: hidden;
    padding-bottom: 46%;
    position: relative;
}

.map .inner .map-box iframe {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}

.map .inner .map-address {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 18px;
    font-weight: bold;
}

.map .inner .map-address .map-address-link {
    margin-top: 15px;
    padding: 15px 40px 0;
    border-top: 1px solid #AC0080;
}

.map .inner .map-address .map-address-link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.map .inner .map-address .map-address-link a p {
    margin-right: 20px;
}

.map .inner .map-address .map-address-link a img {
    height: 16px;
    width: auto;
}

.gallery {
    padding-bottom: 80px;
    background-color: #F4F7E9;
}

.gallery .ttl-box h2 {
    font-size: 48px;
    line-height: 1.1em;
    display: inline-block;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.gallery .ttl-box p {
    margin: 10px 0 20px;
    font-size: 18px;
    font-weight: bold;
}

.gallery .ttl-box .border {
    height: 8px;
    width: 70px;
    background: #AC0080;
}

.gallery .gallery-wrap {
    width: 100%;
    margin-top: 80px;
}

.gallery .gallery-wrap .gallery-movie {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
}

.gallery .gallery-wrap .gallery-movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.gallery .gallery-wrap .more-box {
    text-align: center;
    margin-top: 40px;
}

.gallery .gallery-wrap .more-box .more {
    text-decoration: none;
    background: #2D2F2F;
    color: #FFFFFF;
    padding: 10px 80px;
    display: inline-block;
    border-radius: 100px;
    position: relative;
}

.gallery .gallery-wrap .more-box .more::after {
    content: '';
    display: inline-block;
    width: 15px;
    height: 11px;
    background-image: url(../img/btn-arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    right: 15px;
}

footer {
    background: #2D2F2F;
    color: #fff;
    padding: 80px 0 20px;
    background-image: url("../img/footer-back.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 30%;
}

footer .footer-inner {
    max-width: 1360px;
    margin: 0 auto;
    padding: 0 130px;
}

footer .footer-inner .footer-menu {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 90%;
}

footer .footer-inner .footer-menu .menu-column {
    width: calc(100% * (1 / 3));
}

footer .footer-inner .footer-menu .menu-column .f-menu-ttl {
    font-size: 35px;
    line-height: 1em;
    font-weight: bold;
}

footer .footer-inner .footer-menu .menu-column .column-lists {
    margin-top: 30px;
    list-style: none;
}

footer .footer-inner .footer-menu .menu-column .column-lists a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

footer .footer-inner .footer-menu .menu-column .column-lists li:not(:first-child) {
    margin-top: 0.5rem;
}

footer .footer-inner .mall-list {
    margin: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

footer .footer-inner .mall-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

footer .footer-inner .mall-list a p {
    margin-right: 5px;
}

footer .footer-inner .mall-list a img {
    height: 16px;
    width: auto;
}

footer .footer-inner .mall-list a:first-child {
    margin-right: 60px;
}

footer .footer-inner .footer-sub {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

footer .footer-inner .footer-sub:not(:first-child) {
    margin-top: 20px;
}

footer .footer-inner .footer-sub li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 12px;
}

footer .footer-inner .footer-sub li:not(:first-child)::before {
    content: "/";
    margin-right: 5px;
}

footer .footer-inner .footer-sub li:not(:last-child) {
    margin-right: 5px;
}

footer .footer-inner .footer-sub li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
}

footer .footer-inner .footer-sub li a p {
    margin-right: 5px;
}

footer .footer-inner .footer-sub li a img {
    height: 12px;
    width: auto;
}

footer .sns-box {
    margin-top: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-right: 80px;
}

footer .sns-box a {
    display: inline-block;
    max-width: 50px;
}

footer .sns-box img {
    width: 100%;
    height: auto;
}

footer .sns-box img:first-child {
    margin-right: 15px;
}

footer .copyright {
    text-align: right;
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
    margin-right: 80px;
}

.menu-wrap.close .header-menu {
    -webkit-transition: .3s;
    transition: .3s;
    left: calc(-100% + 33px);
}

.menu-wrap.close .header-menu .sp-menu-btn img {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.menu-wrap .header-menu {
    background: #2D2F2F;
    padding: 10px 0;
    -webkit-transition: .3s;
    transition: .3s;
    left: 0;
    width: 100vw;
}

.menu-wrap .header-menu .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.menu-wrap .header-menu .inner #slide {
    width: 100%;
}

.menu-wrap .header-menu .inner #slide .sp-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    list-style: none;
}

.menu-wrap .header-menu .inner #slide .sp-menu li {
    text-align: center;
}

.menu-wrap .header-menu .inner #slide .sp-menu li a {
    position: relative;
    color: #fff;
    text-decoration: none;
    display: inline-block;
}

.menu-wrap .header-menu .inner #slide .sp-menu li a img {
    height: 50px;
    width: auto;
}

.menu-wrap .header-menu .inner #slide .sp-menu li a p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    white-space: nowrap;
    text-align: center;
    line-height: 1.25em;
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;
}

.menu-wrap .header-menu .inner #slide .sp-menu li a p span {
    display: block;
}

.menu-wrap .header-menu .inner #slide .sp-menu .ham-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topback {
    position: fixed;
    right: 40px;
    bottom: 40px;
    cursor: pointer;
    width: 60px;
    height: auto;
    z-index: 500;
}

.ham-inner {
    padding: 30px 20px 0;
}

#ham {
    position: fixed;
    top: 0;
    right: -500px;
    width: 500px;
    height: 100%;
    min-height: 100vh;
    background: #2D2F2F;
    z-index: 1000;
    -webkit-transition: .4s;
    transition: .4s;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

#ham .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 30px;
}

#ham .btn-box .ham_btn {
    width: 30px;
    height: 30px;
}

#ham .btn-box .ham_btn span {
    background: #000;
}

#ham .btn-box .ham_btn span:nth-child(1) {
    top: 0px;
}

#ham .btn-box .ham_btn span:nth-child(2) {
    top: 15px;
}

#ham .btn-box .ham_btn span:nth-child(3) {
    top: 30px;
}

#ham .btn-box .ham_btn.open span {
    -webkit-transition: .4s;
    transition: .4s;
}

#ham .btn-box .ham_btn.open span:nth-child(1) {
    top: 13px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#ham .btn-box .ham_btn.open span:nth-child(2) {
    opacity: 0;
}

#ham .btn-box .ham_btn.open span:nth-child(3) {
    top: 13px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#ham.open {
    right: 0;
    -webkit-transition: .4s;
    transition: .4s;
}

#ham .ham-lists {
    width: 100%;
    list-style: none;
}

#ham .ham-lists .ham-column {
    border-top: 1px solid;
}

#ham .ham-lists .ham-column ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
}

#ham .ham-lists .ham-column ul li {
    width: 100%;
    text-align: center;
}

#ham .ham-lists .ham-column ul li:not(:first-child) {
    border-left: 1px solid;
}

#ham .ham-lists .ham-column ul li a {
    display: inline-block;
    text-decoration: none;
}

#ham .ham-lists .ham-column ul li a .ttl {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    line-height: 1em;
}

#ham .ham-lists .ham-column ul li a .sub {
    color: #000;
    line-height: 1em;
    font-size: 13px;
    font-weight: bold;
    margin-top: 5px;
}

#ham .ham-lists .ham-column:last-child {
    border-bottom: 1px solid;
}

#ham .mall-list {
    margin-top: 20px;
}

#ham .mall-list a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    margin-bottom: 5px;
}

#ham .mall-list a p {
    margin-right: 5px;
}

#ham .mall-list a img {
    height: 16px;
    width: auto;
}

@media (max-width: 700px) {
    .ham-inner {
        padding: 20px 20px 0;
    }

    #ham {
        right: -100vw;
        width: 100vw;
        height: 100vh;
    }

    #ham .btn-box {
        margin-bottom: 15px;
    }

    #ham .ham-lists .ham-column ul {
        padding: 12px 0;
    }

    #ham .ham-lists .ham-column ul li a .ttl {
        font-size: 18px;
    }

    #ham .ham-lists .ham-column ul li a .sub {
        font-size: 12px;
    }

    #ham .ham-lists .ham-column ul li a .sub span {
        display: inline-block;
        margin-top: 3px;
    }

    #ham .mall-list {
        margin-top: 15px;
    }

    #ham .mall-list a p {
        font-size: 14px;
    }

    #ham .mall-list a img {
        height: 14px;
        width: auto;
    }

    #ham .mall-list a:last-child {
        margin-bottom: 20vh;
    }
}

@media (max-width: 850px) {
    .shop-result-page .inner {
        padding: 0 40px;
    }
}

.shop-result-page .ttl-box {
    margin: 40px 0;
    position: relative;
}

.shop-result-page .ttl-box h1 {
    text-align: center;
    font-size: 40px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.shop-result-page .ttl-box a {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: calc(50% + 180px);
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.shop-result-page h2 {
    font-size: 28px;
    padding-left: 40px;
}

.shop-result-page .keyword-wrapper {
    max-width: 1360px;
    margin: 60px auto 0;
    padding: 0 80px;
}

.shop-result-page .keyword-wrapper .change {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}

.shop-result-page .keyword-wrapper .change img {
    margin-right: 15px;
}

.shop-result-page .keyword-wrapper .change p {
    font-size: 28px;
    font-weight: bold;
}

.shop-result-page .keyword-area {
    background: #EEEEEE;
    padding: 100px 0px 60px;
}

.shop-result-page .keyword-area form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 60px auto 0;
    width: 90%;
    max-width: 600px;
    position: relative;
}

.shop-result-page .keyword-area form .search {
    outline: none;
    border-radius: 10px;
    border: none;
    border: solid 1px #4a4a4a;
    width: 100%;
    padding: 20px 60px 20px 10px;
    font-size: 20px;
    background: #fff;
}

.shop-result-page .keyword-area form .btn-box {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.shop-result-page .keyword-area form .btn-box .search-btn {
    color: transparent;
    position: absolute;
}

.shop-result-page .keyword-area form .btn-box img {
    cursor: pointer;
    width: 30px;
}

.shop-result-page .keyword-area .example {
    width: 100%;
    max-width: 600px;
    margin: 20px auto 0;
    font-size: 14px;
}

.shop-result-page .keyword-area .example a {
    display: inline-block;
    color: #000;
}

.shop-result-page .keyword-area .example span {
    margin: 0 3px;
}

.shop-result-page .genre-area {
    padding: 60px 0 80px;
    border-bottom: 1px dotted #ababab;
}

.shop-result-page .genre-area .genre-box {
    list-style: none;
    display: -ms-grid;
    display: grid;
    margin-top: 60px;
    width: 100%;
    -ms-grid-columns: 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.shop-result-page .genre-area .genre-box li {
    padding: 20px 15px;
}

.shop-result-page .genre-area .genre-box li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #000;
}

.shop-result-page .genre-area .genre-box li a .genre-img-box {
    height: 100%;
    width: 45%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.shop-result-page .genre-area .genre-box li a .genre-img-box img {
    max-width: 100%;
    max-height: 100%;
}

.shop-result-page .genre-area .genre-box li a p span {
    display: inline-block;
}

@media (max-width: 850px) {
    .shop-result-page .genre-area .genre-box li a p {
        font-size: 14px;
    }
}

.shop-result-page .genre-area .genre-box li:nth-child(1),
.shop-result-page .genre-area .genre-box li:nth-child(2),
.shop-result-page .genre-area .genre-box li:nth-child(3),
.shop-result-page .genre-area .genre-box li:nth-child(4) {
    border-bottom: 1px dotted #ababab;
}

.shop-result-page .genre-area .genre-box li:nth-child(2),
.shop-result-page .genre-area .genre-box li:nth-child(3),
.shop-result-page .genre-area .genre-box li:nth-child(4),
.shop-result-page .genre-area .genre-box li:nth-child(6),
.shop-result-page .genre-area .genre-box li:nth-child(7),
.shop-result-page .genre-area .genre-box li:nth-child(8) {
    border-left: 1px dotted #ababab;
}

.shop-result-page .genre-area .genre-box li.current {
    background: #efefef;
}

.shop-result-page .initial-area {
    padding: 60px 0 80px;
    border-bottom: 1px dotted #ababab;
}

.shop-result-page .initial-area__box {
    margin-top: 60px;
}

.shop-result-page .initial-area__box .language {
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: calc(80px * 11);
}

.shop-result-page .initial-area__box .language a {
    text-align: center;
    display: inline-block;
    color: #000;
    border: 2px solid #888888;
    text-decoration: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    width: 60px;
    height: 50px;
    line-height: 50px;
    margin: 10px 3px 0;
    background-color: #FFFFFF;
}

.shop-result-page .initial-area__box .language a.other {
    width: initial;
    padding: 0 20px;
}

.shop-result-page .initial-area__box .language a.current {
    background: #efefef;
}

.shop-result-page .gift-area {
    padding: 60px 0 100px;
}

.shop-result-page .gift-area .gift-lists {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 60px;
}

.shop-result-page .gift-area .gift-lists li a {
    border: 1px solid #dfdfdf;
    padding: 10px 20px;
    border-radius: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #000;
}

.shop-result-page .gift-area .gift-lists li a .check-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #dfdfdf;
    border-radius: 50%;
    margin-right: 20px;
}

.shop-result-page .gift-area .gift-lists li a p {
    font-weight: bold;
}

.shop-result-page .gift-area .gift-lists li.active .check-box {
    background: #0080be;
}

.shop-result-page .gift-area .gift-lists li:not(:first-child) {
    margin-left: 20px;
}

.shop-result-page .btn-area {
    margin-top: 60px;
    text-align: center;
    padding-bottom: 100px;
}

.shop-result-page .btn-area:not(:last-child) {
    padding-bottom: 0 !important;
}

.shop-result-page .btn-area a {
    display: inline-block;
    width: 495px;
    /* border: 1px solid #000; */
    padding: 20px 100px;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #2D2F2F;
    border-radius: 100px;
    position: relative;
}

.shop-result-page .btn-area a::after {
    content: '';
    display: inline-block;
    width: 24px;
    height: 16px;
    background-image: url(../img/btn-arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    right: 20px;
}

@media (max-width: 700px) {
    .shop-result-page .btn-area a {
        width: 275px;
    }
}

.shop-result-page .btn-area a .btn-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
}

.shop-result-page .btn-area a .btn-box .arrow {
    width: 30px;
    height: 8px;
    margin-left: 20px;
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: skew(45deg);
    transform: skew(45deg);
    display: none;
}

.shop-result-page .btn-area a .btn-box p {
    font-size: 24px;
    font-weight: bold;
}

.shop-result-page .shop-list {
    padding-bottom: 60px;
}

.shop-result-page .shop-list .result-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 40px 0 20px;
}

.shop-result-page .shop-list .result-text p {
    font-size: 18px;
}

.shop-result-page .shop-list .result-text p:not(:first-child) {
    margin-left: 20px;
}

.shop-result-page .shop-list .result-shop {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.shop-result-page .shop-list .result-shop::before {
    content: "";
    display: block;
    width: calc((100% / 4) - 40px);
    height: 0;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
}

.shop-result-page .shop-list .result-shop::after {
    content: "";
    display: block;
    width: calc((100% / 4) - 40px);
    height: 0;
}

.shop-result-page .shop-list .result-shop li {
    width: calc((100% / 4) - 40px);
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    color: #7d7d7d;
}

.shop-result-page .shop-list .result-shop li a {
    width: 100%;
    padding-top: 90%;
    position: relative;
    -webkit-box-shadow: 0 0 5px 0 #999;
    box-shadow: 0 0 5px 0 #999;
}

.shop-result-page .shop-list .result-shop li a img {
    position: absolute;
    width: auto;
    height: auto;
    max-width: 70%;
    max-height: 70%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.shop-result-page .shop-list .result-shop li p {
    margin-top: 20px;
}

.shop-result-page .shop-list .pagenate .btn-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.shop-result-page .shop-list .pagenate .btn-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    min-width: 35px;
    border: 1px solid #888888;
    border-radius: 10px;
    margin: 0 20px 20px;
    font-size: 14px;
    font-weight: bold;
}

.shop-result-page .shop-list .pagenate .btn-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}

.shop-result-page .shop-list .pagenate .btn-list li.sp-b-text {
    font-size: 12px;
}

.shop-result-page .shop-list .pagenate .btn-list li.current {
    background: #EEEEEE;
}

.shop-result-page .shop-list .pagenate .btn-list li.current a {
    color: #000;
}

.shop-result-page .shop-list .pagenate .btn-list li.disabled {
    opacity: 0.5;
}

.shop-kobetu-page .shop-kobetu-inner {
    max-width: 1080px;
    margin: 0 auto;
}

.shop-kobetu-page .shop_container .shop_panel {
    margin-top: 80px;
}

.shop-kobetu-page .shop_container .shop_panel h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
    padding: 20px 0;
    border-bottom: 2px dotted #ccc;
}

.shop-kobetu-page .shop_container .shop-info .shop-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box {
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slider-item {
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slider-item img {
    width: 100%;
    max-width: 720px;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box {
    margin-top: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .logo-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 80px;
    width: 150px;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .logo-box img {
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text {
    max-width: 600px;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-ttl .num {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #000;
    color: #fff;
    padding: 0 10px;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-ttl .ttl {
    font-size: 24px;
    margin-left: 10px;
    font-weight: bold;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-sub-category {
    font-size: 12px;
}

.shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-sub-category .pc-inline {
    display: inline-block;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area ul li .link {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #535353;
    height: 60px;
    line-height: 60px;
    width: 200px;
    text-align: center;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul li:not(:first-child) {
    margin-left: 20px;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table {
    margin-top: 20px;
    background: #EEEEEE;
    width: 100%;
    padding: 20px 40px;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table {
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr {
    display: block;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr th {
    width: 200px;
    padding: 5px 0;
    white-space: nowrap;
    text-align: left;
    padding-right: 10px;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr a {
    color: #000;
}

.shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr a[href^="tel:"] {
    pointer-events: none;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area {
    margin-top: 40px;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .ttl {
    font-size: 20px;
    font-weight: bold;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .text {
    margin-top: 1em;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width: 700px) {
    .shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links {
        order: 2;
    }
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links__icon-list {
    list-style: none;
    display: flex;
    gap: 20px;
}

@media (max-width: 700px) {
    .shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links__icon-list {
        justify-content: center;
    }
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links__icon-list li {
    width: 40px;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .sns-links__icon-list li img {
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .hash {
    margin-top: 20px;
    margin-bottom: 20px;
}

.shop-kobetu-page .shop_container .shop-info .shop-text-area .hash a {
    display: inline-block;
    color: #535353;
    background: #EEEEEE;
    border-radius: 100px;
    padding: 4px 30px;
    margin-bottom: 20px;
    text-decoration: none;
    font-size: 14px;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list {
    list-style: none;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content:not(:nth-child(2)) {
    margin-top: 40px;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .topic-img-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30%;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .topic-img-box img {
    width: 70%;
    height: auto;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .text-content p {
    line-height: 1.7em;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .more-btn {
    margin-top: 40px;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .more-btn a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #535353;
    padding: 15px 20px;
    border-radius: 10px;
}

.shop-kobetu-page .shop_container .shop-topic .topic-list li:not(:first-child) {
    margin-top: 80px;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list {
    margin-top: 20px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list li {
    width: calc(100% / 3 - 40px);
    max-width: 300px;
    margin-bottom: 40px;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list li a img {
    width: 100%;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list li a p {
    padding-top: 40px;
    text-align: center;
}

.shop-kobetu-page .shop_container .shop-k-news .shopnews-list::after {
    content: "";
    display: block;
    width: calc(100% / 3 - 40px);
    max-width: 300px;
    height: 0;
}

.shop-kobetu-page .btn-area a {
    padding: 20px 60px;
}

.shop-kobetu-page .btn-area a .btn-box .arrow {
    width: 25px;
    height: 8px;
    display: none;
}

.shop-kobetu-page .btn-area a .btn-box p {
    font-size: 18px;
}

.fade {
    -webkit-animation-name: fadeAnime;
    animation-name: fadeAnime;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    opacity: 0;
}

@-webkit-keyframes fadeAnime {
    from {
        -webkit-transform: perspective(2500px) translate(50px, 50px) rotateX(270deg);
        transform: perspective(2500px) translate(50px, 50px) rotateX(270deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(360deg);
        transform: perspective(2500px) rotateX(360deg);
        opacity: 1;
    }
}

@keyframes fadeAnime {
    from {
        -webkit-transform: perspective(2500px) translate(50px, 50px) rotateX(270deg);
        transform: perspective(2500px) translate(50px, 50px) rotateX(270deg);
        opacity: 0;
    }

    to {
        -webkit-transform: perspective(2500px) rotateX(360deg);
        transform: perspective(2500px) rotateX(360deg);
        opacity: 1;
    }
}

.fadeTrigger {
    opacity: 0;
}

.news-page {
    padding-bottom: 80px;
}

.news-page .n-slick-box {
    margin-top: 40px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.news-page .n-slick-box .n-slider {
    width: calc(100% - 160px);
}

.news-page .n-slick-box .n-slider .slider-item {
    width: 100%;
    padding: 0 10px;
    text-align: center;
}

.news-page .n-slick-box .n-slider .slider-item a {
    display: inline-block;
    width: 100%;
    text-decoration: none;
    color: #000;
}

.news-page .n-slick-box .n-slider .slider-item a img {
    width: 100%;
    height: auto;
}

.news-page .n-slick-box .n-slider .slider-item a p {
    margin-top: 10px;
}

.news-page .n-slick-box .n-slider .slide-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.news-page .n-slick-box .n-slider .prev-arrow {
    left: -80px;
}

.news-page .n-slick-box .n-slider .next-arrow {
    right: -80px;
    transform: translateY(-50%) scale(-1, 1);
    -webkit-transform: translateY(-50%) scale(-1, 1);
    -ms-transform: translateY(-50%) scale(-1, 1);
}

.news-page .news_container {
    margin-top: 80px;
}

.news-page .news_container .news-tab-area .news_tab {
    width: 100%;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.news-page .news_container .news-tab-area .news_tab .news_tab__btn {
    width: 100%;
    background: #EEEEEE;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 30px 0;
}

.news-page .news_container .news-tab-area .news_tab .news_tab__btn.active {
    background: #fff;
    border: 1px solid #2D2F2F;
    border-bottom: none;
}

.news-page .news_container .news-tab-area .news_tab .news_tab__btn:not(:first-child) {
    margin-left: 1px;
}

.news-page .news_container .panel-area {
    margin-top: 40px;
    width: 100%;
}

.news-page .news_container .panel-area .news_panel {
    display: none;
}

.news-page .news_container .panel-area .news_panel.active {
    display: block;
}

.news-page .n-news-list,
.news-kobetu-page .n-news-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.news-page .n-news-list li,
.news-kobetu-page .n-news-list li {
    width: calc((100% / 3) - 20px);
    max-width: 318px;
    margin-bottom: 40px;
}

.news-page .n-news-list li a,
.news-kobetu-page .n-news-list li a {
    text-decoration: none;
    color: #565656;
}

.news-page .n-news-list li a img,
.news-kobetu-page .n-news-list li a img {
    width: 100%;
    height: 318px;
    -o-object-fit: contain;
    object-fit: contain;
}

.news-page .n-news-list li a p,
.news-kobetu-page .n-news-list li a p {
    margin-top: 10px;
    color: #565656;
    font-size: 14px;
    line-height: 1.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: 3em;
    overflow: hidden;
}

.news-page .n-news-list li a .ttl,
.news-kobetu-page .n-news-list li a .ttl {
    font-weight: bold;
    color: #000;
    font-size: 16px;
}

.news-page .n-news-list li a .text,
.news-kobetu-page .n-news-list li a .text {
    color: #000;
}

.news-page .n-news-list::after,
.news-kobetu-page .n-news-list::after {
    content: "";
    display: block;
    width: calc((100% / 3) - 20px);
    max-width: 318px;
    height: 0;
}

.news-page .more-btn,
.news-kobetu-page .more-btn {
    text-align: center;
    margin-top: 40px;
}

.news-page .more-btn button,
.news-kobetu-page .more-btn button {
    display: inline-block;
}

.news-page .more-btn button .btn,
.news-kobetu-page .more-btn button .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    color: #FFFFFF;
    /* border: 1px solid #000; */
    padding: 15px 30px;
    font-weight: bold;
    width: 400px;
    background-color: #2D2F2F;
    border-radius: 100px;
    position: relative;
}

.news-page .more-btn button .btn,
.news-kobetu-page .more-btn button .btn::after {
    display: inline-block;
    width: 24px;
    height: 16px;
    background-image: url(../img/btn-arrow.png);
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    top: 40%;
    right: 20px;
}

.news-page .more-btn button .btn img,
.news-kobetu-page .more-btn button .btn img {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
    width: 20px;
    margin-left: 10px;
    display: none;
}

.news-kobetu-page {
    padding: 40px 0;
}

.news-kobetu-page .news-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.news-kobetu-page .news-content .news-img-box {
    width: 50%;
    padding-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.news-kobetu-page .news-content .news-img-box img {
    width: 100%;
    max-width: 534px;
    height: auto;
}

.news-kobetu-page .news-content .news-info {
    width: 100%;
}

.news-kobetu-page .news-content .news-info .news-date {
    text-align: right;
    color: #565656;
}

.news-kobetu-page .news-content .news-info .news-ttl {
    margin-top: 20px;
    font-size: 24px;
    font-weight: bold;
}

.news-kobetu-page .news-content .news-info .news-table {
    margin-top: 20px;
    width: 100%;
    word-break: break-all
}

.news-kobetu-page .news-content .news-info .news-table tr {
    display: block;
    border-bottom: 1px solid #000;
}

.news-kobetu-page .news-content .news-info .news-table tr th {
    padding: 10px 20px;
    font-weight: normal;
    min-width: 150px;
}

.news-kobetu-page .news-content .news-info .news-table tr td {
    padding: 10px 20px;
}

.news-kobetu-page .news-text {
    margin-top: 40px;
}

.news-kobetu-page .news-hash a {
    margin: 20px 10px 0 0;
    display: inline-block;
    text-decoration: none;
    color: #535353;
    font-size: 13px;
    background: #EEEEEE;
    padding: 5px 20px;
    border-radius: 100px;
}

.news-kobetu-page .shop-info-box {
    margin-top: 80px;
    border: 1px solid #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 40px;
    text-decoration: none;
    color: #000;
    background-color: #EEEEEE;
}

.news-kobetu-page .shop-info-box .logo-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 30%;
    padding-right: 40px;
}

.news-kobetu-page .shop-info-box .logo-box img {
    width: 100%;
    max-width: 186px;
    height: auto;
}

.news-kobetu-page .shop-info-box .shop-info-text .shop-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.news-kobetu-page .shop-info-box .shop-info-text .shop-ttl .num {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #000;
    color: #fff;
    padding: 0 10px;
}

.news-kobetu-page .shop-info-box .shop-info-text .shop-ttl .ttl {
    font-size: 24px;
    margin-left: 10px;
    font-weight: bold;
}

.news-kobetu-page .connection-news {
    margin-top: 80px;
}

.news-kobetu-page .connection-news h2 {
    margin-bottom: 40px;
    background: #535353;
    color: #fff;
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
}

.news-kobetu-page .connection-news .n-news-list li a p {
    -webkit-line-clamp: 3;
    max-height: 4.5em;
}

.calendar-page {
    padding: 40px 0;
}

.calendar-page .ttl-box {
    text-align: center;
}

.calendar-page .calendar {
    margin-top: 40px;
    background: #fff;
    padding: 0;
}

.calendar-page .this-event .border {
    margin: 0 auto;
    width: 80px;
    height: 5px;
    background: #000;
}

.calendar-page .this-event .event-month-ttl {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: bold;
}

.calendar-page .this-event .n-news-list .session {
    background: #28429d;
    color: #fff;
    display: inline-block;
    padding: 3px 15px;
}

.topic-page {
    padding: 40px 0;
}

.topic-page .ttl-box {
    text-align: center;
}

.topic-page .ttl-box h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.topic-page .topic-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

.topic-page .topic-list li {
    width: calc(50% - 20px);
    margin-bottom: 40px;
}

.topic-page .topic-list li a {
    text-decoration: none;
    color: #000;
}

.topic-page .topic-list li a img {
    width: 100%;
    height: auto;
}

.topic-page .topic-list li a p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
}

.topic-page .pagenate {
    margin-top: 40px;
}

.topic-page .pagenate .btn-list {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
}

.topic-page .pagenate .btn-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 20px;
    min-width: 35px;
    border: 1px solid #888888;
    border-radius: 10px;
    margin: 0 20px 20px;
    font-size: 14px;
    font-weight: bold;
}

.topic-page .pagenate .btn-list li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #000;
}

.topic-page .pagenate .btn-list li.sp-b-text {
    font-size: 12px;
}

.topic-page .pagenate .btn-list li.current {
    background: #EEEEEE;
}

.topic-page .pagenate .btn-list li.current a {
    color: #000;
}

.topic-page .pagenate .btn-list li.disabled {
    opacity: 0.5;
}

.topic-page .topic-container {
    max-width: 950px;
    margin: 40px auto;
}

.topic-page .topic-container .topic-img {
    text-align: center;
}

.topic-page .topic-container .topic-img img {
    width: 100%;
    max-width: 640px;
    height: auto;
}

.topic-page .topic-container .text {
    margin-top: 20px;
}

.topic-page .topic-container .hash-area a {
    margin: 20px 10px 0 0;
    display: inline-block;
    text-decoration: none;
    color: #535353;
    background: #EEEEEE;
    border-radius: 100px;
    padding: 5px 20px;
    font-size: 14px;
}

.topic-page .genre-area {
    margin-top: 40px;
    background: #EEEEEE;
}

.topic-page .genre-area .category-list {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.topic-page .genre-area .category-list .all {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1 / 3;
}

.topic-page .genre-area .category-list li {
    height: 100%;
    padding: 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-right: 1px dashed #b1b1b1;
    cursor: pointer;
}

.topic-page .genre-area .category-list li.active {
    background: #FFE3AE;
}

.topic-page .genre-area .category-list li:first-child {
    border-left: 1px dashed #b1b1b1;
}

.topic-page .genre-area .category-list li:nth-child(n+6) {
    border-top: 1px dashed #b1b1b1;
}

.topic-page .genre-area .category-list li span {
    display: inline-block;
}

.topic-page .category-area {
    margin-top: 40px;
    background: #EEEEEE;
}

.topic-page .category-area .category-list {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
}

.topic-page .category-area .category-list li {
    height: 100%;
    border-right: 1px dashed #b1b1b1;
    padding: 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.topic-page .category-area .category-list li.active {
    background: #FFE3AE;
}

.topic-page .category-area .category-list li:first-child {
    border-left: 1px dashed #b1b1b1;
}

.topic-page .topic-list-container {
    margin-top: 40px;
}

.topic-page .topic-list-container .count {
    text-align: right;
}

.topic-page .topic-list-container .other-topic {
    list-style: none;
    margin-top: 40px;
}

.topic-page .topic-list-container .other-topic li .link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-bottom: 1px dashed #000;
    text-decoration: none;
    color: #000;
    padding: 20px 0;
}

.topic-page .topic-list-container .other-topic li .link .topic-logo-box {
    width: 30%;
    max-width: 240px;
    padding-right: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.topic-page .topic-list-container .other-topic li .link .topic-logo-box img {
    width: 100%;
}

.topic-page .topic-list-container .other-topic li .link .topic-info {
    width: 100%;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .shop-ttl {
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .shop-ttl .num {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    background: #000;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    margin-right: 10px;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .topic-ttl_noimg {
    margin-bottom: 5px;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .hash a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin: 10px 10px 0 0;
    background: #efefef;
    border-radius: 100px;
    font-size: 14px;
    padding: 5px 10px;
}

.topic-page .topic-list-container .other-topic li .link .arrow {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-left: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topic-page .topic-list-container .other-topic li .link .arrow img {
    width: 40px;
    height: auto;
}

.topic-page .topic-img-list {
    margin-top: 40px;
}

.topic-page .topic-img-list .count {
    text-align: right;
}

.topic-page .topic-img-list .other-topic {
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 40px;
}

.topic-page .topic-img-list .other-topic .main-item-box {
    cursor: pointer;
    padding: 20px;
}

.topic-page .topic-img-list .other-topic .topic_item {
    width: calc(100% / 3);
    border-bottom: 1px dashed #000;
    border-right: 1px dashed #000;
}

.topic-page .topic-img-list .other-topic .topic_item:nth-child(1) .main-item-box,
.topic-page .topic-img-list .other-topic .topic_item:nth-child(2) .main-item-box,
.topic-page .topic-img-list .other-topic .topic_item:nth-child(3) .main-item-box {
    padding-top: 0;
}

.topic-page .topic-img-list .other-topic .topic_item:nth-child(3n) {
    border-right: none;
}

.topic-page .topic-img-list .other-topic .topic_item .shop-img {
    width: 100%;
    margin-bottom: 20px;
}

.topic-page .topic-img-list .other-topic .topic_item .shop-img img {
    width: 100%;
    height: auto;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-main .topic-logo-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 50%;
    padding-right: 20px;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-main .topic-logo-box img {
    width: 100%;
    height: auto;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-main .shop-ttl .num {
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 0 10px;
    font-size: 14px;
    margin-right: 10px;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-main .shop-ttl .limit-text {
    margin-top: 5px;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-info {
    margin-top: 20px;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-ttl {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-text {
    margin-top: 15px;
    color: black;
    height: calc(1.5em * 2);
    /* 制限したい行数が2の場合 */
    line-height: 1.5em;
    /* heightと同じ値にする */
    overflow: hidden;
    position: relative;
    word-wrap: break-word;
    font-size: 15px;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-text::before {
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), color-stop(30%, white));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 30%);
    bottom: 0;
    content: "…";
    padding-left: 1em;
    position: absolute;
    right: 0;
}

.topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-text::after {
    background: #fff;
    /* 背景色 */
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
}

.topic-page .topic-img-list .other-topic .topic_item .hash {
    margin-top: 10px;
}

.topic-page .topic-img-list .other-topic .topic_item .hash a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    margin: 10px 10px 0 0;
    background: #efefef;
    border-radius: 100px;
    font-size: 13px;
    padding: 5px 10px;
}

.topic-page .topic-img-list .other-topic .topic_item .more-block {
    text-align: right;
    margin-top: 40px;
}

.topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn {
    display: inline-block;
}

.topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn .more-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn .more-box p {
    color: #2D2F2F;
}

.topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn .more-box img {
    width: 18px;
    margin-left: 10px;
}

.topic-page .topic-img-list .other-topic::after {
    content: "";
    display: block;
    width: calc(100% / 3);
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
}

/* ------topic_modal css------ */
.topic_modal_container {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
    margin: auto;
    border: none;
    z-index: 9999;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    overflow-y: scroll;
}

.topic_modal_container .topic_modal_wrapper {
    padding: 100px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    min-height: 100vh;
    position: relative;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_mask {
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window {
    width: 80vw;
    max-width: 1000px;
    margin: auto;
    background: #fff;
    z-index: 1;
    position: relative;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content {
    padding: 90px 15%;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main {
    text-decoration: none;
    color: #000;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main .shop-ttl .num {
    font-size: 16px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main .shop-ttl .limit-text {
    margin-top: 10px;
    color: #000;
    display: block;
    font-size: 20px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info {
    margin-top: 20px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .ttl {
    font-size: 20px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .topic-text {
    margin-top: 15px;
    color: black;
    height: 100%;
    font-size: 20px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .topic-text::after {
    display: none;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .topic-text::before {
    display: none;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .hash a {
    font-size: 16px;
    padding: 5px 15px;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic-modal-close {
    z-index: 300;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.topic_modal_container .topic_modal_wrapper .topic_modal_window .topic-modal-close .back {
    width: 50px;
    height: auto;
}

/* ここから固定ページのstyle */
.device_pc {
    display: block !important;
}

.device_sp {
    display: none !important;
}

@media (max-width: 700px) {
    .device_pc {
        display: none !important;
    }

    .device_sp {
        display: block !important;
    }
}

/* ここまで固定ページのstyle */
.movie-page {
    padding-bottom: 120px;
}

.movie-page .ttl-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-top: 20px;
}

.movie-page .ttl-box h1 {
    font-size: 32px;
    line-height: 32px;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}

.movie-page .ttl-box p {
    line-height: 16px;
    margin-left: 20px;
}

.movie-page .cm-list {
    width: 100%;
    margin-top: 80px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.movie-page .cm-list li {
    width: calc((100% / 3) - 20px);
    max-width: 350px;
    margin-bottom: 80px;
}

.movie-page .cm-list li:first-child {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 60px;
}

.movie-page .cm-list li .movie-box {
    position: relative;
    width: 100%;
    padding: calc(315 / 560 * 100%) 0 0;
}

.movie-page .cm-list li .movie-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.movie-page .cm-list li .ttl {
    margin-top: 20px;
    font-size: 18px;
}

.movie-page .cm-list::after {
    content: "";
    display: block;
    width: calc((100% / 3) - 20px);
    max-width: 318px;
    height: 0;
}

@media (max-width: 700px) {
    .movie-page {
        padding-bottom: 80px;
    }

    .movie-page .ttl-box h1 {
        font-size: 24px;
        line-height: 24px;
    }

    .movie-page .ttl-box p {
        font-size: 14px;
        line-height: 14px;
        margin-left: 10px;
    }

    .movie-page .cm-list {
        margin-top: 40px;
    }

    .movie-page .cm-list li {
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
    }

    .movie-page .cm-list li:first-child {
        margin: 0 auto 40px;
    }

    .movie-page .cm-list li .ttl {
        margin-top: 10px;
        font-size: 14px;
    }

    .movie-page .cm-list::after {
        width: 100%;
        max-width: 100%;
    }
}

.search-page {
    margin: 40px 0 120px;
}

.search-page .search-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.search-page .search-wrap .search {
    background: #ececec;
    position: relative;
    display: inline-block;
    width: 100%;
}

.search-page .search-wrap .search .open-box {
    padding: 30px 100px;
}

.search-page .search-wrap .search .open-box .form-ttl-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-page .search-wrap .search .open-box .form-ttl-box img {
    width: 25px;
    height: auto;
}

.search-page .search-wrap .search .open-box .form-ttl-box p {
    font-size: 24px;
    font-weight: bold;
    margin-right: 10px;
}

.search-page .search-wrap .search .open-box .open-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

.search-page .search-wrap .search .open-box .open-btn span {
    display: block;
    position: relative;
    padding: 10px;
}

.search-page .search-wrap .search .open-box .open-btn span:before,
.search-page .search-wrap .search .open-box .open-btn span:after {
    content: '';
    display: block;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background: #000;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.search-page .search-wrap .search .open-box .open-btn span:after {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.search-page .search-wrap .search .open-box .open-btn span.active:after {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.search-page .search-wrap .search .form-box {
    padding: 0 80px;
    padding-bottom: 40px;
    width: 100%;
}

.search-page .search-wrap .search .form-box .search-box {
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.search-page .search-wrap .search .form-box .search-box.check {
    margin-bottom: 30px;
}

.search-page .search-wrap .search .form-box .search-box .search-ttl {
    white-space: nowrap;
    width: 150px;
    font-weight: bold;
    background: #2D2F2F;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.search-page .search-wrap .search .form-box .search-box .search-choice {
    width: calc(100% - 150px);
    padding: 10px 0;
}

.search-page .search-wrap .search .form-box .search-box .search-choice #boxes {
    display: inline-block;
}

.search-page .search-wrap .search .form-box .search-box .search-choice label {
    display: inline-block;
    font-weight: bold;
    margin: 5px 20px;
}

.search-page .search-wrap .search .form-box .search-box .search-choice label input {
    margin-right: 5px;
}

.search-page .search-wrap .search .form-box .search-text {
    width: calc(100% - 150px);
}

.search-page .search-wrap .search .form-box .search-text input {
    width: 100%;
    padding: 15px 20px;
    outline: none;
}

.search-page .search-wrap .search .form-box .kome-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.search-page .search-wrap .search .form-box .kome-box .example {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.search-page .search-wrap .search .form-box .kome-box .example a {
    display: inline-block;
    color: #000;
}

.search-page .search-wrap .search .form-box .kome-box .example span {
    margin: 0 5px;
}

.search-page .search-wrap .search .form-box .kome-box p {
    font-size: 14px;
    margin-top: 10px;
}

.search-page .search-wrap .search .form-box .search-btn-box {
    text-align: center;
    margin-top: 20px;
}

.search-page .search-wrap .search .form-box .search-btn-box .search-btn {
    background: #173882;
    color: #fff;
    font-weight: bold;
    padding: 15px 0;
    width: 400px;
}

.search-page .search-wrap .search .form-box .search-btn-box .kome {
    font-size: 14px;
    font-weight: bold;
    margin-top: 20px;
}

.search-page .search_list {
    margin-top: 80px;
}

.search-page .search_list_container .search_list_header {
    width: 100%;
    background: #f9f9f9;
}

.search-page .search_list_container .search_tab {
    list-style: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.search-page .search_list_container .search_tab__btn {
    cursor: pointer;
    text-align: center;
    padding: 20px 0;
    font-weight: bold;
    background: #EEEEEE;
    border-right: 1px dotted #000;
}

.search-page .search_list_container .search_tab__btn.active {
    background: #B4E7BB;
}

.search-page .search_list_container .search_tab__btn:first-child {
    border-left: 1px dotted #000;
}

.search-page .search_list_container .count {
    margin: 40px 0 20px;
}

.search-page .search_list_container .search_list-box {
    list-style: none;
}

.search-page .search_list_container .search_list-box .list_item {
    border-bottom: 1px dotted #000;
    padding: 10px 0;
}

.search-page .search_list_container .search_list-box .list_item.hide {
    display: none;
}

.search-page .search_list_container .search_list-box .list_item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-decoration: none;
    color: #000;
}

.search-page .search_list_container .search_list-box .list_item a .main-img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.search-page .search_list_container .search_list-box .list_item a .main-img img {
    width: 118px;
    height: auto;
}

.search-page .search_list_container .search_list-box .list_item a .sp-box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 20px;
}

.search-page .search_list_container .search_list-box .list_item a .sp-box .category {
    color: #929292;
    width: 200px;
    border-right: 1px dotted #000;
    padding: 5px 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.search-page .search_list_container .search_list-box .list_item a .sp-box .text-area {
    padding: 5px 40px;
    font-size: 18px;
}

.search-page .search_list_container .search_list-box .list_item a .sp-box .text-area .text-ttl {
    font-weight: bold;
}

.search-page .search_list_container .search_list-box .list_item a .sp-box .text-area .text-sub {
    color: #929292;
    margin-top: 5px;
}

.search-page .search_list_container .search_list-box .list_item a .arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.search-page .search_list_container .search_list-box .list_item a .arrow img {
    width: 40px;
    height: auto;
}

/* ここから404ページのstyle */
.error-page {
    margin: 80px 0;
    text-align: center;
    padding: 0 40px;
}

.error-page h1 {
    font-size: 150px;
    line-height: 150px;
}

.error-page .ttl {
    font-size: 50px;
    font-weight: bold;
}

.error-page .ja-ttl {
    font-size: 24px;
}

.error-page .text {
    margin-top: 40px;
}

.error-page .text span {
    display: inline-block;
}

.error-page .btn-box {
    margin-top: 30px;
}

.error-page .btn-box a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: #000;
    padding: 20px 30px;
}

@media (max-width: 700px) {
    .error-page {
        margin: 40px 0;
        padding: 0 20px;
    }

    .error-page h1 {
        font-size: 80px;
        line-height: 80px;
    }

    .error-page .ttl {
        font-size: 26px;
    }

    .error-page .ja-ttl {
        font-size: 16px;
    }

    .error-page .text {
        font-size: 14px;
        margin-top: 30px;
    }

    .error-page .text span {
        display: inline;
    }

    .error-page .btn-box {
        margin-top: 30px;
    }

    .error-page .btn-box a {
        font-size: 14px;
        padding: 15px 20px;
    }
}

/* ここまで404ページのstyle */
/* ここから画面遷移ページのstyle */
.transition-page {
    padding: 120px 10px;
    text-align: center;
}

.transition-page .ttl {
    display: inline-block;
    font-size: 24px;
    margin: 0 auto;
    text-align: left;
}

.transition-page .link {
    margin-top: 80px;
}

.transition-page .link a {
    display: inline-block;
    text-align: left;
    text-decoration: none;
    color: #000;
}

.transition-page .btn-box {
    margin-top: 80px;
    display: inline-block;
}

.transition-page .btn-box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #000;
    color: #fff;
    text-decoration: none;
    padding: 10px 60px;
    font-size: 18px;
}

.transition-page .btn-box a img {
    width: 35px;
    margin-left: 20px;
}

@media (max-width: 700px) {
    .transition-page {
        padding: 40px 10px;
    }

    .transition-page .ttl {
        font-size: 16px;
    }

    .transition-page .link {
        margin-top: 30px;
    }

    .transition-page .link a {
        font-size: 14px;
    }

    .transition-page .btn-box {
        margin-top: 30px;
    }

    .transition-page .btn-box a {
        padding: 5px 40px;
        font-size: 14px;
    }

    .transition-page .btn-box a img {
        width: 25px;
        margin-left: 10px;
    }
}

/* ここまで画面遷移ページのstyle */
@media (max-width: 700px) {
    .pc {
        display: none !important;
    }

    .sp {
        display: block !important;
    }

    .inner {
        padding: 0 20px;
    }

    .breadcrumb {
        margin-top: 20px;
        font-size: 12px;
    }

    #splash .wrap .splash-container .splash-contents-wrapper {
        -webkit-transition: max-height 1.8s ease-in-out;
        transition: max-height 1.8s ease-in-out;
    }

    #splash .wrap .splash-container #splash_logo {
        width: 200px;
        height: auto;
    }

    #splash .wrap .splash-container .splash-movie {
        position: relative;
        width: 100vw;
        height: 0;
        padding-top: 56.25%;
    }

    #splash .wrap .splash-container .splash-movie iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    html.open,
    html.open body {
        height: 100%;
        overflow: hidden;
    }

    header {
        border-bottom: 2px solid #ddd;
    }

    .header-top .inner {
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 100%;
        padding: 10px 10px;
    }

    .header-top .inner .sp-block {
        display: block;
        width: 100%;
    }

    .header-top .inner .sp-block .sp-top-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: auto;
    }

    .header-top .inner .sp-block .sp-top-box a .header-img {
        width: auto;
        height: 40px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .sp-mushi {
        margin-right: 20px;
        width: 25px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn {
        width: 30px;
        height: 28px;
        margin-top: -13px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn span {
        background: #000;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn span:nth-child(1) {
        top: 0px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn span:nth-child(2) {
        top: 12px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn span:nth-child(3) {
        top: 24px;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn.open span {
        -webkit-transition: .4s;
        transition: .4s;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn.open span:nth-child(1) {
        top: 13px;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn.open span:nth-child(2) {
        opacity: 0;
    }

    .header-top .inner .sp-block .sp-top-box .sp-menu .ham_btn.open span:nth-child(3) {
        top: 13px;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .header-top .inner .text-box {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        margin-top: 15px;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }


    .header-top .inner .text-box .sp-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .header-top .inner .text-box .congestion {
        padding-right: 10px;
        margin-right: 10px;
        border-right: 2px solid #666;
    }

    .header-top .inner .text-box .congestion iframe {
        width: 90px;
        max-height: 38px;
    }

    .header-top .inner .text-box .time {
        font-size: 12px;
        margin: 0;
        position: relative;
        top: -3px;
    }

    .header-top .inner .text-box .detail {
        font-size: 10px;
        position: relative;
        top: -3px;
    }

    .header_form_area {
        display: none;
        position: absolute;
        border-radius: 6px;
        background: #fff;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
        z-index: 1000;
        right: 0px;
        left: 0;
        top: 80px;
        margin: 0 auto;
        width: calc(100% - 20px);
        padding: 20px;
        -webkit-transition: all 1s;
        transition: all 1s;
    }

    .header_form_area .sp-header-search input[type=search] {
        outline: none;
        border-radius: 0;
        border: none;
        border-bottom: solid 1px #b3b3b3;
        width: 100%;
        height: 45px;
        padding-right: 30px;
        padding-bottom: 0px;
        font-size: 16px;
    }

    .header_form_area .sp-header-search .btn-box {
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    .header_form_area .sp-header-search .btn-box .search-btn {
        color: transparent;
        position: absolute;
    }

    .header_form_area .sp-header-search .btn-box img {
        cursor: pointer;
        width: 25px;
    }

    .header_form_area::before {
        display: block;
        content: " ";
        position: absolute;
        border-top: 0px solid transparent;
        border-bottom: 15px solid #fff;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        pointer-events: none;
        bottom: 100%;
        right: 67px;
        z-index: 1100;
    }

    .header_form_area.search_fade {
        display: block;
    }

    .emergency__btn {
        /*background: #000;*/
        color: #fff;
    }

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

    .emergency__btn .triangle {
        margin: 5px auto 0;
        width: 20px;
        border-top: 10px solid #fff;
        border-right: 10px solid transparent;
        border-left: 10px solid transparent;
    }

    .emergency__text p {
        font-size: 12px;
    }

    .movie {
        padding: 20px;
    }

    .movie__img {
        width: 100%;
        height: auto;
    }

    .main-banner .slider-main .slick-slide .split .item img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: auto;
        height: calc(100% * 5);
    }

    .main-banner .slider-main .slick-slide .back img {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        width: auto;
        height: 100%;
    }

    .main-banner .slider-main .slide-arrow {
        bottom: -9px;
    }

    .main-banner .slider-main .prev-arrow {
        left: 20px;
    }

    .main-banner .slider-main .next-arrow {
        right: 20px;
    }

    .sp-menu-container {
        width: 100%;
        height: 55px;
    }

    .sp-menu-container.m_fixed {
        position: fixed;
        left: 0;
        z-index: 100;
    }

    .menu-wrap {
        position: relative;
    }

    .menu-wrap.close .header-menu {
        -webkit-transition: .3s;
        transition: .3s;
        left: calc(-100% + 33px);
    }

    .menu-wrap.close .header-menu .menu-btn img {
        -webkit-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    .menu-wrap .header-menu {
        position: absolute;
        background: #2D2F2F;
        padding: 10px 0;
        -webkit-transition: .3s;
        transition: .3s;
        left: 0;
        width: 100vw;
    }

    .menu-wrap .header-menu .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 0 10px 0 20px;
    }

    .menu-wrap .header-menu .inner #slide {
        width: 100%;
        overflow: scroll;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        list-style: none;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu li {
        text-align: center;
        width: calc(100% * 1 / 5);
    }

    .menu-wrap .header-menu .inner #slide .sp-menu li a {
        position: relative;
        color: #fff;
        text-decoration: none;
        display: inline-block;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu li a img {
        height: 30px;
        width: auto;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu li a p {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        white-space: nowrap;
        text-align: center;
        line-height: 1.25em;
        font-size: 10px;
        font-weight: bold;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu li a p span {
        display: block;
    }

    .menu-wrap .header-menu .inner #slide .sp-menu .ham-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .menu-wrap .header-menu .inner .menu-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding-left: 10px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        cursor: pointer;
    }

    .menu-wrap .header-menu .inner .menu-btn img {
        width: 13px;
    }

    .shop-news {
        background-size: 50%;
        padding: 35px 0 30px;
    }

    .shop-news .shop-news-container {
        margin-top: 0px;
    }

    .shop-news .shop-news-container .ttl-box h2 {
        font-size: 30px;
        line-height: 1em;
    }

    .shop-news .shop-news-container .ttl-box p {
        margin: 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
    }

    .shop-news .shop-news-container .ttl-box .border {
        height: 5px;
        width: 50px;
        background: #AC0080;
    }

    .shop-news .shop-news-container .bland-wrap {
        margin-top: 40px;
    }

    .shop-news .shop-news-container .bland-wrap .bland-container li {
        padding: 5px;
    }

    .shop-news .shop-news-container .bland-wrap .bland-container li a {
        -webkit-box-shadow: 0 0 4px gray;
        box-shadow: 0 0 4px gray;
    }

    .shop-news .shop-news-container .more-box {
        margin-top: 40px;
        text-align: right;
    }

    .shop-news .shop-news-container .more-box .more {
        font-size: 14px;
        text-decoration: none;
        background: #2D2F2F;
        color: #FFFFFF;
        padding: 7px 40px;
        display: inline-block;
    }

    .more-box .more {
        font-size: 14px;
        padding: 5px 20px;
    }

    .inata-container .inner {
        padding-right: 0;
    }

    .inata-container .insta-area {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        list-style: none;
        overflow: scroll;
        padding-bottom: 10px;
    }

    .inata-container .insta-area .insta-box {
        width: 150px;
        margin-right: 20px;
    }

    .scroll-banner {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .scroll-banner .slider-scroll .slider-item {
        text-align: center;
    }

    .scroll-banner .slider-scroll .slider-item img {
        width: 80%;
    }

    .scroll-banner .slider-scroll .slide-arrow {
        width: 30px;
        height: auto;
    }

    .scroll-banner .slider-scroll .prev-arrow {
        left: 7%;
    }

    .scroll-banner .slider-scroll .next-arrow {
        right: 7%;
    }

    .img-box {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .img-box .inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        gap: 24px;
    }

    .img-box .inner a {
        width: 28%;
    }

    .img-box .inner a img {
        width: 100%;
    }

    .calendar {
        padding: 25px 0 30px;
    }

    .calendar .ttl-box h2 {
        font-size: 30px;
        line-height: 1em;
    }

    .calendar .ttl-box p {
        margin: 10px 0 20px;
        font-size: 14px;
        font-weight: bold;
    }

    .calendar .calendar-area .month-ttl {
        padding: 10px 0;
    }

    .calendar .calendar-area .month-ttl a {
        font-size: 12px;
    }

    .calendar .calendar-area .month-ttl a .month-link img {
        width: 13px;
    }

    .calendar .calendar-area .month-ttl a.prev img {
        margin-right: 5px;
    }

    .calendar .calendar-area .month-ttl a.next img {
        margin-left: 5px;
    }

    .calendar .calendar-area .month-ttl .this-month {
        font-size: 16px;
    }

    .calendar .calendar-area .calendar-container li {
        margin: 0 3px;
        font-size: 16px;
        height: 50px;
    }

    .calendar .calendar-area .calendar-container li.current span {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }

    .calendar .calendar-show {
        margin-top: 30px;
        text-align: right;
    }

    .calendar .calendar-show button a {
        padding: 10px 20px;
        font-size: 12px;
    }

    .topics {
        padding-top: 25px;
        padding-bottom: 30px;
    }

    .topics .ttl-box h2 {
        font-size: 30px;
        line-height: 1em;
    }

    .topics .ttl-box p {
        margin: 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
    }

    .topics .ttl-box .border {
        height: 5px;
        width: 50px;
        background: #AC0080;
    }

    .topics__container {
        margin-top: 30px;
        padding: 0;
    }

    .topics-slider__text {
        padding: 0 0.3em;
    }

    .topics__container ul {
        padding: 0 20px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .topics__container ul li {
        width: 48%;
        margin-bottom: 20px;
    }

    .topics__container ul li img {
        width: 100%;
    }

    .topics .s-back-box {
        text-align: center;
        margin-top: 0;
    }

    .topics .s-back-box img {
        position: absolute;
        width: 60px;
        height: auto;
        top: 10px;
        left: 60%;
    }

    .information {
        padding: 25px 0 30px;
    }

    .information .ttl-box h2 {
        font-size: 30px;
        line-height: 1em;
    }

    .information .ttl-box p {
        margin: 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
    }

    .information .ttl-box .border {
        height: 5px;
        width: 50px;
        background: #AC0080;
    }

    .information ul {
        list-style: none;
        margin: 30px 0 0;
    }

    .information ul li a {
        padding: 10px 0;
    }

    .information ul li a .text-box {
        width: calc(100% - 70px);
        display: block;
        margin-right: 20px;
    }

    .information ul li a .text-box .date {
        margin-right: 0;
        font-size: 12px;
    }

    .information ul li a .text-box .text {
        margin-right: 0px;
    }

    .information ul li a .info-arrow img {
        width: 8px;
        height: auto;
    }

    .information .more-box {
        margin-top: 20px;
        text-align: right;
    }

    .information .more-box .more {
        text-decoration: none;
        background: #2D2F2F;
        color: #FFFFFF;
        font-size: 14px;
        padding: 5px 40px;
        display: inline-block;
    }

    .map {
        padding: 40px 0 80px;
        overflow: hidden;
    }

    .map .inner .map-back {
        top: -145px;
        left: -80px;
        width: 400px;
    }

    .map .ttl-box h2
     {
        font-size: 30px;
        line-height: 1.1em;
    }

    .map .ttl-box p {
        margin: 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
    }

    .map .ttl-box .border {
        height: 5px;
        width: 50px;
        background: #AC0080;
    }

    .map .inner .map-box {
        margin: 20px 0px 0;
    }

    .map .inner .map-address {
        margin-top: 10px;
        font-size: 14px;
    }

    .map .inner .map-address .map-address-link {
        margin-top: 10px;
        padding: 10px 30px 0;
        border-top: 1px solid #AC0080;
    }

    .map .inner .map-address .map-address-link a p {
        margin-right: 10px;
    }

    .map .inner .map-address .map-address-link a img {
        height: 14px;
        width: auto;
    }

    .gallery {
        padding-bottom: 40px;
    }

    .gallery .ttl-box h2 {
        font-size: 30px;
        line-height: 1em;
    }

    .gallery .ttl-box p {
        margin: 10px 0 10px;
        font-size: 14px;
        font-weight: bold;
        display: flex;
        justify-content: flex-start;
    }

    .gallery .ttl-box .border {
        height: 5px;
        width: 50px;
        background: #AC0080;
    }

    .gallery .gallery-wrap {
        width: 100%;
        padding: 0 20px;
        margin-top: 30px;
    }

    .gallery .gallery-wrap .more-box {
        text-align: right;
        margin-top: 20px;
    }

    .gallery .gallery-wrap .more-box .more {
        font-size: 14px;
        padding: 7px 40px;
    }

    footer {
        background: #2D2F2F;
        color: #fff;
        padding: 40px 0;
        background-image: url("../img/footer-back.png");
        background-repeat: no-repeat;
        background-position: right bottom;
        background-size: 65%;
        padding-bottom: 80px;
    }

    footer .footer-inner {
        padding: 0 20px;
    }

    footer .footer-inner .mall-list {
        margin: 0 0 40px 0;
        display: block;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    footer .footer-inner .mall-list a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
    }

    footer .footer-inner .mall-list a p {
        margin-right: 5px;
    }

    footer .footer-inner .mall-list a img {
        height: 16px;
        width: auto;
    }

    footer .footer-inner .mall-list a:first-child {
        margin-right: 60px;
    }

    footer .footer-inner .footer-sub {
        display: block;
    }

    footer .footer-inner .footer-sub:not(:first-child) {
        margin-top: 0;
    }

    footer .footer-inner .footer-sub li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 12px;
        margin-top: 0.5em;
    }

    footer .footer-inner .footer-sub li:not(:first-child)::before {
        content: initial;
        margin-right: 0;
    }

    footer .footer-inner .footer-sub li:not(:last-child) {
        margin-right: 0;
    }

    footer .footer-inner .footer-sub li a p {
        margin-right: 5px;
    }

    footer .footer-inner .footer-sub li a img {
        height: 12px;
        width: auto;
    }

    footer .sns-box {
        margin-top: 20px;
        margin-right: 20px;
        gap: 12px;
    }

    footer .sns-box a {
        max-width: 40px;
    }

    footer .sns-box img:first-child {
        margin-right: 10px;
    }

    footer .copyright {
        text-align: right;
        font-size: 12px;
        font-weight: bold;
        margin-top: 10px;
        margin-right: 20px;
    }

    .topback {
        right: 20px;
        bottom: 20px;
        width: 50px;
    }

    .shop-result-page .inner {
        padding: 0 20px;
    }

    .shop-result-page .ttl-box {
        margin: 20px 0 40px;
        position: relative;
    }

    .shop-result-page .ttl-box h1 {
        font-size: 24px;
    }

    .shop-result-page .ttl-box a {
        left: calc(50% + 80px);
    }

    .shop-result-page .ttl-box a img {
        width: 40px;
        height: auto;
    }

    .shop-result-page h2 {
        font-size: 16px;
        padding-left: 0;
    }

    .shop-result-page .keyword-wrapper {
        padding: 0;
        margin: 40px auto 0;
    }

    .shop-result-page .keyword-wrapper .change {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .shop-result-page .keyword-wrapper .change img {
        height: 20px;
        margin-right: 5px;
    }

    .shop-result-page .keyword-wrapper .change p {
        font-size: 16px;
        font-weight: bold;
    }

    .shop-result-page .keyword-area {
        background: #EEEEEE;
        padding: 20px;
    }

    .shop-result-page .keyword-area form {
        margin: 40px auto 0;
        width: 100%;
        max-width: 400px;
    }

    .shop-result-page .keyword-area form .search {
        padding: 15px 50px 15px 10px;
        font-size: 14px;
    }

    .shop-result-page .keyword-area form .btn-box {
        right: 10px;
    }

    .shop-result-page .keyword-area form .btn-box img {
        width: 25px;
    }

    .shop-result-page .keyword-area .example {
        width: 100%;
        max-width: 400px;
        margin: 10px auto 0;
        font-size: 12px;
    }

    .shop-result-page .keyword-area .example a {
        display: inline-block;
        color: #000;
    }

    .shop-result-page .genre-area {
        padding: 40px 0 60px;
    }

    .shop-result-page .genre-area .genre-box {
        margin-top: 20px;
        width: 100%;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .shop-result-page .genre-area .genre-box li {
        padding: 10px;
        padding-right: 0;
        height: 80px;
    }

    .shop-result-page .genre-area .genre-box li a .genre-img-box {
        width: 35%;
        padding-right: 10px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .shop-result-page .genre-area .genre-box li a .genre-img-box img {
        max-width: 100%;
        max-height: 70%;
    }

    .shop-result-page .genre-area .genre-box li a p {
        font-size: 11px;
    }

    .shop-result-page .genre-area .genre-box li:nth-child(1),
    .shop-result-page .genre-area .genre-box li:nth-child(2),
    .shop-result-page .genre-area .genre-box li:nth-child(3),
    .shop-result-page .genre-area .genre-box li:nth-child(4),
    .shop-result-page .genre-area .genre-box li:nth-child(5),
    .shop-result-page .genre-area .genre-box li:nth-child(6) {
        border-bottom: 1px dotted #ababab;
    }

    .shop-result-page .genre-area .genre-box li:nth-child(3),
    .shop-result-page .genre-area .genre-box li:nth-child(7) {
        border-left: none;
    }

    .shop-result-page .initial-area {
        padding: 40px 0;
    }

    .shop-result-page .initial-area__box {
        margin-top: 10px;
    }

    .shop-result-page .initial-area__box .language a {
        font-size: 12px;
        font-weight: bold;
        width: 40px;
        height: 30px;
        line-height: 30px;
        margin: 10px 3px 0;
    }

    .shop-result-page .gift-area {
        padding: 40px 0 60px;
    }

    .shop-result-page .gift-area .gift-lists {
        margin-top: 20px;
    }

    .shop-result-page .gift-area .gift-lists li a {
        padding: 10px;
        border-radius: 20px;
    }

    .shop-result-page .gift-area .gift-lists li a .check-box {
        width: 10px;
        height: 10px;
        margin-right: 5px;
    }

    .shop-result-page .gift-area .gift-lists li a p {
        font-size: 10px;
    }

    .shop-result-page .gift-area .gift-lists li:not(:first-child) {
        margin-left: 7px;
    }

    .shop-result-page .pet-btn-area {
        padding-top: 20px;
        margin-bottom: 40px;
    }

    .shop-result-page .pet-btn-area .pet-btn p {
        font-size: 11px;
    }

    .shop-result-page .btn-area {
        padding-bottom: 60px;
        margin-top: 40px;
    }

    .shop-result-page .btn-area a {
        padding: 15px 40px;
    }

    .shop-result-page .btn-area a::after {
        width: 18px;
        height: 14px;
        right: 15px;
    }

    .shop-result-page .btn-area a .btn-box .arrow {
        width: 20px;
        height: 6px;
        margin-left: 10px;
        display: none;
    }

    .shop-result-page .btn-area a .btn-box p {
        font-size: 16px;
    }

    .shop-result-page .shop-list .result-text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 40px 0 20px;
    }

    .shop-result-page .shop-list .result-text p {
        font-size: 18px;
    }

    .shop-result-page .shop-list .result-text p:not(:first-child) {
        margin-left: 20px;
    }

    .shop-result-page .shop-list .result-shop li {
        width: calc((100% / 2) - 10px);
        margin-bottom: 20px;
    }

    .shop-result-page .shop-list .result-shop li p {
        margin-top: 10px;
        font-size: 14px;
    }

    .shop-result-page .shop-list .pagenate .btn-list li {
        padding: 3px 7px;
        min-width: 30px;
        margin: 0 7px 10px;
        font-size: 13px;
    }

    .shop-result-page .shop-list .pagenate .btn-list li.sp-b-text {
        font-size: 11px;
    }

    .shop-kobetu-page .shop_container .sp-tab-area {
        margin-top: 20px;
    }

    .shop-kobetu-page .shop_container .sp-tab-area .shop_tab {
        list-style: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .shop-kobetu-page .shop_container .sp-tab-area .shop_tab li {
        width: calc(100% * (1 / 3));
        font-size: 12px;
        text-align: center;
        background: #EEEEEE;
        padding: 20px 0;
    }

    .shop-kobetu-page .shop_container .sp-tab-area .shop_tab li.active {
        background: #666666;
        color: #fff;
    }

    .shop-kobetu-page .shop_container .shop_panel {
        margin: 40px 0;
        display: none;
    }

    .shop-kobetu-page .shop_container .shop_panel.active {
        display: block;
    }

    .shop-kobetu-page .shop_container .shop_panel h2 {
        font-size: 16px;
        line-height: 16px;
        font-weight: bold;
        padding: 20px 0;
        border-bottom: 2px dotted #ccc;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box {
        margin-top: 20px;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider {
        display: block;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slider-item {
        width: 100%;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slick-dots {
        margin-top: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        color: transparent;
        font-size: 10px;
        list-style: none;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slick-dots li {
        margin: 0 15px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slick-dots button {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: #a8a8a8;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-img-box .s-slider .slick-dots .slick-active button {
        background: #000;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .logo-box {
        width: 35%;
        margin-right: 40px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .logo-box img {
        width: 100%;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .shop-sub-category {
        font-size: 12px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .pc-inline {
        display: none;
    }

    .shop-kobetu-page .shop_container .shop-info .sp-shop-ttl {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin-top: 20px;
    }

    .shop-kobetu-page .shop_container .shop-info .sp-shop-ttl .shop-ttl {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .shop-kobetu-page .shop_container .shop-info .sp-shop-ttl .shop-ttl .num {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background: #000;
        color: #fff;
        padding: 1px 10px;
        font-size: 12px;
    }

    .shop-kobetu-page .shop_container .shop-info .sp-shop-ttl .shop-ttl .ttl {
        font-size: 20px;
        margin-left: 10px;
        font-weight: bold;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-text-area {
        margin-top: 20px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-text-area .ttl {
        font-size: 16px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-text-area .text {
        font-size: 14px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-text-area .hash {
        margin-top: 20px;
        margin-bottom: 40px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-text-area .hash a {
        padding: 4px 30px;
        font-size: 12px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 3;
        order: 3;
        display: block;
        margin-top: 0px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul li {
        width: 100%;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul li a {
        height: 50px;
        line-height: 50px;
        width: 100%;
        text-align: center;
        font-size: 14px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul li:not(:first-child) {
        margin-left: 0;
        margin-top: 10px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-ul li.half .blake-point {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 15px 15px 15px 10px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table {
        width: 100%;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr {
        font-size: 13px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr th {
        width: 100px;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr td {
        word-break: break-all;
    }

    .shop-kobetu-page .shop_container .shop-info .shop-link-area .link-table table tr td a[href^="tel:"] {
        pointer-events: auto;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content {
        display: block;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .topic-img-box {
        width: 100%;
        text-align: center;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .topic-img-box img {
        width: 50%;
        max-width: 200px;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info {
        margin-top: 20px;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .text-content p {
        font-size: 14px;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .more-btn {
        margin-top: 20px;
        text-align: center;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li .topic-content .content-info .more-btn a {
        font-size: 14px;
        padding: 15px 20px;
    }

    .shop-kobetu-page .shop_container .shop-topic .topic-list li:not(:first-child) {
        margin-top: 40px;
    }

    .shop-kobetu-page .shop_container .shop-k-news {
        padding-bottom: 0;
    }

    .shop-kobetu-page .shop_container .shop-k-news .shopnews-list {
        margin-top: 20px;
    }

    .shop-kobetu-page .shop_container .shop-k-news .shopnews-list li {
        width: calc(100% / 2);
        max-width: 300px;
        margin-bottom: 40px;
        text-align: center;
    }

    .shop-kobetu-page .shop_container .shop-k-news .shopnews-list li a {
        width: 90%;
        max-width: 150px;
    }

    .shop-kobetu-page .shop_container .shop-k-news .shopnews-list li a p {
        padding-top: 10px;
        font-size: 14px;
        text-align: left;
    }

    .shop-kobetu-page .shop_container .shop-k-news .shopnews-list::after {
        content: "";
        display: block;
        width: calc(100% / 3 - 40px);
        max-width: 300px;
        height: 0;
    }

    .news-page {
        padding-bottom: 40px;
    }

    .news-page .n-slick-box {
        margin-top: 40px;
    }

    .news-page .n-slick-box .n-slider {
        width: calc(100% - 40px);
    }

    .news-page .n-slick-box .n-slider .slider-item {
        padding: 0;
    }

    .news-page .n-slick-box .n-slider .slider-item p {
        font-size: 12px;
    }

    .news-page .n-slick-box .n-slider .slide-arrow {
        width: 20px;
    }

    .news-page .n-slick-box .n-slider .prev-arrow {
        left: -30px;
    }

    .news-page .n-slick-box .n-slider .next-arrow {
        right: -30px;
    }

    .news-page .news_container {
        margin-top: 40px;
    }

    .news-page .news_container .news-tab-area .news_tab .news_tab__btn {
        padding: 20px 0;
        font-size: 11px;
    }

    .news-page .news_container .panel-area {
        margin-top: 20px;
    }

    .news-page .n-news-list li,
    .news-kobetu-page .n-news-list li {
        width: calc((100% / 2) - 10px);
        margin-bottom: 20px;
    }

    .news-page .n-news-list li a img,
    .news-kobetu-page .n-news-list li a img {
        max-height: 200px;
    }

    .news-page .n-news-list li a p,
    .news-kobetu-page .n-news-list li a p {
        margin-top: 10px;
        font-size: 12px;
    }

    .news-page .n-news-list li a p.ttl,
    .news-kobetu-page .n-news-list li a p.ttl {
        font-size: 14px;
    }

    .news-page .n-news-list::after,
    .news-kobetu-page .n-news-list::after {
        width: calc((100% / 2) - 10px);
    }

    .news-page .more-btn,
    .news-kobetu-page .more-btn {
        margin-top: 20px;
    }

    .news-page .more-btn button .btn,
    .news-kobetu-page .more-btn button .btn {
        padding: 10px 25px;
        font-size: 12px;
        width: 280px;
    }

    .news-page .more-btn button .btn,
    .news-kobetu-page .more-btn button .btn::after {
        display: inline-block;
        width: 24px;
        height: 16px;
        background-image: url(../img/btn-arrow.png);
        background-size: contain;
        vertical-align: middle;
        position: absolute;
        top: 40%;
        right: 20px;
}

    .news-page .more-btn button .btn img,
    .news-kobetu-page .more-btn button .btn img {
        width: 17px;
        display: none;
    }

    .news-kobetu-page {
        padding: 40px 0;
    }

    .news-kobetu-page .news-content {
        display: block;
    }

    .news-kobetu-page .news-content .news-img-box {
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }

    .news-kobetu-page .news-content .news-info {
        margin-top: 10px;
    }

    .news-kobetu-page .news-content .news-info .news-date {
        font-size: 14px;
    }

    .news-kobetu-page .news-content .news-info .news-ttl {
        margin-top: 10px;
        font-size: 16px;
    }

    .news-kobetu-page .news-content .news-info .news-table {
        margin-top: 20px;
        width: 100%;
    }

    .news-kobetu-page .news-content .news-info .news-table tr {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .news-kobetu-page .news-content .news-info .news-table tr:not(:first-child) {
        border-top: 0px solid #000;
    }

    .news-kobetu-page .news-content .news-info .news-table tr th {
        background: #efefef;
        min-width: 90px;
    }

    .news-kobetu-page .news-text {
        margin-top: 20px;
    }

    .news-kobetu-page .shop-info-box {
        margin-top: 40px;
        display: block;
        padding: 20px;
    }

    .news-kobetu-page .shop-info-box .logo-box {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        padding-right: 0;
        text-align: center;
    }

    .news-kobetu-page .shop-info-box .logo-box img {
        width: 40%;
        max-width: 120px;
        height: auto;
    }

    .news-kobetu-page .shop-info-box .shop-info-text {
        margin-top: 20px;
    }

    .news-kobetu-page .shop-info-box .shop-info-text .shop-ttl {
        display: block;
    }

    .news-kobetu-page .shop-info-box .shop-info-text .shop-ttl .num {
        display: inline-block;
        font-size: 14px;
    }

    .news-kobetu-page .shop-info-box .shop-info-text .shop-ttl .ttl {
        font-size: 18px;
        margin-left: 0;
    }

    .news-kobetu-page .shop-info-box .shop-info-text .shop-detail {
        font-size: 14px;
        margin-top: 5px;
    }

    .news-kobetu-page .connection-news {
        margin-top: 40px;
    }

    .news-kobetu-page .connection-news h2 {
        margin-bottom: 20px;
        font-size: 16px;
        padding: 15px;
    }

    .news-kobetu-page .connection-news .n-news-list li {
        width: 100%;
        margin-bottom: 20px;
    }

    .news-kobetu-page .connection-news .n-news-list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .news-kobetu-page .connection-news .n-news-list li a img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 40%;
        height: auto;
        margin-right: 20px;
    }

    /* 2023-01-05 追加 */
    .news-kobetu-page .connection-news .n-news-list li a picture {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 40%;
        height: auto;
        margin-right: 20px;
    }

    .news-kobetu-page .connection-news .n-news-list li a picture img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: auto;
        margin-right: 20px;
    }

    /* 2023-01-05 追加 ここまで */
    .news-kobetu-page .connection-news .n-news-list li a p {
        margin-top: 3px;
        font-size: 12px;
        -webkit-line-clamp: 3;
        max-height: 4.5em;
    }

    .news-kobetu-page {
        padding: 20px 0 40px;
    }

    .calendar-page {
        padding: 20px 0 40px;
    }

    .calendar-page .ttl-box h1 {
        font-size: 24px;
    }

    .calendar-page .calendar {
        margin-top: 20px;
    }

    .calendar-page .this-event .border {
        width: 60px;
        height: 3px;
    }

    .calendar-page .this-event .event-month-ttl {
        margin-top: 10px;
        margin-bottom: 20px;
        font-size: 20px;
    }

    .topic-page {
        padding: 20px 0 40px;
    }

    .topic-page .ttl-box h1 {
        font-size: 24px;
    }

    .topic-page .topic-list {
        margin-top: 20px;
    }

    .topic-page .topic-list li {
        width: 100%;
        margin-bottom: 20px;
    }

    .topic-page .topic-list li a p {
        font-size: 15px;
    }

    .topic-page .pagenate .btn-list li {
        padding: 3px 7px;
        min-width: 30px;
        margin: 0 7px 10px;
        font-size: 13px;
    }

    .topic-page .pagenate .btn-list li.sp-b-text {
        font-size: 11px;
    }

    .topic-page .topic-container {
        margin: 40px auto;
    }

    .topic-page .topic-container .text {
        margin-top: 10px;
        font-size: 14px;
    }

    .topic-page .topic-container .hash-area a {
        margin: 10px 10px 0 0;
        padding: 3px 15px;
        font-size: 12px;
    }

    .topic-page .genre-area {
        margin: 0 20px;
        border-radius: 20px;
        overflow: hidden;
    }

    .topic-page .genre-area .inner {
        padding: 0;
    }

    .topic-page .genre-area .category-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .topic-page .genre-area .category-list .all {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
    }

    .topic-page .genre-area .category-list .odd-last {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        border-right: none;
    }

    .topic-page .genre-area .category-list li {
        padding: 15px 10px;
        font-size: 12px;
    }

    .topic-page .genre-area .category-list li:first-child {
        border: none;
    }

    .topic-page .genre-area .category-list li:nth-child(odd) {
        border-right: none;
    }

    .topic-page .genre-area .category-list li:nth-child(n+2) {
        border-top: 1px dashed #b1b1b1;
    }

    .topic-page .category-area {
        margin: 0 20px;
        border-radius: 20px;
        overflow: hidden;
    }

    .topic-page .category-area .inner {
        padding: 0;
    }

    .topic-page .category-area .category-list {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .topic-page .category-area .category-list .all {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
    }

    .topic-page .category-area .category-list .odd-last {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
        border-right: none;
    }

    .topic-page .category-area .category-list li {
        padding: 15px 10px;
        font-size: 12px;
    }

    .topic-page .category-area .category-list li:first-child {
        border: none;
    }

    .topic-page .category-area .category-list li:nth-child(odd) {
        border-right: none;
    }

    .topic-page .category-area .category-list li:nth-child(n+2) {
        border-top: 1px dashed #b1b1b1;
    }

    .topic-page .topic-list-container {
        margin-top: 40px;
    }

    .topic-page .topic-list-container .count {
        text-align: right;
        font-size: 14px;
    }

    .topic-page .topic-list-container .other-topic {
        margin-top: 20px;
    }

    .topic-page .topic-list-container .other-topic li .link {
        padding: 15px 0;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-logo-box {
        width: 30%;
        padding-right: 10px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .shop-ttl {
        margin-bottom: 5px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .shop-ttl .num {
        padding: 0 10px;
        font-size: 10px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .shop-ttl .ttl {
        font-size: 14px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .topic-ttl_noimg {
        font-size: 12px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .text {
        font-size: 12px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .hash a {
        margin: 5px 5px 0 0;
        font-size: 10px;
        padding: 3px 7px;
    }

    .topic-page .topic-list-container .other-topic li .link .arrow {
        padding-left: 10px;
    }

    .topic-page .topic-list-container .other-topic li .link .arrow img {
        width: 20px;
        height: auto;
    }

    .topic-page .topic-img-list {
        margin-top: 20px;
    }

    .topic-page .topic-img-list .count {
        font-size: 14px;
    }

    .topic-page .topic-img-list .other-topic {
        margin-top: 20px;
    }

    .topic-page .topic-img-list .other-topic .main-item-box {
        cursor: pointer;
        padding: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item {
        width: calc(100% / 2);
        border-bottom: 1px dashed #000;
        border-right: 1px dashed #000;
    }

    .topic-page .topic-img-list .other-topic .topic_item:nth-child(3) .main-item-box {
        padding-top: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item:nth-child(3n) {
        border-right: 1px dashed #000;
    }

    .topic-page .topic-img-list .other-topic .topic_item:nth-child(2n) {
        border-right: none;
    }

    .topic-page .topic-img-list .other-topic .topic_item .shop-img {
        width: 100%;
        margin-bottom: 0px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-main .topic-logo-box {
        width: 40%;
        padding-right: 5px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-main .shop-ttl .num {
        font-size: 10px;
        padding: 0 7px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-main .shop-ttl .limit-text {
        font-size: 10px;
        margin-top: 0;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-info {
        margin-top: 5px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-ttl {
        font-size: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .topic-info .topic-text {
        margin-top: 10px;
        font-size: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .hash a {
        margin: 5px 5px 0 0;
        font-size: 10px;
        padding: 3px 7px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .more-block {
        margin-top: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn .more-box p {
        font-size: 10px;
    }

    .topic-page .topic-img-list .other-topic .topic_item .more-block .model_btn .more-box img {
        width: 10px;
        margin-left: 5px;
    }

    .topic-page .topic-img-list .other-topic::after {
        width: calc(100% / 2);
    }

    .topic_modal_container .topic_modal_wrapper {
        padding: 20px 0;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window {
        width: 90vw;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content {
        padding: 60px 20px 20px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main {
        margin-top: 10px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main .shop-ttl .num {
        font-size: 10px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-main .shop-ttl .limit-text {
        margin-top: 0px;
        font-size: 14px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info {
        margin-top: 20px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .ttl {
        font-size: 14px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .topic-info .topic-text {
        margin-top: 15px;
        font-size: 14px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic_modal_content .hash a {
        margin: 5px 5px 0 0;
        font-size: 12px;
        padding: 3px 10px;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic-modal-close {
        z-index: 300;
        position: absolute;
        top: 20px;
        right: 20px;
        cursor: pointer;
    }

    .topic_modal_container .topic_modal_wrapper .topic_modal_window .topic-modal-close .back {
        width: 30px;
        height: auto;
    }

    .search-page {
        margin: 20px 0 60px;
    }

    .search-page .search-inner {
        padding: 0;
    }

    .search-page .search-wrap .search .open-box {
        padding: 20px 0px;
    }

    .search-page .search-wrap .search .open-box .form-ttl-box {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .search-page .search-wrap .search .open-box .form-ttl-box img {
        width: 25px;
        height: auto;
    }

    .search-page .search-wrap .search .open-box .form-ttl-box p {
        font-size: 24px;
    }

    .search-page .search-wrap .search .open-box .open-btn {
        top: 10px;
    }

    .search-page .search-wrap .search .form-box {
        padding: 0 20px;
        padding-bottom: 40px;
    }

    .search-page .search-wrap .search .form-box .search-box {
        display: block;
    }

    .search-page .search-wrap .search .form-box .search-box .search-ttl {
        width: 100%;
        padding: 10px 0;
        font-weight: normal;
    }

    .search-page .search-wrap .search .form-box .search-box .search-choice {
        width: 100%;
    }

    .search-page .search-wrap .search .form-box .search-box .search-choice label {
        display: block;
        font-weight: bold;
    }

    .search-page .search-wrap .search .form-box .search-text {
        width: 100%;
        padding: 20px;
        padding-bottom: 0;
    }

    .search-page .search-wrap .search .form-box .search-text input {
        border: 1px solid;
        font-size: 14px;
        width: 100%;
        padding: 10px;
    }

    .search-page .search-wrap .search .form-box .kome-box {
        background: #fff;
        display: block;
        padding: 0 20px 10px;
    }

    .search-page .search-wrap .search .form-box .kome-box .example {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-top: 5px;
    }

    .search-page .search-wrap .search .form-box .kome-box .example a {
        display: inline-block;
        color: #000;
        font-size: 14px;
    }

    .search-page .search-wrap .search .form-box .kome-box p {
        font-size: 14px;
        margin-top: 5px;
    }

    .search-page .search-wrap .search .form-box .search-btn-box .search-btn {
        font-weight: bold;
        padding: 15px 120px;
        width: initial;
    }

    .search-page .search_list {
        margin-top: 40px;
    }

    .search-page .search_list_container .search_list_header {
        background: initial;
    }

    .search-page .search_list_container .search_tab {
        border-radius: 25px;
        overflow: hidden;
        -ms-grid-columns: 1fr 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .search-page .search_list_container .search_tab__btn {
        font-size: 14px;
        border-right: none;
    }

    .search-page .search_list_container .search_tab__btn:not(:first-child) {
        border-left: none;
        border-top: 1px dotted #000;
    }

    .search-page .search_list_container .search_tab__btn.all {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1 / 3;
    }

    .search-page .search_list_container .search_tab__btn:nth-child(odd) {
        border-left: 1px dotted #000;
    }

    .search-page .search_list_container .search_tab__btn:nth-child(1) {
        border-left: none;
    }

    .search-page .search_list_container .count {
        margin: 30px 0 15px;
        font-size: 14px;
    }

    .search-page .search_list_container .search_list-box .list_item a .main-img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }


    .search-page .search_list_container .search_list-box .list_item a .main-img img {
        width: 90px;
        height: auto;
    }

    .search-page .search_list_container .search_list-box .list_item a .sp-box {
        display: block;
    }

    .search-page .search_list_container .search_list-box .list_item a .sp-box .category {
        color: #929292;
        width: initial;
        border-right: none;
        padding: 5px 0 0 0;
        font-size: 13px;
    }

    .search-page .search_list_container .search_list-box .list_item a .sp-box .text-area {
        padding: 0;
        font-size: 15px;
        margin-top: 5px;
    }

    .search-page .search_list_container .search_list-box .list_item a .sp-box .text-area .text-sub {
        margin-top: 0;
    }

    .search-page .search_list_container .search_list-box .list_item a .arrow {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .search-page .search_list_container .search_list-box .list_item a .arrow img {
        width: 20px;
    }
}

/* 202307スライダー改正 */

.slider-main .slide-dots {
    text-align: center;
    margin: 24px 0;
}

.slider-main .slide-dots li {
    display: inline-block;
    line-height: 0;
    background-color: #ddd;
    transition: width 0.3s, background-color 1s;
    width: 8px;
    height: 8px;
    margin: 0 2px;
    border-radius: 999px;
}

@media screen and (min-width: 768px) {
    .slider-main .slide-dots li {
        width: 12px;
        height: 12px;
    }
}

.slider-main .slide-dots li button {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.slider-main .slide-dots li button {
    position: relative;
    text-indent: -9999px;
}

.slider-main .slide-dots li.slick-active {
    background-color: #333;
    width: 30px;
    transition: width 0.3s, background-color 1s;
}

.slider-main .slide-arrow {
    width: 32px;
    position: absolute;
    bottom: -5%;
    cursor: pointer;
}

@media screen and (min-width: 768px) {
    .slider-main .slide-arrow {
        top: 45%;
        width: 45px;
    }
}

.main-banner .slider-main .prev-arrow {
    left: 5%;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .main-banner .slider-main .prev-arrow {
        left: 17%;
    }
}

.main-banner .slider-main .next-arrow {
    right: 5%;
    z-index: 1;
}

@media screen and (min-width: 768px) {
    .main-banner .slider-main .next-arrow {
        right: 17%;
    }
}

.slider-main {
    padding-top: 20px;
}

.slider-main .slick-slide {
    transform: scale(0.9);
    opacity: 0.5;
    transition: opacity 0.5s, transform 0.5s;
    width: 100%;
    height: auto;
    transform: scale(0.7);
}

.slider-main .slick-center {
    transform: scale(1);
    opacity: 1;
}

.slider-main .slide-item.only-one {
    max-width: 1080px;
    margin: 0 auto;
}

.slider-main {
    list-style-type: none;
}

.slider-main li.only-one {
    max-width: 1080px;
    margin: 0 auto;
}

/* add 2024.3.19 TOPページ SHOPニュース*/

.shop-news .shop-news-container .bland-wrap .bland-container li a {
    padding-top: 0;
}

.shop-news .shop-news-container .bland-wrap .bland-container li a img {
    position: static;
    width: 100%;
    transform: none;
}

.slider-item__logo {
    padding: 24px;
}

.slider-item__img {
    aspect-ratio: 800/850;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* add 2024.4.2 各ページ読み仮名対応 */

.ruby {
    display: block;
    font-size: 0.8em;
    font-weight: normal;
}

@media (max-width: 700px) {
    .shop-kobetu-page .shop_container .shop-info .shop-top .shop-info-box .shop-info-text .num {
        display: inline-block !important;
        background: #000;
        color: #fff;
        padding: 0 10px;
        margin-left: 10px;
    }

}

.topic-page .topic-list-container .other-topic li .link .topic-info .num {
    font-size: 14px;
    display: inline-block;
    background: #000;
    color: #fff;
    padding: 0 10px;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .num.pc {
    display: inline-block !important;
}

.topic-page .topic-list-container .other-topic li .link .topic-info .num.sp {
    display: none !important;
}

@media (max-width: 700px) {
    .topic-page .topic-list-container .other-topic li .link .topic-info .num {
        display: inline-block;
        font-size: 10px;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .num.pc {
        display: none !important;
    }

    .topic-page .topic-list-container .other-topic li .link .topic-info .num.sp {
        display: inline-block !important;
    }
}

/* add 2024.4.22 各ページ読み仮名追加対応 */

.news-page .n-news-list li a .ttl {
    margin-bottom: 8px;
}

.news-page .n-news-list li a .shop-name {
    margin-bottom: 8px;
}