ol, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

h1, h2, h3, h4, h5, h6, p{
    margin: 0;
    padding: 0;
}
.bg-white {
    background: #fff;
}

.bg-red {
    background: #000;
}

.bg-beige {
    background: #FCF7F0;
}

.bg-pink {
    background: #FEF8f8;
}

.bg-pink2 {
    background: #e9e9e9;
}

.bg-gray {
    background: #8F8F8F;
}

.bg-light-gray {
    background: #F1F1f1;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #323232;
}

.color-red {
    color: #000;
}

.color-gold {
    color: #9A854A;
}

.color-silver {
    color: #7B7F82;
}

.sofia {
    font-family: sofia-pro, sans-serif;
    font-weight: 400;
    font-style: normal;
}
.sofia.bold {
    font-weight: 600;
}

.mincho {
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif !important;
}

.fxw-w {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

.ta-l {
    text-align: left;
}

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

.xs-font-size {
    font-size: 10px;
}

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

.base-font-size {
    font-size: 14px;
}

.bold {
    font-weight: bold;
}

.color-white {
    color: #fff;
}

.color-black {
    color: #323232;
}

.color-red {
    color: #000;
}

.ls-11 {
    letter-spacing: 0.11em;
}

.lh-20 {
    line-height: 2;
}

.lh-2 {
    line-height: 2;
}

.border-col-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.border-col-3 li {
    width: 32%;
}
.border-col-3 li .border-col-item {
    padding: 16px 12px 12px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border-radius: 4px;
}

/* Slider */
.slick-loading .slick-list {
    background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
    font-family: "slick";
    src: url("./fonts/slick.eot");
    src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
    font-weight: normal;
    font-style: normal;
}
/* Arrows */
.slick-prev,
.slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0px;
    font-size: 0px;
    cursor: pointer;
    background: transparent;
    color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding: 0;
    border: none;
    outline: none;
}
.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: 0.25;
}
.slick-prev:before,
.slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
    left: -25px;
}
[dir=rtl] .slick-prev {
    left: auto;
    right: -25px;
}
.slick-prev:before {
    content: "←";
}
[dir=rtl] .slick-prev:before {
    content: "→";
}

.slick-next {
    right: -25px;
}
[dir=rtl] .slick-next {
    left: -25px;
    right: auto;
}
.slick-next:before {
    content: "→";
}
[dir=rtl] .slick-next:before {
    content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin: 0;
    width: 100%;
}
.slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button {
    border: 0;
    background: transparent;
    display: block;
    height: 20px;
    width: 20px;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
}
.slick-dots li button:hover, .slick-dots li button:focus {
    outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
    opacity: 1;
}
.slick-dots li button:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "•";
    width: 20px;
    height: 20px;
    font-family: "slick";
    font-size: 6px;
    line-height: 20px;
    text-align: center;
    color: black;
    opacity: 0.25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    color: black;
    opacity: 0.75;
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}
[dir=rtl] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

.only-pc {
    display: block !important;
}

.only-sp {
    display: none !important;
}

@media screen and (max-width: 960px) {
    .only-pc {
        display: none !important;
    }
    .only-sp {
        display: block !important;
    }
}
@media screen and (min-width: 1000px) {
    .pc-flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.wrap-inner {
    overflow: hidden;
}

.d-n {
    display: none;
}

.d-i {
    display: inline;
}

.d-b {
    display: block;
}

.d-ib {
    display: inline-block;
}

.d-tb {
    display: table;
}

.d-tbc {
    display: table-cell;
}

.d-tbr {
    display: table-row;
}

.d-f {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.d-if {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.display-t {
    display: table;
    width: 100%;
}

.t-layout-f {
    table-layout: fixed;
}

.jc-sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.jc-sa {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.jc-c {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.ai-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.f-1 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.va-t {
    vertical-align: top;
}

.va-m {
    vertical-align: middle;
}

.pos-a {
    position: absolute;
}

.pos-r {
    position: relative;
}

.pos-f {
    position: fixed;
}

.sticky {
    position: sticky;
    z-index: 1000;
}

.fl-l {
    float: left;
}

.fl-r {
    float: right;
}

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

.ov-h {
    overflow: hidden;
}

.m-0 {
    margin: 0px !important;
}

.m-2 {
    margin: 2px !important;
}

.m-4 {
    margin: 4px !important;
}

.m-8 {
    margin: 8px !important;
}

.m-10 {
    margin: 10px !important;
}

.m-12 {
    margin: 12px !important;
}

.m-16 {
    margin: 16px !important;
}

.m-20 {
    margin: 20px !important;
}

.m-24 {
    margin: 24px !important;
}

.m-32 {
    margin: 32px !important;
}

.m-40 {
    margin: 40px !important;
}

.m-52 {
    margin: 52px !important;
}

.m-60 {
    margin: 60px !important;
}

.m-80 {
    margin: 80px !important;
}

.mt-0 {
    margin-top: 0px !important;
}

.mt-2 {
    margin-top: 2px !important;
}

.mt-4 {
    margin-top: 4px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-12 {
    margin-top: 12px !important;
}

.mt-16 {
    margin-top: 16px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-24 {
    margin-top: 24px !important;
}

.mt-32 {
    margin-top: 32px !important;
}

.mt-40 {
    margin-top: 40px !important;
}

.mt-52 {
    margin-top: 52px !important;
}

.mt-60 {
    margin-top: 60px !important;
}

.mt-80 {
    margin-top: 80px !important;
}

.mr-0 {
    margin-right: 0px !important;
}

.mr-2 {
    margin-right: 2px !important;
}

.mr-4 {
    margin-right: 4px !important;
}

.mr-8 {
    margin-right: 8px !important;
}

.mr-10 {
    margin-right: 10px !important;
}

.mr-12 {
    margin-right: 12px !important;
}

.mr-16 {
    margin-right: 16px !important;
}

.mr-20 {
    margin-right: 20px !important;
}

.mr-24 {
    margin-right: 24px !important;
}

.mr-32 {
    margin-right: 32px !important;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-52 {
    margin-right: 52px !important;
}

.mr-60 {
    margin-right: 60px !important;
}

.mr-80 {
    margin-right: 80px !important;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-2 {
    margin-bottom: 2px !important;
}

.mb-4 {
    margin-bottom: 4px !important;
}

.mb-8 {
    margin-bottom: 8px !important;
}

.mb-10 {
    margin-bottom: 10px !important;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.mb-16 {
    margin-bottom: 16px !important;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mb-24 {
    margin-bottom: 24px !important;
}

.mb-32 {
    margin-bottom: 32px !important;
}

.mb-40 {
    margin-bottom: 40px !important;
}

.mb-52 {
    margin-bottom: 52px !important;
}

.mb-60 {
    margin-bottom: 60px !important;
}

.mb-80 {
    margin-bottom: 80px !important;
}

.ml-0 {
    margin-left: 0px !important;
}

.ml-2 {
    margin-left: 2px !important;
}

.ml-4 {
    margin-left: 4px !important;
}

.ml-8 {
    margin-left: 8px !important;
}

.ml-10 {
    margin-left: 10px !important;
}

.ml-12 {
    margin-left: 12px !important;
}

.ml-16 {
    margin-left: 16px !important;
}

.ml-20 {
    margin-left: 20px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.ml-32 {
    margin-left: 32px !important;
}

.ml-40 {
    margin-left: 40px !important;
}

.ml-52 {
    margin-left: 52px !important;
}

.ml-60 {
    margin-left: 60px !important;
}

.ml-80 {
    margin-left: 80px !important;
}

.mlr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.mlr-2 {
    margin-left: 2px !important;
    margin-right: 2px !important;
}

.mlr-4 {
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.mlr-8 {
    margin-left: 8px !important;
    margin-right: 8px !important;
}

.mlr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.mlr-12 {
    margin-left: 12px !important;
    margin-right: 12px !important;
}

.mlr-16 {
    margin-left: 16px !important;
    margin-right: 16px !important;
}

.mlr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.mlr-24 {
    margin-left: 24px !important;
    margin-right: 24px !important;
}

.mlr-32 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}

.mlr-40 {
    margin-left: 40px !important;
    margin-right: 40px !important;
}

.mlr-52 {
    margin-left: 52px !important;
    margin-right: 52px !important;
}

.mlr-60 {
    margin-left: 60px !important;
    margin-right: 60px !important;
}

.mlr-80 {
    margin-left: 80px !important;
    margin-right: 80px !important;
}

.mtb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.mtb-2 {
    margin-top: 2px !important;
    margin-bottom: 2px !important;
}

.mtb-4 {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
}

.mtb-8 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
}

.mtb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.mtb-12 {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
}

.mtb-16 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
}

.mtb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.mtb-24 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
}

.mtb-32 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
}

.mtb-40 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
}

.mtb-52 {
    margin-top: 52px !important;
    margin-bottom: 52px !important;
}

.mtb-60 {
    margin-top: 60px !important;
    margin-bottom: 60px !important;
}

.mtb-80 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
}

.ml-auto {
    margin-left: auto !important;
}

.mr-auto {
    margin-right: auto !important;
}

.p-0 {
    padding: 0px !important;
}

.p-2 {
    padding: 2px !important;
}

.p-4 {
    padding: 4px !important;
}

.p-8 {
    padding: 8px !important;
}

.p-10 {
    padding: 10px !important;
}

.p-12 {
    padding: 12px !important;
}

.p-16 {
    padding: 16px !important;
}

.p-20 {
    padding: 20px !important;
}

.p-24 {
    padding: 24px !important;
}

.p-32 {
    padding: 32px !important;
}

.p-40 {
    padding: 40px !important;
}

.p-52 {
    padding: 52px !important;
}

.p-60 {
    padding: 60px !important;
}

.p-80 {
    padding: 80px !important;
}

.pt-0 {
    padding-top: 0px !important;
}

.pt-2 {
    padding-top: 2px !important;
}

.pt-4 {
    padding-top: 4px !important;
}

.pt-8 {
    padding-top: 8px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-12 {
    padding-top: 12px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-24 {
    padding-top: 24px !important;
}

.pt-32 {
    padding-top: 32px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-52 {
    padding-top: 52px !important;
}

.pt-60 {
    padding-top: 60px !important;
}

.pt-80 {
    padding-top: 80px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

.pr-2 {
    padding-right: 2px !important;
}

.pr-4 {
    padding-right: 4px !important;
}

.pr-8 {
    padding-right: 8px !important;
}

.pr-10 {
    padding-right: 10px !important;
}

.pr-12 {
    padding-right: 12px !important;
}

.pr-16 {
    padding-right: 16px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-24 {
    padding-right: 24px !important;
}

.pr-32 {
    padding-right: 32px !important;
}

.pr-40 {
    padding-right: 40px !important;
}

.pr-52 {
    padding-right: 52px !important;
}

.pr-60 {
    padding-right: 60px !important;
}

.pr-80 {
    padding-right: 80px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.pb-2 {
    padding-bottom: 2px !important;
}

.pb-4 {
    padding-bottom: 4px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-12 {
    padding-bottom: 12px !important;
}

.pb-16 {
    padding-bottom: 16px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-24 {
    padding-bottom: 24px !important;
}

.pb-32 {
    padding-bottom: 32px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}

.pb-52 {
    padding-bottom: 52px !important;
}

.pb-60 {
    padding-bottom: 60px !important;
}

.pb-80 {
    padding-bottom: 80px !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pl-2 {
    padding-left: 2px !important;
}

.pl-4 {
    padding-left: 4px !important;
}

.pl-8 {
    padding-left: 8px !important;
}

.pl-10 {
    padding-left: 10px !important;
}

.pl-12 {
    padding-left: 12px !important;
}

.pl-16 {
    padding-left: 16px !important;
}

.pl-20 {
    padding-left: 20px !important;
}

.pl-24 {
    padding-left: 24px !important;
}

.pl-32 {
    padding-left: 32px !important;
}

.pl-40 {
    padding-left: 40px !important;
}

.pl-52 {
    padding-left: 52px !important;
}

.pl-60 {
    padding-left: 60px !important;
}

.pl-80 {
    padding-left: 80px !important;
}

.plr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.plr-2 {
    padding-left: 2px !important;
    padding-right: 2px !important;
}

.plr-4 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.plr-8 {
    padding-left: 8px !important;
    padding-right: 8px !important;
}

.plr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.plr-12 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.plr-16 {
    padding-left: 16px !important;
    padding-right: 16px !important;
}

.plr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.plr-24 {
    padding-left: 24px !important;
    padding-right: 24px !important;
}

.plr-32 {
    padding-left: 32px !important;
    padding-right: 32px !important;
}

.plr-40 {
    padding-left: 40px !important;
    padding-right: 40px !important;
}

.plr-52 {
    padding-left: 52px !important;
    padding-right: 52px !important;
}

.plr-60 {
    padding-left: 60px !important;
    padding-right: 60px !important;
}

.plr-80 {
    padding-left: 80px !important;
    padding-right: 80px !important;
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.ptb-2 {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
}

.ptb-4 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.ptb-8 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.ptb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.ptb-12 {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ptb-16 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.ptb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

.ptb-24 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
}

.ptb-32 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
}

.ptb-40 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
}

.ptb-52 {
    padding-top: 52px !important;
    padding-bottom: 52px !important;
}

.ptb-60 {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.ptb-80 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
}

.w-10 {
    width: 10%;
}

.w-15 {
    width: 15%;
}

.w-20 {
    width: 20%;
}
@media (max-width: 768px) {
    .w-20 {
        width: 25%;
    }
}

.w-25 {
    width: 25%;
}

.w-30 {
    width: 30%;
}
@media (max-width: 768px) {
    .w-30 {
        width: 25%;
    }
}

.w-35 {
    width: 35%;
}

.w-40 {
    width: 40%;
}
@media (max-width: 768px) {
    .w-40 {
        width: 35%;
    }
}

.w-45 {
    width: 45%;
}

.w-48 {
    width: 48%;
}

.w-50 {
    width: 50%;
}

.w-55 {
    width: 55%;
}

.w-60 {
    width: 60%;
}

.w-65 {
    width: 65%;
}

.w-70 {
    width: 70%;
}

.w-80 {
    width: 80%;
}

.w-88 {
    width: 88px;
}

.w-150 {
    width: 150px;
}

.w-15per {
    width: 15%;
}

.w-20per {
    width: 20%;
}

.w-25per {
    width: 25%;
}

.w-30per {
    width: 30%;
}

.w-40per {
    width: 40%;
}

.w-45per {
    width: 45%;
}

.w-50per {
    width: 50%;
}

.w-60per {
    width: 60%;
}

.w-65per {
    width: 65%;
}

.w-70per {
    width: 70%;
}

.w-80per {
    width: 80%;
}

.w-85per {
    width: 85%;
}

.w-90per {
    width: 90%;
}

.w-95per {
    width: 95%;
}

.w-100per {
    width: 100%;
}

.mw-100per {
    max-width: 100%;
}

.op-0per {
    opacity: 0;
}

.op-10per {
    opacity: 0.1;
}

.op-20per {
    opacity: 0.2;
}

.op-40per {
    opacity: 0.4;
}

.op-50per {
    opacity: 0.5;
}

.op-60per {
    opacity: 0.6;
}

.op-80per {
    opacity: 0.8;
}

.op-100per {
    opacity: 1;
}

.bd-n {
    border: none;
}

.bdrs-4 {
    border-radius: 4px;
}

.bdrs-50per {
    border-radius: 50%;
}

.bdrs-12 {
    border-radius: 12px;
}

.bd-rs-48 {
    border-radius: 48px;
}

.border-r-circle {
    border-radius: 100px;
}

.bd-t {
    border-top: 1px solid #323232;
}
.bd-t:last-child {
    border-bottom: 1px solid #323232;
}

.bd-b {
    border-bottom: 1px solid #323232;
}

.list-style-position-i {
    list-style-position: inside;
}

.pl1em-ti1em {
    padding-left: 1em;
    text-indent: -1em;
}

.v-align-middle {
    vertical-align: middle;
}

.z-idx-0 {
    z-index: 0;
}

.z-idx-1 {
    z-index: 1;
}

.z-idx-2 {
    z-index: 2;
}

.z-idx-3 {
    z-index: 3;
}

.z-idx-4 {
    z-index: 4;
}

.z-idx-5 {
    z-index: 5;
}

.z-idx-10 {
    z-index: 10;
}

.z-idx-20 {
    z-index: 20;
}

.z-idx-30 {
    z-index: 30;
}

.z-idx-50 {
    z-index: 50;
}

.z-idx-100 {
    z-index: 100;
}

.z-idx-9999 {
    z-index: 9999;
}

.touch-action-m {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.scale-tr-72 {
    font-size: 1.6rem;
    line-height: 1;
    -webkit-transform-origin: top right;
    transform-origin: top right;
    -webkit-transform: scale(0.72);
    transform: scale(0.72);
}

.cur-p {
    cursor: pointer;
}
.cur-p:hover {
    opacity: 0.8;
}

.cur-d {
    cursor: default;
}

.flex.-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

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

@media screen and (max-width: 767px) {
    .sp {
        display: block;
    }
}
@media screen and (min-width: 768px) {
    .sp {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .pc {
        display: none;
    }
}
@media screen and (min-width: 768px) {
    .pc {
        display: block;
    }
}

@media (min-width: 751px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}
.marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(30%, yellow));
    background: linear-gradient(transparent 60%, yellow 30%);
}

@media (min-width: 751px) {
    textarea {
        field-sizing: content;
        min-height: 80px;
    }
}

.fixed-bottom {
    position: fixed;
    bottom: -72px; /* 初期状態では画面外に配置 */
    left: 0;
    width: 100%;
    -webkit-transition: bottom 1.2s ease;
    transition: bottom 1.2s ease;
    z-index: 100;
}
.fixed-bottom .kaitori .kaitori-method {
    padding: 5px 0;
}
.fixed-bottom.sp {
    display: none;
}
@media screen and (max-width: 500px) {
    .fixed-bottom.sp {
        display: block;
    }
}

.section-inner {
    width: 1000px;
    margin: 0 auto;
}
@media screen and (max-width: 960px) {
    .section-inner {
        width: 90vw;
    }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
    .section-inner {
        padding: 0 20px;
    }
}

.section-inner-700 {
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 961px) {
    .section-inner-700 {
        width: 700px;
    }
}

.color-box-600 {
    background-color: #FFEBEB;
    margin-left: auto;
    margin-right: auto;
    border-radius: 8px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
@media screen and (min-width: 961px) {
    .color-box-600 {
        width: 600px;
    }
}

.button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 48px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 240px;
    text-decoration: none;
    width: 100%;
    border: 1px solid;
}

.arrow {
    position: relative;
}
.arrow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    margin: auto 0;
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.base-btn {
    position: relative;
    display: inline-block;
    padding: 16px 20px;
    min-width: 200px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    background: #000;
    text-align: center;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .base-btn {
        padding: 16px 0;
        font-size: 1.6rem;
    }
}
.base-btn.center-right-arrow:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-white.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 13px;
}

.center-right-arrow:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-white.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    right: 12px;
    background-size: 4px;
}

.center-right-arrow-small:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-white.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    right: 12px;
    width: 4px;
}

.red-bdr-btn {
    position: relative;
    display: block;
    padding: 15px 0 15px 12px;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 4px;
    background: #fff;
}
.red-bdr-btn:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .red-bdr-btn {
        font-size: 12px;
    }
}

.header ul li:nth-of-type(1) a:before {
    width: 21px;
    content: url("../images/icon/menu-icon01.svg");
}

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

.common-tab ul li {
    position: relative;
    width: 50%;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .common-tab ul li {
        width: 25%;
    }
}
.common-tab ul li + li:before {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
    background-color: #fff;
    height: 26px;
    width: 1px;
    left: 0;
    content: "";
}
.common-tab ul li a.common-tab-01:before {
    width: 16px;
    margin-right: 8px;
    vertical-align: middle;
    content: url("../images/icon/top-nav-icon-01.svg");
}
@media screen and (min-width: 1000px) {
    .common-tab ul li a.common-tab-01:before {
        width: 26px;
    }
}
.common-tab ul li a.common-tab-02:before {
    width: 14px;
    margin-right: 8px;
    vertical-align: middle;
    content: url("../images/icon/top-nav-icon-02.svg");
}
@media screen and (min-width: 1000px) {
    .common-tab ul li a.common-tab-02:before {
        width: 23px;
    }
}
.common-tab ul li a.common-tab-03:before {
    width: 17px;
    margin-right: 8px;
    vertical-align: middle;
    content: url("../images/icon/top-nav-icon-03.svg");
}
@media screen and (min-width: 1000px) {
    .common-tab ul li a.common-tab-03:before {
        width: 28px;
    }
}
.common-tab ul li a.common-tab-04:before {
    width: 16px;
    margin-right: 8px;
    vertical-align: middle;
    content: url("../images/icon/top-nav-icon-04.svg");
}
@media screen and (min-width: 1000px) {
    .common-tab ul li a.common-tab-04:before {
        width: 28px;
    }
}
.common-tab ul li a {
    display: block;
    padding: 12px 0;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 1000px) {
    .common-tab ul li a {
        padding: 17px 0;
    }
}

.item-tag {
    display: inline-block;
    padding: 5px 13px;
    color: #323232;
    font-size: 12px;
    text-align: center;
    background: #fff;
    border: 1px solid #323232;
    border-radius: 50px;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .item-tag {
        font-size: 10px;
    }
}
@media screen and (min-width: 1000px) {
    .item-tag {
        min-width: 75px;
        padding: 5px 16px;
        font-size: 14px;
    }
}

a.border-arrow-btn {
    position: relative;
    display: inline-block;
    margin-top: 4px;
    padding: 16px 28px 10px 8px;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    a.border-arrow-btn {
        padding: 16px 50px 10px 25px;
    }
}
a.border-arrow-btn:after {
    position: absolute;
    right: 0;
    bottom: -3px;
    content: url("../images/common/detail-btn-bottom-sp.svg");
}
@media screen and (min-width: 1000px) {
    a.border-arrow-btn:after {
        content: url("../images/common/detail-btn-bottom.svg");
    }
}

.page-top-link {
    margin-top: 40px;
    text-align: center;
}
.page-top-link a {
    position: relative;
    display: inline-block;
    padding: 12px 32px 12px 20px;
    color: #000;
    font-weight: bold;
    border-radius: 30px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.page-top-link a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-left: solid 2px #000;
    right: 12px;
}

.black-border-btn {
    position: relative;
    display: inline-block;
    padding: 16px 20px;
    min-width: 200px;
    border-radius: 30px;
    color: #323232;
    font-size: 14px;
    background: #fff;
    border: 2px solid #323232;
    text-align: center;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .black-border-btn {
        padding: 16px 0;
        font-size: 1.6rem;
    }
}
.black-border-btn.center-right-arrow:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-gray.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 13px;
}

.form-btn,
.form-back-btn {
    max-width: 267px;
    display: block;
    margin: 0 auto;
    padding: 0;
}
.form-btn :hover,
.form-back-btn :hover {
    opacity: 0.8;
}
.form-btn input,
.form-back-btn input {
    border: none;
    background: none;
    color: #fff;
    font-weight: bold;
    font-size: 1.6rem;
    height: 60px;
    width: 100%;
}
.form-btn input[type=submit],
.form-back-btn input[type=submit] {
    cursor: pointer;
}

.form-btn {
    border: 2px solid #000;
    cursor: pointer;
}

.form-back-btn input {
    color: #323232;
}

/* 閉じるボタン */
.round_btn {
    display: block;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #333;
    cursor: pointer;
}
@media screen and (min-width: 501px) {
    .round_btn {
        width: 50px;
        height: 50px;
    }
}
@media screen and (max-width: 320px) {
    .round_btn {
        width: 25px;
        height: 25px;
    }
}
.round_btn::before, .round_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px;
    height: 21px;
    background: #fff;
}
.round_btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
.round_btn::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

/* ページTOP */
.pagetop {
    position: fixed;
    z-index: 10;
    -webkit-transition: right 2s ease;
    transition: right 2s ease;
    bottom: 15px;
    right: -60px;
}
@media screen and (min-width: 501px) {
    .pagetop {
        bottom: 25px;
        right: -80px;
    }
}
.pagetop.is-active {
    right: 15px;
}
@media screen and (min-width: 501px) {
    .pagetop.is-active {
        right: 20px;
    }
}
@media screen and (max-width: 500px) {
    .pagetop.is-active2 {
        bottom: 70px;
        -webkit-transition: right 2s ease, bottom 2s ease;
        transition: right 2s ease, bottom 2s ease;
    }
}
.pagetop a {
    display: block;
    -webkit-animation: tate 2s linear infinite;
    animation: tate 2s linear infinite;
    width: 53px;
    height: 53px;
}
@media screen and (min-width: 501px) {
    .pagetop a {
        width: 75px;
        height: 75px;
    }
}
.pagetop a img {
    -webkit-animation: yoko 1.7s linear infinite;
    animation: yoko 1.7s linear infinite;
    width: 100%;
    height: auto;
}

.jewelkuma_speech_balloon {
    position: fixed;
    z-index: 10;
    -webkit-transition: right 2s ease;
    transition: right 2s ease;
    bottom: 30px;
    right: -350px;
}
@media screen and (min-width: 501px) {
    .jewelkuma_speech_balloon {
        bottom: 25px;
        right: -400px;
    }
}
.jewelkuma_speech_balloon.is-active {
    right: 15px;
}
@media screen and (min-width: 501px) {
    .jewelkuma_speech_balloon.is-active {
        right: 20px;
    }
}
@media screen and (max-width: 500px) {
    .jewelkuma_speech_balloon.is-active2 {
        bottom: 78px;
        -webkit-transition: right 2s ease, bottom 2s ease;
        transition: right 2s ease, bottom 2s ease;
    }
}
.jewelkuma_speech_balloon .balloon_right {
    position: relative;
    bottom: -5px;
    display: inline-block;
    padding: 7px 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    background: #FFF;
    border: solid 1px #000;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    opacity: 0;
    -webkit-transition: opacity 2s ease, margin 2s ease;
    transition: opacity 2s ease, margin 2s ease;
}
.jewelkuma_speech_balloon .balloon_right::before {
    content: "";
    position: absolute;
    top: 85%;
    right: -20px;
    margin-top: -22px;
    border: 9px solid transparent;
    border-left: 12px solid #FFF;
    z-index: 2;
}
.jewelkuma_speech_balloon .balloon_right::after {
    content: "";
    position: absolute;
    top: 85%;
    right: -22px;
    margin-top: -22px;
    border: 9px solid transparent;
    border-left: 12px solid #000;
    z-index: 1;
}
.jewelkuma_speech_balloon .balloon_right.is-active {
    opacity: 1;
    margin-right: 15px;
}
.jewelkuma_speech_balloon .balloon_right a {
    display: block;
    color: #000;
}
.jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon {
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0;
    vertical-align: middle;
    text-decoration: none;
    font-size: 13px;
    line-height: 1.4;
}
@media screen and (min-width: 501px) {
    .jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon {
        font-size: 15px;
    }
}
.jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon::before {
    right: 0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #000;
}
.jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon::after {
    right: 7px;
    width: 8px;
    height: 8px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon::before, .jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.jewelkuma_speech_balloon .balloon_right a .arrow_in_balloon .marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFFF00));
    background: linear-gradient(transparent 60%, #FFFF00 60%);
}
.jewelkuma_speech_balloon .image_wrapper {
    display: inline-block;
    -webkit-animation: tate 2s linear infinite;
    animation: tate 2s linear infinite;
}
.jewelkuma_speech_balloon .image_wrapper .image {
    width: 50px;
    -webkit-animation: yoko 1.7s linear infinite;
    animation: yoko 1.7s linear infinite;
}
@media screen and (min-width: 501px) {
    .jewelkuma_speech_balloon .image_wrapper .image {
        width: 53px;
    }
}

/*------------------------------------------
animation
------------------------------------------*/
@-webkit-keyframes tate {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
@keyframes tate {
    0%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    20% {
        -webkit-transform: translateY(2px);
        transform: translateY(2px);
    }
    60% {
        -webkit-transform: translateY(-3px);
        transform: translateY(-3px);
    }
}
@-webkit-keyframes yoko {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}
@keyframes yoko {
    0%, 100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    20% {
        -webkit-transform: translateX(-3px);
        transform: translateX(-3px);
    }
    60% {
        -webkit-transform: translateX(2px);
        transform: translateX(2px);
    }
}
.section-ja-title {
    margin: 12px 0 20px;
    color: #323232;
    font-size: 1.25rem;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 1000px) {
    .section-ja-title {
        margin: 40px 0 50px;
        font-size: 2.25rem;
        letter-spacing: 0.05em;
    }
}

.section-en-title {
    position: relative;
    margin-bottom: 8px;
    font-size: 1.625rem;
    font-weight: normal;
    text-align: center;
    letter-spacing: 0.05em;
}

.slash-title {
    position: relative;
    padding: 0 15px;
    text-align: center;
}
.slash-title:before, .slash-title:after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #323232;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.slash-title:before {
    left: 10px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.slash-title:after {
    right: 10px;
}

.common-ttl {
    min-height: auto;
    max-width: 1000px;
    padding: 30px 0;
    margin: 0 auto 15px;
    background-image: url("../images/common/common-ttl-bg.png");
    background-size: 100%;
    letter-spacing: 0.11em;
}
@media screen and (min-width: 1000px) {
    .common-ttl {
        max-width: 700px;
        min-height: 279px;
        background-position: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.common-ttl .section-inner {
    padding-left: 20px;
    width: 90vw;
}
.common-ttl .section-inner .common-ttl-sub {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .common-ttl .section-inner .common-ttl-sub {
        font-size: 1.4375rem;
    }
}
.common-ttl .section-inner .common-ttl-main {
    font-size: 1.25rem;
}
@media screen and (min-width: 1000px) {
    .common-ttl .section-inner .common-ttl-main {
        font-size: 2.625rem;
    }
}
.common-ttl .section-inner .common-ttl-main .marker-yellow {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(0%, #ffff00));
    background: linear-gradient(transparent 55%, #ffff00 0%);
    height: 27px;
    display: inline-block;
}
@media screen and (min-width: 1000px) {
    .common-ttl .section-inner .common-ttl-main .marker-yellow {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(0%, #ffff00));
        background: linear-gradient(transparent 70%, #ffff00 0%);
        height: 55px;
    }
}
.common-ttl .section-inner .common-ttl-en {
    font-size: 12px;
}

.red-border-left-ttl {
    margin-bottom: 20px;
    padding: 4px 12px;
    border-left: 5px solid #000;
}

.mincho-border-ttl {
    margin-bottom: 20px;
    padding-bottom: 12px;
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    position: relative;
}
.mincho-border-ttl:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: rgb(218, 23, 43);
    background: -webkit-gradient(linear, left top, right top, color-stop(59%, rgb(218, 23, 43)), to(rgba(218, 23, 43, 0)));
    background: linear-gradient(90deg, rgb(218, 23, 43) 59%, rgba(218, 23, 43, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da172b",endColorstr="#da172b",GradientType=1);
}
@media screen and (min-width: 1000px) {
    .mincho-border-ttl {
        font-size: 40px;
    }
}

.ttl-jc-logo {
    width: 72px;
}
@media screen and (min-width: 1000px) {
    .ttl-jc-logo {
        width: 120px;
    }
}

.ttl-box-red {
    display: block;
    margin-bottom: 12px;
    padding: 12px 12px;
    font-size: 1.6rem;
    color: #fff;
    background: #000;
    border-radius: 4px;
}

.ttl-404 {
    margin: 104px 0 20px;
    color: #323232;
    font-size: 1.25rem;
    letter-spacing: 0.01em;
    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;
}
@media screen and (min-width: 1000px) {
    .ttl-404 {
        margin: 120px 0 50px;
        font-size: 2.25rem;
        letter-spacing: 0.05em;
    }
}
.ttl-404 .ttl-404-icon {
    max-width: 30%;
    margin: 0 -20px;
}

.title_type2 {
    color: #000;
    font-size: 28px;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .title_type2 {
        font-size: 36px;
    }
}

.contents_type2 {
    padding-top: 60px;
}
@media screen and (min-width: 1000px) {
    .contents_type2 {
        padding-top: 80px;
    }
}

.dot-border {
    width: 100%;
    height: 12px;
    margin: 15px 0;
    background-image: url("../images/common/dot-border.png");
    background-repeat: repeat no-repeat;
    background-size: contain;
}
@media screen and (min-width: 1000px) {
    .dot-border {
        height: 18px;
        margin: 30px 0 45px;
    }
}

.ttl-hr-border {
    background-color: #323232;
    height: 1px;
    width: 12%;
}

.en-title-border {
    background-color: #323232;
    height: 2px;
    width: 16%;
    margin: 0 auto 20px;
}
@media screen and (min-width: 1000px) {
    .en-title-border {
        width: 6%;
        margin: 0 auto 40px;
    }
}

#drawernav {
    position: fixed;
    top: 55px;
    right: -292px;
    width: 292px;
    height: 100%;
    margin-bottom: 0;
    background: #FCF7F0;
    color: #323232;
    letter-spacing: 0.01em;
    z-index: 1;
    overflow-y: scroll;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
@media screen and (min-width: 501px) {
    #drawernav {
        width: 500px;
        right: -500px;
    }
}
@media screen and (min-width: 1000px) {
    #drawernav {
        top: 82px;
    }
}
#drawernav ul {
    list-style: none;
    padding: 0;
}
#drawernav ul li a {
    color: #323232;
    display: block;
    text-decoration: none;
}
#drawernav ul li a:hover {
    color: #323232;
    background: #e9e9e9;
}
#drawernav h4 {
    padding: 0 15px;
}
#drawernav .drawer-select-ttl {
    margin-top: 52px;
}
#drawernav .drawer-select-link li {
    width: 32%;
}
#drawernav .drawer-select-link li a {
    padding: 16px 12px 12px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #000;
    border-radius: 4px;
}
#drawernav .drawer-column-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 12px 0 20px;
}
#drawernav .drawer-column-2 li {
    width: 90%;
    border-bottom: 1px solid #D5D5D5;
}
#drawernav .drawer-column-2 li a {
    position: relative;
    padding: 8px 0 8px 5px;
    font-size: 12px;
}
#drawernav .drawer-column-2 li a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    right: 20px;
}
#drawernav #select-tel {
    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;
    row-gap: 10px;
}
@media screen and (min-width: 1000px) {
    #drawernav #select-tel {
        margin-top: 15px;
    }
}
#drawernav #select-tel .ex1-city-category-outer,
#drawernav #select-tel .ex1-city-outer {
    position: relative;
}
#drawernav #select-tel .ex1-city-category-outer:after,
#drawernav #select-tel .ex1-city-outer:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
#drawernav #select-tel .ex1-city-category-outer {
    width: 100%;
}
#drawernav #select-tel .ex1-city-outer {
    width: 100%;
}
#drawernav #select-tel select {
    width: 100%;
    padding: 8px;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #323232;
    opacity: 1;
    background: #FCF7F0;
    text-align: center;
}
#drawernav #select-tel select#ex1-city-category {
    background: #FCF7F0;
}
#drawernav .job a {
    background: #000;
    display: block;
    padding-bottom: 5px;
    color: #fff;
    border-radius: 0 0 4px 4px;
}
#drawernav .job a img {
    max-width: 100%;
    height: auto;
    padding-bottom: 5px;
}
#drawernav .top_title {
    line-height: 58px;
    padding-left: 12px;
    font-size: 19px;
}
#drawernav .search_prefectures_outer {
    background: #fff;
    padding: 12px 10px;
    width: 90%;
    margin: auto;
}
#drawernav .search_prefectures_outer:hover {
    background-color: rgba(255, 218, 210, 0.3);
}
#drawernav .search_prefectures_outer > p {
    font-size: 18px;
}
@media screen and (min-width: 1000px) {
    #drawernav .search_prefectures_outer > p {
        font-size: 16px;
    }
}
#drawernav .api_current_location_button {
    margin: 0 auto 15px;
}
@media screen and (min-width: 1000px) {
    #drawernav .api_current_location_button {
        background-color: #fff;
    }
}
#drawernav .api_current_location_button:hover {
    background-color: rgba(255, 218, 210, 0.3);
}
#drawernav .api_current_location_button a {
    font-family: "Noto Sans JP", sans-serif;
}
#drawernav .api_current_location_button a::before {
    width: 16px;
    height: 20px;
}
#drawernav .drawer-fixed {
    position: fixed;
    width: 100%;
    height: 55.55px;
    background: #fff;
    -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.2);
    z-index: 1000;
}

#humberger {
    position: fixed;
    top: 25px;
    right: 0;
    z-index: 100;
    width: 52px;
    padding: 0 10px;
    cursor: pointer;
}
@media screen and (min-width: 961px) {
    #humberger {
        top: 41px;
    }
}

.icon-bar {
    height: 3px;
    background: #000;
    display: block;
    margin-bottom: 9px;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

.fixed-content {
    right: inherit;
    width: 100%;
    z-index: 2;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}

#overlay {
    z-index: -1;
    opacity: 0;
    background: #000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    -webkit-transition: all 400ms cubic-bezier(1, 0, 0, 1);
    transition: all 400ms cubic-bezier(1, 0, 0, 1);
    -webkit-transition-timing-function: cubic-bezier(1, 0, 0, 1);
    transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
#overlay .jcmedia {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    padding-top: 56.25%;
}
@media screen and (min-width: 1000px) {
    #overlay .jcmedia {
        width: 640px;
        padding-top: 0;
    }
}
#overlay .jcmedia iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0 20px;
}
@media screen and (min-width: 1000px) {
    #overlay .jcmedia iframe {
        position: relative;
        height: 360px;
        padding: 0;
        max-width: 100%;
    }
}
#overlay .jcmedia .round_btn {
    display: block;
    position: absolute;
    top: -10px;
    left: 4px;
    width: 30px;
    height: 30px;
    border: 2px solid #333; /* 枠の調整 */
    border-radius: 50%; /* 丸みの度合い */
    background: #fff; /* ボタンの背景色 */
    cursor: pointer;
}
#overlay .jcmedia .round_btn::before, #overlay .jcmedia .round_btn::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 3px; /* 棒の幅（太さ） */
    height: 22px; /* 棒の高さ */
    background: #333; /* バツ印の色 */
}
#overlay .jcmedia .round_btn::before {
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}
#overlay .jcmedia .round_btn::after {
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
}

body.drawer-opened {
    overflow-y: hidden;
}
body.drawer-opened #page {
    left: -292px;
    box-shadow: 1px 0 2px #000;
    -webkit-box-shadow: 1px 0 2px #000;
}
body.drawer-opened .fixed-content {
    left: -292px;
}
body.drawer-opened #drawernav {
    right: 0;
    top: 55px;
    padding-bottom: 80px;
    -webkit-box-shadow: -2px 5px 7px 0px rgba(0, 0, 0, 0.35);
    box-shadow: -2px 5px 7px 0px rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 1000px) {
    body.drawer-opened #drawernav {
        top: 82px;
        padding-bottom: 30px;
    }
}
@media screen and (min-width: 1000px) {
    body.drawer-opened #drawernav .flex_box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 90%;
        margin: auto;
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}
@media screen and (min-width: 1000px) {
    body.drawer-opened #drawernav .flex_box > div {
        width: 50%;
        height: 160px;
        border-radius: 4px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
body.drawer-opened #humberger {
    position: absolute;
}
body.drawer-opened #humberger .icon-bar {
    height: 2px;
    background: #000;
}
body.drawer-opened #humberger .icon-bar:nth-child(1) {
    -webkit-transform: translate(0, 4px) rotate(45deg);
    transform: translate(0, 4px) rotate(45deg);
}
body.drawer-opened #humberger .icon-bar:nth-child(2) {
    -webkit-transform: translate(0, -7px) rotate(-45deg);
    transform: translate(0, -7px) rotate(-45deg);
}
body.drawer-opened #humberger:after {
    -webkit-animation-name: fadein;
    animation-name: fadein;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: translatesy(20px);
        transform: translatesy(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
@keyframes fadein {
    from {
        opacity: 0;
        -webkit-transform: translatesy(20px);
        transform: translatesy(20px);
    }
    to {
        opacity: 1;
        -webkit-transform: translatey(0);
        transform: translatey(0);
    }
}
body.drawer-opened #overlay {
    z-index: 0;
    /* z-index: 3; */
    opacity: 0.3;
    left: -292px;
}

.slick-dots li {
    width: 16px;
    margin: 0;
}
.slick-dots li button {
    width: 16px;
    height: 16px;
}
.slick-dots li button:before {
    width: 16px;
    height: 16px;
}

.slick-kaitori {
    margin-top: 20px;
}
.slick-kaitori li.slick-kaitori-item {
    margin: 0 4px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
}
.slick-kaitori li.slick-kaitori-item img {
    width: 100%;
}
.slick-kaitori li.slick-kaitori-item .slick-kaitori-info {
    padding: 12px;
}
.slick-kaitori li.slick-kaitori-item .slick-kaitori-info .slick-kaitori-txt {
    font-size: 14px;
}
.slick-kaitori li.slick-kaitori-item .slick-kaitori-info .slick-kaitori-detail {
    font-size: 12px;
}

.breadcrumbs {
    margin-bottom: 24px;
    padding: 13px 0 26px;
    font-size: 14px;
    background-image: url("../images/common/dot-border-4.png");
    background-repeat: repeat-x;
    background-position: left bottom;
    background-size: auto 13px;
}
@media screen and (max-width: 500px) {
    .breadcrumbs {
        padding: 0 !important;
    }
}
@media screen and (max-width: 500px) {
    .breadcrumbs .section-inner {
        width: 100%;
        height: 40px;
        white-space: nowrap;
        overflow-x: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        font-size: 11px;
        -ms-overflow-style: none; /*Edgeでスクロールバーを非表示*/
        scrollbar-width: none; /*Firefoxでスクロールバーを非表示*/
    }
    .breadcrumbs .section-inner::-webkit-scrollbar {
        display: none; /*ChromeとSafariでスクロールバーを非表示*/
    }
}
.breadcrumbs a {
    display: inline-block;
    color: #323232;
    position: relative;
    padding-right: 24px;
}
@media screen and (min-width: 501px) {
    .breadcrumbs a span {
        position: absolute;
        display: inline-block;
        top: 50%;
        bottom: 0;
        right: 8px;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        border-top: solid 2px #323232;
        border-right: solid 2px #323232;
        border-right: solid 1px #323232;
        border-top: solid 1px #323232;
    }
}

.shop .breadcrumbs,
.shop-detail .breadcrumbs,
.purchase-page .breadcrumbs {
    padding-top: 70px;
}
@media screen and (min-width: 1000px) {
    .shop .breadcrumbs,
    .shop-detail .breadcrumbs,
    .purchase-page .breadcrumbs {
        padding-top: 120px;
    }
}

.breadcrumbs_type2 {
    font-size: 12px;
    background: #F2F2F2;
    padding-top: 18px;
    padding-bottom: 7px;
}
@media screen and (max-width: 500px) {
    .breadcrumbs_type2 {
        background: #000;
        padding: 0;
    }
}
.breadcrumbs_type2 a {
    display: inline-block;
    color: #323232;
    position: relative;
    padding-right: 24px;
}
@media screen and (max-width: 500px) {
    .breadcrumbs_type2 a {
        color: #fff;
        line-height: 40px;
        padding: 0 3%;
    }
    .breadcrumbs_type2 a::before {
        top: 0;
        right: -4px;
        border-width: 20px 0 20px 10px;
        border-style: solid;
        border-color: transparent transparent transparent #fff;
        display: block;
        position: absolute;
        content: "";
    }
    .breadcrumbs_type2 a::after {
        top: 0;
        right: -3px;
        border-width: 20px 0 20px 10px;
        border-style: solid;
        border-color: transparent transparent transparent #000;
        display: block;
        position: absolute;
        content: "";
    }
}
@media screen and (min-width: 501px) {
    .breadcrumbs_type2 a span {
        position: absolute;
        display: inline-block;
        top: 50%;
        bottom: 0;
        right: 8px;
        width: 6px;
        height: 6px;
        margin-top: -3px;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: "";
        border-top: solid 2px #323232;
        border-right: solid 2px #323232;
        border-right: solid 1px #323232;
        border-top: solid 1px #323232;
    }
}
@media screen and (max-width: 500px) {
    .breadcrumbs_type2 span {
        color: #fff;
        line-height: 40px;
        padding: 0 3%;
    }
}

.accordion-purchase-ex .accordion .accordion-item,
.shop-detail-faq .accordion .accordion-item,
.accordion-section .accordion .accordion-item,
.tokei-pricetable .accordion .accordion-item,
.brand-pricetable .accordion .accordion-item,
.card-pricetable .accordion .accordion-item {
    border-bottom: 1px solid #8F8F8F;
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head a,
.shop-detail-faq .accordion .accordion-item .accordion-head a,
.accordion-section .accordion .accordion-item .accordion-head a,
.tokei-pricetable .accordion .accordion-item .accordion-head a,
.brand-pricetable .accordion .accordion-item .accordion-head a,
.card-pricetable .accordion .accordion-item .accordion-head a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 20px 4px 0;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .accordion-purchase-ex .accordion .accordion-item .accordion-head a,
    .shop-detail-faq .accordion .accordion-item .accordion-head a,
    .accordion-section .accordion .accordion-item .accordion-head a,
    .tokei-pricetable .accordion .accordion-item .accordion-head a,
    .brand-pricetable .accordion .accordion-item .accordion-head a,
    .card-pricetable .accordion .accordion-item .accordion-head a {
        font-size: 1.6rem;
    }
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head a:before, .accordion-purchase-ex .accordion .accordion-item .accordion-head a:after,
.shop-detail-faq .accordion .accordion-item .accordion-head a:before,
.shop-detail-faq .accordion .accordion-item .accordion-head a:after,
.accordion-section .accordion .accordion-item .accordion-head a:before,
.accordion-section .accordion .accordion-item .accordion-head a:after,
.tokei-pricetable .accordion .accordion-item .accordion-head a:before,
.tokei-pricetable .accordion .accordion-item .accordion-head a:after,
.brand-pricetable .accordion .accordion-item .accordion-head a:before,
.brand-pricetable .accordion .accordion-item .accordion-head a:after,
.card-pricetable .accordion .accordion-item .accordion-head a:before,
.card-pricetable .accordion .accordion-item .accordion-head a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.accordion-purchase-ex .accordion .accordion-item .accordion-head .accordion-head-text,
.shop-detail-faq .accordion .accordion-item .accordion-head .accordion-head-text,
.accordion-section .accordion .accordion-item .accordion-head .accordion-head-text,
.tokei-pricetable .accordion .accordion-item .accordion-head .accordion-head-text,
.brand-pricetable .accordion .accordion-item .accordion-head .accordion-head-text,
.card-pricetable .accordion .accordion-item .accordion-head .accordion-head-text {
    padding: 12px 20px 4px 0;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .accordion-purchase-ex .accordion .accordion-item .accordion-head .accordion-head-text,
    .shop-detail-faq .accordion .accordion-item .accordion-head .accordion-head-text,
    .accordion-section .accordion .accordion-item .accordion-head .accordion-head-text,
    .tokei-pricetable .accordion .accordion-item .accordion-head .accordion-head-text,
    .brand-pricetable .accordion .accordion-item .accordion-head .accordion-head-text,
    .card-pricetable .accordion .accordion-item .accordion-head .accordion-head-text {
        font-size: 1.6rem;
    }
}
.accordion-purchase-ex .accordion .accordion-content,
.shop-detail-faq .accordion .accordion-content,
.accordion-section .accordion .accordion-content,
.tokei-pricetable .accordion .accordion-content,
.brand-pricetable .accordion .accordion-content,
.card-pricetable .accordion .accordion-content {
    margin-top: 8px;
    padding: 0 12px;
}
.accordion-purchase-ex .accordion .accordion-content p,
.shop-detail-faq .accordion .accordion-content p,
.accordion-section .accordion .accordion-content p,
.tokei-pricetable .accordion .accordion-content p,
.brand-pricetable .accordion .accordion-content p,
.card-pricetable .accordion .accordion-content p {
    margin-bottom: 12px;
    padding: 12px;
    font-size: 12px;
    background: #F1F1f1;
}
@media screen and (min-width: 501px) {
    .accordion-purchase-ex .accordion .accordion-content p,
    .shop-detail-faq .accordion .accordion-content p,
    .accordion-section .accordion .accordion-content p,
    .tokei-pricetable .accordion .accordion-content p,
    .brand-pricetable .accordion .accordion-content p,
    .card-pricetable .accordion .accordion-content p {
        font-size: 14px;
    }
}
.accordion-purchase-ex .accordion .accordion-content p span,
.shop-detail-faq .accordion .accordion-content p span,
.accordion-section .accordion .accordion-content p span,
.tokei-pricetable .accordion .accordion-content p span,
.brand-pricetable .accordion .accordion-content p span,
.card-pricetable .accordion .accordion-content p span {
    font-weight: bold;
}
.accordion-purchase-ex .accordion-item[data-active] .accordion-head a:before,
.shop-detail-faq .accordion-item[data-active] .accordion-head a:before,
.accordion-section .accordion-item[data-active] .accordion-head a:before,
.tokei-pricetable .accordion-item[data-active] .accordion-head a:before,
.brand-pricetable .accordion-item[data-active] .accordion-head a:before,
.card-pricetable .accordion-item[data-active] .accordion-head a:before {
    opacity: 0;
}
.accordion-purchase-ex .accordion-item[data-active] .accordion-head a:after,
.shop-detail-faq .accordion-item[data-active] .accordion-head a:after,
.accordion-section .accordion-item[data-active] .accordion-head a:after,
.tokei-pricetable .accordion-item[data-active] .accordion-head a:after,
.brand-pricetable .accordion-item[data-active] .accordion-head a:after,
.card-pricetable .accordion-item[data-active] .accordion-head a:after {
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.shop-detail-faq .accordion-content p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.tokei-pricetable .accordion .accordion-content,
.brand-pricetable .accordion .accordion-content,
.card-pricetable .accordion .accordion-content {
    padding: 0;
}
.tokei-pricetable .accordion table,
.brand-pricetable .accordion table,
.card-pricetable .accordion table {
    margin-bottom: 8px;
    padding: 8px;
    background: #F1F1f1;
    letter-spacing: 0.01em;
    width: 100%;
}
.tokei-pricetable .accordion table thead th,
.brand-pricetable .accordion table thead th,
.card-pricetable .accordion table thead th {
    padding: 8px;
    text-align: left;
}
.tokei-pricetable .accordion table thead th:nth-of-type(1),
.brand-pricetable .accordion table thead th:nth-of-type(1),
.card-pricetable .accordion table thead th:nth-of-type(1) {
    width: 40%;
}
.tokei-pricetable .accordion table thead th:nth-of-type(2),
.brand-pricetable .accordion table thead th:nth-of-type(2),
.card-pricetable .accordion table thead th:nth-of-type(2) {
    width: 45%;
}
.tokei-pricetable .accordion table thead th:nth-of-type(3),
.brand-pricetable .accordion table thead th:nth-of-type(3),
.card-pricetable .accordion table thead th:nth-of-type(3) {
    width: 55%;
}
.tokei-pricetable .accordion table tbody tr,
.brand-pricetable .accordion table tbody tr,
.card-pricetable .accordion table tbody tr {
    border-top: 1px solid #c4c4c4;
}
.tokei-pricetable .accordion table tbody td,
.brand-pricetable .accordion table tbody td,
.card-pricetable .accordion table tbody td {
    padding: 8px;
}
.tokei-pricetable .accordion table tbody td:last-of-type,
.brand-pricetable .accordion table tbody td:last-of-type,
.card-pricetable .accordion table tbody td:last-of-type {
    color: #000;
    font-weight: bold;
}

.tokei-pricetable .accordion .accordion-head,
.card-pricetable .accordion .accordion-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #323232;
    font-size: 1.6rem;
    font-weight: bold;
}
.tokei-pricetable .accordion .accordion-head span,
.card-pricetable .accordion .accordion-head span {
    padding: 10px 0px;
}
.tokei-pricetable .accordion .accordion-head span:hover,
.card-pricetable .accordion .accordion-head span:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.6;
}
.tokei-pricetable .accordion .accordion-head i,
.card-pricetable .accordion .accordion-head i {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.tokei-pricetable .accordion .accordion-head a,
.card-pricetable .accordion .accordion-head a {
    display: block;
    width: 100%;
}
.tokei-pricetable .accordion .accordion-content2,
.card-pricetable .accordion .accordion-content2 {
    display: none;
}
.tokei-pricetable .accordion .accordion-content2 .accordion-model,
.card-pricetable .accordion .accordion-content2 .accordion-model {
    padding: 0px;
    margin: 0px;
    position: relative;
}
.tokei-pricetable .accordion .accordion-content2 .accordion-model td i,
.card-pricetable .accordion .accordion-content2 .accordion-model td i {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.tokei-pricetable .accordion .accordion-content2 .accordion-model td:hover,
.card-pricetable .accordion .accordion-content2 .accordion-model td:hover {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0.6;
}
.tokei-pricetable .accordion .accordion-content2 .accordion-model:hover,
.card-pricetable .accordion .accordion-content2 .accordion-model:hover {
    background-color: #e7e6e6;
}
.tokei-pricetable .accordion .accordion-content2 .model-content,
.card-pricetable .accordion .accordion-content2 .model-content {
    display: none;
}
.tokei-pricetable .accordion .accordion-content2 table thead th:nth-of-type(3),
.card-pricetable .accordion .accordion-content2 table thead th:nth-of-type(3) {
    padding-right: 40px;
    text-align: right;
}

.card-pricetable .accordion table thead th:nth-of-type(1) {
    width: 60%;
}
@media screen and (min-width: 1000px) {
    .card-pricetable .accordion table thead th:nth-of-type(1) {
        width: 75%;
    }
}
.card-pricetable .accordion table thead th:nth-of-type(2) {
    width: 20%;
}
@media screen and (min-width: 1000px) {
    .card-pricetable .accordion table thead th:nth-of-type(2) {
        width: 12%;
    }
}
.card-pricetable .accordion table thead th:nth-of-type(3) {
    width: 20%;
}
@media screen and (min-width: 1000px) {
    .card-pricetable .accordion table thead th:nth-of-type(3) {
        width: 13%;
    }
}
.card-pricetable .accordion table tbody td:nth-of-type(2) {
    padding-right: 20px;
}
@media screen and (min-width: 1000px) {
    .card-pricetable .accordion table tbody td:nth-of-type(2) {
        padding-right: 40px;
    }
}
.card-pricetable .accordion table tbody td:nth-of-type(3) {
    padding-right: 20px;
}
@media screen and (min-width: 1000px) {
    .card-pricetable .accordion table tbody td:nth-of-type(3) {
        padding-right: 40px;
    }
}

.brand-pricetable .model-content {
    display: none;
}
.brand-pricetable .accordion table {
    padding: 0;
    margin: 0;
}

.tokei-pricetable .accordion table {
    padding: 0;
    margin: 0;
}

.accordion-purchase-ex .accordion-head a {
    position: relative;
    display: inline-block;
    color: #000;
    padding: 8px 12px;
    font-weight: bold;
    text-decoration: none;
    border-bottom: 1px solid #000;
}
.accordion-purchase-ex .accordion-head a:before, .accordion-purchase-ex .accordion-head a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #000;
    border-right: solid 2px #000;
    left: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}


.top-tab {
    margin: 24px 0 16px;
}
@media screen and (min-width: 1000px) {
    .top-tab {
        margin: 32px 0 75px;
    }
}

.top-catch {
    padding-bottom: 56px;
}
@media screen and (min-width: 1000px) {
    .top-catch {
        padding-bottom: 65px;
    }
}
.top-catch .top-catch-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-content .top-catch-text {
        width: 500px;
    }
}
.top-catch .top-catch-content .top-catch-text .section-ja-title {
    margin: 0 0 32px;
    line-height: 2.1;
}
.top-catch .top-catch-content .top-catch-text .top-catch-ttl {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1.7;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-content .top-catch-text .top-catch-ttl {
        margin-bottom: 15px;
        font-size: 1.6rem;
        line-height: 1.7;
        letter-spacing: 0.15em;
    }
}
.top-catch .top-catch-content .top-catch-text p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-content .top-catch-text p {
        padding-right: 30px;
        font-size: 16px;
        letter-spacing: 0.11em;
        line-height: 1.8;
    }
}
.top-catch .top-catch-content .top-catch-text p + p {
    margin-top: 12px;
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-content .top-catch-text p + p {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-content img {
        width: 500px;
    }
}
.top-catch .top-catch-bnr {
    margin-bottom: 35px;
}
@media screen and (max-width: 500px) {
    .top-catch .top-catch-bnr {
        position: relative;
        left: 50%;
        width: 100vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media screen and (min-width: 1000px) {
    .top-catch .top-catch-bnr {
        margin-bottom: 35px;
    }
}
@media screen and (min-width: 501px) {
    .top-catch .top-catch-bnr ul li {
        width: 33%;
    }
}
.top-catch .top-catch-bnr ul li + li {
    margin-left: 8px;
}
@media screen and (min-width: 501px) {
    .top-catch .top-catch-bnr ul li img {
        height: 157px;
    }
}
.top-catch .top-catch-bnr ul li a {
    pointer-events: none;
}
.top-catch .base-btn {
    display: block;
    width: 266px;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .top-catch .base-btn {
        width: 309px;
    }
}
.top-catch .section-ja-title {
    margin: 20px 0 12px;
}

.purchase {
    padding: 20px 0 35px;
}
@media screen and (min-width: 1000px) {
    .purchase {
        padding: 60px 0 28px;
    }
}
.purchase .purchase-item ul {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    grid-gap: 8px;
    margin: 20px 0 30px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul {
        margin: 20px 0 50px;
        grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
        grid-gap: 16px;
    }
}
.purchase .purchase-item ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 20px 10px;
    color: #fff;
    background: #000;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
@media screen and (min-width: 501px) and (max-width: 960px) {
    .purchase .purchase-item ul li a {
        padding: 20px 10px;
    }
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li a {
        min-height: 145px;
        padding: 30px 0;
    }
}
.purchase .purchase-item ul li a img {
    display: block;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.purchase .purchase-item ul li a span {
    display: block;
    margin-top: 8px;
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li a span {
        margin-top: 12px;
    }
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li a h4 {
        margin-top: 12px;
    }
}
.purchase .purchase-item ul li a.center-right-arrow:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-white.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    width: 8px;
    height: 13px;
}
.purchase .purchase-item ul li .purchase-icon {
    position: relative;
    height: 50px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li .purchase-icon {
        height: 60px;
    }
}
.purchase .purchase-item ul li.purchase-icon-gold img {
    width: 55px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-gold img {
        width: 66px;
    }
}
.purchase .purchase-item ul li.purchase-icon-diamond img {
    width: 49px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-diamond img {
        width: 59px;
    }
}
.purchase .purchase-item ul li.purchase-icon-jewel img {
    width: 37px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-jewel img {
        width: 45px;
    }
}
.purchase .purchase-item ul li.purchase-icon-stone img {
    width: 34px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-stone img {
        width: 42px;
    }
}
.purchase .purchase-item ul li.purchase-icon-watch img {
    width: 26px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-watch img {
        width: 44px;
    }
}
.purchase .purchase-item ul li.purchase-icon-bag img {
    width: 52px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-bag img {
        width: 63px;
    }
}
.purchase .purchase-item ul li.purchase-icon-ticket img {
    width: 50px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-ticket img {
        width: 60px;
    }
}
.purchase .purchase-item ul li.purchase-icon-stamp img {
    width: 38px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-stamp img {
        width: 46px;
    }
}
.purchase .purchase-item ul li.purchase-icon-cosme img {
    width: 18px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-cosme img {
        width: 22px;
    }
}
.purchase .purchase-item ul li.purchase-icon-drink img {
    width: 21px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-item ul li.purchase-icon-drink img {
        width: 25px;
    }
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand .section-ja-title {
        margin-bottom: 12px;
    }
}
.purchase .purchase-brand ul {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 7px;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .purchase .purchase-brand ul {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 16px;
    }
}
.purchase .purchase-brand ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 40px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul li {
        margin-top: 63px;
    }
}
.purchase .purchase-brand ul li a {
    display: block;
    padding: 0 19px 18px;
    border: 1px solid #323232;
    border-radius: 4px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul li a {
        padding: 0 29px 14px;
        min-height: 244px;
    }
}
.purchase .purchase-brand ul li a img {
    display: block;
    width: 63px;
    margin: -30px auto 12px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul li a img {
        width: 94px;
        margin: -50px auto 20px;
    }
}
.purchase .purchase-brand ul li a .brand-name-en {
    margin-top: 4px;
    color: #323232;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul li a .brand-name-en {
        margin-top: 12px;
    }
}
.purchase .purchase-brand ul li a .purchase-brand-dtl {
    color: #323232;
    line-height: 1.5;
}
.purchase .purchase-brand ul li a.center-right-arrow:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-red.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    right: 6px;
    width: 6px;
    height: 10px;
}
.purchase .purchase-brand ul li a.center-right-arrow.arrow-gray:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-image: url(../images/common/arrow-right-white.svg);
    background-size: contain;
    vertical-align: middle;
    content: "";
    right: 6px;
    width: 6px;
    height: 10px;
    background-image: url(../images/common/arrow-right-gray.svg);
}
.purchase .purchase-brand ul li hr {
    border-top: 1px solid #323232;
    width: 20px;
    margin: 10px auto;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-brand ul li hr {
        width: 30px;
        margin: 20px auto;
    }
}
.purchase .purchase-broken {
    margin: 24px 0;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken {
        margin: 30px 0;
    }
}
.purchase .purchase-broken .purchase-broken-inner {
    padding: 13px 15px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken .purchase-broken-inner {
        padding: 24px 55px 36px 31px;
    }
}
.purchase .purchase-broken .purchase-broken-ttl {
    display: inline-block;
    padding: 14px 16px;
    font-size: 14px;
    background: #000;
    border-radius: 4px 4px 0 0;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken .purchase-broken-ttl {
        font-size: 24px;
    }
}
.purchase .purchase-broken .purchase-broken-txt {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken .purchase-broken-txt {
        font-size: 14px;
    }
}
.purchase .purchase-broken .purchase-broken-list {
    margin-top: 15px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken .purchase-broken-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
.purchase .purchase-broken .purchase-broken-list ul {
    margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
    .purchase .purchase-broken .purchase-broken-list ul {
        margin-bottom: 0;
    }
}
.purchase .purchase-broken hr {
    margin: 4px;
}
.purchase .purchase-broken ul li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 8px 0 18px;
    vertical-align: sub;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.purchase .purchase-broken ul li:before {
    content: "";
    background-image: url("../images/icon/list-check-icon.svg");
    position: absolute;
    left: 0;
    width: 14px;
    height: 11px;
    vertical-align: middle;
}
.purchase .base-btn {
    display: block;
    width: 266px;
    margin: 0 auto;
}
.purchase .purchase-broken-bag p {
    position: relative;
    padding-left: 20px;
}
.purchase .purchase-broken-bag p:before {
    content: "";
    background-image: url("../images/icon/broken-bag.svg");
    position: absolute;
    left: 0;
    width: 14px;
    height: 14px;
    vertical-align: middle;
}
.purchase .purchase-broken-watch p {
    position: relative;
    padding-left: 20px;
}
.purchase .purchase-broken-watch p:before {
    content: "";
    background-image: url("../images/icon/broken-watch.svg");
    position: absolute;
    left: 0;
    width: 14px;
    height: 20px;
    vertical-align: middle;
}
.purchase .purchase-broken-jewely p {
    position: relative;
    padding-left: 20px;
}
.purchase .purchase-broken-jewely p:before {
    content: "";
    background-image: url("../images/icon/broken-jewel.svg");
    position: absolute;
    left: 0;
    width: 14px;
    height: 17px;
    vertical-align: middle;
}

.feature {
    padding: 21px 0;
}
@media screen and (min-width: 1000px) {
    .feature {
        padding: 55px 0 70px;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-content {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-content img {
        width: 502px;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-content .feature-txt-wrapper {
        width: 423px;
    }
}
.feature .feature-txt {
    font-size: 8px;
    padding: 0 0 20px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-txt {
        padding: 40px 0;
        width: 423px;
        font-size: 14px;
    }
}
.feature .feature-txt span {
    display: block;
    font-size: 50px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-txt span {
        font-size: 80px;
    }
}
.feature .feature-txt .feature-reason-txt-ttl {
    font-size: 1.8rem;
}
@media screen and (min-width: 1000px) {
    .feature .feature-txt .feature-reason-txt-ttl {
        margin-bottom: 8px;
        font-size: 22px;
        line-height: 1.5;
        letter-spacing: 0.01em;
    }
}
.feature .feature-txt .feature-reason-ttl {
    margin-right: 14px;
}
.feature .feature-txt .feature-reason-ttl span {
    line-height: 0.9;
}
.feature .feature-txt .feature-reason-txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.05em;
}
@media screen and (min-width: 1000px) {
    .feature .feature-txt .feature-reason-txt {
        font-size: 14px;
        line-height: 1.8;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-txt + .feature-txt {
        border-top: 1px solid #323232;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-point {
        margin: 40px 0 20px;
    }
}
.feature .feature-point .feature-point-ttl {
    display: block;
    padding: 14px 11.5px;
    color: #fff;
    font-size: 1.25rem;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point .feature-point-ttl {
        display: inline-block;
        padding: 25.5px 23px;
    }
}
.feature .feature-point ul {
    margin-top: 30px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.feature .feature-point ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 16px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point ul li {
        display: block;
        width: 209px;
        margin-bottom: 16px;
    }
}
.feature .feature-point ul li .feature-point-list-ttl {
    font-size: 17px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point ul li .feature-point-list-ttl {
        margin: 12px 0;
        font-size: 1.6rem;
        text-align: center;
        line-height: 1.5;
    }
}
.feature .feature-point ul li .feature-point-txt {
    font-size: 14px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point ul li .feature-point-txt {
        font-size: 14px;
        line-height: 1.4;
    }
}
.feature .feature-point ul li img {
    display: block;
    width: 100px;
    margin-right: 8px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-point ul li img {
        width: 140px;
        margin: 0 auto;
    }
}
.feature .feature-comparison {
    padding: 30px 0 20px;
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison {
        padding: 40px 0 53px;
        width: 100%;
    }
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison .feature-comparison-inner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 732px;
        margin: 0 auto;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt {
    width: 90vw;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt {
        width: 342px;
    }
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-case {
    font-size: 14px;
    text-align: center;
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 12px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 7px 0;
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex {
        margin: 10px 0 20px;
    }
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex .feature-comparison-ex-ttl {
    position: relative;
    width: 76px;
    height: 76px;
    border-radius: 50%;
    line-height: 1.4;
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex .feature-comparison-ex-ttl span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex .feature-comparison-ex-price {
    font-size: 48px;
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ex .feature-comparison-ex-price span {
    font-size: 20px;
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt ul {
    margin-top: 8px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt ul {
        margin: 12px 0 8px;
    }
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt ul li {
    width: 32%;
    padding: 7px 4px;
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt ul li {
        padding: 13px 4px;
    }
}
.feature .feature-comparison .feature-comparison-inner .feature-comparison-txt ul li .feature-comparison-price {
    font-size: 30px;
    line-height: 1;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .slash-title {
        padding: 0;
        font-size: 0.875rem;
    }
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .slash-title:before {
        left: 0;
    }
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .slash-title:after {
        right: 0;
    }
    .feature .feature-comparison .feature-comparison-inner .feature-comparison-txt .feature-comparison-ttl {
        font-size: 10px;
    }
}
.feature .feature-comparison img {
    display: block;
    width: 154px;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .feature .feature-comparison img {
        width: 349px;
    }
}

.news {
    padding-bottom: 50px;
}
@media screen and (min-width: 1000px) {
    .news {
        padding-bottom: 50px;
    }
}
.news ul li a {
    display: block;
    padding: 16px 0;
}
@media screen and (min-width: 1000px) {
    .news ul li a {
        display: block;
        padding: 43px 0;
    }
}
.news ul li a span.news-date {
    margin-bottom: 12px;
}
.news .news-dtl-btn a {
    display: block;
    text-align: right;
}

.media {
    position: relative;
}
@media screen and (min-width: 1000px) {
    .media {
        padding-bottom: 50px;
    }
}
.media ul.media-capture {
    margin: 0 0 21px;
}
@media screen and (min-width: 501px) {
    .media ul.media-capture {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 36px 0 43px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
}
.media ul.media-capture li {
    display: block;
    width: 100%;
}
@media screen and (min-width: 501px) and (max-width: 960px) {
    .media ul.media-capture li {
        width: 40%;
    }
}
.media ul.media-capture li img.media-capture-img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .media ul.media-capture li img.media-capture-img {
        width: 480px;
    }
}
@media screen and (min-width: 1000px) {
    .media ul.media-capture li img.media-capture-img.main {
        width: 700px;
    }
}
.media ul.media-capture li + li {
    margin-top: 36px;
}
@media screen and (min-width: 501px) {
    .media ul.media-capture li + li {
        margin-top: 0;
    }
}
.media ul.media-capture li p {
    padding: 7px 30px 12px;
    font-size: 12px;
    line-height: 1.8;
}
@media screen and (min-width: 1000px) {
    .media ul.media-capture li p {
        font-size: 14px;
    }
}
.media ul.media-capture li p.slash-title {
    position: relative;
    padding: 0 15px;
    text-align: center;
    padding: 0 40px;
    margin-bottom: 12px;
}
.media ul.media-capture li p.slash-title:before, .media ul.media-capture li p.slash-title:after {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 20px;
    height: 1px;
    background-color: #323232;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
}
.media ul.media-capture li p.slash-title:before {
    left: 10px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
}
.media ul.media-capture li p.slash-title:after {
    right: 10px;
}
.media ul.media-capture li p.slash-title:before, .media ul.media-capture li p.slash-title:after {
    width: 36px;
}
.media ul.media-capture li p.slash-title:before {
    left: 0;
}
.media ul.media-capture li p.slash-title:after {
    right: 0;
}
@media screen and (min-width: 1000px) {
    .media ul.media-capture li p.slash-title {
        padding: 0 10px;
    }
}
.media ul.media-capture li a {
    display: block;
}
.media ul.media-capture + p {
    margin-bottom: 32px;
}
@media screen and (min-width: 1000px) {
    .media .media-logo {
        display: block;
    }
}
.media hr {
    display: none;
}
@media screen and (min-width: 1000px) {
    .media hr {
        display: block;
    }
}
.media .media-logo {
    width: 100vw;
    overflow-x: scroll;
}
@media screen and (min-width: 1000px) {
    .media .media-logo {
        width: 100%;
        overflow-x: auto;
    }
}
.media .media-logo img {
    width: 800px;
    height: auto;
    margin-right: 50px;
}
@media screen and (min-width: 1000px) {
    .media .media-logo img {
        width: 100%;
        margin-right: 0;
    }
}
.media .media-logo .media a {
    display: block;
}
.media .media-logo .section-ja-title {
    margin: 20px 0px;
}
.media .media-logo .media-reason-txt {
    margin-bottom: 30px;
}
.media .media-logo .close {
    width: 370px;
    position: relative;
    margin: 0 auto;
}
.media .media-logo .close-btn {
    position: absolute;
    top: 45px;
    font-size: 100%;
    font-weight: bold;
    border: 1px solid #999;
    color: #999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #fff;
    color: #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 100%;
    width: 1.3em;
    line-height: 1.3em;
    cursor: pointer;
    -webkit-transition: 0.2s;
    transition: 0.2s;
}
.media .popup {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6;
}
.media.show-popup .popup {
    opacity: 1;
    visibility: visible;
}
.media.show-popup .popup > iframe {
    width: 370px;
    position: absolute;
    top: 50px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.real-time {
    padding: 30px 0;
}
@media screen and (min-width: 1000px) {
    .real-time {
        padding: 0 0 70px;
    }
}
@media screen and (min-width: 1000px) {
    .real-time .section-ja-title br {
        display: none;
    }
}
.real-time .blog-archive-list {
    margin-bottom: 60px;
    margin-top: 33px;
    row-gap: 30px;
}
.real-time .blog-archive-list > li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.real-time .blog-archive-list > li + li {
    border-top: 1px solid #424242;
    padding-top: 30px;
}
.real-time .blog-archive-list > li:first-child {
    border-top: 1px solid #424242;
    padding-top: 30px;
}
.real-time .blog-archive-list > li:last-child {
    border-bottom: 1px solid #424242;
    padding-bottom: 30px;
}
.real-time .blog-archive-list > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }
}
.real-time .blog-archive-list > li .blog-catch-img img {
    width: 160px;
    height: 160px !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li .blog-catch-img img {
        width: 100px;
        height: 100px !important;
    }
}
.real-time .blog-archive-list > li .blog-archive-ttl {
    font-size: 20px;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li .blog-archive-ttl {
        font-size: 16px !important;
    }
}
.real-time .blog-archive-list > li .blog-archive-ttl a {
    color: #000;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li .blog-archive-ttl a {
        line-height: 1.4;
    }
}
.real-time .blog-archive-list > li .blog-archive-date {
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li .blog-archive-date {
        font-size: 11px;
        margin-top: 7px;
    }
}
.real-time .blog-archive-list > li .blog-archive-point {
    font-size: 12px;
    margin-top: 10px;
}
.real-time .blog-archive-list > li .blog-archive-point.flag::before {
    display: none !important;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li .text_box .trigger {
        display: none;
    }
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .read_more::before {
        /* content: '閉じる'; */
    }
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        -webkit-transform: none;
        transform: none;
    }
    .real-time .blog-archive-list > li .text_box .blog-archive-point {
        position: relative;
        max-height: 100px;
        overflow: hidden;
    }
    .real-time .blog-archive-list > li .text_box .blog-archive-point::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px; /*グラデーションで隠す高さ*/
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        content: "";
    }
    .real-time .blog-archive-list > li .text_box .read_more {
        position: relative;
        text-align: right;
        display: block;
        font-size: 12px;
        width: 95%;
        margin-left: auto;
        height: 25px;
        width: 25px;
        background: #000;
        border-radius: 50%;
    }
    .real-time .blog-archive-list > li .text_box .read_more::before {
        margin-right: 22px;
        /* content: "続きを読む"; */
        color: #000;
    }
    .real-time .blog-archive-list > li .text_box .read_more::after {
        /* right:5px; */
        /* top:2px; */
        /* width: 8px; */
        /* height: 8px; */
        /* border-top: 1px solid #000; */
        /* border-right: 1px solid #000; */
        /* transform: rotate(135deg); */
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .real-time .blog-archive-list > li .text_box .read_more::before, .real-time .blog-archive-list > li .text_box .read_more::after {
        content: "";
        position: absolute;
        top: 12px;
        left: 4px;
        /* width: 24px; */
        /* height: 8px; */
        width: 16px;
        height: 2px;
        background-color: #fff;
    }
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        /* transform: rotate(-45deg); */
        /* top:6px; */
    }
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point {
        /*height: auto;*/
        max-height: none;
    }
    .real-time .blog-archive-list > li .text_box .read_more::after,
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        content: "";
        display: inline-block;
        position: absolute;
    }
    .real-time .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point::before {
        display: none;
    }
}
.real-time .blog-archive-list > li > .right {
    padding-left: 10px;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li > .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.real-time .blog-archive-list > li > .right .blog-archive-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 7px;
    }
}
@media screen and (min-width: 1000px) {
    .real-time .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 10px;
    }
}
.real-time .blog-archive-list > li > .right .blog-archive-flex li {
    margin: 0;
    width: auto;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 1px 10px;
    }
}
@media screen and (min-width: 1000px) {
    .real-time .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 2px 10px 1px;
    }
}
.real-time .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-kind {
    background-color: #0054A7;
}
.real-time .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-prefecture {
    background-color: #EB6500;
}
.real-time .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-shop {
    background-color: #000;
}
.real-time .blog-archive-list > li > .right .blog-archive-flex li a {
    color: #fff;
}
@media screen and (min-width: 1000px) {
    .real-time .blog-archive-list .sp {
        display: none;
    }
}
@media screen and (max-width: 999px) {
    .real-time .blog-archive-list .pc {
        display: none;
    }
}

.event_saiji .primary > li {
    padding: 20px;
    border: 1px solid #323232;
    border-radius: 4px;
}
.event_saiji .primary > li > .title {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}
.event_saiji .primary > li > .title span {
    background: #FEA000;
    color: #fff;
    font-weight: bold;
    padding: 4px 20px;
    border-radius: 20px;
    margin-right: 15px;
}
.event_saiji .primary > li > table {
    margin-top: 15px;
}
.event_saiji .primary > li > table tr {
    border-bottom: 2px solid #fff;
}
.event_saiji .primary > li > table tr th {
    background-color: #000;
    color: #fff;
    padding: 10px;
    min-width: 6em;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
}
.event_saiji .primary > li > table tr td {
    background-color: #FCF7F0;
    padding: 10px;
    width: 100%;
    font-size: 16px;
}
.event_saiji .primary > li > table tr td span {
    color: #000;
}
.event_saiji .primary > li .details_button {
    display: block;
    background-color: #000;
    color: #fff;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 10px;
    width: 260px;
    padding-top: 11px;
    padding-bottom: 11px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 16px;
}
@media screen and (min-width: 1000px) {
    .event_saiji .primary > li .details_button {
        width: 400px;
    }
}
.event_saiji .primary > li + li {
    margin-top: 20px;
}
.event_saiji .primary .more_button {
    display: block;
    background-color: #000;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    text-align: center;
    width: 80%;
    padding-top: 18px;
    padding-bottom: 18px;
    border-radius: 4px;
    font-weight: bold;
    font-size: 20px;
}
@media screen and (min-width: 1000px) {
    .event_saiji .primary .more_button {
        width: 500px;
        font-size: 24px;
        margin-top: 40px;
    }
}

.jewel-guma-banner img {
    margin-top: 50px;
}
@media screen and (min-width: 1000px) {
    .jewel-guma-banner img {
        margin-top: 0;
    }
}

.csr {
    margin-top: 60px;
}
.csr .contents {
    background-color: #F9F8E5;
}
@media screen and (max-width: 999px) {
    .csr .contents {
        width: 100vw;
        padding-bottom: 25px;
        padding-top: 25px;
    }
}
@media screen and (min-width: 501px) {
    .csr .contents {
        padding: 0 0 30px 0;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .background {
        position: relative;
        width: 100%;
        aspect-ratio: 2147/1326;
        background-image: url("../images/csr_background_pc.png");
        background-size: 107%;
        background-position: center -70px;
        background-repeat: no-repeat;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .background {
        width: 90vw;
        margin: 0 auto;
    }
}
.csr .contents .background .absolute {
    position: absolute;
    right: 20px;
    top: 23px;
    color: #fff;
    font-weight: bold;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
    font-size: 27px;
    line-height: 1.3;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .csr .contents .background .main_area {
        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: end;
        -ms-flex-pack: end;
        justify-content: end;
        height: 100%;
        width: 440px;
        margin: 0 auto;
        padding-bottom: 60px;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .background .main_area {
        margin: 20px auto;
    }
}
.csr .contents .background .main_area .title_wrapper {
    position: relative;
    background-color: #76A31D;
    width: 92%;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 999px) {
    .csr .contents .background .main_area .title_wrapper {
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 3px;
    }
}
.csr .contents .background .main_area .title_wrapper::before, .csr .contents .background .main_area .title_wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.csr .contents .background .main_area .title_wrapper::before {
    left: -12px;
    background-position: left center;
}
@media screen and (max-width: 999px) {
    .csr .contents .background .main_area .title_wrapper::before {
        background-image: url("../images/csr_heading2_left.svg");
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .background .main_area .title_wrapper::before {
        background-image: url("../images/csr_heading_left.svg");
    }
}
.csr .contents .background .main_area .title_wrapper::after {
    right: -12px;
    background-position: right center;
}
@media screen and (max-width: 999px) {
    .csr .contents .background .main_area .title_wrapper::after {
        background-image: url("../images/csr_heading2_right.svg");
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .background .main_area .title_wrapper::after {
        background-image: url("../images/csr_heading_right.svg");
    }
}
.csr .contents .background .main_area .title_wrapper .title {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 999px) {
    .csr .contents .background .main_area .title_wrapper .title {
        font-size: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .background .main_area .title_wrapper .title {
        font-size: 27px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
.csr .contents .background .main_area .text {
    line-height: 1.7;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .csr .contents .background .main_area .text {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report {
        width: 930px;
        margin: 0 auto;
        background-color: #fff;
        border: 3px solid #76A31D;
        padding: 15px;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .report {
        width: 90vw;
        margin: 30px auto 0;
    }
}
.csr .contents .report .title_wrapper {
    position: relative;
    background-color: #76A31D;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width: 999px) {
    .csr .contents .report .title_wrapper {
        width: 92%;
        margin-bottom: 10px;
        padding-top: 3px;
        padding-bottom: 6px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .title_wrapper {
        width: 550px;
        margin-top: -38px;
        margin-bottom: 10px;
    }
}
.csr .contents .report .title_wrapper::before, .csr .contents .report .title_wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
}
.csr .contents .report .title_wrapper::before {
    left: -12px;
    background-position: left center;
}
@media screen and (max-width: 999px) {
    .csr .contents .report .title_wrapper::before {
        background-image: url("../images/csr_heading2_left.svg");
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .title_wrapper::before {
        background-image: url("../images/csr_heading_left.svg");
    }
}
.csr .contents .report .title_wrapper::after {
    right: -12px;
    background-position: right center;
}
@media screen and (max-width: 999px) {
    .csr .contents .report .title_wrapper::after {
        background-image: url("../images/csr_heading2_right.svg");
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .title_wrapper::after {
        background-image: url("../images/csr_heading_right.svg");
    }
}
.csr .contents .report .title_wrapper .title {
    font-weight: bold;
    color: #fff;
    text-align: center;
}
@media screen and (max-width: 999px) {
    .csr .contents .report .title_wrapper .title {
        font-size: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .title_wrapper .title {
        font-size: 27px;
        padding-top: 2px;
        padding-bottom: 2px;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .report .title_wrapper .title span {
        font-size: 12px;
        display: block;
        line-height: 1;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .title_wrapper .title span {
        font-size: 14px;
        margin-left: 10px;
    }
}
.csr .contents .report .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 999px) {
    .csr .contents .report .flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .flex {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .flex .image_box {
        width: 320px;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .report .flex .image_box img {
        width: 90%;
        display: block;
        margin: 0 auto;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .flex .text_box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .report .flex .text_box {
        margin-top: 10px;
    }
}
.csr .contents .report .flex .text_box > .title {
    color: #76A31D;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .flex .text_box > .title {
        font-size: 20px;
    }
}
@media screen and (max-width: 999px) {
    .csr .contents .report .flex .text_box .text2 {
        font-size: 14px;
        margin-top: 3px;
        line-height: 1.6;
    }
}
@media screen and (min-width: 1000px) {
    .csr .contents .report .flex .text_box .text2 {
        font-size: 14px;
        margin-top: 3px;
        line-height: 1.7;
    }
}
.csr .contents .report .flex .text_box .text2 + .title {
    margin-top: 15px;
}
.csr img {
    max-width: 100%;
    height: auto;
}
@media screen and (max-width: 999px) {
    .csr .sp {
        display: block;
        width: 90vw;
        margin: 0 auto;
        text-align: center;
    }
}

.search-shop {
    margin-bottom: 3em;
    margin-top: 30px;
    color: #fff;
    font-weight: bolder;
    background: rgb(230, 71, 120);
    background: linear-gradient(135deg, rgb(230, 71, 120) 0%, rgb(190, 13, 20) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e64778",endColorstr="#be0d14",GradientType=1);
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 1000px) {
    .search-shop {
        width: 100%;
    }
}
.search-shop .search-shop-bg {
    background-image: url("../images/common/bg_shops.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.search-shop .container {
    width: 90vw;
    margin: 0 auto;
    background-image: url("../images/common/bg_japan_shops.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-bottom: 10vw;
    overflow: hidden;
}
@media screen and (min-width: 1000px) {
    .search-shop .container {
        width: 100%;
    }
}
.search-shop .search-shop-en {
    padding: 12px 0;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.search-shop .search-shop-en .border {
    width: 25%;
    height: 1px;
    background-color: #fff;
    margin-left: 20px;
}
.search-shop .shop-ja-ttl {
    margin: 15px 0 20px;
    font-size: 1.6rem;
}
@media screen and (min-width: 1000px) {
    .search-shop .shop-ja-ttl {
        margin: 0 0 20px;
        text-align: center;
        font-size: 1.25rem;
    }
    .search-shop .shop-ja-ttl br {
        display: none;
    }
}
.search-shop .search-shop-list {
    position: relative;
    overflow: hidden;
}
.search-shop .search-shop-list .wrap a {
    position: relative;
    -webkit-box-shadow: 2px 2px 3px rgba(119, 10, 10, 0.4);
    box-shadow: 2px 2px 3px rgba(119, 10, 10, 0.4);
    padding: 8px 12px;
    background-color: #fff;
    border-radius: 4px;
    color: #323232 !important;
    font-weight: normal;
    margin-bottom: 5px;
}
.search-shop .search-shop-list .wrap a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #323232;
    border-right: solid 2px #323232;
}
.search-shop .search-shop-list .area_list {
    opacity: 1;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
}
.search-shop .search-shop-list.selecting .area_list {
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.search-shop .search-shop-list .area_list .ico_arrow:before {
    display: none;
}
.search-shop .search-shop-list .shopsArea .area_list .ico_arrow:before {
    display: block;
}
.search-shop .search-shop-list .prefs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: 2;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.search-shop .search-shop-list.selecting .prefs {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.search-shop .search-shop-list.selecting .prefs [data-area-wrap] {
    opacity: 0;
    display: none;
}
.search-shop .search-shop-list .prefs .wrap {
    display: none;
}
.search-shop .search-shop-list .prefs .areaback {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 8px;
    display: inline-block;
}
.search-shop .search-shop-list .search-shops .prefback {
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    margin-top: 1em;
    display: inline-block;
}
.search-shop .search-shop-list .prefs .areaback:hover,
.search-shop .search-shop-list .search-shops .prefback:hover {
    opacity: 0.6;
}
.search-shop .search-shop-list .prefs .areaback .ico_arrow,
.search-shop .search-shop-list .search-shops .prefback .ico_arrow {
    position: relative;
    padding-right: 0;
    padding-left: 1.5em;
    font-size: 12px;
}
.search-shop .search-shop-list .prefs .areaback .ico_arrow:before,
.search-shop .search-shop-list .search-shops .prefback .ico_arrow:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
}
.search-shop .search-shop-list .prefs .areaback .ico_arrow:before,
.search-shop .search-shop-list .search-shops .prefback .ico_arrow:before {
    border-color: #fff;
    right: auto;
    left: 0;
}
.search-shop .search-shop-list a {
    padding: 13px;
    background-color: #fff;
    border-radius: 4px;
    color: #323232 !important;
    font-size: 12px;
    margin-bottom: 5px;
}
.search-shop .search-shop-list .search-shops {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
    z-index: 3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.search-shop .search-shop-list .search-shops .wrap {
    display: none;
}
.search-shop .search-shop-list .search-shops .wrap a {
    font-size: 12px;
    color: #323232 !important;
}
.search-shop .search-shop-list .shopsArea .wrap a {
    font-size: 12px;
    color: #323232 !important;
}
.search-shop .search-shop-list .search-shops .wrap a .ico_arrow,
.search-shop .search-shop-list .shopsArea .wrap a .ico_arrow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: 2.5em;
}
.search-shop .search-shop-list .search-shops .wrap a .ico_arrow:before,
.search-shop .search-shop-list .shopsArea .wrap a .ico_arrow:before {
    border-color: #000;
}
.search-shop .search-shop-list .search-shops .noshops {
    padding: 2em 0;
    font-size: 120%;
    width: auto;
}
.search-shop .search-shop-list.selecting.selecting_shop .search-shops {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}
.search-shop .search-shop-list.selecting .prefs {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transition-delay: 0;
    transition-delay: 0;
}
.search-shop .search-shop-list.selecting.selecting_shop .prefs {
    opacity: 0;
}

@media screen and (min-width: 751px) {
    .search-shop .container {
        padding: 68px 46px 40px;
        background-size: auto 110%;
    }
    .search-shop .search-shop-en {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        font-size: 10px;
    }
}
@media screen and (min-width: 751px) and (min-width: 1000px) {
    .search-shop .search-shop-en {
        font-size: 1.6rem;
    }
}
@media screen and (min-width: 751px) {
    .search-shop .main {
        margin: 1em 0;
        font-size: 3rem;
    }
    .search-shop .search-shop-list .wrap {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .search-shop .search-shop-list .wrap a {
        width: 32.8%;
        font-size: 14px;
        margin: 0.26%;
        padding: 12px;
    }
}
@media screen and (max-width: 750px) {
    .search-shop .main {
        font-size: 4.5vw;
        letter-spacing: 3px;
    }
}
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
/*--------------------------------------------------------------------*/
@media screen and (max-width: 750px) {
    .search-shop .search-shop-list .search-shops .wrap a,
    .search-shop .search-shop-list .shopsArea .wrap a {
        font-size: 3vw;
    }
}
/*--------------------------------------------------------------------*/
.search-shop-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.search-shop-flex.-wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.search-shop-flex.c2 > * {
    width: 48%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.store {
    background: #FEF8f8;
}
@media screen and (min-width: 1000px) {
    .store .section-inner {
        padding: 41px 37px 52px 32px;
    }
}
@media screen and (min-width: 1000px) {
    .store .store-select li {
        margin-bottom: 16px;
    }
    .store .store-select li a {
        width: 328px;
    }
}
.store .store-select img.store-map-bg {
    display: block;
    width: 100%;
    margin: 0 auto 220px;
}
.store .section-ja-title {
    position: absolute;
    left: 0;
    text-align: left;
}
.store .section-ja-title span {
    display: block;
    font-size: 2.2rem;
}

.search {
    padding: 34px 0 28px;
}
@media screen and (min-width: 1000px) {
    .search {
        padding: 85px 0 45px;
    }
}
.search .search-box {
    background: #8F8F8F;
    padding: 30px;
}
@media screen and (min-width: 1000px) {
    .search .search-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 38px 90px;
    }
}
.search .search-box .search-box-item {
    width: 100%;
}
.search .search-box .search-box-item p {
    font-size: 15px;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .search .search-box .search-box-item p {
        font-size: 18px;
    }
}
.search .search-box .search-box-item .search-box-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
}
.search .search-box .search-box-item .search-box-form input {
    width: calc(100% - 42px);
    padding: 20px 16px;
    height: 42px;
    border: none;
}
.search .search-box .search-box-item .search-box-form input::-webkit-input-placeholder {
    color: #C8C8C8;
}
.search .search-box .search-box-item .search-box-form input::-moz-placeholder {
    color: #C8C8C8;
}
.search .search-box .search-box-item .search-box-form input:-ms-input-placeholder {
    color: #C8C8C8;
}
.search .search-box .search-box-item .search-box-form input::-ms-input-placeholder {
    color: #C8C8C8;
}
.search .search-box .search-box-item .search-box-form input::placeholder {
    color: #C8C8C8;
}
@media screen and (min-width: 1000px) {
    .search .search-box .search-box-item .search-box-form input {
        width: calc(100% - 62px);
        height: 62px;
    }
}
.search .search-box .search-box-item .search-box-form button {
    width: 42px;
    height: 42px;
    border: none;
    background: #000;
    position: relative;
}
@media screen and (min-width: 1000px) {
    .search .search-box .search-box-item .search-box-form button {
        width: 62px;
        height: 62px;
    }
}
.search .search-box .search-box-item .search-box-form button::before {
    content: "";
    position: absolute;
    background: url(../images/icon/search-icon.svg) no-repeat center center/cover;
    width: 14px;
    height: 14px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (min-width: 1000px) {
    .search .search-box .search-box-item .search-box-form button::before {
        width: 21px;
        height: 21px;
    }
}
.search .search-popular-tag {
    margin: 28px 0;
}
@media screen and (min-width: 1000px) {
    .search .search-popular-tag {
        margin: 22px 0 14px;
    }
}
.search .search-popular-tag ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.search .search-popular-tag ul li + li {
    margin-left: 10px;
}
.search .search-list ul {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
    grid-gap: 8px;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .search .search-list ul {
        grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
    }
}
@media screen and (min-width: 1000px) {
    .search .search-list ul {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        grid-gap: 16px;
    }
}
.search .search-list ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    border: 1px solid #8f8f8f;
    border-radius: 4px;
    background: #fff;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .search .search-list ul li {
        padding: 12px;
    }
}
@media screen and (min-width: 1000px) {
    .search .search-list ul li {
        padding: 20px 40px;
    }
}
.search .search-list ul li .search-list-content {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}
.search .search-list ul li .search-list-content .search-list-tag {
    margin: 12px 0;
    font-size: 14px;
}
.search .search-list ul li .search-list-content .search-list-txt {
    margin-bottom: 12px;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .search .search-list ul li .search-list-content .search-list-txt {
        font-size: 14px;
    }
}
.search .search-list ul li .search-list-content .search-item-price {
    margin-top: auto;
}
.search .search-list ul li .search-list-content .search-item-price .search-item-price-ttl {
    padding: 0 4px;
}
.search .search-list ul li .search-list-content .search-item-price .search-item-txt {
    font-size: 2.2rem;
    letter-spacing: 0.05em;
    white-space: nowrap;
}
@media screen and (min-width: 1000px) {
    .search .search-list ul li .search-list-content .search-item-price .search-item-txt {
        font-size: 1.625rem;
    }
}
.search .search-list ul li .search-list-content .search-item-price .search-item-txt span {
    font-size: 12px;
}
.search .search-list ul li img {
    display: block;
    width: 83px;
    margin: 0 auto 12px;
}
@media screen and (min-width: 1000px) {
    .search .search-list ul li img {
        width: 122px;
        margin: 0 auto 20px;
    }
}
.search .search-link {
    margin-top: 22px;
}
@media screen and (max-width: 500px) {
    .search .search-link {
        position: relative;
        left: 50%;
        width: 100vw;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}
@media screen and (min-width: 1000px) {
    .search .search-link {
        margin-top: 32px;
    }
}
.search .search-link ul li + li {
    margin-left: 18px;
}
@media screen and (min-width: 1000px) {
    .search .search-link ul li + li {
        margin-left: 14px;
    }
}
.search .search-link ul li img {
    width: 100%;
}

.shops-search-shop {
    width: 100%;
    background: none;
    margin-bottom: 0;
}
.shops-search-shop .search-shop-list {
    height: 180px;
}
@media screen and (min-width: 1000px) {
    .shops-search-shop .search-shop-list {
        height: 120px;
    }
}
.shops-search-shop .search-shop-list .wrap a {
    position: relative;
    display: block;
    padding: 15px 0 15px 12px;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
    border: 2px solid #000;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.shops-search-shop .search-shop-list .wrap a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
.shops-search-shop .search-shop-list span {
    color: #000;
}
.shops-search-shop .search-shop-list .prefs .areaback .ico_arrow:before,
.shops-search-shop .search-shop-list .search-shops .prefback .ico_arrow:before {
    border-color: #000;
    right: auto;
    left: 0;
}
.shops-search-shop .search-shop-list .search-shops .noshops {
    color: #000;
}

.store-panel {
    display: none;
}
.store-panel.is-active {
    display: block;
}

.store-area-group .store-area-box {
    position: absolute;
    padding: 20px 26px 24px 25px;
    background: #fff;
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.store-area-group .store-area-box .store-area-ttl {
    padding-bottom: 8px;
    margin-bottom: 4px;
    border-bottom: 2px solid #8F8F8F;
}
.store-area-group .store-area-box .store-area-tab {
    max-width: 85px;
    border-bottom: 1px solid #8F8F8F;
}
.store-area-group .store-area-box .store-area-tab a {
    position: relative;
    display: block;
    padding: 4px 0;
    color: #323232;
    font-weight: bold;
}
.store-area-group .store-area-box .store-area-tab a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
}
.store-area-group .store-area-box .store-area-box-column2,
.store-area-group .store-area-box .store-area-box-column3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.store-area-group .store-area-box .store-area-box-column2 .store-area-tab,
.store-area-group .store-area-box .store-area-box-column3 .store-area-tab {
    width: 45%;
}
.store-area-group .store-area-box .store-area-box-column2 {
    width: 190px;
}
.store-area-group .store-area-box .store-area-box-column3 {
    width: 294px;
}
.store-area-group .store-area-box .store-area-box-column3 .store-area-tab {
    width: 30%;
}
.store-area-group .hokkaido {
    top: 5%;
    right: 39%;
}
.store-area-group .tohoku {
    top: 31%;
    right: -2%;
}
.store-area-group .kanto {
    right: -2%;
    bottom: 10%;
}
.store-area-group .chubu {
    right: 3%;
    bottom: -19%;
}
.store-area-group .kansai {
    right: 43%;
    bottom: -19%;
}
.store-area-group .kyusyu {
    left: 0;
    bottom: -23.3%;
}
.store-area-group .chugoku {
    top: 27.6%;
    left: 19%;
}
.store-area-group .okinawa {
    top: 36.5%;
    left: 0;
}

.store-list-group {
    padding: 31px 50px 38px;
    background: #D0D0D1;
}
.store-list-group .store-panel .store-panel-ttl {
    margin-bottom: 8px;
    font-size: 1.25rem;
    text-align: center;
}
.store-list-group .store-panel .store-panel-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 18px 20px;
    background: #fff;
}
.store-list-group .store-panel .store-panel-box .store-panel-box-list {
    width: 87%;
}
.store-list-group .store-panel .store-panel-box p {
    width: 20%;
    font-weight: bold;
}
.store-list-group .store-panel .store-panel-box .border {
    background: #323232;
    width: 1px;
    height: auto;
}
.store-list-group .store-panel .store-panel-box table {
    width: 100%;
    margin-left: 20px;
}
.store-list-group .store-panel .store-panel-box table tr td {
    padding: 0 0 4px;
}
.store-list-group .store-panel .store-panel-box table tr td a {
    position: relative;
    padding-right: 20px;
    color: #323232;
    font-size: 14px;
    font-weight: bold;
}
.store-list-group .store-panel .store-panel-box table tr td a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #323232;
    border-right: solid 2px #323232;
}

.map-pin-icon img {
    position: absolute;
}
.map-pin-icon img.hokkaido-map-pin {
    top: 13%;
    right: 11%;
}
.map-pin-icon img.tohoku-map-pin {
    top: 42%;
    right: 23%;
}
.map-pin-icon img.kanto-map-pin {
    bottom: 26%;
    right: 23%;
}
.map-pin-icon img.chubu-map-pin {
    bottom: 4%;
    left: 45%;
}
.map-pin-icon img.kansai-map-pin {
    bottom: 4%;
    left: 33%;
}
.map-pin-icon img.kyusyu-map-pin {
    bottom: 4%;
    left: 4%;
}
.map-pin-icon img.chugoku-map-pin {
    bottom: 23.5%;
    left: 16%;
}
.map-pin-icon img.okinawa-map-pin {
    bottom: 34%;
    left: 1%;
}

.shop_map iframe {
    max-width: none;
}
.shop_map .main-section .section-inner {
    width: auto;
    padding: 0;
}
.shop_map .api_search_box {
    position: fixed;
    top: 100px;
    left: 2%;
    z-index: 99;
    width: 57%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_search_box {
        width: 400px;
        top: 13%;
    }
}
.shop_map .api_search_box > label {
    width: 90%;
}
.shop_map .api_search_box > button {
    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: 25%;
    height: 45px;
    border: none;
    border-radius: 0 3px 3px 0;
    background-color: #000;
    cursor: pointer;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_search_box > button {
        width: 13%;
    }
}
.shop_map .api_search_box > button::after {
    width: 30px;
    height: 30px;
    background-image: url("../images/icon/icon_search.svg");
    background-repeat: no-repeat;
    content: "";
}
.shop_map .api_search_box input {
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e6edf3;
    font-size: clamp(20px, 8vw - 2rem, 22px);
    outline: none;
    border: 1px solid #000;
}
.shop_map .api_search_box input::-webkit-input-placeholder {
    color: #767d83;
    font-size: clamp(14px, 8vw - 2rem, 16px);
}
.shop_map .api_search_box input::-moz-placeholder {
    color: #767d83;
    font-size: clamp(14px, 8vw - 2rem, 16px);
}
.shop_map .api_search_box input:-ms-input-placeholder {
    color: #767d83;
    font-size: clamp(14px, 8vw - 2rem, 16px);
}
.shop_map .api_search_box input::-ms-input-placeholder {
    color: #767d83;
    font-size: clamp(14px, 8vw - 2rem, 16px);
}
.shop_map .api_search_box input::placeholder {
    color: #767d83;
    font-size: clamp(14px, 8vw - 2rem, 16px);
}
.shop_map .api_search_box2 {
    width: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1vh;
}
.shop_map .api_search_box2 > label {
    width: 80%;
}
.shop_map .api_search_box2 > button {
    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: 20%;
    height: 45px;
    border: none;
    cursor: pointer;
    background-color: #FEA000;
    font-size: 16px;
    color: #fff;
}
.shop_map .api_search_box2 > button::before {
    width: 30px;
    height: 30px;
    background-image: url("../images/icon/icon_search.svg");
    background-repeat: no-repeat;
    content: "";
    padding-right: 2px;
}
.shop_map .api_search_box2 input {
    width: 100%;
    height: 45px;
    padding: 5px 15px;
    border-radius: 3px 0 0 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    font-size: 1em;
    outline: none;
    border: none;
}
.shop_map .api_search_box2 input::-webkit-input-placeholder {
    color: #767d83;
}
.shop_map .api_search_box2 input::-moz-placeholder {
    color: #767d83;
}
.shop_map .api_search_box2 input:-ms-input-placeholder {
    color: #767d83;
}
.shop_map .api_search_box2 input::-ms-input-placeholder {
    color: #767d83;
}
.shop_map .api_search_box2 input::placeholder {
    color: #767d83;
}
.shop_map .api_shop_information {
    padding: 5px;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_shop_information {
        padding: 10px;
    }
}
.shop_map .api_shop_information::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 70%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #fff;
}
.shop_map .api_shop_information .name {
    font-size: clamp(20px, 8vw - 2rem, 22px);
    font-weight: bold;
    color: #000;
    line-height: 1.4;
}
.shop_map .api_shop_information .address {
    font-size: clamp(10px, 8vw - 2rem, 12px);
    margin-top: 3px;
}
.shop_map .api_shop_information .detail_button {
    background-color: #000;
    text-align: center;
}
.shop_map .api_shop_information .detail_button a {
    font-size: clamp(14px, 8vw - 2rem, 16px);
    color: #fff;
    text-decoration: none;
    padding: 3px 0;
    display: block;
    margin-top: 7px;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_shop_information .detail_button a {
        margin-top: 13px;
    }
}
.shop_map .api_aside_box {
    position: fixed;
    top: 160px;
    left: 2%;
    z-index: 99;
    width: 170px;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_aside_box {
        top: 20%;
    }
}
.shop_map .api_aside_box .wrap {
    width: 4.95652rem;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_aside_box .wrap {
        width: 6.95652rem;
    }
}
.shop_map .api_aside_box .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
}
.shop_map .api_aside_box .actions .item {
    width: 100%;
    height: 90px;
    padding: 13px 0;
    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;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #fff;
    font-size: clamp(10px, 8vw - 2rem, 12px);
    text-align: center;
    position: relative;
    cursor: pointer;
    border-top: 2px solid #e9e9e9;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_aside_box .actions .item {
        height: 110px;
        padding: 1.30435rem 0;
    }
}
.shop_map .api_aside_box .actions .item:first-child {
    border-top: none;
}
.shop_map .api_aside_box .actions .item .icon {
    width: 23px;
    margin-bottom: 5px;
}
@media screen and (min-width: 1000px) {
    .shop_map .api_aside_box .actions .item .icon {
        margin-bottom: 10px;
    }
}
.shop_map .api_aside_box .actions .item .text {
    width: 100%;
    color: #000;
    font-weight: bold;
    font-size: clamp(15px, 8vw - 2rem, 17px);
    line-height: 1.4;
}

.api_current_location_button {
    width: 90%;
    margin: 0 auto 30px;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .api_current_location_button {
        width: 310px;
    }
}
.api_current_location_button a {
    background-color: #fea000;
    text-decoration: none;
    display: block;
    border-radius: 1vh;
    color: #fff;
}
@media screen and (max-width: 500px) {
    .api_current_location_button a {
        padding: 14.5px 0;
        font-size: 20px;
    }
}
@media screen and (min-width: 501px) {
    .api_current_location_button a {
        height: 60px;
        line-height: 60px;
        font-size: 27px;
    }
}
.api_current_location_button a:first-child::before {
    content: "";
    background-image: url("../images/icon/icon_current_location.svg");
    background-repeat: no-repeat;
    display: inline-block;
    width: 17px;
    height: 22px;
    margin-right: 5px;
    position: relative;
    top: 3px;
}
.api_current_location_button a .thum {
    height: 80px;
}
.api_current_location_button.sidebar a {
    color: #fff;
    background-color: #000;
    font-size: 18px;
}
@media screen and (min-width: 501px) {
    .api_current_location_button.sidebar a {
        height: auto;
    }
}
@media screen and (min-width: 1000px) {
    .api_current_location_button.sidebar a {
        background: none;
        color: initial;
        margin-bottom: 15px;
        font-size: 16px;
    }
}
.api_current_location_button.sidebar a:first-child::before {
    background-image: url("../images/icon/icon_current_location.svg");
}
@media screen and (min-width: 1000px) {
    .api_current_location_button.sidebar a:first-child::before {
        background-image: url("../images/icon/icon_current_location_pc.svg");
    }
}

.kaitori {
    font-size: 12px;
    letter-spacing: 0.11em;
}
@media screen and (min-width: 501px) {
    .kaitori {
        font-size: 1.6rem;
    }
}
.kaitori section {
    padding-bottom: 34px;
}
@media screen and (min-width: 1000px) {
    .kaitori section {
        padding-bottom: 52px;
    }
}

.market-price {
    padding: 15px 0;
    text-align: center;
    background: #FCF7F0;
}
@media screen and (min-width: 1000px) {
    .market-price {
        padding: 30px 0;
    }
}
@media screen and (min-width: 1000px) {
    .market-price.gold_top {
        padding: 0;
    }
}
@media screen and (min-width: 1000px) {
    .market-price.gold_top .section-ja-title {
        padding-top: 30px;
    }
}
.market-price.gold_top .section-ja-title.souba {
    margin-top: 0;
}
@media screen and (min-width: 1000px) {
    .market-price.gold_top .section-inner {
        padding-bottom: 25px;
    }
}
.market-price .market-price-inner {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-radius: 6px;
    width: 100%;
    max-width: 450px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.market-price .market-price-inner:first-of-type {
    margin-bottom: 12px;
}
@media screen and (min-width: 1000px) {
    .market-price .market-price-inner:first-of-type {
        margin-bottom: auto;
    }
}
.market-price .market-price-inner:last-of-type {
    display: block;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .market-price .market-price-inner:last-of-type {
        max-width: 900px;
    }
}
@media screen and (max-width: 999px) {
    .market-price .market-price-inner + .market-price-inner {
        margin-top: 10px;
    }
}
.market-price .market-price-inner .market-price-item {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 12px 8px;
    border: 1px solid #323232;
    border-radius: 4px 0 0 4px;
    font-weight: bold;
    background: #fff;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .market-price .market-price-inner .market-price-item {
        padding: 12px 4px;
    }
}
.market-price .market-price-inner .market-price-item .market-price-ttl {
    font-size: 1.6rem;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .market-price .market-price-inner .market-price-item .market-price-ttl {
        font-size: 14px;
    }
}
.market-price .market-price-inner .market-price-item .market-price-detail {
    font-size: 1.8rem;
}
.market-price .market-price-inner .market-price-item .market-price-detail span {
    font-size: 12px;
}
.market-price .market-price-inner .market-price-item + .market-price-item {
    border-left: 0;
    border-radius: 0 4px 4px 0;
}
.market-price .market-price-inner .market-price-item .market-price-detail {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: auto 90%;
    text-align: right;
}
.market-price .market-price-inner .market-price-gold hr {
    border-top: 1px solid #9A854A;
}
.market-price .market-price-inner .market-price-gold .market-price-detail {
    padding-left: 38px;
    background-image: url("../images/kaitori/img-gold-price.png");
}
.market-price .market-price-inner .market-price-platinum hr,
.market-price .market-price-inner .market-price-silver hr,
.market-price .market-price-inner .market-price-platinum hr {
    border-top: 1px solid #7B7F82;
}
.market-price .market-price-inner .market-price-platinum .market-price-detail,
.market-price .market-price-inner .market-price-silver .market-price-detail,
.market-price .market-price-inner .market-price-platinum .market-price-detail {
    padding-left: 38px;
    background-image: url("../images/kaitori/img-plutinum-price.png");
}
.market-price .dateModified {
    display: block;
    font-size: 10px;
}

.gold-info .gold-info-graph-ttl {
    padding: 0.2em 1em;
    border-left: 5px solid #000;
    margin-bottom: 2em;
}
.gold-info table,
.gold-info .table-att {
    width: 100%;
    border-collapse: separate;
}
@media screen and (min-width: 1000px) {
    .gold-info table,
    .gold-info .table-att {
        width: 40%;
        margin: 0 auto;
    }
}
.gold-info table thead td,
.gold-info .table-att thead td {
    padding-bottom: 12px;
}
.gold-info table thead td:first-of-type p,
.gold-info .table-att thead td:first-of-type p {
    border-radius: 4px 0 0 0;
}
.gold-info table thead td:nth-of-type(2) p,
.gold-info .table-att thead td:nth-of-type(2) p {
    border-radius: 0;
}
.gold-info table thead td:last-of-type p,
.gold-info .table-att thead td:last-of-type p {
    border-radius: 0 4px 0 0;
}
.gold-info table thead td p,
.gold-info .table-att thead td p {
    margin: -1px;
    padding: 0.6em 0;
    color: #fff;
    background: #000;
    border-right-width: 0px;
}
.gold-info table tbody tr td,
.gold-info .table-att tbody tr td {
    border: 1px solid #F1F1f1;
    border-right-width: 0px;
    border-bottom-width: 0px;
    padding: 0.5em;
}
.gold-info table tbody tr td:first-of-type,
.gold-info .table-att tbody tr td:first-of-type {
    background-color: #FCF7F0;
}
.gold-info table tbody tr td:nth-of-type(2),
.gold-info .table-att tbody tr td:nth-of-type(2) {
    font-size: 1.8rem;
}
.gold-info table tbody tr td:last-of-type,
.gold-info .table-att tbody tr td:last-of-type {
    border-right-width: 1px;
}
.gold-info table tbody tr td a,
.gold-info .table-att tbody tr td a {
    text-align: left;
    color: #9A854A;
}
.gold-info table tbody tr td span,
.gold-info .table-att tbody tr td span {
    font-size: 10px;
}
.gold-info table tbody tr.spacer td,
.gold-info .table-att tbody tr.spacer td {
    background-color: #fff;
    border: 0;
    border-top: 1px solid #F1F1f1;
}
.gold-info table {
    margin: 30px auto 0;
}

.intro {
    position: relative;
    background-image: url("../images/kaitori/img_minamino_intro_pc.png");
    background-repeat: no-repeat;
    background-position: right -10px top 0;
    background-size: 60% auto;
}
@media screen and (min-width: 1000px) {
    .intro {
        background-size: 346px auto;
        padding: 0;
        background-size: 45% auto;
        background-position: right 0px top 5%;
    }
}
.intro .logo img {
    width: 120px;
}
.intro .intro-title {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-weight: 400;
}
.intro .intro-sub {
    display: inline-block;
    margin-bottom: 20px;
    font-size: 12px;
    border-bottom: 1px solid #323232;
}
@media screen and (min-width: 1000px) {
    .intro .intro-sub {
        font-size: 23px;
    }
}
.intro .intro-appeal {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .intro .intro-appeal {
        font-size: 32px;
    }
}
.intro .intro-main {
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
    font-size: 1.8rem;
    position: relative;
}
.intro .intro-main:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 0;
    background: rgb(218, 23, 43);
    background: -webkit-gradient(linear, left top, right top, color-stop(59%, rgb(218, 23, 43)), to(rgba(218, 23, 43, 0)));
    background: linear-gradient(90deg, rgb(218, 23, 43) 59%, rgba(218, 23, 43, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#da172b",endColorstr="#da172b",GradientType=1);
}
@media screen and (min-width: 1000px) {
    .intro .intro-main {
        font-size: 40px;
    }
}
.intro .intro-txt {
    width: 62%;
}
.intro .en {
    position: absolute;
    right: 22vw;
    top: 10vw;
    -webkit-transform: rotate(25.5deg);
    transform: rotate(25.5deg);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}
@media screen and (min-width: 1000px) {
    .intro .en {
        right: 11vw;
        top: 80px;
    }
}
.intro .en img {
    width: 25vw;
}
@media screen and (min-width: 1000px) {
    .intro .en img {
        width: 150px;
    }
}
.intro .medal {
    position: absolute;
    right: 0;
    bottom: -100px;
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
}
@media screen and (min-width: 1000px) {
    .intro .medal {
        right: -10px;
        bottom: -90px;
    }
}
.intro .medal img {
    max-width: 120px;
}
@media screen and (min-width: 1000px) {
    .intro .medal img {
        max-width: 200px;
    }
}
.intro .intro-txt {
    line-height: 1.6;
}

.ex-purchase ul.ex-purchase-list {
    margin-top: 16px;
}
@media screen and (min-width: 501px) {
    .ex-purchase ul.ex-purchase-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        align-items: stretch;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.ex-purchase ul.ex-purchase-list li {
    margin-bottom: 16px;
    padding: 18px 8px;
    border: 1px solid #323232;
    background-color: #fafafa;
    border-radius: 4px;
}
@media screen and (min-width: 501px) {
    .ex-purchase ul.ex-purchase-list li {
        width: 48%;
        padding: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .ex-purchase ul.ex-purchase-list li {
        padding: 20px 50px;
    }
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-sub {
    font-size: 10px;
}
.ex-purchase ul.ex-purchase-list li table {
    border-collapse: separate;
}
.ex-purchase ul.ex-purchase-list li table tr {
    display: block;
    padding-bottom: 4px;
}
.ex-purchase ul.ex-purchase-list li table tr th {
    font-size: 12px;
    padding: 0.2em 0.5em;
    background-color: #797979;
    color: #fff;
}
.ex-purchase ul.ex-purchase-list li table tr td {
    padding-left: 4px;
    font-size: 12px;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-comparison {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 12px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-comparison .ex-purchase-price {
    padding: 4px;
    color: #fff;
    background: #000;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label {
    white-space: nowrap;
    left: 0;
    bottom: 0;
    position: absolute;
    min-width: 62%;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-price-ttl {
    font-size: 14px;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-price-ttl span {
    display: block;
    font-size: 9px;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-value {
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.11em;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-value span {
    font-size: 9px;
}
.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-logo img {
    width: 72px;
}
.ex-purchase .ex-purchase-img {
    max-width: 55%;
}
.ex-purchase .ex-purchase-img img {
    width: 100%;
}
@media screen and (max-width: 500px) {
    .ex-purchase .ex-purchase-img img {
        height: auto;
    }
}

.kaitori-kinds-list-wrap {
    margin-bottom: 20px;
}
.kaitori-kinds-list-wrap .area {
    color: #000;
    border-bottom: 1px solid #323232;
    padding-bottom: 2px;
}

.kaitori-kinds-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
    .kaitori-kinds-list.type2 {
        row-gap: 7px;
        margin-top: 8px;
    }
}
.kaitori-kinds-list.type2 + .area {
    margin-top: 10px;
}
@media screen and (max-width: 500px) {
    .kaitori-kinds-list.type2 + .area {
        margin-top: 18px;
    }
}
.kaitori-kinds-list.type2 li {
    border: none;
    margin: 0 0.5%;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.kaitori-kinds-list.type2 li a .kaitori-kinds-label {
    background: none;
    color: initial;
    margin-bottom: 0;
    padding: 10px;
}
@media screen and (max-width: 500px) {
    .kaitori-kinds-list.type2 li a .kaitori-kinds-label {
        padding: 0 10px;
    }
}
.kaitori-kinds-list.type2 li a .kaitori-kinds-label::after {
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    left: 0;
}
@media screen and (min-width: 1000px) {
    .kaitori-kinds-list.column9 li {
        width: 10%;
    }
}
@media screen and (max-width: 999px) {
    .kaitori-kinds-list.column9 li {
        width: 24%;
    }
}
.kaitori-kinds-list li {
    width: calc(50% - 10px);
    margin-right: 5px;
    margin-left: 5px;
    padding: 8px;
    margin-bottom: 12px;
    border: 1px solid #323232;
    border-radius: 4px;
}
@media screen and (min-width: 501px) {
    .kaitori-kinds-list li {
        width: 32%;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori-kinds-list li {
        width: 23%;
        margin: 1%;
    }
}
.kaitori-kinds-list li a {
    display: block;
}
.kaitori-kinds-list li img {
    width: 100%;
    height: auto;
}
.kaitori-kinds-list li .kaitori-kinds-label {
    position: relative;
    margin-bottom: 4px;
    padding: 8px 16px;
    color: #fff;
    background: #000;
    border-radius: 4px;
}
@media screen and (min-width: 501px) {
    .kaitori-kinds-list li .kaitori-kinds-label {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        min-height: 64px;
        text-align: left;
    }
}
.kaitori-kinds-list li .kaitori-kinds-label:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
}

.kaitori-policy {
    background-color: #FEF8f8;
    background-image: url("../images/common/dot-border-4.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 16px;
    padding-top: 30px;
}
.kaitori-policy .policy-ttl {
    padding-left: 90px;
    background: none;
}
@media screen and (min-width: 501px) {
    .kaitori-policy .policy-ttl {
        padding-left: 180px;
    }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .kaitori-policy .policy-ttl img {
        width: 160px;
    }
}
.kaitori-policy .policy-inner {
    background-image: url("../images/kaitori/policy-ttl-bg.png");
    background-repeat: no-repeat;
    background-position: left top 20px;
    background-size: 25vw auto;
    max-width: 700px;
}
@media screen and (min-width: 1000px) {
    .kaitori-policy .policy-inner {
        background-size: 216px auto;
    }
}
.kaitori-policy .policy-item {
    position: relative;
    margin-bottom: 35px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
@media screen and (min-width: 1000px) {
    .kaitori-policy .policy-item {
        max-width: 700px;
        margin: 0 auto 35px;
    }
}
.kaitori-policy .policy-item .policy-dots {
    position: absolute;
    right: -6.6vw;
    bottom: 0;
}
.kaitori-policy .policy-item:nth-of-type(even) {
    /* flex-direction: row-reverse; */
}
.kaitori-policy .policy-item:nth-of-type(even) .policy-dots {
    right: 0;
    left: -6.6vw;
}
.kaitori-policy .policy-item:nth-of-type(even) .policy-item-inner .policy-img-txt {
    margin-left: 0;
    margin-right: -10%;
}
.kaitori-policy .policy-item .policy-img {
    width: 30%;
}
.kaitori-policy .policy-item .policy-img img {
    width: 100%;
}
.kaitori-policy .policy-item .policy-item-inner {
    width: 70%;
    z-index: 2;
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 110%;
    height: 110%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    padding: 0 1em;
}
@media screen and (min-width: 501px) {
    .kaitori-policy .policy-item .policy-item-inner .policy-img-txt {
        width: 100%;
        height: 100%;
        margin-left: 0;
        padding: 0 0 0 1em;
    }
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-img-txt-number {
    font-size: 12px;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-img-txt-number .policy-img-txt-sub {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 5px;
    letter-spacing: 0.11em;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-img-txt-number .number {
    background: #000;
    color: #fff;
    font-size: 1.1875rem;
    margin-left: 5px;
    padding: 3px 3px 0 3px;
    line-height: 1;
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-ttl {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-title {
    font-size: 1.25rem;
    margin-bottom: 5px;
    line-height: 1.3;
}
@media screen and (min-width: 501px) {
    .kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-title {
        font-size: 2.2rem;
        margin-bottom: 10px;
    }
}
.kaitori-policy .policy-item .policy-item-inner .policy-img-txt .policy-text {
    font-size: 12px;
    line-height: 1.8;
}

.kaitori-voice .voice-list .voice-ttl {
    margin-bottom: 8px;
    font-size: 14px;
    line-height: 1.7;
    color: #000;
    letter-spacing: 0.11em;
}
@media screen and (min-width: 1000px) {
    .kaitori-voice .voice-list .voice-ttl {
        font-size: 1.6rem;
    }
}
.kaitori-voice .voice-list .voice-txt {
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.11em;
}
@media screen and (min-width: 1000px) {
    .kaitori-voice .voice-list .voice-txt {
        font-size: 14px;
    }
}
.kaitori-voice .voice-list .voice-staff {
    margin-top: 12px;
}
.kaitori-voice .voice-list .voice-staff .voice-staff-img {
    margin-right: 12px;
}
.kaitori-voice .voice-list .voice-staff .voice-txt {
    margin-top: 12px;
}
.kaitori-voice hr {
    margin: 16px 0;
}
.kaitori-voice .rating {
    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: 14px 0;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    background-clip: border-box;
    width: 90vw;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .kaitori-voice .rating {
        max-width: 45%;
    }
}
.kaitori-voice .count-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.2rem;
    line-height: 1;
}
.kaitori-voice .count-rating .devider {
    margin: 0 12px;
    border-left: 1px solid;
}
.kaitori-voice .count-rating .rating-value {
    color: #000;
}
.kaitori-voice .count-review {
    font-size: 12px;
}
.kaitori-voice .star-rating {
    position: relative;
    z-index: 0;
    display: inline-block;
}
.kaitori-voice .star-rating .star-rating-front {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
}
.kaitori-voice .star-rating .star-rating-back {
    white-space: nowrap;
    color: #ccc;
}
.kaitori-voice .star-rating-front::after, .kaitori-voice .star-rating-back::after {
    content: "★★★★★";
}
.kaitori-voice .voice-list2 {
    margin-top: 20px;
    padding: 37px 0;
    background: #FEF8f8;
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 {
        width: 100%;
        margin: 20px auto 20px;
        padding: 40px 100px;
    }
}
.kaitori-voice .voice-list2 .voice-list-item {
    width: 90vw;
    margin: 0 auto;
    padding: 20px 0;
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-list-item {
        width: 100%;
    }
}
.kaitori-voice .voice-list2 .voice-list-item:first-of-type {
    padding-top: 0;
}
.kaitori-voice .voice-list2 .voice-list-item .voice-img {
    width: 30%;
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-list-item .voice-img {
        width: 15%;
    }
}
.kaitori-voice .voice-list2 .voice-list-item .voice-img img {
    width: 100%;
}
.kaitori-voice .voice-list2 .voice-list-item .voice-default {
    width: 100%;
    font-size: 14px;
}
.kaitori-voice .voice-list2 .voice-list-item .voice-default .count-rating {
    margin-bottom: 15px;
    padding-bottom: 8px;
    color: #000;
    font-size: 1.8rem;
    border-bottom: 1px solid #8F8F8F;
}
.kaitori-voice .voice-list2 .voice-list-item .voice-default .voice-ttl {
    font-weight: bold;
    font-size: 1.6rem;
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-list-item .voice-default .voice-ttl {
        font-size: 1.25rem;
    }
}
.kaitori-voice .voice-list2 .voice-list-item .voice-default .voice-ttl span {
    font-size: 12px;
}
.kaitori-voice .voice-list2 .voice-list-item a.button-more {
    position: relative;
    padding-left: 12px;
    font-weight: bold;
    border-bottom: 2px solid #323232;
}
.kaitori-voice .voice-list2 .voice-list-item a.button-more:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
    left: 0;
}
.kaitori-voice .voice-list2 .voice-list-item:last-child {
    border-bottom: none;
}
@media screen and (min-width: 1000px) {
    .kaitori-voice .voice-list2 .voice-list-item .media {
        padding-bottom: 0;
    }
}
.kaitori-voice .voice-list2 .voice-txt .voiceBox {
    width: 90vw;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-txt .voiceBox {
        width: 100%;
    }
}
.kaitori-voice .voice-list2 .voice-txt .voiceBox.remove {
    height: auto !important;
}
.kaitori-voice .voice-list2 .voice-txt .voiceBox .reply-wrap{
    margin-top: 30px;
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-txt .voiceBox .reply-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
        margin-top: 25px;
        -webkit-column-gap: 15px;
        -moz-column-gap: 15px;
        column-gap: 15px;
    }
}
.kaitori-voice .voice-list2 .voice-txt .voiceBox.remove + .more:after {
    content: none;
}
.kaitori-voice .voice-list2 .voice-txt .more {
    position: relative;
    height: 55px;
    line-height: 55px;
    margin-top: -15px;
    text-align: right;
    color: #323232;
    cursor: pointer;
    background: rgba(255, 255, 255, 0);
}
.kaitori-voice .voice-list2 .voice-txt .more:after {
    position: absolute;
    content: "";
    border-top: solid 2px #323232;
    border-right: solid 2px #323232;
    display: inline-block;
    top: 35%;
    bottom: 0;
    right: 6%;
    width: 10px;
    height: 10px;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
@media screen and (min-width: 501px) {
    .kaitori-voice .voice-list2 .voice-txt .more:after {
        right: 5px;
    }
}
.kaitori-voice .voice-list2 .voice-txt .more.is-active:after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
}

.kaitori-column .section-inner > a + a {
    margin-top: 40px;
}
.kaitori-column a {
    display: block;
    padding: 0;
    color: #323232;
    text-align: left;
}
@media screen and (min-width: 1000px) {
    .kaitori-column a {
        max-width: 700px;
        margin: 0 auto;
        padding: 0;
    }
}
.kaitori-column a .kaitori-info {
    margin-right: 8px;
    -webkit-box-flex: 6;
    -ms-flex: 6;
    flex: 6;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}
@media screen and (min-width: 1000px) {
    .kaitori-column a .kaitori-info {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6;
    }
}
.kaitori-column a .kaitori-column-img {
    position: relative;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
    overflow: hidden;
}
@media screen and (min-width: 1000px) {
    .kaitori-column a .kaitori-column-img {
        -webkit-box-flex: 6;
        -ms-flex: 6;
        flex: 6;
    }
}
.kaitori-column a .kaitori-column-img img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 100%;
    width: auto;
    max-width: none;
    -webkit-box-flex: 4;
    -ms-flex: 4;
    flex: 4;
}
@media screen and (min-width: 1000px) {
    .kaitori-column a .kaitori-column-img img {
        width: 300px;
        max-width: 300px;
        position: relative;
        -webkit-transform: none;
        transform: none;
        top: auto;
        left: auto;
    }
}

.kaitori-faq .kaitori-faq-list .faq-icon,
.kaitori-faq .kaitori-faq-list .faq-txt {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .kaitori-faq .kaitori-faq-list .faq-icon,
    .kaitori-faq .kaitori-faq-list .faq-txt {
        font-size: 1.6rem;
    }
}
.kaitori-faq .kaitori-faq-list + .kaitori-faq-list {
    margin-top: 25px;
}

.kaitori-greet {
    margin-top: 20px;
}
.kaitori-greet .kaitori-greet-txt {
    margin-bottom: 12px;
    line-height: 2;
}
.kaitori-greet .kaitori-greet-txt span {
    font-size: 14px;
}
@media screen and (min-width: 501px) {
    .kaitori-greet .kaitori-greet-txt span {
        font-size: 1.6rem;
    }
}

.kaitori-rank .kaitori-rank-list {
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}
.kaitori-rank .kaitori-rank-list .kaitori-rank-ttl {
    padding: 8px 0 4px 29px;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#E64778), to(#BE0D14));
    background: linear-gradient(to right, #E64778, #BE0D14);
    border-radius: 4px 4px 0 0;
}
.kaitori-rank .kaitori-rank-list .kaitori-rank-ttl img {
    width: 30px;
    margin-right: 8px;
}
.kaitori-rank .kaitori-rank-list .kaitori-rank-txt {
    padding: 18px 29px;
    line-height: 2;
}
@media screen and (min-width: 501px) {
    .kaitori-rank .kaitori-rank-list .kaitori-rank-txt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media screen and (min-width: 501px) {
    .kaitori-rank .kaitori-rank-list img {
        margin-right: 12px;
        width: 30%;
    }
}
.kaitori-rank .kaitori-rank-list + .kaitori-rank-list {
    margin-top: 28px;
}

.kaitori-ways img {
    margin: 20px 0;
    width: 100%;
    height: auto;
}
@media screen and (min-width: 1000px) {
    .kaitori-ways img {
        display: block;
        width: 50%;
        margin: 20px auto;
    }
}

.kaitori-ways-list h2, .kaitori-ways-list h3 {
    border-left: 5px solid #000;
    margin-top: 20px;
    margin-bottom: 16px;
    padding: 4px 12px;
}

@media screen and (min-width: 501px) {
    .purchase-mv-txt {
        position: absolute;
        top: 50%;
        left: 0%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        padding-left: 20px;
        color: #fff;
    }
}
.purchase-mv-txt h2 {
    margin: 12px 0 12px;
    font-size: 1.8rem;
}
.purchase-mv-txt h2 br {
    display: none;
}
@media screen and (min-width: 501px) {
    .purchase-mv-txt h2 {
        margin: 0 0 12px;
        font-size: 1.5rem;
    }
    .purchase-mv-txt h2 br {
        display: block;
    }
}
.purchase-mv-txt p {
    font-size: 14px;
}

@media screen and (min-width: 501px) {
    .kaitori-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        font-size: 12px;
    }
    .kaitori-list ul {
        width: 30%;
    }
}

.kaitori .blog-archive-list {
    margin-bottom: 60px;
    margin-top: 33px;
    row-gap: 30px;
}
.kaitori .blog-archive-list > li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.kaitori .blog-archive-list > li + li {
    border-top: 1px solid #424242;
    padding-top: 30px;
}
.kaitori .blog-archive-list > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }
}
.kaitori .blog-archive-list > li .blog-catch-img img {
    width: 160px;
    height: 160px !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li .blog-catch-img img {
        width: 100px;
        height: 100px !important;
    }
}
.kaitori .blog-archive-list > li .blog-archive-ttl {
    font-size: 20px;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li .blog-archive-ttl {
        font-size: 16px !important;
    }
}
.kaitori .blog-archive-list > li .blog-archive-ttl a {
    color: #000;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li .blog-archive-ttl a {
        line-height: 1.4;
    }
}
.kaitori .blog-archive-list > li .blog-archive-date {
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li .blog-archive-date {
        font-size: 11px;
        margin-top: 7px;
    }
}
.kaitori .blog-archive-list > li .blog-archive-point {
    font-size: 12px;
    margin-top: 10px;
}
.kaitori .blog-archive-list > li .blog-archive-point.flag::before {
    display: none !important;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li .text_box .trigger {
        display: none;
    }
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .read_more::before {
        /* content: '閉じる'; */
    }
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        -webkit-transform: none;
        transform: none;
    }
    .kaitori .blog-archive-list > li .text_box .blog-archive-point {
        position: relative;
        max-height: 100px;
        overflow: hidden;
    }
    .kaitori .blog-archive-list > li .text_box .blog-archive-point::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px; /*グラデーションで隠す高さ*/
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        content: "";
    }
    .kaitori .blog-archive-list > li .text_box .read_more {
        position: relative;
        text-align: right;
        display: block;
        font-size: 12px;
        width: 95%;
        margin-left: auto;
        height: 25px;
        width: 25px;
        background: #000;
        border-radius: 50%;
    }
    .kaitori .blog-archive-list > li .text_box .read_more::before {
        margin-right: 22px;
        /* content: "続きを読む"; */
        color: #000;
    }
    .kaitori .blog-archive-list > li .text_box .read_more::after {
        /* right:5px; */
        /* top:2px; */
        /* width: 8px; */
        /* height: 8px; */
        /* border-top: 1px solid #000; */
        /* border-right: 1px solid #000; */
        /* transform: rotate(135deg); */
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .kaitori .blog-archive-list > li .text_box .read_more::before, .kaitori .blog-archive-list > li .text_box .read_more::after {
        content: "";
        position: absolute;
        top: 12px;
        left: 4px;
        /* width: 24px; */
        /* height: 8px; */
        width: 16px;
        height: 2px;
        background-color: #fff;
    }
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        /* transform: rotate(-45deg); */
        /* top:6px; */
    }
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point {
        /*height: auto;*/
        max-height: none;
    }
    .kaitori .blog-archive-list > li .text_box .read_more::after,
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        content: "";
        display: inline-block;
        position: absolute;
    }
    .kaitori .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point::before {
        display: none;
    }
}
.kaitori .blog-archive-list > li > .right {
    padding-left: 10px;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li > .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 7px;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 10px;
    }
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex li {
    margin: 0;
    width: auto;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .kaitori .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 1px 10px;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 2px 10px 1px;
    }
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-kind {
    background-color: #0054A7;
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-prefecture {
    background-color: #EB6500;
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-shop {
    background-color: #000;
}
.kaitori .blog-archive-list > li > .right .blog-archive-flex li a {
    color: #fff;
}
@media screen and (min-width: 1000px) {
    .kaitori .blog-archive-list .sp {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .blog-archive-list .pc {
        display: none;
    }
}

.kaitori-howto-item {
    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;
    margin: 0 -6px;
}
.kaitori-howto-item > * {
    margin: 0 6px;
}
.kaitori-howto-item-title {
    color: #000;
    font-size: 14px;
    line-height: 1.7;
    letter-spacing: 0.11em;
    display: inline-block;
}
@media screen and (min-width: 1000px) {
    .kaitori-howto-item-title {
        font-size: 1.5rem;
    }
}
.kaitori-howto-item img {
    width: 50%;
}
@media screen and (min-width: 1000px) {
    .kaitori-howto-item img {
        width: 30%;
    }
}

.kaitori-howto-txt {
    margin-top: 36px;
}

.kaitori-title {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 0 auto;
}

.common-kaitori-resuluts {
    background-color: #FEF8f8;
    background-image: url("../images/common/dot-border-4.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto 16px;
    padding-top: 30px;
}
.common-kaitori-resuluts .item-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.common-kaitori-resuluts .item-list li {
    width: 48%;
    background: #fff;
}
@media screen and (min-width: 501px) {
    .common-kaitori-resuluts .item-list li {
        width: 25%;
    }
}
.common-kaitori-resuluts .item-list li .item-img img {
    max-width: 100%;
    height: auto;
}
.common-kaitori-resuluts .item-list li .kaitoriName {
    font-size: 10px;
    color: #ccc;
}
.common-kaitori-resuluts .item-list li .ttl {
    font-size: 11px;
}
@media screen and (min-width: 501px) {
    .common-kaitori-resuluts .item-list li .ttl {
        font-size: 12px;
        min-height: 54px;
    }
}
.common-kaitori-resuluts .item-list li .priceBox {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    line-height: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.common-kaitori-resuluts .item-list li .priceBox .left {
    font-size: 10px;
    width: 100%;
    margin-bottom: 5px;
}
@media screen and (min-width: 501px) {
    .common-kaitori-resuluts .item-list li .priceBox .left {
        font-size: 12px;
        width: auto;
        margin-bottom: 0;
    }
}
.common-kaitori-resuluts .item-list li .priceBox .right {
    font-size: 20px;
    width: 100%;
    text-align: right;
}
@media screen and (min-width: 501px) {
    .common-kaitori-resuluts .item-list li .priceBox .right {
        font-size: 20px;
        width: auto;
    }
}
.common-kaitori-resuluts .item-list li .priceBox .right .small {
    font-size: 10px;
    font-weight: normal;
}
.common-kaitori-resuluts .more-item {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #000;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 82px;
    border-radius: 50px;
    position: relative;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}
.common-kaitori-resuluts .more-item::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: translateY(-70%) rotate(50deg);
    transform: translateY(-70%) rotate(50deg);
}
.common-kaitori-resuluts .more-item.is-active::before {
    -webkit-transform: translateY(-30%) rotate(225deg);
    transform: translateY(-30%) rotate(225deg);
}

.kaitori-diamond-title {
    padding: 10px;
    position: relative;
    background: #e0f0ff;
    color: #31a6ff;
    font-size: 15px;
    text-decoration: none;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-title {
        display: none;
    }
}
.kaitori-diamond-title::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    top: 40%;
    right: 20px;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 5px solid transparent;
    border-top: 8px solid #31a6ff;
}

.kaitori-diamond {
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
}
.kaitori-diamond-header {
    padding-top: 40px;
}
.kaitori-diamond-header-titleWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.kaitori-diamond-header-title {
    font-size: 20px;
    color: #0c97ff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center;
    font-weight: 500;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-header-title {
        font-size: 40px;
        font-weight: 700;
    }
}
.kaitori-diamond-header-title > * + * {
    margin-top: 16px;
}
.kaitori-diamond-header-title-small {
    font-size: 15px;
    color: #323232;
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-header-title-small {
        font-size: 26px;
    }
}
.kaitori-diamond-header-title-small::before {
    position: relative;
    content: "";
    width: 24px;
    height: 1px;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    background: #323232;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-header-title-small::before {
        width: 32px;
        height: 2px;
    }
}
.kaitori-diamond-header-title-small::after {
    position: relative;
    content: "";
    width: 20px;
    height: 1px;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg);
    background: #323232;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-header-title-small::after {
        width: 32px;
        height: 2px;
    }
}
.kaitori-diamond-header-img {
    max-width: 100%;
    height: auto;
}
.kaitori-diamond-header-img img {
    width: 100%;
}
.kaitori-diamond-header-text {
    font-size: 13px;
    display: block;
    padding: 15px 0;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-header-text {
        padding: 15px 40px;
        font-weight: 600;
    }
}
.kaitori-diamond-content {
    padding: 15px;
    background: #dfefff;
    border-radius: 5px;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content {
        padding: 30px 40px;
    }
}
.kaitori-diamond-content-search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-pack: justify;
}
.kaitori-diamond-content-search li {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    letter-spacing: -0.4em;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-search li {
        -ms-flex-preferred-size: 49%;
        flex-basis: 49%;
    }
}
.kaitori-diamond-content-search li::before {
    border-bottom: 4.5px solid #30a6ff;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    content: "";
    position: absolute;
    right: 11px;
    top: 10px;
    width: 0;
}
.kaitori-diamond-content-search li::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4.5px solid #30a6ff;
    content: "";
    position: absolute;
    right: 11px;
    top: 24px;
    width: 0;
}
.kaitori-diamond-content-search li label {
    width: 30%;
    font-size: 12px;
    letter-spacing: normal;
    background: #30a6ff;
    font-weight: bold;
    border-radius: 5px 0 0 5px;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-search li label {
        font-size: 14px;
    }
}
.kaitori-diamond-content-search li select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 10px;
    width: 69%;
    display: inline-block;
    padding: 0 5px;
    background: #fff;
    height: 35px;
    line-height: 35px;
    border: 0;
    border-style: inset;
    outline-color: #30a6ff;
    padding-left: 10px;
    border-radius: 0 5px 5px 0;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-search li select {
        font-size: 13px;
    }
}
.kaitori-diamond-content-buttonWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.kaitori-diamond-content-button {
    background: #000;
    color: #fff;
    padding: 10px 50px;
    font-weight: bold;
    border: 0;
    border-radius: 5px;
    -webkit-appearance: none;
    font-size: 14px;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-button {
        padding: 20px 50px;
        font-size: 20px;
    }
    .kaitori-diamond-content-button:hover {
        background: #bd0c1a;
    }
}
.kaitori-diamond-content-price {
    padding: 10px;
    font-size: 10px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 250px;
    border-radius: 5px;
    background: #fff;
    margin: 35px 0;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-price {
        height: 270px;
        padding: 20px;
    }
}
.kaitori-diamond-content-price-title {
    color: #323232;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-price-title {
        font-size: 14px;
    }
}
.kaitori-diamond-content-price-title span {
    color: #30a6ff;
    font-size: 14px;
}
.kaitori-diamond-content-price-table {
    margin-bottom: 15px;
    border-collapse: separate;
    border-spacing: 5px;
}
.kaitori-diamond-content-price-table tr:first-child td {
    background: #30a6ff;
    color: #fff;
}
.kaitori-diamond-content-price-table td {
    background: #dfefff;
    padding: 5px 0;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-price-table td {
        font-size: 14px;
    }
}
.kaitori-diamond-content-price-table td:first-child {
    background: #30a6ff;
    color: #fff;
    width: 30px;
}
@media screen and (min-width: 1000px) {
    .kaitori-diamond-content-price-table td:first-child {
        width: 70px;
    }
}
.kaitori-diamond-attention p {
    font-size: 10px;
    line-height: 100%;
    margin-bottom: 5px;
}
.kaitori-diamond .the_active {
    -webkit-animation-name: bg-color;
    animation-name: bg-color;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-iteration-count: 3;
    animation-iteration-count: 3;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
@-webkit-keyframes bg-color {
    0% {
        background-color: #f7bf77;
    }
    50% {
        background-color: #dfefff;
    }
    100% {
        background-color: #f7bf77;
    }
}
@keyframes bg-color {
    0% {
        background-color: #f7bf77;
    }
    50% {
        background-color: #dfefff;
    }
    100% {
        background-color: #f7bf77;
    }
}

.diamond-4c img {
    max-width: 100%;
    height: auto;
}
.diamond-4c ul.tabBtn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly;
    margin: 30px auto;
}
.diamond-4c ul.tabBtn li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    cursor: pointer;
    padding: 10px 10px;
    min-width: none;
    max-height: 100px;
    width: 45%;
    border-radius: 5px;
    background-position: center;
    background-color: #31a6ff;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-shadow: 2px 2px 5px #999;
    box-shadow: 2px 2px 5px #999;
    margin-bottom: 15px;
}
@media screen and (min-width: 501px) {
    .diamond-4c ul.tabBtn li {
        max-width: 170px;
    }
}
.diamond-4c ul.tabBtn li img {
    height: 50%;
    width: auto;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    z-index: 1;
}
.diamond-4c ul.tabBtn li .label {
    margin-left: 3%;
    line-height: 1.1;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
}
.diamond-4c ul.tabBtn li p {
    color: white;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 501px) {
    .diamond-4c ul.tabBtn li p {
        font-size: 26px;
    }
}
.diamond-4c ul.tabBtn li span {
    color: white;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    position: relative;
    z-index: 1;
}
@media screen and (min-width: 501px) {
    .diamond-4c ul.tabBtn li span {
        font-size: 14px;
    }
}
.diamond-4c ul.tabBtn li:hover {
    -webkit-box-shadow: 2px;
    box-shadow: 2px;
}
.diamond-4c ul.tabBtn li:hover:before {
    opacity: 1;
}
.diamond-4c ul.tabBtn li:hover:after {
    bottom: 0;
    opacity: 1;
}
.diamond-4c ul.tabBtn li:active {
    -webkit-box-shadow: 2px;
    box-shadow: 2px;
}
.diamond-4c ul.tabBtn li:active:before {
    opacity: 1;
}
.diamond-4c ul.tabBtn li:active:after {
    bottom: 0;
    opacity: 1;
}
.diamond-4c ul.tabBtn li:not(.active):before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    border-top: solid 0.5em #ffe200;
    border-right: solid 0.4em transparent;
    border-bottom: solid 0.5em transparent;
    border-left: solid 0.4em transparent;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 20%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
}
.diamond-4c ul.tabBtn li:not(.active):hover:after {
    content: "More Detail";
    opacity: 1;
}
.diamond-4c ul.tabBtn li:not(.active):active:after {
    content: "More Detail";
    opacity: 1;
}
.diamond-4c ul.tabBtn li:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: "";
    display: block;
    padding: 70% 0 0.9em;
    width: calc(100% + 1px);
    background: #31a6ff;
    background: -webkit-gradient(linear, left bottom, left top, from(#00307e), color-stop(65%, #31a6ff));
    background: linear-gradient(0deg, #00307e 0%, #31a6ff 65%);
    color: #ffe200;
    font-size: 10px;
    text-align: center;
    position: absolute;
    left: 0;
    overflow: hidden;
    -webkit-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
}
.diamond-4c ul.tabBtn li:before {
    -webkit-transition: 0.6s;
    transition: 0.6s;
    opacity: 0;
}
.diamond-4c ul.tabBtn li.active {
    -webkit-box-shadow: 2px;
    box-shadow: 2px;
}
.diamond-4c ul.tabBtn li.active:after {
    bottom: 0;
    opacity: 1;
}
.diamond-4c .tabArea {
    background: #e0f0ff;
    border: transparent;
    border-radius: 10px;
}
.diamond-4c .tabArea .inner {
    padding: 0 25px;
    display: none;
    display: inline-block;
}
@media screen and (min-width: 501px) {
    .diamond-4c .tabArea .inner {
        padding: 0 50px;
    }
}
.diamond-4c .tabArea .inner h3 {
    font-size: 30px;
    margin-bottom: 10px;
    color: #31a6ff;
    text-align: center;
    padding: 15px 0 0 0;
    font-weight: bold !important;
}
@media screen and (min-width: 501px) {
    .diamond-4c .tabArea .inner h3 {
        font-size: 46px;
    }
}
.diamond-4c .tabArea .inner h3 span {
    font-size: 18px;
    display: block;
}
@media screen and (min-width: 501px) {
    .diamond-4c .tabArea .inner h3 span {
        display: inline;
        font-size: 30px;
    }
}
.diamond-4c .tabArea .inner .closeBtn {
    display: block;
    margin: 0 auto 20px;
    padding: 10px;
    font-size: 15px;
    width: 110px;
    border-radius: 1.6rem;
    background: #31a6ff;
    color: #fff;
    text-align: center;
    text-decoration: none;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-weight: bold;
    cursor: pointer;
}
.diamond-4c .tabArea .inner .closeBtn:active, .diamond-4c .tabArea .inner .closeBtn:hover {
    background: #00307e;
}
.diamond-4c .tabArea .inner .content {
    font-size: 11px;
    height: 200px;
    overflow-y: scroll;
    padding: 1px 20px 15px;
    background: white;
    border: transparent;
    border-radius: 5px;
}
.diamond-4c .tabArea .inner .text {
    line-height: 1.7;
    font-size: 14px;
    margin: 15px 0 15px;
}
.diamond-4c .tabArea .inner .faq_box {
    margin: 15px;
}
.diamond-4c .tabArea .inner .faq_box .question {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #31a6ff;
    margin-bottom: 5px;
}
.diamond-4c .tabArea .inner .faq_box .question .ico {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    min-width: 1.2em;
}
.diamond-4c .tabArea .inner .faq_box .question .txt {
    font-size: 15px;
    font-weight: bold;
}
.diamond-4c .tabArea .inner .faq_box .answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.diamond-4c .tabArea .inner .faq_box .answer .ico {
    font-size: 16px;
    line-height: 1;
    font-weight: bold;
    min-width: 1.2em;
}
.diamond-4c .tabArea .inner .faq_box .answer .txt {
    font-size: 14px;
}
.diamond-4c .tabArea .inner .fag_gia {
    margin: 34px 0 55px;
}
.diamond-4c .tabArea .inner .fag_gia h4 {
    text-align: center;
    font-size: 20px;
    font-weight: bold !important;
    color: #31a6ff;
    border-bottom: 2px solid #31a6ff;
    padding-bottom: 3px;
    margin-bottom: 13px;
}
@media screen and (min-width: 501px) {
    .diamond-4c .tabArea .inner .fag_gia h4 {
        font-size: 30px;
    }
}
.diamond-4c .tabArea .inner .shop_gia p {
    margin-bottom: 21px;
}

.tentouKaitoriRecommend {
    color: #000;
    text-align: center;
    font-size: 14px;
    line-height: 1;
    font-weight: bold;
    margin-top: 10px;
}
@media screen and (min-width: 501px) {
    .tentouKaitoriRecommend {
        display: none;
    }
}
.tentouKaitoriRecommend > .inner {
    position: relative;
}
.tentouKaitoriRecommend > .inner:before, .tentouKaitoriRecommend > .inner:after {
    position: relative;
    display: inline-block;
    content: "";
    background: #000;
    width: 2px;
    height: 1.5em;
    margin: 0 1em;
    margin-top: -0.2em;
    vertical-align: middle;
}
.tentouKaitoriRecommend > .inner:before {
    -webkit-transform: rotate(-35deg);
    transform: rotate(-35deg);
}
.tentouKaitoriRecommend > .inner:after {
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg);
}

.tentouKaitori {
    margin: 7px 0;
}
@media screen and (min-width: 501px) {
    .tentouKaitori {
        margin: 20px 0;
    }
}
.tentouKaitori .left {
    width: 38%;
    margin-right: 1em;
}
@media screen and (min-width: 501px) {
    .tentouKaitori .left {
        width: 200px;
        margin-right: 20px;
    }
}
.tentouKaitori .left img {
    max-width: 100%;
    height: auto;
}
.tentouKaitori .right {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .tentouKaitori .right {
        width: 675px;
    }
}
.tentouKaitori .right .txt1 {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (min-width: 501px) {
    .tentouKaitori .right .txt1 {
        font-size: 18px;
    }
}
.tentouKaitori .right .txt1 .br-sp {
    display: block;
}
@media screen and (min-width: 501px) {
    .tentouKaitori .right .txt1 .br-sp {
        display: none;
    }
}
.tentouKaitori .right .kaitoriName {
    font-size: 40px;
}
@media screen and (min-width: 501px) {
    .tentouKaitori .right .kaitoriName {
        font-size: 48px;
    }
}
.tentouKaitori .right .tentouKaitoriPoint_pc li {
    display: none;
}
@media screen and (min-width: 501px) {
    .tentouKaitori .right .tentouKaitoriPoint_pc li {
        display: block;
        background: #000;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        border-radius: 4px;
        width: 210px;
        font-size: 19px;
        margin-right: 15px;
    }
}

.tentouKaitoriPoint_sp {
    margin-bottom: 15px;
}
@media screen and (min-width: 501px) {
    .tentouKaitoriPoint_sp {
        display: none;
    }
}
.tentouKaitoriPoint_sp li {
    background: #000;
    color: #fff;
    padding: 7px 0;
    border-radius: 4px;
    margin-bottom: 7px;
    text-align: center;
    font-size: 18px;
}

.takuhaiSyuttyouKaitori {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 50px;
}
.takuhaiSyuttyouKaitori > .left {
    margin-bottom: 40px;
}
@media screen and (min-width: 501px) {
    .takuhaiSyuttyouKaitori > .left {
        width: 48%;
    }
}
.takuhaiSyuttyouKaitori > .left .head {
    margin-bottom: 15px;
}
.takuhaiSyuttyouKaitori > .left .head > .left {
    width: 30%;
    margin-right: 10px;
}
.takuhaiSyuttyouKaitori > .left .head > .left img {
    max-width: 100%;
    height: auto;
}
.takuhaiSyuttyouKaitori > .left .head .right .txt1 {
    font-size: 17px;
}
.takuhaiSyuttyouKaitori > .left .head .right .kaitoriName {
    font-size: 40px;
}
.takuhaiSyuttyouKaitori > .left .point {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.takuhaiSyuttyouKaitori > .left .point li {
    width: 48%;
    background: #000;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    margin-bottom: 7px;
}
.takuhaiSyuttyouKaitori > .left .linkBtn {
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    margin-top: 15px;
}
.takuhaiSyuttyouKaitori > .left .linkBtn a {
    display: block;
    padding: 10px 0;
    color: #000;
}
.takuhaiSyuttyouKaitori > .right {
    margin-bottom: 40px;
}
@media screen and (min-width: 501px) {
    .takuhaiSyuttyouKaitori > .right {
        width: 48%;
    }
}
.takuhaiSyuttyouKaitori > .right .head {
    margin-bottom: 15px;
}
.takuhaiSyuttyouKaitori > .right .head > .left {
    width: 30%;
    margin-right: 10px;
}
.takuhaiSyuttyouKaitori > .right .head > .left img {
    max-width: 100%;
    height: auto;
}
.takuhaiSyuttyouKaitori > .right .head .right .txt1 {
    font-size: 17px;
}
.takuhaiSyuttyouKaitori > .right .head .right .kaitoriName {
    font-size: 40px;
}
.takuhaiSyuttyouKaitori > .right .point {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.takuhaiSyuttyouKaitori > .right .point li {
    width: 48%;
    background: #000;
    color: #fff;
    font-size: 16px;
    margin-right: 5px;
    text-align: center;
    padding: 10px 0;
    border-radius: 4px;
    margin-bottom: 7px;
}
.takuhaiSyuttyouKaitori > .right .linkBtn {
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    margin-top: 15px;
}
.takuhaiSyuttyouKaitori > .right .linkBtn a {
    display: block;
    padding: 10px 0;
    color: #000;
}

.kaitori-resuluts .detailBtn {
    border: 1px solid #ccc;
    border-radius: 4px;
    text-align: center;
    padding: 10px;
    margin-top: 15px;
}
.kaitori-resuluts .detailBtn:after {
    content: ">";
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media screen and (min-width: 501px) {
    .kaitori-resuluts .detailBtn:after {
        margin-left: 5px;
    }
}
.kaitori-resuluts .detailBtn.is-active:after {
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}
.kaitori-resuluts .detailBtn:hover {
    background: #000;
    color: #fff;
}
.kaitori-resuluts .acMenuContents {
    /* display: none; */
}

.media {
    position: relative;
}
.media img.media-capture-img {
    display: block;
    width: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .media img.media-capture-img {
        width: 328px;
    }
}
@media screen and (min-width: 1000px) {
    .media img.media-capture-img:hover {
        opacity: 0.8;
    }
}
@media screen and (min-width: 1000px) {
    .media .media-logo {
        display: block;
    }
}
.media .popup {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
    opacity: 0.6;
}
.media.show-popup .popup {
    opacity: 1;
    visibility: visible;
}
.media.show-popup .popup > iframe {
    width: 100%;
    position: absolute;
    top: 51px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}
.media .close {
    width: 620px;
    position: relative;
    margin: 50px auto 0;
}

.section-message {
    background: #000;
    border-radius: 10px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 15px;
    font-weight: normal;
}
.section-message span {
    color: #ffff00;
    font-weight: bold;
}

.boro_rolex1 {
    background: -webkit-gradient(linear, left bottom, left top, from(#efe0c7), to(#FFF));
    background: linear-gradient(to top, #efe0c7, #FFF);
    position: relative;
    top: -10px;
}
@media screen and (min-width: 1000px) {
    .boro_rolex1 {
        top: -20px;
    }
}
.boro_rolex1 .bg_woman {
    background: url("../images/kaitori/junk-rolex/bg_woman.png") right top no-repeat;
    background-size: 40%;
}
@media screen and (min-width: 1000px) {
    .boro_rolex1 .bg_woman {
        background-size: 32%;
    }
}
.boro_rolex1 .txt1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 1.6;
    margin-bottom: 10px;
}
@media screen and (min-width: 1000px) {
    .boro_rolex1 .txt1 {
        font-size: 48px;
        width: 66%;
        text-align: right;
        margin-bottom: 20px;
    }
}
.boro_rolex1 .txt1 .marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(50%, #f0ff88));
    background: linear-gradient(transparent 55%, #f0ff88 50%);
}
.boro_rolex1 .txt2 {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 10px;
}
@media screen and (min-width: 1000px) {
    .boro_rolex1 .txt2 {
        font-size: 88px;
        line-height: 1.2;
        width: 69%;
        text-align: right;
    }
}
.boro_rolex1 .boro_item_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.boro_rolex1 .boro_item_box .item {
    width: 24%;
    margin-bottom: 10px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.boro_rolex1 .boro_item_box .item .txt {
    font-size: 10px;
    color: #fff;
    bottom: 0px;
    position: absolute;
    letter-spacing: normal;
}
@media screen and (min-width: 1000px) {
    .boro_rolex1 .boro_item_box .item .txt {
        font-size: 26px;
        bottom: 4px;
    }
}
.boro_rolex1 .boro_item_box .item img {
    max-width: 100%;
    height: auto;
}

.boro_rolex2 .txt1 {
    font-size: 20px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .boro_rolex2 .txt1 {
        font-size: 40px;
        text-align: center;
    }
}
.boro_rolex2 .txt1 br {
    display: none;
}
@media screen and (min-width: 1000px) {
    .boro_rolex2 .txt1 br {
        display: block;
    }
}
.boro_rolex2 .txt1 .large {
    font-size: 30px;
}
@media screen and (min-width: 1000px) {
    .boro_rolex2 .txt1 .large {
        font-size: 58px;
    }
}
.boro_rolex2 .txt3 {
    font-size: 14px;
    line-height: 1.8;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .boro_rolex2 .txt3 {
        font-size: 22px;
    }
}
.boro_rolex2 .txt3 .marker {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(55%, transparent), color-stop(50%, #f0ff88));
    background: linear-gradient(transparent 55%, #f0ff88 50%);
}
.boro_rolex2 p + p {
    margin-top: 20px;
}

.boro_rolex3 {
    background: #efe0c7;
}
.boro_rolex3 .txt1 {
    font-size: 20px;
    line-height: 2;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .boro_rolex3 .txt1 {
        font-size: 37px;
        text-align: center;
    }
}
.boro_rolex3 .txt1 .large {
    font-size: 30px;
    line-height: 1.2;
}
@media screen and (min-width: 1000px) {
    .boro_rolex3 .txt1 .large {
        font-size: 50px;
    }
}
.boro_rolex3 .txt3 {
    font-size: 20px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .boro_rolex3 .txt3 {
        font-size: 37px;
        text-align: center;
    }
}
@media screen and (min-width: 1000px) {
    .boro_rolex3 .txt3 br {
        display: none;
    }
}
.boro_rolex3 .atmos_box img {
    width: 20%;
}
.boro_rolex3 p + p {
    margin-top: 20px;
}
.boro_rolex3 img {
    max-width: 100%;
    height: auto;
}

.kaitori .kaitori-howto-tips .kaitori-howto .text {
    position: relative;
}
@media screen and (max-width: 500px) {
    .kaitori .kaitori-howto-tips .kaitori-howto .text {
        font-size: 15px;
    }
}
.kaitori .kaitori-howto-tips .kaitori-howto .parent.ico-plus,
.kaitori .kaitori-howto-tips .kaitori-howto .parent.ico-close {
    position: relative;
    top: 5px;
    left: 5px;
}
@media screen and (max-width: 500px) {
    .kaitori .kaitori-howto-tips .kaitori-howto .parent.ico-plus,
    .kaitori .kaitori-howto-tips .kaitori-howto .parent.ico-close {
        position: absolute;
        right: 0;
        bottom: -10px;
        top: auto;
        left: auto;
    }
}
.kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt {
    margin-top: 20px;
}
.kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt .accordion.child {
    cursor: pointer;
    background: #e9e9e9;
    padding-left: 20px;
    position: relative;
    margin-top: 10px;
}
@media screen and (min-width: 501px) {
    .kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt .accordion.child .pc {
        display: none;
    }
}
.kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt .accordion.child .ico-plus,
.kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt .accordion.child .ico-close {
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.kaitori .kaitori-howto-tips .kaitori-howto .kaitori-howto-txt p {
    margin-top: 20px;
}

.gold_banner_wrapper {
    margin-top: 30px;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper {
        max-width: 1000px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 45px;
        margin-top: 50px;
    }
}
.gold_banner_wrapper .gold_banner {
    width: 100%;
    position: relative;
    background: url("../images/gold_banner_bg_sp.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 80%;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner {
        background: url("../images/gold_banner_bg_pc.jpg") no-repeat center top;
        padding-top: 56%;
    }
}
.gold_banner_wrapper .gold_banner .left_box {
    position: absolute;
    top: 6%;
    left: 4%;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .left_box {
        top: 3%;
        left: 3%;
    }
}
.gold_banner_wrapper .gold_banner .left_box .date {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 5px 10px 2px;
    line-height: 1;
    font-size: clamp(1.8rem, 0.413rem + 3.04vw, 2.313rem);
    background: #E8C258;
    color: #000;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .left_box .date {
        padding: 7px 15px 1px;
    }
}
.gold_banner_wrapper .gold_banner .left_box .date::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 62%;
    border: 5px solid transparent;
    border-top: 7px solid #E8C258;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .left_box .date::before {
        left: 63%;
        border: 6px solid transparent;
        border-top: 10px solid #E8C258;
    }
}
.gold_banner_wrapper .gold_banner .left_box .breaking_news {
    color: #fff;
    font-size: clamp(3.188rem, 1.35rem + 7.84vw, 6.25rem);
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .left_box .breaking_news {
        margin-top: -8px;
    }
}
.gold_banner_wrapper .gold_banner .left_box .breaking_news.type2 {
    font-size: clamp(3.125rem, 2.046rem + 4.43vw, 4.813rem);
}
.gold_banner_wrapper .gold_banner .right_box {
    position: absolute;
    top: 37%;
    right: 0;
    background-color: #000;
    width: 58%;
    padding: 11px 0px 4px 2px;
    text-align: center;
    min-height: 25%;
    display: -ms-grid;
    display: grid;
    place-items: center;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box {
        top: 7%;
        width: 45%;
        padding: 20px 15px 10px 0px;
    }
}
.gold_banner_wrapper .gold_banner .right_box .newest {
    color: #fff;
    font-size: clamp(2.2rem, 0.55rem + 3.52vw, 2.75rem);
    font-weight: bold;
    line-height: 1;
    display: inline-block;
    position: relative;
}
.gold_banner_wrapper .gold_banner .right_box .newest::before, .gold_banner_wrapper .gold_banner .right_box .newest::after {
    position: absolute;
    bottom: 2px;
    height: 1.5rem;
    content: "";
}
@media screen and (min-width: 501px) {
    .gold_banner_wrapper .gold_banner .right_box .newest::before, .gold_banner_wrapper .gold_banner .right_box .newest::after {
        height: 2.5rem;
    }
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box .newest::before, .gold_banner_wrapper .gold_banner .right_box .newest::after {
        bottom: 3px;
        height: 3rem;
    }
}
.gold_banner_wrapper .gold_banner .right_box .newest::before {
    border-left: solid 1px;
    left: -13px;
    -webkit-transform: rotate(-25deg);
    transform: rotate(-25deg);
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box .newest::before {
        left: -19px;
    }
}
.gold_banner_wrapper .gold_banner .right_box .newest::after {
    border-right: solid 1px;
    right: -13px;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box .newest::after {
        right: -19px;
    }
}
.gold_banner_wrapper .gold_banner .right_box .price {
    color: #fff;
    font-size: clamp(1.063rem, 0.2rem + 3.68vw, 2.5rem);
    font-weight: bold;
    line-height: 1;
    margin-top: 3px;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box .price {
        margin-top: 10px;
    }
}
.gold_banner_wrapper .gold_banner .right_box .price strong {
    font-size: clamp(2.5rem, 1.6rem + 6.4vw, 5rem);
    display: inline-block;
}
@media screen and (min-width: 1000px) {
    .gold_banner_wrapper .gold_banner .right_box .price strong {
        letter-spacing: -0.01em;
    }
}

.gold_souba_banner {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    font-family: "Meiryo", "Hiragino Kaku Gothic Pro", "Arial", sans-serif;
}
.gold_souba_banner .content {
    width: 100%;
    position: relative;
    background: url("../images/gold_banner_bg_sp2.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 79.89%;
    height: 0;
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content {
        background: url("../images/gold_banner_bg_pc2.jpg") no-repeat center top;
        padding-top: 56%;
    }
}
.gold_souba_banner .content .title_box {
    position: absolute;
    top: 5%;
    left: 5%;
}
.gold_souba_banner .content .today_box {
    position: absolute;
    top: 36%;
    left: 5%;
    width: 61%;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box {
        top: 39%;
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box {
        top: 37%;
    }
}
.gold_souba_banner .content .today_box .today_date {
    background-color: #000;
    color: #fff;
    border-radius: 9999px;
    text-align: center;
    width: 65%;
    position: relative;
    z-index: 1;
    margin-bottom: -10px;
    margin-left: 3%;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .today_box .today_date {
        font-size: clamp(14px, 14px + 2 * (100vw - 375px) / 125, 16px);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .today_date {
        font-size: clamp(16px, 16px + 20 * (100vw - 500px) / 499, 36px);
        margin-bottom: clamp(-10px, -10px + -20px * (100vw - 500px) / 499px, -30px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .today_date {
        width: 320px;
        font-size: 31px;
        margin-bottom: -23px;
    }
}
.gold_souba_banner .content .today_box .the_day_before_box {
    position: absolute;
    top: -10%;
    right: 3%;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .the_day_before_box {
        top: clamp(-5px, -5px + 20 * (100vw - 500px) / 499, 15px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .the_day_before_box {
        top: 3%;
        right: 28%;
    }
}
.gold_souba_banner .content .today_box .the_day_before_box .balloon {
    position: relative;
    width: clamp(53px, 53px + 7 * (100vw - 375px) / 125, 60px);
    height: clamp(53px, 53px + 7 * (100vw - 375px) / 125, 60px);
    border-radius: 50%;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    background-color: #000;
    display: -ms-grid;
    display: grid;
    place-content: center;
    padding-top: 2px;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon {
        line-height: 1.3;
        width: clamp(60px, 60px + 40 * (100vw - 500px) / 499, 100px);
        height: clamp(60px, 60px + 40 * (100vw - 500px) / 499, 100px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon {
        width: 85px;
        height: 85px;
    }
}
.gold_souba_banner .content .today_box .the_day_before_box .balloon::before {
    content: "";
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: 0px;
    bottom: 0px;
    border-right: 15px solid #000;
    border-top: 10px solid transparent;
    border-bottom: 5px solid transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon::before {
        left: 5px;
    }
}
.gold_souba_banner .content .today_box .the_day_before_box .balloon .value_the_day_before {
    font-weight: bold;
    font-size: 12px;
    letter-spacing: normal;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon .value_the_day_before {
        font-size: clamp(12px, 12px + 11 * (100vw - 500px) / 499, 23px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon .value_the_day_before {
        font-size: 20px;
    }
}
.gold_souba_banner .content .today_box .the_day_before_box .balloon .value_the_day_before .en {
    font-size: 10px;
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .the_day_before_box .balloon .value_the_day_before .en {
        font-size: 16px;
    }
}
.gold_souba_banner .content .today_box .value_today {
    background-color: #fff;
    font-weight: bold;
    padding-left: 5%;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .today_box .value_today {
        padding-top: 9px;
        font-size: clamp(42px, 42px + 16 * (100vw - 375px) / 125, 58px);
        height: clamp(66px, 66px + 18px * (100vw - 375px) / 125px, 84px);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .value_today {
        font-size: clamp(55px, 55px + 60 * (100vw - 500px) / 499, 115px);
        height: clamp(84px, 84px + 116px * (100vw - 500px) / 499px, 200px);
        line-height: 1;
        padding-top: 22px;
        padding-bottom: 2%;
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .value_today {
        font-size: 90px;
        width: 455px;
        padding-top: 35px;
        padding-bottom: 7px;
    }
}
.gold_souba_banner .content .today_box .value_today .en {
    font-size: 20px;
    letter-spacing: normal;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .today_box .value_today .en {
        font-size: clamp(20px, 20px + 18 * (100vw - 500px) / 499, 38px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .today_box .value_today .en {
        font-size: 36px;
    }
}
.gold_souba_banner .content .past_box {
    position: absolute;
    top: 68%;
    left: 5%;
    width: 61%;
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .past_box {
        width: 455px;
        top: 70%;
    }
}
.gold_souba_banner .content .past_box img {
    display: block;
    max-width: 100%;
    height: auto;
    margin-top: 1%;
    margin-bottom: 4%;
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .past_box img {
        margin-top: 3px;
        margin-bottom: 7px;
    }
}
.gold_souba_banner .content .past_box .past_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 2%;
    -moz-column-gap: 2%;
    column-gap: 2%;
}
.gold_souba_banner .content .past_box .past_flex li {
    width: 100%;
    background-color: #fff;
}
.gold_souba_banner .content .past_box .past_flex li .last_year_date,
.gold_souba_banner .content .past_box .past_flex li .the_year_before_last_date {
    background-color: #000;
    border-radius: 9999px;
    color: #fff;
    text-align: center;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -7px;
    letter-spacing: normal;
    padding-top: 2%;
    padding-bottom: 1%;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .past_box .past_flex li .last_year_date,
    .gold_souba_banner .content .past_box .past_flex li .the_year_before_last_date {
        font-size: clamp(0.625rem, 0.063rem + 2.4vw, 0.813rem);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .past_box .past_flex li .last_year_date,
    .gold_souba_banner .content .past_box .past_flex li .the_year_before_last_date {
        margin-top: -6%;
        font-size: clamp(12px, 12px + 6 * (100vw - 500px) / 499, 18px);
        padding-top: 1%;
        padding-bottom: 0%;
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .past_box .past_flex li .last_year_date,
    .gold_souba_banner .content .past_box .past_flex li .the_year_before_last_date {
        padding-bottom: 1px;
        margin-top: -10px;
        font-size: 14px;
        width: 130px;
    }
}
.gold_souba_banner .content .past_box .past_flex li .value_last_year,
.gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last {
    font-weight: bold;
    text-align: center;
    letter-spacing: -0.05em;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .past_box .past_flex li .value_last_year,
    .gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last {
        font-size: clamp(18px, 18px + 9 * (100vw - 375px) / 125, 27px);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .past_box .past_flex li .value_last_year,
    .gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last {
        line-height: 1.3;
        font-size: clamp(27px, 27px + 33 * (100vw - 500px) / 499, 60px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .past_box .past_flex li .value_last_year,
    .gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last {
        line-height: 1;
        font-size: 45px;
        padding-top: 7px;
        padding-bottom: 4px;
    }
}
.gold_souba_banner .content .past_box .past_flex li .value_last_year .en,
.gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last .en {
    font-size: 14px;
    letter-spacing: normal;
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .past_box .past_flex li .value_last_year .en,
    .gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last .en {
        font-size: clamp(14px, 14px + 9 * (100vw - 500px) / 499, 23px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .past_box .past_flex li .value_last_year .en,
    .gold_souba_banner .content .past_box .past_flex li .value_the_year_before_last .en {
        font-size: 20px;
    }
}
.gold_souba_banner .content .title {
    color: #fff;
    line-height: 1.2;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .title {
        font-size: clamp(3.063rem, 1.563rem + 6.4vw, 3.563rem);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .title {
        font-size: clamp(65px, 65px + 68 * (100vw - 500px) / 499, 133px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .title {
        font-size: 97px;
    }
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .title.type2 {
        line-height: 1.11;
        font-size: clamp(37px, 37px + 12 * (100vw - 375px) / 125, 49px);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .title.type2 {
        line-height: 1.15;
        font-size: clamp(53px, 53px + 52 * (100vw - 500px) / 499, 105px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .title.type2 {
        font-size: 75px;
    }
}
.gold_souba_banner .content .text {
    color: #fff;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .text {
        font-size: clamp(1.6rem, 0.438rem + 2.4vw, 1.188rem);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .text {
        font-size: clamp(22px, 22px + 23 * (100vw - 500px) / 499, 45px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .text {
        font-size: 32px;
    }
}
.gold_souba_banner .content .text2 {
    font-size: 10px;
    line-height: 1.1;
    letter-spacing: normal;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .text2 {
        font-size: clamp(0.625rem, 0.25rem + 1.6vw, 0.75rem);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .text2 {
        line-height: 1.5;
        font-size: clamp(10px, 10px + 5 * (100vw - 500px) / 499, 15px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .text2 {
        line-height: 1.1;
        font-size: 13px;
    }
}
.gold_souba_banner .content .text3 {
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 14px;
}
@media screen and (max-width: 500px) {
    .gold_souba_banner .content .text3 {
        font-size: clamp(0.875rem, -0.25rem + 4.8vw, 1.25rem);
    }
}
@media screen and (min-width: 501px) {
    .gold_souba_banner .content .text3 {
        font-size: clamp(18px, 18px + 20 * (100vw - 500px) / 499, 38px);
    }
}
@media screen and (min-width: 1000px) {
    .gold_souba_banner .content .text3 {
        font-size: 29px;
        line-height: 1;
        padding-bottom: 7px;
    }
}

#archive-kaitori .mv {
    position: relative;
    background: url(../images/archive_kaitori_mv_sp.jpg) no-repeat center top;
    padding-top: 125%;
    background-size: cover;
}
@media screen and (min-width: 501px) {
    #archive-kaitori .mv {
        background: url(../images/archive_kaitori_mv_pc.jpg) no-repeat center top;
        padding-top: 40%;
        background-size: cover;
    }
}
#archive-kaitori .mv .text {
    position: absolute;
    color: #fff;
    top: 52%;
    width: 100%;
    text-align: center;
    font-size: clamp(1.438rem, 0.125rem + 5.6vw, 1.875rem);
    font-weight: bold;
    line-height: 1.25;
}
@media screen and (min-width: 501px) {
    #archive-kaitori .mv .text {
        top: 10%;
        left: 3%;
        width: auto;
        font-size: clamp(1.063rem, -0.375rem + 4.6vw, 2.5rem);
    }
}
#archive-kaitori .mv .text2 {
    position: absolute;
    color: #fff;
    top: 81%;
    width: 90%;
    text-align: center;
    font-size: clamp(0.656rem, 2.8vw, 0.875rem);
    border-top: 1px solid #fff;
    margin: 0 5%;
    padding-top: 3.7%;
    line-height: 1.7;
}
@media screen and (min-width: 501px) {
    #archive-kaitori .mv .text2 {
        top: 65%;
        left: -3%;
        width: 53%;
        font-size: clamp(0.563rem, 1.8vw, 1.8rem);
        padding-top: 2%;
        line-height: 1.6;
    }
}

.text-overlay-wrapper {
    position: relative;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ, Meiryo, serif;
}
.text-overlay-wrapper .text-overlay {
    position: absolute;
    top: 8.5%;
    left: 48.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: clamp(1.313rem, -0.05rem + 5.81vw, 3.438rem);
    font-weight: bold;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    letter-spacing: 1px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1.3;
}
@media screen and (min-width: 961px) {
    .text-overlay-wrapper .text-overlay {
        top: 13.5%;
        left: 3.5%;
        font-size: 32px;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
        line-height: 1.4;
    }
}
.text-overlay-wrapper .text-overlay2 {
    position: absolute;
    top: 33.5%;
    left: 41.5%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: clamp(2.5rem, -0.304rem + 11.97vw, 6.875rem);
    font-weight: bold;
    -webkit-transform: rotate(7deg);
    transform: rotate(7deg);
    letter-spacing: 5px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    line-height: 1;
}
@media screen and (min-width: 961px) {
    .text-overlay-wrapper .text-overlay2 {
        top: 38%;
        left: 3.5%;
        font-size: 52px;
        letter-spacing: 8px;
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg);
    }
}
.text-overlay-wrapper .text-overlay2 span {
    font-size: clamp(1.313rem, -0.05rem + 5.81vw, 3.438rem);
    position: relative;
    bottom: 3px;
}
@media screen and (min-width: 961px) {
    .text-overlay-wrapper .text-overlay2 span {
        font-size: 32px;
    }
}

.kaitori .kaitori-method {
    padding: 20px 0;
    font-size: 18px;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method {
        padding: 10px 0;
    }
}
.kaitori .kaitori-method ul {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul {
        padding-bottom: 15px;
    }
}
.kaitori .kaitori-method ul li {
    padding: 0 30px;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li {
        padding: 10px 0;
        width: 33%;
    }
}
.kaitori .kaitori-method ul li:first-child {
    padding: 0 40px;
    font-size: 21px;
    margin-right: 20px;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li:first-child {
        display: none;
    }
}
.kaitori .kaitori-method ul li:not(:first-child):not(:last-child) {
    border-right: 1px solid #fff;
}
.kaitori .kaitori-method ul li:nth-child(2) a::before {
    content: "";
    background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/singel-nav-icon-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 37px;
    margin-right: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li:nth-child(3) a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
.kaitori .kaitori-method ul li:nth-child(3) a::before {
    content: "";
    background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/singel-nav-icon-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 37px;
    margin-right: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li:nth-child(4) a {
        padding-left: 10px;
    }
}
.kaitori .kaitori-method ul li:nth-child(4) a::before {
    content: "";
    background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/singel-nav-icon-03.png);
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    width: 50px;
    margin-right: 5px;
    vertical-align: middle;
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li:nth-child(4) a::before {
        width: 38px;
    }
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method ul li a {
        font-size: 14px;
    }
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method .section-inner {
        width: 100%;
        padding: 0 10px;
    }
}
@media screen and (max-width: 990px) {
    .kaitori .kaitori-method .arrow_r::after {
        margin-top: 0;
    }
}
.kaitori .red_bg {
    background: #000;
}

@media screen and (max-width: 999px) {
    .kaitori .mv {
        background-color: #000;
        padding-top: 5px;
    }
    .kaitori .mv .contents {
        position: relative;
    }
    .kaitori .mv .contents .text-wrap .text-box {
        position: absolute;
        top: 2%;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        text-align: center;
        border-bottom: 1px solid #fff;
        width: 90%;
    }
    .kaitori .mv .contents .text-wrap .text-box .text {
        color: #fff;
        font-size: 20px;
    }
    .kaitori .mv .contents .text-wrap .text-box .text2 {
        color: #fff;
        font-size: 70px;
        font-weight: bold;
        line-height: 1;
        padding-top: 7px;
        padding-bottom: 10px;
        min-height: 137px;
        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;
    }
    .kaitori .mv .contents .text-wrap .text-box2 {
        position: absolute;
        bottom: 5%;
        left: 3%;
    }
    .kaitori .mv .contents .text-wrap .text-box2 .text3 {
        color: #000;
        font-size: 18px;
    }
    .kaitori .mv img {
        height: 600px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .mv img {
        height: auto;
    }
    .kaitori .mv .contents .text-wrap .text-box .text2 {
        min-height: 87px;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori .mv {
        width: 1000px;
        margin: 0 auto;
    }
    .kaitori .mv .contents {
        position: relative;
    }
    .kaitori .mv .contents .text-wrap {
        position: absolute;
        left: 2%;
        top: 8%;
        width: 600px;
    }
    .kaitori .mv .contents .text-wrap .text-box {
        text-align: center;
        padding-left: 1%;
        padding-right: 1%;
        border-bottom: 1px solid #fff;
    }
    .kaitori .mv .contents .text-wrap .text-box .text {
        color: #fff;
        font-size: 30px;
    }
    .kaitori .mv .contents .text-wrap .text-box .text2 {
        color: #fff;
        font-size: 120px;
        font-weight: bold;
        min-height: 180px;
        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;
    }
    .kaitori .mv .contents .text-wrap .text-box2 {
        text-align: center;
        margin-top: 35px;
    }
    .kaitori .mv .contents .text-wrap .text-box2 .text3 {
        color: #fff;
        font-size: 30px;
    }
}

.kaitori .rolex-model .primary .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
    .kaitori .rolex-model .primary .flex {
        row-gap: 15px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .rolex-model .primary .flex {
        row-gap: 30px;
    }
}
.kaitori .rolex-model .primary .flex li {
    border: 1px solid #323232;
    background-color: #fafafa;
    border-radius: 10px;
    overflow: hidden;
    padding-top: 15px;
    padding-bottom: 15px;
}
@media screen and (max-width: 500px) {
    .kaitori .rolex-model .primary .flex li {
        width: 48%;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .rolex-model .primary .flex li {
        width: 23%;
    }
}
.kaitori .rolex-model .primary .flex li a {
    color: initial;
}
.kaitori .rolex-model .primary .flex li a img {
    max-width: 100%;
    height: auto;
}
.kaitori .rolex-model .primary .flex li a .text {
    font-size: 16px;
    text-align: center;
    padding-top: 15px;
}

.kaitori .swiper-wrapper-achievements {
    margin-bottom: 20px;
}
@media screen and (max-width: 500px) {
    .kaitori .swiper-wrapper-achievements {
        margin-bottom: 10px;
    }
}
.kaitori .swiper-wrapper-achievements .swiper-button-next,
.kaitori .swiper-wrapper-achievements .swiper-button-prev {
    color: #000;
}
.kaitori .swiper-wrapper-achievements .swiper-button-prev {
    left: -5px;
}
.kaitori .swiper-wrapper-achievements .swiper-button-next {
    right: -5px;
}
.kaitori .swiper-wrapper-achievements .swiper-button-next:after,
.kaitori .swiper-wrapper-achievements .swiper-button-prev:after {
    font-size: 20px;
}
.kaitori .swiper-wrapper-achievements summary {
    cursor: pointer;
    position: relative;
}
.kaitori .swiper-wrapper-achievements summary {
    list-style-type: none;
}
.kaitori .swiper-wrapper-achievements summary::-webkit-details-marker {
    display: none;
}
.kaitori .swiper-wrapper-achievements summary:before {
    content: "＋";
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 45px;
}
.kaitori .swiper-wrapper-achievements details[open] summary:before,
.kaitori .swiper-wrapper-achievements summary details[open] summary:before {
    content: "−";
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 45px;
}
.kaitori .swiper-wrapper-achievements summary {
    list-style: none;
}
.kaitori .swiper-wrapper-achievements summary::-webkit-details-marker {
    display: none;
}
.kaitori .swiper-wrapper-achievements details + details {
    margin-top: 30px;
}
@media screen and (max-width: 500px) {
    .kaitori .swiper-wrapper-achievements details + details {
        margin-top: 10px;
    }
}
.kaitori .swiper-wrapper-achievements details summary .category {
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: bold;
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper {
    padding-left: 25px;
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .name_box {
    font-weight: bold;
    text-align: left;
    min-height: 50px;
}
@media screen and (max-width: 500px) {
    .kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .name_box {
        font-size: 16px;
        min-height: 55px;
    }
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box {
    text-align: left;
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li {
    color: #000;
    font-size: 12px;
}
@media screen and (max-width: 500px) {
    .kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li {
        font-size: 10px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li + li {
        margin-top: 5px;
    }
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li .value {
    font-size: 20px;
}
@media screen and (min-width: 501px) {
    .kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li .value {
        display: inline;
    }
}
.kaitori .swiper-wrapper-achievements details .swiper .swiper-wrapper .swiper-slide .price_box li .value span {
    font-size: 10px;
}
.kaitori .swiper-wrapper-achievements .note {
    margin-top: 15px;
    padding-left: 1em;
    text-indent: -1em;
}
@media screen and (min-width: 501px) {
    .kaitori .swiper-wrapper-achievements .note {
        text-align: right;
    }
}

.kaitori .gold-expert .contents .head {
    background-color: #9A854A;
    border-radius: 10px 10px 0 0;
    border: 1px solid #9A854A;
    padding: 8px 0 6px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .head {
        padding: 6px 0 2px;
    }
}
.kaitori .gold-expert .contents .head .title {
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .head .title {
        font-size: 35px;
    }
}
.kaitori .gold-expert .contents .head .renew {
    color: #fff;
    font-size: 10px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .head .renew {
        font-size: 18px;
    }
}
.kaitori .gold-expert .contents > .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.kaitori .gold-expert .contents .primary {
    background-color: #FEFBF7;
    border-radius: 0 0 10px 10px;
    border: 1px solid #9A854A;
    padding: 15px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary {
        padding: 30px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information {
        padding-right: 10px;
        width: 303px;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex {
        display: block;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: end;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .image img {
    width: 155px;
    -o-object-fit: cover;
    object-fit: cover;
    height: 150px;
    -o-object-position: -55px 0;
    object-position: -55px 0;
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .image img {
        width: 120px;
        height: 120px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns {
        margin-top: 5px;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .name {
    font-weight: bold;
    font-size: 13px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .name {
        font-size: 20px;
        padding-left: 15px;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .name a {
    color: inherit;
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .name .position {
    display: block;
    font-size: 11px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .name .position {
        font-size: 17px;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .sns {
    margin-top: 3px;
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex > .flex .name_sns .sns a img {
    width: 25px;
    height: 25px;
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex .career {
        width: 59%;
    }
}
.kaitori .gold-expert .contents .primary > .flex .personal_information > .flex .career p {
    font-size: 11px;
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .personal_information > .flex .career p {
        font-size: 12px;
    }
}
.kaitori .gold-expert .contents .primary > .flex .explain {
    font-size: 15px;
    line-height: 1.8;
}
@media screen and (max-width: 500px) {
    .kaitori .gold-expert .contents .primary > .flex .explain {
        border-bottom: 1px solid #9A854A;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .gold-expert .contents .primary > .flex .explain {
        font-size: 14px;
        min-height: 300px;
        border-left: 1px solid #9A854A;
        padding-left: 15px;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}

@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton {
        padding-bottom: 40px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton.letter {
        padding-bottom: 0;
        margin-top: 60px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton.letter {
        margin-top: 80px;
    }
}
.kaitori .boro_vuitton .bg {
    position: relative;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg {
        background: #e9e9e9 url(../images/kaitori/boro_person.png) no-repeat left 100%;
        background-size: 55%;
        padding-top: 15px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg.letter {
        padding-top: 20px;
        padding-bottom: 25px;
        background: none;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg.letter {
        padding-top: 15px;
        padding-bottom: 40px;
    }
}
.kaitori .boro_vuitton .bg.letter::before {
    height: 100%;
    padding-bottom: 25px;
}
.kaitori .boro_vuitton .bg::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 63%;
    background-color: #e9e9e9;
    z-index: -1;
}
.kaitori .boro_vuitton .bg .warranty_box img {
    max-width: 100%;
    margin-left: auto;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg .warranty_box img {
        width: 60%;
        margin-top: -40px;
        position: relative;
        bottom: -15px;
    }
}
.kaitori .boro_vuitton .bg .item_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg .item_list {
        margin-top: 10px;
        row-gap: 10px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg .item_list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg .item_list li {
        width: 48%;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg .item_list li {
        width: 24%;
    }
}
.kaitori .boro_vuitton .bg .item_list li img {
    max-width: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    background-color: #fff;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg .item_list li img {
        height: 125px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg .item_list li img {
        height: 225px;
    }
}
.kaitori .boro_vuitton .bg .item_list li .text_box {
    text-align: center;
    background-color: #000;
    margin-top: 7px;
    position: relative;
}
.kaitori .boro_vuitton .bg .item_list li .text_box::before {
    content: "";
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-bottom: 15px solid #000;
}
.kaitori .boro_vuitton .bg .item_list li .text_box p {
    color: #fff;
    padding: 3px 0;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .bg .item_list li .text_box p {
        font-size: 15px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg .item_list li .text_box p {
        font-size: 23px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .bg .pc_box {
        background: url(../images/kaitori/boro_person.png) no-repeat left bottom;
        background-size: 46%;
        text-align: right;
    }
}
.kaitori .boro_vuitton img {
    max-width: 100%;
}
.kaitori .boro_vuitton .naname_text_box {
    text-align: center;
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .naname_text_box {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .naname_text_box.letter .text {
        padding-inline: 20px;
    }
}
.kaitori .boro_vuitton .text {
    color: #000;
    display: inline-block;
    position: relative;
    font-weight: bold;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .text {
        font-size: 17px;
        padding-inline: 10px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .text {
        font-size: 33px;
        padding-inline: 20px;
    }
}
.kaitori .boro_vuitton .text::before, .kaitori .boro_vuitton .text::after {
    content: "";
    height: 100%;
    width: 2px;
    background-color: #000;
    position: absolute;
    top: 0;
}
.kaitori .boro_vuitton .text::before {
    left: 0;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
}
.kaitori .boro_vuitton .text::after {
    right: 0;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
}
.kaitori .boro_vuitton .text2 {
    color: #000;
    font-weight: bold;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .text2 {
        margin-top: 10px;
        margin-bottom: 25px;
        font-size: 21px;
        text-align: center;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .text2 {
        text-align: right;
        margin-right: 110px;
        padding-top: 15px;
        font-size: 39px;
    }
}
.kaitori .boro_vuitton .text2 em {
    font-style: normal;
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .text2 em {
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(70%, #FFFF00), color-stop(70%, transparent));
        background-image: linear-gradient(to bottom, #FFFF00 70%, transparent 70%);
        background-repeat: no-repeat;
        background-size: 100% 15px;
        background-position: 0 90%;
        display: inline-block;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .text2 span {
        font-size: 15px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .text2 span {
        font-size: 27px;
    }
}
.kaitori .boro_vuitton .text3 {
    font-weight: bold;
    color: #000;
}
@media screen and (max-width: 500px) {
    .kaitori .boro_vuitton .text3 {
        margin-top: 30px;
        margin-bottom: 5px;
        text-align: center;
        font-size: 21px;
    }
}
@media screen and (min-width: 501px) {
    .kaitori .boro_vuitton .text3 {
        text-align: right;
        padding-right: 140px;
        margin-top: 30px;
        font-size: 33px;
    }
}

.point-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
}
@media screen and (max-width: 500px) {
    .point-title {
        display: block;
    }
}
.point-title p {
    color: #FFA102;
    font-size: 18px;
    font-weight: bold;
}
.point-title .point-bg {
    background: #000;
    border-radius: 10px;
    color: #fff;
    padding: 10px 15px;
    position: relative;
    margin-left: 20px;
}
@media screen and (max-width: 500px) {
    .point-title .point-bg {
        margin-left: 0;
    }
}
/*.point-title .point-bg::before {
    position: absolute;
    content: "";
    border: 5px solid transparent;
    border-right: 20px solid #000;
    top: 50%;
    left: -20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}*/
@media screen and (max-width: 500px) {
    .point-title .point-bg::before {
        position: absolute;
        content: "";
        border: 5px solid transparent;
        border-bottom: 20px solid #000;
        left: 60px;
        top: -15px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
    }
}
@media screen and (max-width: 500px) {
    .point-title .point-bg h2 {
        font-size: 17px;
        letter-spacing: -0.5px;
    }
}
@media screen and (min-width: 501px) {
    .point-title h2 {
        font-size: 35px;
        font-weight: bold;
    }
}
@media screen and (max-width: 500px) {
    .point-title .point-title-inner {
        font-size: 15px;
        font-weight: bold;
        width: 100%;
    }
}
.point-title .point-kuma {
    margin-bottom: 10px;
}
@media screen and (max-width: 500px) {
    .point-title .point-kuma {
        margin-right: 10px;
    }
}

.kaitori .diamond_grading_report {
    margin-bottom: 35px;
}
.kaitori .diamond_grading_report .flex_report {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
@media screen and (max-width: 999px) {
    .kaitori .diamond_grading_report .flex_report {
        row-gap: 20px;
        margin-top: 35px;
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        margin-top: 45px;
    }
}
.kaitori .diamond_grading_report .flex_report li {
    background: #dfefff;
}
@media screen and (max-width: 999px) {
    .kaitori .diamond_grading_report .flex_report li {
        width: 100%;
        padding: 4%;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report li {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding: 20px;
    }
}
.kaitori .diamond_grading_report .flex_report li .title {
    text-align: center;
    font-size: 20px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report li .title {
        font-size: 35px;
    }
}
.kaitori .diamond_grading_report .flex_report li .en {
    color: #0c97ff;
    text-align: center;
    font-size: 10px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report li .en {
        font-size: 15px;
    }
}
.kaitori .diamond_grading_report .flex_report li .image {
    text-align: center;
    margin-top: 10px;
}
.kaitori .diamond_grading_report .flex_report li .image img {
    width: 52%;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report li .image img {
        width: 233px;
    }
}
.kaitori .diamond_grading_report .flex_report li .explain {
    font-size: 12px;
    margin-top: 15px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .flex_report li .explain {
        font-size: 16px;
        line-height: 1.7;
    }
}
.kaitori .diamond_grading_report .box1 {
    background: url("../images/diamond_grading_report_mikity1.png");
    background-repeat: no-repeat;
    background-size: 37%;
    min-height: 290px;
    margin-left: -20px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box1 {
        background-size: 33%;
        margin-left: -50px;
    }
}
.kaitori .diamond_grading_report .box1 .right_side {
    margin-left: auto;
    width: 65%;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box1 .right_side {
        width: 750px;
        padding-top: 45px;
    }
}
.kaitori .diamond_grading_report .box1 .right_side .balloon_curve {
    position: relative;
    padding: 10px;
    background-color: #000;
    color: #ffffff;
    border-radius: 10px;
    font-size: 15px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box1 .right_side .balloon_curve {
        font-size: 27px;
        padding: 20px 10px 20px 20px;
    }
}
.kaitori .diamond_grading_report .box1 .right_side .balloon_curve::before {
    content: "";
    position: absolute;
    top: 0;
    left: -17px;
    width: 33px;
    height: 100%;
    background-image: url("../images/balloon_curve_left.svg");
    background-position: left center;
    background-repeat: no-repeat;
    z-index: -1;
}
.kaitori .diamond_grading_report .box1 .right_side p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box1 .right_side p {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 15px;
    }
}
.kaitori .diamond_grading_report .box2 {
    background: url("../images/diamond_grading_report_mikity2.png");
    background-repeat: no-repeat;
    background-size: 37%;
    min-height: 290px;
    margin-right: -20px;
    background-position: right top;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box2 {
        background-size: 33%;
        margin-right: -50px;
    }
}
.kaitori .diamond_grading_report .box2 .left_side {
    width: 65%;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box2 .left_side {
        width: 750px;
        padding-top: 45px;
    }
}
.kaitori .diamond_grading_report .box2 .balloon_curve {
    position: relative;
    padding: 10px;
    background-color: #000;
    color: #ffffff;
    border-radius: 10px;
    font-size: 15px;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box2 .balloon_curve {
        font-size: 27px;
        padding: 20px 10px 20px 20px;
    }
}
.kaitori .diamond_grading_report .box2 .balloon_curve::before {
    content: "";
    position: absolute;
    top: 0;
    right: -17px;
    width: 33px;
    height: 100%;
    background-image: url("../images/balloon_curve_right.svg");
    background-position: left center;
    background-repeat: no-repeat;
    z-index: -1;
}
.kaitori .diamond_grading_report .box2 p {
    font-size: 12px;
    margin-top: 10px;
    line-height: 1.5;
}
@media screen and (min-width: 1000px) {
    .kaitori .diamond_grading_report .box2 p {
        font-size: 16px;
        line-height: 1.6;
        margin-top: 15px;
    }
}
@media screen and (max-width: 500px) {
    .kaitori .diamond_grading_report .box1 + .box2 {
        margin-top: 10px;
    }
}
.kaitori .diamond_grading_report img {
    max-width: 100%;
    height: auto;
}

.author .title {
    font-size: 20px;
    padding: 10px 0;
    line-height: 1.3;
}
@media screen and (min-width: 501px) {
    .author .title {
        font-size: 36px;
        padding: 25px 0;
    }
}
@media screen and (min-width: 501px) {
    .author .title br {
        display: none;
    }
}
.author .name_area {
    background: #000;
    color: #fff;
    font-weight: bold;
    padding: 10px 0;
}
@media screen and (min-width: 501px) {
    .author .name_area {
        padding: 15px 0;
    }
}
@media screen and (max-width: 500px) {
    .author .name_area.section-inner {
        width: 100vw;
    }
}
@media screen and (min-width: 501px) {
    .author .name_area.section-inner > .section-inner {
        padding: 0 30px;
    }
}
.author .name_area .name {
    font-size: 20px;
}
@media screen and (min-width: 501px) {
    .author .name_area .name {
        font-size: 36px;
    }
}
.author .name_area .name .job {
    font-size: 10px;
    margin-left: 2em;
}
@media screen and (min-width: 501px) {
    .author .name_area .name .job {
        font-size: 16px;
    }
}
.author .flex {
    padding: 20px 0;
}
@media screen and (max-width: 500px) {
    .author .flex {
        display: block;
    }
}
@media screen and (min-width: 501px) {
    .author .flex {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        column-gap: 25px;
        padding: 30px 0;
    }
}
.author .flex .image_box .image {
    margin-bottom: 15px;
}
@media screen and (min-width: 501px) {
    .author .flex .image_box .image img {
        width: 155px;
        -o-object-fit: cover;
        object-fit: cover;
        height: 150px;
        -o-object-position: -55px 0;
        object-position: -55px 0;
    }
}
@media screen and (min-width: 501px) {
    .author .flex .text_box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
@media screen and (min-width: 501px) {
    .author .flex .text_box hr {
        margin: 1.5em 0;
    }
}
.author .text {
    font-size: 16px;
}
.author .text + .text2 {
    margin-top: 15px;
}
@media screen and (min-width: 501px) {
    .author .text + .text2 {
        margin-top: 20px;
    }
}
.author .text2 {
    margin-bottom: 7px;
    font-size: 17px;
}
@media screen and (min-width: 501px) {
    .author .text2 {
        font-size: 18px;
    }
}
.author .text3 {
    margin-bottom: 3px;
}
.author .text4 {
    font-size: 10px;
}
@media screen and (min-width: 501px) {
    .author .text4 {
        font-size: 12px;
    }
}
.author .sns_flex {
    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;
    -webkit-column-gap: 15px;
    -moz-column-gap: 15px;
    column-gap: 15px;
}
@media screen and (max-width: 500px) {
    .author .sns_flex.pc {
        display: none;
    }
}
@media screen and (min-width: 501px) {
    .author .sns_flex.sp {
        display: none;
    }
}
.author .sns_flex a {
    display: block;
    text-align: center;
    font-size: 12px;
}
.author .sns_flex a img {
    display: block;
}
.author img {
    max-width: 100%;
    height: auto;
}

.appraiser .contents.sp {
    margin-top: 70px;
}
.appraiser .contents.sp .head {
    background: #000;
    padding: 20px;
    border-radius: 10px 10px 0 0;
}
.appraiser .contents.sp .head .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 20px;
    -moz-column-gap: 20px;
    column-gap: 20px;
}
.appraiser .contents.sp .head .flex .image_box {
    width: 30%;
}
.appraiser .contents.sp .head .flex .image_box img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
}
.appraiser .contents.sp .head .flex .text_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.appraiser .contents.sp .head .flex .text_box .title {
    color: #fff;
    font-weight: bold;
    font-size: 17px;
}
.appraiser .contents.sp .head .flex .text_box .name {
    color: #fff;
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 43px;
    font-size: 20px;
    margin-top: 10px;
}
.appraiser .contents.sp .head .flex .text_box .name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background: url("../images/icon_appraiser.svg") no-repeat center center;
    background-size: contain;
    aspect-ratio: 1;
    width: 38px;
}
.appraiser .contents.sp .primary {
    padding: 20px;
    border: 1px solid #000;
    border-radius: 0 0 10px 10px;
}
.appraiser .contents.sp .primary dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ccc;
    padding: 7px 20px;
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
}
.appraiser .contents.sp .primary dl:last-of-type {
    border-bottom: 1px solid #ccc;
}
.appraiser .contents.sp .primary dl dt {
    color: #000;
    width: 40%;
}
.appraiser .contents.sp .primary dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.appraiser .contents.sp .primary .voice {
    margin-top: 15px;
}
.appraiser .contents.pc {
    position: relative;
    margin-top: 120px;
}
.appraiser .contents.pc .head {
    background: #000;
    border-radius: 10px 10px 0 0;
}
.appraiser .contents.pc .head .title {
    color: #fff;
    padding-left: 165px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 34px;
}
.appraiser .contents.pc .image_box {
    position: absolute;
    width: 130px;
    top: -25px;
    left: 20px;
}
.appraiser .contents.pc .image_box img {
    max-width: 100%;
    height: auto;
    border-radius: 50%;
    border: 4px solid #000;
}
.appraiser .contents.pc .flex {
    padding: 30px;
    border: 1px solid #000;
    border-radius: 0 0 10px 10px;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
}
.appraiser .contents.pc .flex .left_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-top: 10px;
}
.appraiser .contents.pc .flex .left_box .name {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-left: 60px;
    font-size: 35px;
    margin-bottom: 10px;
}
.appraiser .contents.pc .flex .left_box .name::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    display: inline-block;
    background: url("../images/icon_appraiser.svg") no-repeat center center;
    background-size: contain;
    aspect-ratio: 1;
    width: 50px;
}
.appraiser .contents.pc .flex .left_box dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-top: 1px solid #ccc;
    padding: 10px 5px;
}
.appraiser .contents.pc .flex .left_box dl:last-of-type {
    border-bottom: 1px solid #ccc;
}
.appraiser .contents.pc .flex .left_box dl dt {
    color: #000;
    width: 150px;
}
.appraiser .contents.pc .flex .left_box dl dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.appraiser .contents.pc .flex .right_box {
    width: 540px;
}
.id {
    margin-top: 60px;
    margin-bottom: 30px !important;
}
@media screen and (min-width: 501px) {
    .id {
        margin-top: 90px;
        margin-bottom: 70px !important;
    }
}
.id .head {
    border-bottom: 2px solid #000;
    font-weight: bold;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 501px) {
    .id .head {
        width: 900px;
    }
}
.id .id_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
@media screen and (min-width: 501px) {
    .id .id_list {
        width: 900px;
        margin: 30px auto 0;
    }
}
@media screen and (max-width: 500px) {
    .id .id_list {
        row-gap: 20px;
        margin: 15px auto 0;
    }
}
.id .id_list li {
    width: 33.3%;
    text-align: center;
}
@media screen and (min-width: 501px) {
    .id .id_list li {
        width: 150px;
    }
}
.id .id_list li .image img {
    display: block;
    max-width: 100%;
    height: auto;
    width: 23vw;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 501px) {
    .id .id_list li .image img {
        width: 125px;
    }
}
.id .id_list li .image img.passport {
    width: 13vw;
}
@media screen and (min-width: 501px) {
    .id .id_list li .image img.passport {
        width: 72px;
    }
}
.id .id_list li .name {
    font-size: 12px;
    letter-spacing: normal;
    font-weight: bold;
    margin-top: 7px;
}
@media screen and (min-width: 501px) {
    .id .id_list li .name {
        font-size: 16px;
    }
}
.id .note {
    font-size: 10px;
    line-height: 1.8;
    margin-bottom: 25px;
    margin-top: 20px;
}
@media screen and (min-width: 501px) {
    .id .note {
        margin-top: 15px;
        line-height: 2;
    }
}
.id .text {
    padding-bottom: 10px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
@media screen and (min-width: 501px) {
    .id .text {
        font-size: 27px;
    }
}
.id .text2 {
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
@media screen and (min-width: 501px) {
    .id .text2 {
        font-size: 19px;
    }
}
.id .text2 .marker {
    color: #000;
}

.shop,
.shop-detail {
    font-size: 12px;
    letter-spacing: 0.01em;
}
@media screen and (min-width: 501px) {
    .shop,
    .shop-detail {
        font-size: 1.6rem;
    }
}
@media screen and (max-width: 500px) {
    .shop section,
    .shop-detail section {
        padding-bottom: 0;
    }
}
.shop section h2,
.shop-detail section h2 {
    margin-bottom: 0;
}
.shop .main-section,
.shop-detail .main-section {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 501px) {
    .shop .main-section,
    .shop-detail .main-section {
        width: 100%;
    }
}
.shop .shop-detail-h1,
.shop-detail .shop-detail-h1 {
    margin: 20px 0;
}

.shop-detail .main-section {
    padding-top: 0;
}
.shop-detail .blog-archive-linkWrapper {
    margin-bottom: 40px;
}
.shop-detail .blog-archive-list {
    margin-bottom: 60px;
    margin-top: 33px;
    row-gap: 30px;
}
.shop-detail .blog-archive-list > li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
.shop-detail .blog-archive-list > li + li {
    border-top: 1px solid #424242;
    padding-top: 30px;
}
.shop-detail .blog-archive-list > li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li a {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100px;
        flex: 0 0 100px;
    }
}
.shop-detail .blog-archive-list > li .blog-catch-img img {
    width: 160px;
    height: 160px !important;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 0;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li .blog-catch-img img {
        width: 100px;
        height: 100px !important;
    }
}
.shop-detail .blog-archive-list > li .blog-archive-ttl {
    font-size: 20px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li .blog-archive-ttl {
        font-size: 16px !important;
    }
}
.shop-detail .blog-archive-list > li .blog-archive-ttl a {
    color: #000;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li .blog-archive-ttl a {
        line-height: 1.4;
    }
}
.shop-detail .blog-archive-list > li .blog-archive-date {
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li .blog-archive-date {
        font-size: 11px;
        margin-top: 7px;
    }
}
.shop-detail .blog-archive-list > li .blog-archive-point {
    font-size: 12px;
    margin-top: 10px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li .text_box .trigger {
        display: none;
    }
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .read_more::before {
        /* content: '閉じる'; */
    }
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        -webkit-transform: none;
        transform: none;
    }
    .shop-detail .blog-archive-list > li .text_box .blog-archive-point {
        position: relative;
        max-height: 100px;
        overflow: hidden;
    }
    .shop-detail .blog-archive-list > li .text_box .blog-archive-point::before {
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 20px; /*グラデーションで隠す高さ*/
        background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.9)), color-stop(50%, rgba(255, 255, 255, 0.9)), to(#fff));
        background: linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 50%, #fff 100%);
        content: "";
    }
    .shop-detail .blog-archive-list > li .text_box .read_more {
        position: relative;
        text-align: right;
        display: block;
        font-size: 12px;
        width: 95%;
        margin-left: auto;
        height: 25px;
        width: 25px;
        background: #000;
        border-radius: 50%;
    }
    .shop-detail .blog-archive-list > li .text_box .read_more::before {
        margin-right: 22px;
        /* content: "続きを読む"; */
        color: #000;
    }
    .shop-detail .blog-archive-list > li .text_box .read_more::after {
        /* right:5px; */
        /* top:2px; */
        /* width: 8px; */
        /* height: 8px; */
        /* border-top: 1px solid #000; */
        /* border-right: 1px solid #000; */
        /* transform: rotate(135deg); */
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    .shop-detail .blog-archive-list > li .text_box .read_more::before, .shop-detail .blog-archive-list > li .text_box .read_more::after {
        content: "";
        position: absolute;
        top: 12px;
        left: 4px;
        /* width: 24px; */
        /* height: 8px; */
        width: 16px;
        height: 2px;
        background-color: #fff;
    }
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        /* transform: rotate(-45deg); */
        /* top:6px; */
    }
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point {
        /*height: auto;*/
        max-height: none;
    }
    .shop-detail .blog-archive-list > li .text_box .read_more::after,
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .read_more::after {
        content: "";
        display: inline-block;
        position: absolute;
    }
    .shop-detail .blog-archive-list > li .text_box .trigger:checked ~ .blog-archive-point::before {
        display: none;
    }
}
.shop-detail .blog-archive-list > li > .right {
    padding-left: 10px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li > .right {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 6px;
    -moz-column-gap: 6px;
    column-gap: 6px;
    row-gap: 6px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 7px;
    }
}
@media screen and (min-width: 1000px) {
    .shop-detail .blog-archive-list > li > .right .blog-archive-flex {
        margin-top: 10px;
    }
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex li {
    margin: 0;
    width: auto;
    color: #fff;
    border-radius: 0;
    font-size: 12px;
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 1px 10px;
    }
}
@media screen and (min-width: 1000px) {
    .shop-detail .blog-archive-list > li > .right .blog-archive-flex li {
        padding: 2px 10px 1px;
    }
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-kind {
    background-color: #0054A7;
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-prefecture {
    background-color: #EB6500;
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex li.blog-archive-shop {
    background-color: #000;
}
.shop-detail .blog-archive-list > li > .right .blog-archive-flex li a {
    color: #fff;
}
@media screen and (min-width: 1000px) {
    .shop-detail .blog-archive-list .sp {
        display: none;
    }
}
@media screen and (max-width: 999px) {
    .shop-detail .blog-archive-list .pc {
        display: none;
    }
}

.shop-detail-link {
    margin-top: 24px;
    text-align: center;
}
.shop-detail-link a {
    border-radius: 30px;
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    color: #000;
    display: inline-block;
    font-weight: bold;
    padding: 12px 32px 12px 20px;
    position: relative;
}
.shop-detail-link a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-left: solid 2px #000;
    right: 12px;
}

.shop-catch {
    margin-bottom: 20px;
    line-height: 1.5;
}
.shop-catch .ttl-box-red {
    display: block;
}
.shop-catch .border-col-3 li .border-col-item {
    padding: 16px 8px 12px;
    font-size: 12px;
}
.shop-catch .border-col-3 li .shop-catch-col-img {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 33px;
    margin-bottom: 4px;
}
.shop-catch .border-col-3 li .shop-catch-col-img img {
    margin: 0 auto;
}

.shop-search-keyword {
    margin-bottom: 20px;
    background: #FCF7F0;
}
.shop-search-keyword .ttl-box-red {
    display: block;
    padding: 8px 0 8px 13px;
    border-radius: 4px 4px 0 0;
}
.shop-search-keyword .search-form form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.shop-search-keyword .search-form form input:first-of-type {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 8px 0 8px 13px;
    border: none;
}
.shop-search-keyword .search-form form input:last-of-type {
    padding: 12px;
    background: #000;
}

.shop-search-inner {
    padding: 18px 31px 19px 31px;
}

.shop-area .ttl-box-red {
    width: 100%;
}
@media screen and (min-width: 501px) {
    .shop-area .shop-area-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.shop-area .shop-area-list li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 501px) {
    .shop-area .shop-area-list li {
        width: 48%;
        margin-bottom: 20px;
    }
}
.shop-area .shop-area-list li:before {
    background-color: #000;
    height: 22px;
    width: 3px;
    content: "";
}
.shop-area .shop-area-list li:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
.shop-area .shop-area-list li a, .shop-area .shop-area-list li span {
    padding: 8px 0 8px 8px;
    width: 100%;
    color: #000;
    font-weight: bold;
}

.shop-area-city .shop-area-city-tll {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
}
.shop-area-city .shop-area-city-tll span {
    padding: 8px 0 8px 8px;
}
.shop-area-city .shop-area-city-tll:before {
    height: 22px;
    width: 3px;
    background-color: #000;
    content: "";
}
.shop-area-city .shop-area-city-item {
    padding: 12px 0;
    border-bottom: 1px solid #8F8F8F;
}
.shop-area-city .shop-area-city-item .shop-name {
    font-size: 1.6rem;
}
.shop-area-city .shop-area-city-item .shop-tel {
    display: inline-block;
    margin-bottom: 4px;
    border-bottom: 2px solid #000;
    font-size: 1.8rem;
}
@media screen and (min-width: 501px) {
    .shop-area-city .shop-area-city-item .shop-tel[href^="tel:"] {
        pointer-events: none;
    }
}
.shop-area-city .shop-area-city-item .shop-address,
.shop-area-city .shop-area-city-item .shop-opening {
    font-size: 12px;
}
.shop-area-city .shop-area-city-item .shop-address br {
    display: none;
}
.shop-area-city .shop-area-city-item .shop-detail-btn {
    padding-right: 20px;
    font-size: 14px;
}
.shop-area-city .shop-area-city-item .shop-detail-btn:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
.shop-area-city .shop-area-city-item .shop-detail-btn + .no-link {
    pointer-events: none;
}
.shop-area-city .shop-area-city-item .shop-att {
    margin: 8px 0;
    padding: 8px;
    background: #FEF8f8;
    letter-spacing: 0.11em;
    border: 1px dotted #eedddd;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new {
        margin-bottom: 25px;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new {
        margin-bottom: 65px;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item {
    padding: 0;
    border: none;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 10px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 0fr 0px 45px 0px 45px 0px 45px;
        grid-template-rows: 0fr 45px 45px 45px;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "name_address name_address" "pic time" "pic details_link" "pic tel";
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: auto 20px 1fr 20px 1fr 20px auto;
        grid-template-columns: auto 1fr 1fr auto;
        -ms-grid-rows: 3fr 0px 1fr 0px 1.5fr;
        grid-template-rows: 3fr 1fr 1.5fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "pic name_address name_address name_address" "pic time time time" "pic tel tel details_link";
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        height: 140px;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel {
    grid-area: tel;
    -ms-grid-row-align: end;
    align-self: end;
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel a {
    display: block;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel a {
        background-color: #000;
        color: #fff;
        padding: 10px 0;
        text-align: center;
        font-weight: bold;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel a {
        color: #000;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        font-size: 26px;
        line-height: 1;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel a[href^="tel:"] {
        pointer-events: none;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic {
    grid-area: pic;
    text-align: right;
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic img {
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic img {
        height: 135px;
        max-width: 100%;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic img {
        height: 140px;
    }
}
@media screen and (min-width: 1000px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic img {
        min-width: 186.6px;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link {
    grid-area: details_link;
    -ms-grid-row-align: end;
    align-self: end;
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link {
        -ms-grid-column-align: right;
        justify-self: right;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a {
    display: block;
    text-align: center;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a {
        background-color: #000;
        color: #fff;
        padding: 10px 0;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a {
        background-color: #fff;
        border: 1px solid #000;
        color: #000;
        width: 200px;
        padding: 4px 0;
    }
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a .sp {
        position: relative;
        right: 7px;
        font-weight: bold;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a .sp {
        display: none;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a .sp::after {
    content: "";
    position: absolute;
    top: 4px;
    right: -13px;
    width: 7px;
    height: 9px;
    background-image: url("../images/icon/arrow_r.svg");
    background-size: cover;
    background-position: center;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link a .pc {
        display: none;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time {
    grid-area: time;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time {
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
        line-height: 1.4;
    }
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time span {
        display: block;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time span::after {
        content: "/";
        display: inline-block;
        padding-left: 5px;
        padding-right: 3px;
    }
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        -ms-grid-rows: 0fr 3px 0fr;
        grid-template-rows: 0fr 0fr;
        gap: 3px 0px;
        grid-auto-flow: row;
        grid-template-areas: "name" "address";
        grid-area: name_address;
        border-left: 2px solid #000;
        padding-left: 7px;
        margin-bottom: 10px;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0px 1fr;
        grid-template-columns: 1fr 1fr;
        -ms-grid-rows: 1.5fr 0px 1fr;
        grid-template-rows: 1.5fr 1fr;
        gap: 0px 0px;
        grid-auto-flow: row;
        grid-template-areas: "name name" "address address";
        grid-area: name_address;
    }
}
@media screen and (max-width: 500px){
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel {
        -ms-grid-row: 7;
        -ms-grid-column: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic {
        -ms-grid-row: 3;
        -ms-grid-row-span: 5;
        -ms-grid-column: 1;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media screen and (min-width: 501px){
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .tel {
        -ms-grid-row: 5;
        -ms-grid-column: 3;
        -ms-grid-column-span: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .pic {
        -ms-grid-row: 1;
        -ms-grid-row-span: 5;
        -ms-grid-column: 1;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .details_link {
        -ms-grid-row: 5;
        -ms-grid-column: 7;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .time {
        -ms-grid-row: 3;
        -ms-grid-column: 3;
        -ms-grid-column-span: 5;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 5;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        -ms-grid-column-span: 5;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .name {
    grid-area: name;
    line-height: 1.3;
    font-weight: bold;
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .name {
        font-size: 18px;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .name {
        font-size: 28px;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .address {
    grid-area: address;
    font-size: 11px;
}
@media screen and (max-width: 500px){
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .address {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
    }
}
@media screen and (min-width: 501px){
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .name {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .address {
        -ms-grid-row: 3;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
}
@media screen and (max-width: 500px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .address {
        font-size: 11px;
        -ms-flex-item-align: end;
        -ms-grid-row-align: end;
        align-self: end;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.new .shop-area-city-list .shop-area-city-item .container .name_address .address {
        font-size: 15px;
    }
}
.shop-area-city.new .shop-area-city-list .shop-area-city-item + li {
    margin-top: 25px;
    padding-top: 25px;
    border-top: 1px solid #8F8F8F;
}

.shop-info-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    /* cursor: pointer; */
}
.shop-info-tab .shop-tab {
    display: inline-block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #323232;
    border: 1px solid #323232;
    border-radius: 4px 4px 0 0;
    border-bottom: none;
}
.shop-info-tab .shop-tab:first-of-type {
    /* border-right: none; */
    border: none;
}
.shop-info-tab .shop-tab.active {
    background-color: #FEF8f8;
}

.shop-tab-content-area {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    font-size: 30px;
    text-align: center;
    background: #FEF8f8;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area {
        width: 100%;
    }
}
.shop-tab-content-area .shop-tab-content {
    display: none;
    padding: 20px 0;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content {
        padding: 5px 30px;
    }
}
.shop-tab-content-area .shop-tab-content table {
    width: 90vw;
    margin: 0 auto 12px;
    text-align: left;
    font-size: 14px;
    border-collapse: collapse;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content table {
        width: 100%;
    }
}
.shop-tab-content-area .shop-tab-content table tr {
    padding: 12px 0;
    border-bottom: 1px solid #8F8F8F;
}
.shop-tab-content-area .shop-tab-content table tr th {
    width: 30%;
    color: #000;
    white-space: nowrap;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content table tr th {
        width: 14%;
    }
}
.shop-tab-content-area .shop-tab-content table tr td {
    padding: 12px;
}
.shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-tel {
    font-size: 17px;
    color: #323232;
}
.shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-linkWrapper {
    display: block;
    margin-top: 10px;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-linkWrapper {
        margin-top: 0;
    }
}
.shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-linkWrapper > * + * {
    margin-top: 10px;
}
.shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-linkWrapper .shop-tab-content-link {
    display: inline-block;
    font-size: 12px;
    padding: 0.6em 0.75em;
    color: #000;
    border: 2px solid #000;
    border-radius: 2.5px;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content table tr td .shop-tab-content-linkWrapper .shop-tab-content-link {
        font-size: 13px;
    }
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul {
    width: 90vw;
    margin: 0 auto 12px;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content .map-img-guide ul {
        width: 100%;
    }
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 12px;
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li .map-img-guide-number {
    position: absolute;
    top: -15px;
    left: 0;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #000;
    font-size: 1.6rem;
    background: #fff;
    border: 1px solid #000;
    border-radius: 50%;
    text-align: center;
    z-index: 1;
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li .map-img-guide-img {
    position: relative;
    width: 40%;
    margin-right: 12px;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content .map-img-guide ul li .map-img-guide-img {
        width: 30%;
    }
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li .map-img-guide-img img {
    width: 100%;
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li .map-img-guide-img:after {
    content: "";
    display: inline-block;
    bottom: -30px;
    width: 16px;
    height: 18px;
    vertical-align: middle;
    background-image: url("../images/icon/double-arrow.svg");
    background-size: contain;
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li:last-of-type {
    margin-bottom: 0;
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li p {
    width: 60%;
    font-size: 12px;
    text-align: left;
}
@media screen and (min-width: 501px) {
    .shop-tab-content-area .shop-tab-content .map-img-guide ul li p {
        font-size: 14px;
    }
}
.shop-tab-content-area .shop-tab-content .map-img-guide ul li:last-of-type .map-img-guide-img:after {
    display: none;
}
.shop-tab-content-area .shop-tab-content.show {
    display: block;
}

.access_route {
    margin-top: 40px;
    margin-bottom: 60px;
}
.access_route .title {
    font-size: 25px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    line-height: 1.4;
}
@media screen and (max-width: 500px) {
    .access_route .title {
        font-size: 20px;
    }
}
.access_route .title::before {
    content: "";
    display: block;
    width: 18px;
    height: 31px;
    background-image: url("../images/icon_access.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0;
}
.access_route ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
    row-gap: 40px;
}
@media screen and (max-width: 500px) {
    .access_route ul {
        -webkit-column-gap: 4%;
        -moz-column-gap: 4%;
        column-gap: 4%;
    }
}
.access_route ul li {
    width: 31.3333333333%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0 !important;
    row-gap: 10px;
}
@media screen and (max-width: 500px) {
    .access_route ul li {
        width: 48%;
    }
}
.access_route ul li .map-img-guide-img {
    width: 100% !important;
    margin-right: 0 !important;
}
.access_route ul li .map-img-guide-img::after {
    content: none !important;
}
.access_route ul li p {
    width: 100% !important;
}
.access_route ul li p.map-img-guide-number {
    width: 30px !important;
}

.intro-broken {
    background-image: url("../images/shop/detail-broken-ttl-img.jpg");
    background-position: right 0px top 0%;
    background-size: 40% auto;
    margin-top: 120px;
}
@media screen and (min-width: 1000px) {
    .intro-broken {
        background-position: right 35% top 0%;
        background-size: 18% auto;
    }
}
.intro-broken .intro-sub,
.intro-broken .intro-main {
    display: table;
}
.intro-broken ul.detail-broken-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.intro-broken ul.detail-broken-list li {
    width: 48%;
    margin-bottom: 12px;
}
@media screen and (min-width: 1000px) {
    .intro-broken ul.detail-broken-list li {
        width: 24%;
    }
}
.intro-broken ul.detail-broken-list li h3 {
    padding: 8px;
    color: #fff;
    font-size: 12px;
    background: #000;
}
.intro-broken ul.detail-broken-list li h4 {
    margin: 4px 0;
    color: #000;
    font-size: 14px;
}
.intro-broken ul.detail-broken-list li img {
    width: 100%;
}
.intro-broken ul.detail-broken-list li .describe {
    font-size: 12px;
    margin: 5px 0;
}
.intro-broken .detail-confirm {
    background-color: #FEF8f8;
    padding: 28px 31px;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm {
        padding: 40px 150px;
    }
}
.intro-broken .detail-confirm .detail-confirm-list ul {
    margin-bottom: 8px;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm .detail-confirm-list ul {
        text-align: center;
    }
}
.intro-broken .detail-confirm .detail-confirm-list ul li {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0 8px 4px 18px;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm .detail-confirm-list ul li {
        font-size: 1.6rem;
    }
}
.intro-broken .detail-confirm .detail-confirm-list ul li:before {
    content: "";
    background-image: url(../images/icon/list-check-icon.svg);
    height: 11px;
    left: 0;
    position: absolute;
    vertical-align: middle;
    width: 14px;
}
.intro-broken .detail-confirm .detail-confirm-list ul li.confirm-list-small {
    color: #323232;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm .detail-confirm-list ul li.confirm-list-small {
        font-size: 14px;
    }
}
.intro-broken .detail-confirm .detail-confirm-list p {
    margin-bottom: 12px;
    padding-bottom: 4px;
    font-size: 0.8125rem;
    border-bottom: 2px dotted #323232;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm .detail-confirm-list p {
        font-size: 1.6rem;
    }
}
.intro-broken .detail-confirm .detail-confirm-txt {
    font-size: 12px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .intro-broken .detail-confirm .detail-confirm-txt {
        font-size: 14px;
    }
}
.intro-broken .detail-confirm .detail-confirm-txt .detail-confirm-txt-att {
    font-weight: normal;
}
.intro-broken .detail-confirm-border {
    width: 12%;
    height: 1px;
    border: 1px solid #323232;
    margin: 0 12px;
}

.store-detail-guide .shop-att {
    margin: 8px 0 16px;
    padding: 8px;
    background: #FEF8f8;
    letter-spacing: 0.11em;
    border: 1px solid #000;
}
.store-detail-guide .store-guide-slick {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 501px) {
    .store-detail-guide .store-guide-slick {
        width: 100%;
    }
}
.store-detail-guide .store-guide-slick img {
    padding: 0 12px;
    max-height: 300px;
}
@media screen and (min-width: 501px) {
    .store-detail-guide .store-guide-slick img {
        max-height: 600px;
    }
}
.store-detail-guide .store-map {
    text-align: center;
}
.store-detail-guide .store-map .acf-map {
    max-width: 100vw;
    margin: 24px calc(50% - 50vw) 10px;
    width: 100vw;
    height: 248px;
}
@media screen and (min-width: 1000px) {
    .store-detail-guide .store-map .acf-map {
        max-width: 950px;
        width: 100%;
        margin: 32px auto;
        height: 400px;
    }
}
.store-detail-guide .store-map .acf-map img {
    max-width: inherit !important;
}
.store-detail-guide .store-map #google_map {
    height: 100%;
}
.store-detail-guide .store-map .map {
    height: 400px;
    width: 100%;
    margin-top: 30px;
}
@media screen and (max-width: 500px) {
    .store-detail-guide .store-map .map {
        height: 250px;
    }
}
.store-detail-guide .store-map .store-map-btn-list a {
    width: 100%;
    max-width: 350px;
    padding: 10px;
    background: #000;
    color: #fff;
    position: relative;
    border: none;
}
.store-detail-guide .store-map .store-map-btn-list a::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    top: 50%;
    right: 16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}
.store-detail-guide .store-map a {
    display: inline-block;
    padding: 4px;
    margin: 0 4px;
    width: 47%;
    color: #323232;
    font-size: 12px;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .store-detail-guide .store-map a {
        width: 65%;
        margin-bottom: 8px;
    }
}

.shop-voice .rating {
    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: 14px 0;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    background-clip: border-box;
}
@media screen and (min-width: 1000px) {
    .shop-voice .rating {
        max-width: 60%;
        margin: 0 auto;
    }
}
.shop-voice .count-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.2rem;
    line-height: 1;
}
.shop-voice .count-rating .devider {
    margin: 0 12px;
    border-left: 1px solid;
}
.shop-voice .count-review {
    font-size: 12px;
}
.shop-voice .star-rating {
    position: relative;
    z-index: 0;
    display: inline-block;
}
.shop-voice .star-rating .star-rating-front {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    white-space: nowrap;
    color: #000;
}
.shop-voice .star-rating .star-rating-back {
    white-space: nowrap;
    color: #ccc;
}
.shop-voice .star-rating-front::after, .shop-voice .star-rating-back::after {
    content: "★★★★★";
}
.shop-voice .shop-voice-list {
    margin-top: 20px;
    padding: 37px 0;
    background: #FEF8f8;
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 501px) {
    .shop-voice .shop-voice-list {
        width: 100%;
        margin: 20px auto 20px;
        padding: 40px 100px;
    }
}
.shop-voice .shop-voice-list .shop-voice-list-item {
    width: 90vw;
    margin: 0 auto;
    padding: 20px 0;
    border-bottom: 1px solid #8F8F8F;
}
@media screen and (min-width: 501px) {
    .shop-voice .shop-voice-list .shop-voice-list-item {
        width: 100%;
    }
}
.shop-voice .shop-voice-list .shop-voice-list-item:first-of-type {
    padding-top: 0;
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-img {
    width: 30%;
}
@media screen and (min-width: 501px) {
    .shop-voice .shop-voice-list .shop-voice-list-item .voice-img {
        width: 15%;
    }
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-img img {
    width: 100%;
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-default {
    width: 65%;
    font-size: 14px;
}
@media screen and (min-width: 1000px) {
    .shop-voice .shop-voice-list .shop-voice-list-item .voice-default {
        width: 80%;
    }
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-default .count-rating {
    margin-bottom: 8px;
    padding-bottom: 8px;
    color: #000;
    font-size: 1.8rem;
    border-bottom: 1px solid #8F8F8F;
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-default .voice-ttl {
    font-weight: bold;
    font-size: 12px;
}
@media screen and (min-width: 501px) {
    .shop-voice .shop-voice-list .shop-voice-list-item .voice-default .voice-ttl {
        font-size: 16px;
    }
}
.shop-voice .shop-voice-list .shop-voice-list-item .voice-default .voice-ttl span {
    font-size: 12px;
}
.shop-voice .shop-voice-list .shop-voice-list-item a.button-more {
    position: relative;
    padding-left: 12px;
    font-weight: bold;
    border-bottom: 2px solid #323232;
    cursor: pointer;
    font-size: 12px;
}
.shop-voice .shop-voice-list .shop-voice-list-item a.button-more:before {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-bottom: solid 2px #323232;
    border-right: solid 2px #323232;
    left: 0;
}
.shop-voice .shop-voice-list .shop-voice-list-item:last-child {
    border-bottom: none;
}
@media screen and (min-width: 1000px) {
    .shop-voice .shop-voice-list .shop-voice-list-item .media {
        padding-bottom: 0;
    }
}
.shop-voice .shop-kaitori-menu {
    position: relative;
    padding: 25px;
    background-image: url("../images/shop/kaitori-satei-menu-bg.jpeg");
    background-size: cover;
    letter-spacing: 0.01em;
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
@media screen and (min-width: 501px) {
    .shop-voice .shop-kaitori-menu {
        width: 100%;
    }
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .shop-voice .shop-kaitori-menu {
        padding: 15px;
    }
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner {
    padding: 25px;
    background: white;
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner > img {
    display: block;
    width: 210px;
    margin: 0 auto;
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner .shop-kaitori-menu-ttl {
    margin: 5px 0 20px;
    text-align: center;
    font-size: 25px;
    font-weight: bold !important;
}
@media screen and (min-width: 1000px) {
    .shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    text-align: left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
@media screen and (min-width: 1000px) {
    .shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li {
        width: 48%;
    }
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li + li {
    margin-top: 20px;
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li img {
    width: 90px;
    margin-left: 12px;
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li .shop-kaitori-menu-number {
    font-size: 1.8rem;
    font-weight: bold !important;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li .shop-kaitori-menu-number {
        font-size: 1.6rem;
    }
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li .shop-kaitori-menu-number span {
    margin-right: 15px;
    color: #000;
    font-size: 2.25rem;
    font-weight: bold;
}
@media screen and (min-width: 0px) and (max-width: 320px) {
    .shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li .shop-kaitori-menu-number span {
        font-size: 1.75rem;
    }
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li hr {
    width: 24px;
    margin: 5px 0 10px;
}
.shop-voice .shop-kaitori-menu .shop-kaitori-menu-inner ul li p {
    font-size: 12px;
    font-weight: bold;
    line-height: 1.5;
}
.shop-voice .free_ribbon {
    display: inline-block;
    position: absolute;
    top: 0;
    margin: 0;
    padding: 20px 0;
    z-index: 2;
    width: 70px;
    text-align: center;
    font-size: 25px;
    color: white;
    background: #da172b;
    letter-spacing: 2px;
}
.shop-voice .free_ribbon:after {
    content: "";
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 35px solid #da172b;
    border-right: 35px solid #da172b;
    border-bottom: 6px solid transparent;
}
.shop-voice .kaitori-satei-menu-text {
    width: auto;
}
.shop-voice .kaitori-satei-menu-img {
    width: auto;
}

.shop-three-features .feature-title {
    margin: 0 0 12px 100px;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.11em;
}
.shop-three-features .feature-number-box {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    border: 2px solid #da172c;
    font-size: 9px;
    font-weight: bold;
    line-height: 0.7;
    background-color: white;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.shop-three-features .feature-number-box span {
    font-size: 2.125rem;
    line-height: 1.2;
}
.shop-three-features .feature-desc {
    font-size: 12px;
}
.shop-three-features .shop-feature-item + .shop-feature-item {
    margin-top: 20px;
}
@media screen and (min-width: 1000px) {
    .shop-three-features ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
    .shop-three-features ul li {
        width: 31%;
    }
    .shop-three-features ul li .feature-title {
        font-size: 1.25rem;
    }
    .shop-three-features ul .shop-feature-item + .shop-feature-item {
        margin-top: 0;
    }
}

.shop-news .shop-news-comment {
    margin-top: 20px;
    padding: 12px;
    background: #FCF7F0;
}
.shop-news .shop-news-comment .shop-news-comment-inner {
    padding: 12px;
    background: #fff;
}
.shop-news .shop-news-comment .shop-news-comment-inner .shop-news-ttl {
    padding: 8px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    background: #000;
}
.shop-news .shop-news-comment .shop-news-comment-inner .shop-news-txt {
    margin-top: 8px;
    font-size: 12px;
}
.shop-news p {
    line-height: 2;
}

@media screen and (min-width: 501px) {
    .detail-st-purchase ul.detail-st-purchase-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: unset;
        -ms-flex-align: unset;
        align-items: unset;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}
@media screen and (min-width: 1000px) {
    .detail-st-purchase ul.detail-st-purchase-list {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.detail-st-purchase ul.detail-st-purchase-list > li {
    margin-bottom: 12px;
    padding: 12px;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
}
@media screen and (min-width: 501px) {
    .detail-st-purchase ul.detail-st-purchase-list > li {
        width: 48%;
        margin-bottom: 5%;
    }
}
@media screen and (min-width: 1000px) {
    .detail-st-purchase ul.detail-st-purchase-list > li {
        width: 24%;
        min-height: 470px;
    }
}
.detail-st-purchase ul.detail-st-purchase-list > li > p {
    font-size: 12px;
    line-height: 2;
}
@media screen and (min-width: 1000px) {
    .detail-st-purchase ul.detail-st-purchase-list > li > p {
        font-size: 14px;
    }
}
.detail-st-purchase ul.detail-st-purchase-list .accordion .accordion-head a {
    color: #000;
    border-bottom: 2px solid #000;
    font-size: 1.6rem;
}
.detail-st-purchase ul.detail-st-purchase-list .accordion .accordion-head a:before, .detail-st-purchase ul.detail-st-purchase-list .accordion .accordion-head a:after {
    left: 0;
}
.detail-st-purchase ul.detail-st-purchase-list .detail-st-purchase-ttl {
    font-size: 2.2rem;
}
.detail-st-purchase ul.ex-price-list > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 12px 0;
    border-bottom: 1px solid #8F8F8F;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .detail-st-purchase ul.ex-price-list > li {
        display: block;
    }
    .detail-st-purchase ul.ex-price-list > li > p {
        text-align: right;
    }
}
.detail-st-purchase ul.ex-price-list > li img {
    width: 30%;
    margin-right: 12px;
}

.shop-ex-purchase .shop-ex-purchase-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.shop-ex-purchase .shop-ex-purchase-list li {
    width: 32%;
    margin-bottom: 2%;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
}
@media screen and (min-width: 1000px) {
    .shop-ex-purchase .shop-ex-purchase-list li {
        width: 15%;
    }
}
.shop-ex-purchase .shop-ex-purchase-list li img {
    width: 100%;
}
.shop-ex-purchase .shop-ex-purchase-list li .shop-ex-purchase-info {
    padding: 8px;
}
.shop-ex-purchase .shop-ex-purchase-list li .shop-ex-purchase-info .shop-ex-purchase-price {
    font-size: 14px;
}
.shop-ex-purchase .shop-ex-purchase-list li .shop-ex-purchase-info .shop-ex-purchase-detail {
    font-size: 9px;
}

.top-catch-content .top-catch-text .top-catch-ttl {
    margin-top: 15px;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 1.25rem;
    line-height: 1.7;
    letter-spacing: 0.01em;
}
.top-catch-content .top-catch-text p {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.01em;
}

.shop-top-bnr {
    margin: 20px 0;
}
.shop-top-bnr .slash-title {
    margin-bottom: 8px;
    font-size: 1.6rem;
}
@media screen and (min-width: 501px) {
    .shop-top-bnr .slash-title {
        max-width: 500px;
        margin: 0 auto;
    }
}
.shop-top-bnr img {
    width: 100%;
    margin-bottom: 8px;
}
@media screen and (min-width: 501px) {
    .shop-top-bnr img {
        display: block;
        max-width: 500px;
        margin: 12px auto;
    }
}
@media screen and (min-width: 501px) {
    .shop-top-bnr p {
        text-align: center;
    }
}

.shop-title {
    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: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.shop-area-city.renew .shop-area-city-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item {
        -webkit-column-gap: 10px;
        -moz-column-gap: 10px;
        column-gap: 10px;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item:hover {
        background-color: #FFEBEB;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item .area_info_box_wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box1 {
        min-width: 400px;
    }
}
.shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box1 .area_kaitori {
    font-size: 12px;
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box1 .name {
        margin-top: 5px;
    }
}
.shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box1 .name a {
    font-size: 20px;
    color: initial;
}
@media screen and (max-width: 500px) {
    .shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box1 .name a {
        pointer-events: none;
        font-size: 16px;
    }
}
.shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box2 .shop-tel {
    border: none;
}
@media screen and (max-width: 500px) {
    .shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box2 .shop-tel {
        font-size: 16px;
    }
}
.shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box2 .shop-info .shop-address {
    font-size: 12px;
}
.shop-area-city.renew .shop-area-city-item .area_info_box_wrap .area_info_box2 .shop-info .shop-opening {
    font-size: 12px;
}
.shop-area-city.renew .shop-area-city-item .area_link_box a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0;
}
.shop-area-city.renew .shop-area-city-item .area_link_box a img {
    width: 8vw;
}
@media screen and (min-width: 501px) {
    .shop-area-city.renew .shop-area-city-item .area_link_box a img {
        width: 33px;
    }
}
.shop-area-city.renew .shop-area-city-item .area_link_box a::after {
    content: none;
}

.shop-detail-h1 {
    font-size: 38px;
}
@media screen and (min-width: 501px) {
    .shop-detail-h1 {
        font-size: 59px;
    }
}
.shop-detail-h1 .sub {
    font-size: 12px;
    font-weight: normal;
}
@media screen and (min-width: 501px) {
    .shop-detail-h1 .sub {
        font-size: 23px;
    }
}
@media screen and (max-width: 500px) {
    .shop-detail-h1 .sub .area {
        display: block;
    }
}
@media screen and (min-width: 501px) {
    .shop-detail-h1 .sub .area::before {
        content: "-";
        display: inline-block;
        padding-left: 10px;
        padding-right: 5px;
    }
}
.shop-detail-h1 .name {
    font-size: 38px;
    margin-top: 5px;
}
@media screen and (min-width: 501px) {
    .shop-detail-h1 .name {
        font-size: 59px;
    }
}

.service {
    margin-top: 50px;
}
.service .title {
    font-size: 25px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    line-height: 1.4;
}
@media screen and (max-width: 500px) {
    .service .title {
        font-size: 20px;
    }
}
.service .title::before {
    content: "";
    display: block;
    width: 22px;
    height: 22px;
    background-image: url("../images/icon_service.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 3px;
}
.service .service_list_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media screen and (max-width: 500px) {
    .service .service_list_flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 15px;
    }
}
.service .service_list_flex li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    row-gap: 5px;
    width: 90px;
}
@media screen and (max-width: 500px) {
    .service .service_list_flex li {
        width: 80px;
    }
}
.service .service_list_flex li .icon {
    width: 75px;
    height: 75px;
}
@media screen and (max-width: 500px) {
    .service .service_list_flex li .icon {
        width: 55px;
        height: 55px;
    }
}
.service .service_list_flex li .name {
    font-size: 12px;
    text-align: center;
}
@media screen and (max-width: 500px) {
    .service .service_list_flex li .name {
        font-size: 10px;
    }
}

.parking {
    margin-top: 30px;
    margin-bottom: 60px;
}
.parking .title {
    font-size: 25px;
    margin-bottom: 15px;
    position: relative;
    display: inline-block;
    padding-left: 25px;
    line-height: 1.4;
}
@media screen and (max-width: 500px) {
    .parking .title {
        font-size: 20px;
    }
}
.parking .title::before {
    content: "";
    display: block;
    width: 22px;
    height: 14px;
    background-image: url("../images/icon_parking_title.svg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 9px;
}
.parking .flex {
    border-top: 1px solid #888;
    border-bottom: 1px solid #888;
    padding: 15px 0;
}
@media screen and (max-width: 500px) {
    .parking .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        row-gap: 5px;
        padding: 10px 0;
    }
}
.parking .flex .left_box {
    width: 100%;
}
@media screen and (min-width: 501px) {
    .parking .flex .left_box {
        width: 400px;
    }
}
.parking .flex .left_box .name {
    position: relative;
    display: inline-block;
    /* padding-left: 60px; */
    font-size: 18px;
    /*
                                  &::before{
                                          content: "";
                                          display: block; 
                                          width: 50px;
                                          height: 27px;
                                          background-image: url("../images/icon_parking.svg");
                                          background-size: cover; 
                                          background-position: center; 
                                          background-repeat: no-repeat;
                                          position: absolute; 
                                          left: 0;
                                  }
    */
}
@media screen and (min-width: 501px) {
    .parking .flex .left_box .name {
        font-size: 20px;
    }
}
.parking .flex .right_box {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 2px;
}
@media screen and (min-width: 501px) {
    .parking .flex .right_box {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        row-gap: 3px;
    }
}
.parking .flex .right_box .address {
    position: relative;
    display: inline-block;
    padding-left: 4.5em;
    width: 100%;
}
.parking .flex .right_box .address::before {
    content: "住所";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.parking .flex .right_box .address::after {
    content: "/";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 3em;
}
.parking .flex .right_box .time {
    position: relative;
    display: inline-block;
    padding-left: 6.5em;
    width: 100%;
}
.parking .flex .right_box .time::before {
    content: "営業時間";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.parking .flex .right_box .time::after {
    content: "/";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 5em;
}
.parking .flex .right_box .price {
    position: relative;
    display: inline-block;
    padding-left: 4.5em;
    width: 100%;
}
.parking .flex .right_box .price::before {
    content: "料金";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 0;
}
.parking .flex .right_box .price::after {
    content: "/";
    display: block;
    width: auto;
    position: absolute;
    top: 0;
    left: 3em;
}
.parking .flex .right_box .text {
    color: #000;
    font-weight: bold;
}

.shop-flow {
    margin-bottom: 10px;
    margin-top: 20px;
}
.shop-flow img {
    max-width: 100%;
    height: auto;
}
.shop-flow .flow-list {
    list-style: none; /* デフォルトのリストスタイルを無効化 */
    counter-reset: list-counter; /* カウンターをリセット */
}
.shop-flow .flow-list li {
    counter-increment: list-counter; /* カウンターを1増やす */
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li {
        margin-top: 30px;
        padding-top: 30px;
        padding-left: 30px;
        padding-right: 30px;
    }
}
.shop-flow .flow-list li:first-child {
    margin-top: 0;
}
.shop-flow .flow-list li:last-child {
    border-bottom: 1px solid #ccc;
    padding-bottom: 20px;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li:last-child {
        padding-bottom: 30px;
    }
}
.shop-flow .flow-list li .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li .flex {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
    }
}
.shop-flow .flow-list li .flex .image_box {
    width: 30%;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li .flex .image_box {
        width: 15%;
    }
}
.shop-flow .flow-list li .flex .text_box {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.shop-flow .flow-list li .flex .text_box .title {
    font-size: 18px;
    padding-left: 40px;
    margin-bottom: 10px;
    position: relative;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 5px;
    color: #000;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li .flex .text_box .title {
        font-size: 20px;
    }
}
.shop-flow .flow-list li .flex .text_box .title::before {
    content: counter(list-counter) ""; /* カウンターの値を表示 */
    position: absolute; /* 数字をリスト項目内で配置 */
    left: 0; /* 左端に配置 */
    font-weight: bold; /* 数字を太字に */
    color: #fff;
    background-color: #000;
    width: 30px;
    height: 30px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding-top: 2px;
}
@media screen and (min-width: 501px) {
    .shop-flow .flow-list li .flex .text_box .text {
        font-size: 14px;
        line-height: 1.6;
    }
}

.blog .breadcrumbs {
    font-size: 12px;
    line-height: 22px;
    margin-top: 60px;
    margin-bottom: 0;
    padding: 13px 0 13px;
    background-image: none;
}
@media screen and (min-width: 1000px) {
    .blog .breadcrumbs {
        margin-top: 100px;
        padding: 13px 0 22px;
    }
}
.blog .gnavi {
    height: 40px;
    background-color: #000;
}
@media screen and (min-width: 1000px) {
    .blog .gnavi {
        height: 60px;
    }
}
.blog .gnavi .gnavi_inner {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}
@media screen and (min-width: 1000px) {
    .blog .gnavi .gnavi_inner {
        width: 980px;
    }
}
.blog .gnavi .gnavi_inner ul {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
}
@media screen and (max-width: 500px) {
    .blog .gnavi .gnavi_inner ul {
        margin: 0;
    }
}
.blog .gnavi .gnavi_inner ul li {
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog .gnavi .gnavi_inner ul li a {
    color: #fff;
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1;
    flex: 1 1;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 20px;
    font-size: 13px;
}
@media screen and (min-width: 1000px) {
    .blog .gnavi .gnavi_inner ul li a {
        font-size: 14px;
    }
}
.blog .gnavi .gnavi_inner ul li a span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    word-break: keep-all;
}
.blog .gnavi .gnavi_inner ul li a:hover span {
    /* color: #ff7600; */
    position: relative;
}
.blog .gnavi .gnavi_inner ul li a:hover span::after {
    content: "";
    position: absolute;
    display: block;
    height: 4px;
    width: 100%;
    bottom: 0;
    /* background-color: #ff7600; */
    border-radius: 5px;
}
@media screen and (max-width: 500px) {
    .blog .gnavi .gnavi_inner ul li.shop {
        display: none;
    }
}
@media screen and (max-width: 500px) {
    .blog .gnavi .gnavi_inner ul li.line {
        display: none;
    }
}
.blog .gnavi .gnavi_inner ul li::after {
    content: "";
    display: block;
    width: 1px;
    height: 20px;
    background-color: #fff;
    position: absolute;
    right: -1px;
    top: calc((100% - 20px) / 2);
}
.blog .gnavi .gnavi_inner ul li:last-child::after {
    content: none;
}
.blog .common-tab {
    margin: 40px 0 30px;
}
.blog .blog-comment h2 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
    color: #000;
}
.blog .blog-comment h2 span {
    padding: 8px 0 8px 8px;
}
.blog .blog-comment h2:before {
    height: 22px;
    width: 3px;
    background-color: #000;
    content: "";
}
.blog .blog-comment h3 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
    margin-top: 20px;
    margin-bottom: 8px;
    color: #000;
    font-size: 14px;
    border-bottom: none;
}
.blog .blog-comment h3 span {
    padding: 8px 0 8px 8px;
}
.blog .blog-comment h3:before {
    height: 22px;
    width: 3px;
    background-color: #000;
    content: "";
}
.blog .blog-comment h4 {
    margin-top: 20px;
    margin-bottom: 8px;
    color: #000;
    font-size: 12px;
    border-bottom: none;
}
@media screen and (min-width: 1000px) {
    .blog .blog-comment h4 {
        font-size: 13px;
    }
}
.blog .blog-comment h4::before {
    width: 8px;
    height: 8px;
    background: #000;
    border-radius: 50%;
}
.blog .blog-comment p {
    line-height: 1.6;
}
.blog .section-ja-title {
    font-size: clamp(18.75px, 8vw - 2rem, 24px);
    line-height: 1.4;
    margin-bottom: 12px;
    margin-top: 15px;
    padding: 0 20px;
}
@media screen and (min-width: 1000px) {
    .blog .section-ja-title {
        padding: 0;
        margin: 30px 0;
    }
}
.blog .pc-none {
    display: none;
}
.blog .sp-none {
    display: block;
}
.blog .btn,
.blog a.btn,
.blog button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.6rem 2.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.3rem;
}
.blog .fsbg {
    font-size: 1.2em;
}
.blog .cv-box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #fef8f8;
    border-left: double 7px #f5c6ca;
    border-right: double 7px #f5c6ca;
    text-align: center;
}
.blog .cv-box .cv-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.blog .cv-box .cv-title span {
    color: #d44114;
    font-size: 1.5rem;
}
.blog .cv-box .cv-img {
    max-width: 450px;
    width: 80%;
}
.blog .cv-box .satisfaction {
    line-height: 1.4;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.blog .cv-box span.diagonal {
    position: relative;
    font-size: 1.1.6rem;
}
.blog .cv-box span.diagonal::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    background: repeating-linear-gradient(-45deg, #000, #000 2px, white 2px, white 4px);
}
.blog .cv-box .cv-chram {
    display: block;
    margin: 10px auto;
    width: 55%;
}
.blog .cv-box .cv-detail {
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 10px;
    list-style-type: none;
    font-size: 0.9rem;
    text-align: left;
}
.blog .cv-box .cv-detail li {
    position: relative;
    padding-left: 25px;
}
.blog .cv-box .cv-detail li + li {
    margin-top: 5px;
}
.blog .cv-box .cv-detail li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0.5em;
    width: 15px;
    height: 8px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.blog .btn-wrap {
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.blog .cv-box .btnup-txt {
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
}
.blog .free-assessment {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff99ff));
    background: linear-gradient(transparent 60%, #ff99ff 60%);
    font-weight: bold;
}
.blog .shop-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-01.svg);
}
.blog .delivery-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-02.svg);
}
.blog .line-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-04.svg);
}
.blog a.btn-c {
    font-size: 1.1.6rem;
    margin: 20px 0;
    position: relative;
    padding: 0.1.6rem 0.6rem 0.6rem 0.9rem;
    color: #fff;
    background: #000;
    -webkit-box-shadow: 0 5px 0 #98254c;
    box-shadow: 0 5px 0 #98254c;
    min-width: 170px;
}
.blog a.btn-c span {
    font-size: 0.9rem;
    position: absolute;
    top: -2rem;
    left: calc(50% - 100px);
    display: block;
    width: 200px;
    padding: 0.1.6rem 0.7rem;
    color: #d44114;
    border: 2px solid #d44114;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    word-break: normal;
}
.blog a.btn-c span:before, .blog a.btn-c span:after {
    position: absolute;
    left: calc(50% - 75px);
    content: "";
}
.blog a.btn-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #d44114 transparent transparent transparent;
}
.blog a.btn-c span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.blog a.btn-c i {
    margin-right: 0.6rem;
}
.blog a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #eb5b30;
    -webkit-box-shadow: 0 2px 0 #d44114;
    box-shadow: 0 2px 0 #d44114;
}
.blog .list-box {
    margin: 1.9rem 0 0.6rem 0;
}
.blog .list-box-title {
    display: inline-block;
    padding: 1px 10px 0 10px;
    background: #000;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.6rem;
}
.blog ul.list-design {
    margin: 0;
    padding: 0.6rem 1.3rem 0.6rem 1.3rem;
    position: relative;
    border: solid 2px #000;
    font-size: 1.6rem;
    list-style: inside;
}
.blog ol.list-design {
    margin: 0;
    padding: 0.6rem 1.3rem 0.6rem 1.3rem;
    position: relative;
    border: solid 2px #000;
    font-size: 1.6rem;
    list-style: decimal;
}
.blog ul.list-design li,
.blog ol.list-designli {
    line-height: 1.5;
    padding: 0.5em 0em 0.5em 1em;
    text-indent: -1.35em;
}
@media screen and (max-width: 960px) {
    .blog .btn-wrap {
        display: block;
    }
    .blog a.btn-c {
        display: inline-block;
        width: 300px;
    }
    .blog a.btn-c span {
        left: calc(50% - 140px);
        width: 280px;
        top: -0.8rem;
        padding: 0.1.6rem 0;
    }
}
@media screen and (max-width: 767px) {
    .blog .pc-none {
        display: block;
    }
    .blog .sp-none {
        display: none;
    }
    .blog .btn-wrap {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .blog .cv-box .cv-img {
        width: 95%;
    }
    .blog .cv-box .cv-detail {
        margin-top: 20px;
    }
    .blog .cv-box .cv-title {
        font-size: 1.3rem;
    }
    .blog .cv-box .cv-chram {
        width: 80%;
    }
    .blog .cv-box .btnup-txt {
        font-size: 1.1.6rem;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 600px) {
    .blog .cv-box .cv-chram {
        width: 90%;
    }
}
@media screen and (min-width: 1000px) {
    .blog main.left {
        width: calc(100% - 280px);
        padding-right: 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
    }
}
.blog main.left > .column_inner .outline {
    border: 1px solid #ccc;
}
.blog main.left > .column_inner .outline .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.blog main.left > .column_inner .outline .item .text_box {
    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: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.blog main.left > .column_inner .outline .item .text_box .related_article {
    background-color: #000;
    color: #fff;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 15px;
    font-size: 15px;
}
@media screen and (max-width: 500px) {
    .blog main.left > .column_inner .outline .item .text_box .related_article {
        font-size: 12px;
        padding: 3px 10px;
    }
}
.blog main.left > .column_inner .outline .item .text_box .ttl {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 1.8;
}
@media screen and (max-width: 500px) {
    .blog main.left > .column_inner .outline .item .text_box .ttl {
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12px;
        line-height: 1.6;
    }
}
.blog main.left > .column_inner .outline .item .text_box .read {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blog main.left > .column_inner .outline .item .text_box .read a {
    padding: 5px 15px;
    margin-right: 40px;
    margin-bottom: 12px;
    font-size: 12px;
    background-color: #EDEDED;
    color: #323232;
}
@media screen and (max-width: 500px) {
    .blog main.left > .column_inner .outline .item .text_box .read a {
        margin-bottom: 8px;
        margin-right: 20px;
        font-size: 11px;
    }
}
.blog main.left > .column_inner .outline .item .thumb_box {
    padding-top: 12px;
    padding-bottom: 12px;
    padding-right: 12px;
}
@media screen and (max-width: 500px) {
    .blog main.left > .column_inner .outline .item .thumb_box {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
        padding-top: 8px;
        padding-bottom: 8px;
        padding-right: 8px;
    }
}
.blog main.left > .column_inner .outline .item .thumb_box img {
    width: 230px;
}
@media screen and (max-width: 500px) {
    .blog main.left > .column_inner .outline .item .thumb_box img {
        width: 100%;
        min-height: 100px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}
.blog aside .category_box > .ttl {
    background: #000;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
    margin-top: -1px;
    line-height: 1.75;
}
.blog aside .category_box > .list li a {
    color: #444;
    display: block;
    position: relative;
    padding: 15px 30px 15px 20px;
    border-bottom: 1px solid #cdcdcd;
    font-size: clamp(15px, (100vw - 360px) * 0 + 15px, 15px);
    line-height: 1.75;
    background: #fff;
}
@media screen and (min-width: 501px) {
    .blog aside .category_box > .list li a {
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
    }
}
.blog aside .related_box > .ttl {
    background: #000;
    width: 100%;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    font-weight: bold;
    line-height: 1.75;
}
.blog aside .related_box > .list li a {
    color: #000;
    display: block;
    position: relative;
    padding: 15px 30px 15px 20px;
    border-bottom: 1px solid #cdcdcd;
    font-size: clamp(15px, (100vw - 360px) * 0 + 15px, 15px);
    line-height: 1.75;
    background: #fff;
}
@media screen and (min-width: 501px) {
    .blog aside .related_box > .list li a {
        border-left: 1px solid #cdcdcd;
        border-right: 1px solid #cdcdcd;
        padding: 15px 20px;
    }
}
.blog aside .related_box > .list li .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.blog aside .related_box > .list li .item .thumb {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
}
@media screen and (min-width: 1000px) {
    .blog aside .related_box > .list li .item .thumb {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 45%;
        flex: 0 0 45%;
    }
}
.blog aside .related_box > .list li .item .thumb img {
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1000px) {
    .blog aside .related_box > .list li .item .thumb img {
        height: 80px;
    }
}
.blog aside .related_box > .list li .item .ttl {
    margin: 0 0 0 8px;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
}
@media screen and (min-width: 1000px) {
    .blog aside .related_box > .list li .item .ttl {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 55%;
        flex: 0 0 55%;
    }
}
.blog aside .related_box img {
    max-width: 100%;
    height: auto;
}
@media screen and (min-width: 1000px) {
    .blog aside.right {
        width: 280px;
        float: right;
        margin-top: 40px;
    }
}
.blog .cf:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
@media screen and (min-width: 1000px) {
    .blog .container {
        margin: 0 auto;
        width: 1000px;
    }
}
.blog .column-inner {
    margin-left: 24px;
}
@media screen and (min-width: 1000px) {
    .blog .column-inner {
        width: 1121px;
    }
}
.blog .cta {
    margin-top: 20px;
    margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
    .blog .cta {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}
.blog .cta ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-column-gap: 3%;
    -moz-column-gap: 3%;
    column-gap: 3%;
    background: url("../images/column/cta_background.jpg") no-repeat center center/cover;
    width: 100%;
    height: 0;
    padding-top: 57.66%; /* (画像の高さ / 画像の横幅) × 100 */
}
@media screen and (min-width: 1000px) {
    .blog .cta ul {
        -webkit-column-gap: 13px;
        -moz-column-gap: 13px;
        column-gap: 13px;
    }
}
.blog .cta ul li {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    margin-bottom: 1.5%;
}
@media screen and (min-width: 1000px) {
    .blog .cta ul li {
        margin-bottom: 12px;
    }
}
.blog .cta ul li.top {
    width: 51%;
}
@media screen and (min-width: 1000px) {
    .blog .cta ul li.top {
        width: 355px;
    }
}
.blog .cta ul li.line {
    width: 40%;
}
@media screen and (min-width: 1000px) {
    .blog .cta ul li.line {
        width: 281px;
    }
}
.blog .cta2 {
    background: #f5e1e2;
    margin: 20px auto;
    padding: 10px 15px;
    width: 100%;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .blog .cta2 {
        padding: 5px 25px;
        margin: 30px auto;
    }
}
@media screen and (max-width: 999px) {
    .blog .cta2 .punctuation {
        display: none;
    }
}
.blog .cta2 .text {
    position: relative;
    background: none;
    padding-top: 10px;
    color: #000;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    margin: 0;
}
.blog .cta2 .text::before {
    content: "";
    width: 32px;
    height: 36px;
    display: inline-block;
    border-left: 3px solid #000;
    -webkit-transform: rotate(-30deg);
    transform: rotate(-30deg);
    background: none;
    border-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -20px;
    margin: auto;
}
@media screen and (min-width: 1000px) {
    .blog .cta2 .text::before {
        width: 16px;
        height: 18px;
        left: -18px;
    }
}
.blog .cta2 .text::after {
    border-right: 3px solid #000;
    -webkit-transform: rotate(30deg);
    transform: rotate(30deg);
    content: "";
    width: 32px;
    height: 36px;
    display: inline-block;
    background: none;
    border-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -20px;
    margin: auto;
}
@media screen and (min-width: 1000px) {
    .blog .cta2 .text::after {
        width: 16px;
        height: 18px;
        right: -18px;
    }
}
.blog .cta2 .cta_button a {
    width: 96%;
    font-size: 100%;
    display: block;
    margin: 10px auto 15px auto;
    padding: 13px;
    border: 0;
    background: #000;
    -webkit-box-shadow: 0px 5px #ac0916;
    box-shadow: 0px 5px #ac0916;
    color: #FFF !important;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    position: relative;
    line-height: 1.5;
    text-decoration: none !important;
    height: auto;
}
.blog .cta2 .cta_button a::after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 30px;
    height: 30px;
    color: #fff !important;
    font-size: 20px;
    display: block;
    background: url("../images/column/icon_arrow_right.png") center no-repeat rgba(255, 255, 255, 0);
    background-size: 15px;
    -webkit-animation-name: Arrows;
    animation-name: Arrows;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}
@-webkit-keyframes Arrows {
    0% {
        opacity: 0;
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
@keyframes Arrows {
    0% {
        opacity: 0;
        -webkit-transform: translate(-30px, 0);
        transform: translate(-30px, 0);
    }
    50% {
        opacity: 1;
        -webkit-transform: translate(-10px, 0);
        transform: translate(-10px, 0);
    }
    to {
        opacity: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}
.blog .faq .title {
    position: relative;
    padding: 8px 15px;
    background: #000;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
}
.blog .faq .title::after {
    position: absolute;
    content: "";
    top: 100%;
    left: 20px;
    border: 10px solid transparent;
    border-top: 10px solid #000;
    width: 0;
    height: 0;
}
.blog .faq ul {
    margin-top: 30px;
}
.blog .faq ul li {
    margin-bottom: 16px;
    position: relative;
}
.blog .faq ul li dl dt {
    background-color: #ededed;
    padding: 16px 15px;
    line-height: 1.5;
}
.blog .faq ul li dl dt .q {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    padding-left: 38px;
}
.blog .faq ul li dl dt .q::before {
    top: -3px;
    content: "Q";
    background-color: #0c4066;
}
.blog .faq ul li dl dd {
    padding: 16px 0 16px 15px;
}
.blog .faq ul li dl dd .a {
    line-height: 1.8;
    font-size: 15px;
    position: relative;
    padding-left: 38px;
}
@media screen and (max-width: 999px) {
    .blog .faq ul li dl dd .a {
        padding-right: 20px;
    }
}
.blog .faq ul li dl dd .a::before {
    top: 0px;
    content: "A";
    background-color: #000;
}
.blog .faq ul li ::before {
    font-weight: 500;
    position: absolute;
    left: 0;
    top: -3px;
    color: #fff;
    text-align: center;
    width: 28px;
    height: 28px;
    display: block;
    line-height: 28px;
    border-radius: 50%;
}

.blog-archive-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -5px;
}
.blog-archive-list li {
    width: calc(50% - 10px);
    margin-bottom: 4%;
    margin-right: 5px;
    margin-left: 5px;
    -webkit-box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
@media screen and (min-width: 501px) {
    .blog-archive-list li {
        width: calc(33.3333333333% - 10px);
    }
}
@media screen and (min-width: 1000px) {
    .blog-archive-list li {
        width: calc(20% - 10px);
        margin-bottom: 2%;
    }
}
.blog-archive-list li a {
    display: block;
}
.blog-archive-list li .blog-archive-category {
    color: #000;
    font-size: 12px;
}
.blog-archive-list li .blog-archive-ttl {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    color: #323232;
    font-size: 12px;
    font-weight: bold;
}
.blog-archive-list li .blog-archive-shop {
    color: #323232;
    font-size: 10px;
}
.blog-archive-list li .blog-catch-img {
    position: relative;
}
.blog-archive-list li .blog-catch-img img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 4px 4px 0 0;
}
.blog-archive-list li .blog-catch-img .blog-archive-date {
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
    padding: 4px;
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    background: #000;
    border-radius: 0 4px 0 0;
}

.blog-archive-link {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    background: #000;
    display: inline-block;
    margin: 0 auto;
    padding: 10px 82px;
    border-radius: 50px;
    position: relative;
}
.blog-archive-linkWrapper {
    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;
    margin-top: 15px;
}
.blog-archive-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 12px;
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
}

.blog-bottom-list a {
    position: relative;
    display: block;
    padding: 12px 0;
    color: #323232;
    font-weight: bold;
    border-top: 1px solid #323232;
}
.blog-bottom-list a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #000;
    border-right: solid 2px #000;
}
.blog-bottom-list li:last-of-type a {
    border-bottom: 1px solid #323232;
}

.blog-search-shop {
    margin: 46px 0 20px;
}
.blog-search-shop p {
    font-size: 14px;
}
.blog-search-shop .ttl-box-red {
    display: block;
}

.blog-ex-list {
    margin-top: 48px;
}
.blog-ex-list .ttl-box-red {
    display: block;
}

.blog-detail-ttl {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
    color: #000;
}
.blog-detail-ttl span {
    padding: 8px 0 8px 8px;
}
.blog-detail-ttl:before {
    height: 22px;
    width: 3px;
    background-color: #000;
    content: "";
}

.blog-detail-date {
    font-size: 10px;
    color: #323232;
    padding: 0 20px;
    margin-top: 15px;
}
@media screen and (min-width: 1000px) {
    .blog-detail-date {
        padding: 0;
        margin-top: 5px;
        font-size: 12px;
    }
}
.blog-detail-date .news {
    background-color: #000;
    color: #fff;
    padding: 5px;
    margin-right: 7px;
}

.detail-column {
    margin: 24px 0 0;
    font-size: 14px;
}
.detail-column .blog-flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}
.detail-column .blog-flex-item + .blog-flex-item {
    margin-top: 16px;
}
.detail-column .blog-flex-item .blog-detail-list-border {
    width: 70%;
}
.detail-column .blog-flex-item .blog-detail-list-border p {
    padding: 4px 0;
    border-bottom: 1px solid #323232;
}
.detail-column .blog-flex-item .blog-detail-list-border p + p {
    margin-top: 4px;
}
.detail-column .blog-flex-item .blog-detail-list-border p a {
    color: #323232;
    display: inline-block;
    position: relative;
}
.detail-column .blog-flex-item .blog-detail-list-border p a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: -16px;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
    width: 8px;
    height: 8px;
    border-top: 1px solid #8F8F8F;
    border-right: 1px solid #8F8F8F;
}
.detail-column .blog-flex-item ul {
    width: 70%;
}
.detail-column .blog-flex-item ul li {
    display: inline-block;
    margin: 0 4px 4px 0;
    padding: 4px 12px;
    color: #fff;
    background: #000;
    border-radius: 4px;
}
.detail-column .blog-flex-item .detail-column-ttl {
    width: 30%;
}

.blog-comment {
    margin-top: 20px;
}
.blog-comment h2,
.blog-comment h3,
.blog-comment h4,
.blog-comment h5 {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 1.8rem;
    border-bottom: 2px solid #000;
    color: #000;
    padding: 8px 0 8px 11px;
}
.blog-comment h2 span,
.blog-comment h3 span,
.blog-comment h4 span,
.blog-comment h5 span {
    padding: 8px 0 8px 8px;
}
.blog-comment h2:before,
.blog-comment h3:before,
.blog-comment h4:before,
.blog-comment h5:before {
    height: 22px;
    width: 3px;
    background-color: #000;
    content: "";
}
.blog-comment h2:before,
.blog-comment h3:before,
.blog-comment h4:before,
.blog-comment h5:before {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.blog-comment h2:not(:first-child),
.blog-comment h3:not(:first-child),
.blog-comment h4:not(:first-child),
.blog-comment h5:not(:first-child) {
    margin-top: 20px;
}
.blog-comment p {
    font-size: 12px;
    line-height: 2;
    margin-top: 20px;
}
@media screen and (min-width: 1000px) {
    .blog-comment p {
        font-size: 14px;
    }
}
.blog-comment img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.blog-detail-img {
    width: 100%;
    height: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-width: 666px;
    display: block;
    margin: 0 auto;
}

.blog-pagination {
    margin-top: 12px;
    margin-bottom: 15px;
}
.blog-pagination .next-page-btn {
    background: #000;
    color: #fff;
    text-align: center;
    padding: 6px;
    border-radius: 20px;
    margin-bottom: 15px;
    display: block;
}
.blog-pagination .page-numbers {
    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;
}
.blog-pagination .page-numbers2 {
    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;
}
.blog-pagination .page-numbers2 .prev-arrow,
.blog-pagination .page-numbers2 .next-arrow,
.blog-pagination .page-numbers2 .number {
    margin: 0 4px;
}
.blog-pagination .page-numbers2 .prev-arrow a,
.blog-pagination .page-numbers2 .next-arrow a,
.blog-pagination .page-numbers2 .number 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;
    border-radius: 50%;
    border: 1px solid #000;
    color: #000;
}
.blog-pagination .page-numbers2 .prev-arrow a:hover,
.blog-pagination .page-numbers2 .next-arrow a:hover,
.blog-pagination .page-numbers2 .number a:hover {
    background: #000;
    color: #fff;
}
.blog-pagination .page-numbers2 .prev-arrow .current,
.blog-pagination .page-numbers2 .next-arrow .current,
.blog-pagination .page-numbers2 .number .current {
    background: #000;
    color: #fff;
    border: none;
}
.blog-pagination .page-numbers2 .dots span {
    border: none;
}
.blog-pagination ul {
    margin: 0 -8px;
}
@media screen and (min-width: 1000px) {
    .blog-pagination ul li {
        margin: 0 8px;
    }
}
.blog-pagination ul li .dots {
    border: none;
    width: 30px;
}
.blog-pagination ul li + li {
    padding: 0 5px;
}
@media screen and (min-width: 1000px) {
    .blog-pagination ul li + li {
        padding: 0;
    }
}
.blog-pagination li > * {
    font-size: 14px;
    font-weight: bold;
    width: 30px;
    height: 30px;
    border: 1px solid #323232;
    color: #323232;
}
.blog-pagination li > .current {
    background: #323232;
    color: #fff;
}
.blog-pagination li > .next,
.blog-pagination li > .prev {
    border: none;
    width: auto;
    height: auto;
}

.blog-pagination-prev,
.blog-pagination-next {
    width: 12px;
    height: 12px;
    border-right: 2px solid #323232;
    border-bottom: 2px solid #323232;
}

.blog-pagination-next {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.blog-pagination-prev {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.blog-news-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 15px 0 40px;
}
@media screen and (min-width: 1000px) {
    .blog-news-list {
        margin: 30px 0;
        row-gap: 30px;
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        align-items: baseline;
    }
}
.blog-news-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li {
        width: calc(33.3333333333% - 30px);
        margin-left: 35px;
    }
}
.blog-news-list li img {
    max-width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li img {
        height: 145px;
    }
}
.blog-news-list li .post_image {
    width: 30%;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .post_image {
        margin-bottom: 15px;
        display: block;
        width: 100%;
    }
}
.blog-news-list li .txt_box {
    width: 67%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .txt_box {
        width: 100%;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
}
.blog-news-list li .txt_box .post_ttl {
    display: block;
    color: #000;
    font-weight: bold;
    font-size: clamp(14.25px, 8vw - 2rem, 16px);
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .txt_box .post_ttl {
        margin-bottom: 5px;
    }
    .blog-news-list li .txt_box .post_ttl:hover {
        color: #000;
    }
}
.blog-news-list li .txt_box .more {
    font-size: clamp(12.25px, 8vw - 2rem, 14px);
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .txt_box .more {
        word-break: break-all;
    }
}
.blog-news-list li .txt_box .post_category {
    color: #fff;
    font-size: clamp(10px, (100vw - 360px) * 0.005952381 + 10px, 15px);
    background: #000;
    border-radius: 40px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 5px 10px;
    line-height: 1;
    margin-bottom: 5px;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .txt_box .post_category {
        margin-bottom: 10px;
    }
}
.blog-news-list li .txt_box .dayDate {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 11px;
    color: #444444;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li .txt_box .dayDate {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
    }
}
.blog-news-list li + li {
    margin-top: 30px;
}
@media screen and (min-width: 1000px) {
    .blog-news-list li + li {
        margin-top: 0;
    }
}
@media screen and (min-width: 1000px) {
    .blog-news-list li:nth-child(3n+1) {
        margin-left: 0;
    }
}

.column-comment {
    margin-top: 20px;
    padding: 0 20px;
}
@media screen and (min-width: 1000px) {
    .column-comment {
        padding: 0;
    }
}
.column-comment h2 {
    padding: 16px;
    font-size: 24px;
    background: #f6f6f6;
    border-left: 5px solid #000;
    font-size: clamp(24px, 4.267vw, 30px);
}
.column-comment h3 {
    color: #000;
    font-size: clamp(22px, 4.267vw, 24px);
    line-height: 30.8px;
    border-bottom: 2px solid #000;
    padding: 10px 0;
}
.column-comment h4 {
    color: #000;
    border-left: 4px solid #000;
    padding-left: 12px;
    font-size: clamp(19.3333px, 4.267vw, 20px);
}
@media screen and (min-width: 1000px) {
    .column-comment h4 {
        padding-left: 0;
        border: none;
    }
}
.column-comment h2:not(:first-child) {
    margin-top: 40px;
}
.column-comment h3:not(:first-child) {
    margin-top: 35px;
}
.column-comment h4:not(:first-child),
.column-comment h5:not(:first-child) {
    margin-top: 20px;
}
.column-comment p {
    line-height: 32px;
    margin-top: 20px;
    font-size: clamp(16px, 4.267vw, 16px);
}
.column-comment img {
    width: 100%;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: auto;
}
@media screen and (min-width: 1000px) {
    .column-comment img {
        display: block;
    }
}
.column-comment img.aligncenter {
    margin-left: auto;
    margin-right: auto;
}
.column-comment img.alignright {
    margin-left: auto;
}
.column-comment table {
    border: 1px solid #ccc;
}
.column-comment table th {
    border: 1px solid #ccc;
}
.column-comment table td {
    border: 1px solid #ccc;
}
@media screen and (min-width: 1000px) {
    .column-comment .column-content-image {
        width: 50%;
    }
}

.column-related-article > .ttl {
    text-align: center;
    font-weight: bold;
    font-size: clamp(18px, 4.267vw, 30px);
}
.column-related-article .contents {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.column-related-article .contents article {
    width: 48%;
    margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article {
        width: 31%;
        border-right: 1px solid #000;
        padding-right: 3%;
        margin-right: 3%;
        margin-bottom: 30px;
    }
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article:nth-child(3n) {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }
}
.column-related-article .contents article a {
    color: #000;
}
.column-related-article .contents article a .pic {
    margin-bottom: 7px;
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article a .pic {
        margin-bottom: 10px;
    }
}
.column-related-article .contents article a .pic img {
    max-width: 100%;
    height: 90px;
    -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article a .pic img {
        height: 150px;
    }
}
.column-related-article .contents article a .ttl {
    margin-bottom: 3px;
    font-size: 14px;
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article a .ttl {
        font-size: 16px;
        line-height: 1.4;
        margin-bottom: 5px;
    }
}
.column-related-article .contents article a .ellipsis {
    font-size: 10px;
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article a .ellipsis {
        font-size: 12px;
    }
}
@media screen and (min-width: 1000px) {
    .column-related-article .contents article a:hover {
        opacity: 0.8;
        display: block;
    }
}

/* SVGアイコン定義コンテナクラス */
.svg-defs {
    width: 0;
    height: 0;
    visibility: hidden;
    position: fixed;
    bottom: 0;
}

.snsBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
@media screen and (min-width: 1000px) {
    .snsBox {
        width: 40%;
        margin: 0 auto;
    }
}
.snsBox + .column-related-article {
    margin-top: 50px;
}
.snsBox li {
    min-width: 33.3333333333%;
    text-align: center;
}
.snsBox li a {
    display: block;
    padding: 5px 0;
    border-radius: 5px;
    text-decoration: none;
    margin: 5px 3px 0;
    color: #fff;
    line-height: 1;
}
.snsBox li a svg {
    width: 20px;
    height: 20px;
    fill: #fff;
    margin: 0 auto;
    display: inline-block;
    stroke-width: 0;
    stroke: currentColor;
}
.snsBox .twitter a {
    background: #1da1f2;
}
.snsBox .facebook a {
    background: #1678f2;
}
.snsBox .line a {
    background: #00b900;
}

/* 監修 */
.supervision_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #ededed;
    padding: 20px 0;
    margin-bottom: 40px;
}
@media screen and (min-width: 501px) {
    .supervision_box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 20px 30px;
        width: 100%;
    }
}
.supervision_box .image {
    width: 25%;
}
@media screen and (min-width: 501px) {
    .supervision_box .image {
        width: auto;
    }
}
@media screen and (min-width: 501px) {
    .supervision_box .image img {
        height: 105px;
    }
}
.supervision_box .txt {
    width: 63%;
    padding-left: 4%;
}
@media screen and (min-width: 501px) {
    .supervision_box .txt {
        padding-left: 15px;
        width: auto;
    }
}
.supervision_box .txt .name {
    font-size: 17px;
    margin-bottom: 6px;
}
@media screen and (min-width: 501px) {
    .supervision_box .txt .name {
        font-size: 18px;
    }
}
.supervision_box .txt .career {
    font-size: 12px;
    line-height: 1.6;
}

.blog .pc-none {
    display: none;
}
.blog .sp-none {
    display: block;
}
.blog .btn, .blog a.btn, .blog button.btn {
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.5;
    position: relative;
    display: inline-block;
    padding: 0.6rem 2.5rem;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #212529;
    border-radius: 0.3rem;
}
.blog .fsbg {
    font-size: 1.2em;
}
.blog .cv-box {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #000000;
    background: #fef8f8;
    border-left: double 7px #f5c6ca;
    border-right: double 7px #f5c6ca;
    text-align: center;
}
.blog .cv-box .cv-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 20px;
}
.blog .cv-box .cv-title span {
    color: #d44114;
    font-size: 1.5rem;
}
.blog .cv-box .cv-img {
    max-width: 450px;
    width: 80%;
    margin: auto;
}
.blog .cv-box .satisfaction {
    line-height: 1.4;
    font-size: 1.3rem;
    font-weight: bold;
    margin-bottom: 15px;
}
.blog .cv-box span.diagonal {
    position: relative;
    font-size: 1.1.6rem;
}
.blog .cv-box span.diagonal::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 5px;
    background: repeating-linear-gradient(-45deg, #000, #000 2px, white 2px, white 4px);
}
.blog .cv-box .cv-chram {
    display: block;
    margin: 10px auto;
    width: 55%;
}
.blog .cv-box .cv-detail {
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 10px;
    list-style-type: none;
    font-size: 0.9rem;
    text-align: left;
}
.blog .cv-box .cv-detail li {
    position: relative;
    padding-left: 25px;
}
.blog .cv-box .cv-detail li + li {
    margin-top: 5px;
}
.blog .cv-box .cv-detail li::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.2em;
    left: 0.5em;
    width: 15px;
    height: 8px;
    border-left: 3px solid #000;
    border-bottom: 3px solid #000;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.blog .btn-wrap {
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.blog .cv-box .btnup-txt {
    font-size: 1.4rem;
    font-weight: bold;
    position: relative;
    margin-bottom: 15px;
}
.blog .free-assessment {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ff99ff));
    background: linear-gradient(transparent 60%, #ff99ff 60%);
    font-weight: bold;
}
.blog .shop-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-01.svg);
}
.blog .delivery-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-02.svg);
}
.blog .line-icon {
    width: 28px;
    margin-right: 8px;
    vertical-align: middle;
    content: url(//jewel-cafe.jphttps://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/css/../images/icon/top-nav-icon-04.svg);
}
.blog a.btn-c {
    font-size: 1.1.6rem;
    margin: 20px 0;
    position: relative;
    padding: 0.1.6rem 0.6rem 0.6rem 0.9rem;
    color: #fff;
    background: #000;
    -webkit-box-shadow: 0 5px 0 #98254c;
    box-shadow: 0 5px 0 #98254c;
    min-width: 170px;
}
.blog a.btn-c span {
    font-size: 0.9rem;
    position: absolute;
    top: -0.8rem;
    left: calc(50% - 140px);
    display: block;
    width: 280px;
    padding: 0.1.6rem 0;
    color: #d44114;
    border: 2px solid #d44114;
    border-radius: 100vh;
    background: #fff;
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.blog a.btn-c span:before, .blog a.btn-c span:after {
    position: absolute;
    left: calc(50% - 75px);
    content: "";
}
.blog a.btn-c span:before {
    bottom: -10px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #d44114 transparent transparent transparent;
}
.blog a.btn-c span:after {
    bottom: -7px;
    border-width: 10px 10px 0 10px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.blog a.btn-c i {
    margin-right: 0.6rem;
}
.blog a.btn-c:hover {
    -webkit-transform: translate(0, 3px);
    transform: translate(0, 3px);
    color: #fff;
    background: #eb5b30;
    -webkit-box-shadow: 0 2px 0 #d44114;
    box-shadow: 0 2px 0 #d44114;
}
.blog .list-box {
    margin: 1.9rem 0 0.6rem 0;
}
.blog .list-box-title {
    display: inline-block;
    padding: 1px 10px 0 10px;
    background: #000;
    color: #fff;
    letter-spacing: 0.1em;
    font-weight: bold;
    font-size: 1.6rem;
}
.blog ul.list-design {
    margin: 0;
    padding: 0.6rem 1.3rem 0.6rem 1.3rem;
    position: relative;
    border: solid 2px #000;
    font-size: 1.6rem;
    list-style: inside;
}
.blog ol.list-design {
    margin: 0;
    padding: 0.6rem 1.3rem 0.6rem 1.3rem;
    position: relative;
    border: solid 2px #000;
    font-size: 1.6rem;
    list-style: decimal;
}
.blog ul.list-design li, .blog ol.list-designli {
    line-height: 1.5;
    padding: 0.5em 0em 0.5em 1em;
    text-indent: -1.35em;
}
@media screen and (max-width: 960px) {
    .blog .btn-wrap {
        display: block;
    }
    .blog a.btn-c {
        display: inline-block;
        width: 300px;
    }
    .blog a.btn-c span {
        left: calc(50% - 140px);
        width: 280px;
        top: -0.8rem;
        padding: 0.1.6rem 0;
    }
}
@media screen and (max-width: 767px) {
    .blog .pc-none {
        display: block;
    }
    .blog .sp-none {
        display: none;
    }
    .blog .btn-wrap {
        display: block;
        margin: 0 auto;
        text-align: center;
    }
    .blog .cv-box .cv-img {
        width: 95%;
    }
    .blog .cv-box .cv-detail {
        margin-top: 20px;
    }
    .blog .cv-box .cv-title {
        font-size: 1.3rem;
    }
    .blog .cv-box .cv-chram {
        width: 80%;
    }
    .blog .cv-box .btnup-txt {
        font-size: 1.1.6rem;
        margin-bottom: 20px;
    }
    .blog ul.list-design li, .blog ol.list-designli {
        text-indent: -1em;
    }
}
@media screen and (max-width: 600px) {
    .blog .cv-box .cv-chram {
        width: 90%;
    }
}
.blog .w_b_box .w_b_h100 {
    width: auto;
}
.blog .customers_voice {
    font-size: 12px;
    text-decoration: underline;
    text-align: right;
    cursor: pointer;
}
.blog .customers_voice_all {
    font-size: 12px;
}

#news {
    margin-bottom: 120px;
}
#news .blog-detail-date {
    padding: 0;
}
#news .blog-detail-title {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
@media screen and (max-width: 500px) {
    #news .blog-detail-title {
        font-size: 19px;
        margin-top: 25px;
    }
}
@media screen and (min-width: 501px) {
    #news .blog-detail-title {
        font-size: 30px;
        line-height: 1.53;
        margin-top: 25px;
    }
}
#news h1 {
    border-bottom: 1px solid #000;
}
@media screen and (max-width: 500px) {
    #news h1 {
        font-size: 23px;
        padding-bottom: 10px;
    }
}
@media screen and (min-width: 501px) {
    #news h1 {
        font-size: 45px;
        padding-bottom: 20px;
        line-height: 1.3;
        margin-top: 40px;
        margin-bottom: 40px;
    }
}
#news h2 {
    border-bottom: 1px solid #000;
    padding-left: 0;
}
@media screen and (min-width: 501px) {
    #news h2 {
        font-size: 25.6px;
    }
}
#news h2::before {
    content: none;
}
@media screen and (max-width: 500px) {
    #news p {
        font-size: 16px;
    }
}
@media screen and (min-width: 501px) {
    #news p {
        font-size: 16px;
    }
}
@media screen and (max-width: 500px) {
    #news p.type1 {
        font-size: 12px;
    }
}
@media screen and (min-width: 501px) {
    #news p.type1 {
        font-size: 14px;
    }
}
#news iframe {
    margin: 0;
    width: 100%;
    max-width: 100%;
    height: 100%;
    aspect-ratio: 16/9;
}
#news a.type1 {
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
}
@media screen and (min-width: 501px) {
    #news a.type1 {
        font-size: 23px;
    }
}
#news a.type1 span {
    background-color: #000;
    padding: 10px 30px;
    border-radius: 6px;
}

.static-catch {
    margin-bottom: 12px;
}
@media screen and (min-width: 1000px) {
    .static-catch {
        padding-top: 90px;
    }
}
.static-catch .section-ja-title {
    margin-bottom: 8px;
}
.static-catch img {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin-bottom: 8px;
}
@media screen and (min-width: 1000px) {
    .static-catch img {
        width: 100%;
    }
}
.static-catch .static-sub-ttl {
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .static-catch .static-sub-ttl {
        font-size: 1.5rem;
        margin: 40px 0;
        text-align: center;
    }
}
.static-catch p {
    font-size: 12px;
    font-weight: bold;
}

.static-buy p {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .static-buy p {
        font-size: 14px;
    }
}
.static-buy .search-shop {
    margin-bottom: 30px;
}

.buy-flow {
    margin: 30px 0 0;
}
.buy-flow ul {
    margin: 40px 0 0;
}
.buy-flow ul li {
    position: relative;
    margin-bottom: 50px;
    padding: 16px 30px 20px;
    line-height: 1.8;
    border: 1px solid #8F8F8F;
    border-radius: 4px;
}
.buy-flow ul li .buy-flow-ttl {
    margin-bottom: 8px;
    color: #000;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.4;
}
.buy-flow ul li p {
    font-weight: bold;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .buy-flow ul li p {
        font-size: 14px;
    }
}
.buy-flow ul li p span {
    text-decoration: underline;
}
.buy-flow ul li .flow-number {
    position: absolute;
    top: -25px;
    left: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    font-size: 1.625rem;
    text-align: center;
    background: #000;
    border-radius: 50%;
}
.buy-flow ul li:after {
    content: "";
    position: absolute;
    display: inline-block;
    bottom: -40px;
    width: 16px;
    height: 18px;
    left: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    vertical-align: middle;
    background-image: url("../images/icon/double-arrow.svg");
    background-size: contain;
}
.buy-flow ul li:last-of-type {
    margin-bottom: 0;
}
.buy-flow ul li:last-of-type:after {
    display: none;
}
.buy-flow.buy-flow-line img {
    width: 100%;
    margin-bottom: 8px;
}
@media screen and (min-width: 1000px) {
    .buy-flow.buy-flow-line img {
        max-width: 300px;
        margin-right: 30px;
    }
}

.buy-order {
    margin-bottom: 20px;
    padding: 25px 30px;
    text-align: center;
    background: #FCF7F0;
}
@media screen and (min-width: 1000px) {
    .buy-order {
        padding: 40px 50px;
    }
}
.buy-order a {
    position: relative;
    width: 100%;
    margin-top: 12px;
    font-size: 1.6rem;
}
@media screen and (min-width: 1000px) {
    .buy-order a {
        width: 300px;
        margin-top: 12px;
    }
}
.buy-order a:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    right: 12px;
}
.buy-order p {
    margin-top: 12px;
    padding-top: 12px;
    text-align: left;
    border-top: 1px solid #8F8F8F;
}
@media screen and (min-width: 1000px) {
    .buy-order p {
        margin-top: 24px;
        padding-top: 24px;
    }
}
.buy-order .slash-title {
    display: inline-block;
    padding: 0;
}
.buy-order .slash-title:before, .buy-order .slash-title:after {
    width: 36px;
}
.buy-order .slash-title:before {
    left: -40px;
}
.buy-order .slash-title:after {
    right: -40px;
}
.buy-order.buy-order-line {
    margin-bottom: 0;
}
.buy-order.buy-order-line a {
    background: #5BBC0C;
}

.about-line-point {
    margin: 30px 0;
}
.about-line-point img {
    width: 100%;
}
@media screen and (min-width: 1000px) {
    .about-line-point img {
        max-width: 500px;
        margin-right: 30px;
    }
}
.about-line-point ul {
    margin-top: 12px;
}
.about-line-point ul li {
    font-size: 14px;
    font-weight: bold;
}
@media screen and (min-width: 1000px) {
    .about-line-point ul li {
        font-size: 1.8rem;
    }
}
.about-line-point ul li:before {
    display: inline-block;
    content: "";
    margin-top: 6px;
    margin-right: 7px;
    width: 10px;
    height: 10px;
    vertical-align: top;
    border-radius: 5px;
    background-color: #5BBC0C;
}
@media screen and (min-width: 1000px) {
    .about-line-point ul li:before {
        width: 16px;
        height: 16px;
        border-radius: 8px;
    }
}
.about-line-point p {
    margin-top: 12px;
    padding-top: 12px;
    font-size: 12px;
    border-top: 1px solid #8F8F8F;
}
@media screen and (min-width: 1000px) {
    .about-line-point p {
        font-size: 1.6rem;
    }
}

.about-line-point .pc-flex,
.buy-flow-line .pc-flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.buy-flow-line {
    margin-top: 30px;
}
@media screen and (min-width: 1000px) {
    .buy-flow-line ul li {
        padding: 36px 120px 40px;
    }
    .buy-flow-line ul li .buy-flow-ttl {
        text-align: left;
    }
}

.static-first .first-ttl {
    margin-bottom: 4px;
    font-size: 1.8rem;
}
@media screen and (min-width: 1000px) {
    .static-first .first-ttl {
        margin-bottom: 8px;
        font-size: 1.5rem;
        text-align: center;
    }
}
.static-first p {
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .static-first p {
        font-size: 14px;
    }
}
.static-first .first-base-btn {
    min-width: 266px;
    margin: 0 auto 12px;
}
@media screen and (min-width: 1000px) {
    .static-first .first-base-btn {
        min-width: 300px;
        margin: 0 12px 12px;
    }
}
.static-first .first-base-btn:after {
    position: absolute;
    display: inline-block;
    top: 50%;
    bottom: 0;
    right: 8px;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    right: 12px;
}

.company-table table {
    width: 100%;
    margin-top: 12px;
    border-collapse: collapse;
}
.company-table table tr {
    border-bottom: 1px solid #8F8F8F;
}
.company-table table tr th, .company-table table tr td {
    display: block;
    font-size: 14px;
}
.company-table table tr th {
    padding-top: 20px;
    text-align: left;
}
.company-table table tr td {
    padding: 0 0 20px 12px;
    font-weight: normal;
}
.company-table table tr h3 {
    font-weight: normal;
}

.company-design dt {
    font-size: 14px;
    border-radius: 4px;
    padding: 10px 15px;
    background-color: #FFEBEB;
    color: #000;
    font-weight: bold;
}
.company-design dt + dd {
    margin-top: 10px;
}
.company-design dd {
    line-height: 1.8;
    padding-left: 15px;
    font-size: 14px;
}
.company-design dd + dt {
    margin-top: 25px;
}

iframe {
    display: block;
    width: 100%;
    height: 250px;
}
@media screen and (min-width: 1000px) {
    iframe {
        width: auto;
        max-width: 600px;
        margin: 12px auto;
        height: 300px;
    }
}

.reinforcement-area {
    margin: 20px 0;
    font-size: 14px;
}
.reinforcement-area dt {
    padding-left: 8px;
    color: #000;
    font-weight: bold;
    border-left: 1px solid #000;
}
.reinforcement-area dd {
    padding: 8px;
}

.proprety-img {
    margin: 12px 0;
}
.proprety-img li {
    margin-bottom: 12px;
}
.proprety-img li img {
    width: 100%;
}
@media screen and (min-width: 1000px) {
    .proprety-img {
        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;
    }
    .proprety-img li {
        width: 49%;
    }
    .proprety-img li img {
        width: 100%;
    }
}

.media.trip-buy iframe, .media.delivery-buy iframe, .media.shop-buy iframe {
    width: 100%;
    max-width: 100%;
    height: 200px;
    margin-bottom: 20px;
}
@media screen and (min-width: 1000px) {
    .media.trip-buy iframe, .media.delivery-buy iframe, .media.shop-buy iframe {
        height: 565px;
        margin-bottom: 0;
    }
}
.media.trip-buy .close, .media.delivery-buy .close, .media.shop-buy .close {
    display: none;
}

.number-type1 {
    counter-reset: number;
}
.number-type1 li {
    padding-left: 20px;
    position: relative;
}
.number-type1 li::before {
    counter-increment: number;
    content: counter(number) ".";
    position: absolute;
    left: 0;
    color: #000;
    font-weight: bold;
}
.number-type1 li + li {
    margin-top: 20px;
}

.form-page .section-ja-title {
    padding-top: 73px;
}
@media screen and (min-width: 1000px) {
    .form-page .section-ja-title {
        padding-top: 0;
    }
}

.form-top-text {
    padding: 25px 30px;
    background: #FCF7F0;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .form-top-text {
        font-size: 14px;
    }
}

.form-flow {
    margin-top: 49px;
}
.form-flow ul {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}
.form-flow ul li {
    position: relative;
    width: 100%;
    padding: 8px 0;
    text-align: center;
    font-weight: bold;
    background: #FEF8f8;
}
.form-flow ul li.flow-active {
    color: #fff;
    background: #000;
}
.form-flow ul li.flow-active:after {
    position: absolute;
    top: 0;
    right: -15px;
    width: 0;
    height: 0;
    border-left: 15px solid #000;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    z-index: 1;
}
.form-flow ul li:nth-of-type(2).flow-active, .form-flow ul li:nth-of-type(3).flow-active {
    padding-left: 8px;
}
.form-flow ul li:nth-of-type(2).flow-active:before, .form-flow ul li:nth-of-type(3).flow-active:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 15px solid #FEF8f8;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    content: "";
    z-index: 1;
}
.form-flow ul li:nth-of-type(3):after {
    display: none;
}

.form {
    margin-bottom: 94px;
}
.form .form-list .form-item {
    padding: 20px 0;
    border-bottom: 1px dotted #ccc;
}
@media screen and (min-width: 1000px) {
    .form .form-list .form-item {
        padding: 40px 0;
    }
}
.form .form-list .form-item label {
    vertical-align: middle;
}
.form .form-list .form-item dt {
    margin-bottom: 8px;
    font-size: 1.6rem;
    font-weight: bold;
}
.form .form-list .form-item dt .input-required {
    margin: -6px 0 0 4px;
    padding: 0 4px;
    font-size: 0.625rem;
    color: #fff;
    background: #000;
    border-radius: 2px;
}
.form .form-list .form-item dd .company-err {
    color: #000;
}
.form .form-list .form-item input,
.form .form-list .form-item select,
.form .form-list .form-item textarea {
    padding: 8px;
    border: 1px solid #8F8F8F;
}
@media screen and (min-width: 1000px) {
    .form .form-list .form-item input,
    .form .form-list .form-item select,
    .form .form-list .form-item textarea {
        padding: 12px;
    }
}
.form .form-list .form-item input::-webkit-input-placeholder, .form .form-list .form-item select::-webkit-input-placeholder, .form .form-list .form-item textarea::-webkit-input-placeholder {
    color: #8F8F8F;
}
.form .form-list .form-item input::-moz-placeholder, .form .form-list .form-item select::-moz-placeholder, .form .form-list .form-item textarea::-moz-placeholder {
    color: #8F8F8F;
}
.form .form-list .form-item input:-ms-input-placeholder, .form .form-list .form-item select:-ms-input-placeholder, .form .form-list .form-item textarea:-ms-input-placeholder {
    color: #8F8F8F;
}
.form .form-list .form-item input::-ms-input-placeholder, .form .form-list .form-item select::-ms-input-placeholder, .form .form-list .form-item textarea::-ms-input-placeholder {
    color: #8F8F8F;
}
.form .form-list .form-item input::placeholder,
.form .form-list .form-item select::placeholder,
.form .form-list .form-item textarea::placeholder {
    color: #8F8F8F;
}
.form .form-list .form-item input {
    font-size: 14px;
}
.form .form-list .form-item input.error {
    border: 2px solid #000;
}
.form .form-list .form-item input[type=radio] {
    width: 18px;
    height: 18px;
}
.form .form-list .form-item input[type=radio],
.form .form-list .form-item input[type=check] {
    margin: -2px 4px 0 0;
}
.form .form-list .form-item .form-file {
    margin-right: 8px;
    padding: 4px 12px;
    font-size: 14px;
    color: #323232;
    background: #FCF7F0;
    border: 1px solid #8F8F8F;
    border-radius: 2px;
}
.form .form-list .form-item select {
    background: #FCF7F0;
    border-radius: 2px;
}
.form .form-list .form-item dd img {
    max-width: 328px;
    margin-top: 20px;
}
.form .form-list .form-item.size .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-column-gap: 60px;
    -moz-column-gap: 60px;
    column-gap: 60px;
    row-gap: 40px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 20px;
}
@media screen and (min-width: 501px) {
    .form .form-list .form-item.size .content .box {
        width: 28%;
    }
}
.form .form-list .form-item.size .content .box > .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.form .form-list .form-item.size .content .box > .flex > .title {
    width: 5em;
}
.form .form-list .form-item.size .content .box > .flex .select select {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
}
.form .form-list p.form-att {
    margin-top: 8px;
    font-size: 12px;
}
@media screen and (min-width: 1000px) {
    .form .form-list p.form-att {
        font-size: 14px;
    }
}
.form .form-list p.form-att a {
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
.form .form-thanks {
    position: relative;
    left: 50%;
    width: 100vw;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 55px 0;
    background: #FCF7F0;
}
.form .form-thanks .sofia {
    font-size: 1.75rem;
    font-weight: bold;
}

.property-form-flow {
    margin-top: 20px;
}

.property-form .form-list .form-list-ttl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 20px;
    font-size: 1.8rem;
    font-weight: bold;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.property-form .form-list .form-list-ttl .border {
    background-color: #323232;
    height: 1px;
    margin-left: 20px;
    width: 70%;
}
.property-form .form-list .form-item {
    padding: 20px 0 0 0;
    border: none;
}

.form-postal p:first-child {
    margin-right: 4px;
}
.form-postal p:last-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.form-postal p:last-child .postal-code input {
    width: 22.4vw;
    max-width: 84px;
}
.form-postal p:last-child .prefecture select {
    width: 35.4vw;
    max-width: 133px;
}

#form_confirm .main_contents #buttonClose {
    position: absolute;
    right: 5px;
    top: 5px;
}
@media screen and (min-width: 501px) {
    #form_confirm .main_contents #buttonClose {
        right: -25px;
        top: -25px;
    }
}
#form_confirm .main_contents .contents {
    background-color: #f4f4f4;
    padding-bottom: 20px;
    padding-top: 35px;
    padding-left: 15px;
    padding-right: 15px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 501px) {
    #form_confirm .main_contents .contents {
        padding-left: 30px;
        padding-right: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents {
        padding-top: 15px;
        padding-bottom: 30px;
    }
}
#form_confirm .main_contents .contents .text {
    text-align: center;
    font-size: 16px;
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents .text {
        font-size: 11px;
    }
}
#form_confirm .main_contents .contents .primary {
    margin: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 100%;
    -ms-flex-flow: column;
    flex-flow: column;
    border: 1px solid #ccc;
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .primary {
        border: none;
        -ms-flex-flow: nowrap;
        flex-flow: nowrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents .primary {
        margin: 10px 0;
    }
}
#form_confirm .main_contents .contents .primary dt {
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    padding: 5px 15px;
    background-color: #999;
    font-size: 14px;
    color: #fff;
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .primary dt {
        border-left: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents .primary dt {
        padding: 2px 15px;
        font-size: 11px;
    }
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .primary dt:first-child {
        border-top: 1px solid #ccc;
    }
}
#form_confirm .main_contents .contents .primary dd {
    -ms-flex-preferred-size: 70%;
    flex-basis: 70%;
    padding: 5px 15px;
    background-color: #fff;
    font-size: 14px;
    line-height: 1.3;
    min-height: 28px;
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .primary dd {
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
    }
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents .primary dd {
        padding: 2px 15px;
        font-size: 11px;
        min-height: 18px;
    }
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .primary dd:nth-child(2) {
        border-top: 1px solid #ccc;
    }
}
#form_confirm .main_contents .contents .button_box {
    text-align: center;
}
#form_confirm .main_contents .contents .button_box button {
    display: inline-block;
    width: 120px;
    padding: 9px;
    margin: 5px;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 5px;
    font-size: 14px;
}
@media screen and (max-width: 320px) {
    #form_confirm .main_contents .contents .button_box button {
        padding: 5px;
        font-size: 12px;
    }
}
#form_confirm .main_contents .contents .button_box button.cancel {
    background-color: #999;
}
#form_confirm .main_contents .contents .button_box button.submit {
    background-color: #000;
}
@media screen and (min-width: 1000px) {
    #form_confirm .main_contents .contents .button_box button:hover {
        opacity: 0.8;
    }
}

.container-modal {
    background-color: rgba(33, 36, 46, 0.8);
    border: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: auto;
}
@media screen and (max-width: 320px) {
    .container-modal {
        margin-top: 0;
    }
}
.container-modal .wrapper-modal {
    max-height: 80vh;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}
@media screen and (min-width: 501px) {
    .container-modal .wrapper-modal {
        width: 90%;
    }
}
@media screen and (min-width: 1000px) {
    .container-modal .wrapper-modal {
        width: 800px;
    }
}
@media screen and (max-width: 320px) {
    .container-modal .wrapper-modal {
        top: 0;
        left: 0;
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
}

main#line-ad img {
    max-width: 100%;
    height: auto;
}
@media only screen and (min-width: 768px) {
    main#line-ad a[href^="tel:"] {
        pointer-events: none;
    }
}
main#line-ad em {
    font-style: normal;
}
main#line-ad .button {
    all: initial;
    cursor: pointer;
}
main#line-ad .button:hover {
    opacity: 0.8;
}
main#line-ad .line .contents .expiration_date {
    margin-top: -51%;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: clamp(18px, 8vw - 2rem, 24px);
}
main#line-ad .line .contents .notice {
    color: #fff;
    font-size: clamp(10px, 8vw - 2rem, 12px);
    padding: 0 0 0 19%;
    list-style: disc;
    margin-top: 2%;
}
main#line-ad .line .contents .button {
    margin-top: 3%;
    margin-bottom: 4%;
    display: block;
}
main#line-ad .line .contents .button a {
    display: block;
    line-height: 0;
}
main#line-ad .tel .contents .pic {
    background: url(../images/line-ad/tel.jpg) no-repeat center center/cover;
    width: 100%;
    height: 0;
    padding-top: 93%;
}
main#line-ad .tel .contents .pic .button {
    display: block;
    margin-top: -32%;
    padding: 0 5%;
}
main#line-ad .tel .contents .pic .text {
    margin-top: 3%;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 1.7;
}
main#line-ad .assessed_items .contents {
    padding: 20px 6%;
}
main#line-ad .assessed_items .contents .primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    row-gap: 20px;
    margin-top: 20px;
}
main#line-ad .assessed_items .contents .primary li {
    width: 47%;
    border: 1px solid #ccc;
    border-radius: 12px;
}
main#line-ad .assessed_items .contents .primary li .pic img {
    border-radius: 12px 12px 0 0;
}
main#line-ad .assessed_items .contents .primary li .name {
    text-align: center;
    font-weight: bold;
    margin: 8px 0 7px;
}
main#line-ad .assessed_items .contents .text {
    font-size: 14px;
    text-align: center;
    margin-top: 20px;
    line-height: 1.6;
}
main#line-ad .real_time .contents {
    padding: 30px 0;
}
main#line-ad .real_time .contents .title {
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #DE0012;
}
main#line-ad .real_time .contents .title::before {
    content: "";
    display: block;
    height: 23px;
    background-image: url(../images/line-ad/icon_real_time_title.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    vertical-align: middle;
    margin-bottom: 5px;
}
main#line-ad .real_time .contents .title::after {
    content: "Assessed Items";
    display: block;
    font-size: 11px;
}
main#line-ad .real_time .contents .swiper {
    margin-top: 20px;
}
main#line-ad .real_time .contents .swiper .blog-archive-list {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
main#line-ad .real_time .contents .swiper img {
    height: 187px;
    -o-object-fit: cover;
    object-fit: cover;
}
main#line-ad .real_time .contents .swiper .p-12 {
    min-height: 93px;
}
main#line-ad .identification_documents {
    background-color: #FDF7F7;
}
main#line-ad .identification_documents .contents {
    padding: 30px 0;
}
main#line-ad .identification_documents .contents .title {
    font-weight: bold;
    font-size: 25px;
    text-align: center;
}
main#line-ad .identification_documents .contents .pic {
    padding: 0 18%;
    margin-top: 20px;
    margin-bottom: 30px;
}
main#line-ad .identification_documents .contents .text {
    font-size: 18px;
    font-weight: bold;
    padding: 0 11%;
}
main#line-ad .identification_documents .contents .text em {
    color: #DE0012;
}
main#line-ad .identification_documents .contents .notes {
    font-size: 14px;
    padding: 0 11%;
    margin-top: 30px;
}
main#line-ad .menu .contents {
    padding: 0 3%;
}
main#line-ad .faq .contents {
    padding: 0 3%;
}
main#line-ad .stores {
    background-color: #FDF7F7;
    margin-top: 40px;
}
main#line-ad .stores .contents {
    padding: 40px 3%;
}
main#line-ad .stores .contents .title {
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    color: #DE0012;
}
main#line-ad .stores .contents .title::before {
    content: "";
    display: block;
    height: 25px;
    background-image: url(../images/line-ad/icon_stores_title.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-bottom: 5px;
}
main#line-ad .stores .contents .title::after {
    content: "Stores";
    display: block;
    font-size: 14px;
}
main#line-ad .stores .contents .primary {
    margin-top: 30px;
}
main#line-ad .stores .contents .primary li {
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
}
main#line-ad .stores .contents .primary li .name1 {
    color: #DE0012;
    font-weight: bold;
}
main#line-ad .stores .contents .primary li .name2 {
    color: #DE0012;
    font-weight: bold;
    font-size: 28px;
}
main#line-ad .stores .contents .primary li .tel {
    font-weight: bold;
    color: #000;
    font-size: 24px;
}
main#line-ad .stores .contents .primary li .tel a {
    color: #000;
}
main#line-ad .stores .contents .primary li .details {
    margin-top: -30px;
    text-align: right;
}
main#line-ad .stores .contents .primary li .details a {
    color: #DE0012;
    border: 1px solid #DE0012;
    padding: 5px 10px;
    display: inline-block;
    font-weight: bold;
}
main#line-ad .stores .contents .primary li + li {
    padding-top: 20px;
}

.first-test img {
    max-width: 100%;
    height: auto;
}
.first-test .breadcrumbs {
    background-image: none;
    background-color: #FAE5E5;
    font-size: 12px;
    margin-top: 55px;
    margin-bottom: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    place-items: center start;
    min-height: 36px;
}
@media screen and (min-width: 1000px) {
    .first-test .breadcrumbs {
        margin-top: 82px;
        min-height: 29px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .mv {
        width: 1000px;
        margin: 0 auto;
    }
}
.first-test .mv .content .image_box {
    position: relative;
}
.first-test .mv .content .image_box .text_box {
    position: absolute;
    bottom: 40px;
    color: #fff;
    background: rgba(104, 0, 0, 0.6);
    padding: 20px 20px 20px 30px;
}
@media screen and (max-width: 999px) {
    .first-test .mv .content .image_box .text_box {
        left: 0;
        border-radius: 0px 6px 6px 0px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .mv .content .image_box .text_box {
        padding: 20px 40px 20px 30px;
        right: 0;
        border-radius: 6px 0px 0px 6px;
    }
}
.first-test .mv .content .image_box .text_box .title {
    font-weight: bold;
    font-size: 32px;
}
@media screen and (min-width: 1000px) {
    .first-test .mv .content .image_box .text_box .title {
        font-size: 38px;
    }
}
.first-test .mv .content .image_box .text_box .text {
    font-size: 18px;
}
.first-test .mv .content .appeal_box {
    background-color: #FAE5E5;
    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;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}
@media screen and (min-width: 1000px) {
    .first-test .mv .content .appeal_box {
        -webkit-column-gap: 20px;
        -moz-column-gap: 20px;
        column-gap: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
.first-test .mv .content .appeal_box li {
    background-color: #000;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    width: 110px;
    min-height: 110px;
    border-radius: 6px;
    display: -ms-grid;
    display: grid;
    place-items: center;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .first-test .mv .content .appeal_box li {
        font-size: 20px;
        width: 255px;
        min-height: 55px;
    }
}
.first-test .introduction {
    background: url(../images/first/bear.png) no-repeat;
    background-size: 410px;
    background-position: 50px 25px;
}
@media screen and (min-width: 1000px) {
    .first-test .introduction {
        width: 1080px;
        background-size: 470px;
        background-position: 100% 60px;
        margin-left: auto;
        margin-right: auto;
    }
}
.first-test .introduction .transparent {
    background-color: rgba(255, 255, 255, 0.9);
}
.first-test .introduction .transparent .content {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}
@media screen and (min-width: 1000px) {
    .first-test .introduction .transparent .content {
        width: 840px;
        padding-top: 100px;
        padding-bottom: 100px;
    }
}
.first-test .introduction .transparent .content .text {
    font-size: 20px;
    line-height: 1.7;
    font-weight: bold;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .first-test .introduction .transparent .content .text {
        font-size: 26px;
        line-height: 1.9;
    }
}
.first-test .introduction .transparent .content .text + .text2 {
    margin-top: 50px;
}
@media screen and (min-width: 1000px) {
    .first-test .introduction .transparent .content .text + .text2 {
        margin-top: 72px;
    }
}
.first-test .introduction .transparent .content .text2 {
    font-size: 16px;
    line-height: 2.5;
}
.first-test .introduction .transparent .content .text2 + .text2 {
    margin-top: 40px;
}
@media screen and (min-width: 1000px) {
    .first-test .introduction .transparent .content .text2 + .text2 {
        margin-top: 60px;
    }
}
.first-test .search {
    padding: 0;
}
.first-test .merit {
    margin-top: 30px;
}
@media screen and (min-width: 1000px) {
    .first-test .merit {
        margin-top: 100px;
    }
}
@media screen and (min-width: 501px) {
    .first-test .merit .content .title {
        max-width: 1000px;
        height: 130px;
        background-color: #000;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
@media screen and (min-width: 501px) {
    .first-test .merit .content .title img {
        width: 750px;
        position: relative;
        bottom: 30px;
    }
}
.first-test .merit .content .primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px;
}
@media screen and (min-width: 1000px) {
    .first-test .merit .content .primary {
        gap: 0 10px;
        margin-top: 67px;
    }
}
.first-test .merit .content .primary li {
    border-radius: 6px;
    background: #FAE5E5;
    width: 280px;
    height: 300px;
    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;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 30px;
    padding-bottom: 30px;
    text-align: center;
}
@media screen and (min-width: 1000px) {
    .first-test .merit .content .primary li {
        width: 294px;
        height: 400px;
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
.first-test .merit .content .primary li .text {
    font-size: clamp(12px, 6vw - 14px, 14px);
    font-weight: bold;
}
.first-test .merit .content .primary li .text2 {
    font-size: clamp(20px, 6vw - 26px, 26px);
    font-weight: bold;
    line-height: 1.6;
    position: relative;
    top: 7px;
}
@media screen and (min-width: 1000px) {
    .first-test .merit .content .primary li .text2 {
        line-height: 1.5;
    }
}
.first-test .merit .content .primary li .text3 {
    font-size: 16px;
    line-height: 1.8;
}
.first-test .merit .content .primary li .image {
    width: 100px;
    height: 100px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 1000px) {
    .first-test .merit .content .primary li .image {
        width: 140px;
        height: 140px;
    }
}
.first-test .features .content {
    background-color: #FBF6F6;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 100px;
    }
}
@media screen and (min-width: 501px) {
    .first-test .features .content .title {
        max-width: 1000px;
        height: 130px;
        background-color: #000;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
@media screen and (min-width: 501px) {
    .first-test .features .content .title img {
        width: 750px;
        position: relative;
        bottom: 30px;
    }
}
.first-test .features .content .primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 20px 60px;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary {
        padding: 100px 0;
        width: 806px;
        -webkit-column-gap: 6px;
        -moz-column-gap: 6px;
        column-gap: 6px;
        row-gap: 40px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li {
        width: calc(50% - 3px);
    }
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box1 {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }
}
.first-test .features .content .primary li.image_box1 img {
    border-radius: 6px 6px 0px 0px;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box1 img {
        border-radius: 6px 0px 0px 6px;
    }
}
@media screen and (max-width: 999px) {
    .first-test .features .content .primary li.image_box2 {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box2 {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
    }
}
.first-test .features .content .primary li.image_box2 img {
    border-radius: 6px 6px 0px 0px;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box2 img {
        border-radius: 0px 6px 6px 0px;
    }
}
@media screen and (max-width: 999px) {
    .first-test .features .content .primary li.image_box3 {
        margin-top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box3 {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5;
    }
}
.first-test .features .content .primary li.image_box3 img {
    border-radius: 6px 6px 0px 0px;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.image_box3 img {
        border-radius: 6px 0px 0px 6px;
    }
}
.first-test .features .content .primary li.text_box1 {
    border-radius: 0px 0px 6px 6px;
    background-color: #fff;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.text_box1 {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        border-radius: 0px 6px 6px 0px;
    }
}
.first-test .features .content .primary li.text_box2 {
    border-radius: 0px 0px 6px 6px;
    background-color: #fff;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.text_box2 {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        border-radius: 6px 0px 0px 6px;
    }
}
.first-test .features .content .primary li.text_box3 {
    border-radius: 0px 0px 6px 6px;
    background-color: #fff;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.text_box3 {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6;
        border-radius: 0px 6px 6px 0px;
    }
}
.first-test .features .content .primary li.text_box {
    padding: 30px 22px 40px;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li.text_box {
        padding: 60px 30px;
    }
}
.first-test .features .content .primary li .text {
    font-size: clamp(20px, 6vw - 26px, 26px);
    font-weight: bold;
    line-height: 1.6;
}
@media screen and (max-width: 999px) {
    .first-test .features .content .primary li .text {
        text-align: center;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li .text {
        line-height: 1.5;
    }
}
.first-test .features .content .primary li .text span {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(30%, #FFF6A8));
    background: linear-gradient(transparent 60%, #FFF6A8 30%);
}
.first-test .features .content .primary li .text2 {
    font-size: 16px;
    line-height: 2.5;
    position: relative;
    top: 10px;
}
@media screen and (min-width: 1000px) {
    .first-test .features .content .primary li .text2 {
        font-weight: bold;
        top: 20px;
    }
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content {
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
    }
}
@media screen and (min-width: 501px) {
    .first-test .handling .content .title {
        max-width: 1000px;
        height: 130px;
        background-color: #000;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }
}
@media screen and (min-width: 501px) {
    .first-test .handling .content .title img {
        width: 750px;
        position: relative;
        bottom: 30px;
    }
}
.first-test .handling .content .primary {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 40px 30px;
    gap: 15px 4%;
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary {
        gap: 20px 10px;
        width: calc(212px * 4 + 10px * 3);
        margin-left: auto;
        margin-right: auto;
        padding: 100px 0 0;
    }
}
.first-test .handling .content .primary li {
    width: 48%;
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary li {
        width: 212px;
    }
}
.first-test .handling .content .primary li a .image_box {
    border-radius: 6px 6px 0px 0px;
    background-color: #FAE5E5;
    display: -ms-grid;
    display: grid;
    place-items: center;
    height: 110px;
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary li a .image_box {
        height: 180px;
    }
}
.first-test .handling .content .primary li a .image_box img {
    width: 80px;
    height: 80px;
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary li a .image_box img {
        width: 140px;
        height: 140px;
    }
}
.first-test .handling .content .primary li a .name_box {
    position: relative;
    border-radius: 0px 0px 6px 6px;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    font-size: clamp(14px, 6vw - 18px, 18px);
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary li a .name_box {
        padding: 14px;
    }
}
.first-test .handling .content .primary li a .name_box::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 12px;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 0.6em;
    height: 0.6em;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 1000px) {
    .first-test .handling .content .primary li a .name_box::after {
        right: 15px;
    }
}

.kaitori-intro .intro-title {
    font-size: 40px;
    margin: 0 0 40px;
}
.kaitori .intro-txt {
    font-size: 18px;
    letter-spacing: .6px;
}


.kaitori-goldtool{

    color:#9A854A;

}

.kaitori-goldtool .goldtool-title{

    border-left:2px solid #000;
    color:#323232;
    font-size:27px;
    margin-top:50px;
    padding:10px 18px;

}


.kaitori-goldtool .goldtool-weight{

    font-size:18px;
    background:#fcf7f0;
    padding:16px;
    max-width:150px;
    color:#9b864c;
    border:1px solid #9a854a;
    border-radius:0px;

}



.kaitori-goldtool .goldtool-price{

    border-bottom:1px solid #9A854A;
    padding:10px 20px;
    display:flex;
    align-items:end;

}



.kaitori-goldtool .weight-label{

    display:flex;
    justify-content: space-between;
    align-items: end;
    margin-right:50px;

}





#souba_price{

    display:inline-block;
    font-size:32px;
    font-weight:bold;
    width:180px;
    padding:0px 5px;
    text-align:right;
    border:0px;
    color:#9a854a;

}



.kaitori-goldtool .goldtool-label{

    color:#9A854A;
    font-size:18px;
    font-weight:bold;

}


.kaitori-goldtool .goldtool-label p{

    margin-bottom:10px;

}



.kaitori-goldtool .goldtool-label .dli-close {

    display: block;
    vertical-align: middle;
    color: #9a854a;
    line-height: 1;
    width: 1em;
    height: 0.1em;
    background: currentColor;
    border-radius: 0.1em;
    position: relative;
    transform: rotate(45deg);
    margin:10px 10px 25px 10px;

}


.kaitori-goldtool .goldtool-label .dli-close::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: inherit;
    border-radius: inherit;
    transform: rotate(90deg);
}






.kaitori-goldtool .goldtool-inner{

    font-size:18px;
    padding:30px 0px;
    display:flex;
    justify-content:flex-start;
    align-items:end;
    flex-wrap:wrap;

}



.gold-sb-title{

    background:#000;
    font-size:28px;
    color:#fff;
    padding:22px 38px;
    line-height:1.2;
    letter-spacing: 0px;
}

.gold-sb-con{

    font-size:16px;
    color:#323232;
    letter-spacing: 0px;
}

.gold-sb-con h2{

    font-size:28px;
    font-weight:bold;
    padding:17px 0px;
    border-bottom:2px solid #000;

}

.gold-sb-con h3{

    font-size:20px;
    font-weight:bold;
    border-left:2px solid #000;
    padding-left:15px;

}

.gold-sb-con img{

    margin:20px 0px;

}






.kaitori section {
    padding-bottom: 0;
    margin-bottom: 0
}


.common-kaitori-resuluts {
    background: transparent
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.slide-down {
    -webkit-animation-name: slideDown;
    animation-name: slideDown
}

@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

@keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }

    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
}

.slide-up {
    -webkit-animation-name: slideUp;
    animation-name: slideUp
}

.lh-10 {
    line-height: 1
}

.lh-20 {
    line-height: 1.8
}

.p-r {
    position: relative
}

.kaitori .intro-title {
    font-size: 40px;
    margin-bottom: 40px
}

.kaitori .intro-txt {
    font-size: 18px;
    letter-spacing: .6px
}

.kaitori-market-price .slide-down .kaitori-price-table {
    height: 100%;
    padding-bottom: 0;
    overflow: hidden
}

.note {
    font-size: 10px;
    margin-top: 10px
}

.common-kaitori-resuluts {
    margin-bottom: 20px
}

.kaitori-voice .voice-list2 .voice-txt .more:after {
    content: "";
    transform: none;
    width: 10px;
    height: 10px;
    display: inline-block;
    top: 50%;
    transform: rotate(45deg);
    border-top: solid 2px #404040;
    border-right: solid 2px #404040;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.kaitori-voice .voice-list2 .voice-txt .more.is-active:after {
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg)
}



.common-kaitori-resuluts .slide-down .item-list {
    height: 100%;
    padding-bottom: 0;
    overflow: hidden
}




.kaitori .kaitori-intro {
    margin-bottom: 20px
}

.kaitori .kaitori-search-model {
    margin-bottom: 20px;
}

.kaitori-intro .intro-title {
    font-size: 40px
}

.color-red2 {
    color: #c20006
}

.color-red3 {
    color: #000
}



.kaitori .pink_bg {
    background: #e9e9e9;
    padding-top: 60px;
    padding-bottom: 65px
}

.kaitori .gray_bg {
    background: #e7e7e7;
    padding-top: 60px;
    padding-bottom: 65px
}



.kaitori .kaitori-blog {
    padding:30px 0px 0px 0px;
}

.kaitori .kaitori-accordion {

    padding:30px 0px;
}

.kaitori .kaitori-ways {
    padding:30px 0px;
}

.kaitori .kaitori-how-to-sell {
    padding:30px 0px;
}

.kaitori .kaitori-faq {
    padding:30px 0px;
}

.kaitori .kaitori-voice {
    padding:30px 0px;
}

.kaitori .kaitori-kinds {
    padding:30px 0px;
}
.kaitori .kaitori-kinds.letter-top{
    margin-top:45px;
}
@media (max-width: 990px){
    .kaitori .kaitori-kinds.letter-top{
        margin-top:20px;
    }
}

.kaitori .kaitori-rank {
    padding:30px 0px;
}


.kaitori .kaitori-purchase {
    padding:50px 0px;
}




.arrow_r {
    position: relative;
    display: inline-block
}

.arrow_r::after {
    content: '';
    width: 6px;
    height: 6px;
    border: 0;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    top: 50%;
    right: 20px;
    margin-top: -4px;
    transform: rotate(45deg)
}

.half {
    width: 50%
}

.arrow_r_icon {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px
}

.arrow_r_icon img {
    max-width: 30px
}

.section-title {
    margin-bottom: 37px;
    max-width: 550px;
    position: relative;
    padding: 10px 0
}

.section-ttl-sub {
    font-size: 25px;
    font-weight: bold;
    letter-spacing: 0
}

.section-ttl-main {
    font-size: 33px;
    font-weight: bold;
    margin-bottom: 33px
}

.section-ttl-con {
    font-size: 15px;
    margin-bottom: 40px
}

.kaitori-kinds .section-ttl-main {
    font-size: 33px;
    letter-spacing: 0;
    margin-bottom: 45px
}

.banner-ttl-con {
    padding: 45px 0;
    font-size: 18px;
    letter-spacing: -0.6px
}

.brbr-archive-link {
    color: #fff;
    font-size: 23px;
    font-weight: 700;
    background: #000;
    display: inline-block;
    margin: 0 auto;
    padding: 14px 150px 14px 105px;
    border-radius: 50px;
    position: relative
}

.brbr-archive-link:before {
    position: absolute;
    padding: 10px 0;
    bottom: 0;
    top: 50%;
    right: 24px;
    width: 12px;
    height: 12px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    -webkit-transform: translateY(-50%) rotate(-45deg);
    transform: translateY(-50%) rotate(-45deg);
    margin: 0 auto
}





.point-title{

    display:flex;
    margin-bottom:40px;

}

.point-title .point-kuma{
    margin-bottom:10px;
}



.point-title p{

    color:#FFA102;
    font-size:18px;

}

.point-title h2 , .point-title{
    font-size:17px;
    font-weight:bold;
    line-height:1.3;
}

@media (min-width: 800px) {
    .point-title h2 , .point-title{
        font-size:35px;
        font-weight:bold;
    }

}

.point-title .point-bg{

    background:#000;
    border-radius:10px;
    color:#fff;
    padding:10px 15px;
    position:relative;
    margin-left:20px;

}

/*.point-title .point-bg:before {
    position: absolute;
    content: '';
    border: 5px solid transparent;
    border-right: 20px solid #000;
    top: 50%;
    left: -20px;
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);	
}*/






@media (max-width: 800px) {

    .point-title{display:block;}

    .point-title .point-bg:before {
        position: absolute;
        content: '';
        border: 5px solid transparent;
        border-bottom: 20px solid #000;
        left: 60px;
        top: -15px;
        -webkit-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);	
    }

    .point-title-inner{

        width:100%;

    }

    .point-title .point-bg{

        margin:0px;

    }

    .point-title .point-title-inner{

        font-size:15px;
        font-weight:bold;
        color: #FFA102;
        text-align: center;
        justify-content: center;
        padding-bottom: 5px;

    }

    .point-title .point-bg h2 , .point-title{
        font-size:17px;
        letter-spacing:-0.5px;

    }

    .point-title .point-kuma{

        margin-right:10px;

    }


}








.point-bar {
    height: 50px;
    align-items: center;
    line-height: 1.2
}

.point-bar::before {
    position: absolute;
    padding: 10px 0;
    bottom: 0;
    width: 84px;
    height: 120%;
    display: block;
    background-image: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/point_minami.png);
    content: "";
    background-size: cover;
    background-repeat: no-repeat
}

.point-bar .point-bar-title {
    margin-left: 84px;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: -0.8px
}

.point-bar span {
    font-size: 31px;
    padding: 0 10px;
    position: absolute;
    top: 50%;
    right: 0;
    border-left: 1px solid #fff;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    font-family: "Noto Sans JP",sans-serif
}

.red-bar {
    position: relative
}

.red-bar::before {
    position: absolute;
    padding: 10px 0;
    bottom: 0;
    width: 146px;
    height: 120%;
    display: block;
    content: "";
    background-size: contain;
    background-repeat: no-repeat
}

.red-bar .red-bar-title {
    margin-left: 160px;
    padding: 30px 0;
    font-size: 32px
}
@media screen and (max-width:767px){
    .red-bar .red-bar-title{
        margin-left: 133px;
    }
}

.column-title::before {
    background-image: url(../images/8ed25e2061f01053d3dd88e39bf3f3c3.png);
    background-position: bottom
}

.mame-title::before {
    background-image: url(//jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/static/mame-youko.png);
    background-position: bottom
}

.column-title {
    font-size: 33px
}

.red-bar-by {
    font-size: 17px
}

.ways90 {
    width: 90%
}



.kaitori .policies {
    padding: 35px 25px
}

.policies .policies-wrap {
    margin-bottom: 15px
}

.policies .policies-img {
    margin-right: 15px
}

.policies .policies-img img {
    max-width: 280px
}

.policies .policies-num {
    padding: 10px;
    display: inline-block;
    font-size: 14px
}

.policies .policies-title {
    font-size: 20px;
    color: #404040;
    letter-spacing: 0
}

.kaitori_btn {
    background: #000;
    border-radius: 10px
}

.kaitori-img {
    width: 30%
}

.kaitori-img img {
    width: 100%;
    display: block
}

.kaitori-name-info {
    color: #fff;
    margin: 0 auto
}

.kaitori-type-txt {
    letter-spacing: -1.2px
}

.kaitori-how-to-inner {
    justify-content: space-between
}

.kaitori-type-info {
    margin-bottom: 7px
}

.kaitori-type-list {
    width: 32.5%
}

.kaitori-type-img {
    margin-right: 7px
}

.kaitori-name {
    font-size: 37px
}

.kaitori-name2 {
    font-size: 14px
}

.kaitori-name {
    position: relative
}

.kaitori-name:before {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background-image: url(//jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/common/arrow-right-red.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 9px 15px;
    vertical-align: middle;
    content: "";
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: #fff
}

.count-area {
    padding: 10px 55px;
    border: 1px solid #9f9f9f
}

.count-rev {
    font-size: 10px;
    font-weight: bold;
    color: #3f3f3f;
    display: block
}

.kaitori-voice .voice-list2 {
    background: #fff;
    padding: 0
}

.kaitori-voice-title {
    align-items: flex-end;
    justify-content: space-between
}

.kaitori-voice .voice-list2 .voice-list-item .voice-default .voice-ttl {
    font-size: 20px
}

.kaitori-voice .voice-list2 .voice-txt .voiceBox {
    font-size: 18px;
    letter-spacing: -0.4px;
    line-height: 1.8
}

.kaitori-voice .voice-rating .count-ranting {
    justify-content: center
}

.kaitori-kinds-list li .kaitori-kinds-label {

}

.kaitori-kinds-list li .kaitori-kinds-label h3 {

}

.kaitori-column-wrapper {
    margin-top: 60px
}

.kaitori-kinds-list li {
    width: 18%
}
@media screen and (max-width: 990px) {
    .kaitori-kinds-list.column4 li{
        width: 47%;
    }
    .kaitori-kinds-list.column9 li{
        width: 24%;
    }
}
@media screen and (min-width: 1000px) {
    .kaitori-kinds-list.column4 li{
        width: 23%;
    }
    .kaitori-kinds-list.column9 li{
        width: 10%;
    }
}

.kaitori-inner-ways {
    background: #fff;
    padding: 40px 30px;
}

.kaitori-inner-ways .kaitori-ways-num {
    display: inline-block;
    padding: 10px 30px;
    font-weight: bold
}

.kaitori-inner-ways h3 {
    font-size: 24px;
    margin: 20px 0;
    position:relative;
}

.kaitori-inner-ways h3:hover {

    cursor:pointer;

}







.kaitori-inner-ways p {
    margin-bottom: 30px;
    font-size: 18px;
    color: #404040
}

.kaitori-model-search {
    border-radius: 10px;
    padding: 25px 50px
}

.kaitori-model-search .model-search-title {
    font-size: 22px;
    white-space: nowrap
}

.kaitori-model-search .model-search-hot {
    font-size: 16px;
    color: #fff
}

.kaitori-model-search .model-search-form {
    margin-top: 10px;
    width: 48%
}

.kaitori-model-search .model-search-keyword {
    margin-top: 10px;
    width: 48%;
    margin-left: 30px
}

.kaitori-model-search .model-search-keyword ul {
    flex-wrap: wrap
}

.kaitori-model-search .model-search-keyword li:nth-child(2),.kaitori-model-search .model-search-keyword li:nth-child(5) {
    margin: 0 5px
}

.kaitori-model-search .model-search-keyword li a {
    display: block;
    color: #fff;
    padding: 5px;
    font-size: 16px;
    border: 1px solid #fff;
    border-radius: 100px;
    margin-bottom: 5px
}

.kaitori-model-search .model-search-input {
    border-radius: 10px 0 0 10px;
    width: 100%;
    border: 0;
    padding: 0;
    padding-left: 10px;
    height: 64px;
    line-height: 64px
}

placeholder{

    line-height:64px;

}


.kaitori-model-search .model-search-btn {
    background: #ffa101;
    border: 0;
    color: #fff;
    line-height: 110%;
    border-radius: 0 10px 10px 0;
    min-width: 110px;
    font-size: 20px;
    padding: 10px 0;
    position: relative;
    right: 5px
}

.kaitori-model-search .model-search-btn:hover {
    cursor: pointer
}

.maket-more {
    position: relative
}

.kaitori-price-img {
    width: 45%;
    align-items: flex-start
}

.kaitori-price-list {
    justify-content: flex-start;
    letter-spacing: -0.5px;
    border-top: 1px solid #424242;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 50px
}

.kaitori-price-list .old-year {
    background: #737373;
    padding: 5px 10px;
    font-size: 10px;
    margin-right: 7px;
    white-space: nowrap
}

.kaitori-price-list .new-year {
    background: #000;
    padding: 5px 10px;
    font-size: 17px;
    margin-right: 7px;
    white-space: nowrap
}

.kaitori-price-list .old-price {
    min-width: 260px;
    font-size: 22px;
    letter-spacing: -0.5px
}

.kaitori-price-list .new-price {
    font-size: 30px;
    color: #000;
    letter-spacing: -0.5px
}

.main-banner {
    max-width: 1000px;
    margin: 0 auto
}

.main-banner img {
    width: 100%
}

.ex-purchase .ex-purchase-img {
    width: 50%
}

.ex-purchase ul.ex-purchase-list li {
    padding: 20px;
    width: 49%
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-sub {
    width: 100%
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-label {
    min-width: 48%;
    max-width: 164px
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-comparison {
    margin-top: 20px
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-comparison .ex-purchase-price {
    padding: 0;
    padding-top: 11px
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price {
    position: relative;
    justify-content: normal
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-value {
    font-size: 32px;
    font-family: "Arial";
    letter-spacing: 0;
    width: 100%;
    text-align: center
}

.ex-purchase-info {
    letter-spacing: 0
}

.ex-purchase-info .index {
    font-size: 27px
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-sub {
    font-size: 20px;
    font-weight: bold
}

.ex-purchase-title-info {
    position: absolute;
    top: -15px;
    left: 10px;
    padding: 3px 6px;
    background: #f99c20;
    font-size: 13px;
    letter-spacing: 0
}

.ex-purchase-title-info .index h3 {
    font-size: 24px;
    letter-spacing: -1px
}

.ex-price-yen {
    font-size: 17px;
    display: inline-block
}

.ex-purchase ul.ex-purchase-list li table tr th {
    padding: 0 10px;
    font-size: 17px;
    font-weight: bold;
    background: #fff;
    border: 1px solid #707070;
    color: #323232;
    letter-spacing: -0.5px;
    vertical-align: middle
}

.ex-purchase ul.ex-purchase-list li table tr td {
    font-family: "Arial";
    font-size: 27px;
    font-weight: bold;
    letter-spacing: -1px
}

.ex-purchase ul.ex-purchase-list li .ex-purchase-comparison {
    margin-top: 15px
}

.kaitori-column-img {
    width: 180px;
    min-width: 180px;
    max-width: 180px;
    margin-right: 10px;
    overflow: hidden;
    position: relative;
    max-height: 140px
}

.kaitori-column-img img {
    object-fit: cover;
    width: 180px;
    height: 135px
}

.kaitori-column .kaitori-ttl {
    font-size: 16px
}

.kaitori-info {
    position: relative;
    width: 100%
}

.kaitori-info h3 {
    line-height: 1.2
}

.kaitori-column-list {
    flex-wrap: wrap;
    justify-content: space-between
}

.kaitori-column-content {
    width: 47%;
    margin-bottom: 30px
}

.kaitori-txt {
    position: absolute;
    bottom: 0;
    right: 0
}

.kaitori-column .kaitori-column-btn {
    padding: 8px 20px;
    background: #000;
    border-radius: 100px;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    border: 0
}

.kaitori-faq .kaitori-faq-list {
    margin-bottom: 0
}

.kaitori-faq .kaitori-faq-list dt .faq-txt {
    font-size: 24px;
    width: 90%
}

.kaitori-faq .kaitori-faq-list dd .faq-txt {
    padding: 10px 0;
    letter-spacing: 1px
}

.kaitori-faq-list dt {
    padding: 32px 0;
    border-top: 1px solid #9f9f9f
}

.kaitori-faq-list:last-child dt {
    border-bottom: 1px solid #9f9f9f
}

.kaitori-faq-list dt:hover {
    cursor: pointer
}

.kaitori-faq-list dd {
    display: none
}

.blog-archive-list li .blog-archive-content {
    background: #000;
    border-radius: 0 0 4px 4px
}

.blog-archive-list li .blog-catch-img .blog-archive-date {
    background: #fff;
    color: #000;
    border-radius: 0;
    bottom: -5px;
    left: 5px
}

.blog-archive-list li .blog-archive-category {
    color: #ffa100;
    font-weight: bold
}

.blog-archive-list li .blog-archive-category2 {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    margin-bottom: 5px
}

.blog-archive-list li .blog-archive-ttl {
    color: #fff;
    min-height: 35px
}

.blog-archive-list li .blog-archive-shop {
    color: #fff
}

.kaitori-rank-inner {
    justify-content: space-between
}

.kaitori-ranking .kaitori-rank-list {
    min-height: 290px;
    box-shadow: none;
    background: #f7f7f7;
    border: 1px solid #7f7f7f;
    border-radius: 10px;
    padding: 15px;
    margin-top: 0;
    width: 32%
}

.kaitori-ranking .kaitori-rank-list .kaitori-rank-txt {
    padding: 0;
    margin-top: 10px;
    letter-spacing: -0.2px;
    color: #000;
    line-height: 1.8
}

.kaitori-ranking .kaitori-rank-list img {
    width: 100%
}

.kaitori-rank-item {
    letter-spacing: 0;
    font-size: 21px;
    font-weight: bold;
    margin-left: 12px;
    margin-top: 20px
}

.kaitori-rank-txt {
    font-size: 15px
}

.kaitori-rank .kaitori-rank-list+.kaitori-rank-list {
    margin-top: 0
}

header .header-inner .header-sp .header-logo-sp {
    width: 178px
}

header .header-inner .header-sp {
    padding: 12px
}

.header-txt {
    margin-bottom: 10px
}

#humberger {
    top: 25px;
    padding: 0 10px;
}
@media screen and (min-width: 1000px){
    #humberger {
        top: 41px;
    }
}









.icon-bar {
    background: #c20006;
    margin-bottom: 9px;
    height: 3px
}

#footer-kaitori-type {
    width: 100%;
    position: none;
    bottom: 0;
    z-index: 999
}

.fixed {
    position: fixed;
    transition-duration: 200ms
}

.shop-ja-wrapper {
    margin: 35px 0
}

.footer-shop-list {
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px
}

.footer-shop-list li:after {
    content: "|";
    padding: 0 5px
}

.footer-shop-list li:last-child after {
    content: "";
    padding: 0
}

.footer-shop-list li:last-child:after {
    content: ""
}

.shop-pc-area {
    margin-top: 50px
}

.footer-shop-list a {
    color: #404040;
    font-size: 14px
}

.ft-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.ft-nav li {
    display: flex;
    flex-wrap: wrap;
    align-items: top
}

.ft-nav li:after {
    content: "|";
    padding: 0 20px;
    display: block
}

.ft-nav a {
    display: block;
    padding-bottom: 25px
}

.result-btn-a {
    display: block
}

.result-btn {
    position: relative;
    border-radius: 10px;
    background: #000;
    max-width: 500px;
    margin: 0 auto;
    padding: 20px 0 35px 0;
    color: #fff;
    width: 100%;
    padding: 10px 0;
    padding-left: 128px;
    border-radius: 10px;
    font-size: 19px
}

.result-btn:before {
    background-image: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/staff.png);
    position: absolute;
    width: 108px;
    left: 0;
    bottom: 0;
    height: 120%;
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -10px 0
}

.result-btn:after {
    border-bottom: 2px solid #fff;
    border-right: 2px solid #fff;
    content: "";
    height: 9px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
    width: 9px
}

.kaitori-rank-ttl-main {
    font-size: 39px
}

.kaitori-rank-ttl-sub {
    font-size: 27px
}

.kaitori-rank-bar {
    position: relative;
    padding: 0 30px;
    display: inline-block;
    margin-bottom: 30px
}

.kaitori-rank-bar:before {
    position: absolute;
    padding: 10px 0;
    bottom: 0;
    width: 30px;
    left: -30px;
    content: "";
    height: 100%;
    display: block;
    background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/rank-l.png);
    background-size: contain;
    background-repeat: no-repeat
}

.kaitori-rank-bar:after {
    position: absolute;
    padding: 10px 0;
    bottom: 0;
    content: "";
    width: 30px;
    right: -30px;
    height: 100%;
    display: block;
    background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/rank-r.png);
    background-size: contain;
    background-repeat: no-repeat
}

.sp-search {
    border-top: 1px solid #fff
}

.kaitori .kaitori-howto .kaitori-howto-txt {
    letter-spacing: -0.4px;
    color: #404040;

}


.kaitori .kaitori-howto .kaitori-howto-txt .accordion.child{
    font-weight: bold;
    font-size:20px;
    padding:15px 0px;

}



.kaitori .kaitori-howto-tips {
    margin-bottom: 38px
}


.kaitori-howto-tips .more {
    border-top: solid 2px #323232;
    border-right: solid 2px #323232;
    content: "";
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    width: 6px;
    height: 6px;
    position: absolute;
    right: 0;
    display: inline-block;
    cursor: pointer
}

.kaitori-howto-tips .more.is-active {
    transform: rotate(320deg);
    -webkit-transform: rotate(320deg)
}



.kaitori .kaitori-howto-item-title {
    color: #404040;
    margin-top: 45px;
    margin-bottom: 40px;
    font-size: 20px;
    font-size: 33px
}

#kaitori-bg-policy,#kaitori-bg-ways {
    margin-bottom: 20px
}

.common-kaitori-resuluts .item-list li .ttl {
    font-weight: normal
}




@media screen and (max-width:990px) {
    #footer-kaitori-type .kaitori-method ul {
        padding-bottom: 0
    }

    #souba_price{

        font-size:24px;

    }

    .selectWrap , .select{width:100%;}



    .select{

        padding:13px;	

    }


    .kaitori-goldtool .goldtool-inner{

        flex-wrap:nowrap;
        padding-bottom:20px;

    }

    .kaitori-goldtool .goldtool-label p{

        margin-bottom:5px;

    }


    .kaitori-goldtool .goldtool-label , .select{

        font-size:15px;

    }

    .kaitori-goldtool .goldtool-weight{

        width:100px;
        padding:12px;

    }


    .kaitori-goldtool .weight-label{

        margin-right:0px;

    }

    .kaitori-goldtool .goldtool-title{

        font-size:20px;
        margin-top:35px;
        padding:0px 18px;

    }


    .kaitori-goldtool .goldtool-price{

        width:90%;
        padding:5px 10px;
        margin:0 auto;
        justify-content:center;

    }

    .gold-sb-title{

        padding:16px 11px;
        font-size:17px;		
    }

    .gold-sb-con{

        font-size:15px;

    }

    .gold-sb-con h2{

        font-size:20px;
        padding:10px 0;

    }

    .gold-sb-con h3{

        font-size:18px;

    }

    .gold-sb-con img{

        width:100%;

    }

    .kaitori-column-img img {
        width: 120px;
        height: 90px
    }



    .kaitori .pink_bg {
        background: #e9e9e9;
        padding-top: 30px;
        padding-bottom: 30px
    }

    .kaitori .gray_bg {
        padding-top: 35px;
        padding-bottom: 45px
    }



    /*
    .kaitori .kaitori-accordion {
            padding-top: 37px;
            padding-bottom: 31px
    }

    .kaitori .kaitori-faq {
            padding-top: 35px;
            padding-bottom: 0
    }

    .kaitori .kaitori-search-model {
            margin-bottom: 38px
    }

    .kaitori .kaitori-boroboro {
            padding-top: 38px;
            padding-bottom: 35px
    }

    .kaitori .kaitori-how-to-sell {
            padding-top: 45px;
            padding-bottom: 45px
    }

    .kaitori .kaitori-voice {
            padding-top: 40px;
            padding-bottom: 30px
    }

    .kaitori .kaitori-kinds {
            padding-top: 40px;
            padding-bottom: 40px
    }

    .kaitori-column-wrapper {
            margin-top: 30px
    }

    .kaitori .kaitori-rank {
            padding-top: 35px;
            padding-bottom: 40px
    }

    .kaitori .kaitori-intro {
            margin-bottom: 15px
    }

    .kaitori .kaitori-purchase {
            padding-top: 36px;
            padding-bottom: 38px
    }
    
    */





    .kaitori .kaitori-boroboro .section-ttl-sub {
        font-size: 19px
    }

    .section-title {
        max-width: 100%;
        margin-bottom: 25px
    }



    .kaitori .intro-title {
        font-size: 28px;
        margin-bottom: 25px
    }

    .kaitori .intro-txt {
        font-size: 15px;
        letter-spacing: .2px
    }

    .kaitori-model-search {
        padding: 20px 25px;
        border-radius: 0
    }

    .kaitori-model-search .model-search-form {
        width: 100%
    }

    .kaitori-model-search .model-search-keyword {
        width: 100%;
        margin-left: 0
    }

    .kaitori-model-search .model-search-title {
        font-size: 21px;
        white-space: normal
    }

    .kaitori-model-search .model-search-keyword li a {
        font-size: 11px;
        padding: 5px 8px
    }

    .kaitori-model-inner {
        display: block
    }

    .section-ttl-sub {
        font-size: 19px
    }

    .section-ttl-main {
        font-size: 25px;
        letter-spacing: 0
    }

    .ex-purchase-info .index {
        font-size: 22px
    }

    .ex-purchase ul.ex-purchase-list li .ex-purchase-sub {
        font-size: 16px
    }

    .ex-purchase ul.ex-purchase-list li {
        width: 100%
    }

    .ex-purchase ul.ex-purchase-list li table tr th {
        font-size: 11px
    }

    .ex-purchase ul.ex-purchase-list li table tr td {
        font-size: 18px
    }

    .ex-purchase ul.ex-purchase-list li .ex-purchase-label .ex-purchase-price .ex-purchase-value {
        font-size: 23px
    }

    .ex-purchase-title-info {
        font-size: 11px;
        top: -10px;
        left: 3px
    }

    .ex-price-yen {
        font-size: 12px
    }

    .kaitori .policies {
        padding: 25px
    }

    .policies .policies-num {
        letter-spacing: 0;
        margin-top: 10px;
        padding-left: 10px;
        padding-right: 0
    }

    .policies div {
        display: block;
        width: 100%
    }

    .policies .policy-text {
        font-size: 15px;
        display: none
    }

    .policies .policy-title {
        position: relative
    }

    .policies .policy-title:after {
        content: "";
        background-image: url(//jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/kaitori/ways-youko.png) no-repeat;
        width: 50%;
        display: block
    }

    .kaitori-how-to-inner {
        display: block
    }

    .kaitori-type-list {
        width: 100%
    }

    .kaitori-voice-title {
        display: block
    }

    .count-area {
        margin-top: 10px;
        padding: 10px 0
    }

    .kaitori-kinds-list li {
        width: 47%
    }

    .section-ttl-main {
        font-size: 19px;
        letter-spacing: -1px
    }

    .red-bar .red-bar-title {
        font-size: 18px;
        letter-spacing: -0.8px;
        white-space: nowrap
    }

    .red-bar .red-bar-by {
        font-size: 15px
    }

    .kaitori-column-content {
        width: 100%
    }

    .kaitori-howto-txt {
        font-size: 15px;
        margin-top: 0
    }

    .kaitori-column .red-bar .red-bar-title {
        padding: 17px 0
    }

    .kaitori-howto .red-bar .red-bar-title {
        padding: 17px 0
    }

    .kaitori-ranking .kaitori-rank-list {
        width: 100%;
        margin-bottom: 20px
    }

    .kaitori-rank-inner {
        display: block
    }

    .kaitori-model-search .model-search-btn {
        font-size: 16px
    }

    .kaitori-model-search .model-search-input {
        height: 54px;
        line-height: 57px
    }

    .ft-nav {
        display: block
    }

    .ft-nav li {
        width: 100%;
        display: block
    }

    .ft-nav li:after {
        content: ""
    }

    .ft-nav a {
        font-size: 18px;
        font-weight: bold
    }

    .result-btn {
        font-size: 19px
    }

    .footer-shop-list {
        justify-content: center
    }

    .footer-shop-list a {
        color: #404040;
        font-size: 12px
    }

    .footer-shop-list li {
        text-align: center
    }

    .kaitori-rank-bar:before {
        left: -10px
    }

    .kaitori-rank-bar:after {
        right: -10px
    }

    .kaitori-faq .kaitori-faq-list .faq-icon,.kaitori-faq .kaitori-faq-list .faq-txt {
        font-size: 20px
    }

    .kaitori-faq .kaitori-faq-list dt .faq-txt {
        font-size: 20px;
        width: 90%
    }

    .kaitori-faq .kaitori-faq-list dd .faq-txt {
        padding: 10px 0;
        font-size: 15px
    }

    .kaitori-faq .kaitori-faq-list dt {
        padding: 21px 0
    }

    .kaitori-inner-ways {
        padding: 20px
    }

    .kaitori-inner-ways h3 {
        font-size: 20px;
        margin: 10px 0
    }

    .kaitori-inner-ways p {
        display: none;
        font-size: 15px
    }

    .kaitori-model-inner {
        justify-content: space-between
    }

    .kaitori-model-search .section-inner {
        width: 100%
    }

    #kaitori-search-model {
        width: 100%
    }


    .kaitori-price-img {
        width: 50%
    }

    .kaitori-price-img .item img {
        width: 50px
    }

    .kaitori-price-img .brand_name {
        font-size: 12px
    }

    .kaitori-price-img .code {
        font-size: 10px
    }

    .kaitori-price-content {
        display: block;
        letter-spacing: -0.5px;
        width: 55%
    }

    .kaitori-price-list {
        justify-content: space-between;
        padding-left: 0
    }

    .kaitori-price-list .old-year {
        background: #737373;
        padding: 3px 4px;
        font-size: 10px;
        margin-right: 0
    }

    .kaitori-price-list .new-year {
        font-size: 12px;
        background: #000;
        padding: 3px 4px;
        font-size: 12px;
        margin-right: 10px
    }

    .kaitori-price-list .old-price {
        min-width: 100%;
        font-size: 15px;
        font-weight: bold;
        justify-content: space-between;
        letter-spacing: -1.3px
    }

    .kaitori-price-list .new-price {
        font-size: 18px;
        font-weight: bold;
        letter-spacing: -1.3px
    }

    .kaitori-price-list .arrow_r_icon {
        padding: 0
    }

    .kaitori-market-price .kaitori-price-table {
        height: auto;
        padding-bottom: 0;
        overflow: hidden
    }

    .blog-archive-list li .blog-archive-category {
        font-size: 10px
    }

    .blog-archive-list li .blog-archive-category2 {
        font-size: 10px;
        color: #fff
    }

    .blog-archive-list li .blog-archive-ttl {
        font-size: 11px
    }

    .policies .policies-img {
        margin-right: 0
    }

    .policies .policies-img img {
        width: 100%;
        max-width: 100%
    }

    .kaitori .kaitori-howto-item-title {
        margin-top: 40px;
        margin-bottom: 30px;
        font-size: 25px;
        letter-spacing: 1px
    }

    .kaitori .kaitori-howto .kaitori-howto-txt {
        letter-spacing: -0.2px;
        position: relative
    }

    .kaitori .kaitori-rank-ttl-main {
        font-size: 25px;
        letter-spacing: -0.5px
    }

    .kaitori .kaitori-rank-ttl-sub {
        font-size: 16px
    }

    .point-bar {
        height: auto;
        align-items: center;
        line-height: 1.2
    }

    .section-title {
        padding: 7px 0
    }

    .point-bar::before {
        position: absolute;
        padding: 10px 0;
        bottom: 0;
        width: 75px;
        height: 120%;
        display: block;
        background-image: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/icon/point_minami.png);
        content: "";
        background-size: contain;
        background-repeat: no-repeat
    }

    .point-bar .point-bar-title {
        margin-left: 75px;
        font-size: 15px;
        font-weight: bold;
        letter-spacing: -0.8px
    }

    .brbr-archive-link {
        width: 100%;
        display: block;
        font-size: 16px;
        padding: 10px 0
    }

    .banner-ttl-con {
        padding-top: 31px;
        padding-bottom: 23px;
        font-size: 15px;
        letter-spacing: .4px
    }

    .kaitori-kinds .section-ttl-main {
        font-size: 22px;
        margin-bottom: 24px
    }

    .kaitori .ways-youko {
        position: relative;
        background: url(https://jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/kaitori/ways-youko.png) no-repeat
    }

    .common-kaitori-resuluts .item-list li .kaitoriName {
        letter-spacing: -0.5px
    }

    .common-kaitori-resuluts .more-btn {
        background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,221,212,1) 60%)
    }

    .common-kaitori-resuluts .close-btn {
        background: transition
    }

    .kaitori-inner-ways .kaitori-ways-num {
        width: 100%;
        font-size: 16px;
    }

    .count-rev {
        margin-top: 10px
    }

    .kaitori-voice .voice-list2 .voice-txt .voiceBox {
        font-size: 15px;
        line-height: 1.7
    }

    .kaitori-column-img {
        min-width: 120px;
        width: 120px;
        max-height: 110px;
        overflow: hidden
    }

    .kaitori-type-txt {
        letter-spacing: 0;
        font-size: 15px;
        line-height: 1.2
    }

    #kaitori-bg-ways {
        padding: 27px 0;
        background: url(//jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/kaitori/ways-youko.png) no-repeat right;
        background-size: contain
    }

    #kaitori-bg-policy {
        padding: 17px 0;
        background: url(//jewel-cafe.jp/wp-content/themes/jewelcafe_replace/assets/images/kaitori/policy-youko.png) no-repeat right bottom;
        background-size: contain;
        margin-bottom: 0
    }

    #kaitori-bg-ways {
        margin-bottom: 0
    }

    .kaitori-ranking .kaitori-rank-list .kaitori-rank-txt {
        min-height: auto
    }

    .kaitori-column .kaitori-column-btn {
        padding: 5px 18px;
        background: #000;
        border-radius: 100px;
        display: inline-block;
        color: #fff;
        font-size: 12px;
        border: 0
    }


}






.new-item-list li .kaitoriName{

    color:#ccc;
    font-size:10px;
    text-align:left;
    height:25px;
    margin-bottom:10px;


}





.common-kaitori-resuluts .new-item-list .priceBox .left{

    font-size:12px;
    margin-bottom:0px;
    width:100%;
    text-align:left;

}


.common-kaitori-resuluts .new-item-list .priceBox .right{

    font-size:20px;
    width:100%;
    text-align:right;
    letter-spacing:-0.3px;

}

.common-kaitori-resuluts .new-item-list .ttl{

    font-size:10px;
    min-height:58px;
    text-align:left;
}



.common-kaitori-resuluts .new-item-list .priceBox .right .small{

    font-size:10px;

}







@media (min-width: 800px) {




    .common-kaitori-resuluts .item-list li{

        width:19%;
        margin-right:10px;

    }


    .common-kaitori-resuluts .item-list li .priceBox .left{width:100%;margin-bottom:10px;}

    .common-kaitori-resuluts .item-list li .priceBox .right{width:100%;}

}






.swiper {
    width: 100%;
    height: 100%;
}






.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    width:80%;
    display:block;

}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}




.blog-archive-category{text-align:left;}


.blogSwiper{overflow:hidden;}


.blog-archive-list li .blog-archive-category{font-size:10px;}


.blog-archive-list li .blog-archive-ttl{text-align:left;}

.blog-archive-list li .blog-archive-shop{text-align:left;}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
@keyframes slideDown {
    0% {
        opacity: 1;
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}
.slide-down {
    -webkit-animation-name: slideDown;
    animation-name: slideDown;
}
@-webkit-keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
@keyframes slideUp {
    0% {
        -webkit-transform: translateY(20px);
        transform: translateY(20px);
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
}
.slide-up {
    -webkit-animation-name: slideUp;
    animation-name: slideUp;
}


@media screen and (min-width: 800px) {

    .content-wrap {
        overflow: hidden;
        position: relative;
        margin: 0;
    }

}






.kaitori-column .slide-up {
    height: 450px;
    padding-bottom: 0;
    overflow: hidden;
}

@media screen and (min-width: 800px) {

    .kaitori-column .slide-up {
        height: 650px;
        padding-bottom: 0;
        overflow: hidden;
    }

}


.slide-down {
    height: auto;
    overflow: visible;

}





.more-btn p:hover{
    opacity:0.6;
    transition:all .3s;
}


.close-btn {
    padding:0;
}
.close-btn p {
    background: #aaa;
}







/*
        accordion s
*/



.tokei-pricetable .accordion table tbody td:last-of-type, .tokei-pricetable .accordion table tbody td:last-of-type, .card-pricetable .accordion table tbody td:last-of-type{font-weight:normal;color:#202020;}







.tokei-pricetable .accordion .accordion-content2 .accordion-model td i{
    border-bottom:solid 2px #000;border-right:solid 2px #000;bottom:0;content:"";
    position:absolute;
    left:8px;
    top:50%;
    display:inline-block;height:6px;transform:translateY(-50%);transform:rotate(-45deg);transition:.2s;width:6px;
}



.tokei-pricetable .accordion .accordion-item .accordion-head a{font-size:18px;}





.tokei-pricetable .accordion .accordion-item .accordion-head a:before{content:"";border:0px;} 

.tokei-pricetable .accordion .accordion-item .accordion-head a:after{content:"";border:0px;}


.tokei-pricetable .accordion .accordion-item .accordion-head i{

    border-bottom:solid 2px #000;
    border-right:solid 2px #000;
    bottom:0;
    content:"";
    position:absolute;
    left:8px;
    top:55%;
    display:inline-block;
    height:6px;
    transform:translateY(-50%);
    transform:rotate(-45deg);
    transition:.2s;
    width:6px;

}






.accordion-content2{background:#f1f1f1;padding:10px;border-top:1px solid #8f8f8f;}

.accordion-head{padding:0px 10px;}


.accordion-purchase-ex .accordion .accordion-item .accordion-head a, .shop-detail-faq .accordion .accordion-item .accordion-head a, .accordion-section .accordion .accordion-item .accordion-head a, .tokei-pricetable .accordion .accordion-item .accordion-head a, .tokei-pricetable .accordion .accordion-item .accordion-head a, .card-pricetable .accordion .accordion-item .accordion-head a{padding-left:25px;}




.model-price{color:#e31424;font-weight:bold;font-family:'Helvetica';letter-spacing:-1px;font-size:22px;}


.model-title{font-size:12px;margin-right:10px;letter-spacing:-0.5px;}



.tokei-pricetable .accordion .model-content td{font-size:12px;}


.accordion-model p{padding-left:25px;font-size:15px;}

.accordion-model p:hover{cursor:pointer;}


.rolex-td{display:block;}

.rolex-td div{width:100%;}



.graph-grid{display:flex;flex-wrap:wrap;max-width:1000px;margin:0 auto;justify-content:space-between;}

.graph-wrap{border:1px solid #000;border-radius:10px;padding:10px;width:48.5%;margin-bottom:10px;font-family: "Noto Sans JP", sans-serif;letter-spacing:0px;}

.graph-wrap h3,.graph-wrap h4 ,.graph-wrap h5{font-size:16px;font-weight:bold;}

.graph-wrap h3 a{color:#000000;font-weight:bold;}

.graph-wrap h4 a{color:#000;font-weight:bold;}

.graph-wrap h5{margin-bottom:10px;font-weight:bold;}

.graph-wrap .graph-info{display:flex;justify-content:space-between;align-items:center;}

.graph-wrap .graph-info p{text-align:right;}

.graph-wrap .graph-name , .graph-wrap .graph-comparison{font-size:10px;color:#000;}

.graph-wrap .graph-price{font-family:'Helvetica';font-size:22px;font-weight:bold;color:#E31424;}

.graph-wrap .graph-tokei-img img{max-width:40px;}





@media (min-width: 800px) {


    .graph-wrap{width:24%;}



    .graph-wrap .graph-price{font-size:25px;font-weight:bold;color:#E31424}

    .graph-wrap .graph-tokei-img img{max-width:56px;}

    .rolex-td{display:flex;align-items:center;justify-content: space-between;}

    .rolex-td div{width:30%;}

    .rolex-td .purchase_price{width:40%;}



    .tokei-pricetable .accordion .accordion-item .accordion-head a{font-size:25px;}

    .model-title{font-size:12px;display:inline-block;}

    .accordion-content2{padding:30px 20px;}

    .accordion-head{padding:0px 20px;}

    .tokei-pricetable .accordion .model-content td:first-child{padding-left:50px;}

    .model-price{color:#e31424;font-size:25px;font-weight:bold;}

    .tokei-pricetable .accordion .model-content td{font-size:14px;}

    .tokei-pricetable .accordion .model-content td:first-child{width:35%;}

    .tokei-pricetable .accordion .accordion-content2 td:first-child{width:35%;vertical-align:middle;}

}

/*遏｢蜊ｰ*/
.ico-arrow {
    width: 30px;
    height: 30px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    transform: rotate(45deg);
}
/*繝励Λ繧ｹ*/
.ico-plus {
    width: 24px;
    height: 24px;
    display:inline-block;
    background:#000;
    border-radius:50%;
    position:relative;
    text-align:center;

}

.ico-plus::before,
.ico-plus::after {
    position:absolute;
    top:6px;
    left:5px;
    margin-top:5px;
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background:#fff;
}
.ico-plus::after {
    transform: rotate(90deg);
}
/*髢峨§繧�*/
.ico-close {
    width: 24px;
    height: 24px;
    position:relative;
    text-align:center;
    border:2px solid #000;
    border-radius:50%;
    display:inline-block;
}
.ico-close::before,
.ico-close::after {
    position:absolute;
    top:5px;
    left:3px;
    margin-top:4px;
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    background:#000;
}
.ico-close::before {
    transform: rotate(45deg);
}
.ico-close::after {
    transform: rotate(-45deg);
}

.kaitori-voice .voice-list2 .voice-txt .voiceBox .reply-wrap img{
    min-width: 106px;
}

@media screen and (min-width: 768px){
.pcbr { display:block; }
.spbr { display:none; }
}
@media screen and (max-width: 767px){
.pcbr { display:none; }
.spbr { display:block; }
}