@charset "UTF-8";

/* =========================================================
flex - flex関連の指定
========================================================= */

@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap");

/* =========================================================
color - 色の設定
========================================================= */


/* =========================================================
font - font-familyの設定など
========================================================= */

@font-face {
    font-family: YuGothicM;
    src: local("Yu Gothic Medium");
}


/* =========================================================
typography - テキスト関連の設定
========================================================= */


/* line 106, ../../../Ruby27-x64/lib/ruby/gems/2.7.0/gems/compass-core-1.0.3/stylesheets/compass/typography/_vertical_rhythm.scss */

html {
    font-size: 100%;
    line-height: 1.5em;
}


/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/


/* line 5, ../sass/foundation/_reset.scss */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}


/* HTML5 display-role reset for older browsers */


/* line 26, ../sass/foundation/_reset.scss */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}


/* line 30, ../sass/foundation/_reset.scss */

body {
    line-height: 1;
}


/* line 33, ../sass/foundation/_reset.scss */

ol,
ul {
    list-style: none;
}


/* line 36, ../sass/foundation/_reset.scss */

blockquote,
q {
    quotes: none;
}


/* line 39, ../sass/foundation/_reset.scss */

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}


/* line 44, ../sass/foundation/_reset.scss */

table {
    border-collapse: collapse;
    border-spacing: 0;
}


/* line 49, ../sass/foundation/_reset.scss */

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


/* =========================================================
base - 基本設定
========================================================= */

body {
    background-color: #f7f7f7;
    overflow-x: hidden;
    font-size: calc(16 * (100vw / 520));
    line-height: 1.4;
    color: #394656;
    width: 100vw;
    position: relative;
    font-family: "Zen Kaku Gothic New", sans-serif;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

@media screen and (min-width: 520px) {
    body {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    body {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    body {
        overflow-x: hidden !important;
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 22, ../sass/foundation/_base.scss */

a {
    cursor: pointer;
    text-decoration: none;
    transition: .4s;
    line-height: 1;
}


/* line 28, ../sass/foundation/_base.scss */

a:hover {
    color: inherit;
}


/* line 33, ../sass/foundation/_base.scss */

p {
    color: #394656;
    word-break: break-all;
}


/* line 38, ../sass/foundation/_base.scss */

img {
    height: auto;
    vertical-align: bottom;
    max-width: 100%;
    width: auto;
}


/* line 45, ../sass/foundation/_base.scss */

.pc-show {
    display: none;
}

@media screen and (min-width: 980px) {
    /* line 45, ../sass/foundation/_base.scss */
    .pc-show {
        display: block;
    }
}

@media screen and (min-width: 980px) {
    /* line 52, ../sass/foundation/_base.scss */
    .sp-show {
        display: none;
    }
}


/* =========================================================
main - メイン
========================================================= */


/* line 5, ../sass/layout/_main.scss */

.l-main {
    position: relative;
}


/* =========================================================
title - 共通のタイトルやテキストなど
========================================================= */


/* line 8, ../sass/object/component/_title.scss */

.c-basic-h2 {
    color: #80C6C4;
    font-size: 35px;
    font-size: 2.1875rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: .3rem;
}

@media screen and (min-width: 840px) {
    /* line 8, ../sass/object/component/_title.scss */
    .c-basic-h2 {
        font-size: 50px;
        font-size: 3.125rem;
    }
}

@media screen and (min-width: 980px) {
    /* line 8, ../sass/object/component/_title.scss */
    .c-basic-h2 {
        font-size: 80px;
        font-size: 5rem;
    }
}


/* line 23, ../sass/object/component/_title.scss */

.c-basic-h2.vertical {
    line-height: 1.1;
    transform: rotate(90deg);
}


/* line 28, ../sass/object/component/_title.scss */

.c-basic-h2--gap {
    display: block;
    margin: 0 0 0 10rem;
}


/* line 34, ../sass/object/component/_title.scss */

.c-basic-h3 {
    color: #80C6C4;
    font-size: 32px;
    font-size: 2rem;
    font-weight: 300;
    line-height: 1.2;
}


/* line 40, ../sass/object/component/_title.scss */

.c-basic-h3 span {
    color: #AA8E76;
    display: block;
    font-size: 18px;
    font-size: 1.125rem;
    font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin: 0 0 10px;
    padding: 0 0 0 30px;
    position: relative;
}


/* line 49, ../sass/object/component/_title.scss */

.c-basic-h3 span::before {
    background-color: #80C6C4;
    content: "";
    display: block;
    height: 2px;
    width: 20px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}


/* =========================================================
text - 共通のテキストなど
========================================================= */


/* line 9, ../sass/object/component/_txt.scss */

.c-basic-txt,
.c-error-message {
    color: #394656;
    word-wrap: break-word;
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 6px;
    margin-bottom: 0.375rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 24px;
    line-height: 1.5rem;
}

@media screen and (min-width: 980px) {
    /* line 9, ../sass/object/component/_txt.scss */
    .c-basic-txt,
    .c-error-message {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 12px;
        margin-bottom: 0.75rem;
        line-height: 2;
    }
}


/* line 19, ../sass/object/component/_txt.scss */

.c-basic-txt:last-of-type,
.c-error-message:last-of-type {
    margin-bottom: 0;
}


/* line 24, ../sass/object/component/_txt.scss */

.c-small-txt {
    margin-top: 0px;
    margin-top: 0rem;
    margin-bottom: 3px;
    margin-bottom: 0.18rem;
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 24px;
    line-height: 1.5rem;
}

@media screen and (min-width: 980px) {
    /* line 24, ../sass/object/component/_txt.scss */
    .c-small-txt {
        margin-top: 0px;
        margin-top: 0rem;
        margin-bottom: 6px;
        margin-bottom: 0.375rem;
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 24px;
        line-height: 1.5rem;
    }
}


/* line 32, ../sass/object/component/_txt.scss */

.c-small-txt:last-of-type {
    margin-bottom: 0;
}


/* line 37, ../sass/object/component/_txt.scss */

.c-error-message {
    display: inline-block;
    color: #e74c3c;
    margin-top: .5rem;
}


/* =========================================================
button - ボタン関係のコンポーネント
========================================================= */


/* line 4, ../sass/object/component/_button.scss */

.c-basic-btn {
    background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
    background-size: 15px 15px;
    background-color: #81a6c9;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    max-width: 90%;
    padding: 10px 15px 15px;
    transition: .3s;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 4, ../sass/object/component/_button.scss */
    .c-basic-btn {
        padding: 20px 15px 22px;
        max-width: 320px;
    }
}


/* line 20, ../sass/object/component/_button.scss */

.c-basic-btn.green {
    background-color: #4EB5B9;
}


/* line 23, ../sass/object/component/_button.scss */

.c-basic-btn.purple {
    background-color: #9277c4;
}


/* line 26, ../sass/object/component/_button.scss */

.c-basic-btn.red {
    background-color: #ad7597;
}


/* line 29, ../sass/object/component/_button.scss */

.c-basic-btn .in {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    font-size: calc(22 * (100vw / 668));
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 29, ../sass/object/component/_button.scss */
    .c-basic-btn .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 29, ../sass/object/component/_button.scss */
    .c-basic-btn .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 43, ../sass/object/component/_button.scss */

.c-basic-btn:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/*popup*/


/* line 54, ../sass/object/component/_button.scss */

.c-btn-popup .c-btn-popup--open {
    cursor: pointer;
}


/* line 56, ../sass/object/component/_button.scss */

.c-btn-popup .c-btn-popup--open:hover {
    opacity: 0.7;
}


/* line 60, ../sass/object/component/_button.scss */

.c-btn-popup .c-btn-popup--overlay,
.c-btn-popup--close-overlay {
    display: none;
}


/* line 64, ../sass/object/component/_button.scss */

.c-btn-popup input {
    display: none;
}


/* line 67, ../sass/object/component/_button.scss */

.c-btn-popup input:checked~.c-btn-popup--overlay {
    display: block;
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
}


/* line 74, ../sass/object/component/_button.scss */

.c-btn-popup input:checked~.c-btn-popup--close-overlay {
    display: block;
    background-color: #00000070;
    cursor: pointer;
    position: fixed;
    height: 100vh;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99998;
}


/* line 86, ../sass/object/component/_button.scss */

.c-btn-popup .c-btn-popup--window {
    width: 90%;
    max-width: 720px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* line 95, ../sass/object/component/_button.scss */

.c-btn-popup .c-btn-popup--close {
    background: #000000;
    border-radius: 100%;
    cursor: pointer;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 40px;
    height: 40px;
    padding: 11px;
}


/* =========================================================
txtarea - テキストエリア
========================================================= */


/* line 5, ../sass/object/component/_txtarea.scss */

.c-txtarea {
    resize: none;
    width: 100%;
    height: 10rem;
    padding: .5rem;
    border: 0;
    border: 1px solid #dddddd;
    border-radius: 4px;
    background-color: #fafafa;
    font-size: 16px;
    font-size: 1rem;
    color: #555555;
    font-family: "Zen Kaku Gothic New", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


/* line 18, ../sass/object/component/_txtarea.scss */

.c-txtarea::placeholder {
    color: #cccccc;
}


/* line 22, ../sass/object/component/_txtarea.scss */

.c-txtarea.is-entered {
    background-color: #ffffff;
}


/* =========================================================
drawer
========================================================= */

.c-drawer {
    background-color: #f7f7f7;
    height: 100vh;
    padding: 0;
    max-width: 0;
    width: 90vw;
    overflow-y: scroll;
    overflow-x: hidden;
    position: fixed;
    right: -390px;
    transition: .4s;
    z-index: 501;
    scrollbar-color: #929292 #fff;
    scrollbar-width: thin;
}

.c-drawer::-webkit-scrollbar {
    width: 8px;
    background-color: #fff;
}

.c-drawer::-webkit-scrollbar-thumb {
    background: #929292;
    width: 6px;
    border-radius: 5px;
}

.c-drawer-btn label {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    cursor: pointer;
}

.c-drawer-btn .icon {
    background-color: #81a6c9;
    border-radius: 50px;
    cursor: pointer;
    height: 50px;
    width: 50px;
    position: relative;
    transition: .4s;
}

.c-drawer-btn .icon::before,
.c-drawer-btn .icon::after {
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    width: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.c-drawer-btn .icon::before {
    top: 14px;
    transition: .4s;
}

.c-drawer-btn .icon::after {
    bottom: 14px;
    transition: .4s;
}

.c-drawer-btn .icon:hover {
    background-color: #6889a9;
}

.c-drawer-btn .icon .border {
    color: #fff;
    font-size: calc(11 * (100vw / 520));
    font-weight: 500;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    letter-spacing: -.1rem;
    margin: auto;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-drawer-btn .icon .border {
        font-size: calc(11 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-btn .icon .border {
        font-size: calc(11 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-btn .icon .border {
        font-size: 11px;
        font-size: 0.6875rem;
    }
}

.c-drawer-highlighted {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 5px auto 0;
}

.c-drawer-highlighted li {
    margin: 0 0 8px;
    width: 49%;
}

.c-drawer-highlighted li:first-of-type {
    width: 100%;
}

.c-drawer-highlighted li a {
    border-radius: 5px;
    color: #394656;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(18 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .c-drawer-highlighted li a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-highlighted li a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-highlighted li a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.c-drawer-highlighted li a::before {
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border-radius: 50px;
    content: '';
    display: block;
    height: 50px;
    width: 25px;
}

.c-drawer-highlighted li a.results {
    background-color: #b29443;
    color: #fff;
}

.c-drawer-highlighted li a.results:hover {
    background-color: #977c32;
}

.c-drawer-highlighted li a.results::before {
    background-image: url(../images/common/icon-results.webp);
    background-size: 30px;
    height: 50px;
    width: 40px;
}

.c-drawer-highlighted li a.shop {
    background-color: #b7d5cd;
}

.c-drawer-highlighted li a.shop:hover {
    background-color: #8fbdb1;
}

.c-drawer-highlighted li a.shop::before {
    background-image: url(../images/common/icon-shop.webp);
    background-size: 30px;
    height: 50px;
    width: 40px;
}

.c-drawer-highlighted li a.mypage {
    background-color: #f9dad6;
}

.c-drawer-highlighted li a.mypage:hover {
    background-color: #e7bdb8;
}

.c-drawer-highlighted li a.mypage::before {
    background-image: url(../images/common/icon-mypage.webp);
}

.c-drawer-assessment {
    background-color: #f0f0f0;
    margin: 20px auto 0;
    padding: 15px 8px;
}

.c-drawer-assessment_title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(22 * (100vw / 520));
    font-weight: 700;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-drawer-assessment_title {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-assessment_title {
        font-size: calc(20 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-assessment_title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.c-drawer-assessment_title::before,
.c-drawer-assessment_title::after {
    background-color: #FEF07F;
    content: '';
    display: block;
    height: 2px;
    width: 40px;
}

.c-drawer-assessment_title::before {
    transform: rotate(60deg);
}

.c-drawer-assessment_title::after {
    transform: rotate(-60deg);
}

.c-drawer-assessment_title .reduce {
    display: block;
    font-size: 80%;
}

.c-drawer-assessment_list {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 15px auto 0;
}

.c-drawer-assessment_list>li {
    margin: 0 0 8px;
    width: 48%;
}

.c-drawer-assessment_list>li:nth-of-type(2n+1) {
    margin: 0 2% 8px 0;
}

.c-drawer-assessment_list>li a {
    border-radius: 5px;
    color: #394656;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(18 * (100vw / 520));
    font-weight: 500;
    padding: 10px;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .c-drawer-assessment_list>li a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-assessment_list>li a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-assessment_list>li a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.c-drawer-assessment_list>li a img {
    margin: 0 6px 0 0;
    max-width: 25px;
}

.c-drawer-assessment_list>li a.counter {
    background-color: #b7d5cd;
}

.c-drawer-assessment_list>li a.counter:hover {
    background-color: #8fbdb1;
}

.c-drawer-assessment_list>li a.line {
    background-color: #0abf7d;
    color: #fff;
    font-size: calc(16 * (100vw / 520));
    max-height: 45px;
    letter-spacing: -.05rem;
    padding: 15px 5px;
}

@media screen and (min-width: 520px) {
    .c-drawer-assessment_list>li a.line {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-assessment_list>li a.line {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-assessment_list>li a.line {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.c-drawer-assessment_list>li a.line:hover {
    background-color: #35d99d;
}

.c-drawer-assessment_list>li a.line img {
    margin: 0 3px;
    max-width: 20px;
}

.c-drawer-assessment_list>li a.delivery {
    background-color: #f9dad6;
}

.c-drawer-assessment_list>li a.delivery:hover {
    background-color: #e7bdb8;
}

.c-drawer-assessment_list>li a.bulgeout {
    background-color: #83c5e8;
}

.c-drawer-assessment_list>li a.bulgeout:hover {
    background-color: #6889a9;
}

.c-drawer-nav {
    margin: 37px auto 0;
    padding: 0 10px;
}

.c-drawer-nav_title {
    font-size: calc(22 * (100vw / 520));
    font-weight: 700;
    margin: 0 0 15px;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-drawer-nav_title {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-nav_title {
        font-size: calc(20 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-nav_title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.c-drawer-nav_title .reduce {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 80%;
}

.c-drawer-nav_title .reduce::before,
.c-drawer-nav_title .reduce::after {
    background-color: #FEF07F;
    content: '';
    display: block;
    height: 2px;
    width: 20px;
    margin: 0 5px;
}

.c-drawer-nav_title .reduce::before {
    transform: rotate(60deg);
}

.c-drawer-nav_title .reduce::after {
    transform: rotate(-60deg);
}

.c-drawer-nav_list {
    display: flex;
    flex-wrap: wrap;
}

.c-drawer-nav_list>li {
    margin: 0 0 18px;
    width: 48%;
}

.c-drawer-nav_list>li:first-of-type {
    width: 100%;
}

.c-drawer-nav_list>li:nth-of-type(2n+3) {
    margin: 0 0 18px 4%;
}

.c-drawer-nav_list>li a {
    color: #394656;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .c-drawer-nav_list>li a {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-nav_list>li a {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-nav_list>li a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.c-drawer-nav_list>li figure picture {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

.c-drawer-nav_list>li figure picture:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.c-drawer-nav_list>li figure picture img {
    max-height: 75px;
}

.c-drawer-nav_list>li figure figcaption {
    margin: 3px 0 0;
}

.c-drawer-nav_sublist {
    display: flex;
    flex-wrap: wrap;
}

.c-drawer-nav_sublist>li {
    margin: 0 0 18px;
    width: 48%;
}

.c-drawer-nav_sublist>li:nth-of-type(2n+2) {
    margin: 0 0 18px 4%;
}

.c-drawer-nav_sublist>li a {
    color: #394656;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .c-drawer-nav_sublist>li a {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-nav_sublist>li a {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-nav_sublist>li a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.c-drawer-nav_sublist>li figure picture {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .4s;
}

.c-drawer-nav_sublist>li figure picture:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.c-drawer-nav_sublist>li figure picture img {
    max-height: 75px;
}

.c-drawer-nav_sublist>li figure figcaption {
    margin: 3px 0 0;
}

.c-drawer-about {
    background-color: #efece4;
    margin: 34px auto 0;
    padding: 15px 8px;
}

.c-drawer-about_title {
    font-size: calc(22 * (100vw / 520));
    font-weight: 700;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-drawer-about_title {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-about_title {
        font-size: calc(20 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-about_title {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.c-drawer-about_title .reduce {
    display: block;
    font-size: 80%;
}

.c-drawer-about_list {
    display: flex;
    flex-wrap: wrap;
    margin: 15px 0 0;
}

.c-drawer-about_list>li {
    margin: 0 0 10px;
    width: 48%;
}

.c-drawer-about_list>li:nth-of-type(2n+2) {
    margin: 0 0 10px 4%;
}

.c-drawer-about_list>li a {
    background: #81a6c9;
    border: 3px solid #ffffff;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    min-height: 49px;
    padding: 5px;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .c-drawer-about_list>li a {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-drawer-about_list>li a {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-drawer-about_list>li a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.c-drawer-about_list>li a::after {
    background-image: url(../images/common/icon-arrow02.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    height: 8px;
    width: 18px;
    margin: 0 0 0 5px;
    transition: .4s;
}

.c-drawer-about_list>li a:hover {
    background-color: #6889a9;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

.c-drawer-about_list>li a img {
    margin: 0 6px 0 0;
    max-width: 20px;
}

.c-drawer-banner {
    margin: 25px 0 0;
}

.c-drawer-banner_list {
    display: flex;
    flex-wrap: wrap;
}

.c-drawer-banner_list>li {
    margin: 0 0 10px;
    width: 48%;
}

.c-drawer-banner_list>li:nth-of-type(2n+2) {
    margin: 0 0 10px 4%;
}

.c-drawer-banner_list>li a {
    transition: .4s;
}

.c-drawer-banner_list>li a:hover {
    opacity: .7;
}

.c-drawer-acc--container {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s;
}

.c-drawer-acc--more label {
    background: url(../images/common/icon-triangle01.svg) center no-repeat;
    background-size: 18px;
    background-color: #81A6C9;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    transition: .4s;
}

.c-drawer-acc--more label:hover {
    background-color: #6889a9;
}

.c-drawer-acc--check:checked+.c-drawer-acc>.c-drawer-acc--container {
    max-height: 999vh;
    visibility: visible;
    opacity: 1;
}

.c-drawer-acc--check:checked+.c-drawer-acc>.c-drawer-acc--more label {
    transform: rotate(-180deg);
}

#drawer:checked+.c-drawer {
    padding: 5px 10px 15px;
    max-width: 390px;
    right: 0;
}

#drawer:checked+.c-drawer .c-drawer-btn .icon::before {
    top: -5px;
    transform: rotate(45deg);
}

#drawer:checked+.c-drawer .c-drawer-btn .icon::after {
    bottom: 5px;
    transform: rotate(-45deg);
}

#drawer:checked~.c-drawer-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500;
}


/* =========================================================
pagenation - ページ送り
========================================================= */


/* =========================================================
breadcrumbs
========================================================= */

.c-breadcrumbs--wrap {
    max-width: 1450px;
    margin: auto;
    width: 96vw;
    overflow-x: scroll;
    padding: 5px 0;
    scrollbar-width: none;
}

.c-breadcrumbs--wrap::-webkit-scrollbar {
    display: none;
}

.c-breadcrumbs--list {
    display: flex;
    align-items: center;
    width: 200vw;
}

@media screen and (min-width: 768px) {
    .c-breadcrumbs--list {
        width: auto;
    }
}

.c-breadcrumbs--list>li a {
    display: flex;
    align-items: center;
    color: #394656;
    font-size: calc(14 * (100vw / 520));
    line-height: 1.2;
}

@media screen and (min-width: 520px) {
    .c-breadcrumbs--list>li a {
        font-size: calc(12 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-breadcrumbs--list>li a {
        font-size: calc(12 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-breadcrumbs--list>li a {
        font-size: 12px;
        font-size: 0.75rem;
    }
}

.c-breadcrumbs--list>li a:hover {
    text-decoration: underline;
}

.c-breadcrumbs--list>li:not(:first-of-type) a::before {
    border-top: 1px solid #394656;
    border-right: 1px solid #394656;
    content: '';
    display: block;
    transform: rotate(45deg);
    height: 5px;
    width: 5px;
    margin: 0 5px;
}


/* =========================================================
purchase_brand - 買取強化ブランド
========================================================= */


/* line 4, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand {
    background: #f0f0f0;
    padding: 35px 0 5px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand {
        padding: 60px 0;
    }
}


/* line 10, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 17, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 17, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 17, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 31, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

@media screen and (min-width: 576px) {
    /* line 31, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--list {
        row-gap: 20px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media screen and (min-width: 840px) {
    /* line 41, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--item {
        padding: 0 10px 30px;
    }
}


/* line 46, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--link {
    transition: .3s;
}


/* line 48, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--link:hover {
    opacity: 0.7;
}


/* line 51, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--link .photo {
    background: #ffffff;
    padding: 0 10px;
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 51, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--link .photo {
        padding: 0 10px;
    }
}


/* line 59, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--link img {
    display: inline-block;
    width: 100%;
    height: 50px;
}

@media screen and (min-width: 840px) {
    /* line 59, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--link img {
        height: 100px;
    }
}


/* line 67, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--link .text {
    color: #394656;
    display: inline-block;
    font-size: calc(21 * (100vw / 768));
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    /* line 67, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--link .text {
        padding-top: 15px;
        padding-bottom: 10px;
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 67, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--link .text {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 83, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more {
    margin: 20px auto 0;
}


/* line 86, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more .c-purchase_brand--list {
    max-height: 4vh;
    overflow: hidden;
    transition: .4s;
}


/* line 92, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more input[name="brandlist_more"] {
    display: none;
}


/* line 97, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more input[name="brandlist_more"]:checked+.c-purchase_brand--list {
    max-height: 999vh;
    transition: .4s;
}


/* line 102, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more input[name="brandlist_more"]:checked~.c-purchase_brand--morebtn {
    margin: 0;
}


/* line 107, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--more input[name="brandlist_more"]:checked~.c-purchase_brand--morebtn label::before {
    transform: rotate(-90deg);
    transition: .4s;
}


/* line 116, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--morebtn {
    background: #f0f0f0;
    background: linear-gradient(0deg, #f0f0f0 25%, rgba(240, 240, 240, 0) 100%);
    margin: -20px 0 0;
    position: relative;
}


/* line 124, ../sass/object/component/_purchase_brand.scss */

.c-purchase_brand--morebtn label::before {
    background-image: url(../images/icon/icon-right-w.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #81a6c9;
    background-size: 35%;
    border-radius: 100%;
    content: '';
    cursor: pointer;
    display: block;
    margin: auto;
    width: 30px;
    height: 30px;
    transform: rotate(90deg);
    transition: .4s;
    z-index: 1;
}

@media screen and (min-width: 840px) {
    /* line 124, ../sass/object/component/_purchase_brand.scss */
    .c-purchase_brand--morebtn label::before {
        width: 60px;
        height: 60px;
    }
}


/* =========================================================
manip - 買取アナウンス
========================================================= */


/* line 4, ../sass/object/component/_manip.scss */

.c-manip {
    padding: 50px 0;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_manip.scss */
    .c-manip {
        padding: 80px 0;
    }
}


/* line 9, ../sass/object/component/_manip.scss */

.c-manip--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 16, ../sass/object/component/_manip.scss */

.c-manip-line {
    padding-bottom: 20px;
}

@media screen and (min-width: 840px) {
    /* line 16, ../sass/object/component/_manip.scss */
    .c-manip-line {
        padding-bottom: 50px;
    }
}


/* line 22, ../sass/object/component/_manip.scss */

.c-manip-line--ttl {
    text-align: center;
}


/* line 24, ../sass/object/component/_manip.scss */

.c-manip-line--ttl .in {
    color: #394656;
    display: inline-block;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    position: relative;
    letter-spacing: 1px;
    line-height: 1.6;
}

@media screen and (min-width: 576px) {
    /* line 24, ../sass/object/component/_manip.scss */
    .c-manip-line--ttl .in {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 24, ../sass/object/component/_manip.scss */
    .c-manip-line--ttl .in {
        font-size: 20px;
        font-size: 1.25rem;
    }
}


/* line 38, ../sass/object/component/_manip.scss */

.c-manip-line--ttl .in::before {
    content: '';
    background: #0abf7d;
    display: block;
    transform: rotate(60deg);
    position: absolute;
    bottom: 24px;
    left: -50px;
    width: 50px;
    height: 2px;
}


/* line 49, ../sass/object/component/_manip.scss */

.c-manip-line--ttl .in::after {
    content: '';
    background: #0abf7d;
    display: block;
    transform: rotate(-60deg);
    position: absolute;
    bottom: 24px;
    right: -50px;
    width: 50px;
    height: 2px;
}


/* line 62, ../sass/object/component/_manip.scss */

.c-manip-line--btn {
    text-align: center;
    padding-top: 10px;
}

@media screen and (min-width: 980px) {
    /* line 62, ../sass/object/component/_manip.scss */
    .c-manip-line--btn {
        padding-top: 30px;
    }
}


/* line 68, ../sass/object/component/_manip.scss */

.c-manip-line--btn .line-btn {
    background: #0abf7d;
    border-radius: 5px;
    display: inline-block;
    max-width: 370px;
    padding: 9px 5px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 980px) {
    /* line 68, ../sass/object/component/_manip.scss */
    .c-manip-line--btn .line-btn {
        background: none;
        border-radius: 0;
        padding: 0;
    }
}


/* line 81, ../sass/object/component/_manip.scss */

.c-manip-line--btn .line-btn:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/* line 84, ../sass/object/component/_manip.scss */

.c-manip-line--btn .line-btn img {
    border-radius: 5px;
    background: #0abf7d;
    display: none;
    text-align: center;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 980px) {
    /* line 84, ../sass/object/component/_manip.scss */
    .c-manip-line--btn .line-btn img {
        display: inline-block;
    }
}


/* line 95, ../sass/object/component/_manip.scss */

.c-manip-line--btn .line-btn .sp-text {
    background: url(../images/icon/icon-line-w.svg) no-repeat left center;
    background-size: 20px 20px;
    color: #ffffff;
    display: inline-block;
    font-size: calc(23 * (100vw / 768));
    font-weight: bold;
    padding: 10px;
    padding-left: 25px;
}

@media screen and (min-width: 576px) {
    /* line 95, ../sass/object/component/_manip.scss */
    .c-manip-line--btn .line-btn .sp-text {
        font-size: calc(18 * (100vw / 768));
        background-size: 30px 30px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 980px) {
    /* line 95, ../sass/object/component/_manip.scss */
    .c-manip-line--btn .line-btn .sp-text {
        display: none;
    }
}


/* line 117, ../sass/object/component/_manip.scss */

.c-manip-kaitori--ttl {
    text-align: center;
}


/* line 119, ../sass/object/component/_manip.scss */

.c-manip-kaitori--ttl .in {
    color: #394656;
    display: inline-block;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    position: relative;
    letter-spacing: 3px;
    line-height: 1.6;
}

@media screen and (min-width: 576px) {
    /* line 119, ../sass/object/component/_manip.scss */
    .c-manip-kaitori--ttl .in {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 119, ../sass/object/component/_manip.scss */
    .c-manip-kaitori--ttl .in {
        font-size: 20px;
        font-size: 1.25rem;
    }
}


/* line 134, ../sass/object/component/_manip.scss */

.c-manip-kaitori--ttl .in::before {
    content: '';
    background: #FEF07F;
    display: block;
    transform: rotate(60deg);
    position: absolute;
    bottom: 24px;
    left: -50px;
    width: 50px;
    height: 2px;
}


/* line 145, ../sass/object/component/_manip.scss */

.c-manip-kaitori--ttl .in::after {
    content: '';
    background: #FEF07F;
    display: block;
    transform: rotate(-60deg);
    position: absolute;
    bottom: 24px;
    right: -50px;
    width: 50px;
    height: 2px;
}


/* line 158, ../sass/object/component/_manip.scss */

.c-manip-kaitori--btn {
    padding-top: 10px;
}

@media screen and (min-width: 980px) {
    /* line 158, ../sass/object/component/_manip.scss */
    .c-manip-kaitori--btn {
        padding-top: 30px;
    }
}


/* line 164, ../sass/object/component/_manip.scss */

.c-manip-kaitori--list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -5px;
}

@media screen and (min-width: 576px) {
    /* line 164, ../sass/object/component/_manip.scss */
    .c-manip-kaitori--list {
        margin: 0 -15px;
    }
}


/* line 171, ../sass/object/component/_manip.scss */

.c-manip-kaitori--item {
    text-align: center;
    width: 33.3%;
    padding: 0 5px;
}

@media screen and (min-width: 576px) {
    /* line 171, ../sass/object/component/_manip.scss */
    .c-manip-kaitori--item {
        padding: 0 15px;
    }
}


/* line 179, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link {
    background: #B7D5CD;
    border-radius: 5px;
    display: inline-block;
    max-width: 370px;
    padding: 9px 5px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 179, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link {
        padding: 10px;
    }
}

@media screen and (min-width: 980px) {
    /* line 179, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link {
        background: none;
        padding: 0;
    }
}


/* line 194, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/* line 197, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link img {
    border-radius: 5px;
    background: #0abf7d;
    display: none;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 980px) {
    /* line 197, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link img {
        display: inline-block;
    }
}


/* line 207, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.shop {
    background: #B7D5CD;
}


/* line 209, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.shop img,
.c-manip-kaitori .link.shop .sp-text {
    background-image: url(../images/icon/icon-shop.webp);
    background-color: #B7D5CD;
}

@media screen and (min-width: 980px) {
    /* line 209, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link.shop img,
    .c-manip-kaitori .link.shop .sp-text {
        background: none;
    }
}


/* line 217, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.delivery {
    background: #F9DAD6;
}


/* line 219, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.delivery img,
.c-manip-kaitori .link.delivery .sp-text {
    background-image: url(../images/icon/icon-satei-delivery-short.webp);
    background-color: #F9DAD6;
}

@media screen and (min-width: 980px) {
    /* line 219, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link.delivery img,
    .c-manip-kaitori .link.delivery .sp-text {
        background: none;
    }
}


/* line 227, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.trip {
    background: #83C5E8;
}


/* line 229, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link.trip img,
.c-manip-kaitori .link.trip .sp-text {
    background-image: url(../images/icon/icon-satei-trip-short.webp);
    background-color: #83C5E8;
}

@media screen and (min-width: 980px) {
    /* line 229, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link.trip img,
    .c-manip-kaitori .link.trip .sp-text {
        background: none;
    }
}


/* line 237, ../sass/object/component/_manip.scss */

.c-manip-kaitori .link .sp-text {
    background: url(../images/icon/icon-shop.webp) no-repeat left center;
    background-size: 20px 20px;
    color: #394656;
    display: inline-block;
    font-size: calc(22 * (100vw / 768));
    font-weight: bold;
    padding: 10px;
    padding-left: 25px;
}

@media screen and (min-width: 576px) {
    /* line 237, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link .sp-text {
        font-size: calc(18 * (100vw / 768));
        background-size: 30px 30px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 980px) {
    /* line 237, ../sass/object/component/_manip.scss */
    .c-manip-kaitori .link .sp-text {
        display: none;
    }
}


/* =========================================================
sub-nav - 買取アイテム一覧
========================================================= */


/* line 4, ../sass/object/component/_sub-nav.scss */

.c-sub-nav {
    background: rgba(247, 247, 247, 0.95);
    padding: 10px;
    width: 100%;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav {
        padding: 50px 10px;
    }
}

@media screen and (min-width: 980px) {
    /* line 4, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav {
        padding: 0 10px 50px 60px;
        background: none;
    }
}


/* line 18, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--box {
    padding-top: 5px;
}

@media screen and (min-width: 980px) {
    /* line 18, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--box {
        padding: 0 0 30px;
    }
}


/* line 23, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--box:first-of-type {
    padding-top: 0;
}


/* line 27, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--ttl {
    font-size: calc(27 * (100vw / 768));
    font-weight: bold;
    display: none;
    padding-bottom: 5px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 27, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--ttl {
        font-size: calc(18 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 27, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--ttl {
        font-size: 18px;
        font-size: 1.125rem;
        padding-bottom: 20px;
    }
}

@media screen and (min-width: 980px) {
    /* line 27, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--ttl {
        display: block;
        text-align: left;
    }
}


/* line 48, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 5px;
}

@media screen and (min-width: 980px) {
    /* line 48, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--list {
        grid-template-columns: 1fr;
    }
}


/* line 56, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item {
    text-align: center;
    width: 100%;
}


/* line 59, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link {
    background: #B7D5CD;
    border-radius: 5px;
    display: inline-block;
    max-width: 370px;
    padding: 2px 5px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 59, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link {
        padding: 10px;
    }
}

@media screen and (min-width: 980px) {
    /* line 59, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link {
        background: none;
        padding: 0;
    }
}


/* line 74, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/* line 77, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link img {
    border-radius: 5px;
    display: none;
    max-width: 260px;
    width: 100%;
    height: auto;
}

@media screen and (min-width: 980px) {
    /* line 77, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link img {
        display: inline-block;
    }
}


/* line 87, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link .sp-text {
    background: url(../images/icon/icon-shop.webp) no-repeat left center;
    background-size: 20px 20px;
    color: #394656;
    display: inline-block;
    font-size: calc(22 * (100vw / 768));
    font-weight: bold;
    padding: 8px;
    padding-left: 25px;
}

@media screen and (min-width: 576px) {
    /* line 87, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link .sp-text {
        font-size: calc(15 * (100vw / 768));
        background-size: 30px 30px;
        padding-left: 40px;
    }
}

@media screen and (min-width: 980px) {
    /* line 87, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link .sp-text {
        display: none;
    }
}


/* line 106, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.line {
    background: #0abf7d;
}


/* line 108, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.line img {
    background: #0abf7d;
}


/* line 111, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.line .sp-text {
    background-image: url(../images/icon/icon-satei-tel-w.webp);
    background-color: #0abf7d;
    color: #ffffff;
}

@media screen and (min-width: 980px) {
    /* line 111, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.line .sp-text {
        background: none;
    }
}


/* line 120, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.tel {
    background: #ED99A4;
}


/* line 122, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.tel img {
    background: #ED99A4;
}


/* line 125, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.tel .sp-text {
    background-image: url(../images/icon/icon-satei-tel-w.webp);
    background-color: #ED99A4;
    color: #ffffff;
}

@media screen and (min-width: 980px) {
    /* line 125, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.tel .sp-text {
        background: none;
    }
}


/* line 134, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.mail {
    background: #81A6C9;
}


/* line 136, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.mail img {
    background: #81A6C9;
}


/* line 139, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.mail .sp-text {
    background-image: url(../images/icon/icon-satei-mail-w.webp);
    background-color: #81A6C9;
    color: #ffffff;
}

@media screen and (min-width: 980px) {
    /* line 139, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.mail .sp-text {
        background: none;
    }
}


/* line 149, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.shop {
    background: #B7D5CD;
}


/* line 151, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.shop img {
    background: #B7D5CD;
}


/* line 154, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.shop .sp-text {
    background-image: url(../images/icon/icon-shop.webp);
    background-color: #B7D5CD;
}

@media screen and (min-width: 980px) {
    /* line 154, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.shop .sp-text {
        background: none;
    }
}


/* line 163, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.delivery {
    background: #F9DAD6;
}


/* line 165, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.delivery img {
    background: #F9DAD6;
}


/* line 168, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.delivery .sp-text {
    background-image: url(../images/icon/icon-satei-delivery-short.webp);
    background-color: #F9DAD6;
}

@media screen and (min-width: 980px) {
    /* line 168, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.delivery .sp-text {
        background: none;
    }
}


/* line 177, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.trip {
    background: #83C5E8;
}


/* line 179, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.trip img {
    background: #83C5E8;
}


/* line 182, ../sass/object/component/_sub-nav.scss */

.c-sub-nav--item .link.trip .sp-text {
    background-image: url(../images/icon/icon-satei-trip-short.webp);
    background-color: #83C5E8;
}

@media screen and (min-width: 980px) {
    /* line 182, ../sass/object/component/_sub-nav.scss */
    .c-sub-nav--item .link.trip .sp-text {
        background: none;
    }
}


/* =========================================================
purchase_item - 買取アイテム一覧
========================================================= */


/* line 4, ../sass/object/component/_purchase_item.scss */

.c-purchase_item {
    padding: 35px 0 5px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item {
        padding: 60px 0;
    }
}


/* line 9, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 17, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--main {
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 17, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--main {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 17, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--main {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 31, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 31, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 31, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 46, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(7, 0.5fr);
    column-gap: 5px;
    row-gap: 5px;
}

@media screen and (min-width: 576px) {
    /* line 46, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--list {
        grid-template-rows: repeat(7, 1fr);
    }
}

@media screen and (min-width: 840px) {
    /* line 46, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--list {
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(7, 1fr);
        column-gap: 10px;
        row-gap: 10px;
    }
}

@media screen and (min-width: 980px) {
    /* line 46, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--list {
        grid-template-columns: repeat(15, 1fr);
        grid-template-rows: repeat(5, 0.5fr);
        column-gap: 20px;
        row-gap: 20px;
    }
}


/* line 69, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type1 {
    grid-area: 1 / 1 / 3 / 3;
}


/* line 70, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type2 {
    grid-area: 1 / 3 / 3 / 5;
}


/* line 71, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type3 {
    grid-area: 3 / 1 / 4 / 3;
}


/* line 72, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type4 {
    grid-area: 3 / 3 / 4 / 5;
}


/* line 73, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type5 {
    grid-area: 4 / 1 / 5 / 3;
}


/* line 74, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type6 {
    grid-area: 4 / 3 / 5 / 5;
}


/* line 75, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type7 {
    grid-area: 5 / 1 / 6 / 3;
}


/* line 76, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type8 {
    grid-area: 5 / 3 / 6 / 4;
}


/* line 77, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type9 {
    grid-area: 5 / 4 / 6 / 5;
}


/* line 78, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type10 {
    grid-area: 6 / 1 / 7 / 2;
}


/* line 79, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type11 {
    grid-area: 6 / 2 / 7 / 3;
}


/* line 80, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type12 {
    grid-area: 6 / 3 / 7 / 4;
}


/* line 81, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type13 {
    grid-area: 6 / 4 / 7 / 5;
}


/* line 82, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type14 {
    grid-area: 7 / 1 / 8 / 2;
}


/* line 83, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type15 {
    grid-area: 7 / 2 / 8 / 3;
}


/* line 84, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type16 {
    grid-area: 7 / 3 / 8 / 4;
}


/* line 85, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--item.type17 {
    grid-area: 7 / 4 / 8 / 5;
}

@media screen and (min-width: 840px) {
    /* line 87, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type1 {
        grid-area: 1 / 1 / 3 / 5;
    }
    /* line 88, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type2 {
        grid-area: 1 / 5 / 3 / 9;
    }
    /* line 89, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type3 {
        grid-area: 3 / 1 / 4 / 5;
    }
    /* line 90, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type4 {
        grid-area: 3 / 5 / 4 / 9;
    }
    /* line 91, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type5 {
        grid-area: 4 / 1 / 5 / 5;
    }
    /* line 92, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type6 {
        grid-area: 4 / 5 / 5 / 9;
    }
    /* line 93, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type7 {
        grid-area: 5 / 1 / 6 / 5;
    }
    /* line 94, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type8 {
        grid-area: 5 / 5 / 6 / 7;
    }
    /* line 95, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type9 {
        grid-area: 5 / 7 / 6 / 9;
    }
    /* line 96, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type10 {
        grid-area: 6 / 1 / 7 / 3;
    }
    /* line 97, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type11 {
        grid-area: 6 / 3 / 7 / 5;
    }
    /* line 98, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type12 {
        grid-area: 6 / 5 / 7 / 7;
    }
    /* line 99, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type13 {
        grid-area: 6 / 7 / 7 / 9;
    }
    /* line 100, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type14 {
        grid-area: 7 / 1 / 8 / 3;
    }
    /* line 101, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type15 {
        grid-area: 7 / 3 / 8 / 5;
    }
    /* line 102, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type16 {
        grid-area: 7 / 5 / 8 / 7;
    }
    /* line 103, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type17 {
        grid-area: 7 / 7 / 8 / 9;
    }
}

@media screen and (min-width: 980px) {
    /* line 106, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type1 {
        grid-area: 1 / 1 / 3 / 6;
    }
    /* line 107, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type2 {
        grid-area: 1 / 6 / 3 / 11;
    }
    /* line 108, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type3 {
        grid-area: 1 / 11 / 2 / 16;
    }
    /* line 109, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type4 {
        grid-area: 2 / 11 / 3 / 16;
    }
    /* line 110, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type5 {
        grid-area: 3 / 1 / 4 / 6;
    }
    /* line 111, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type6 {
        grid-area: 3 / 6 / 4 / 11;
    }
    /* line 112, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type7 {
        grid-area: 3 / 11 / 4 / 16;
    }
    /* line 113, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type8 {
        grid-area: 4 / 1 / 5 / 4;
    }
    /* line 114, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type9 {
        grid-area: 4 / 4 / 5 / 7;
    }
    /* line 115, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type10 {
        grid-area: 4 / 7 / 5 / 10;
    }
    /* line 116, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type11 {
        grid-area: 4 / 10 / 5 / 13;
    }
    /* line 117, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type12 {
        grid-area: 4 / 13 / 5 / 16;
    }
    /* line 118, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type13 {
        grid-area: 5 / 1 / 6 / 4;
    }
    /* line 119, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type14 {
        grid-area: 5 / 4 / 6 / 7;
    }
    /* line 120, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type15 {
        grid-area: 5 / 7 / 6 / 10;
    }
    /* line 121, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type16 {
        grid-area: 5 / 10 / 6 / 13;
    }
    /* line 122, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--item.type17 {
        grid-area: 5 / 13 / 6 / 16;
    }
}


/* line 125, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--nav {
    background: #ffffff;
    border-radius: 5px;
    display: block;
    padding: 5px;
    height: 100%;
    transition: .3s;
}

@media screen and (min-width: 576px) {
    /* line 125, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--nav {
        padding: 15px;
    }
}


/* line 135, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--nav:hover {
    box-shadow: 0px 0px 15px -5px rgba(100, 100, 100, 0.5);
}


/* line 140, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--photo img {
    display: inline-block;
    vertical-align: bottom;
    background: #f7f7f7;
    height: auto;
}


/* line 147, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--title {
    text-align: left;
    padding: 10px 0 5px;
}


/* line 150, ../sass/object/component/_purchase_item.scss */

.c-purchase_item--title .in {
    color: #394656;
    display: inline-block;
    font-size: calc(21 * (100vw / 768));
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    /* line 150, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--title .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 150, ../sass/object/component/_purchase_item.scss */
    .c-purchase_item--title .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* =========================================================
shoplist - 店舗一覧
========================================================= */


/* line 4, ../sass/object/component/_shoplist.scss */

.c-shoplist {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_shoplist.scss */
    .c-shoplist {
        padding: 60px 0;
    }
}


/* line 9, ../sass/object/component/_shoplist.scss */

.c-shoplist--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 16, ../sass/object/component/_shoplist.scss */

.c-shoplist--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 16, ../sass/object/component/_shoplist.scss */
    .c-shoplist--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 16, ../sass/object/component/_shoplist.scss */
    .c-shoplist--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 34, ../sass/object/component/_shoplist.scss */

.c-shoplist-box.kanto {
    margin-bottom: 30px;
}

@media screen and (min-width: 840px) {
    /* line 34, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box.kanto {
        margin-bottom: 50px;
    }
}


/* line 41, ../sass/object/component/_shoplist.scss */

.c-shoplist-box.kansai .c-shoplist-box--ttl .in {
    background-image: url(../images/icon/title-style-pink.svg);
}


/* line 43, ../sass/object/component/_shoplist.scss */

.c-shoplist-box.kansai .c-shoplist-box--ttl .in::before {
    border-color: #ed99a4;
}


/* line 47, ../sass/object/component/_shoplist.scss */

.c-shoplist-box.kansai .c-shoplist-box--list {
    grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 840px) {
    /* line 47, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box.kansai .c-shoplist-box--list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}


/* line 55, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--ttl {
    margin-bottom: 10px;
}

@media screen and (min-width: 840px) {
    /* line 55, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--ttl {
        margin-bottom: 20px;
    }
}


/* line 60, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--ttl .in {
    background: url(../images/icon/title-style-blue.svg) no-repeat center left;
    background-size: 10px 20px;
    display: block;
    font-size: calc(22.5 * (100vw / 768));
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}


/* line 68, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--ttl .in::before {
    content: '';
    border-top: 2px dotted #83c5e8;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(100% - 100px);
    height: 1px;
}

@media screen and (min-width: 576px) {
    /* line 68, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--ttl .in::before {
        width: calc(100% - 150px);
    }
}

@media screen and (min-width: 576px) {
    /* line 60, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--ttl .in {
        font-size: calc(15 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 60, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--ttl .in {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}


/* line 89, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--contents {
    background: #e5e5e5;
    border-radius: 5px;
    padding: 10px;
}

@media screen and (min-width: 840px) {
    /* line 89, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--contents {
        padding: 20px;
    }
}

@media screen and (min-width: 840px) {
    /* line 89, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--contents {
        padding: 30px;
    }
}


/* line 100, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

@media screen and (min-width: 840px) {
    /* line 100, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--list {
        grid-template-columns: 1fr 1fr;
    }
}


/* line 113, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--nav {
    background: #ffffff;
    border-radius: 5px;
    display: block;
    padding: 10px;
    transition: .3s;
    height: 100%;
}

@media screen and (min-width: 576px) {
    /* line 113, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--nav {
        padding: 20px;
    }
}


/* line 123, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--nav:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/* line 127, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--photo {
    border-radius: 5px;
    overflow: hidden;
}


/* line 132, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--photo img {
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}


/* line 139, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--title {
    text-align: left;
    padding: 10px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 139, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--title {
        padding: 15px 0 10px;
    }
}


/* line 145, ../sass/object/component/_shoplist.scss */

.c-shoplist-box--title .in {
    color: #394656;
    display: inline-block;
    font-size: calc(21 * (100vw / 768));
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (min-width: 576px) {
    /* line 145, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--title .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 145, ../sass/object/component/_shoplist.scss */
    .c-shoplist-box--title .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* =========================================================
fqa - Q&A
========================================================= */


/* line 4, ../sass/object/component/_fqa.scss */

.c-fqa {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_fqa.scss */
    .c-fqa {
        padding: 60px 0;
    }
}


/* line 9, ../sass/object/component/_fqa.scss */

.c-fqa--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 17, ../sass/object/component/_fqa.scss */

.c-fqa--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 17, ../sass/object/component/_fqa.scss */
    .c-fqa--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 17, ../sass/object/component/_fqa.scss */
    .c-fqa--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 0;
    }
}


/* line 32, ../sass/object/component/_fqa.scss */

.c-fqa--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 80vh;
    overflow-y: scroll;
}

@media screen and (min-width: 980px) {
    /* line 32, ../sass/object/component/_fqa.scss */
    .c-fqa--container {
        margin: 50px auto 0;
        height: auto;
        overflow-y: visible;
    }
}


/* line 44, ../sass/object/component/_fqa.scss */

.c-fqa_index {
    display: none;
}

@media screen and (min-width: 980px) {
    /* line 44, ../sass/object/component/_fqa.scss */
    .c-fqa_index {
        display: block;
        margin: 0 80px 0 0;
        width: calc(40% - 80px);
    }
}


/* line 54, ../sass/object/component/_fqa.scss */

.c-fqa_index>li label {
    display: inline-block;
    font-size: calc(19 * (100vw / 768));
    font-weight: 400;
    padding: 10px 60px 10px 8px;
    position: relative;
    transition: .4s;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 54, ../sass/object/component/_fqa.scss */
    .c-fqa_index>li label {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 54, ../sass/object/component/_fqa.scss */
    .c-fqa_index>li label {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 69, ../sass/object/component/_fqa.scss */

.c-fqa_index>li label:before {
    background-color: #000000;
    content: '';
    display: block;
    height: 2px;
    width: calc(30 * (100vw / 768));
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(18 * (100vw / 768));
    margin: auto;
}

@media screen and (min-width: 840px) {
    /* line 69, ../sass/object/component/_fqa.scss */
    .c-fqa_index>li label:before {
        height: 2px;
        width: 30px;
        top: 0;
        bottom: 0;
        right: 18px;
    }
}


/* line 90, ../sass/object/component/_fqa.scss */

.c-fqa_index>li label:after {
    background-color: #000000;
    content: '';
    display: block;
    height: 2px;
    width: calc(8 * (100vw / 768));
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: calc(6 * (100vw / 768));
    right: calc(16 * (100vw / 768));
    margin: auto;
}

@media screen and (min-width: 840px) {
    /* line 90, ../sass/object/component/_fqa.scss */
    .c-fqa_index>li label:after {
        height: 2px;
        width: 8px;
        top: 0;
        bottom: 6px;
        right: 16px;
    }
}


/* line 114, ../sass/object/component/_fqa.scss */

.c-fqa_index>li:hover label {
    border-bottom: 3px dotted #bfbfbf;
    cursor: pointer;
    font-weight: 700;
    transition: .4s;
}

@media screen and (min-width: 840px) {
    /* line 114, ../sass/object/component/_fqa.scss */
    .c-fqa_index>li:hover label {
        padding: 10px 60px 10px 15px;
    }
}


/* line 130, ../sass/object/component/_fqa.scss */

.c-fqa_detail {
    margin: 0 auto;
    width: 90%;
}

@media screen and (min-width: 980px) {
    /* line 130, ../sass/object/component/_fqa.scss */
    .c-fqa_detail {
        margin: 0;
        width: 60%;
    }
}


/* line 139, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap {
    margin: 0 0 calc(100 * (100vw / 768));
}

@media screen and (min-width: 980px) {
    /* line 139, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap {
        margin: 0;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
    }
}


/* line 149, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap .question {
    border-bottom: 3px dotted #bfbfbf;
    color: #83c5e8;
    line-height: 1.2;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-weight: bold;
    font-size: calc(24 * (100vw / 668));
    font-weight: bold;
    line-height: 1.6;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

@media screen and (min-width: 576px) {
    /* line 149, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 149, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question {
        font-size: 16px;
        font-size: 1rem;
        margin: 0 0 20px;
        padding: 0 0 20px;
    }
}


/* line 172, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap .question .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: calc(24 * (100vw / 768));
}

@media screen and (min-width: 576px) {
    /* line 172, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question .icon {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 172, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question .icon {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 186, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap .question .icon::before {
    background-image: url(../images/icon/title-style-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: calc(33 * (100vw / 768));
    width: 14px;
    margin: 0 5px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 186, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question .icon::before {
        height: calc(22 * (100vw / 768));
        margin: 0 10px 0 0;
    }
}

@media screen and (min-width: 576px) {
    /* line 186, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .question .icon::before {
        height: 22px;
    }
}


/* line 209, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap .answer .icon {
    color: #ed99a4;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: calc(24 * (100vw / 668));
}

@media screen and (min-width: 576px) {
    /* line 209, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .answer .icon {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 209, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .answer .icon {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 225, ../sass/object/component/_fqa.scss */

.c-fqa_detail--wrap .answer .icon::before {
    background-image: url(../images/icon/title-style-pink.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: calc(33 * (100vw / 768));
    width: 14px;
    margin: 0 5px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 225, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .answer .icon::before {
        height: calc(22 * (100vw / 768));
        margin: 0 10px 0 0;
    }
}

@media screen and (min-width: 840px) {
    /* line 225, ../sass/object/component/_fqa.scss */
    .c-fqa_detail--wrap .answer .icon::before {
        height: 22px;
    }
}


/* line 248, ../sass/object/component/_fqa.scss */

.c-fqa_detail--check {
    display: none;
}


/* line 253, ../sass/object/component/_fqa.scss */

.c-fqa_detail--check:checked+.c-fqa_detail--wrap {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* =========================================================
voice - お客様の声
========================================================= */


/* line 4, ../sass/object/component/_voice.scss */

.c-voice {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_voice.scss */
    .c-voice {
        padding: 60px 0;
    }
}


/* line 9, ../sass/object/component/_voice.scss */

.c-voice--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 20, ../sass/object/component/_voice.scss */

.c-voice--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 20, ../sass/object/component/_voice.scss */
    .c-voice--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 20, ../sass/object/component/_voice.scss */
    .c-voice--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 0;
    }
}


/* line 36, ../sass/object/component/_voice.scss */

.c-voice--container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    height: 80vh;
    overflow-y: scroll;
}

@media screen and (min-width: 980px) {
    /* line 36, ../sass/object/component/_voice.scss */
    .c-voice--container {
        margin: 50px auto 0;
        height: auto;
        overflow-y: visible;
    }
}


/* line 48, ../sass/object/component/_voice.scss */

.c-voice_index {
    display: none;
}

@media screen and (min-width: 980px) {
    /* line 48, ../sass/object/component/_voice.scss */
    .c-voice_index {
        display: block;
        margin: 0 80px 0 0;
        width: calc(40% - 80px);
    }
}


/* line 59, ../sass/object/component/_voice.scss */

.c-voice_index>li label {
    display: inline-block;
    font-size: calc(19 * (100vw / 768));
    font-weight: 400;
    padding: 10px 60px 10px 8px;
    position: relative;
    transition: .4s;
}

@media screen and (min-width: 840px) {
    /* line 59, ../sass/object/component/_voice.scss */
    .c-voice_index>li label {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 71, ../sass/object/component/_voice.scss */

.c-voice_index>li label:before {
    background-color: #888888;
    content: '';
    display: block;
    height: 1px;
    width: calc(30 * (100vw / 768));
    position: absolute;
    top: 0;
    bottom: 0;
    right: calc(18 * (100vw / 768));
    margin: auto;
}

@media screen and (min-width: 840px) {
    /* line 71, ../sass/object/component/_voice.scss */
    .c-voice_index>li label:before {
        height: 2px;
        width: 30px;
        top: 0;
        bottom: 0;
        right: 18px;
    }
}


/* line 92, ../sass/object/component/_voice.scss */

.c-voice_index>li label:after {
    background-color: #000000;
    content: '';
    display: block;
    height: 2px;
    width: calc(8 * (100vw / 768));
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: calc(6 * (100vw / 768));
    right: calc(16 * (100vw / 768));
    margin: auto;
}

@media screen and (min-width: 840px) {
    /* line 92, ../sass/object/component/_voice.scss */
    .c-voice_index>li label:after {
        height: 2px;
        width: 8px;
        top: 0;
        bottom: 6px;
        right: 16px;
    }
}


/* line 116, ../sass/object/component/_voice.scss */

.c-voice_index>li:hover label {
    border-bottom: 1px solid #ffffff;
    cursor: pointer;
    font-weight: 700;
    transition: .4s;
}

@media screen and (min-width: 840px) {
    /* line 116, ../sass/object/component/_voice.scss */
    .c-voice_index>li:hover label {
        padding: 10px 60px 10px 15px;
    }
}


/* line 132, ../sass/object/component/_voice.scss */

.c-voice_detail {
    margin: 0 auto;
    width: 90%;
}

@media screen and (min-width: 980px) {
    /* line 132, ../sass/object/component/_voice.scss */
    .c-voice_detail {
        margin: 0;
        width: 60%;
    }
}


/* line 141, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap {
    margin: 0 0 calc(80 * (100vw / 768));
}

@media screen and (min-width: 980px) {
    /* line 141, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap {
        margin: 0;
        visibility: hidden;
        opacity: 0;
        max-height: 0;
    }
}


/* line 151, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .title {
    line-height: 1.6;
    margin: 0 0 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    color: #83c5e8;
    font-weight: bold;
    font-size: calc(24 * (100vw / 768));
}

@media screen and (min-width: 576px) {
    /* line 151, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 151, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 167, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .title::before {
    background-image: url(../images/icon/title-style-blue.svg);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: calc(33 * (100vw / 768));
    width: 14px;
    margin: 5px 10px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 167, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title::before {
        height: calc(22 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 167, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title::before {
        height: 22px;
    }
}


/* line 186, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .title span {
    width: calc(100% - 14px);
}


/* line 191, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .customer {
    border-bottom: 3px dotted #bfbfbf;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin: 0 0 10px;
    padding: 0 0 10px;
    width: 100%;
}

@media screen and (min-width: 980px) {
    /* line 191, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .customer {
        margin: 0 0 20px;
        padding: 0 0 20px;
    }
}


/* line 205, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .customer .customername {
    display: block;
    font-weight: bold;
    margin: 5px 0 0;
}


/* line 211, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .customer picture {
    margin: 0 0 0 4%;
    min-width: 70px;
    text-align: center;
}


/* line 218, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .staff {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin: 0 auto;
}

@media screen and (min-width: 980px) {
    /* line 218, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .staff {
        margin: 0;
    }
}


/* line 227, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .staff picture {
    margin: 0 0 0 4%;
    min-width: 70px;
    text-align: center;
}


/* line 234, ../sass/object/component/_voice.scss */

.c-voice_detail--wrap .title {
    font-size: calc(24 * (100vw / 768));
}

@media screen and (min-width: 576px) {
    /* line 234, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 234, ../sass/object/component/_voice.scss */
    .c-voice_detail--wrap .title {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 250, ../sass/object/component/_voice.scss */

.c-voice_detail--check {
    display: none;
}


/* line 255, ../sass/object/component/_voice.scss */

.c-voice_detail--check:checked+.c-voice_detail--wrap {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* =========================================================
author - 執筆者
========================================================= */


/* line 4, ../sass/object/component/_author.scss */

.c-author {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_author.scss */
    .c-author {
        padding: 60px 0;
    }
}


/* line 10, ../sass/object/component/_author.scss */

.c-author--wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 21, ../sass/object/component/_author.scss */

.c-author--box {
    background: #efece4;
    border: 10px solid #ffffff;
    border-radius: 5px;
    padding: 20px 15px;
}

@media screen and (min-width: 576px) {
    /* line 21, ../sass/object/component/_author.scss */
    .c-author--box {
        padding: 30px;
    }
}

@media screen and (min-width: 840px) {
    /* line 21, ../sass/object/component/_author.scss */
    .c-author--box {
        border: 20px solid #ffffff;
        padding: 65px 20px;
    }
}


/* line 35, ../sass/object/component/_author.scss */

.c-author--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 35, ../sass/object/component/_author.scss */
    .c-author--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 35, ../sass/object/component/_author.scss */
    .c-author--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 50, ../sass/object/component/_author.scss */

.c-author--contents {
    max-width: 840px;
    margin: 0 auto;
}

@media screen and (min-width: 980px) {
    /* line 50, ../sass/object/component/_author.scss */
    .c-author--contents {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
}

@media screen and (min-width: 840px) {
    /* line 61, ../sass/object/component/_author.scss */
    .c-author--info {
        max-width: 300px;
        margin: 0 auto;
    }
}


/* line 67, ../sass/object/component/_author.scss */

.c-author--photo {
    text-align: center;
}


/* line 71, ../sass/object/component/_author.scss */

.c-author--photo img {
    display: inline-block;
    max-width: 150px;
    max-height: 130px;
    height: auto;
}


/* line 78, ../sass/object/component/_author.scss */

.c-author--dl {
    padding-top: 10px;
    text-align: center;
}

@media screen and (min-width: 980px) {
    /* line 78, ../sass/object/component/_author.scss */
    .c-author--dl {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-align-items: flex-start;
        -moz-align-items: flex-start;
        align-items: flex-start;
    }
}


/* line 88, ../sass/object/component/_author.scss */

.c-author--dt {
    border: 1px solid #394656;
    border-radius: 5px;
    font-weight: bold;
    font-size: calc(22 * (100vw / 768));
    color: #394656;
    text-align: center;
    margin: 0 auto 5px;
    max-width: 170px;
    padding: 5px;
    line-height: 1;
}

@media screen and (min-width: 576px) {
    /* line 88, ../sass/object/component/_author.scss */
    .c-author--dt {
        font-size: calc(12 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 88, ../sass/object/component/_author.scss */
    .c-author--dt {
        font-size: 12px;
        font-size: 0.75rem;
        width: 100%;
        max-width: 110px;
        margin: 0 auto 20px;
    }
}


/* line 109, ../sass/object/component/_author.scss */

.c-author--dd {
    margin: 0 auto 20px;
    font-size: calc(20 * (100vw / 768));
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 109, ../sass/object/component/_author.scss */
    .c-author--dd {
        font-size: calc(12 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 109, ../sass/object/component/_author.scss */
    .c-author--dd {
        text-align: left;
        padding-left: 10px;
        font-size: 12px;
        font-size: 0.75rem;
        width: calc(100% - 110px);
    }
}


/* line 123, ../sass/object/component/_author.scss */

.c-author--data {
    border-top: 2px dotted #394656;
    border-bottom: 2px dotted #394656;
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    text-align: center;
    padding: 20px 0;
    margin: 0 auto;
}

@media screen and (min-width: 576px) {
    /* line 123, ../sass/object/component/_author.scss */
    .c-author--data {
        font-size: calc(13 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 123, ../sass/object/component/_author.scss */
    .c-author--data {
        font-size: 13px;
        font-size: 0.8125rem;
        text-align: left;
        margin-right: 30px;
        max-width: calc(100% - 330px);
    }
}


/* =========================================================
footer-contact - ダイヤモンド・宝石ジュエリー
========================================================= */


/* line 4, ../sass/object/component/_footer-contact.scss */

.c-footer-contact {
    padding: 35px 0 35px;
}

@media screen and (min-width: 840px) {
    /* line 4, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact {
        padding: 60px 0;
    }
}


/* line 9, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 16, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--box {
    background: #f2e5e6;
    border: 10px solid #ffffff;
    padding: 20px 15px;
}

@media screen and (min-width: 576px) {
    /* line 16, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--box {
        border: 20px solid #ffffff;
        padding: 50px 30px;
    }
}


/* line 25, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--ttl {
    color: #394656;
    font-size: calc(27 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
    line-height: 1.6;
}

@media screen and (min-width: 576px) {
    /* line 25, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--ttl {
        font-size: calc(20 * (100vw / 768));
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 840px) {
    /* line 25, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 40, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--ttl .pc-show {
    display: none;
}

@media screen and (min-width: 840px) {
    /* line 40, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--ttl .pc-show {
        display: block;
    }
}

@media screen and (min-width: 840px) {
    /* line 47, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--contents {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
}


/* line 54, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel {
    text-align: center;
    padding-left: 60px;
    position: relative;
    margin: 0 auto;
    max-width: max-content;
}

@media screen and (min-width: 840px) {
    /* line 54, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--tel {
        margin: 0 10px;
        max-width: 100%;
        min-width: 280px;
    }
}


/* line 65, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel:before {
    content: "";
    background: url(../images/icon/icon-smartphone-w.svg) no-repeat center;
    background-size: 70%;
    background-color: #ed99a4;
    border-radius: 100%;
    display: block;
    position: absolute;
    top: calc(50% - 25px);
    left: 0;
    height: 50px;
    width: 50px;
}


/* line 78, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 13px 7.5px;
    border-color: transparent transparent #ED99A4 transparent;
    position: absolute;
    top: 50%;
    left: 40px;
}


/* line 93, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel .no a {
    color: #394656;
    font-size: calc(42 * (100vw / 768));
    font-family: "Lato", sans-serif;
    font-weight: bold;
    word-break: keep-all;
}

@media screen and (min-width: 576px) {
    /* line 93, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--tel .no a {
        font-size: calc(28 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 93, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--tel .no a {
        font-size: 28px;
        font-size: 1.75rem;
    }
}


/* line 108, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel .data {
    color: #394656;
    font-size: calc(20 * (100vw / 768));
    line-height: 1.3;
    word-break: keep-all;
}

@media screen and (min-width: 576px) {
    /* line 108, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--tel .data {
        padding: 5px 0 0;
        font-size: calc(13 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 108, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--tel .data {
        font-size: 13px;
        font-size: 0.8125rem;
    }
}


/* line 120, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--tel .data .time {
    padding-right: 5px;
    font-family: "Lato", sans-serif;
}


/* line 127, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--line {
    padding-top: 20px;
    margin: 0 auto;
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 127, ../sass/object/component/_footer-contact.scss */
    .c-footer-contact--line {
        margin: 0;
        padding-top: 0;
        padding-left: 10px;
    }
}


/* line 136, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--line .line-btn {
    display: inline-block;
    text-align: center;
}


/* line 141, ../sass/object/component/_footer-contact.scss */

.c-footer-contact--line .line-btn img {
    border-radius: 5px;
    background: #0abf7d;
    display: inline-block;
}


/* =========================================================
accessmap - アクセスマップ
========================================================= */


/* line 5, ../sass/object/component/_accessmap.scss */

.c-accessmap {
    position: relative;
    width: 100%;
    height: 100%;
}


/* line 10, ../sass/object/component/_accessmap.scss */

.c-accessmap #gmap {
    height: 50vh;
    width: 100%;
}


/* line 15, ../sass/object/component/_accessmap.scss */

.c-accessmap .transport {
    box-shadow: 1px 1px 1px rgba(195, 195, 195, 0.8);
    position: absolute;
    top: 10px;
    left: 5px;
    display: flex;
    background-color: #fff;
    border-radius: 10px;
    padding: 5px;
    width: 80%;
}

@media screen and (min-width: 840px) {
    /* line 15, ../sass/object/component/_accessmap.scss */
    .c-accessmap .transport {
        left: 20px;
        width: auto;
    }
}


/* line 32, ../sass/object/component/_accessmap.scss */

.c-accessmap .transport [type=radio] {
    display: none;
}


/* line 36, ../sass/object/component/_accessmap.scss */

.c-accessmap .tran-walk::after {
    display: block;
    content: " ";
    width: 32px;
    height: 32px;
    background-image: url("../images/shop/icon_walk.svg");
}


/* line 44, ../sass/object/component/_accessmap.scss */

.c-accessmap .tran-car::after {
    display: block;
    content: " ";
    width: 32px;
    height: 32px;
    background-image: url("../images/shop/icon_car.svg");
}


/* line 52, ../sass/object/component/_accessmap.scss */

.c-accessmap .transport label {
    opacity: .5;
}


/* line 56, ../sass/object/component/_accessmap.scss */

.c-accessmap .transport label.active {
    opacity: 1;
}


/* line 60, ../sass/object/component/_accessmap.scss */

.c-accessmap .start-select {
    background-color: #ddd;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px;
    margin-left: 10px;
    width: 100%;
}


/* line 69, ../sass/object/component/_accessmap.scss */

.c-accessmap .distance:not(:empty) {
    box-shadow: 1px 1px 1px rgba(195, 195, 195, 0.8);
    position: absolute;
    top: 60px;
    left: 5px;
    padding: 5px;
    border-radius: 10px;
    background-color: #fff;
}

@media screen and (min-width: 840px) {
    /* line 69, ../sass/object/component/_accessmap.scss */
    .c-accessmap .distance:not(:empty) {
        left: 20px;
    }
}


/* =========================================================
contact
========================================================= */

.c-contact {
    padding: 40px 0;
}

@media screen and (min-width: 768px) {
    .c-contact {
        padding: 80px 0;
    }
}

.c-contact--wrap {
    background-color: #fff;
    border-radius: 5px;
    margin: auto;
    max-width: 1000px;
    padding: 20px;
    width: 96vw;
}

.c-contact--container {
    background-color: #f2e5e6;
    border-radius: 5px;
    padding: 20px;
}

@media screen and (min-width: 768px) {
    .c-contact--container {
        padding: 50px;
    }
}

.c-contact--text {
    font-size: calc(19 * (100vw / 520));
    font-weight: 700;
    line-height: 1.4;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-contact--text {
        font-size: calc(19 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-contact--text {
        font-size: calc(20 * (100vw / 980));
        line-height: 1.6;
    }
}

@media screen and (min-width: 980px) {
    .c-contact--text {
        font-size: 20px;
        font-size: 1.25rem;
    }
}

.c-contact_link {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin: 15px auto 0;
    max-width: 570px;
}

@media screen and (min-width: 768px) {
    .c-contact_link {
        flex-direction: row;
        margin: 30px auto 0;
    }
}

.c-contact_link>li {
    width: 100%;
}

@media screen and (min-width: 768px) {
    .c-contact_link>li {
        width: 48%;
    }
}

@media screen and (min-width: 768px) {
    .c-contact_link>li:not(:first-of-type) {
        margin: 0 0 0 4%;
    }
}

.c-contact_link>li a.line {
    background-color: #0abf7d;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(18 * (100vw / 520));
    font-weight: 500;
    height: 50px;
    margin: 15px 0 0;
    padding: 14px;
    text-align: center;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .c-contact_link>li a.line {
        font-size: calc(18 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-contact_link>li a.line {
        font-size: calc(15 * (100vw / 980));
        margin: 0;
    }
}

@media screen and (min-width: 980px) {
    .c-contact_link>li a.line {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}

.c-contact_link>li a.line:hover {
    background-color: #35d99d;
}

.c-contact_link>li a.line img {
    margin: 0 2px;
    max-width: 25px;
}

.c-contact_link>li a.tel {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width: 768px) {
    .c-contact_link>li a.tel {
        justify-content: flex-start;
    }
}

.c-contact_link>li a.tel img {
    max-width: 63px;
}

.c-contact_link>li a.tel .tel-info {
    font-size: calc(34 * (100vw / 520));
    text-align: center;
}

@media screen and (min-width: 520px) {
    .c-contact_link>li a.tel .tel-info {
        font-size: calc(34 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .c-contact_link>li a.tel .tel-info {
        font-size: calc(28 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .c-contact_link>li a.tel .tel-info {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.c-contact_link>li a.tel .tel-info .num {
    display: block;
    font-family: "Lato", serif;
    font-weight: 700;
}

.c-contact_link>li a.tel .tel-info .reduce {
    display: block;
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-size: 50%;
    font-weight: 500;
    margin: 5px 0 0;
}


/* =========================================================
header
========================================================= */

.p-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 18px 0 10px;
    width: 92vw;
}

@media screen and (min-width: 768px) {
    .p-header {
        display: block;
        margin: 0;
        padding: 50px 0 20px;
        width: auto;
    }
}

.p-header--wrap {
    display: flex;
    justify-content: space-between;
}

@media screen and (min-width: 768px) {
    .p-header--wrap {
        max-width: 1450px;
        margin: auto;
        width: 96vw;
    }
}

@media screen and (min-width: 768px) {
    .p-header--wrap.secondary {
        margin: 25px auto 0;
    }
}

.p-header--wrap.tertiary {
    display: block;
}

@media screen and (min-width: 768px) {
    .p-header--wrap.tertiary {
        display: none;
    }
}

.p-header-logo {
    display: flex;
    align-items: center;
    flex-grow: 1;
    max-width: 210px;
}

.p-header-logo picture {
    display: block;
    width: 100%;
}

.p-header-logo picture img {
    min-width: calc(160 * (100vw / 520));
}

@media screen and (min-width: 520px) {
    .p-header-logo picture img {
        min-width: 160px;
    }
}

.p-header-search {
    display: none;
    flex-grow: 1;
    margin: auto;
    width: 92vw;
}

@media screen and (min-width: 768px) {
    .p-header-search {
        display: block;
        max-width: 610px;
        margin: 0 0 0 15px;
        width: auto;
    }
}

.p-header-search .search_form {
    display: flex;
}

.p-header-search .search_input {
    background-color: #fff;
    border: none;
    border-radius: 50px 0 0 50px;
    color: #9c9c9c;
    font-weight: 200;
    outline: none;
    font-size: calc(16 * (100vw / 520));
    padding: 12px 25px;
    transition: .4s;
    width: calc(100% - 60px);
}

@media screen and (min-width: 520px) {
    .p-header-search .search_input {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-search .search_input {
        font-size: calc(16 * (100vw / 980));
        padding: 16px 25px;
    }
}

@media screen and (min-width: 980px) {
    .p-header-search .search_input {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-search .search_input:hover {
    background-color: #eee;
}

.p-header-search .search_submit {
    background-color: #81a6c9;
    background-image: url("../images/common/icon-search_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    border-radius: 0 50px 50px 0;
    font-size: calc(16 * (100vw / 520));
    transition: .4s;
    width: 60px;
}

@media screen and (min-width: 520px) {
    .p-header-search .search_submit {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-search .search_submit {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-search .search_submit {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-search .search_submit:hover {
    background-color: #6889a9;
    cursor: pointer;
}

.p-header-search_resultsbtn a {
    background: #b29443;
    border-radius: 50px;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: calc(17 * (100vw / 520));
    font-weight: 500;
    text-align: center;
    max-width: 450px;
    padding: 8px 15px;
    position: relative;
    width: 100%;
}

@media screen and (min-width: 520px) {
    .p-header-search_resultsbtn a {
        font-size: calc(17 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-search_resultsbtn a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-search_resultsbtn a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-search_resultsbtn a::before {
    background-image: url(../images/common/icon-results.webp);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    content: '';
    display: block;
    height: 30px;
    width: 30px;
    margin: 0 5px 0 0;
}

.p-header-search_resultsbtn a::after {
    background-image: url(../images/common/icon-triangle01.svg);
    background-repeat: no-repeat;
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    position: absolute;
    right: 5%;
    top: 0;
    bottom: 0;
    margin: auto;
    transform: rotate(-90deg);
}

.p-header-tel {
    display: flex;
    align-items: center;
    flex-grow: 1;
    max-width: 270px;
    margin: 0 0 0 15px;
}

.p-header-tel--wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.p-header-tel--wrap>a {
    color: #394656;
    font-family: "Lato", serif;
    font-size: calc(30 * (100vw / 520));
    font-weight: bold;
    letter-spacing: .06rem;
}

@media screen and (min-width: 520px) {
    .p-header-tel--wrap>a {
        font-size: calc(28 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-tel--wrap>a {
        font-size: calc(28 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-tel--wrap>a {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.p-header-tel--wrap .reduce {
    display: block;
    font-size: calc(14 * (100vw / 520));
    font-weight: 400;
    letter-spacing: .06rem;
    margin: 2px 0 0;
}

@media screen and (min-width: 520px) {
    .p-header-tel--wrap .reduce {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-tel--wrap .reduce {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-tel--wrap .reduce {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.p-header-tel--wrap .time {
    font-family: "Lato", serif;
    margin: 0 8px 0 0;
}

.p-header-tel .icon {
    display: none;
    padding: 0 12px 0 0;
    position: relative;
}

@media screen and (min-width: 520px) {
    .p-header-tel .icon {
        display: block;
    }
}

.p-header-tel .icon:before {
    background-image: url(../images/common/icon-phone_white.svg);
    background-color: #f17989;
    background-size: 38%;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    height: 50px;
    width: 50px;
}

.p-header-tel .icon:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 19px 7.5px;
    border-color: transparent transparent #f17989 transparent;
    position: absolute;
    top: 55%;
    left: 36px;
}

.p-header-line {
    display: none;
    flex-grow: 1;
    max-width: 260px;
    margin: 0 0 0 15px;
}

@media screen and (min-width: 980px) {
    .p-header-line {
        display: block;
    }
}

.p-header-line a {
    background-color: #0abf7d;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 * (100vw / 520));
    padding: 11px;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .p-header-line a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-line a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-line a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-line a:hover {
    background-color: #35d99d;
}

.p-header-line a img {
    margin: 0 6px;
    max-width: 30px;
}

.p-header-globalnav {
    display: none;
    flex-grow: 1;
    max-width: 920px;
}

@media screen and (min-width: 768px) {
    .p-header-globalnav {
        display: block;
    }
}

.p-header-globalnav ul.main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 50px;
}

.p-header-globalnav ul.main>li {
    display: flex;
    align-items: center;
    height: 50px;
    position: relative;
}

.p-header-globalnav ul.main>li>span,
.p-header-globalnav ul.main>li a {
    color: #394656;
    cursor: pointer;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .p-header-globalnav ul.main>li>span,
    .p-header-globalnav ul.main>li a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-globalnav ul.main>li>span,
    .p-header-globalnav ul.main>li a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-globalnav ul.main>li>span,
    .p-header-globalnav ul.main>li a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-globalnav ul.main>li:not(:first-of-type) {
    margin: 0 0 0 20px;
}

.p-header-globalnav ul.main>li:hover ul.sub {
    opacity: 1;
    visibility: visible;
    max-height: 999vh;
}

.p-header-globalnav ul.sub {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
    padding: 15px 10px;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    position: absolute;
    top: 50px;
    left: -60px;
    width: 240px;
    transition: .4s;
    z-index: 2;
}

.p-header-globalnav ul.sub>li>span,
.p-header-globalnav ul.sub>li a {
    color: #394656;
    cursor: pointer;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .p-header-globalnav ul.sub>li>span,
    .p-header-globalnav ul.sub>li a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-globalnav ul.sub>li>span,
    .p-header-globalnav ul.sub>li a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-globalnav ul.sub>li>span,
    .p-header-globalnav ul.sub>li a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-globalnav ul.sub>li a {
    background-color: #f8f8f8;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 15px;
    transition: .4s;
}

.p-header-globalnav ul.sub>li a::after {
    background-image: url(../images/common/icon-triangle02.svg);
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 10px;
    width: 10px;
    position: relative;
    transform: rotate(-90deg);
}

.p-header-globalnav ul.sub>li a:hover {
    background-color: #9bbddd;
    color: #fff;
}

.p-header-globalnav ul.sub>li a:hover::after {
    background-image: url(../images/common/icon-triangle01.svg);
}

.p-header-globalnav ul.sub>li:not(:first-of-type) {
    margin: 6px 0 0;
}

.p-header-globalnav ul.sub>li.boundary::before {
    background: radial-gradient(circle farthest-side, #9dd0eb, #9dd0eb 30%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0));
    background-size: 5px 6px;
    content: '';
    display: inline-block;
    flex-grow: 1;
    height: 5px;
    margin: 0 0 8px 0;
    width: 100%;
}

.p-header-mypage {
    display: none;
    margin: 0 0 0 25px;
}

@media screen and (min-width: 1150px) {
    .p-header-mypage {
        display: block;
    }
}

.p-header-mypage a {
    color: #394656;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .p-header-mypage a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-mypage a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-mypage a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-mypage a::before {
    background-color: #f9dad6;
    background-image: url(../images/common/icon-mypage.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    border-radius: 50px;
    content: '';
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 10px 0 0;
    transition: .4s;
}

.p-header-mypage a::after {
    background-image: url(../images/common/icon-arrow01.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 0 0 10px;
    transition: .4s;
}

.p-header-mypage a:hover::before {
    background-color: #e7bdb8;
}

.p-header-drawerbtn {
    margin: 0 0 0 10px;
}

@media screen and (min-width: 520px) {
    .p-header-drawerbtn {
        margin: 0 0 0 10px;
    }
}

@media screen and (min-width: 768px) {
    .p-header-drawerbtn {
        margin: 0 0 0 25px;
    }
}

.p-header-drawerbtn label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.p-header-drawerbtn .icon {
    background-color: #81a6c9;
    border-radius: 50px;
    height: 50px;
    width: 50px;
    position: relative;
    transition: .4s;
}

.p-header-drawerbtn .icon::before,
.p-header-drawerbtn .icon::after {
    background-color: #fff;
    content: '';
    display: block;
    height: 2px;
    width: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.p-header-drawerbtn .icon::before {
    top: 14px;
}

.p-header-drawerbtn .icon::after {
    bottom: 14px;
}

.p-header-drawerbtn .icon:hover {
    background-color: #6889a9;
}

.p-header-drawerbtn .icon .border {
    background-color: #fff;
    height: 2px;
    width: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.p-header-drawerbtn .text {
    color: #394656;
    display: none;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    margin: 0 0 0 10px;
}

@media screen and (min-width: 520px) {
    .p-header-drawerbtn .text {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-drawerbtn .text {
        font-size: calc(16 * (100vw / 980));
        display: inline-block;
    }
}

@media screen and (min-width: 980px) {
    .p-header-drawerbtn .text {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-spnav {
    display: block;
    margin: auto;
    padding: 5px 0 10px;
    width: 92vw;
}

@media screen and (min-width: 768px) {
    .p-header-spnav {
        display: none;
    }
}

.p-header-spnav>.p-header-search {
    display: block;
}

@media screen and (min-width: 768px) {
    .p-header-spnav>.p-header-search {
        display: none;
    }
}

.p-header-spnav_list {
    display: flex;
    flex-wrap: wrap;
}

.p-header-spnav_list>li {
    margin: 10px 1% 0;
    width: calc(94% / 3);
}

.p-header-spnav_list>li>a,
.p-header-spnav_list>li .p-header-spnav--label {
    background-color: #ccc;
    border-radius: 5px;
    color: #394656;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    min-height: calc(54 * (100vw / 520));
    width: 100%;
}

@media screen and (min-width: 520px) {
    .p-header-spnav_list>li>a,
    .p-header-spnav_list>li .p-header-spnav--label {
        font-size: calc(16 * (100vw / 768));
        min-height: calc(54 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-header-spnav_list>li>a,
    .p-header-spnav_list>li .p-header-spnav--label {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-header-spnav_list>li>a,
    .p-header-spnav_list>li .p-header-spnav--label {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-header-spnav_list>li>a .icon,
.p-header-spnav_list>li .p-header-spnav--label .icon {
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-header-spnav_list>li>a .icon::before,
.p-header-spnav_list>li .p-header-spnav--label .icon::before {
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: block;
    height: 23px;
    width: 23px;
    margin: 0 3px 0 0;
}

.p-header-spnav_list>li>a.campaign,
.p-header-spnav_list>li .p-header-spnav--label.campaign {
    background-color: #faee68;
}

.p-header-spnav_list>li>a.campaign .icon::before,
.p-header-spnav_list>li .p-header-spnav--label.campaign .icon::before {
    background-image: url(../images/common/icon-campaign.webp);
}

.p-header-spnav_list>li>a.shop,
.p-header-spnav_list>li .p-header-spnav--label.shop {
    background-color: #b7d5cd;
}

.p-header-spnav_list>li>a.shop .icon::before,
.p-header-spnav_list>li .p-header-spnav--label.shop .icon::before {
    background-image: url(../images/common/icon-shop.webp);
}

.p-header-spnav_list>li>a.mypage,
.p-header-spnav_list>li .p-header-spnav--label.mypage {
    background-color: #f9dad6;
}

.p-header-spnav_list>li>a.mypage .icon::before,
.p-header-spnav_list>li .p-header-spnav--label.mypage .icon::before {
    background-image: url(../images/common/icon-mypage.webp);
}

.p-header-spnav--checkbox:checked~.p-header-spnav--container {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
    z-index: 501;
}

.p-header-spnav--checkbox:checked~.p-header-spnav--overlay {
    background-color: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    height: 100vh;
    width: 100vw;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 500;
}

.p-header-spnav_banner {
    display: flex;
    flex-wrap: wrap;
}

.p-header-spnav_banner>li {
    margin: 0 1% 10px;
    width: calc(94% / 3);
}

.p-header-spnav--container {
    background-color: #fff;
    padding: 25px 0 10px;
    visibility: hidden;
    opacity: 0;
    position: fixed;
    max-height: 0;
    width: calc(92vw - 2%);
    transition: .4s;
}

.p-header-spnav--overlay {
    transition: .4s;
}

.p-header-spnav--close {
    background-color: #81a6c9;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -12px;
    right: -5px;
    height: 28px;
    width: 28px;
}

.p-header-float {
    background-color: rgba(247, 247, 247, 0.9);
    display: flex;
    align-items: center;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    max-height: 0;
    padding: 10px 2vw;
    position: fixed;
    width: 100vw;
    z-index: 499;
    transition: .4s;
}

@media screen and (min-width: 768px) {
    .p-header-float {
        display: none;
    }
}

.p-header-float>.p-header-search {
    display: block;
    margin: 0 0 0 10px;
    width: auto;
}

@media screen and (min-width: 768px) {
    .p-header-float>.p-header-search {
        display: none;
    }
}

.p-header-float>.p-header-search .search_input {
    padding: 12px 10px;
    width: calc(100% - 50px);
}

.p-header-float>.p-header-search .search_submit {
    width: 50px;
}

.p-header-float>.p-header-logo {
    max-width: 120px;
    min-width: calc(160*(100vw / 520));
}

.p-header .textline {
    position: relative;
}

.p-header .textline::after {
    background-color: #929292;
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -4px;
    z-index: 0;
    transition: .4s;
}

.p-header .textline:hover::after {
    width: 100%;
}


/* =========================================================
footer - フッター内のクラス
========================================================= */

.p-footer {
    background-color: #fff;
    padding: 40px 0 calc(160 * (100vw / 768));
}

@media screen and (min-width: 768px) {
    .p-footer {
        padding: 50px 0;
    }
}

.p-footer--wrap {
    display: flex;
    justify-content: space-between;
    margin: auto;
    max-width: 1450px;
    width: 96vw;
}

.p-footer--wrap.secondary {
    margin: 25px auto 0;
}

@media screen and (min-width: 768px) {
    .p-footer--wrap.secondary {
        margin: 65px auto 0;
    }
}

.p-footer-logo {
    display: none;
    align-items: center;
    flex-grow: 1;
    max-width: 210px;
}

@media screen and (min-width: 768px) {
    .p-footer-logo {
        display: flex;
    }
}

.p-footer-logo picture {
    display: block;
    width: 100%;
}

.p-footer-logo picture img {
    min-width: calc(160 * (100vw / 520));
}

@media screen and (min-width: 520px) {
    .p-footer-logo picture img {
        min-width: 160px;
    }
}

.p-footer-search {
    flex-grow: 1;
    max-width: 610px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .p-footer-search {
        margin: 0 0 0 15px;
    }
}

.p-footer-search .search_form {
    display: flex;
}

.p-footer-search .search_input {
    background-color: #f7f7f7;
    border: none;
    border-radius: 50px 0 0 50px;
    color: #9c9c9c;
    font-weight: 200;
    outline: none;
    font-size: calc(16 * (100vw / 520));
    padding: 12px 25px;
    transition: .4s;
    width: calc(100% - 60px);
}

@media screen and (min-width: 520px) {
    .p-footer-search .search_input {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-search .search_input {
        font-size: calc(16 * (100vw / 980));
        padding: 16px 25px;
    }
}

@media screen and (min-width: 980px) {
    .p-footer-search .search_input {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-search .search_input:hover {
    background-color: #eee;
}

.p-footer-search .search_submit {
    background-color: #81a6c9;
    background-image: url("../images/common/icon-search_white.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
    border: none;
    border-radius: 0 50px 50px 0;
    font-size: calc(16 * (100vw / 520));
    transition: .4s;
    width: 60px;
}

@media screen and (min-width: 520px) {
    .p-footer-search .search_submit {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-search .search_submit {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-search .search_submit {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-search .search_submit:hover {
    background-color: #6889a9;
    cursor: pointer;
}

.p-footer-tel {
    display: none;
    align-items: center;
    flex-grow: 1;
    max-width: 270px;
    margin: 0 0 0 15px;
}

@media screen and (min-width: 768px) {
    .p-footer-tel {
        display: flex;
    }
}

.p-footer-tel--wrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.p-footer-tel--wrap>a {
    color: #394656;
    font-family: "Lato", serif;
    font-size: calc(28 * (100vw / 520));
    font-weight: bold;
    letter-spacing: .06rem;
}

@media screen and (min-width: 520px) {
    .p-footer-tel--wrap>a {
        font-size: calc(28 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-tel--wrap>a {
        font-size: calc(28 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-tel--wrap>a {
        font-size: 28px;
        font-size: 1.75rem;
    }
}

.p-footer-tel--wrap .reduce {
    display: block;
    font-size: calc(14 * (100vw / 520));
    font-weight: 400;
    letter-spacing: .06rem;
    margin: 2px 0 0;
}

@media screen and (min-width: 520px) {
    .p-footer-tel--wrap .reduce {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-tel--wrap .reduce {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-tel--wrap .reduce {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.p-footer-tel--wrap .time {
    font-family: "Lato", serif;
    margin: 0 8px 0 0;
}

.p-footer-tel .icon {
    padding: 0 12px 0 0;
    position: relative;
}

.p-footer-tel .icon:before {
    background-image: url(../images/common/icon-phone_white.svg);
    background-color: #f17989;
    background-size: 38%;
    border-radius: 50px;
    background-repeat: no-repeat;
    background-position: center;
    content: '';
    display: block;
    height: 50px;
    width: 50px;
}

.p-footer-tel .icon:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12.5px 19px 7.5px;
    border-color: transparent transparent #f17989 transparent;
    position: absolute;
    top: 55%;
    left: 36px;
}

.p-footer-line {
    display: none;
    flex-grow: 1;
    max-width: 260px;
    margin: 0 0 0 15px;
}

@media screen and (min-width: 980px) {
    .p-footer-line {
        display: block;
    }
}

.p-footer-line a {
    background-color: #0abf7d;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 * (100vw / 520));
    padding: 11px;
    transition: .4s;
}

@media screen and (min-width: 520px) {
    .p-footer-line a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-line a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-line a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-line a:hover {
    background-color: #35d99d;
}

.p-footer-line a img {
    margin: 0 6px;
    max-width: 30px;
}

.p-footer-nav {
    display: flex;
    flex-direction: column;
    width: 100%;
}

@media screen and (min-width: 1150px) {
    .p-footer-nav {
        flex-direction: row;
    }
}

.p-footer-nav_list01 {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    flex-grow: 1;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01 {
        flex-direction: row;
    }
}

@media screen and (min-width: 1150px) {
    .p-footer-nav_list01 {
        width: calc(100% - 325px - 80px);
    }
}

.p-footer-nav_list01--wrap {
    border-bottom: 1px solid #f7f7f7;
    margin: 0 0 10px;
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap {
        border-bottom: none;
        margin: 0;
    }
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap:not(:first-of-type) {
        margin: 0 0 0 30px;
    }
}

.p-footer-nav_list01--wrap dt {
    color: #394656;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
    margin: 0 0 10px;
}

@media screen and (min-width: 520px) {
    .p-footer-nav_list01--wrap dt {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap dt {
        font-size: calc(16 * (100vw / 980));
        margin: 0 0 35px;
    }
}

@media screen and (min-width: 980px) {
    .p-footer-nav_list01--wrap dt {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-nav_list01--wrap dd .subpage {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap dd .subpage {
        flex-direction: column;
    }
}

.p-footer-nav_list01--wrap dd .subpage>li {
    margin: 0 7px 7px 0;
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap dd .subpage>li {
        margin: 0 0 10px;
    }
}

.p-footer-nav_list01--wrap dd .subpage>li a {
    color: #394656;
    font-size: calc(14 * (100vw / 520));
}

@media screen and (min-width: 520px) {
    .p-footer-nav_list01--wrap dd .subpage>li a {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list01--wrap dd .subpage>li a {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-nav_list01--wrap dd .subpage>li a {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.p-footer-nav_list01--wrap dd .subpage>li a:hover {
    text-decoration: underline;
}

.p-footer-nav_list02 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 20px 0 0;
    width: 100%;
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list02 {
        margin: 40px 0 0;
    }
}

@media screen and (min-width: 1150px) {
    .p-footer-nav_list02 {
        margin: 0 0 0 80px;
        max-width: 325px;
        width: auto;
    }
}

.p-footer-nav_list02 .page {
    display: flex;
    flex-wrap: wrap;
}

.p-footer-nav_list02 .page>li {
    margin: 0 25px 15px 0;
}

@media screen and (min-width: 1150px) {
    .p-footer-nav_list02 .page>li {
        margin: 0 0 35px;
        width: 48%;
    }
}

@media screen and (min-width: 1150px) {
    .p-footer-nav_list02 .page>li:nth-of-type(2n+2) {
        margin: 0 0 35px 4%;
    }
}

.p-footer-nav_list02 .page>li a {
    color: #394656;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .p-footer-nav_list02 .page>li a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-nav_list02 .page>li a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-nav_list02 .page>li a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-mypage {
    margin: 20px 0 0;
}

@media screen and (min-width: 768px) {
    .p-footer-mypage {
        margin: 0;
    }
}

.p-footer-mypage a {
    color: #394656;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: calc(16 * (100vw / 520));
    font-weight: 500;
}

@media screen and (min-width: 520px) {
    .p-footer-mypage a {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-mypage a {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-mypage a {
        font-size: 16px;
        font-size: 1rem;
    }
}

.p-footer-mypage a::before {
    background-color: #f9dad6;
    background-image: url(../images/common/icon-mypage.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 25px;
    border-radius: 50px;
    content: '';
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 10px 0 0;
    transition: .4s;
}

.p-footer-mypage a::after {
    background-image: url(../images/common/icon-arrow01.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    content: '';
    display: block;
    height: 25px;
    width: 25px;
    margin: 0 0 0 10px;
    transition: .4s;
}

.p-footer-mypage a:hover::before {
    background-color: #e7bdb8;
}

.p-footer-ltd_hikida {
    margin: 30px auto 0;
}

@media screen and (min-width: 768px) {
    .p-footer-ltd_hikida {
        margin: 0 auto;
    }
}

.p-footer-ltd_hikida a {
    transition: .4s;
}

.p-footer-ltd_hikida a:hover {
    opacity: .7;
}

.p-footer-ltd_hikida .authorization,
.p-footer-ltd_hikida .copyright {
    font-size: calc(14 * (100vw / 520));
}

@media screen and (min-width: 520px) {
    .p-footer-ltd_hikida .authorization,
    .p-footer-ltd_hikida .copyright {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    .p-footer-ltd_hikida .authorization,
    .p-footer-ltd_hikida .copyright {
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    .p-footer-ltd_hikida .authorization,
    .p-footer-ltd_hikida .copyright {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

.p-footer-ltd_hikida .authorization {
    margin: 15px auto 0;
}

.p-footer .textline {
    color: #394656;
    position: relative;
}

.p-footer .textline::after {
    background-color: #929292;
    content: '';
    display: block;
    height: 2px;
    width: 0;
    position: absolute;
    bottom: -4px;
    z-index: 0;
    transition: .4s;
}

.p-footer .textline:hover::after {
    width: 100%;
}


/* =========================================================
page - 固定ページのクラスなど
========================================================= */


/* line 7, ../sass/object/project/_page.scss */

.p-page-arrow {
    display: inline-block;
    position: relative;
    padding-right: 20px;
}

@media screen and (min-width: 840px) {
    /* line 7, ../sass/object/project/_page.scss */
    .p-page-arrow {
        padding-right: 25px;
    }
}


/* line 14, ../sass/object/project/_page.scss */

.p-page-arrow::before {
    content: '';
    width: 15px;
    height: 8px;
    border-bottom: 1px solid #000000;
    position: absolute;
    right: -2px;
    top: calc(50% - 4px);
}

@media screen and (min-width: 576px) {
    /* line 14, ../sass/object/project/_page.scss */
    .p-page-arrow::before {
        border-bottom: 2px solid #000000;
    }
}

@media screen and (min-width: 840px) {
    /* line 14, ../sass/object/project/_page.scss */
    .p-page-arrow::before {
        width: 20px;
    }
}


/* line 29, ../sass/object/project/_page.scss */

.p-page-arrow::after {
    content: '';
    background: #000000;
    display: block;
    transform: rotate(312deg);
    width: 1px;
    height: 8px;
    position: absolute;
    right: 1px;
    top: calc(50% - 1.5px);
}

@media screen and (min-width: 576px) {
    /* line 29, ../sass/object/project/_page.scss */
    .p-page-arrow::after {
        width: 2px;
    }
}


/* line 45, ../sass/object/project/_page.scss */

.p-page-arrow.white::before {
    border-color: #ffffff;
}


/* line 48, ../sass/object/project/_page.scss */

.p-page-arrow.white::after {
    background: #ffffff;
}


/*input使用したタブ切り替え＝＝＝＝＝＝＝＝*/


/*ラジオボタンを全て消す*/


/* line 58, ../sass/object/project/_page.scss */

input[name="tab-brand"],
input[name="tab_name"],
input[name="shop-park"],
input[name="tab-gold"],
input[name="tab-step"],
input[name="delivery-step"],
input[name="delivery-flow"],
input[name="tab-diamond"] {
    display: none;
}


/*タブ切り替えの中身のスタイル*/


/* line 69, ../sass/object/project/_page.scss */

.p-page-tab_content {
    visibility: hidden;
    opacity: 0;
    clear: both;
    overflow: hidden;
    width: 100%;
    max-height: 0;
}


/*選択されているタブのコンテンツのみを表示*/


/* line 79, ../sass/object/project/_page.scss */

#features-tab1:checked~#features-tab1-content,
#shop-park1:checked~#shop-park1-content,
#brand1:checked~#brand1-content,
#gold1:checked~#gold1-content,
#delivery-tab1:checked~#delivery-tab1-content,
#delivery-flow1:checked~#delivery-flow1-content,
#diamond1:checked~#diamond1-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab2:checked~#features-tab2-content,
#shop-park2:checked~#shop-park2-content,
#brand2:checked~#brand2-content,
#gold2:checked~#gold2-content,
#delivery-tab2:checked~#delivery-tab2-content,
#delivery-flow2:checked~#delivery-flow2-content,
#diamond2:checked~#diamond2-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab3:checked~#features-tab3-content,
#shop-park3:checked~#shop-park3-content,
#brand3:checked~#brand3-content,
#gold3:checked~#gold3-content,
#delivery-tab3:checked~#delivery-tab3-content,
#delivery-flow3:checked~#delivery-flow3-content,
#diamond3:checked~#diamond3-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab4:checked~#features-tab4-content,
#shop-park4:checked~#shop-park4-content,
#brand4:checked~#brand4-content,
#gold4:checked~#gold4-content,
#delivery-tab4:checked~#delivery-tab4-content,
#delivery-flow4:checked~#delivery-flow4-content,
#diamond4:checked~#diamond4-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab5:checked~#features-tab5-content,
#shop-park5:checked~#shop-park5-content,
#brand5:checked~#brand5-content,
#gold5:checked~#gold5-content,
#delivery-tab5:checked~#delivery-tab5-content,
#delivery-flow5:checked~#delivery-flow5-content,
#diamond5:checked~#diamond5-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab6:checked~#features-tab6-content,
#shop-park6:checked~#shop-park6-content,
#brand6:checked~#brand6-content,
#gold6:checked~#gold6-content,
#delivery-tab6:checked~#delivery-tab6-content,
#delivery-flow6:checked~#delivery-flow6-content,
#diamond6:checked~#diamond6-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab7:checked~#features-tab7-content,
#shop-park7:checked~#shop-park7-content,
#brand7:checked~#brand7-content,
#gold7:checked~#gold7-content,
#delivery-tab7:checked~#delivery-tab7-content,
#delivery-flow7:checked~#delivery-flow7-content,
#diamond7:checked~#diamond7-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab8:checked~#features-tab8-content,
#shop-park8:checked~#shop-park8-content,
#brand8:checked~#brand8-content,
#gold8:checked~#gold8-content,
#delivery-tab8:checked~#delivery-tab8-content,
#delivery-flow8:checked~#delivery-flow8-content,
#diamond8:checked~#diamond8-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab9:checked~#features-tab9-content,
#shop-park9:checked~#shop-park9-content,
#brand9:checked~#brand9-content,
#gold9:checked~#gold9-content,
#delivery-tab9:checked~#delivery-tab9-content,
#delivery-flow9:checked~#delivery-flow9-content,
#diamond9:checked~#diamond9-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab10:checked~#features-tab10-content,
#shop-park10:checked~#shop-park10-content,
#brand10:checked~#brand10-content,
#gold10:checked~#gold10-content,
#delivery-tab10:checked~#delivery-tab10-content,
#delivery-flow10:checked~#delivery-flow10-content,
#diamond10:checked~#diamond10-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab11:checked~#features-tab11-content,
#shop-park11:checked~#shop-park11-content,
#brand11:checked~#brand11-content,
#gold11:checked~#gold11-content,
#delivery-tab11:checked~#delivery-tab11-content,
#delivery-flow11:checked~#delivery-flow11-content,
#diamond11:checked~#diamond11-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab12:checked~#features-tab12-content,
#shop-park12:checked~#shop-park12-content,
#brand12:checked~#brand12-content,
#gold12:checked~#gold12-content,
#delivery-tab12:checked~#delivery-tab12-content,
#delivery-flow12:checked~#delivery-flow12-content,
#diamond12:checked~#diamond12-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab13:checked~#features-tab13-content,
#shop-park13:checked~#shop-park13-content,
#brand13:checked~#brand13-content,
#gold13:checked~#gold13-content,
#delivery-tab13:checked~#delivery-tab13-content,
#delivery-flow13:checked~#delivery-flow13-content,
#diamond13:checked~#diamond13-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab14:checked~#features-tab14-content,
#shop-park14:checked~#shop-park14-content,
#brand14:checked~#brand14-content,
#gold14:checked~#gold14-content,
#delivery-tab14:checked~#delivery-tab14-content,
#delivery-flow14:checked~#delivery-flow14-content,
#diamond14:checked~#diamond14-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/* line 79, ../sass/object/project/_page.scss */

#features-tab15:checked~#features-tab15-content,
#shop-park15:checked~#shop-park15-content,
#brand15:checked~#brand15-content,
#gold15:checked~#gold15-content,
#delivery-tab15:checked~#delivery-tab15-content,
#delivery-flow15:checked~#delivery-flow15-content,
#diamond15:checked~#diamond15-content {
    visibility: visible;
    opacity: 1;
    max-height: 999vh;
}


/*===================
【js-colorbox】画像のポップアップ
*/


/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/


/* line 99, ../sass/object/project/_page.scss */

#colorbox,
#cboxOverlay,
#cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}


/* line 100, ../sass/object/project/_page.scss */

#cboxWrapper {
    max-width: none;
}


/* line 101, ../sass/object/project/_page.scss */

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}


/* line 102, ../sass/object/project/_page.scss */

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}


/* line 103, ../sass/object/project/_page.scss */

#cboxContent {
    position: relative;
}


/* line 104, ../sass/object/project/_page.scss */

#cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}


/* line 105, ../sass/object/project/_page.scss */

#cboxTitle {
    margin: 0;
}


/* line 106, ../sass/object/project/_page.scss */

#cboxLoadingOverlay,
#cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* line 107, ../sass/object/project/_page.scss */

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}


/* line 108, ../sass/object/project/_page.scss */

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}


/* line 109, ../sass/object/project/_page.scss */

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}


/* line 110, ../sass/object/project/_page.scss */

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}


/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/


/* line 117, ../sass/object/project/_page.scss */

#cboxOverlay {
    background: #fff;
}


/* line 118, ../sass/object/project/_page.scss */

#colorbox {
    outline: 0;
}


/* line 119, ../sass/object/project/_page.scss */

#cboxContent {
    margin-top: 32px;
    overflow: visible;
    background: #000;
}


/* line 120, ../sass/object/project/_page.scss */

.cboxIframe {
    background: #fff;
}


/* line 121, ../sass/object/project/_page.scss */

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}


/* line 122, ../sass/object/project/_page.scss */

#cboxLoadedContent {
    background: #000;
    padding: 1px;
}


/* line 123, ../sass/object/project/_page.scss */

#cboxLoadingOverlay {
    background: #000;
}


/* line 124, ../sass/object/project/_page.scss */

#cboxTitle {
    position: absolute;
    top: -22px;
    left: 0;
    color: #000;
}


/* line 125, ../sass/object/project/_page.scss */

#cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
}


/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */


/* line 128, ../sass/object/project/_page.scss */

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    text-indent: -9999px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -20px;
    background: url(images/controls.png) no-repeat 0 0;
}


/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */


/* line 131, ../sass/object/project/_page.scss */

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}


/* line 133, ../sass/object/project/_page.scss */

#cboxPrevious {
    background-position: 0px 0px;
    right: 44px;
}


/* line 134, ../sass/object/project/_page.scss */

#cboxPrevious:hover {
    background-position: 0px -25px;
}


/* line 135, ../sass/object/project/_page.scss */

#cboxNext {
    background-position: -25px 0px;
    right: 22px;
}


/* line 136, ../sass/object/project/_page.scss */

#cboxNext:hover {
    background-position: -25px -25px;
}


/* line 137, ../sass/object/project/_page.scss */

#cboxClose {
    background-position: -50px 0px;
    right: 0;
}


/* line 138, ../sass/object/project/_page.scss */

#cboxClose:hover {
    background-position: -50px -25px;
}


/* line 139, ../sass/object/project/_page.scss */

.cboxSlideshow_on #cboxPrevious,
.cboxSlideshow_off #cboxPrevious {
    right: 66px;
}


/* line 140, ../sass/object/project/_page.scss */

.cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
}


/* line 141, ../sass/object/project/_page.scss */

.cboxSlideshow_on #cboxSlideshow:hover {
    background-position: -100px -25px;
}


/* line 142, ../sass/object/project/_page.scss */

.cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0px;
    right: 44px;
}


/* line 143, ../sass/object/project/_page.scss */

.cboxSlideshow_off #cboxSlideshow:hover {
    background-position: -75px -25px;
}


/* line 146, ../sass/object/project/_page.scss */

#colorbox #cboxTitle {
    width: 100%;
    color: #218541;
    font-weight: bold;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px 0 0;
}


/* line 152, ../sass/object/project/_page.scss */

#colorbox #cboxClose {
    background: url("../images/icon/icon_multiply_w.svg") no-repeat center;
    background-color: #666666;
    background-size: 60% 60%;
    width: 32px;
    height: 32px;
    top: -32px;
    right: 0px;
}


/* line 161, ../sass/object/project/_page.scss */

#colorbox #cboxNext {
    background: url("../images/icon/icon-right-w.svg") no-repeat center;
    background-color: #218541;
    background-size: 70% 70%;
    width: 35px;
    height: 35px;
    top: calc(50% - 17px);
    right: 0;
    border: 1px solid #959595;
    opacity: 0.8;
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 0 0 5px;
}


/* line 173, ../sass/object/project/_page.scss */

#colorbox #cboxPrevious {
    background: url("../images/icon/icon-left-w.svg") no-repeat center;
    background-color: #218541;
    background-size: 70% 70%;
    width: 35px;
    height: 35px;
    top: calc(50% - 17px);
    left: 0;
    border: 1px solid #959595;
    opacity: 0.8;
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0;
    border-radius: 0 5px 5px 0;
}


/* =========================================================
post - 投稿のクラスなど
========================================================= */


/* =========================================================
shop - 店舗案内のクラスなど
========================================================= */


/* line 5, ../sass/object/project/_shop.scss */

.p-shop .c-breadcrumbs--wrap {
    max-width: 1211px;
}


/* line 9, ../sass/object/project/_shop.scss */

.p-shop-ttl {
    background: #F0F0F0;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 9, ../sass/object/project/_shop.scss */
    .p-shop-ttl {
        padding: 60px 0;
    }
}


/* line 15, ../sass/object/project/_shop.scss */

.p-shop-ttl--wrap {
    max-width: 998px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 22, ../sass/object/project/_shop.scss */

.p-shop-ttl--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
    line-height: 2;
}

@media screen and (min-width: 576px) {
    /* line 22, ../sass/object/project/_shop.scss */
    .p-shop-ttl--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 22, ../sass/object/project/_shop.scss */
    .p-shop-ttl--ttl {
        font-size: 20px;
        font-size: 1.25rem;
    }
}


/* line 36, ../sass/object/project/_shop.scss */

.p-shop-ttl--text {
    text-align: center;
    padding: 10px;
}

@media screen and (min-width: 576px) {
    /* line 36, ../sass/object/project/_shop.scss */
    .p-shop-ttl--text {
        padding: 20px 10px 0;
    }
}


/* line 46, ../sass/object/project/_shop.scss */

.p-shop-nav {
    padding-top: 30px;
}


/* line 48, ../sass/object/project/_shop.scss */

.p-shop-nav--list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

@media screen and (min-width: 840px) {
    /* line 48, ../sass/object/project/_shop.scss */
    .p-shop-nav--list {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}


/* line 58, ../sass/object/project/_shop.scss */

.p-shop-nav--item a {
    background: #929292;
    border: 5px solid #929292;
    border-bottom: 5px solid #808080;
    border-radius: 5px;
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 3px 5px;
    transition: .3s;
}

@media screen and (min-width: 840px) {
    /* line 58, ../sass/object/project/_shop.scss */
    .p-shop-nav--item a {
        padding: 8px 10px;
    }
}


/* line 71, ../sass/object/project/_shop.scss */

.p-shop-nav--item a:hover {
    background: #00a6ca;
    border: 5px solid #ffffff;
}


/* line 75, ../sass/object/project/_shop.scss */

.p-shop-nav--item a .in {
    color: #ffffff;
    font-size: calc(21 * (100vw / 768));
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
}

@media screen and (min-width: 576px) {
    /* line 75, ../sass/object/project/_shop.scss */
    .p-shop-nav--item a .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 75, ../sass/object/project/_shop.scss */
    .p-shop-nav--item a .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 92, ../sass/object/project/_shop.scss */

.p-shop-box {
    background: #F0F0F0;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 92, ../sass/object/project/_shop.scss */
    .p-shop-box {
        padding: 60px 0;
    }
}


/* line 102, ../sass/object/project/_shop.scss */

.p-shop-box.kansai .p-shop-box--ttl .in {
    background-image: url(../images/icon/title-style-pink.svg);
}


/* line 104, ../sass/object/project/_shop.scss */

.p-shop-box.kansai .p-shop-box--ttl .in::before {
    border-color: #ed99a4;
}


/* line 112, ../sass/object/project/_shop.scss */

.p-shop-box--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 120, ../sass/object/project/_shop.scss */

.p-shop-box--ttl {
    margin-bottom: 10px;
}

@media screen and (min-width: 840px) {
    /* line 120, ../sass/object/project/_shop.scss */
    .p-shop-box--ttl {
        margin-bottom: 20px;
    }
}


/* line 125, ../sass/object/project/_shop.scss */

.p-shop-box--ttl .in {
    background: url(../images/icon/title-style-blue.svg) no-repeat center left;
    background-size: 10px 20px;
    display: block;
    font-size: calc(22.5 * (100vw / 768));
    font-weight: bold;
    padding-left: 20px;
    position: relative;
}


/* line 133, ../sass/object/project/_shop.scss */

.p-shop-box--ttl .in::before {
    content: '';
    border-top: 2px dotted #83c5e8;
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    width: calc(100% - 100px);
    height: 1px;
}

@media screen and (min-width: 576px) {
    /* line 133, ../sass/object/project/_shop.scss */
    .p-shop-box--ttl .in::before {
        width: calc(100% - 150px);
    }
}

@media screen and (min-width: 576px) {
    /* line 125, ../sass/object/project/_shop.scss */
    .p-shop-box--ttl .in {
        font-size: calc(15 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 125, ../sass/object/project/_shop.scss */
    .p-shop-box--ttl .in {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}


/* line 154, ../sass/object/project/_shop.scss */

.p-shop-box--contents {
    background: #e5e5e5;
    border-radius: 5px;
    padding: 10px;
}

@media screen and (min-width: 840px) {
    /* line 154, ../sass/object/project/_shop.scss */
    .p-shop-box--contents {
        padding: 20px;
    }
}

@media screen and (min-width: 840px) {
    /* line 154, ../sass/object/project/_shop.scss */
    .p-shop-box--contents {
        padding: 30px;
    }
}


/* line 165, ../sass/object/project/_shop.scss */

.p-shop-box--list {
    display: grid;
    grid-template-columns: 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

@media screen and (min-width: 840px) {
    /* line 165, ../sass/object/project/_shop.scss */
    .p-shop-box--list {
        column-gap: 20px;
        row-gap: 20px;
        grid-template-columns: 1fr 1fr;
    }
}


/* line 180, ../sass/object/project/_shop.scss */

.p-shop-box--nav {
    background: #ffffff;
    border-radius: 5px;
    display: block;
    padding: 10px;
    height: 100%;
}

@media screen and (min-width: 576px) {
    /* line 180, ../sass/object/project/_shop.scss */
    .p-shop-box--nav {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        -moz-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        -moz-justify-content: space-between;
        justify-content: space-between;
        padding: 20px;
    }
}


/* line 196, ../sass/object/project/_shop.scss */

.p-shop-box--photo {
    border-radius: 5px;
    overflow: hidden;
}


/* line 201, ../sass/object/project/_shop.scss */

.p-shop-box--photo img {
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    width: 100%;
}


/* line 208, ../sass/object/project/_shop.scss */

.p-shop-box--title {
    text-align: left;
    padding: 10px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 208, ../sass/object/project/_shop.scss */
    .p-shop-box--title {
        padding: 15px 0 10px;
    }
}


/* line 214, ../sass/object/project/_shop.scss */

.p-shop-box--title .in {
    color: #394656;
    display: inline-block;
    font-size: calc(21 * (100vw / 768));
    font-weight: bold;
    line-height: 1.3;
}

@media screen and (min-width: 576px) {
    /* line 214, ../sass/object/project/_shop.scss */
    .p-shop-box--title .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 214, ../sass/object/project/_shop.scss */
    .p-shop-box--title .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 228, ../sass/object/project/_shop.scss */

.p-shop-box--data {
    font-size: calc(22.5 * (100vw / 768));
    line-height: 1.8;
}

@media screen and (min-width: 576px) {
    /* line 228, ../sass/object/project/_shop.scss */
    .p-shop-box--data {
        font-size: calc(15 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 228, ../sass/object/project/_shop.scss */
    .p-shop-box--data {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}


/* line 237, ../sass/object/project/_shop.scss */

.p-shop-box--data .add {
    border-bottom: 2px dotted #394656;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 10px;
}


/* line 243, ../sass/object/project/_shop.scss */

.p-shop-box--data .station {
    border-bottom: 2px dotted #394656;
    display: block;
    padding-bottom: 10px;
    margin-bottom: 15px;
}


/* line 250, ../sass/object/project/_shop.scss */

.p-shop-box--btn {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
}


/* line 254, ../sass/object/project/_shop.scss */

.p-shop-box--btn .btn {
    background: url(../images/icon/icon-right-w.svg) no-repeat center right 10px;
    background-size: 12px 12px;
    background-color: #81a6c9;
    display: block;
    border-radius: 5px;
    padding: 15px 10px;
    text-align: center;
}


/* line 262, ../sass/object/project/_shop.scss */

.p-shop-box--btn .btn.map {
    background-image: url(../images/icon/icon-right-main.svg);
    background-color: #e7f1f5;
}


/* line 266, ../sass/object/project/_shop.scss */

.p-shop-box--btn .btn.detail {
    background-color: #81a7c8;
}


/* line 268, ../sass/object/project/_shop.scss */

.p-shop-box--btn .btn.detail .in {
    color: #ffffff;
}


/* line 272, ../sass/object/project/_shop.scss */

.p-shop-box--btn .btn .in {
    color: #394656;
    display: block;
    font-weight: bold;
    font-size: calc(22 * (100vw / 768));
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 272, ../sass/object/project/_shop.scss */
    .p-shop-box--btn .btn .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 272, ../sass/object/project/_shop.scss */
    .p-shop-box--btn .btn .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 290, ../sass/object/project/_shop.scss */

.p-shop-results {
    background: #F7F7F7;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 290, ../sass/object/project/_shop.scss */
    .p-shop-results {
        padding: 60px 0;
    }
}


/* line 296, ../sass/object/project/_shop.scss */

.p-shop-results--wrap {
    margin: auto;
    width: 96%;
    position: relative;
}


/* line 303, ../sass/object/project/_shop.scss */

.p-shop-results--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 303, ../sass/object/project/_shop.scss */
    .p-shop-results--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 303, ../sass/object/project/_shop.scss */
    .p-shop-results--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 318, ../sass/object/project/_shop.scss */

.p-shop-results--list {
    display: flex;
    flex-wrap: wrap;
    margin: 25px auto 0;
    max-width: 1300px;
    width: 96%;
}

@media screen and (min-width: 768px) {
    .p-shop-results--list {
        margin: 45px auto 0
    }
}


/* line 334, ../sass/object/project/_shop.scss */

.p-shop-results--list>.p-shop-results--item {
    max-width: 225px;
    padding: 10px 5px;
    width: calc(100% / 2);
}

@media screen and (min-width: 430px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(100% / 3);
    }
}

@media screen and (min-width: 520px) {
    .p-shop-results--list>.p-shop-results--item {
        padding: 10px 3px;
        width: calc(100% / 4);
    }
}

@media screen and (min-width: 768px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(94% / 3);
        max-width: inherit;
    }
}

@media screen and (min-width: 980px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(94% / 4);
        max-width: inherit;
    }
}

@media screen and (min-width: 1150px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(94% / 5);
        max-width: inherit;
    }
}

@media screen and (min-width: 1400px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(94% / 6);
        max-width: inherit;
    }
}

@media screen and (min-width: 1700px) {
    .p-shop-results--list>.p-shop-results--item {
        width: calc(94% / 6);
        max-width: inherit;
    }
}


/* line 338, ../sass/object/project/_shop.scss */

.p-shop-results-box {
    background-color: #fff;
    border-radius: 5px;
    display: block;
    height: 100%;
    overflow: hidden;
}


/* line 344, ../sass/object/project/_shop.scss */


/* line 349, ../sass/object/project/_shop.scss */

.p-shop-results--list figure {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.p-shop-results--list figure picture {
    background-color: #fff;
    display: block;
    height: 110px;
    text-align: center;
}

@media screen and (min-width: 520px) {
    .p-shop-results--list figure picture {
        height: 125px;
    }
}

@media screen and (min-width: 980px) {
    .p-shop-results--list figure picture {
        height: 155px;
    }
}

.p-shop-results--list figure picture img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    margin: auto;
}

.p-shop-results--list figure figcaption {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 15px 3.5%;
    background-color: #fff;
}


/* line 354, ../sass/object/project/_shop.scss */

.p-shop-results-box--data {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-grow: 1;
    line-height: 1;
    height: 100%;
}

@media screen and (min-width: 840px) {
    /* line 354, ../sass/object/project/_shop.scss */
    .p-shop-results-box--data {}
}

@media screen and (min-width: 1211px) {
    /* line 354, ../sass/object/project/_shop.scss */
    .p-shop-results-box--data {}
}


/* line 368, ../sass/object/project/_shop.scss */

.p-shop-results-box--time {
    color: #929292;
    font-family: "Lato", sans-serif;
    font-size: calc(18 * (100vw / 768));
    font-weight: bold;
    display: block;
    padding-bottom: 7px;
}

@media screen and (min-width: 576px) {
    /* line 368, ../sass/object/project/_shop.scss */
    .p-shop-results-box--time {
        font-size: calc(12 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 368, ../sass/object/project/_shop.scss */
    .p-shop-results-box--time {
        font-size: 12px;
        font-size: 0.75rem;
    }
}


/* line 382, ../sass/object/project/_shop.scss */

.p-shop-results-box--brand {
    color: #394656;
    flex-grow: 1;
    font-size: calc(18 * (100vw / 520));
    margin: 10px 0 0;
    line-height: 1.2;
    overflow: hidden;
}

@media screen and (min-width: 576px) {
    /* line 382, ../sass/object/project/_shop.scss */
    .p-shop-results-box--brand {
        font-size: calc(18 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    /* line 382, ../sass/object/project/_shop.scss */
    .p-shop-results-box--brand {
        font-size: calc(16 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    /* line 382, ../sass/object/project/_shop.scss */
    .p-shop-results-box--brand {
        font-size: 16px;
        font-size: 1rem;
    }
}


/* line 394, ../sass/object/project/_shop.scss */

.p-shop-results-box--series {
    color: #394656;
    display: block;
    flex-grow: 1;
    line-height: 1.3;
    font-size: calc(22 * (100vw / 768));
    padding-bottom: 8px;
}

@media screen and (min-width: 576px) {
    /* line 394, ../sass/object/project/_shop.scss */
    .p-shop-results-box--series {
        font-size: calc(15 * (100vw / 768));
        padding-bottom: 10px;
    }
}

@media screen and (min-width: 840px) {
    /* line 394, ../sass/object/project/_shop.scss */
    .p-shop-results-box--series {
        font-size: 15px;
        font-size: 0.9375rem;
    }
}


/* line 409, ../sass/object/project/_shop.scss */

.p-shop-results-box--pay {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    font-size: calc(14 * (100vw / 520));
    margin: 15px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 409, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    /* line 409, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay {
        justify-content: flex-start;
        font-size: calc(14 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    /* line 409, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay {
        font-size: 14px;
        font-size: 0.875rem;
    }
}

@media screen and (min-width: 840px) {
    /* line 409, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 421, ../sass/object/project/_shop.scss */

.p-shop-results-box--pay .num {
    color: #f17989;
    font-family: "Lato", serif;
    font-size: calc(26 * (100vw / 520));
    font-weight: 700;
    letter-spacing: .07rem;
    margin: 3px 0 0;
}

@media screen and (min-width: 520px) {
    /* line 421, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay .num {
        font-size: calc(26 * (100vw / 768));
    }
}

@media screen and (min-width: 768px) {
    /* line 421, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay .num {
        font-size: calc(26 * (100vw / 980));
    }
}

@media screen and (min-width: 980px) {
    /* line 421, ../sass/object/project/_shop.scss */
    .p-shop-results-box--pay .num {
        font-size: 26px;
        font-size: 1.625rem;
    }
}

.p-shop-results-box--pay .yen {
    color: #394656;
}


/* line 435, ../sass/object/project/_shop.scss */

.p-shop-results-box--icon {
    margin: 15px 0 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}


/* line 438, ../sass/object/project/_shop.scss */

.p-shop-results-box--icon .icon {
    border-radius: 5px;
    border: 1.5px solid #00a6ca;
    color: #00a6ca;
    display: inline-block;
    font-size: calc(15 * (100vw / 668));
    font-weight: bold;
    padding: 3px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 438, ../sass/object/project/_shop.scss */
    .p-shop-results-box--icon .icon {
        font-size: calc(11 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 438, ../sass/object/project/_shop.scss */
    .p-shop-results-box--icon .icon {
        font-size: 11px;
        font-size: 0.6875rem;
        padding: 5px;
    }
}


/* line 459, ../sass/object/project/_shop.scss */

.p-shop-results--btn {
    padding-top: 30px;
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 459, ../sass/object/project/_shop.scss */
    .p-shop-results--btn {
        padding-top: 50px;
    }
}


/* line 469, ../sass/object/project/_shop.scss */

.p-shop-mv {
    background: #ececec;
    padding: 30px 0;
    margin-top: 10px;
}

@media screen and (min-width: 980px) {
    /* line 469, ../sass/object/project/_shop.scss */
    .p-shop-mv {
        padding: 15vh 0;
        margin-bottom: 10vh;
    }
}


/* line 477, ../sass/object/project/_shop.scss */

.p-shop-mv--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 484, ../sass/object/project/_shop.scss */

.p-shop-mv--ttl {
    color: #394656;
    padding-bottom: 20px;
    line-height: 1.2;
    text-align: center;
}

@media screen and (min-width: 980px) {
    /* line 484, ../sass/object/project/_shop.scss */
    .p-shop-mv--ttl {
        text-align: left;
        padding-right: 630px;
    }
}


/* line 493, ../sass/object/project/_shop.scss */

.p-shop-mv--ttl .sub {
    display: block;
    font-size: calc(26 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 5px;
}

@media screen and (min-width: 576px) {
    /* line 493, ../sass/object/project/_shop.scss */
    .p-shop-mv--ttl .sub {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 493, ../sass/object/project/_shop.scss */
    .p-shop-mv--ttl .sub {
        font-size: 20px;
        font-size: 1.25rem;
    }
}


/* line 505, ../sass/object/project/_shop.scss */

.p-shop-mv--ttl .main {
    display: block;
    font-size: calc(40 * (100vw / 668));
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    /* line 505, ../sass/object/project/_shop.scss */
    .p-shop-mv--ttl .main {
        font-size: calc(40 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 505, ../sass/object/project/_shop.scss */
    .p-shop-mv--ttl .main {
        font-size: 40px;
        font-size: 2.5rem;
    }
}


/* line 517, ../sass/object/project/_shop.scss */

.p-shop-mv--photo {
    max-width: 630px;
    margin: 0 auto;
}

@media screen and (min-width: 980px) {
    /* line 517, ../sass/object/project/_shop.scss */
    .p-shop-mv--photo {
        position: absolute;
        top: -10vh;
        right: 10px;
    }
}


/* line 526, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .carousel-arrow {
    background: url(../images/icon/icon-right-w.svg) no-repeat center;
    background-size: 50% 50%;
    background-color: #81a6c9;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    position: absolute;
    top: calc(50% - 15px);
    transition: .3s;
    width: 30px;
    height: 30px;
    z-index: 1;
}

@media screen and (min-width: 576px) {
    /* line 526, ../sass/object/project/_shop.scss */
    .p-shop-mv--photo .carousel-arrow {
        top: calc(50% - 25px);
        width: 50px;
        height: 50px;
    }
}


/* line 544, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .carousel-arrow:hover {
    opacity: 0.7;
}


/* line 547, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .carousel-arrow.prev-arrow {
    background-image: url(../images/icon/icon-left-w.svg);
    left: -12px;
}

@media screen and (min-width: 1211px) {
    /* line 547, ../sass/object/project/_shop.scss */
    .p-shop-mv--photo .carousel-arrow.prev-arrow {
        left: -15px;
    }
}


/* line 554, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .carousel-arrow.next-arrow {
    right: -12px;
}

@media screen and (min-width: 1211px) {
    /* line 554, ../sass/object/project/_shop.scss */
    .p-shop-mv--photo .carousel-arrow.next-arrow {
        right: -15px;
    }
}


/* line 565, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .item {
    padding: 0 10px;
}


/* line 567, ../sass/object/project/_shop.scss */

.p-shop-mv--photo .item img {
    width: auto;
    height: auto;
}


/* line 575, ../sass/object/project/_shop.scss */

.p-shop-about {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 575, ../sass/object/project/_shop.scss */
    .p-shop-about {
        padding: 60px 0;
    }
}


/* line 580, ../sass/object/project/_shop.scss */

.p-shop-about--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 587, ../sass/object/project/_shop.scss */

.p-shop-about--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 10px;
    text-align: center;
    line-height: 1.8;
}

@media screen and (min-width: 576px) {
    /* line 587, ../sass/object/project/_shop.scss */
    .p-shop-about--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 587, ../sass/object/project/_shop.scss */
    .p-shop-about--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 602, ../sass/object/project/_shop.scss */

.p-shop-about--text {
    text-align: center;
    padding: 10px;
}

@media screen and (min-width: 576px) {
    /* line 602, ../sass/object/project/_shop.scss */
    .p-shop-about--text {
        padding: 20px 10px 0;
    }
}


/* line 609, ../sass/object/project/_shop.scss */

.p-shop-about--map {
    padding: 30px 0;
}

@media screen and (min-width: 840px) {
    /* line 611, ../sass/object/project/_shop.scss */
    .p-shop-about--map .list {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        max-width: 998px;
        margin: 0 auto;
    }
}

@media screen and (min-width: 840px) {
    /* line 620, ../sass/object/project/_shop.scss */
    .p-shop-about--map .item {
        padding: 0 10px;
        width: 100%;
    }
}


/* line 626, ../sass/object/project/_shop.scss */

.p-shop-about--map .box {
    background: #929292;
    border-bottom: 5px solid #808080;
    border-radius: 5px;
    display: block;
    margin-bottom: 5px;
    text-align: center;
    transition: .4s;
}


/* line 635, ../sass/object/project/_shop.scss */

.p-shop-about--map .box:hover {
    background: #00a6ca;
    border-top: 5px solid #808080;
    border-bottom: 0px;
    cursor: pointer;
}


/* line 641, ../sass/object/project/_shop.scss */

.p-shop-about--map .box:hover .in {
    border: 5px solid #fff;
    border-radius: 5px;
}


/* line 647, ../sass/object/project/_shop.scss */

.p-shop-about--map .box .in {
    color: #ffffff;
    display: block;
    font-size: calc(26 * (100vw / 668));
    font-weight: bold;
    line-height: 1.4;
    padding: 15px 5px;
}

@media screen and (min-width: 576px) {
    /* line 647, ../sass/object/project/_shop.scss */
    .p-shop-about--map .box .in {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 647, ../sass/object/project/_shop.scss */
    .p-shop-about--map .box .in {
        font-size: 16px;
        padding: 8px 10px;
    }
}


/* line 661, ../sass/object/project/_shop.scss */

.p-shop-about--map .box .in .pc {
    display: none;
}

@media screen and (min-width: 840px) {
    /* line 661, ../sass/object/project/_shop.scss */
    .p-shop-about--map .box .in .pc {
        display: block;
    }
}


/* line 672, ../sass/object/project/_shop.scss */

.p-shop-movie {
    background: #f0f0f0;
    padding: 10px;
}

@media screen and (min-width: 840px) {
    /* line 672, ../sass/object/project/_shop.scss */
    .p-shop-movie {
        padding: 50px;
    }
}


/* line 678, ../sass/object/project/_shop.scss */

.p-shop-movie--wrap {
    background: #ffffff;
    padding: 10px;
    position: relative;
}

@media screen and (min-width: 840px) {
    /* line 678, ../sass/object/project/_shop.scss */
    .p-shop-movie--wrap {
        padding: 50px;
    }
}


/* line 686, ../sass/object/project/_shop.scss */

.p-shop-movie--video {
    max-width: 820px;
    margin: 0 auto;
}


/* line 689, ../sass/object/project/_shop.scss */

.p-shop-movie--video video {
    width: 100%;
}


/* line 693, ../sass/object/project/_shop.scss */

.p-shop-movie--btn {
    text-align: center;
    padding: 10px 0;
    width: 100%;
}

@media screen and (min-width: 840px) {
    /* line 693, ../sass/object/project/_shop.scss */
    .p-shop-movie--btn {
        position: absolute;
        bottom: -40px;
        left: 0;
    }
}


/* line 703, ../sass/object/project/_shop.scss */

.p-shop-movie--btn a {
    background-color: #81a6c9;
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    max-width: 90%;
    padding: 10px 15px 15px;
    position: relative;
    transition: .3s;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 703, ../sass/object/project/_shop.scss */
    .p-shop-movie--btn a {
        padding: 20px 15px 22px;
        max-width: 320px;
    }
}


/* line 719, ../sass/object/project/_shop.scss */

.p-shop-movie--btn a::after {
    background-image: url(../images/icon/icon-right-w.svg);
    display: block;
    content: '';
    height: 16px;
    width: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    transform: rotate(90deg);
}


/* line 733, ../sass/object/project/_shop.scss */

.p-shop-movie--btn a .in {
    color: #ffffff;
    display: inline-block;
    font-weight: bold;
    font-size: calc(22 * (100vw / 768));
    width: 100%;
}

@media screen and (min-width: 576px) {
    /* line 733, ../sass/object/project/_shop.scss */
    .p-shop-movie--btn a .in {
        font-size: calc(14 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 733, ../sass/object/project/_shop.scss */
    .p-shop-movie--btn a .in {
        font-size: 14px;
        font-size: 0.875rem;
    }
}


/* line 750, ../sass/object/project/_shop.scss */

.p-shop-kyoka {
    background: #ffffff;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 750, ../sass/object/project/_shop.scss */
    .p-shop-kyoka {
        padding: 60px 0;
    }
}


/* line 756, ../sass/object/project/_shop.scss */

.p-shop-kyoka--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 763, ../sass/object/project/_shop.scss */

.p-shop-kyoka--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 763, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 763, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 777, ../sass/object/project/_shop.scss */

.p-shop-kyoka--contents {
    padding-bottom: 20px;
}

@media screen and (min-width: 980px) {
    /* line 777, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--contents {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}


/* line 784, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo {
    text-align: center;
    padding-bottom: 10px;
}

@media screen and (min-width: 980px) {
    /* line 784, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--photo {
        width: 500px;
        padding-right: 60px;
    }
}


/* line 791, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo img {
    background: #ffffff;
    display: inline-block;
    vertical-align: bottom;
    max-width: 400px;
    width: 100%;
    height: auto;
    max-height: 250px;
}


/* line 800, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo .caption {
    padding-top: 15px;
    text-align: center;
}


/* line 804, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo .name {
    color: #394656;
    display: block;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 5px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 804, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--photo .name {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 980px) {
    /* line 804, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--photo .name {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 10px;
    }
}


/* line 819, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo .pay {
    display: block;
}


/* line 821, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo .pay .num {
    color: #ed99a4;
    font-size: 180%;
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    /* line 821, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--photo .pay .num {
        font-size: 130%;
    }
}


/* line 829, ../sass/object/project/_shop.scss */

.p-shop-kyoka--photo .pay .rank {
    padding-left: 5px;
    color: #ed99a4;
    font-size: 150%;
    font-weight: bold;
}

@media screen and (min-width: 980px) {
    /* line 829, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--photo .pay .rank {
        font-size: 130%;
    }
}


/* line 840, ../sass/object/project/_shop.scss */

.p-shop-kyoka--info {
    text-align: center;
}

@media screen and (min-width: 980px) {
    /* line 840, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--info {
        text-align: left;
        width: calc(100% - 500px);
    }
}


/* line 846, ../sass/object/project/_shop.scss */

.p-shop-kyoka--info .time {
    border: 1.5px solid #00a6ca;
    border-radius: 5px;
    color: #00a6ca;
    display: inline-block;
    font-size: calc(18 * (100vw / 768));
    font-weight: bold;
    font-family: "Lato", sans-serif;
    padding: 0 25px;
    margin-bottom: 30px;
    line-height: 1.8;
}

@media screen and (min-width: 576px) {
    /* line 846, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--info .time {
        font-size: calc(12 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 846, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--info .time {
        font-size: 12px;
        font-size: 0.75rem;
    }
}


/* line 864, ../sass/object/project/_shop.scss */

.p-shop-kyoka--info .name {
    padding-top: 10px;
    text-align: right;
}

@media screen and (min-width: 840px) {
    /* line 867, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--info .name .sp {
        display: none;
    }
}


/* line 874, ../sass/object/project/_shop.scss */

.p-shop-kyoka--btn {
    text-align: center;
}

@media screen and (min-width: 980px) {
    /* line 874, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--btn {
        padding-top: 30px;
    }
}


/* line 879, ../sass/object/project/_shop.scss */

.p-shop-kyoka--btn .line-btn {
    background: #0abf7d;
    border-radius: 5px;
    display: inline-block;
    max-width: 370px;
    padding: 9px 5px;
    text-align: center;
    width: 100%;
}

@media screen and (min-width: 980px) {
    /* line 879, ../sass/object/project/_shop.scss */
    .p-shop-kyoka--btn .line-btn {
        background: none;
        border-radius: 0;
        padding: 0;
    }
}


/* line 892, ../sass/object/project/_shop.scss */

.p-shop-kyoka--btn .line-btn:hover {
    box-shadow: 0px 0px 15px -5px #777777;
}


/* line 895, ../sass/object/project/_shop.scss */

.p-shop-kyoka--btn .line-btn img {
    border-radius: 5px;
    background: #0abf7d;
    display: inline-block;
    text-align: center;
    width: 100%;
    height: auto;
}


/* line 907, ../sass/object/project/_shop.scss */

.p-shop-bnr {
    padding: 0 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 907, ../sass/object/project/_shop.scss */
    .p-shop-bnr {
        padding: 0 0 60px;
    }
}


/* line 912, ../sass/object/project/_shop.scss */

.p-shop-bnr--wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
    text-align: center;
}


/* line 920, ../sass/object/project/_shop.scss */

.p-shop-bnr a {
    display: inline-block;
    transition: .3s;
}


/* line 923, ../sass/object/project/_shop.scss */

.p-shop-bnr a:hover {
    opacity: 0.7;
}


/* line 926, ../sass/object/project/_shop.scss */

.p-shop-bnr a img {
    width: auto;
    height: auto;
}


/* line 933, ../sass/object/project/_shop.scss */

.p-shop-info {
    background: #f0f0f0;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 933, ../sass/object/project/_shop.scss */
    .p-shop-info {
        padding: 60px 0;
    }
}


/* line 939, ../sass/object/project/_shop.scss */

.p-shop-info--wrap {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 946, ../sass/object/project/_shop.scss */

.p-shop-info--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 946, ../sass/object/project/_shop.scss */
    .p-shop-info--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 946, ../sass/object/project/_shop.scss */
    .p-shop-info--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 960, ../sass/object/project/_shop.scss */

.p-shop-info--box {
    background: #e7f1f5;
    border-radius: 5px;
    border: 5px solid #ffffff;
    padding: 10px;
}

@media screen and (min-width: 840px) {
    /* line 960, ../sass/object/project/_shop.scss */
    .p-shop-info--box {
        border: 10px solid #ffffff;
        padding: 40px;
    }
}


/* line 972, ../sass/object/project/_shop.scss */

.p-shop-data {
    padding-top: 30px;
}

@media screen and (min-width: 840px) {
    /* line 972, ../sass/object/project/_shop.scss */
    .p-shop-data {
        padding-top: 80px;
    }
}


/* line 977, ../sass/object/project/_shop.scss */

.p-shop-data:first-of-type {
    padding-top: 0;
}


/* line 980, ../sass/object/project/_shop.scss */

.p-shop-data--ttl {
    border-bottom: 2px dotted #bfbfbf;
    color: #394656;
    font-size: calc(24 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 980, ../sass/object/project/_shop.scss */
    .p-shop-data--ttl {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 980, ../sass/object/project/_shop.scss */
    .p-shop-data--ttl {
        font-size: 16px;
        font-size: 1rem;
        padding-bottom: 20px;
        text-align: left;
    }
}


/* line 997, ../sass/object/project/_shop.scss */

.p-shop-data--contents {
    padding: 0 10px;
}

@media screen and (min-width: 840px) {
    /* line 997, ../sass/object/project/_shop.scss */
    .p-shop-data--contents {
        padding: 0 20px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1006, ../sass/object/project/_shop.scss */
    .p-shop-data--table {
        display: grid;
        grid-template-columns: 150px 1fr;
        row-gap: 5px;
    }
}


/* line 1012, ../sass/object/project/_shop.scss */

.p-shop-data--table .ttl {
    background: #f7f7f7;
    color: #394656;
    padding: 5px 15px;
    font-size: calc(25 * (100vw / 668));
    font-weight: bold;
}

@media screen and (min-width: 576px) {
    /* line 1012, ../sass/object/project/_shop.scss */
    .p-shop-data--table .ttl {
        font-size: calc(16 * (100vw / 768));
        padding: 15px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1012, ../sass/object/project/_shop.scss */
    .p-shop-data--table .ttl {
        font-size: 16px;
        font-size: 1rem;
        padding: 15px;
        text-align: center;
    }
}


/* line 1028, ../sass/object/project/_shop.scss */

.p-shop-data--table .data {
    background: #ffffff;
    margin-bottom: 5px;
    padding: 10px 15px;
}

@media screen and (min-width: 840px) {
    /* line 1028, ../sass/object/project/_shop.scss */
    .p-shop-data--table .data {
        padding: 15px;
        margin: 0 auto;
        width: 100%;
    }
}


/* line 1037, ../sass/object/project/_shop.scss */

.p-shop-data--table .data .red {
    color: #ed99a4;
    font-weight: bold;
}


/* line 1041, ../sass/object/project/_shop.scss */

.p-shop-data--table .data .c-basic-btn {
    padding: 10px 15px 12px;
    max-width: 210px;
    margin-top: 10px;
}


/* line 1048, ../sass/object/project/_shop.scss */

.p-shop-data--img {
    text-align: center;
    padding: 10px 0;
}


/* line 1051, ../sass/object/project/_shop.scss */

.p-shop-data--img img {
    display: inline-block;
    max-width: 634px;
    width: 100%;
    height: auto;
}


/* line 1058, ../sass/object/project/_shop.scss */

.p-shop-data--btn {
    padding: 10px 0;
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 1058, ../sass/object/project/_shop.scss */
    .p-shop-data--btn {
        padding: 30px 0;
    }
}


/* line 1068, ../sass/object/project/_shop.scss */

.p-shop-access--tr {
    padding-top: 30px;
}

@media screen and (min-width: 980px) {
    /* line 1068, ../sass/object/project/_shop.scss */
    .p-shop-access--tr {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: space-between;
        -moz-flex-direction: space-between;
        -ms-flex-direction: space-between;
        flex-direction: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
    }
}


/* line 1077, ../sass/object/project/_shop.scss */

.p-shop-access--tr:nth-of-type(2) .p-shop-access--ttl .no {
    background: #1a96a1;
}


/* line 1082, ../sass/object/project/_shop.scss */

.p-shop-access--tr:nth-of-type(3) .p-shop-access--ttl .no {
    background: #2a96b4;
}


/* line 1087, ../sass/object/project/_shop.scss */

.p-shop-access--tr:nth-of-type(4) .p-shop-access--ttl .no {
    background: #2881b1;
}


/* line 1092, ../sass/object/project/_shop.scss */

.p-shop-access--tr figure {
    text-align: center;
    padding-top: 20px;
}

@media screen and (min-width: 980px) {
    /* line 1092, ../sass/object/project/_shop.scss */
    .p-shop-access--tr figure {
        padding-left: 20px;
        width: 220px;
    }
}


/* line 1099, ../sass/object/project/_shop.scss */

.p-shop-access--tr figure img {
    display: inline-block;
}


/* line 1104, ../sass/object/project/_shop.scss */

.p-shop-access--ttl {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
}

@media screen and (min-width: 980px) {
    /* line 1104, ../sass/object/project/_shop.scss */
    .p-shop-access--ttl {
        width: calc(100% - 220px);
    }
}


/* line 1110, ../sass/object/project/_shop.scss */

.p-shop-access--ttl .no {
    background: #1ca185;
    border-radius: 100%;
    color: #ffffff;
    font-family: "Lato", sans-serif;
    font-weight: bold;
    font-size: calc(30 * (100vw / 768));
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    width: 50px;
    height: 50px;
}

@media screen and (min-width: 576px) {
    /* line 1110, ../sass/object/project/_shop.scss */
    .p-shop-access--ttl .no {
        font-size: calc(20 * (100vw / 768));
        width: 60px;
        height: 60px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1110, ../sass/object/project/_shop.scss */
    .p-shop-access--ttl .no {
        font-size: 20px;
        font-size: 1.25rem;
    }
}


/* line 1131, ../sass/object/project/_shop.scss */

.p-shop-access--ttl .text {
    padding-left: 10px;
    font-size: calc(24 * (100vw / 668));
    width: calc(100% - 50px);
}

@media screen and (min-width: 576px) {
    /* line 1131, ../sass/object/project/_shop.scss */
    .p-shop-access--ttl .text {
        font-size: calc(16 * (100vw / 768));
        width: calc(100% - 60px);
    }
}

@media screen and (min-width: 840px) {
    /* line 1131, ../sass/object/project/_shop.scss */
    .p-shop-access--ttl .text {
        font-size: 16px;
        font-size: 1rem;
        padding-left: 30px;
    }
}


/* line 1147, ../sass/object/project/_shop.scss */

.p-shop-benefit {
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 1147, ../sass/object/project/_shop.scss */
    .p-shop-benefit {
        padding: 60px 0;
    }
}


/* line 1153, ../sass/object/project/_shop.scss */

.p-shop-benefit--wrap {
    background-color: #EFECE4;
    border: 20px solid #ffffff;
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 35px 15px 30px;
}

@media screen and (min-width: 840px) {
    /* line 1153, ../sass/object/project/_shop.scss */
    .p-shop-benefit--wrap {
        border: 15px solid #ffffff;
        padding: 60px 20px;
    }
}

@media screen and (min-width: 980px) {
    /* line 1153, ../sass/object/project/_shop.scss */
    .p-shop-benefit--wrap {
        padding: 70px 50px;
    }
}


/* line 1169, ../sass/object/project/_shop.scss */

.p-shop-benefit--wrap .title {
    color: #394656;
    font-size: calc(30 * (100vw / 768));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 1169, ../sass/object/project/_shop.scss */
    .p-shop-benefit--wrap .title {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 1169, ../sass/object/project/_shop.scss */
    .p-shop-benefit--wrap .title {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 1185, ../sass/object/project/_shop.scss */

.p-shop-benefit--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 1185, ../sass/object/project/_shop.scss */
    .p-shop-benefit--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 1185, ../sass/object/project/_shop.scss */
    .p-shop-benefit--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 1200, ../sass/object/project/_shop.scss */

.p-shop-benefit-box {
    max-width: 900px;
    margin: 50px auto 0;
}


/* line 1203, ../sass/object/project/_shop.scss */

.p-shop-benefit-box:first-of-type {
    margin-top: 0;
}


/* line 1207, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--ttl {
    max-width: 120px;
}

@media screen and (min-width: 840px) {
    /* line 1207, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--ttl {
        max-width: 165px;
    }
}


/* line 1214, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section {
    padding-top: 15px;
}

@media screen and (min-width: 840px) {
    /* line 1214, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        -moz-align-items: center;
        align-items: center;
        flex-direction: row;
        padding-top: 30px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1222, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section.col1 {
        display: block;
    }
}

@media screen and (min-width: 840px) {
    /* line 1226, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section.col1 .data {
        width: 100%;
    }
}


/* line 1231, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section.col1 .photo {
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 1231, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section.col1 .photo {
        padding: 10px 0 0;
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (min-width: 840px) {
    /* line 1238, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section.col1 .photo img {
        max-width: 600px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1245, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data {
        width: calc(100% - 300px);
    }
}


/* line 1250, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section .data .ttl .main {
    color: #394656;
    display: block;
    font-size: calc(32 * (100vw / 668));
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
    line-height: 1.5;
}

@media screen and (min-width: 576px) {
    /* line 1250, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data .ttl .main {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 1250, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data .ttl .main {
        text-align: left;
        font-size: 20px;
        font-size: 1.25rem;
        padding: 10px 0 10px 45px;
    }
}


/* line 1267, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section .data .ttl .sub {
    color: #394656;
    display: block;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    text-align: center;
    line-height: 1.5;
    padding: 0 0 5px 0;
}

@media screen and (min-width: 576px) {
    /* line 1267, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data .ttl .sub {
        font-size: calc(16 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 1267, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data .ttl .sub {
        text-align: left;
        font-size: 16px;
        font-size: 1rem;
        padding: 0 0 20px 45px;
    }
}

@media screen and (min-width: 840px) {
    /* line 1285, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .data .text {
        padding-left: 45px;
    }
}


/* line 1291, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section .photo {
    margin: 20px 0;
    text-align: center;
}

@media screen and (min-width: 840px) {
    /* line 1291, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .photo {
        margin: 0;
        max-width: 300px;
        padding-left: 50px;
        width: 100%;
    }
}


/* line 1300, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--section .photo img {
    display: inline-block;
    width: 75%;
    height: auto;
}

@media screen and (min-width: 840px) {
    /* line 1300, ../sass/object/project/_shop.scss */
    .p-shop-benefit-box--section .photo img {
        width: 100%;
    }
}


/* line 1312, ../sass/object/project/_shop.scss */

.p-shop-benefit-box--btn {
    text-align: center;
    padding-top: 20px;
}


/* line 1318, ../sass/object/project/_shop.scss */

.p-shop-benefit--btn {
    text-align: center;
    padding: 50px 0 0;
}

@media screen and (min-width: 576px) {
    /* line 1322, ../sass/object/project/_shop.scss */
    .p-shop-benefit--btn .c-basic-btn {
        max-width: 350px;
    }
}


/* line 1331, ../sass/object/project/_shop.scss */

.p-shop-review {
    background: #F0F0F0;
    padding: 35px 0 30px;
}

@media screen and (min-width: 840px) {
    /* line 1331, ../sass/object/project/_shop.scss */
    .p-shop-review {
        padding: 60px 0;
    }
}


/* line 1337, ../sass/object/project/_shop.scss */

.p-shop-review--wrap {
    max-width: 1211px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    width: 100%;
}


/* line 1344, ../sass/object/project/_shop.scss */

.p-shop-review--ttl {
    color: #394656;
    font-size: calc(30 * (100vw / 668));
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
}

@media screen and (min-width: 576px) {
    /* line 1344, ../sass/object/project/_shop.scss */
    .p-shop-review--ttl {
        font-size: calc(20 * (100vw / 768));
    }
}

@media screen and (min-width: 840px) {
    /* line 1344, ../sass/object/project/_shop.scss */
    .p-shop-review--ttl {
        font-size: 20px;
        font-size: 1.25rem;
        padding-bottom: 40px;
    }
}


/* line 1358, ../sass/object/project/_shop.scss */

.p-shop-review--post {
    background: #ffffff;
    border: 2px solid #777777;
    padding: 20px;
}


/* line 1362, ../sass/object/project/_shop.scss */

.p-shop-review--post .in {
    height: 50vh;
    overflow-y: scroll;
}

.p-shop-reviewlink {
    text-align: center;
}

.p-shop-reviewlink a:hover {
    opacity: .7;
}


/* line 1374, ../sass/object/project/_shop.scss */

.shop-park input:checked~.p-page-tab .p-shop-data--ttl {
    background-image: url(../images/icon/icon-top-w.svg);
}


/* line 1379, ../sass/object/project/_shop.scss */

.shop-park.p-shop-data {
    padding-top: 15px;
}


/* line 1382, ../sass/object/project/_shop.scss */

.shop-park .p-page-tab {
    background: #394656;
    border-radius: 5px;
    display: block;
    cursor: pointer;
    padding: 10px;
    transition: .3s;
}


/* line 1390, ../sass/object/project/_shop.scss */

.shop-park .p-shop-data--ttl {
    background: url(../images/icon/icon-down-w.svg) no-repeat right center;
    background-size: 15px 15px;
    border-bottom: none;
    color: #ffffff;
    padding-right: 15px;
    padding-bottom: 0;
    margin: 0 auto;
}


/* line 1399, ../sass/object/project/_shop.scss */

.shop-park .p-shop-data--table {
    padding-top: 10px;
}

#chatplusview,
chat {
    position: relative;
    z-index: 1;
}


/* =========================================================
caption - 査定士が自ら、目の前で査定
========================================================= */

.c-caption-type01 {
    padding: 30px 0;
}

@media screen and (min-width: 768px) {
    .c-caption-type01 {
        padding: 60px 0 80px;
    }
}

.c-caption-type01--wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1150px;
    text-align: center;
    width: 96%;
}

.c-caption-type01--wrap picture img {
    display: inline-block;
    width: 100%;
    max-width: 100%;
}

.c-followbtn {
    background: #efece4;
    background: linear-gradient(0deg, #efece4 80%, rgba(239, 236, 228, 0) 80%);
    position: fixed;
    bottom: 0;
    width: 100vw
}

.c-followbtn_list {
    display: flex;
    max-width: 768px;
    margin: auto
}

.c-followbtn_list>li {
    padding: 0 5px;
    width: calc(100% / 3)
}

.c-followbtn_list>li a {
    display: block;
    padding: 0 0 6px
}

.c-focusbrand {
    background-color: #f0f0f0;
    padding: 50px 0
}

@media screen and (min-width: 768px) {
    .c-focusbrand {
        padding: 80px 0
    }
}

.c-focusbrand-nav_title {
    font-size: calc(24 * (100vw / 520));
    font-weight: 700;
    text-align: center
}

@media screen and (min-width: 520px) {
    .c-focusbrand-nav_title {
        font-size: calc(20 * (100vw / 768))
    }
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_title {
        font-size: calc(20 * (100vw / 980))
    }
}

@media screen and (min-width: 980px) {
    .c-focusbrand-nav_title {
        font-size: 20px;
        font-size: 1.25rem
    }
}

.c-focusbrand-nav_list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px auto 0;
    max-width: 1200px;
    width: 96vw
}

.c-focusbrand-nav_list>li {
    margin: 0 0 10px;
    width: calc(98% / 3)
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li {
        margin: 0 0 30px
    }
}

.c-focusbrand-nav_list>li:nth-of-type(3n+2),
.c-focusbrand-nav_list>li:nth-of-type(3n+3) {
    margin: 0 0 10px 1%
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li:nth-of-type(3n+2),
    .c-focusbrand-nav_list>li:nth-of-type(3n+3) {
        margin: 0 0 30px 1%
    }
}

.c-focusbrand-nav_list>li a {
    color: #394656;
    font-size: calc(17 * (100vw / 520));
    font-weight: 500;
    transition: .4s
}

@media screen and (min-width: 520px) {
    .c-focusbrand-nav_list>li a {
        font-size: calc(16 * (100vw / 768))
    }
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li a {
        font-size: calc(16 * (100vw / 980))
    }
}

@media screen and (min-width: 980px) {
    .c-focusbrand-nav_list>li a {
        font-size: 16px;
        font-size: 1rem
    }
}

.c-focusbrand-nav_list>li figure picture {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    transition: .4s
}

.c-focusbrand-nav_list>li figure picture:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

.c-focusbrand-nav_list>li figure picture img {
    max-height: 90px
}

.c-focusbrand-nav_list>li figure figcaption {
    display: flex;
    align-items: center;
    margin: 5px 0 0
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li figure figcaption {
        margin: 15px 0 0
    }
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li figure figcaption::after {
        background-image: url(../images/common/icon-arrow01.webp);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        content: '';
        display: block;
        height: 25px;
        width: 25px;
        margin: 0 0 0 10px;
        transition: .4s
    }
}

.c-focusbrand-nav_list>li figure figcaption span {
    display: none
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_list>li figure figcaption span {
        display: inline-block
    }
}

.c-focusbrand-nav_sublist {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1200px;
    width: 96vw
}

.c-focusbrand-nav_sublist>li {
    margin: 0 0 10px;
    width: calc(98% / 3)
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li {
        margin: 0 0 30px
    }
}

.c-focusbrand-nav_sublist>li:nth-of-type(3n+2),
.c-focusbrand-nav_sublist>li:nth-of-type(3n+3) {
    margin: 0 0 10px 1%
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li:nth-of-type(3n+2),
    .c-focusbrand-nav_sublist>li:nth-of-type(3n+3) {
        margin: 0 0 30px 1%
    }
}

.c-focusbrand-nav_sublist>li a {
    color: #394656;
    font-size: calc(17 * (100vw / 520));
    font-weight: 500;
    transition: .4s
}

@media screen and (min-width: 520px) {
    .c-focusbrand-nav_sublist>li a {
        font-size: calc(16 * (100vw / 768))
    }
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li a {
        font-size: calc(16 * (100vw / 980))
    }
}

@media screen and (min-width: 980px) {
    .c-focusbrand-nav_sublist>li a {
        font-size: 16px;
        font-size: 1rem
    }
}

.c-focusbrand-nav_sublist>li figure picture {
    background-color: #fff;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 5px;
    transition: .4s
}

.c-focusbrand-nav_sublist>li figure picture:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.15)
}

.c-focusbrand-nav_sublist>li figure picture img {
    max-height: 90px
}

.c-focusbrand-nav_sublist>li figure figcaption {
    display: flex;
    align-items: center;
    margin: 5px 0 0
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li figure figcaption {
        margin: 15px 0 0
    }
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li figure figcaption::after {
        background-image: url(../images/common/icon-arrow01.webp);
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        content: '';
        display: block;
        height: 25px;
        width: 25px;
        margin: 0 0 0 10px;
        transition: .4s
    }
}

.c-focusbrand-nav_sublist>li figure figcaption span {
    display: none
}

@media screen and (min-width: 768px) {
    .c-focusbrand-nav_sublist>li figure figcaption span {
        display: inline-block
    }
}

.c-focusbrand-acc--container {
    max-height: 0;
    visibility: hidden;
    opacity: 0;
    transition: .4s
}

.c-focusbrand-acc--more label {
    background: url(../images/common/icon-triangle01.svg) center no-repeat;
    background-size: 18px;
    background-color: #81A6C9;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    width: 50px;
    height: 50px;
    margin: auto;
    transition: .4s
}

.c-focusbrand-acc--more label:hover {
    background-color: #6889a9
}

.c-focusbrand-acc--check:checked+.c-focusbrand-acc>.c-focusbrand-acc--container {
    max-height: 999vh;
    visibility: visible;
    opacity: 1
}

.c-focusbrand-acc--check:checked+.c-focusbrand-acc>.c-focusbrand-acc--more label {
    transform: rotate(-180deg)
}