/* main,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
hr,
menu,
nav,
section {
    display: block
}

a,
hr {
    padding: 0
}

abbr,
address,
article,
aside,
audio,
b,
blockquote,
body,
canvas,
caption,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
p,
pre,
q,
samp,
section,
small,
span,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins,
mark {
    background-color: #ff9;
    color: #000
}

body {
    line-height: 1
}

nav ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: '';
    content: none
}

a {
    margin: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

ins {
    text-decoration: none
}

mark {
    font-style: italic;
    font-weight: 700
}

del {
    text-decoration: line-through
}

abbr[title],
dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

hr {
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0
}

input,
select {
    vertical-align: middle
}

input,
button,
textarea,
select {
    border-radius: 0
}

u {
    display: inline-block;
    white-space: nowrap;
    text-decoration: none
}

ul,
dl {
    list-style: none
}

a,
a:link,
a:visited,
a:hover,
a:active {
    color: inherit;
    text-decoration: none
}

p,
a,
li,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
    -webkit-font-smoothing: antialiased
}

html {
    -webkit-text-size-adjust: 100%
}

input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0
} */
/* 
@font-face {
    font-family: "noto-sans";
    src: local("Noto Sans CJK JP Thin"), local("æºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ JP ExtraLight"), url(../font/NotoSansCJKjp-Thin-main.woff2) format("woff2"), url(../font/NotoSansCJKjp-Thin-main.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-main2";
    src: url(../font/NotoSansCJKjp-Thin-main2.woff2) format("woff2"), url(../font/NotoSansCJKjp-Thin-main2.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-middle";
    src: url(../font/NotoSansCJKjp-Thin-middle.woff2) format("woff2"), url(../font/NotoSansCJKjp-Thin-middle.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-rare";
    src: url(../font/NotoSansCJKjp-Thin-rare.woff2) format("woff2"), url(../font/NotoSansCJKjp-Thin-rare.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-sans";
    src: local("Noto Sans CJK JP Light"), local("æºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ JP Light"), url(../font/NotoSansCJKjp-Light-main.woff2) format("woff2"), url(../font/NotoSansCJKjp-Light-main.woff) format("woff");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-main2";
    src: url(../font/NotoSansCJKjp-Light-main2.woff2) format("woff2"), url(../font/NotoSansCJKjp-Light-main2.woff) format("woff");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-middle";
    src: url(../font/NotoSansCJKjp-Light-middle.woff2) format("woff2"), url(../font/NotoSansCJKjp-Light-middle.woff) format("woff");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-rare";
    src: url(../font/NotoSansCJKjp-Light-rare.woff2) format("woff2"), url(../font/NotoSansCJKjp-Light-rare.woff) format("woff");
    font-weight: 200;
    font-display: swap
}

@font-face {
    font-family: "note-sans";
    src: local("Noto Sans CJK JP DemiLight"), local("æºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ JP Normal"), url(../font/NotoSansCJKjp-DemiLight-main.woff2) format("woff2"), url(../font/NotoSansCJKjp-DemiLight-main.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "note-sans-main2";
    src: url(../font/NotoSansCJKjp-DemiLight-main2.woff2) format("woff2"), url(../font/NotoSansCJKjp-DemiLight-main2.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "note-sans-middle";
    src: url(../font/NotoSansCJKjp-DemiLight-middle.woff2) format("woff2"), url(../font/NotoSansCJKjp-DemiLight-middle.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "note-sans-rare";
    src: url(../font/NotoSansCJKjp-DemiLight-rare.woff2) format("woff2"), url(../font/NotoSansCJKjp-DemiLight-rare.woff) format("woff");
    font-weight: 400;
    font-display: swap
}

@font-face {
    font-family: "noto-sans";
    src: local("Noto Sans CJK JP Regular"), local("æºãƒŽè§’ã‚´ã‚·ãƒƒã‚¯ JP Regular"), url(../font/NotoSansCJKjp-Regular-main.woff2) format("woff2"), url(../font/NotoSansCJKjp-Regular-main.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-main2";
    src: url(../font/NotoSansCJKjp-Regular-main2.woff2) format("woff2"), url(../font/NotoSansCJKjp-Regular-main2.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-middle";
    src: url(../font/NotoSansCJKjp-Regular-middle.woff2) format("woff2"), url(../font/NotoSansCJKjp-Regular-middle.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-sans-rare";
    src: url(../font/NotoSansCJKjp-Regular-rare.woff2) format("woff2"), url(../font/NotoSansCJKjp-Regular-rare.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-serif";
    src: local("Noto SerifCJK JP ExtraLight"), local("æºãƒŽæ˜Žæœ ExtraLight"), url(../font/NotoSerifCJKjp-ExtraLight-main.woff2) format("woff2"), url(../font/NotoSerifCJKjp-ExtraLight-main.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-main2";
    src: url(../font/NotoSerifCJKjp-ExtraLight-main2.woff2) format("woff2"), url(../font/NotoSerifCJKjp-ExtraLight-main2.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-middle";
    src: url(../font/NotoSerifCJKjp-ExtraLight-middle.woff2) format("woff2"), url(../font/NotoSerifCJKjp-ExtraLight-middle.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-rare";
    src: url(../font/NotoSerifCJKjp-ExtraLight-rare.woff2) format("woff2"), url(../font/NotoSerifCJKjp-ExtraLight-rare.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-serif";
    src: local("Noto SerifCJK JP Light"), local("æºãƒŽæ˜Žæœ Light"), url(../font/NotoSerifCJKjp-Light-main.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Light-main.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-main2";
    src: url(../font/NotoSerifCJKjp-Light-main2.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Light-main2.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-middle";
    src: url(../font/NotoSerifCJKjp-Light-middle.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Light-middle.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-rare";
    src: url(../font/NotoSerifCJKjp-Light-rare.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Light-rare.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "noto-serif";
    src: local("Noto SerifCJK JP Regular"), local("æºãƒŽæ˜Žæœ"), local("Source Han Serif"), url(../font/NotoSerifCJKjp-Regular-main.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Regular-main.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-main2";
    src: url(../font/NotoSerifCJKjp-Regular-main2.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Regular-main2.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-middle";
    src: url(../font/NotoSerifCJKjp-Regular-middle.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Regular-middle.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-rare";
    src: url(../font/NotoSerifCJKjp-Regular-rare.woff2) format("woff2"), url(../font/NotoSerifCJKjp-Regular-rare.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

@font-face {
    font-family: "futura-medium";
    src: local("FuturaBT-MediumCondensed"), url("../font/Futura Condensed Medium.woff2") format("woff2"), url("../font/Futura Condensed Medium.woff") format("woff");
    font-display: swap
}

@font-face {
    font-family: "Delinquence";
    font-style: normal;
    font-weight: 400;
    src: local("Delinquence"), local("Just Another Hand Regular"), local("JustAnotherHand-Regular"), url("../font/Delinquence.woff2"), url("../font/Delinquence.woff");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
    font-family: "noto-serif-tate";
    src: local("Noto SerifCJK JP ExtraLight"), local("æºãƒŽæ˜Žæœ ExtraLight"), url(../font/tate/NotoSerifCJKjp-ExtraLight.woff2) format("woff2"), url(../font/tate/NotoSerifCJKjp-ExtraLight.woff) format("woff");
    font-weight: 100;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-tate";
    src: local("Noto SerifCJK JP Light"), local("æºãƒŽæ˜Žæœ Light"), url(../font/tate/NotoSerifCJKjp-Light.woff2) format("woff2"), url(../font/tate/NotoSerifCJKjp-Light.woff) format("woff");
    font-weight: 300;
    font-display: swap
}

@font-face {
    font-family: "noto-serif-tate";
    src: local("Noto SerifCJK JP Regular"), local("æºãƒŽæ˜Žæœ"), local("Source Han Serif"), url(../font/tate/NotoSerifCJKjp-Regular.woff2) format("woff2"), url(../font/tate/NotoSerifCJKjp-Regular.woff) format("woff");
    font-weight: 500;
    font-display: swap
}

html,
body {
    font-family: "Noto Sans JP", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "å°å¡šã‚´ã‚·ãƒƒã‚¯ Pro", "MS Pã‚´ã‚·ãƒƒã‚¯", "MS PGothic", "Droid Sans Mono", Verdana, sans-serif
}

.serif {
    font-family: "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ ProN W6", "HiraMinProN-W6", 'Noto Serif JP', serif
} */
p {
    margin: 0;
}
.top-page .heichi-image:before {
    background: url("../image/top/heichi1.jpg") no-repeat left top;
    background: -webkit-image-set(url("../image/top/heichi1.jpg") 1x, url("../image/top/heichi1@2x.jpg") 2x) no-repeat left top;
    background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 700px) {
    .top-page .heichi-image:before {
        background: url("../image/top/heichi1_sp.jpg") no-repeat left top;
        background: -webkit-image-set(url("../image/top/heichi1_sp.jpg") 1x, url("../image/top/heichi1_sp@2x.jpg") 2x) no-repeat left top;
        background-size: cover
    }
}

.top-page .heichi-image2 .base-image {
    background: url("../image/top/heichi2_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi2_base.jpg") 1x, url("../image/top/heichi2_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image2 .base-image {
        background: url("../image/top/heichi2_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi2_base_sp.jpg") 1x, url("../image/top/heichi2_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image2 .on-image .span {
    background: url("../image/top/heichi2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi2.jpg") 1x, url("../image/top/heichi2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image2 .on-image .span {
        background: url("../image/top/heichi2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi2_sp.jpg") 1x, url("../image/top/heichi2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image3 .base-image {
    background: url("../image/top/heichi3_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi3_base.jpg") 1x, url("../image/top/heichi3_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image3 .base-image {
        background: url("../image/top/heichi3_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi3_base_sp.jpg") 1x, url("../image/top/heichi3_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image3 .on-image .span {
    background: url("../image/top/heichi3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi3.jpg") 1x, url("../image/top/heichi3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image3 .on-image .span {
        background: url("../image/top/heichi3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi3_sp.jpg") 1x, url("../image/top/heichi3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image4 .base-image {
    background: url("../image/top/heichi4_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi4_base.jpg") 1x, url("../image/top/heichi4_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image4 .base-image {
        background: url("../image/top/heichi4_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi4_base_sp.jpg") 1x, url("../image/top/heichi4_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image4 .on-image .span {
    background: url("../image/top/heichi4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi4.jpg") 1x, url("../image/top/heichi4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image4 .on-image .span {
        background: url("../image/top/heichi4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi4_sp.jpg") 1x, url("../image/top/heichi4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image5 .base-image {
    background: url("../image/top/heichi5_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi5_base.jpg") 1x, url("../image/top/heichi5_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image5 .base-image {
        background: url("../image/top/heichi5_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi5_base_sp.jpg") 1x, url("../image/top/heichi5_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image5 .on-image .span {
    background: url("../image/top/heichi5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi5.jpg") 1x, url("../image/top/heichi5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image5 .on-image .span {
        background: url("../image/top/heichi5_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi5_sp.jpg") 1x, url("../image/top/heichi5_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image6 .base-image {
    background: url("../image/top/heichi6_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi6_base.jpg") 1x, url("../image/top/heichi6_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image6 .base-image {
        background: url("../image/top/heichi6_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi6_base_sp.jpg") 1x, url("../image/top/heichi6_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .heichi-image6 .on-image .span {
    background: url("../image/top/heichi6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/heichi6.jpg") 1x, url("../image/top/heichi6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .heichi-image6 .on-image .span {
        background: url("../image/top/heichi6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/heichi6_sp.jpg") 1x, url("../image/top/heichi6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image:before {
    background: url("../image/top/shizen1.jpg") no-repeat left top;
    background: -webkit-image-set(url("../image/top/shizen1.jpg") 1x, url("../image/top/shizen1@2x.jpg") 2x) no-repeat left top;
    background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 700px) {
    .top-page .shizen-image:before {
        background: url("../image/top/shizen1_sp.jpg") no-repeat left top;
        background: -webkit-image-set(url("../image/top/shizen1_sp.jpg") 1x, url("../image/top/shizen1_sp@2x.jpg") 2x) no-repeat left top;
        background-size: cover
    }
}

.top-page .shizen-image2 .base-image {
    background: url("../image/top/shizen2_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen2_base.jpg") 1x, url("../image/top/shizen2_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image2 .base-image {
        background: url("../image/top/shizen2_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen2_base_sp.jpg") 1x, url("../image/top/shizen2_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image2 .on-image .span {
    background: url("../image/top/shizen2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen2.jpg") 1x, url("../image/top/shizen2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image2 .on-image .span {
        background: url("../image/top/shizen2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen2_sp.jpg") 1x, url("../image/top/shizen2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image3 .base-image {
    background: url("../image/top/shizen3_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen3_base.jpg") 1x, url("../image/top/shizen3_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image3 .base-image {
        background: url("../image/top/shizen3_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen3_base_sp.jpg") 1x, url("../image/top/shizen3_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image3 .on-image .span {
    background: url("../image/top/shizen3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen3.jpg") 1x, url("../image/top/shizen3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image3 .on-image .span {
        background: url("../image/top/shizen3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen3_sp.jpg") 1x, url("../image/top/shizen3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image4 .base-image {
    background: url("../image/top/shizen4_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen4_base.jpg") 1x, url("../image/top/shizen4_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image4 .base-image {
        background: url("../image/top/shizen4_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen4_base_sp.jpg") 1x, url("../image/top/shizen4_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image4 .on-image .span {
    background: url("../image/top/shizen4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen4.jpg") 1x, url("../image/top/shizen4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image4 .on-image .span {
        background: url("../image/top/shizen4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen4_sp.jpg") 1x, url("../image/top/shizen4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image5 .base-image {
    background: url("../image/top/shizen5_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen5_base.jpg") 1x, url("../image/top/shizen5_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image5 .base-image {
        background: url("../image/top/shizen5_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen5_base_sp.jpg") 1x, url("../image/top/shizen5_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image5 .on-image .span {
    background: url("../image/top/shizen5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen5.jpg") 1x, url("../image/top/shizen5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image5 .on-image .span {
        background: url("../image/top/shizen5_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen5_sp.jpg") 1x, url("../image/top/shizen5_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image6 .base-image {
    background: url("../image/top/shizen6_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen6_base.jpg") 1x, url("../image/top/shizen6_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image6 .base-image {
        background: url("../image/top/shizen6_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen6_base_sp.jpg") 1x, url("../image/top/shizen6_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .shizen-image6 .on-image .span {
    background: url("../image/top/shizen6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/shizen6.jpg") 1x, url("../image/top/shizen6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .shizen-image6 .on-image .span {
        background: url("../image/top/shizen6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/shizen6_sp.jpg") 1x, url("../image/top/shizen6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image:before {
    background: url("../image/top/tiki1.jpg") no-repeat left top;
    background: -webkit-image-set(url("../image/top/tiki1.jpg") 1x, url("../image/top/tiki1@2x.jpg") 2x) no-repeat left top;
    background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

@media (max-width: 700px) {
    .top-page .tiki-image:before {
        background: url("../image/top/tiki1_sp.jpg") no-repeat left top;
        background: -webkit-image-set(url("../image/top/tiki1_sp.jpg") 1x, url("../image/top/tiki1_sp@2x.jpg") 2x) no-repeat left top;
        background-size: cover
    }
}

.top-page .tiki-image2 .base-image {
    background: url("../image/top/tiki2_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki2_base.jpg") 1x, url("../image/top/tiki2_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image2 .base-image {
        background: url("../image/top/tiki2_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki2_base_sp.jpg") 1x, url("../image/top/tiki2_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image2 .on-image .span {
    background: url("../image/top/tiki2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki2.jpg") 1x, url("../image/top/tiki2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image2 .on-image .span {
        background: url("../image/top/tiki2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki2_sp.jpg") 1x, url("../image/top/tiki2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image3 .base-image {
    background: url("../image/top/tiki3_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki3_base.jpg") 1x, url("../image/top/tiki3_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image3 .base-image {
        background: url("../image/top/tiki3_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki3_base_sp.jpg") 1x, url("../image/top/tiki3_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image3 .on-image .span {
    background: url("../image/top/tiki3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki3.jpg") 1x, url("../image/top/tiki3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image3 .on-image .span {
        background: url("../image/top/tiki3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki3_sp.jpg") 1x, url("../image/top/tiki3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image4 .base-image {
    background: url("../image/top/tiki4_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki4_base.jpg") 1x, url("../image/top/tiki4_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image4 .base-image {
        background: url("../image/top/tiki4_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki4_base_sp.jpg") 1x, url("../image/top/tiki4_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image4 .on-image .span {
    background: url("../image/top/tiki4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki4.jpg") 1x, url("../image/top/tiki4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image4 .on-image .span {
        background: url("../image/top/tiki4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki4_sp.jpg") 1x, url("../image/top/tiki4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image5 .base-image {
    background: url("../image/top/tiki5_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki5_base.jpg") 1x, url("../image/top/tiki5_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image5 .base-image {
        background: url("../image/top/tiki5_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki5_base_sp.jpg") 1x, url("../image/top/tiki5_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image5 .on-image .span {
    background: url("../image/top/tiki5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki5.jpg") 1x, url("../image/top/tiki5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image5 .on-image .span {
        background: url("../image/top/tiki5_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki5_sp.jpg") 1x, url("../image/top/tiki5_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image6 .base-image {
    background: url("../image/top/tiki6_base.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki6_base.jpg") 1x, url("../image/top/tiki6_base@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image6 .base-image {
        background: url("../image/top/tiki6_base_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki6_base_sp.jpg") 1x, url("../image/top/tiki6_base_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tiki-image6 .on-image .span {
    background: url("../image/top/tiki6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tiki6.jpg") 1x, url("../image/top/tiki6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tiki-image6 .on-image .span {
        background: url("../image/top/tiki6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tiki6_sp.jpg") 1x, url("../image/top/tiki6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.top-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat right center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat right center;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat right center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat right center;
        background-size: cover
    }
}

.top-page .toriyose-image {
    background: url("../image/top/toriyose.jpg") no-repeat right top;
    background: -webkit-image-set(url("../image/top/toriyose.jpg") 1x, url("../image/top/toriyose@2x.jpg") 2x) no-repeat right top;
    background-size: cover
}

@media (max-width: 700px) {
    .top-page .toriyose-image {
        background: url("../image/top/toriyose_sp.jpg") no-repeat right top;
        background: -webkit-image-set(url("../image/top/toriyose_sp.jpg") 1x, url("../image/top/toriyose_sp@2x.jpg") 2x) no-repeat right top;
        background-size: cover
    }
}

.buffet-page .sweet-image {
    background: url("../image/suites_buffet/bg-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/suites_buffet/bg-image.jpg") 1x, url("../image/suites_buffet/bg-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .buffet-page .sweet-image {
        background: url("../image/suites_buffet/bg-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/suites_buffet/bg-image_sp.jpg") 1x, url("../image/suites_buffet/bg-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.terrasse-page .slide-image1 {
    background: url(../image/terrasse/image1.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image1.jpg) 1x, url(../image/terrasse/image1@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .slide-image2 {
    background: url(../image/terrasse/image2.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image2.jpg) 1x, url(../image/terrasse/image2@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .slide-image3 {
    background: url(../image/terrasse/image3.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image3.jpg) 1x, url(../image/terrasse/image3@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .slide-image4 {
    background: url(../image/terrasse/image4.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image4.jpg) 1x, url(../image/terrasse/image4@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .slide-image5 {
    background: url(../image/terrasse/image5.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image5.jpg) 1x, url(../image/terrasse/image5@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .slide-image6 {
    background: url(../image/terrasse/image6.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/image6.jpg) 1x, url(../image/terrasse/image6@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .back-image-content {
    background: url(../image/terrasse/bg-image.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/bg-image.jpg) 1x, url(../image/terrasse/bg-image@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .restaurant-image {
    background: url(../image/terrasse/link-image.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/link-image.jpg) 1x, url(../image/terrasse/link-image@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .sweets-image {
    background: url(../image/terrasse/link-image2.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/link-image2.jpg) 1x, url(../image/terrasse/link-image2@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.terrasse-page .enkai-image {
    background: url(../image/terrasse/link-image3.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/terrasse/link-image3.jpg) 1x, url(../image/terrasse/link-image3@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .image1 {
    background: url("../image/terrasse/party_course/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/image2.jpg") 1x, url("../image/terrasse/party_course/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .image2 {
    background: url("../image/terrasse/party_course/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/image4.jpg") 1x, url("../image/terrasse/party_course/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .slide-image1 {
    background: url("../image/terrasse/party_course/slide1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/slide1.jpg") 1x, url("../image/terrasse/party_course/slide1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .slide-image2 {
    background: url("../image/terrasse/party_course/slide2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/slide2.jpg") 1x, url("../image/terrasse/party_course/slide2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .slide-image3 {
    background: url("../image/terrasse/party_course/slide3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/slide3.jpg") 1x, url("../image/terrasse/party_course/slide3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.party-course-page .image-shisatu {
    background: url("../image/terrasse/party_course/dantai.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/terrasse/party_course/dantai.jpg") 1x, url("../image/terrasse/party_course/dantai@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.cocogarden-page .tamakake-image {
    background: url("../image/cocogarden/tamakake.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/tamakake.jpg") 1x, url("../image/cocogarden/tamakake@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cocogarden-page .tamakake-image {
        background: url("../image/cocogarden/tamakake_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cocogarden/tamakake_sp.jpg") 1x, url("../image/cocogarden/tamakake_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cocogarden-page .experience .paper-bg-wrap {
    background: url("../image/cocogarden/bg_parper.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/bg_parper.jpg") 1x, url("../image/cocogarden/bg_parper@2x.jpg") 2x) no-repeat center center;
    background-size: 100% 100%
}

@media (max-width: 700px) {
    .cocogarden-page .experience .paper-bg-wrap {
        background: url("../image/cocogarden/bg_parper_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cocogarden/bg_parper_sp.jpg") 1x, url("../image/cocogarden/bg_parper_sp@2x.jpg") 2x) no-repeat center center;
        background-size: 100% 100%
    }
}

.cocogarden-page .set-tamakake-image {
    background: url("../image/cocogarden/tamakake_set.png") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/tamakake_set.png") 1x, url("../image/cocogarden/tamakake_set@2x.png") 2x) no-repeat center center;
    background-size: contain
}

@media (max-width: 700px) {
    .cocogarden-page .set-tamakake-image {
        background: url("../image/cocogarden/tamakake_set_sp.png") no-repeat center center;
        background: -webkit-image-set(url("../image/cocogarden/tamakake_set_sp.png") 1x, url("../image/cocogarden/tamakake_set_sp@2x.png") 2x) no-repeat center center;
        background-size: contain
    }
}

.cocogarden-page .dog-image {
    background: url("../image/cocogarden/dog.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/dog.jpg") 1x, url("../image/cocogarden/dog@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cocogarden-page .dog-image {
        background: url("../image/cocogarden/dog_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cocogarden/dog_sp.jpg") 1x, url("../image/cocogarden/dog_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.burger-page .image1 {
    background: url("../image/cocogarden/burger_kitchen/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/image1.jpg") 1x, url("../image/cocogarden/burger_kitchen/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.burger-page .image2 {
    background: url("../image/cocogarden/burger_kitchen/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/image2.jpg") 1x, url("../image/cocogarden/burger_kitchen/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.burger-page .burger1 {
    background: url("../image/cocogarden/burger_kitchen/burger1.jpg") no-repeat right center;
    background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger1.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger1@2x.jpg") 2x) no-repeat right center;
    background-size: cover
}

@media (max-width: 700px) {
    .burger-page .burger1 {
        background: url("../image/cocogarden/burger_kitchen/burger1_sp.jpg") no-repeat right center;
        background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger1_sp.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger1_sp@2x.jpg") 2x) no-repeat right center;
        background-size: cover
    }
}

.burger-page .burger2 {
    background: url("../image/cocogarden/burger_kitchen/burger2.jpg") no-repeat right center;
    background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger2.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger2@2x.jpg") 2x) no-repeat right center;
    background-size: cover
}

@media (max-width: 700px) {
    .burger-page .burger2 {
        background: url("../image/cocogarden/burger_kitchen/burger2_sp.jpg") no-repeat right center;
        background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger2_sp.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger2_sp@2x.jpg") 2x) no-repeat right center;
        background-size: cover
    }
}

.burger-page .burger3 {
    background: url("../image/cocogarden/burger_kitchen/burger3.jpg") no-repeat left center;
    background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger3.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger3@2x.jpg") 2x) no-repeat left center;
    background-size: cover
}

@media (max-width: 700px) {
    .burger-page .burger3 {
        background: url("../image/cocogarden/burger_kitchen/burger3_sp.jpg") no-repeat left center;
        background: -webkit-image-set(url("../image/cocogarden/burger_kitchen/burger3_sp.jpg") 1x, url("../image/cocogarden/burger_kitchen/burger3_sp@2x.jpg") 2x) no-repeat left center;
        background-size: cover
    }
}

.resort-concept-page .bg-image1 {
    background: url("../image/resort_concept/bg-image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image1.jpg") 1x, url("../image/resort_concept/bg-image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image2 {
    background: url("../image/resort_concept/bg-image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image2.jpg") 1x, url("../image/resort_concept/bg-image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image3 {
    background: url("../image/resort_concept/bg-image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image3.jpg") 1x, url("../image/resort_concept/bg-image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image4 {
    background: url("../image/resort_concept/bg-image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image4.jpg") 1x, url("../image/resort_concept/bg-image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image5 {
    background: url("../image/resort_concept/bg-image5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image5.jpg") 1x, url("../image/resort_concept/bg-image5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image6 {
    background: url("../image/resort_concept/bg-image6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image6.jpg") 1x, url("../image/resort_concept/bg-image6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .resort-concept-page .bg-image6 {
        background: url("../image/resort_concept/bg-image6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/resort_concept/bg-image6_sp.jpg") 1x, url("../image/resort_concept/bg-image6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.resort-concept-page .bg-image7 {
    background: url("../image/resort_concept/bg-image7.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image7.jpg") 1x, url("../image/resort_concept/bg-image7@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .bg-image8 {
    background: url("../image/resort_concept/bg-image8.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image8.jpg") 1x, url("../image/resort_concept/bg-image8@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .resort-concept-page .bg-image8 {
        background: url("../image/resort_concept/bg-image8_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/resort_concept/bg-image8_sp.jpg") 1x, url("../image/resort_concept/bg-image8_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.resort-concept-page .bg-image9 {
    background: url("../image/resort_concept/bg-image9.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/bg-image9.jpg") 1x, url("../image/resort_concept/bg-image9@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.resort-concept-page .resort-concept-slide .slide1 {
    background: url("../image/resort_concept/slide1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort_concept/slide1.jpg") 1x, url("../image/resort_concept/slide1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .resort-concept-page .resort-concept-slide .slide1 {
        background: url("../image/resort_concept/slide1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/resort_concept/slide1_sp.jpg") 1x, url("../image/resort_concept/slide1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.resort-concept-page .resort-concept-slide .slide2 .left-image {
    background: url(../image/resort_concept/slide2-1.jpg) no-repeat center 40%;
    background: -webkit-image-set(url(../image/resort_concept/slide2-1.jpg) 1x, url(../image/resort_concept/slide2-1@2x.jpg) 2x) no-repeat center 40%;
    background-size: cover
}

.resort-concept-page .resort-concept-slide .slide2 .right-image {
    background: url(../image/resort_concept/slide2-2.jpg) no-repeat center 40%;
    background: -webkit-image-set(url(../image/resort_concept/slide2-2.jpg) 1x, url(../image/resort_concept/slide2-2@2x.jpg) 2x) no-repeat center 40%;
    background-size: cover
}

.resort-concept-page .resort-concept-slide .slide3 {
    background: url("../image/resort_concept/slide3.jpg") no-repeat 55% center;
    background: -webkit-image-set(url("../image/resort_concept/slide3.jpg") 1x, url("../image/resort_concept/slide3@2x.jpg") 2x) no-repeat 55% center;
    background-size: cover
}

@media (max-width: 700px) {
    .resort-concept-page .resort-concept-slide .slide3 {
        background: url("../image/resort_concept/slide3_sp.jpg") no-repeat 55% center;
        background: -webkit-image-set(url("../image/resort_concept/slide3_sp.jpg") 1x, url("../image/resort_concept/slide3_sp@2x.jpg") 2x) no-repeat 55% center;
        background-size: cover
    }
}

.eat-concept-page .image1 .base-image {
    background: url("../image/eat_concept/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image1.jpg") 1x, url("../image/eat_concept/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image1 .base-image {
        background: url("../image/eat_concept/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image1_sp.jpg") 1x, url("../image/eat_concept/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.eat-concept-page .image1 .on-image .span {
    background: url("../image/eat_concept/image1_on.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image1_on.jpg") 1x, url("../image/eat_concept/image1_on@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image1 .on-image .span {
        background: url("../image/eat_concept/image1_on_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image1_on_sp.jpg") 1x, url("../image/eat_concept/image1_on_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.eat-concept-page .image2 .base-image {
    background: url("../image/eat_concept/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image2.jpg") 1x, url("../image/eat_concept/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image2 .base-image {
        background: url("../image/eat_concept/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image2_sp.jpg") 1x, url("../image/eat_concept/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.eat-concept-page .image2 .on-image .span {
    background: url("../image/eat_concept/image2_on.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image2_on.jpg") 1x, url("../image/eat_concept/image2_on@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image2 .on-image .span {
        background: url("../image/eat_concept/image2_on_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image2_on_sp.jpg") 1x, url("../image/eat_concept/image2_on_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.eat-concept-page .image3 .base-image {
    background: url("../image/eat_concept/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image3.jpg") 1x, url("../image/eat_concept/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image3 .base-image {
        background: url("../image/eat_concept/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image3_sp.jpg") 1x, url("../image/eat_concept/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.eat-concept-page .image3 .on-image .span {
    background: url("../image/eat_concept/image3_on.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/eat_concept/image3_on.jpg") 1x, url("../image/eat_concept/image3_on@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .eat-concept-page .image3 .on-image .span {
        background: url("../image/eat_concept/image3_on_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/eat_concept/image3_on_sp.jpg") 1x, url("../image/eat_concept/image3_on_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village1 {
    background: url("../image/village/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image1.jpg") 1x, url("../image/village/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village1 {
        background: url("../image/village/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image1_sp.jpg") 1x, url("../image/village/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village2 {
    background: url("../image/village/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image2.jpg") 1x, url("../image/village/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village2 {
        background: url("../image/village/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image2_sp.jpg") 1x, url("../image/village/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village3 {
    background: url("../image/village/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image3.jpg") 1x, url("../image/village/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village3 {
        background: url("../image/village/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image3_sp.jpg") 1x, url("../image/village/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village4 {
    background: url("../image/village/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image4.jpg") 1x, url("../image/village/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village4 {
        background: url("../image/village/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image4_sp.jpg") 1x, url("../image/village/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village5 {
    background: url("../image/village/image5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image5.jpg") 1x, url("../image/village/image5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village5 {
        background: url("../image/village/image5_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image5_sp.jpg") 1x, url("../image/village/image5_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village6 {
    background: url("../image/village/image6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image6.jpg") 1x, url("../image/village/image6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village6 {
        background: url("../image/village/image6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image6_sp.jpg") 1x, url("../image/village/image6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village7 {
    background: url("../image/village/image7.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image7.jpg") 1x, url("../image/village/image7@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village7 {
        background: url("../image/village/image7_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image7_sp.jpg") 1x, url("../image/village/image7_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .village8 {
    background: url("../image/village/image8.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/image8.jpg") 1x, url("../image/village/image8@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .village-page .village8 {
        background: url("../image/village/image8_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/village/image8_sp.jpg") 1x, url("../image/village/image8_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.village-page .list-box1 .list1 {
    background: url("../image/village/list1-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list1-1.jpg") 1x, url("../image/village/list1-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box1 .list2 {
    background: url("../image/village/list1-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list1-2.jpg") 1x, url("../image/village/list1-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box1 .list3 {
    background: url("../image/village/list1-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list1-3.jpg") 1x, url("../image/village/list1-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box2 .list1 {
    background: url("../image/village/list2-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list2-1.jpg") 1x, url("../image/village/list2-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box2 .list2 {
    background: url("../image/village/list2-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list2-2.jpg") 1x, url("../image/village/list2-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box2 .list3 {
    background: url("../image/village/list2-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list2-3.jpg") 1x, url("../image/village/list2-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box3 .list1 {
    background: url("../image/village/list3-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list3-1.jpg") 1x, url("../image/village/list3-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box4 .list1 {
    background: url("../image/village/list4-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list4-1.jpg") 1x, url("../image/village/list4-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box4 .list2 {
    background: url("../image/village/list4-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list4-2.jpg") 1x, url("../image/village/list4-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box4 .list3 {
    background: url("../image/village/list4-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list4-3.jpg") 1x, url("../image/village/list4-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box5 .list1 {
    background: url("../image/village/list5-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list5-1.jpg") 1x, url("../image/village/list5-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box5 .list2 {
    background: url("../image/village/list5-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list5-2.jpg") 1x, url("../image/village/list5-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box5 .list3 {
    background: url("../image/village/list5-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list5-3.jpg") 1x, url("../image/village/list5-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box6 .list1 {
    background: url("../image/village/list6-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list6-1.jpg") 1x, url("../image/village/list6-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box6 .list2 {
    background: url("../image/village/list6-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list6-2.jpg") 1x, url("../image/village/list6-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box6 .list3 {
    background: url("../image/village/list6-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list6-3.jpg") 1x, url("../image/village/list6-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box7 .list1 {
    background: url("../image/village/list7-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list7-1.jpg") 1x, url("../image/village/list7-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box7 .list2 {
    background: url("../image/village/list7-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list7-2.jpg") 1x, url("../image/village/list7-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box7 .list3 {
    background: url("../image/village/list7-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list7-3.jpg") 1x, url("../image/village/list7-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box8 .list1 {
    background: url("../image/village/list8-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list8-1.jpg") 1x, url("../image/village/list8-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box8 .list2 {
    background: url("../image/village/list8-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list8-2.jpg") 1x, url("../image/village/list8-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .list-box8 .list3 {
    background: url("../image/village/list8-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/list8-3.jpg") 1x, url("../image/village/list8-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.village-page .bg1 {
    background: url("../image/village/border1.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border1.png") 1x, url("../image/village/border1@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg2 {
    background: url("../image/village/border2.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border2.png") 1x, url("../image/village/border2@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg3 {
    background: url("../image/village/border3.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border3.png") 1x, url("../image/village/border3@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg4 {
    background: url("../image/village/border4.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border4.png") 1x, url("../image/village/border4@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg5 {
    background: url("../image/village/border5.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border5.png") 1x, url("../image/village/border5@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg6 {
    background: url("../image/village/border6.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border6.png") 1x, url("../image/village/border6@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg7 {
    background: url("../image/village/border7.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border7.png") 1x, url("../image/village/border7@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.village-page .bg8 {
    background: url("../image/village/border8.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border8.png") 1x, url("../image/village/border8@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.gift-salon-page .product-image1 {
    background: url("../image/village/gift_salon/product1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/gift_salon/product1.jpg") 1x, url("../image/village/gift_salon/product1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.gift-salon-page .product-image2 {
    background: url("../image/village/gift_salon/product2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/gift_salon/product2.jpg") 1x, url("../image/village/gift_salon/product2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.gift-salon-page .product-image3 {
    background: url("../image/village/gift_salon/product3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/gift_salon/product3.jpg") 1x, url("../image/village/gift_salon/product3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.gift-salon-page .image1 {
    background: url("../image/village/gift_salon/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/gift_salon/image1.jpg") 1x, url("../image/village/gift_salon/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.gift-salon-page .image2 {
    background: url("../image/village/gift_salon/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/village/gift_salon/image2.jpg") 1x, url("../image/village/gift_salon/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .shoping1 {
    background: url("../image/shoping/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image1.jpg") 1x, url("../image/shoping/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping1 {
        background: url("../image/shoping/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image1_sp.jpg") 1x, url("../image/shoping/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping2 {
    background: url("../image/shoping/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image2.jpg") 1x, url("../image/shoping/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping2 {
        background: url("../image/shoping/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image2_sp.jpg") 1x, url("../image/shoping/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping3 {
    background: url("../image/shoping/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image3.jpg") 1x, url("../image/shoping/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping3 {
        background: url("../image/shoping/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image3_sp.jpg") 1x, url("../image/shoping/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping4 {
    background: url("../image/shoping/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image4.jpg") 1x, url("../image/shoping/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping4 {
        background: url("../image/shoping/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image4_sp.jpg") 1x, url("../image/shoping/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping5 {
    background: url("../image/shoping/image5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image5.jpg") 1x, url("../image/shoping/image5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping5 {
        background: url("../image/shoping/image5_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image5_sp.jpg") 1x, url("../image/shoping/image5_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping6 {
    background: url("../image/shoping/image6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image6.jpg") 1x, url("../image/shoping/image6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping6 {
        background: url("../image/shoping/image6_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image6_sp.jpg") 1x, url("../image/shoping/image6_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping7 {
    background: url("../image/shoping/image7.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image7.jpg") 1x, url("../image/shoping/image7@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping7 {
        background: url("../image/shoping/image7_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image7_sp.jpg") 1x, url("../image/shoping/image7_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping8 {
    background: url("../image/shoping/image8.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image8.jpg") 1x, url("../image/shoping/image8@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping8 {
        background: url("../image/shoping/image8_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image8_sp.jpg") 1x, url("../image/shoping/image8_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping9 {
    background: url("../image/shoping/image9.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image9.jpg") 1x, url("../image/shoping/image9@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping9 {
        background: url("../image/shoping/image9_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image9_sp.jpg") 1x, url("../image/shoping/image9_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .shoping10 {
    background: url("../image/shoping/image10.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/image10.jpg") 1x, url("../image/shoping/image10@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .shoping-page .shoping10 {
        background: url("../image/shoping/image10_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/shoping/image10_sp.jpg") 1x, url("../image/shoping/image10_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.shoping-page .bg1 {
    background: url("../image/village/border1.png") no-repeat center center;
    background: -webkit-image-set(url("../image/village/border1.png") 1x, url("../image/village/border1@2x.png") 2x) no-repeat center center;
    background-size: 100% 100%
}

.shoping-page .list-box1 .list1 {
    background: url("../image/shoping/list1-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list1-1.jpg") 1x, url("../image/shoping/list1-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box1 .list2 {
    background: url("../image/shoping/list1-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list1-2.jpg") 1x, url("../image/shoping/list1-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box1 .list3 {
    background: url("../image/shoping/list1-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list1-3.jpg") 1x, url("../image/shoping/list1-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box2 .list1 {
    background: url("../image/shoping/list2-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list2-1.jpg") 1x, url("../image/shoping/list2-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box3 .list1 {
    background: url("../image/shoping/list3-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list3-1.jpg") 1x, url("../image/shoping/list3-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box3 .list2 {
    background: url("../image/shoping/list3-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list3-2.jpg") 1x, url("../image/shoping/list3-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box4 .list1 {
    background: url("../image/shoping/list4-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list4-1.jpg") 1x, url("../image/shoping/list4-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box4 .list2 {
    background: url("../image/shoping/list4-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list4-2.jpg") 1x, url("../image/shoping/list4-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box4 .list3 {
    background: url("../image/shoping/list4-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list4-3.jpg") 1x, url("../image/shoping/list4-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box4 .list4 {
    background: url("../image/shoping/list4-4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list4-4.jpg") 1x, url("../image/shoping/list4-4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box5 .list1 {
    background: url("../image/shoping/list5-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list5-1.jpg") 1x, url("../image/shoping/list5-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box5 .list2 {
    background: url("../image/shoping/list5-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list5-2.jpg") 1x, url("../image/shoping/list5-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box5 .list3 {
    background: url("../image/shoping/list5-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list5-3.jpg") 1x, url("../image/shoping/list5-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box6 .list1 {
    background: url("../image/shoping/list6-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list6-1.jpg") 1x, url("../image/shoping/list6-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box6 .list2 {
    background: url("../image/shoping/list6-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list6-2.jpg") 1x, url("../image/shoping/list6-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box6 .list3 {
    background: url("../image/shoping/list6-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list6-3.jpg") 1x, url("../image/shoping/list6-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box7 .list1 {
    background: url("../image/shoping/list7-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list7-1.jpg") 1x, url("../image/shoping/list7-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box7 .list2 {
    background: url("../image/shoping/list7-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list7-2.jpg") 1x, url("../image/shoping/list7-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box8 .list1 {
    background: url("../image/shoping/list8-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list8-1.jpg") 1x, url("../image/shoping/list8-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box8 .list2 {
    background: url("../image/shoping/list8-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list8-2.jpg") 1x, url("../image/shoping/list8-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box8 .list3 {
    background: url("../image/shoping/list8-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list8-3.jpg") 1x, url("../image/shoping/list8-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box9 .list1 {
    background: url("../image/shoping/list9-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list9-1.jpg") 1x, url("../image/shoping/list9-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box9 .list2 {
    background: url("../image/shoping/list9-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list9-2.jpg") 1x, url("../image/shoping/list9-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box9 .list3 {
    background: url("../image/shoping/list9-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list9-3.jpg") 1x, url("../image/shoping/list9-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box10 .list1 {
    background: url("../image/shoping/list10-1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list10-1.jpg") 1x, url("../image/shoping/list10-1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box10 .list2 {
    background: url("../image/shoping/list10-2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list10-2.jpg") 1x, url("../image/shoping/list10-2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box10 .list3 {
    background: url("../image/shoping/list10-3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list10-3.jpg") 1x, url("../image/shoping/list10-3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.shoping-page .list-box10 .list4 {
    background: url("../image/shoping/list10-4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/shoping/list10-4.jpg") 1x, url("../image/shoping/list10-4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.noodle-factory-page .image1 {
    background: url("../image/noodle_factory/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/noodle_factory/image1.jpg") 1x, url("../image/noodle_factory/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .noodle-factory-page .image1 {
        background: url("../image/noodle_factory/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/noodle_factory/image1_sp.jpg") 1x, url("../image/noodle_factory/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.noodle-factory-page .image2 {
    background: url("../image/noodle_factory/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/noodle_factory/image2.jpg") 1x, url("../image/noodle_factory/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .noodle-factory-page .image2 {
        background: url("../image/noodle_factory/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/noodle_factory/image2_sp.jpg") 1x, url("../image/noodle_factory/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.noodle-factory-page .image3 {
    background: url("../image/noodle_factory/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/noodle_factory/image3.jpg") 1x, url("../image/noodle_factory/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .noodle-factory-page .image3 {
        background: url("../image/noodle_factory/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/noodle_factory/image3_sp.jpg") 1x, url("../image/noodle_factory/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.noodle-factory-page .bg-image1 {
    background: url("../image/noodle_factory/bg-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/noodle_factory/bg-image.jpg") 1x, url("../image/noodle_factory/bg-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .noodle-factory-page .bg-image1 {
        background: url("../image/noodle_factory/bg-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/noodle_factory/bg-image_sp.jpg") 1x, url("../image/noodle_factory/bg-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .aco-content .image1 {
    background: url("../image/ec/top/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/image1.jpg") 1x, url("../image/ec/top/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .aco-content .image1 {
        background: url("../image/ec/top/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/image1_sp.jpg") 1x, url("../image/ec/top/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .aco-content .image2 {
    background: url("../image/ec/top/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/image2.jpg") 1x, url("../image/ec/top/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .aco-content .image2 {
        background: url("../image/ec/top/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/image2_sp.jpg") 1x, url("../image/ec/top/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .product-list .product1 {
    background: url("../image/ec/top/product1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product1.jpg") 1x, url("../image/ec/top/product1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .product-list .product1 {
        background: url("../image/ec/top/product1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/product1_sp.jpg") 1x, url("../image/ec/top/product1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .product-list .product2 {
    background: url("../image/ec/top/product2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product2.jpg") 1x, url("../image/ec/top/product2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .product-list .product2 {
        background: url("../image/ec/top/product2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/product2_sp.jpg") 1x, url("../image/ec/top/product2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .product-list .product3 {
    background: url("../image/ec/top/product3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product3.jpg") 1x, url("../image/ec/top/product3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .product-list .product3 {
        background: url("../image/ec/top/product3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/product3_sp.jpg") 1x, url("../image/ec/top/product3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .product-list .product4 {
    background: url("../image/ec/top/product4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product4.jpg") 1x, url("../image/ec/top/product4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product5 {
    background: url("../image/ec/top/product5.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product5.jpg") 1x, url("../image/ec/top/product5@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product6 {
    background: url("../image/ec/top/product6.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product6.jpg") 1x, url("../image/ec/top/product6@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product7 {
    background: url("../image/ec/top/product7.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product7.jpg") 1x, url("../image/ec/top/product7@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product8 {
    background: url("../image/ec/top/product8.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product8.jpg") 1x, url("../image/ec/top/product8@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product9 {
    background: url("../image/ec/top/product9.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product9.jpg") 1x, url("../image/ec/top/product9@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product10 {
    background: url("../image/ec/top/product10.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product10.jpg") 1x, url("../image/ec/top/product10@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .product-list .product11 {
    background: url("../image/ec/top/product11.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/product11.jpg") 1x, url("../image/ec/top/product11@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-top-page .gift-image {
    background: url("../image/ec/top/gift.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/gift.jpg") 1x, url("../image/ec/top/gift@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .gift-image {
        background: url("../image/ec/top/gift_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/gift_sp.jpg") 1x, url("../image/ec/top/gift_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .ranking .image-rnk1 {
    background: url(../image/ec/top/rank1.jpg) no-repeat center center
}

.ec-top-page .ranking .image-rnk2 {
    background: url(../image/ec/top/rank2.jpg) no-repeat center center
}

.ec-top-page .ranking .image-rnk3 {
    background: url(../image/ec/top/rank3.jpg) no-repeat center center
}

.ec-top-page .ranking .image-rnk4 {
    background: url(../image/ec/top/rank4.jpg) no-repeat center center
}

.ec-top-page .ranking .image-rnk5 {
    background: url(../image/ec/top/rank5.jpg) no-repeat center center
}

.ec-top-page .cours-set-box .tamago-set {
    background: url("../image/ec/top/tamago1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago1.jpg") 1x, url("../image/ec/top/tamago1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .cours-set-box .tamago-set {
        background: url("../image/ec/top/tamago1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago1_sp.jpg") 1x, url("../image/ec/top/tamago1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .cours-set-box .tamago-cours {
    background: url("../image/ec/top/tamago2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago2.jpg") 1x, url("../image/ec/top/tamago2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .cours-set-box .tamago-cours {
        background: url("../image/ec/top/tamago2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago2_sp.jpg") 1x, url("../image/ec/top/tamago2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-top-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat right center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat right center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-top-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat right center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat right center;
        background-size: cover
    }
}

.cours-set-wrap .cours-set-box .tamago-set {
    background: url("../image/ec/top/tamago1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago1.jpg") 1x, url("../image/ec/top/tamago1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cours-set-wrap .cours-set-box .tamago-set {
        background: url("../image/ec/top/tamago1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago1_sp.jpg") 1x, url("../image/ec/top/tamago1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cours-set-wrap .cours-set-box .tamago-cours {
    background: url("../image/ec/top/tamago2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago2.jpg") 1x, url("../image/ec/top/tamago2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cours-set-wrap .cours-set-box .tamago-cours {
        background: url("../image/ec/top/tamago2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago2_sp.jpg") 1x, url("../image/ec/top/tamago2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.tenbiran-course-box .cours-set-box .tamago-set {
    background: url("../image/ec/top/tamago1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago1.jpg") 1x, url("../image/ec/top/tamago1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .tenbiran-course-box .cours-set-box .tamago-set {
        background: url("../image/ec/top/tamago1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago1_sp.jpg") 1x, url("../image/ec/top/tamago1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.tenbiran-course-box .cours-set-box .tamago-cours {
    background: url("../image/ec/top/tamago2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/top/tamago2.jpg") 1x, url("../image/ec/top/tamago2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .tenbiran-course-box .cours-set-box .tamago-cours {
        background: url("../image/ec/top/tamago2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/top/tamago2_sp.jpg") 1x, url("../image/ec/top/tamago2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-gift-page .document-image .image-item1 {
    background: url("../image/ec/gift/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/image1.jpg") 1x, url("../image/ec/gift/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-gift-page .document-image .image-item1 {
        background: url("../image/ec/gift/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/gift/image1_sp.jpg") 1x, url("../image/ec/gift/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-gift-page .document-image .image-item2 {
    background: url("../image/ec/gift/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/image2.jpg") 1x, url("../image/ec/gift/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-gift-page .document-image .image-item2 {
        background: url("../image/ec/gift/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/gift/image2_sp.jpg") 1x, url("../image/ec/gift/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-gift-page .document-image .image-item3 {
    background: url("../image/ec/gift/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/image3.jpg") 1x, url("../image/ec/gift/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-gift-page .document-image .image-item3 {
        background: url("../image/ec/gift/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/gift/image3_sp.jpg") 1x, url("../image/ec/gift/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-gift-page .category-list-box .price1 {
    background: url("../image/ec/gift/p1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/p1.jpg") 1x, url("../image/ec/gift/p1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-gift-page .category-list-box .price2 {
    background: url("../image/ec/gift/p2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/p2.jpg") 1x, url("../image/ec/gift/p2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-gift-page .category-list-box .price3 {
    background: url("../image/ec/gift/p3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/gift/p3.jpg") 1x, url("../image/ec/gift/p3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.ec-gift-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-gift-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .main-image {
    background: url("../image/ec/category/pan/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/main-image.jpg") 1x, url("../image/ec/category/pan/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .main-image {
        background: url("../image/ec/category/pan/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/main-image_sp.jpg") 1x, url("../image/ec/category/pan/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .product-info-box .image-item1 {
    background: url("../image/ec/category/pan/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/image1.jpg") 1x, url("../image/ec/category/pan/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .product-info-box .image-item1 {
        background: url("../image/ec/category/pan/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/image1_sp.jpg") 1x, url("../image/ec/category/pan/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .product-info-box .image-item2 {
    background: url("../image/ec/category/pan/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/image2.jpg") 1x, url("../image/ec/category/pan/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .product-info-box .image-item2 {
        background: url("../image/ec/category/pan/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/image2_sp.jpg") 1x, url("../image/ec/category/pan/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .product-info-box .image-item3 {
    background: url("../image/ec/category/pan/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/image3.jpg") 1x, url("../image/ec/category/pan/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .product-info-box .image-item3 {
        background: url("../image/ec/category/pan/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/image3_sp.jpg") 1x, url("../image/ec/category/pan/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .product-info-box .image-item4 {
    background: url("../image/ec/category/pan/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/image4.jpg") 1x, url("../image/ec/category/pan/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .product-info-box .image-item4 {
        background: url("../image/ec/category/pan/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/image4_sp.jpg") 1x, url("../image/ec/category/pan/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pan-page .big-image-text .big-image-item {
    background: url("../image/ec/category/pan/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pan/big-image.jpg") 1x, url("../image/ec/category/pan/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pan-page .big-image-text .big-image-item {
        background: url("../image/ec/category/pan/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pan/big-image_sp.jpg") 1x, url("../image/ec/category/pan/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .main-image {
    background: url("../image/ec/category/tenbiran-kamatama-udon/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/main-image.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .main-image {
        background: url("../image/ec/category/tenbiran-kamatama-udon/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/main-image_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .product-info-box .image-item1 {
    background: url("../image/ec/category/tenbiran-kamatama-udon/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image1.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .product-info-box .image-item1 {
        background: url("../image/ec/category/tenbiran-kamatama-udon/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image1_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .product-info-box .image-item2 {
    background: url("../image/ec/category/tenbiran-kamatama-udon/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image2.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .product-info-box .image-item2 {
        background: url("../image/ec/category/tenbiran-kamatama-udon/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image2_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .product-info-box .image-item3 {
    background: url("../image/ec/category/tenbiran-kamatama-udon/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image3.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .product-info-box .image-item3 {
        background: url("../image/ec/category/tenbiran-kamatama-udon/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image3_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .product-info-box .image-item4 {
    background: url("../image/ec/category/tenbiran-kamatama-udon/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image4.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .product-info-box .image-item4 {
        background: url("../image/ec/category/tenbiran-kamatama-udon/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/image4_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-kamatama-udon-page .big-image-text .big-image-item {
    background: url("../image/ec/category/tenbiran-kamatama-udon/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/big-image.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-kamatama-udon-page .big-image-text .big-image-item {
        background: url("../image/ec/category/tenbiran-kamatama-udon/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-kamatama-udon/big-image_sp.jpg") 1x, url("../image/ec/category/tenbiran-kamatama-udon/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .main-image {
    background: url("../image/ec/category/tenbiran/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/main-image.jpg") 1x, url("../image/ec/category/tenbiran/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .main-image {
        background: url("../image/ec/category/tenbiran/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/main-image_sp.jpg") 1x, url("../image/ec/category/tenbiran/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .product-info-box .image-item1 {
    background: url("../image/ec/category/tenbiran/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/image1.jpg") 1x, url("../image/ec/category/tenbiran/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .product-info-box .image-item1 {
        background: url("../image/ec/category/tenbiran/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/image1_sp.jpg") 1x, url("../image/ec/category/tenbiran/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .product-info-box .image-item2 {
    background: url("../image/ec/category/tenbiran/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/image2.jpg") 1x, url("../image/ec/category/tenbiran/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .product-info-box .image-item2 {
        background: url("../image/ec/category/tenbiran/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/image2_sp.jpg") 1x, url("../image/ec/category/tenbiran/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .product-info-box .image-item3 {
    background: url("../image/ec/category/tenbiran/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/image3.jpg") 1x, url("../image/ec/category/tenbiran/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .product-info-box .image-item3 {
        background: url("../image/ec/category/tenbiran/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/image3_sp.jpg") 1x, url("../image/ec/category/tenbiran/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .product-info-box .image-item4 {
    background: url("../image/ec/category/tenbiran/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/image4.jpg") 1x, url("../image/ec/category/tenbiran/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .product-info-box .image-item4 {
        background: url("../image/ec/category/tenbiran/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/image4_sp.jpg") 1x, url("../image/ec/category/tenbiran/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tenbiran-page .big-image-text .big-image-item {
    background: url("../image/ec/category/tenbiran/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran/big-image.jpg") 1x, url("../image/ec/category/tenbiran/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tenbiran-page .big-image-text .big-image-item {
        background: url("../image/ec/category/tenbiran/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran/big-image_sp.jpg") 1x, url("../image/ec/category/tenbiran/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tanoshimu-footer .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tanoshimu-footer .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .main-image {
    background: url("../image/ec/category/tenbiran-dashimaki/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/main-image.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .main-image {
        background: url("../image/ec/category/tenbiran-dashimaki/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/main-image_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .product-info-box .image-item1 {
    background: url("../image/ec/category/tenbiran-dashimaki/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image1.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .product-info-box .image-item1 {
        background: url("../image/ec/category/tenbiran-dashimaki/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image1_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .product-info-box .image-item2 {
    background: url("../image/ec/category/tenbiran-dashimaki/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image2.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .product-info-box .image-item2 {
        background: url("../image/ec/category/tenbiran-dashimaki/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image2_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .product-info-box .image-item3 {
    background: url("../image/ec/category/tenbiran-dashimaki/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image3.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .product-info-box .image-item3 {
        background: url("../image/ec/category/tenbiran-dashimaki/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image3_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .product-info-box .image-item4 {
    background: url("../image/ec/category/tenbiran-dashimaki/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image4.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .product-info-box .image-item4 {
        background: url("../image/ec/category/tenbiran-dashimaki/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/image4_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-dashimaki-page .big-image-text .big-image-item {
    background: url("../image/ec/category/tenbiran-dashimaki/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/big-image.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-dashimaki-page .big-image-text .big-image-item {
        background: url("../image/ec/category/tenbiran-dashimaki/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tenbiran-dashimaki/big-image_sp.jpg") 1x, url("../image/ec/category/tenbiran-dashimaki/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .main-image {
    background: url("../image/ec/category/pudding/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/main-image.jpg") 1x, url("../image/ec/category/pudding/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .main-image {
        background: url("../image/ec/category/pudding/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/main-image_sp.jpg") 1x, url("../image/ec/category/pudding/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .product-info-box .image-item1 {
    background: url("../image/ec/category/pudding/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/image1.jpg") 1x, url("../image/ec/category/pudding/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .product-info-box .image-item1 {
        background: url("../image/ec/category/pudding/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/image1_sp.jpg") 1x, url("../image/ec/category/pudding/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .product-info-box .image-item2 {
    background: url("../image/ec/category/pudding/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/image2.jpg") 1x, url("../image/ec/category/pudding/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .product-info-box .image-item2 {
        background: url("../image/ec/category/pudding/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/image2_sp.jpg") 1x, url("../image/ec/category/pudding/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .product-info-box .image-item3 {
    background: url("../image/ec/category/pudding/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/image3.jpg") 1x, url("../image/ec/category/pudding/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .product-info-box .image-item3 {
        background: url("../image/ec/category/pudding/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/image3_sp.jpg") 1x, url("../image/ec/category/pudding/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .product-info-box .image-item4 {
    background: url("../image/ec/category/pudding/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/image4.jpg") 1x, url("../image/ec/category/pudding/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .product-info-box .image-item4 {
        background: url("../image/ec/category/pudding/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/image4_sp.jpg") 1x, url("../image/ec/category/pudding/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-pudding-page .big-image-text .big-image-item {
    background: url("../image/ec/category/pudding/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/pudding/big-image.jpg") 1x, url("../image/ec/category/pudding/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-pudding-page .big-image-text .big-image-item {
        background: url("../image/ec/category/pudding/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/pudding/big-image_sp.jpg") 1x, url("../image/ec/category/pudding/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .main-image {
    background: url("../image/ec/category/tart/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tart/main-image.jpg") 1x, url("../image/ec/category/tart/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .main-image {
        background: url("../image/ec/category/tart/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tart/main-image_sp.jpg") 1x, url("../image/ec/category/tart/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .product-info-box .image-item1 {
    background: url("../image/ec/category/tart/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tart/image1.jpg") 1x, url("../image/ec/category/tart/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .product-info-box .image-item1 {
        background: url("../image/ec/category/tart/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tart/image1_sp.jpg") 1x, url("../image/ec/category/tart/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .product-info-box .image-item2 {
    background: url("../image/ec/category/tart/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tart/image2.jpg") 1x, url("../image/ec/category/tart/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .product-info-box .image-item2 {
        background: url("../image/ec/category/tart/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tart/image2_sp.jpg") 1x, url("../image/ec/category/tart/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .product-info-box .image-item3 {
    background: url("../image/ec/category/tart/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tart/image3.jpg") 1x, url("../image/ec/category/tart/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .product-info-box .image-item3 {
        background: url("../image/ec/category/tart/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tart/image3_sp.jpg") 1x, url("../image/ec/category/tart/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .product-info-box .image-item4 {
    background: url("../image/ec/category/tart/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/tart/image4.jpg") 1x, url("../image/ec/category/tart/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .product-info-box .image-item4 {
        background: url("../image/ec/category/tart/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/tart/image4_sp.jpg") 1x, url("../image/ec/category/tart/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-tart-page .big-image-text .big-image-item {
    background: url("../image/ec/category/tart/big-image.jpg") no-repeat center top;
    background: -webkit-image-set(url("../image/ec/category/tart/big-image.jpg") 1x, url("../image/ec/category/tart/big-image@2x.jpg") 2x) no-repeat center top;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-tart-page .big-image-text .big-image-item {
        background: url("../image/ec/category/tart/big-image_sp.jpg") no-repeat center top;
        background: -webkit-image-set(url("../image/ec/category/tart/big-image_sp.jpg") 1x, url("../image/ec/category/tart/big-image_sp@2x.jpg") 2x) no-repeat center top;
        background-size: cover
    }
}

.ec-yakigashi-page .main-image {
    background: url("../image/ec/category/yakigashi/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/main-image.jpg") 1x, url("../image/ec/category/yakigashi/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .main-image {
        background: url("../image/ec/category/yakigashi/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/main-image_sp.jpg") 1x, url("../image/ec/category/yakigashi/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .product-info-box .image-item1 {
    background: url("../image/ec/category/yakigashi/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/image1.jpg") 1x, url("../image/ec/category/yakigashi/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .product-info-box .image-item1 {
        background: url("../image/ec/category/yakigashi/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/image1_sp.jpg") 1x, url("../image/ec/category/yakigashi/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .product-info-box .image-item2 {
    background: url("../image/ec/category/yakigashi/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/image2.jpg") 1x, url("../image/ec/category/yakigashi/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .product-info-box .image-item2 {
        background: url("../image/ec/category/yakigashi/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/image2_sp.jpg") 1x, url("../image/ec/category/yakigashi/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .product-info-box .image-item3 {
    background: url("../image/ec/category/yakigashi/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/image3.jpg") 1x, url("../image/ec/category/yakigashi/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .product-info-box .image-item3 {
        background: url("../image/ec/category/yakigashi/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/image3_sp.jpg") 1x, url("../image/ec/category/yakigashi/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .product-info-box .image-item4 {
    background: url("../image/ec/category/yakigashi/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/image4.jpg") 1x, url("../image/ec/category/yakigashi/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .product-info-box .image-item4 {
        background: url("../image/ec/category/yakigashi/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/image4_sp.jpg") 1x, url("../image/ec/category/yakigashi/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-yakigashi-page .big-image-text .big-image-item {
    background: url("../image/ec/category/yakigashi/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/yakigashi/big-image.jpg") 1x, url("../image/ec/category/yakigashi/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-yakigashi-page .big-image-text .big-image-item {
        background: url("../image/ec/category/yakigashi/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/yakigashi/big-image_sp.jpg") 1x, url("../image/ec/category/yakigashi/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .main-image {
    background: url("../image/ec/category/other-sweets/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/main-image.jpg") 1x, url("../image/ec/category/other-sweets/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .main-image {
        background: url("../image/ec/category/other-sweets/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/main-image_sp.jpg") 1x, url("../image/ec/category/other-sweets/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .product-info-box .image-item1 {
    background: url("../image/ec/category/other-sweets/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/image1.jpg") 1x, url("../image/ec/category/other-sweets/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .product-info-box .image-item1 {
        background: url("../image/ec/category/other-sweets/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/image1_sp.jpg") 1x, url("../image/ec/category/other-sweets/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .product-info-box .image-item2 {
    background: url("../image/ec/category/other-sweets/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/image2.jpg") 1x, url("../image/ec/category/other-sweets/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .product-info-box .image-item2 {
        background: url("../image/ec/category/other-sweets/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/image2_sp.jpg") 1x, url("../image/ec/category/other-sweets/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .product-info-box .image-item3 {
    background: url("../image/ec/category/other-sweets/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/image3.jpg") 1x, url("../image/ec/category/other-sweets/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .product-info-box .image-item3 {
        background: url("../image/ec/category/other-sweets/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/image3_sp.jpg") 1x, url("../image/ec/category/other-sweets/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .product-info-box .image-item4 {
    background: url("../image/ec/category/other-sweets/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/image4.jpg") 1x, url("../image/ec/category/other-sweets/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .product-info-box .image-item4 {
        background: url("../image/ec/category/other-sweets/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/image4_sp.jpg") 1x, url("../image/ec/category/other-sweets/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-other-sweets-page .big-image-text .big-image-item {
    background: url("../image/ec/category/other-sweets/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/other-sweets/big-image.jpg") 1x, url("../image/ec/category/other-sweets/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-other-sweets-page .big-image-text .big-image-item {
        background: url("../image/ec/category/other-sweets/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/other-sweets/big-image_sp.jpg") 1x, url("../image/ec/category/other-sweets/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .main-image {
    background: url("../image/ec/category/smokery/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/main-image.jpg") 1x, url("../image/ec/category/smokery/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .main-image {
        background: url("../image/ec/category/smokery/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/main-image_sp.jpg") 1x, url("../image/ec/category/smokery/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .product-info-box .image-item1 {
    background: url("../image/ec/category/smokery/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/image1.jpg") 1x, url("../image/ec/category/smokery/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .product-info-box .image-item1 {
        background: url("../image/ec/category/smokery/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/image1_sp.jpg") 1x, url("../image/ec/category/smokery/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .product-info-box .image-item2 {
    background: url("../image/ec/category/smokery/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/image2.jpg") 1x, url("../image/ec/category/smokery/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .product-info-box .image-item2 {
        background: url("../image/ec/category/smokery/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/image2_sp.jpg") 1x, url("../image/ec/category/smokery/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .product-info-box .image-item3 {
    background: url("../image/ec/category/smokery/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/image3.jpg") 1x, url("../image/ec/category/smokery/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .product-info-box .image-item3 {
        background: url("../image/ec/category/smokery/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/image3_sp.jpg") 1x, url("../image/ec/category/smokery/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .product-info-box .image-item4 {
    background: url("../image/ec/category/smokery/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/image4.jpg") 1x, url("../image/ec/category/smokery/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .product-info-box .image-item4 {
        background: url("../image/ec/category/smokery/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/image4_sp.jpg") 1x, url("../image/ec/category/smokery/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .tanoshimu-image {
    background: url("../image/top/tanoshimu.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/top/tanoshimu.jpg") 1x, url("../image/top/tanoshimu@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .tanoshimu-image {
        background: url("../image/top/tanoshimu_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/top/tanoshimu_sp.jpg") 1x, url("../image/top/tanoshimu_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-smokery-page .big-image-text .big-image-item {
    background: url("../image/ec/category/smokery/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/smokery/big-image.jpg") 1x, url("../image/ec/category/smokery/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-smokery-page .big-image-text .big-image-item {
        background: url("../image/ec/category/smokery/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/smokery/big-image_sp.jpg") 1x, url("../image/ec/category/smokery/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .main-image {
    background: url("../image/ec/category/freeze-dry/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/main-image.jpg") 1x, url("../image/ec/category/freeze-dry/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .main-image {
        background: url("../image/ec/category/freeze-dry/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/main-image_sp.jpg") 1x, url("../image/ec/category/freeze-dry/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .product-info-box .image-item1 {
    background: url("../image/ec/category/freeze-dry/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/image1.jpg") 1x, url("../image/ec/category/freeze-dry/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .product-info-box .image-item1 {
        background: url("../image/ec/category/freeze-dry/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/image1_sp.jpg") 1x, url("../image/ec/category/freeze-dry/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .product-info-box .image-item2 {
    background: url("../image/ec/category/freeze-dry/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/image2.jpg") 1x, url("../image/ec/category/freeze-dry/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .product-info-box .image-item2 {
        background: url("../image/ec/category/freeze-dry/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/image2_sp.jpg") 1x, url("../image/ec/category/freeze-dry/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .product-info-box .image-item3 {
    background: url("../image/ec/category/freeze-dry/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/image3.jpg") 1x, url("../image/ec/category/freeze-dry/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .product-info-box .image-item3 {
        background: url("../image/ec/category/freeze-dry/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/image3_sp.jpg") 1x, url("../image/ec/category/freeze-dry/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .product-info-box .image-item4 {
    background: url("../image/ec/category/freeze-dry/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/image4.jpg") 1x, url("../image/ec/category/freeze-dry/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .product-info-box .image-item4 {
        background: url("../image/ec/category/freeze-dry/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/image4_sp.jpg") 1x, url("../image/ec/category/freeze-dry/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-freeze-dry-page .big-image-text .big-image-item {
    background: url("../image/ec/category/freeze-dry/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/freeze-dry/big-image.jpg") 1x, url("../image/ec/category/freeze-dry/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-freeze-dry-page .big-image-text .big-image-item {
        background: url("../image/ec/category/freeze-dry/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/freeze-dry/big-image_sp.jpg") 1x, url("../image/ec/category/freeze-dry/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .main-image {
    background: url("../image/ec/category/supplement/main-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/main-image.jpg") 1x, url("../image/ec/category/supplement/main-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .main-image {
        background: url("../image/ec/category/supplement/main-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/main-image_sp.jpg") 1x, url("../image/ec/category/supplement/main-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .product-info-box .image-item1 {
    background: url("../image/ec/category/supplement/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/image1.jpg") 1x, url("../image/ec/category/supplement/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .product-info-box .image-item1 {
        background: url("../image/ec/category/supplement/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/image1_sp.jpg") 1x, url("../image/ec/category/supplement/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .product-info-box .image-item2 {
    background: url("../image/ec/category/supplement/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/image2.jpg") 1x, url("../image/ec/category/supplement/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .product-info-box .image-item2 {
        background: url("../image/ec/category/supplement/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/image2_sp.jpg") 1x, url("../image/ec/category/supplement/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .product-info-box .image-item3 {
    background: url("../image/ec/category/supplement/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/image3.jpg") 1x, url("../image/ec/category/supplement/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .product-info-box .image-item3 {
        background: url("../image/ec/category/supplement/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/image3_sp.jpg") 1x, url("../image/ec/category/supplement/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .product-info-box .image-item4 {
    background: url("../image/ec/category/supplement/image4.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/image4.jpg") 1x, url("../image/ec/category/supplement/image4@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .product-info-box .image-item4 {
        background: url("../image/ec/category/supplement/image4_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/image4_sp.jpg") 1x, url("../image/ec/category/supplement/image4_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.ec-supplement-page .big-image-text .big-image-item {
    background: url("../image/ec/category/supplement/big-image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/category/supplement/big-image.jpg") 1x, url("../image/ec/category/supplement/big-image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .ec-supplement-page .big-image-text .big-image-item {
        background: url("../image/ec/category/supplement/big-image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/category/supplement/big-image_sp.jpg") 1x, url("../image/ec/category/supplement/big-image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.sample-images .main-image {
    background: url("../image/ec/sample-image/pan-main.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/sample-image/pan-main.jpg") 1x, url("../image/ec/sample-image/pan-main@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .sample-images .main-image {
        background: url("../image/ec/sample-image/pan-main_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/sample-image/pan-main_sp.jpg") 1x, url("../image/ec/sample-image/pan-main_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.sample-images .image1 {
    background: url("../image/ec/sample-image/pan1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/sample-image/pan1.jpg") 1x, url("../image/ec/sample-image/pan1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.sample-images .image2 {
    background: url("../image/ec/sample-image/pan2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/sample-image/pan2.jpg") 1x, url("../image/ec/sample-image/pan2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.sample-images .image3 {
    background: url("../image/ec/sample-image/pan3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/ec/sample-image/pan3.jpg") 1x, url("../image/ec/sample-image/pan3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .sample-images .image3 {
        background: url("../image/ec/sample-image/pan3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/ec/sample-image/pan3_sp.jpg") 1x, url("../image/ec/sample-image/pan3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.pancake-story-page .image3 {
    background: url(../image/pancake_story/image3.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/pancake_story/image3.jpg) 1x, url(../image/pancake_story/image3.jpg) 2x) no-repeat center center;
    background-size: cover
}

.work-shop-page .list-image1 {
    background: url("../image/work_shop/list_image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/work_shop/list_image1.jpg") 1x, url("../image/work_shop/list_image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .work-shop-page .list-image1 {
        background: url("../image/work_shop/list_image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/work_shop/list_image1_sp.jpg") 1x, url("../image/work_shop/list_image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.work-shop-page .list-image2 {
    background: url("../image/work_shop/list_image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/work_shop/list_image2.jpg") 1x, url("../image/work_shop/list_image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .work-shop-page .list-image2 {
        background: url("../image/work_shop/list_image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/work_shop/list_image2_sp.jpg") 1x, url("../image/work_shop/list_image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.work-shop-page .list-image3 {
    background: url("../image/work_shop/list_image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/work_shop/list_image3.jpg") 1x, url("../image/work_shop/list_image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .work-shop-page .list-image3 {
        background: url("../image/work_shop/list_image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/work_shop/list_image3_sp.jpg") 1x, url("../image/work_shop/list_image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.experience-page .main-image {
    background: url("../image/experience/main.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/experience/main.jpg") 1x, url("../image/experience/main@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .experience-page .main-image {
        background: url("../image/experience/main_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/experience/main_sp.jpg") 1x, url("../image/experience/main_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.experience-page .box-image {
    background: url("../image/experience/box_image.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/experience/box_image.jpg") 1x, url("../image/experience/box_image@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .experience-page .box-image {
        background: url("../image/experience/box_image_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/experience/box_image_sp.jpg") 1x, url("../image/experience/box_image_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.experience-page .box-image1 {
    background: url("../image/experience/box_image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/experience/box_image1.jpg") 1x, url("../image/experience/box_image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .experience-page .box-image1 {
        background: url("../image/experience/box_image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/experience/box_image1_sp.jpg") 1x, url("../image/experience/box_image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.experience-page .box-image2 {
    background: url("../image/experience/box_image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/experience/box_image2.jpg") 1x, url("../image/experience/box_image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .experience-page .box-image2 {
        background: url("../image/experience/box_image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/experience/box_image2_sp.jpg") 1x, url("../image/experience/box_image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cooking-page .list-image1 {
    background: url("../image/cooking_experience/image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cooking_experience/image1.jpg") 1x, url("../image/cooking_experience/image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cooking-page .list-image1 {
        background: url("../image/cooking_experience/image1_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cooking_experience/image1_sp.jpg") 1x, url("../image/cooking_experience/image1_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cooking-page .list-image2 {
    background: url("../image/cooking_experience/image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cooking_experience/image2.jpg") 1x, url("../image/cooking_experience/image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cooking-page .list-image2 {
        background: url("../image/cooking_experience/image2_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cooking_experience/image2_sp.jpg") 1x, url("../image/cooking_experience/image2_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cooking-page .list-image3 {
    background: url("../image/cooking_experience/image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/cooking_experience/image3.jpg") 1x, url("../image/cooking_experience/image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

@media (max-width: 700px) {
    .cooking-page .list-image3 {
        background: url("../image/cooking_experience/image3_sp.jpg") no-repeat center center;
        background: -webkit-image-set(url("../image/cooking_experience/image3_sp.jpg") 1x, url("../image/cooking_experience/image3_sp@2x.jpg") 2x) no-repeat center center;
        background-size: cover
    }
}

.cooking-page .l-image1 {
    background: url(../image/cooking_experience/link-image1.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/cooking_experience/link-image1.jpg) 1x, url(../image/cooking_experience/link-image1@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.cooking-page .l-image2 {
    background: url(../image/cooking_experience/link-image2.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/cooking_experience/link-image2.jpg) 1x, url(../image/cooking_experience/link-image2@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.cooking-page .l-image3 {
    background: url(../image/cooking_experience/link-image3.jpg) no-repeat center center;
    background: -webkit-image-set(url(../image/cooking_experience/link-image3.jpg) 1x, url(../image/cooking_experience/link-image3@2x.jpg) 2x) no-repeat center center;
    background-size: cover
}

.mutual-link .mutual-image1 {
    background: url(../image/ex-common/image1.png) no-repeat center top;
    background: -webkit-image-set(url(../image/ex-common/image1.png) 1x, url(../image/ex-common/image1@2x.png) 2x) no-repeat center top;
    background-size: cover
}

.mutual-link .mutual-image2 {
    background: url(../image/ex-common/image2.png) no-repeat center top;
    background: -webkit-image-set(url(../image/ex-common/image2.png) 1x, url(../image/ex-common/image2@2x.png) 2x) no-repeat center top;
    background-size: cover
}

.mutual-link .mutual-image3 {
    background: url(../image/ex-common/image3.png) no-repeat center top;
    background: -webkit-image-set(url(../image/ex-common/image3.png) 1x, url(../image/ex-common/image3@2x.png) 2x) no-repeat center top;
    background-size: cover
}

#resort .resort-main-image {
    background: url("../image/resort/index/main-image.jpg") no-repeat 17% center;
    background: -webkit-image-set(url("../image/resort/index/main-image.jpg") 1x, url("../image/resort/index/main-image@2x.jpg") 2x) no-repeat 17% center;
    background-size: cover
}

@media (max-width: 700px) {
    #resort .resort-main-image {
        background: url("../image/resort/index/main-image_sp.jpg") no-repeat 17% center;
        background: -webkit-image-set(url("../image/resort/index/main-image_sp.jpg") 1x, url("../image/resort/index/main-image_sp@2x.jpg") 2x) no-repeat 17% center;
        background-size: cover
    }
}

#resort #id-hero-image {
    display: none !important
}

#resort .b-image1 {
    background: url("../image/resort/index/b-image1.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort/index/b-image1.jpg") 1x, url("../image/resort/index/b-image1@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

#resort .b-image2 {
    background: url("../image/resort/index/b-image2.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort/index/b-image2.jpg") 1x, url("../image/resort/index/b-image2@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

#resort .b-image3 {
    background: url("../image/resort/index/b-image3.jpg") no-repeat center center;
    background: -webkit-image-set(url("../image/resort/index/b-image3.jpg") 1x, url("../image/resort/index/b-image3@2x.jpg") 2x) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image1 {
    background: url(../image/ec/category2/main1.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image2 {
    background: url(../image/ec/category2/main2.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image3 {
    background: url(../image/ec/category2/main3.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image4 {
    background: url(../image/ec/category2/main4.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image5 {
    background: url(../image/ec/category2/main5.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image6 {
    background: url(../image/ec/category2/main6.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image7 {
    background: url(../image/ec/category2/main7.jpg) no-repeat center center;
    background-size: cover
}

.category2-common .category2-main .c-image8 {
    background: url(../image/ec/category2/main8.jpg) no-repeat center center;
    background-size: cover
}

:root {
    /* font-size: 16px;
    color: #231815 */
}

.FS2_ReturnSP {
    display: none !important
}

#FS2_sort_menu {
    display: none
}

body {
    /* padding-top: 160px */
}

body .ec-main-header {
    position: fixed;
    background: #fff;
    width: 100%;
    z-index: 9999;
    top: 0;
    left: 0
}

body .ec-main-header .header-cover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    height: 160px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .ec-main-header .header-cover .left-content {
    width: 552px;
    padding-left: 1em;
    max-width: 33%
}

body .ec-main-header .header-cover .left-content .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .ec-main-header .header-cover .left-content .nav li a {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-main-header .header-cover .left-content .nav li a:hover {
    opacity: 0.6
}

body .ec-main-header .header-cover .right-content {
    width: 552px;
    max-width: 33%;
    padding-right: 1em
}

body .ec-main-header .header-cover .right-content .right-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body .ec-main-header .header-cover .right-content .right-top .right-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 25px;
    font-size: 1.5rem;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-weight: bold;
    letter-spacing: 0.1em
}

body .ec-main-header .header-cover .right-content .right-top .right-nav>li a {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
    display: block;
    white-space: nowrap;
    padding: 0 15px
}

body .ec-main-header .header-cover .right-content .right-top .right-nav>li a:hover {
    opacity: 0.6
}

body .ec-main-header .header-cover .right-content .right-top .right-nav>li:first-of-type a {
    border-right: 1px solid #000
}

body .ec-main-header .header-cover .right-content .right-top .right-nav>li.and-image {
    height: 37px;
    line-height: 37px;
    background: #000;
    color: #fff
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec>img {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec>img:nth-of-type(2) {
    display: none
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec>img:hover {
    opacity: 0.6;
    cursor: pointer
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec a:hover {
    opacity: 0.7
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec {
    position: fixed;
    bottom: 0;
    right: 0;
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
    width: 420px;
    max-width: 100%;
    background: #f8f1e8;
    height: calc(100% - 160px);
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.4s;
    transition: all 0.4s
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec::-webkit-scrollbar {
    width: 0px;
    background: none;
    padding: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec::-webkit-scrollbar-track {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec::-webkit-scrollbar-thumb {
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box {
    padding: 5.06667% 4.8% 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link .link {
    width: 48.52507%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link .link img {
    width: 100%;
    height: auto
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box {
    margin-top: 4.27729%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area {
    background: #fff;
    border-radius: 5px;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>img {
    position: absolute;
    z-index: -1;
    opacity: 0;
    height: 41.05263%;
    width: auto;
    top: 50%;
    left: 8px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input {
    background: none;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0 8px;
    width: calc(100% - 45px)
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input:placeholder-shown+img {
    opacity: 1
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input:focus+img {
    opacity: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child {
    width: calc(100% - 45px);
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input {
    background: none;
    border: none;
    height: 40px;
    line-height: 40px;
    padding: 0 8px
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input:placeholder-shown+img {
    opacity: 1
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input:focus+img {
    opacity: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:last-of-type {
    display: block;
    background: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-weight: bold;
    font-size: 11px;
    width: 45px;
    letter-spacing: 0.1em
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:last-of-type input {
    display: none
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product h3 {
    padding: 10.47619% 10% 0;
    margin-bottom: 5.71429%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product h3 img {
    width: 39%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link {
    padding: 0 10%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link:after {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    background: rgba(164, 139, 120, 0.109);
    top: 0;
    left: 50%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li {
    width: 39.58333%;
    margin-bottom: 5.35714%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li a {
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li a .title img {
    width: 100%;
    height: auto;
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li a .image {
    margin-top: 7px;
    overflow: hidden;
    border-radius: 4px
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li a .image img {
    width: 100%;
    height: auto;
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li:last-of-type,
body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link li:nth-last-of-type(2) {
    margin-bottom: 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .kisetu {
    margin: 6.66667% 0
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .kisetu a {
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .kisetu a img {
    width: 100%;
    height: auto;
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list {
    padding: 0 6%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 4.28571%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list:after {
    content: '';
    display: block;
    width: 30.35714%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list li {
    width: 30.35714%;
    margin-bottom: 10px
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list li img {
    width: 100%;
    height: auto
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .min-info {
    padding: 0 7%;
    margin: 2.85714% 0 5.71429%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .bottom-box .bottom-link a {
    display: block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .bottom-box .bottom-link a img {
    display: block;
    width: 100%;
    height: auto
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .bottom-box .copy {
    position: relative;
    padding-top: 9.52381%
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .bottom-box .copy img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 218px;
    max-width: 67.86667%;
    height: auto
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec.open-ec-nav>img {
    display: none
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec.open-ec-nav>img:nth-of-type(2) {
    display: inline-block
}

body .ec-main-header .header-cover .right-content .right-top .menu-ec.open-ec-nav .menu-block-ec {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

body .ec-main-header .header-cover .right-content .top-link {
    text-align: right;
    margin-top: 28px
}

body .ec-main-header .header-cover .right-content .top-link a {
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-main-header .header-cover .right-content .top-link a:hover {
    opacity: 0.6
}

body .ec-main-header .header-cover .center-logo {
    padding: 0 1em
}

@media (max-width: 1200px) {
    body .ec-main-header .header-cover .right-content .right-top .right-nav {
        margin-right: 15px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body .ec-main-header .header-cover .right-content .right-top .right-nav>li {
        margin-bottom: 6px
    }

    body .ec-main-header .header-cover .right-content .right-top .right-nav>li:first-of-type a {
        padding-left: 0
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec>img {
        width: 52px;
        height: auto
    }
}

body .ec-top-page {
    overflow: visible;
    margin-bottom: 0
}

body .ec-top-page .ec-top-slide-box {
    height: calc(100vh - 210px);
    position: relative;
    z-index: 0
}

body .ec-top-page .ec-top-slide-box .ec-top-slide {
    height: calc(100vh - 210px);
    visibility: hidden
}

body .ec-top-page .ec-top-slide-box .ec-top-slide li {
    position: relative;
    height: 100%
}

body .ec-top-page .ec-top-slide-box .ec-top-slide li .ec-slide-image {
    height: 100%
}

body .ec-top-page .ec-top-slide-box .ec-top-slide li .catch {
    z-index: 1000;
    position: absolute;
    display: table;
    top: 7%;
    left: 50%;
    height: calc(93% - 112px);
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    max-width: 40%;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.95rem;
    line-height: 1.28814em;
    letter-spacing: 0.1em;
    color: #231815;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl
}

body .ec-top-page .ec-top-slide-box .read-more {
    position: absolute;
    width: 100%;
    bottom: 72px;
    text-align: center;
    left: 0
}

body .ec-top-page .ec-top-slide-box .read-more a {
    border: 1px solid #fff;
    color: #fff;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    padding: 6px 12px;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    font-size: 1.4rem
}

body .ec-top-page .ec-top-slide-box .read-more a:hover {
    color: #231815;
    background: #fff
}

body .ec-top-page .ec-top-slide-box .bx-wrapper .bx-controls {
    position: absolute;
    z-index: 1000;
    bottom: 54px;
    left: 0;
    height: 13px;
    width: 100%
}

body .ec-top-page .ec-top-slide-box .bx-wrapper .bx-controls .bx-pager {
    display: block;
    padding-top: 0;
    width: 100%;
    text-align: center
}

body .ec-top-page .ec-top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item {
    display: inline-block
}

body .ec-top-page .ec-top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
    background: none;
    border: 1px solid #fff
}

body .ec-top-page .ec-top-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
    background: #fff
}

body .ec-top-page .ec-slide-scroll-box {
    text-align: center
}

body .ec-top-page .ec-slide-scroll-box .ec-slide-scroll {
    display: inline-block;
    padding: 15px
}

body .ec-top-page .ec-slide-scroll-box .ec-slide-scroll:hover {
    cursor: pointer
}

body .ec-top-page .cam-banner {
    text-align: center
}

body .ec-top-page .cam-banner img {
    width: 100%;
    height: auto
}

body .ec-top-page .aco-content {
    padding-top: 19.3vh;
    margin-top: -4vh
}

body .ec-top-page .aco-content .visit-content .text-box {
    padding: 10vh 0 8.66667vh;
    color: #fff;
    margin-right: 5.83832vw;
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

body .ec-top-page .aco-content .visit-content .text-box h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    min-height: 7.5em;
    font-size: 2.55rem;
    line-height: 1.27451em;
    font-weight: normal
}

body .ec-top-page .aco-content .visit-content .text-box .texts {
    margin-right: 3.73333vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .ec-top-page .aco-content .visit-content .text-box .texts .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.1.6rem;
    line-height: 1.95455em;
    display: inline
}

body .ec-top-page .aco-content .visit-content .text-box .texts .text .blank {
    display: block;
    width: 1.3em
}

body .ec-top-page .aco-content .visit-content .text-box .texts .more {
    text-align: center;
    margin-top: 4.44444vh
}

body .ec-top-page .aco-content .visit-content .text-box .texts .more .aco-more {
    border: 1px solid #fff;
    padding: 6px 24px;
    font-size: 1.2rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .ec-top-page .aco-content .visit-content .text-box .texts .more .aco-more:hover {
    cursor: pointer;
    background: #fff;
    color: #231815
}

body .ec-top-page .aco-content .hidden-box {
    z-index: 0;
    position: relative;
    width: 100%;
    overflow: hidden;
    height: 0;
    -webkit-transition: height 0.5s linear;
    transition: height 0.5s linear
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border-bottom: 15.86826vw solid #fff;
    position: relative;
    z-index: 0
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content:first-of-type {
    padding-top: 14.66667vh
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box {
    width: 100%;
    position: relative
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .aco-slide {
    visibility: hidden
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .aco-slide li {
    padding-top: 94.81097%;
    position: relative
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .aco-slide li .image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    z-index: 1
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box:after {
    z-index: -1;
    content: '';
    width: 100%;
    height: 100px;
    background: #fff;
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box .base-image {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box .line-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 295.99703%;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper {
    margin-bottom: 0
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper .bx-viewport {
    z-index: 0
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper .bx-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper .bx-controls .bx-pager {
    padding-top: 10px
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
    width: 8px;
    height: 8px;
    background: none;
    border: 1px solid #231815
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
    background: #231815
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 650px;
    max-width: 60%;
    margin: 0 auto;
    padding: 14.66667vh 4.99002vw 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box .image-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box .image-title img {
    width: 66px;
    height: auto
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box .image-title .title-text {
    display: block;
    font-size: 1.1.6rem;
    line-height: 1.45455em;
    letter-spacing: .4em;
    padding: 0 0 0 1em
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box section h4 {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-top: 8vh;
    font-size: 2.55rem;
    font-weight: normal
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box section .text {
    text-align: justify;
    text-justify: inter-ideograph;
    margin-top: 4.4vh;
    font-size: 1.6rem;
    letter-spacing: .09em;
    line-height: 2.0425em
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content:nth-of-type(even) .slide-box {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content:nth-of-type(even) .slide-box .slide-cover-box .base-image {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content:nth-of-type(even) .slide-box .slide-cover-box .line-content {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    left: auto;
    right: 0
}

body .ec-top-page .aco-content .hidden-box .aco-inner-content:last-of-type .slide-box .slide-cover-box .line-content {
    opacity: 0
}

@media (max-width: 1300px) {
    body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box {
        padding-top: 1em
    }
}

body .ec-top-page .cate-link {
    margin-top: 20vh
}

body .ec-top-page .cate-link h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    line-height: 1.44444em;
    letter-spacing: .16em
}

body .ec-top-page .cate-link h3 .en {
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .cate-link .banner-image {
    text-align: center
}

body .ec-top-page .cate-link .banner-image a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-top-page .cate-link .banner-image a img {
    max-width: 70%;
    height: auto
}

body .ec-top-page .cate-link .banner-image a:hover {
    opacity: 0.7
}

body .ec-top-page .cate-link2 {
    margin-top: 20vh
}

body .ec-top-page .cate-link2 .list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 2000px;
    max-width: 100%;
    margin: 0 auto
}

body .ec-top-page .cate-link2 .list li {
    width: 25%
}

body .ec-top-page .cate-link2 .list li a {
    display: block;
    position: relative;
    z-index: 0;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-top-page .cate-link2 .list li a .text-image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1
}

body .ec-top-page .cate-link2 .list li a img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    z-index: -1
}

body .ec-top-page .cate-link2 .list li a:hover {
    opacity: 0.7
}

body .ec-top-page .my-product-box {
    margin-top: 20vh
}

body .ec-top-page .my-product-box h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    line-height: 1.44444em;
    letter-spacing: .16em
}

body .ec-top-page .my-product-box h3 .en {
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .my-product-box .product-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    overflow: hidden;
    margin-top: 3vh
}

body .ec-top-page .my-product-box .product-list .big a,
body .ec-top-page .my-product-box .product-list .middle a,
body .ec-top-page .my-product-box .product-list .mini a {
    display: block;
    position: relative;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-top-page .my-product-box .product-list .big a:hover,
body .ec-top-page .my-product-box .product-list .middle a:hover,
body .ec-top-page .my-product-box .product-list .mini a:hover {
    opacity: 0.6
}

body .ec-top-page .my-product-box .product-list .big a img,
body .ec-top-page .my-product-box .product-list .middle a img,
body .ec-top-page .my-product-box .product-list .mini a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 19.96008vw;
    height: auto
}

body .ec-top-page .my-product-box .product-list .big {
    width: 100%
}

body .ec-top-page .my-product-box .product-list .big a {
    padding-top: 37.57485%
}

body .ec-top-page .my-product-box .product-list .middle {
    width: 50%
}

body .ec-top-page .my-product-box .product-list .middle a {
    padding-top: 49.54955%
}

body .ec-top-page .my-product-box .product-list .mini {
    width: 25%
}

body .ec-top-page .my-product-box .product-list .mini a {
    padding-top: 99.5992%
}

body .ec-top-page .gift {
    width: 1261px;
    max-width: 90%;
    margin: 30vh auto 0
}

body .ec-top-page .gift .text-box {
    padding: 10vh 0 8.66667vh;
    color: #fff;
    margin-left: 5.83832vw;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

body .ec-top-page .gift .text-box h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.55rem;
    min-height: 7.5em;
    line-height: 1.27451em;
    font-weight: normal
}

body .ec-top-page .gift .text-box h3 .en {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .gift .text-box .texts {
    margin-right: 3.73333vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .ec-top-page .gift .text-box .texts .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.1.6rem;
    line-height: 1.95455em;
    display: inline
}

body .ec-top-page .gift .text-box .texts .text .blank {
    display: block;
    width: 1.3em
}

body .ec-top-page .gift .text-box .texts .more {
    text-align: center;
    margin-top: 4.44444vh
}

body .ec-top-page .gift .text-box .texts .more a {
    border: 1px solid #fff;
    padding: 6px 24px;
    font-size: 1.2rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .ec-top-page .gift .text-box .texts .more a:hover {
    cursor: pointer;
    background: #fff;
    color: #231815
}

body .ec-top-page .limited-box {
    margin-top: 18.33333vh;
    padding: 12vh 0 0;
    background: #fdf8ee
}

body .ec-top-page .limited-box .inner {
    margin: 0 auto;
    width: 1540px;
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .ec-top-page .limited-box .inner section {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 8.96104%
}

body .ec-top-page .limited-box .inner section h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.55rem;
    line-height: 1.27451em;
    font-weight: normal;
    white-space: nowrap
}

body .ec-top-page .limited-box .inner section h3 .en {
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .limited-box .inner section .more {
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin: 6.33333vh auto 0;
    font-size: 1.1.6rem
}

body .ec-top-page .limited-box .inner section .more .more-inner {
    border: 1px solid #231815;
    display: inline-block;
    background: #231815;
    color: #fff;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    padding: 30px 7.8px;
    border-radius: 5px
}

body .ec-top-page .limited-box .inner section .more .more-inner:hover {
    color: #231815;
    background: rgba(35, 24, 21, 0);
    cursor: pointer
}

body .ec-top-page .limited-box .inner .limited-product-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

body .ec-top-page .limited-box .inner .limited-product-box li {
    width: 20.68966%;
    margin-bottom: 6.48889vh;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-top-page .limited-box .inner .limited-product-box li a {
    display: block;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-top-page .limited-box .inner .limited-product-box li a figure .image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 100%
}

body .ec-top-page .limited-box .inner .limited-product-box li a figure figcaption .title {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.5rem;
    margin-top: 2.48889vh
}

body .ec-top-page .limited-box .inner .limited-product-box li a figure figcaption .description {
    font-size: .85rem;
    margin-top: 1.15556vh;
    line-height: 1.52941em;
    letter-spacing: 0.03269em
}

body .ec-top-page .limited-box .inner .limited-product-box li a:hover {
    opacity: 0.6
}

body .ec-top-page .limited-box .inner .limited-product-box li.hidden-item {
    -webkit-transform: scale(0);
    transform: scale(0);
    height: 0;
    opacity: 0;
    margin-bottom: 0
}

body .ec-top-page .ranking {
    margin-top: 10vh
}

body .ec-top-page .ranking .inner {
    margin: 0 auto;
    width: 1540px;
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

body .ec-top-page .ranking .inner section {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-right: 5%
}

body .ec-top-page .ranking .inner section h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.55rem;
    line-height: 1.27451em;
    font-weight: normal;
    white-space: nowrap
}

body .ec-top-page .ranking .inner section h3 .en {
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .ranking .inner .ranking-box {
    width: calc(95% - 52px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 35px;
    padding-right: 35px;
    position: relative;
    margin-top: 3vh
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a {
    display: block;
    position: relative;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a .nth {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #231815;
    background: #fff;
    padding: 4px 8px
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure .image {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 66.25387%
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure figcaption .title {
    font-size: 2rem;
    line-height: 1.2em;
    letter-spacing: 0.1em;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-top: 1.6vh
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure figcaption .description {
    font-size: .85rem;
    margin-top: 1.15556vh;
    line-height: 1.52941em;
    letter-spacing: 0.03269em
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a:hover {
    opacity: 0.6
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap .arrow a.disabled {
    opacity: 0
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap #prev-btn {
    left: 0
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap #prev-btn a img {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body .ec-top-page .ranking .inner .ranking-box .rank-wrap #next-btn {
    right: 0
}

body .ec-top-page .cours-set-box {
    margin-top: 6.66667vh
}

body .ec-top-page .cours-set-box .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .ec-top-page .cours-set-box .image-box .inner {
    width: 50%
}

body .ec-top-page .cours-set-box .image-box .inner .text-box {
    padding: 10vh 0 8.66667vh;
    color: #fff;
    margin-left: 5.83832vw;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .ec-top-page .cours-set-box .image-box .inner .text-box h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.55rem;
    min-height: 6.5em;
    line-height: 1.27451em;
    font-weight: normal
}

body .ec-top-page .cours-set-box .image-box .inner .text-box h3 .mini {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts {
    margin-right: 3.73333vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.1.6rem;
    line-height: 1.95455em;
    display: inline
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .text .blank {
    display: block;
    width: 1.3em
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .more {
    text-align: center;
    margin-top: 4.44444vh
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .more a {
    border: 1px solid #fff;
    padding: 6px 24px;
    font-size: 1.2rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .more a:hover {
    cursor: pointer;
    background: #fff;
    color: #231815
}

body .ec-top-page .cours-set-box .titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .ec-top-page .cours-set-box .titles .inner {
    width: 50%;
    text-align: center;
    padding: 0 0.5em
}

body .ec-top-page .cours-set-box .titles .inner .mini-title {
    font-size: 1.15rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 1.66667vh
}

body .ec-top-page .cours-set-box .titles .inner .text-title {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    margin-top: 5px;
    font-weight: bold
}

body .ec-gift-page .ec-common-main-image-box .main-image {
    position: relative;
    z-index: 0
}

body .ec-gift-page .ec-common-main-image-box .main-image .main-inner-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

body .ec-gift-page .ec-common-main-image-box .main-image .main-text h3.color-white {
    color: #fff
}

body .ec-gift-page .ec-common-main-image-box .main-image .main-text h3.color-black {
    color: #231815
}

body .ec-gift-page .document-image {
    position: relative;
    z-index: 0;
    margin-top: 9vh
}

body .ec-gift-page .document-image .image {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    height: 100%;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

body .ec-gift-page .document-image .text-box {
    padding: 16.8vh 0
}

body .ec-gift-page .document-image .text-box .line-image {
    text-align: center
}

body .ec-gift-page .document-image .text-box h3 {
    text-align: center;
    color: #fff;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    padding: 7vh 0;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.3em
}

body .ec-gift-page .document-image .text-box.color-black h3 {
    color: #231815
}

body .ec-gift-page .category-products {
    width: 1350px;
    max-width: 90%;
    margin: 8vh auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around
}

body .ec-gift-page .category-products li {
    width: 31%;
    margin-top: 3.5vh
}

body .ec-gift-page .category-products li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .ec-gift-page .category-products li a .product-image {
    padding-top: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}

body .ec-gift-page .category-products li a .p-title {
    width: 285px;
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
    font-weight: normal;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 5px
}

body .ec-gift-page .category-products li a .price {
    width: 285px;
    max-width: 90%;
    margin: 0 auto;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-top: 3px;
    line-height: 1.4em;
    font-size: 1.1875rem
}

body .ec-gift-page .category-products li a .price .in-tax {
    display: inline-block;
    white-space: nowrap
}

body .ec-gift-page .category-products li a:hover {
    opacity: 0.6
}

body .ec-gift-page .product-sample {
    margin: 9.86667vh 0 24vh
}

body .ec-gift-page .product-sample img {
    width: 100%;
    height: auto
}

body .ec-gift-page .category-list-box h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    line-height: 1.44444em;
    letter-spacing: .16em
}

body .ec-gift-page .category-list-box h3 .en {
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-gift-page .category-list-box .price-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.66667vh
}

body .ec-gift-page .category-list-box .price-list li {
    width: 33.333%;
    background: #000
}

body .ec-gift-page .category-list-box .price-list li a {
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 125.7485%;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-gift-page .category-list-box .price-list li a [class^="price"] {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    height: 100%
}

body .ec-gift-page .category-list-box .price-list li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 70%;
    height: auto;
    display: block
}

body .ec-gift-page .category-list-box .price-list li a:hover {
    opacity: 0.6
}

body .ec-gift-page .mycolor-box {
    background: url(../image/ec/gift/bottom-bg.jpg) repeat-y center top;
    background-size: 100% auto;
    padding-top: 1px;
    margin-top: 250px
}

body .ec-gift-page .mycolor-box .image-link-list {
    width: 1350px;
    max-width: 90%;
    margin: 120px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .ec-gift-page .mycolor-box .image-link-list a {
    display: block;
    width: 31.99724%;
    margin: 0 .96752%;
    background: #fff
}

body .ec-gift-page .mycolor-box .image-link-list a figure {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-gift-page .mycolor-box .image-link-list a figure img {
    width: 100%;
    height: auto;
    display: block
}

body .ec-gift-page .mycolor-box .image-link-list a figure figcaption {
    text-align: center;
    font-size: 1.5rem;
    position: relative;
    width: 87.473%;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 4.75162% 1.3em;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    letter-spacing: 0.1em;
    line-height: 1.4em;
    display: block
}

body .ec-gift-page .mycolor-box .image-link-list a figure figcaption:after {
    content: 'â–·';
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

body .ec-gift-page .mycolor-box .image-link-list a:hover figure {
    opacity: 0.7
}

body .ec-gift-page .mycolor-box .double-bottom-link {
    width: 1811px;
    max-width: 100%;
    margin: 100px auto 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

body .ec-gift-page .mycolor-box .double-bottom-link .link {
    width: 50%
}

body .ec-gift-page .mycolor-box .double-bottom-link .link a {
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-gift-page .mycolor-box .double-bottom-link .link a img {
    width: 100%;
    height: auto;
    display: block
}

body .ec-gift-page .mycolor-box .double-bottom-link .link a:hover {
    opacity: 0.7
}

body .ec-gift-page .mycolor-box .ct-link {
    max-width: 100%;
    margin: 0 auto
}

body .ec-gift-page .mycolor-box .ct-link h3 {
    text-align: center;
    font-size: 2.25rem;
    line-height: 1.44444em;
    letter-spacing: .16em;
    margin-top: 9.66317%
}

body .ec-gift-page .mycolor-box .ct-link h3 .en {
    display: inline-block;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .ec-gift-page .mycolor-box .ct-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.92656%
}

body .ec-gift-page .mycolor-box .ct-link ul li {
    width: 50%
}

body .ec-gift-page .mycolor-box .ct-link ul li a {
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .ec-gift-page .mycolor-box .ct-link ul li a img {
    display: block;
    width: 100%;
    height: auto
}

body .ec-gift-page .mycolor-box .ct-link ul li a:hover {
    opacity: 0.6
}

body .ec-gift-page .obi-wrap .obi-content {
    width: 1077px;
    max-width: 90%;
    margin: 0 auto;
    color: #231815
}

body .ec-gift-page .obi-wrap .obi-content h3 {
    margin-top: 18.10585%;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 11.2rem
}

body .ec-gift-page .obi-wrap .obi-content h3 img {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 5.10678%
}

body .ec-gift-page .obi-wrap .obi-content .type1 {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    margin-top: 6.68524%
}

body .ec-gift-page .obi-wrap .obi-content .obi-image {
    margin-top: 13.92758%
}

body .ec-gift-page .obi-wrap .obi-content .obi-image img {
    width: 100%;
    height: auto
}

body .ec-gift-page .obi-wrap .obi-content .text-iamge {
    margin-top: 12.99907%
}

body .ec-gift-page .obi-wrap .obi-content .text-iamge img {
    width: 100%;
    height: auto
}

body .ec-gift-page .obi-wrap .obi-content .last-box {
    background: #fef5f2;
    border-radius: 30px;
    color: #5a4a3f;
    margin-top: 17.17734%
}

body .ec-gift-page .obi-wrap .obi-content .last-box h4 {
    text-align: center;
    font-size: 1.625rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    padding-top: 12.07057%;
    width: 90%;
    margin: 0 auto
}

body .ec-gift-page .obi-wrap .obi-content .last-box .last-text {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 2.2em;
    text-align: center;
    margin-top: 3.71402%;
    width: 90%;
    margin-left: auto;
    margin-right: auto
}

body .ec-gift-page .obi-wrap .obi-content .last-box .tel-line-image {
    text-align: center;
    margin-top: 5.38533%
}

body .ec-gift-page .obi-wrap .obi-content .last-box .tel-line-image img {
    max-width: 50%;
    height: auto
}

body .ec-gift-page .obi-wrap .obi-content .last-box .tel-image {
    text-align: center;
    margin-top: 5.01393%;
    padding-bottom: 9.09935%
}

body .ec-gift-page .obi-wrap .obi-content .last-box .tel-image img {
    max-width: 85%;
    height: auto
}

body .ec-gift-page.ec-obi-page .ec-common-main-image-box .main-image .main-inner-image {
    background-position: 30% center
}

body .category-common .product-info-box .product-info-content {
    width: 1385px;
    max-width: 85%;
    margin: 28.35% auto 0
}

body .category-common .product-info-box .product-info-content .image-box {
    position: relative;
    z-index: 0
}

body .category-common .product-info-box .product-info-content .image-box [class^="image-item"] {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

body .category-common .product-info-box .product-info-content .image-box .text {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-right: 5.05415%;
    margin-left: auto;
    font-size: 1.4375rem;
    padding-bottom: 3px;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    width: 400px;
    max-width: 90%;
    padding-top: 27.43682%
}

body .category-common .product-info-box .product-info-content .image-box .text.color-white {
    color: #fff
}

body .category-common .product-info-box .product-info-content .image-box img {
    display: block;
    position: absolute;
    top: 0;
    right: 5.05415%;
    -webkit-transform: translate(0, -28%);
    transform: translate(0, -28%);
    max-width: 30%;
    height: auto
}

body .category-common .product-info-box .product-info-content .out-text {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-right: 5.05415%;
    margin-left: auto;
    font-size: 1.4375rem;
    letter-spacing: 0.1em;
    line-height: 1.5em;
    width: 400px;
    max-width: 90%
}

body .category-common .product-info-box .product-info-content:nth-of-type(even) .image-box .text {
    margin-right: auto;
    margin-left: 5.05415%
}

body .category-common .product-info-box .product-info-content:nth-of-type(even) .image-box img {
    right: auto;
    left: 5.05415%
}

body .category-common .product-info-box .product-info-content:nth-of-type(even) .out-text {
    margin-right: auto;
    margin-left: 5.05415%
}

body .category-common .big-image-text {
    position: relative;
    z-index: 0;
    padding: 7vh 0 45.33333vh;
    margin-top: 16vh
}

body .category-common .big-image-text .big-image-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

body .category-common .big-image-text h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.9875rem;
    color: #231815;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 8.33333vh;
    width: 945px;
    max-width: 100%
}

body .category-common .big-image-text .text {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    line-height: 1.4em;
    letter-spacing: 0.1em;
    margin-top: 5vh;
    font-size: 2rem;
    width: 945px;
    max-width: 100%
}

@media (min-width: 701px) {
    body .category-common .big-image-text.color-white {
        color: #fff
    }

    body .category-common .big-image-text.color-white h3 {
        color: #fff
    }
}

body .category-common .big-image-text.center h3 {
    width: 100%
}

body .category-common .big-image-text.center .text {
    width: 100%
}

body .category-common .big-image-text.right h3,
body .category-common .big-image-text.right .text {
    margin-left: auto
}

body .category-common .product-list {
    margin-top: 30vh
}

body .category-common .product-list h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    line-height: 1.44444em;
    letter-spacing: .16em
}

body .category-common .product-list h3 .en {
    display: inline-block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .category-common .product-list .product-sample img {
    width: 100%;
    height: auto
}

body .ec-tenbiran-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 276px;
    max-width: 19.9278%;
    -webkit-transform: translate(0, -47%);
    transform: translate(0, -47%)
}

body .ec-tenbiran-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 386px;
    max-width: 27.87004%;
    -webkit-transform: translate(0, -51%);
    transform: translate(0, -51%)
}

body .ec-tenbiran-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 280px;
    max-width: 20.21661%;
    -webkit-transform: translate(0, -58%);
    transform: translate(0, -58%)
}

body .ec-tenbiran-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 385px;
    max-width: 27.79783%;
    -webkit-transform: translate(0, -54%);
    transform: translate(0, -54%)
}

body .ec-tenbiran-kamatama-udon-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 248px;
    max-width: 17.90614%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-tenbiran-kamatama-udon-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-tenbiran-kamatama-udon-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 313px;
    max-width: 22.59928%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-tenbiran-kamatama-udon-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-dashimaki-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 248px;
    max-width: 17.90614%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-dashimaki-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-dashimaki-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 313px;
    max-width: 22.59928%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-dashimaki-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-pudding-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 269px;
    max-width: 19.42238%;
    -webkit-transform: translate(0, -59%);
    transform: translate(0, -59%)
}

body .ec-pudding-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-pudding-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 346px;
    max-width: 24.98195%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-pudding-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

@media (min-width: 701px) {

    body .ec-pudding-page .big-image-text h3,
    body .ec-pudding-page .big-image-text .text {
        text-shadow: 0 0 4px rgba(0, 0, 0, 0.8)
    }
}

body .ec-tart-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 269px;
    max-width: 19.42238%;
    -webkit-transform: translate(0, -59%);
    transform: translate(0, -59%)
}

body .ec-tart-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-tart-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 346px;
    max-width: 24.98195%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-tart-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

@media (min-width: 701px) {
    body .ec-tart-page .big-image-text {
        padding-top: 2vh;
        padding-bottom: 47vh
    }

    body .ec-tart-page .big-image-text h3 {
        margin-top: 3vh
    }
}

body .ec-yakigashi-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 269px;
    max-width: 19.42238%;
    -webkit-transform: translate(0, -59%);
    transform: translate(0, -59%)
}

body .ec-yakigashi-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-yakigashi-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 346px;
    max-width: 24.98195%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-yakigashi-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-other-sweets-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 269px;
    max-width: 19.42238%;
    -webkit-transform: translate(0, -59%);
    transform: translate(0, -59%)
}

body .ec-other-sweets-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-other-sweets-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 346px;
    max-width: 24.98195%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-other-sweets-page .product-info-box .product-info-content:nth-of-type(4) .image-box img {
    width: 270px;
    max-width: 19.49458%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-smokery-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-smokery-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 249px;
    max-width: 17.97834%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-smokery-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 314px;
    max-width: 22.67148%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-freeze-dry-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 237px;
    max-width: 17.11191%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-freeze-dry-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 317px;
    max-width: 22.88809%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-freeze-dry-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 268px;
    max-width: 19.35018%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-supplement-page .product-info-box .product-info-content:nth-of-type(1) .image-box img {
    width: 237px;
    max-width: 17.11191%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-supplement-page .product-info-box .product-info-content:nth-of-type(2) .image-box img {
    width: 317px;
    max-width: 22.88809%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-supplement-page .product-info-box .product-info-content:nth-of-type(3) .image-box img {
    width: 268px;
    max-width: 19.35018%;
    -webkit-transform: translate(0, -29%);
    transform: translate(0, -29%)
}

body .ec-product-single-page .product-main-image .main-image {
    padding-top: 49.7006%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat
}

body .ec-product-single-page .image-box h3 {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.9875rem;
    color: #231815;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 15vh
}

body .ec-product-single-page .image-box .text {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    line-height: 1.4em;
    letter-spacing: 0.1em;
    margin-top: 5vh;
    font-size: 2rem
}

body .ec-product-single-page .image-box .double-image {
    width: 1384px;
    max-width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 9.33333vh auto 0
}

body .ec-product-single-page .image-box .double-image .left-image,
body .ec-product-single-page .image-box .double-image .right-image {
    width: 48.77168%
}

body .ec-product-single-page .image-box .double-image .left-image .image-item,
body .ec-product-single-page .image-box .double-image .right-image .image-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 100%
}

body .ec-product-single-page .image-box .single-image {
    width: 1384px;
    max-width: 90%;
    margin: 12vh auto 0
}

body .ec-product-single-page .image-box .single-image .image-item {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-top: 61.77746%
}

body .ec-product-single-page .product-sample {
    margin-top: 34vh
}

body .ec-product-single-page .product-sample img {
    width: 100%;
    height: auto
}

body .ec-product-single-page .sample2 {
    margin-bottom: 14.66667vh
}

body main {
    /* margin-bottom: 16vh */
}

body .enjoy-main {
    margin: 29.33333vh 0 16vh
}

body .enjoy-main>a {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 0
}

body .enjoy-main>a .tanoshimu-image {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear
}

body .enjoy-main>a:hover .tanoshimu-image {
    -webkit-transform: scale(1.07);
    transform: scale(1.07)
}

body .enjoy-main .text-image {
    text-align: center;
    width: 100%;
    padding: 10vh 0
}

body .enjoy-main .text-image img {
    width: 280px;
    max-width: 40%;
    height: auto
}

body .enjoy-main.enjoy-main2 {
    width: 100%
}

body .ec-common-main-image-box .main-image {
    height: calc(100vh - 210px);
    position: relative
}

body .ec-common-main-image-box .main-image .main-text {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

body .ec-common-main-image-box .main-image .main-text h3 {
    text-align: center;
    color: #fff;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    padding: 7vh 0;
    font-size: 2rem;
    letter-spacing: 0.1em;
    line-height: 1.3em
}

body .ec-common-main-image-box .main-image .main-text h3 .en {
    font-size: 1.45rem;
    letter-spacing: 0.05em;
    font-weight: normal
}

body .ec-common-main-image-box .main-image .main-text h3.color-black {
    color: #000
}

body .ec-common-main-image-box .main-image .main-text .line-image {
    text-align: center
}

body .ec-common-main-image-box .main-image .main-text .line-image img {
    max-width: 80%;
    height: auto
}

@media (min-width: 701px) {
    body .ec-common-main-image-box .main-image .main-text.left {
        left: 8%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }

    body .ec-common-main-image-box .main-image .main-text.right {
        right: 8%;
        left: auto;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%)
    }
}

body .ec-common-main-image-box .ec-main-image-scroll-box {
    text-align: center
}

body .ec-common-main-image-box .ec-main-image-scroll-box .ec-main-image-scroll {
    display: inline-block;
    padding: 15px
}

body .ec-common-main-image-box .ec-main-image-scroll-box .ec-main-image-scroll:hover {
    cursor: pointer
}

body .rule-common-page {
    color: #222
}

body .rule-common-page .rule-common-wrap {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    /* padding-top: 5.55556vh;
    padding-bottom: 5.55556vh */
}

body .rule-common-page .rule-common-wrap h2 {
    text-align: center;
    margin-top: 4vh;
    margin-bottom: 6.44444vh
}

body .rule-common-page .rule-common-wrap .rule-line {
    margin-top: 2.5vh
}

body .rule-common-page .rule-common-wrap .rule-line img {
    width: 100%;
    height: 2px
}

body .rule-common-page .rule-common-wrap .text-wrap {
    margin: 0 auto;
    width: 700px;
    max-width: 90%
}

body .rule-common-page .rule-common-wrap .text-wrap .big-title {
    margin-bottom: 3.33333vh;
    color: #956235;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .rule-common-page .rule-common-wrap .text-wrap .text {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 14px
}

body .rule-common-page .rule-common-wrap .text-wrap .br {
    height: 1.5em
}

body .rule-common-page .rule-common-wrap .contact-box {
    width: 930px;
    max-width: 95%;
    margin: 8.33333vh auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    background-image: url(../img/access/line1.png), url(../img/access/line2.png), url(../img/access/line1.png), url(../img/access/line2.png);
    background-position: left top, right top, left bottom, left top;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100% auto, auto 100%, 100% auto, auto 100%
}

body .rule-common-page .rule-common-wrap .contact-box h3 {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    text-align: center;
    padding: 0 0.5em;
    line-height: 1.4em;
    font-size: 1.5rem;
    letter-spacing: 0.2em;
    margin-top: 2.22222vh
}

body .rule-common-page .rule-common-wrap .contact-box .mini-title {
    text-align: center;
    margin-top: 1.66667vh;
    padding: 0 0.5em;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box {
    background-image: url(../img/access/line1.png), url(../img/access/line1.png);
    background-position: left top, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto;
    padding: 2.22222vh 0.5em;
    margin: 1.88889vh 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-text {
    font-size: 1.5rem;
    padding: 0.5em 0
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-image {
    max-width: 80%
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-image img {
    max-width: 100%;
    height: auto
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info {
    margin: 2.22222vh 0 2.77778vh
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info h4 {
    text-align: center;
    padding: 0 0.5em;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 3.33333vh
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box {
    width: 39.47368%
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box {
    width: 50.4386%
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text {
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: 0.1em
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text .orange,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text .orange {
    color: #CD5640
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text a,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text a {
    color: #999
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text a:hover,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text a:hover {
    opacity: 0.7
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .mini-info,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .mini-info {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 1.11111vh;
    margin-top: 3px
}

body .rule-common-page .rule-common-wrap .section-line {
    height: 5px;
    margin: 5.55556vh 0
}

body .rule-common-page .rule-common-wrap .section-line img {
    width: 100%;
    height: 5px
}

body .guide_payment-page .guide_payment-wrap h2 img {
    max-width: 70%;
    height: auto
}

body .guide_payment-page .guide_payment-wrap .big-wrap {
    margin: 0 auto;
    width: 920px;
    max-width: 95%
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li {
    width: 230px;
    max-width: 100%;
    border: 1px solid #BA9D80;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1.5vh
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li .title {
    color: #fff;
    background: #A27C52;
    text-align: center;
    line-height: 1.1em;
    letter-spacing: 0.03em;
    font-weight: bold;
    font-size: 1.7rem;
    padding: 6px 0;
    margin: 0;
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li .title .mini-title {
    font-size: 11px;
    font-weight: normal
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li .inner-text {
    color: #A27C52;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 13px;
    padding: 0.8em;
    font-weight: bold;
    margin: 0;
}

body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li .inner-text .attention {
    font-size: 12px
}

@media (min-width: 725px) {
    body .guide_payment-page .guide_payment-wrap .big-wrap .kessai-list li.kessai2 {
        width: 210px
    }
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap {
    margin-top: 2.44444vh
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap h3 {
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 0.03em;
    color: #A27C52
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li {
    width: 306px;
    max-width: 100%;
    border: 1px solid #BA9D80;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 1.5vh
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li .title {
    color: #fff;
    background: #A27C52;
    text-align: center;
    line-height: 1.3em;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 6px 0;
    font-size: 14px;
    margin: 0 auto;
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li .inner-text {
    color: #A27C52;
    line-height: 1.6em;
    letter-spacing: 0.08em;
    text-align: justify;
    text-justify: inter-ideograph;
    font-size: 13px;
    padding: 0.8em;
    font-weight: bold;
    margin: 0 auto;
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li.otodoke1 {
    width: 200px
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li.otodoke2 {
    width: 360px
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .big-attention {
    text-align: center;
    color: #A27C52;
    font-weight: bold;
    font-size: 2.1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.2em;
    margin-top: 1vh;
    margin-bottom: 4.55556vh
}
body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .big-attention u {
    text-decoration: none;
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .big-attention .wave {
    height: 11px;
    width: 95%;
    margin: 0 auto;
    background: url(../img/guide_payment/wave_line_bg.png) repeat-x center center;
    background-size: auto 100%;
    display: block
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .bold-text {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 14px;
    font-weight: bold;
    margin: 1.88889vh 0
}

body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .mini-gold-text {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 12px;
    color: #A27C52
}

body .guide_payment-page .guide_payment-wrap .text-wrap .gold-attention {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 12px;
    color: #A27C52;
    margin-top: 5vh
}

body .guide_payment-page .guide_payment-wrap .text-wrap .brown-text {
    color: #663300
}

body .guide_payment-page .guide_payment-wrap .text-wrap ul li {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 14px;
    padding-left: 1.1em;
    text-indent: -1.1em
}

body .guide-shopping-page .guide-shopping-wrap .hosho-image {
    text-align: center;
    margin-bottom: 5vh
}

body .guide-shopping-page .guide-shopping-wrap .hosho-image img {
    max-width: 90%;
    height: auto
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time {
    margin-top: 5vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time .time-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -2vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time .time-list li {
    width: 100px;
    height: 66px;
    line-height: 66px;
    text-align: center;
    border: 1px solid #956235;
    background: #c7bab3;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    font-weight: bold;
    margin-top: 2vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time .time-list li.white {
    background: #fff
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time .time-list:after {
    content: '';
    display: block;
    width: 102px
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-time .little-text {
    text-align: right;
    margin-top: 2vh;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-size: 12px
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .attention2 {
    margin-top: 2.22222vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-company {
    margin-top: 4.44444vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-company .gold-box {
    font-size: 13px;
    border: 1px solid #956235;
    margin-top: 2.33333vh;
    padding: 1em;
    color: #956235
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-company .gold-box .text {
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 300
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost {
    margin-top: 4.44444vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .tokubetu {
    text-align: center
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .tokubetu img {
    max-width: 80%;
    height: auto
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .red-text {
    color: #f00
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .middle-text {
    text-align: center;
    font-size: 1.7rem;
    margin-top: 1.55556vh;
    margin-bottom: 5vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .weight-text {
    font-weight: bold;
    margin: 3.88889vh 0;
    line-height: 1.4em
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .narrow-area {
    width: 660px;
    max-width: 95%;
    margin: 0 auto
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .narrow-area .red-text {
    font-weight: bold
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .last-image {
    text-align: center;
    margin-top: 5vh
}

body .guide-shopping-page .guide-shopping-wrap .text-wrap .delivery-cost .last-image img {
    max-width: 95%;
    height: auto
}

body .guide-return-page .guide-return-wrap .text-wrap .exception-box {
    margin-top: 5vh
}

body .guide-return-page .guide-return-wrap .text-wrap .exception-box .mini-info {
    margin-top: 3.11111vh
}

body .guide-return-page .guide-return-wrap .text-wrap .henpin-info-box {
    margin-top: 5vh
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box .title {
    color: #956235;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-weight: bold;
    margin-top: 4.44444vh
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box .title .title-nth {
    color: #fff;
    background: #956235;
    border-radius: 5px;
    font-size: 11px;
    display: inline-block;
    width: 62px;
    white-space: nowrap;
    height: 22px;
    line-height: 22px;
    text-align: center;
    font-weight: normal;
    margin-right: 3.14286%;
    vertical-align: middle
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box dd {
    margin-top: 2.77778vh
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box dd .mini-margin {
    margin-top: 1.66667vh
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box dd .gold-wrap {
    font-size: 13px;
    border: 1px solid #956235;
    margin: 2.22222vh 0 4.44444vh;
    padding: 1em;
    color: #956235
}

body .guide-etc-page .guide-etc-wrap .order-wrap .text-wrap .flow .content-box dd .gold-wrap .text {
    font-size: 13px;
    line-height: 1.5em
}

body .guide-etc-page .guide-etc-wrap .gift-wrap {
    margin-top: 10vh
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .mincho-title {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    line-height: 1.4em;
    letter-spacing: 0.1em;
    font-size: 2rem;
    font-weight: normal;
    margin-bottom: 4.44444vh
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi {
    margin-top: 2.22222vh
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .noshi-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .noshi-box figure {
    max-width: 100%;
    margin-top: 2.44444vh;
    text-align: center
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .noshi-box figure img {
    max-width: 100%;
    height: auto
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .noshi-box figure figcaption .noshi-title {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    margin-top: 2vh;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.4em
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .noshi-box figure figcaption .description {
    margin-top: .77778vh;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    font-size: 14px
}

body .guide-etc-page .guide-etc-wrap .gift-wrap .text-wrap .noshi .lead {
    text-align: center;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 6.11111vh
}

body .category2-common .category2-main {
    width: 1681px;
    max-width: 83.92411%;
    margin: 0 auto;
    min-height: 965px;
    position: relative;
    z-index: 0
}

body .category2-common .category2-main .c-image-div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

@media (max-width: 2003px) {
    body .category2-common .category2-main {
        min-height: 48.17773vw
    }
}

body .category2-common .category2-main section {
    padding-top: 7.43605%;
    margin-right: 7.01963%;
    padding-bottom: 2.37954%
}

body .category2-common .category2-main section:after {
    content: '';
    display: block;
    clear: both
}

body .category2-common .category2-main section h2 {
    float: right
}

body .category2-common .category2-main section .text {
    float: right;
    margin-right: 1.5em;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.4375rem;
    letter-spacing: 0.02522em;
    line-height: 1.91304em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    height: 525px;
    max-height: 70vh;
    color: #231815
}

body .category2-common .category2-main section .text.color-white {
    color: #fff
}

body .category2-common .category2-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1081px;
    max-width: 69.14628%;
    margin: 155px auto 0
}

@media (max-width: 2003px) {
    body .category2-common .category2-nav ul {
        margin-top: 7.73839%
    }
}

body .category2-common .category2-nav ul li {
    text-align: center;
    width: 23.58927%;
    min-width: 185px;
    background: #231815;
    height: 57px;
    text-align: center;
    border: 1px solid #231815;
    margin-bottom: 15px
}

body .category2-common .category2-nav ul li a {
    display: block;
    font-size: 1.6rem;
    line-height: 57px;
    white-space: nowrap;
    background: #fff;
    border-radius: 5px;
    color: #231815;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    height: 100%
}

body .category2-common .category2-nav ul li a:hover {
    background: #000;
    color: #fff
}

body .category2-common .category2-nav ul li.current a {
    background: #000;
    color: #fff
}

body .category2-common .category2-nav ul:after {
    content: '';
    display: block;
    width: 23.58927%;
    min-width: 185px
}

body .category2-common .sub-link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 1081px;
    max-width: 69.14628%;
    margin: 90px auto 0
}

@media (max-width: 2003px) {
    body .category2-common .sub-link ul {
        margin-top: 4.49326%
    }
}

body .category2-common .sub-link ul li {
    width: 48.65865%;
    margin-bottom: 30px
}

body .category2-common .sub-link ul li a {
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .category2-common .sub-link ul li a img {
    width: 100%;
    height: auto
}

body .category2-common .sub-link ul li a:hover {
    opacity: 0.7
}

body .category2-common .sub-link ul li.current a {
    opacity: 0.5
}

body .ec-main-footer {
    background: #446c33;
    color: #fff;
    padding-top: 4.33333vh
}

body .ec-main-footer .footer-inner-box {
    width: 1401px;
    max-width: 90%;
    margin: 0 auto
}

body .ec-main-footer .footer-inner-box .link-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 5.11111vh;
    margin-bottom: 3.88889vh;
    border-bottom: 1px solid #fff
}

body .ec-main-footer .footer-inner-box .link-list li {
    width: 20.34261%
}

body .ec-main-footer .footer-inner-box .link-list li .image-title {
    text-align: center;
    font-size: 1.15rem;
    letter-spacing: .05em;
    line-height: 1.4em
}

body .ec-main-footer .footer-inner-box .link-list li .image-title img {
    max-width: 50%;
    height: auto;
    display: inline-block;
    margin-bottom: 1.77778vh
}

body .ec-main-footer .footer-inner-box .link-list li .text {
    margin-top: 1.88889vh;
    font-size: .8rem;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.65625em;
    letter-spacing: 0.05em
}

body .ec-main-footer .footer-inner-box .link-list li .more {
    text-align: center;
    margin-top: 2.22222vh
}

body .ec-main-footer .footer-inner-box .link-list li .more a {
    display: inline-block;
    font-size: 1.5rem;
    letter-spacing: 0.08em;
    white-space: nowrap;
    position: relative;
    padding-bottom: 3px
}

body .ec-main-footer .footer-inner-box .link-list li .more a:before {
    content: '';
    display: block;
    background: #fff;
    -webkit-transition: width 0.3s cubic-bezier(0.59, 0.01, 0.26, 1);
    transition: width 0.3s cubic-bezier(0.59, 0.01, 0.26, 1);
    width: 0;
    height: 1px;
    position: absolute;
    bottom: 0;
    left: 0
}

body .ec-main-footer .footer-inner-box .link-list li .more a:after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    width: 10px;
    height: 15px;
    background: url(../image/ec/common/sankaku.png) no-repeat center top;
    background-size: contain;
    margin-left: 5px
}

body .ec-main-footer .footer-inner-box .link-list li .more a:hover:before {
    width: 100%
}

body .ec-main-footer .footer-inner-box .bottom-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 3.91111vh;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

body .ec-main-footer .footer-inner-box .bottom-box h2 {
    width: 21.19914%
}

body .ec-main-footer .footer-inner-box .bottom-box h2 img {
    max-width: 100%;
    height: auto
}

body .ec-main-footer .footer-inner-box .bottom-box .address {
    margin: 0 1em
}

body .ec-main-footer .footer-inner-box .bottom-box .address .add {
    font-size: .85rem
}

body .ec-main-footer .footer-inner-box .bottom-box .address .tel {
    margin-top: 1.22222vh;
    font-size: 1.5rem;
    line-height: 1.5em;
    letter-spacing: 0.08em
}

body .ec-main-footer .footer-inner-box .bottom-box .address .tel a {
    font-size: 1.6875rem;
    margin-right: 0.5em;
    display: inline-block;
    white-space: nowrap
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.6rem;
    line-height: 1.3em
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link li a {
    display: block;
    padding: 0 2.55556vh;
    border-right: 1px solid #fff;
    -webkit-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link li a:hover {
    opacity: 0.6
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link li:nth-of-type(1) a {
    padding-left: 0
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link li:nth-of-type(3) a {
    border-right: none;
    padding-right: 0
}

body .ec-main-footer .footer-inner-box .bottom-box .right-box .copy-right {
    text-align: right;
    font-size: 1.4rem;
    margin-top: 2.22222vh
}

@media (max-width: 1290px) {
    body .ec-main-footer .footer-inner-box .bottom-box .address {
        width: 200px
    }
}

@media (max-width: 1000px) {
    body .ec-main-footer .footer-inner-box .bottom-box {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    body .ec-main-footer .footer-inner-box .bottom-box h2 {
        text-align: center;
        width: 100%;
        max-width: 100%;
        margin-bottom: 2vh
    }

    body .ec-main-footer .footer-inner-box .bottom-box .address {
        width: 40;
        margin: 0
    }

    body .ec-main-footer .footer-inner-box .bottom-box .right-box {
        width: 60%
    }

    body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link {
        font-size: 1.5rem;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    body .ec-main-footer .footer-inner-box .bottom-box .right-box .mini-link li a {
        padding: 0 1vh
    }
}

body .contact-page {
    color: #222
}

body .contact-page .contact-wrap {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    padding-top: 5.55556vh;
    padding-bottom: 5.55556vh
}

body .contact-page .contact-wrap .red-text {
    color: red
}

body .contact-page .contact-wrap h2 {
    text-align: center
}

body .contact-page .contact-wrap h2 img {
    max-width: 50%;
    height: auto
}

body .contact-page .contact-wrap .first-text {
    text-align: center;
    font-size: 14px;
    margin-top: 3.33333vh;
    padding: 0 1em;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

body .contact-page .contact-wrap form {
    width: 630px;
    max-width: 90%;
    margin: 4.44444vh auto 0
}

body .contact-page .contact-wrap form dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 1.5vh
}

body .contact-page .contact-wrap form dl dt {
    font-size: 1.6rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 1em;
    color: #666;
    margin-top: 1.5vh;
    line-height: 1.4em
}

body .contact-page .contact-wrap form dl dd {
    font-size: 1.6rem;
    width: 400px;
    max-width: 95%;
    margin-left: auto;
    margin-top: 1.5vh
}

body .contact-page .contact-wrap form dl dd input,
body .contact-page .contact-wrap form dl dd select,
body .contact-page .contact-wrap form dl dd textarea {
    width: 390px;
    max-width: 100%;
    line-height: 1.4em;
    padding: 0.4em;
    letter-spacing: 0.1em;
    height: 2.2em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #5E5E5E
}

body .contact-page .contact-wrap form dl dd select {
    width: 260px
}

body .contact-page .contact-wrap form dl dd textarea {
    height: 15.55556vh
}

body .contact-page .contact-wrap form .info-area .orange-box {
    background-image: url(../img/contact/orange_yoko.png), url(../img/contact/orange_tate.png), url(../img/contact/orange_yoko.png), url(../img/contact/orange_tate.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, left top;
    background-size: 100% 3px, 2px 100%, 100% 3px, 2px 100%;
    padding: 0.8em 1em;
    margin-top: 4vh
}

body .contact-page .contact-wrap form .info-area .orange-box .text {
    text-align: center;
    color: #E3512B;
    font-size: 1.6rem;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .contact-page .contact-wrap form .info-area .green-box {
    background-image: url(../img/contact/green_yoko.png), url(../img/contact/green_tate.png), url(../img/contact/green_yoko.png), url(../img/contact/green_tate.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, left top;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    padding: 0.8em 1em;
    margin-top: 1.5vh
}

body .contact-page .contact-wrap form .info-area .green-box .text {
    color: #3E5228;
    font-size: 1.5rem;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .contact-page .contact-wrap form .info-area .green-box ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 1vh;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

body .contact-page .contact-wrap form .info-area .green-box ul li {
    color: #3E5228;
    font-size: 1.7rem;
    font-weight: bold;
    margin-top: 1vh
}

body .contact-page .contact-wrap form .info-area .black-box {
    background-image: url(../img/contact/black_yoko.png), url(../img/contact/black_tate.png), url(../img/contact/black_yoko.png), url(../img/contact/black_tate.png);
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-position: left top, right top, left bottom, left top;
    background-size: 100% 2px, 2px 100%, 100% 2px, 2px 100%;
    padding: 0.8em 1em;
    margin-top: 1.5vh
}

body .contact-page .contact-wrap form .info-area .black-box .text {
    color: #222;
    font-size: 14px;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 5px
}

body .contact-page .contact-wrap form .info-area .black-box .big-text {
    text-align: center;
    font-size: 1.1875rem;
    letter-spacing: 0.1em;
    font-weight: bold;
    line-height: 1.4em
}

body .contact-page .contact-wrap form .info-area .black-box .domain {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .contact-page .contact-wrap form .info-area .attention {
    font-size: 14px;
    margin-top: 1em
}

body .contact-page .contact-wrap form .submit {
    text-align: center;
    margin-top: 4vh
}

body .contact-page .contact-wrap form .submit label input,
body .contact-page .contact-wrap form .submit label .ajax-loader {
    display: none
}

body .contact-page .contact-wrap form .submit label .submit-text {
    letter-spacing: 0.1em;
    line-height: 1.4em;
    display: inline-block;
    padding: 0.3em 2em;
    border: 1px solid #222;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .contact-page .contact-wrap form .submit label .submit-text:hover {
    cursor: pointer;
    background: #222;
    color: #fff
}

body .rule-common-page {
    color: #222
}
body .rule-common-wrap {
    padding-top: 5.55556vh;
}
body .rule-common-page .rule-common-wrap {
    width: 1050px;
    max-width: 100%;
    margin: 0 auto;
    /* padding-top: 5.55556vh;
    padding-bottom: 5.55556vh */
}

body .rule-common-page .rule-common-wrap h2 {
    text-align: center;
    margin-top: 4vh
}

body .rule-common-page .rule-common-wrap .rule-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    width: 100%;
    margin-top: 2vh
}

body .rule-common-page .rule-common-wrap .rule-list li {
    max-width: 21.5%
}

body .rule-common-page .rule-common-wrap .rule-list li a {
    display: block;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .rule-common-page .rule-common-wrap .rule-list li a img {
    max-width: 100%;
    height: auto
}

body .rule-common-page .rule-common-wrap .rule-list li a:hover {
    opacity: 0.7
}

body .rule-common-page .rule-common-wrap .rule-line {
    margin-top: 2.5vh
}

body .rule-common-page .rule-common-wrap .rule-line img {
    width: 100%;
    height: 2px
}

body .rule-common-page .rule-common-wrap .text-wrap {
    margin: 6.44444vh auto 0;
    width: 600px;
    max-width: 90%
}

body .rule-common-page .rule-common-wrap .text-wrap .big-title {
    margin-bottom: 3.33333vh;
    color: #956235;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .rule-common-page .rule-common-wrap .text-wrap .text {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    font-size: 14px
}

body .rule-common-page .rule-common-wrap .contact-box {
    width: 930px;
    max-width: 95%;
    margin: 8.33333vh auto 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3px;
    background-image: url(../img/access/line1.png), url(../img/access/line2.png), url(../img/access/line1.png), url(../img/access/line2.png);
    background-position: left top, right top, left bottom, left top;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat;
    background-size: 100% auto, auto 100%, 100% auto, auto 100%
}

body .rule-common-page .rule-common-wrap .contact-box h3 {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    text-align: center;
    padding: 0 0.5em;
    line-height: 1.4em;
    font-size: 2.4rem;
    letter-spacing: 0.2em;
    margin-top: 2.22222vh
}

body .rule-common-page .rule-common-wrap .contact-box .mini-title {
    text-align: center;
    margin-top: 1.66667vh;
    padding: 0 0.5em;
    font-size: 1.4rem;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box {
    background-image: url(../img/access/line1.png), url(../img/access/line1.png);
    background-position: left top, left bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto;
    padding: 2.22222vh 0.5em;
    margin: 1.88889vh 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-text {
    font-size: 1.5rem;
    padding: 0.5em 0
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-image {
    max-width: 80%
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-image img {
    max-width: 100%;
    height: auto
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info {
    margin: 2.22222vh 0 2.77778vh
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info h4 {
    text-align: center;
    padding: 0 0.5em;
    font-size: 1.7rem;
    font-weight: normal;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 3.33333vh
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box {
    width: 39.47368%
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box {
    width: 50.4386%
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text {
    font-size: 1.4rem;
    line-height: 1.5em;
    letter-spacing: 0.1em
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text .orange,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text .orange {
    color: #CD5640
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text a,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text a {
    color: #999
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .info-text a:hover,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .info-text a:hover {
    opacity: 0.7
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box .mini-info,
body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box .mini-info {
    font-size: 1.2rem;
    line-height: 1.5em;
    letter-spacing: 0.1em;
    text-align: justify;
    text-justify: inter-ideograph;
    margin-bottom: 1.11111vh;
    margin-top: 3px
}

body .privacy-policy-page .privacy-policy-wrap h2 img {
    max-width: 80%;
    height: auto
}

body .privacy-policy-page .privacy-policy-wrap .text-wrap section {
    margin-top: 4.77778vh
}

body .privacy-policy-page .privacy-policy-wrap .text-wrap section .mini-text {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin-top: 2.66667vh
}

body .privacy-policy-page .privacy-policy-wrap .text-wrap section ul {
    margin-top: 2.22222vh
}

body .privacy-policy-page .privacy-policy-wrap .text-wrap section ul li {
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.4em;
    letter-spacing: 0.1em;
    font-size: 14px;
    padding-left: 2.9em;
    text-indent: -2.9em
}

body .security-page .security-wrap h2 img {
    max-width: 65%;
    height: auto
}

body .security-page .security-wrap .text-wrap .text {
    line-height: 1.6em
}

body .businessdeal-page .m1 {
    margin-top: 1em
}

body .businessdeal-page .businessdeal-wrap h2 img {
    max-width: 75%;
    height: auto
}

body .businessdeal-page .businessdeal-wrap .text-wrap section {
    margin-bottom: 9.44444vh
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .list-info dl {
    width: 390px;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 14px;
    margin-top: 6px;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .list-info dl dt {
    margin-top: 4px;
    margin-right: 1.4em
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .list-info dl dd {
    margin-left: auto;
    max-width: 90%;
    margin-top: 4px
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .title-info dt {
    font-size: 15px;
    font-weight: bold;
    margin: 2.11111vh 0;
    line-height: 1.4em;
    letter-spacing: 0.1em
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .title-info dd .normal-list {
    line-height: 1.4em;
    letter-spacing: 0.1em;
    font-size: 14px;
    margin: 2.44444vh 0;
    padding-left: 1.1em;
    text-indent: -1.1em
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .title-info dd .normal-list li {
    margin: 2px 0
}

body .copyright-page .copyright-wrap h2 img {
    max-width: 74%;
    height: auto
}

body .fuwatto-wrap [class*='fuwatto'] {
    opacity: 0;
    -webkit-transform: translate(0, 10px);
    transform: translate(0, 10px);
    -webkit-transition: all 0.9s;
    transition: all 0.9s
}

body .fuwatto-wrap [class*='fuwatto'].on-fuwatto {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

body .common-text {
    font-size: .9rem;
    text-align: justify;
    text-justify: inter-ideograph;
    line-height: 1.9825em;
    letter-spacing: 0.05em
}

body .common-main-image {
    position: relative;
    height: calc(100vh - 63px)
}

body .common-main-image:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(201, 160, 99, 0.5);
    z-index: 1
}

body .common-main-image .main-image {
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

body .common-main-image .logo {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 30%;
    height: auto
}

body .common-first-title {
    text-align: center;
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.9875rem;
    color: #231815;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 15vh
}

body .common-first-text {
    text-align: center;
    margin-top: 2.06667vh;
    font-size: 1.275rem;
    color: #231815;
    line-height: 1.72941em
}

body .common-slide {
    height: calc(100vh - 63px);
    position: relative
}

body .common-slide .common-slide-content {
    visibility: hidden;
    height: calc(100vh - 63px)
}

body .common-slide .common-slide-content li {
    height: 100%
}

body .common-slide .common-slide-content li .slide-image {
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center
}

body .common-slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a {
    background: url(../image/noodle_factory/pager1.png) no-repeat center center;
    background: -webkit-image-set(url(../image/noodle_factory/pager1.png) 1x, url(../image/noodle_factory/pager1@2x.png) 2x) no-repeat center center;
    background-size: contain;
    border-radius: 0;
    width: 13px;
    height: 17px
}

body .common-slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item a.active {
    background: url(../image/noodle_factory/pager_on.png) no-repeat center center !important;
    background: webkit-image-set(url(../image/noodle_factory/pager_on.png) 1x, url(../image/noodle_factory/pager_on@2x.png) 2x) no-repeat center center !important;
    background-size: contain !important
}

body .common-slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(odd) a {
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1)
}

body .common-slide .bx-wrapper .bx-pager.bx-default-pager .bx-pager-item:nth-of-type(3) a {
    background: url(../image/noodle_factory/pager2.png) no-repeat center center;
    background: -webkit-image-set(url(../image/noodle_factory/pager2.png) 1x, url(../image/noodle_factory/pager2@2x.png) 2x) no-repeat center center;
    background-size: contain
}

body .common-slide .common-slide-scroll {
    position: absolute;
    text-align: center;
    bottom: 0;
    left: 0;
    width: 100%
}

body .common-slide .common-slide-scroll img {
    padding: 1em;
    max-width: 15%;
    height: auto
}

body .common-slide .common-slide-scroll img:hover {
    cursor: pointer
}

body .tenbiran-course-box .cours-set-box {
    margin-top: 6.66667vh
}

body .tenbiran-course-box .cours-set-box .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .tenbiran-course-box .cours-set-box .image-box .inner {
    width: 50%
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box {
    padding: 10vh 0 8.66667vh;
    color: #fff;
    margin-left: 5.83832vw;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.55rem;
    min-height: 6.5em;
    line-height: 1.27451em;
    font-weight: normal
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box h3 .mini {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts {
    margin-right: 3.73333vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.1.6rem;
    line-height: 1.95455em;
    display: inline
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .text .blank {
    display: block;
    width: 1.3em
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .more {
    text-align: center;
    margin-top: 4.44444vh
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .more a {
    border: 1px solid #fff;
    padding: 6px 24px;
    font-size: 1.2rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .more a:hover {
    cursor: pointer;
    background: #fff;
    color: #231815
}

body .tenbiran-course-box .cours-set-box .titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

body .tenbiran-course-box .cours-set-box .titles .inner {
    width: 50%;
    text-align: center;
    padding: 0 0.5em
}

body .tenbiran-course-box .cours-set-box .titles .inner .mini-title {
    font-size: 1.15rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 1.66667vh
}

body .tenbiran-course-box .cours-set-box .titles .inner .text-title {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    margin-top: 5px;
    font-weight: bold
}

body .cart-scroll {
    position: fixed;
    bottom: 20vh;
    right: 0;
    -webkit-transform: translate(0, -250px);
    transform: translate(0, -250px);
    opacity: 0;
    z-index: 1000;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

body .cart-scroll.on-cart-scroll {
    opacity: 1;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0)
}

body .cart-scroll .cart-scroll-button {
    width: 120px;
    height: 76px;
    line-height: 76px;
    background: #006835;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 11px
}

body .cart-scroll .cart-scroll-button img {
    width: 100%;
    height: auto;
    display: block
}

body .cart-scroll .cart-scroll-button:hover {
    cursor: pointer;
    opacity: 0.7
}

body .cart-scroll .cart-scroll-button2 {
    width: 120px;
    margin-top: 10px;
    height: 76px;
    line-height: 76px;
    background: #666;
    color: #fff;
    border-radius: 2px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    font-weight: bold;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    text-align: center;
    font-size: 11px
}

body .cart-scroll .cart-scroll-button2 img {
    width: 100%;
    display: block;
    height: auto
}

body .cart-scroll .cart-scroll-button2:hover {
    cursor: pointer;
    opacity: 0.7
}

.f11link .sougo-list {
    width: 1000px;
    max-width: 90%;
    margin: 0 auto
}

.f11link .sougo-list.first ul {
    margin-top: 21.69197%
}

.f11link .sougo-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10.84599%
}

.f11link .sougo-list ul li {
    width: 21.76428%;
    margin-bottom: 10.84599%
}

.f11link .sougo-list ul li img {
    width: 100%;
    height: auto;
    display: block
}

.f11link .sougo-list ul li a {
    display: block;
    -webkit-transition: all 0.2s;
    transition: all 0.2s
}

.f11link .sougo-list ul li a:hover {
    opacity: 0.6
}

.f11link .cours-set-wrap.first .cours-set-box {
    margin-top: 12vh
}

.f11link .cours-set-wrap .cours-set-box {
    margin-top: 6.66667vh
}

.f11link .cours-set-wrap .cours-set-box .image-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner {
    width: 50%
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box {
    padding: 10vh 0 8.66667vh;
    color: #fff;
    margin-left: 5.83832vw;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box h3 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    font-size: 2.55rem;
    min-height: 6.5em;
    line-height: 1.27451em;
    font-weight: normal
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box h3 .mini {
    display: block;
    font-size: 1.2rem;
    letter-spacing: .6em
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts {
    margin-right: 3.73333vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-family: "noto-serif-tate", "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 1.1.6rem;
    line-height: 1.95455em;
    display: inline
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .text .blank {
    display: block;
    width: 1.3em
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .more {
    text-align: center;
    margin-top: 4.44444vh
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .more a {
    border: 1px solid #fff;
    padding: 6px 24px;
    font-size: 1.2rem;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear
}

.f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .more a:hover {
    cursor: pointer;
    background: #fff;
    color: #231815
}

.f11link .cours-set-wrap .cours-set-box .titles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.f11link .cours-set-wrap .cours-set-box .titles .inner {
    width: 50%;
    text-align: center;
    padding: 0 0.5em
}

.f11link .cours-set-wrap .cours-set-box .titles .inner .mini-title {
    font-size: 1.15rem;
    letter-spacing: 0.1em;
    line-height: 1.4em;
    margin-top: 1.66667vh
}

.f11link .cours-set-wrap .cours-set-box .titles .inner .text-title {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
    font-size: 2.25rem;
    letter-spacing: 0.1em;
    line-height: 1.3em;
    margin-top: 5px;
    font-weight: bold
}

@media (min-width: 701px) {
    .pc-none {
        display: none !important
    }
}

@media (max-width: 700px) {
    .sp-none {
        display: none !important
    }

    html.scroll-up .sp-global-nav {
        -webkit-transform: translate(0, 0) !important;
        transform: translate(0, 0) !important
    }

    body {
        /* padding-top: 15.86667%;
        padding-bottom: 18.66667% */
    }

    body .ec-main-header {
        height: 0
    }

    body .ec-main-header .header-cover {
        height: 0
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec>img {
        width: 12.26667%;
        height: auto;
        position: fixed;
        z-index: 50;
        top: 0;
        left: 0;
        padding: 3.33333% 5px 5px 6.13333%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 49;
        background: #fff;
        padding-top: 15.86667%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 32.53333%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header h3 img {
        width: 100%;
        height: auto
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header .sp-cart {
        position: absolute;
        width: 5.86667%;
        right: 7.46667%;
        top: 0;
        padding-top: 5.46667%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header .sp-cart img {
        width: 100%;
        height: auto
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec {
        height: 100%;
        padding-top: 15.86667%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        z-index: 48;
        width: 100%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box {
        padding: 5.06667% 4.8% 0
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link .link {
        width: 48.52507%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .mypage-link .link img {
        width: 100%;
        height: auto
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box {
        margin-top: 4.27729%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area {
        background: #fff;
        border-radius: 5px;
        position: relative;
        z-index: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>img {
        position: absolute;
        z-index: -1;
        opacity: 0;
        height: 41.05263%;
        width: auto;
        top: 50%;
        left: 8px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%)
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input {
        background: none;
        border: none;
        height: 40px;
        line-height: 40px;
        padding: 0 8px;
        width: calc(100% - 45px)
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input:placeholder-shown+img {
        opacity: 1
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area>input:focus+img {
        opacity: 0
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child {
        width: calc(100% - 45px);
        display: block
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input {
        background: none;
        border: none;
        height: 40px;
        line-height: 40px;
        padding: 0 8px
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input:placeholder-shown+img {
        opacity: 1
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:first-child input:focus+img {
        opacity: 0
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:last-of-type {
        display: block;
        background: #000;
        color: #fff;
        height: 40px;
        line-height: 40px;
        text-align: center;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-weight: bold;
        font-size: 11px;
        width: 45px;
        letter-spacing: 0.1em
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .sp-top-box .serch-box .setch-area label:last-of-type input {
        display: none
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product h3 {
        padding: 10.13333% 4.8% 0;
        margin-bottom: 5.46667%;
        text-align: center
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product h3 img {
        width: 34.36578%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .double-link {
        padding: 0 4.8%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list {
        padding: 0 5.06667%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .middle-list li {
        width: 39.91098%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .min-info {
        padding: 0 5.06667%
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .menu-block-ec .product .min-info img {
        width: 60%;
        height: auto
    }

    body .ec-main-header .sp-global-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        z-index: 20;
        -webkit-transition: -webkit-transform 0.2s;
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transform: translate(0, 200%);
        transform: translate(0, 200%)
    }

    body .ec-main-header .sp-global-nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        background: #efefef
    }

    body .ec-main-header .sp-global-nav ul li {
        width: 25%
    }

    body .ec-main-header .sp-global-nav ul li img {
        width: 100%;
        display: block;
        height: auto
    }

    body .ec-top-page .ec-top-slide-box {
        height: 100vh
    }

    body .ec-top-page .ec-top-slide-box .ec-top-slide {
        height: 100vh
    }

    body .ec-top-page .ec-top-slide-box .ec-top-slide li .catch {
        font-size: 11.4rem;
        line-height: 1.5em
    }

    body .ec-top-page .aco-content .visit-content {
        background: none
    }

    body .ec-top-page .aco-content .visit-content .sp-image {
        background-position: left;
        padding-top: 61.8047%
    }

    body .ec-top-page .aco-content .visit-content .sp-image.image2 {
        background-position: left center
    }

    body .ec-top-page .aco-content .visit-content .text-box {
        width: 90%;
        margin: 0 auto;
        display: block;
        color: #231815;
        padding-top: 3vh
    }

    body .ec-top-page .aco-content .visit-content .text-box h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        font-size: 1.8125rem;
        min-height: 0
    }

    body .ec-top-page .aco-content .visit-content .text-box .texts {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 3vh
    }

    body .ec-top-page .aco-content .visit-content .text-box .texts .text {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-size: 1.4rem
    }

    body .ec-top-page .aco-content .visit-content .text-box .texts .text br {
        display: none
    }

    body .ec-top-page .aco-content .visit-content .text-box .texts .text .blank {
        width: auto;
        height: 1em
    }

    body .ec-top-page .aco-content .visit-content .text-box .texts .more .aco-more {
        border-color: #231815
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content {
        display: block
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box {
        width: 100%
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box:after {
        display: none
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .slide-box .slide-cover-box .line-content {
        display: none
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box {
        max-width: 100%
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box .image-title {
        display: none
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box section h4 {
        font-size: 11.4rem
    }

    body .ec-top-page .aco-content .hidden-box .aco-inner-content .text-box section .text {
        font-size: 1.4rem
    }

    body .ec-top-page .cate-link h3 {
        font-size: 11.2rem;
        line-height: 1.2em
    }

    body .ec-top-page .cate-link2 .list {
        display: block
    }

    body .ec-top-page .cate-link2 .list li {
        width: 100%
    }

    body .ec-top-page .cate-link2 .list li a:after {
        display: none
    }

    body .ec-top-page .my-product-box h3 {
        font-size: 11.2rem;
        line-height: 1.2em
    }

    body .ec-top-page .my-product-box .product-list .big a img,
    body .ec-top-page .my-product-box .product-list .middle a img,
    body .ec-top-page .my-product-box .product-list .mini a img {
        max-width: 40vw;
        opacity: 0
    }

    body .ec-top-page .my-product-box .product-list .big a p,
    body .ec-top-page .my-product-box .product-list .middle a p,
    body .ec-top-page .my-product-box .product-list .mini a p {
        white-space: normal;
        text-align: center;
        font-size: 1.6rem;
        background: rgba(255, 255, 255, 0.5);
        letter-spacing: 0.1em;
        font-weight: bold;
        width: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        padding: 6px 0
    }

    body .ec-top-page .my-product-box .product-list .big a {
        padding-top: 60%
    }

    body .ec-top-page .my-product-box .product-list .middle a {
        padding-top: 90%
    }

    body .ec-top-page .my-product-box .product-list .mini {
        width: 50%
    }

    body .ec-top-page .my-product-box .product-list .mini a {
        padding-top: 90%
    }

    body .ec-top-page .gift .text-box {
        width: 90%;
        margin: 0 auto;
        display: block
    }

    body .ec-top-page .gift .text-box h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        font-size: 1.8125rem;
        text-shadow: 0 0 3px #000;
        min-height: 0
    }

    body .ec-top-page .gift .text-box .texts {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 3vh;
        text-shadow: 0 0 3px #000
    }

    body .ec-top-page .gift .text-box .texts .text {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-size: 1.4rem
    }

    body .ec-top-page .gift .text-box .texts .text br {
        display: none
    }

    body .ec-top-page .gift .text-box .texts .text .blank {
        width: auto;
        height: 1em
    }

    body .ec-top-page .gift .text-box .texts .more a {
        -webkit-box-sizing: 0 0 3px;
        box-sizing: 0 0 3px
    }

    body .ec-top-page .limited-box {
        padding-bottom: 12vh
    }

    body .ec-top-page .limited-box .inner section h3 {
        font-size: 1.8125rem
    }

    body .ec-top-page .limited-box .inner .limited-product-box {
        display: block
    }

    body .ec-top-page .limited-box .inner .limited-product-box li {
        width: 100%
    }

    body .ec-top-page .limited-box .inner .limited-product-box li a figure {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    body .ec-top-page .limited-box .inner .limited-product-box li a figure .image {
        width: 33%;
        padding-top: 30%
    }

    body .ec-top-page .limited-box .inner .limited-product-box li a figure figcaption {
        width: 62%
    }

    body .ec-top-page .limited-box .inner .limited-product-box li a figure figcaption .title {
        margin-top: 0;
        font-size: 1.7rem
    }

    body .ec-top-page .limited-box .inner .limited-product-box li a figure figcaption .description {
        font-size: 1.2rem
    }

    body .ec-top-page .limited-box .inner .limited-product-box li.more {
        text-align: center;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        margin: 6.33333vh auto 0;
        font-size: 1.1.6rem
    }

    body .ec-top-page .limited-box .inner .limited-product-box li.more .more-inner {
        border: 1px solid #231815;
        display: inline-block;
        background: #231815;
        color: #fff;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear;
        padding: 7.8px 30px;
        border-radius: 5px
    }

    body .ec-top-page .ranking .inner {
        display: block
    }

    body .ec-top-page .ranking .inner section {
        width: 100%;
        margin: 0
    }

    body .ec-top-page .ranking .inner section h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        text-align: center;
        font-size: 1.8125rem
    }

    body .ec-top-page .ranking .inner section h3 .en {
        display: block
    }

    body .ec-top-page .ranking .inner .ranking-box {
        width: 100%;
        padding-left: 25px;
        padding-right: 25px
    }

    body .ec-top-page .ranking .inner .ranking-box .rank-wrap .arrow a img {
        width: 14px;
        height: auto
    }

    body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a .nth {
        font-size: .625rem;
        padding: 4px 7px
    }

    body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure .image {
        padding-top: 90%
    }

    body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure figcaption .title {
        font-size: .625rem
    }

    body .ec-top-page .ranking .inner .ranking-box .rank-wrap .ranking-list li a figure figcaption .description {
        font-size: 1.2rem;
        display: none
    }

    body .ec-top-page .cours-set-box .image-box {
        display: block
    }

    body .ec-top-page .cours-set-box .image-box .inner {
        width: 100%
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box {
        width: 90%;
        margin: 0 auto;
        display: block
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        font-size: 1.8125rem;
        text-shadow: 0 0 3px #000;
        min-height: 0
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box .texts {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 3vh;
        text-shadow: 0 0 3px #000
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .text {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-size: 1.4rem
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .text br {
        display: none
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .text .blank {
        width: auto;
        height: 1em
    }

    body .ec-top-page .cours-set-box .image-box .inner .text-box .texts .more a {
        -webkit-box-sizing: 0 0 3px;
        box-sizing: 0 0 3px
    }

    body .ec-top-page .cours-set-box .image-box .sp-texts {
        text-align: center;
        padding: 0 0.5em
    }

    body .ec-top-page .cours-set-box .image-box .sp-texts .mini-title {
        font-size: 1.4rem;
        margin-top: 9px;
        letter-spacing: 0.1em
    }

    body .ec-top-page .cours-set-box .image-box .sp-texts .text-title {
        font-size: 1.625rem;
        font-weight: bold;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        list-style-position: 1.3em;
        margin-top: 9px;
        margin-bottom: 8vh
    }

    body .ec-gift-page .document-image .text-box h3 {
        font-size: 1.5625rem;
        padding: 6vh 0
    }

    body .ec-gift-page .category-products {
        display: block
    }

    body .ec-gift-page .category-products li {
        width: 100%
    }

    body .ec-gift-page .category-products li a .product-image {
        width: 40%;
        float: left;
        padding-top: 50%
    }

    body .ec-gift-page .category-products li a .p-title,
    body .ec-gift-page .category-products li a .price {
        float: right;
        width: 55%;
        max-width: 55%
    }

    body .ec-gift-page .category-products li a:after {
        content: '';
        display: block;
        clear: both
    }

    body .ec-gift-page .category-list-box h3 {
        font-size: 11.4rem
    }

    body .ec-gift-page .category-list-box h3 .en {
        font-size: .6875rem
    }

    body .ec-gift-page .mycolor-box {
        margin-top: 150px
    }

    body .ec-gift-page .mycolor-box .image-link-list {
        display: block;
        margin-top: 50px
    }

    body .ec-gift-page .mycolor-box .image-link-list a {
        width: 100%;
        margin-bottom: 1.5em
    }

    body .ec-gift-page .mycolor-box .double-bottom-link {
        margin-top: 50px;
        display: block
    }

    body .ec-gift-page .mycolor-box .double-bottom-link .link {
        width: 100%
    }

    body .ec-gift-page .mycolor-box .ct-link h3 {
        font-size: 11.2rem;
        line-height: 1.2em
    }

    body .ec-gift-page .mycolor-box .ct-link ul {
        display: block
    }

    body .ec-gift-page .mycolor-box .ct-link ul li {
        width: 100%
    }

    body .ec-gift-page .obi-wrap .obi-content h3 {
        font-size: 2rem;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    body .ec-gift-page .obi-wrap .obi-content h3 img {
        -ms-flex-negative: 0;
        flex-shrink: 0
    }

    body .ec-gift-page .obi-wrap .obi-content .type1 {
        font-size: 1.4rem
    }

    body .ec-gift-page .obi-wrap .obi-content .last-box h4 {
        font-size: 2rem
    }

    body .ec-gift-page .obi-wrap .obi-content .last-box .last-text {
        font-size: 1.4rem
    }

    body .category-common .product-info-box .product-info-content .image-box [class^="image-item"] {
        height: auto;
        position: relative;
        padding-top: 80%
    }

    body .category-common .product-info-box .product-info-content .image-box .text {
        font-size: 1.6rem;
        padding-top: 1em
    }

    body .category-common .product-info-box .product-info-content .image-box .text.color-white {
        color: #000
    }

    body .category-common .product-info-box .product-info-content .out-text {
        font-size: 1.6rem
    }

    body .category-common .big-image-text {
        padding-left: 1em;
        padding-right: 1em;
        padding-top: 0;
        padding-bottom: 0
    }

    body .category-common .big-image-text h3 {
        font-size: 1.5rem
    }

    body .category-common .big-image-text .text {
        font-size: 1.6rem
    }

    body .category-common .big-image-text .big-image-item {
        position: relative;
        padding-top: 60%;
        height: auto;
        margin-top: 3vh
    }

    body .category-common .product-list h3 {
        font-size: 11.4rem
    }

    body .category-common .product-list h3 .en {
        font-size: .6875rem
    }

    body .ec-product-single-page .product-main-image .main-image {
        padding-top: 65%
    }

    body .ec-product-single-page .image-box h3 {
        font-size: 1.5rem;
        padding-left: 0.5em;
        padding-right: 0.5em;
        margin-top: 7vh
    }

    body .ec-product-single-page .image-box .text {
        font-size: 1.6rem;
        padding-left: 1em;
        padding-right: 1em;
        text-align: left
    }

    body .ec-product-single-page .product-sample {
        margin-top: 17vh
    }

    body .ec-common-main-image-box .main-image {
        height: 100vh
    }

    body .ec-common-main-image-box .main-image .main-text {
        width: 90%
    }

    body .ec-common-main-image-box .main-image .main-text h3 {
        font-size: 11.2rem
    }

    body .ec-common-main-image-box .main-image .main-text h3 .en {
        font-size: 2rem
    }

    body .rule-common-page .rule-common-wrap .contact-box h3 {
        font-size: 2rem
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box {
        display: block
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box,
    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box a,
    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box a {
        display: inline-block;
        white-space: nowrap
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box {
        margin-bottom: 4vh
    }

    body .guide_payment-page .guide_payment-wrap .big-wrap .otodoke-wrap .otodoke-list li {
        width: 100% !important
    }

    body .ec-main-footer .footer-inner-box .bottom-box {
        display: block
    }

    body .ec-main-footer .footer-inner-box .bottom-box h2 {
        width: 70%;
        margin: 0 auto
    }

    body .ec-main-footer .footer-inner-box .bottom-box .address {
        margin-top: 15px;
        text-align: center;
        width: 100%
    }

    body .ec-main-footer .sp-footer-link ul {
        width: 310px;
        max-width: 85%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    body .ec-main-footer .sp-footer-link ul li {
        margin-bottom: 2.2vh
    }

    body .ec-main-footer .sp-footer-link ul li a {
        display: inline-block;
        font-size: 13px;
        padding: 2px;
        letter-spacing: 0.1em;
        white-space: nowrap
    }

    body .ec-main-footer .copy-right-sp {
        text-align: center;
        background: #1d480b;
        padding: 8px 0;
        font-size: 1.2rem
    }

    body .rule-common-page .rule-common-wrap .contact-box h3 {
        font-size: 1.57143rem
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box {
        display: block
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box,
    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box {
        width: 90%;
        margin-left: auto;
        margin-right: auto
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box a,
    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box a {
        display: inline-block;
        white-space: nowrap
    }

    body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box {
        margin-bottom: 4vh
    }

    body .common-main-image {
        height: 100vh
    }

    body .common-first-title {
        font-size: 1.5rem
    }

    body .common-first-text {
        font-size: 1.6rem
    }

    body .common-slide {
        height: 100vh
    }

    body .common-slide .common-slide-content {
        height: 100vh
    }

    body .tenbiran-course-box .cours-set-box .image-box {
        display: block
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner {
        width: 100%
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box {
        width: 90%;
        margin: 0 auto;
        display: block
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        font-size: 1.8125rem;
        text-shadow: 0 0 3px #000;
        min-height: 0
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 3vh;
        text-shadow: 0 0 3px #000
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .text {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-size: 1.4rem
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .text br {
        display: none
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .text .blank {
        width: auto;
        height: 1em
    }

    body .tenbiran-course-box .cours-set-box .image-box .inner .text-box .texts .more a {
        -webkit-box-sizing: 0 0 3px;
        box-sizing: 0 0 3px
    }

    body .tenbiran-course-box .cours-set-box .image-box .sp-texts {
        text-align: center;
        padding: 0 0.5em
    }

    body .tenbiran-course-box .cours-set-box .image-box .sp-texts .mini-title {
        font-size: 1.4rem;
        margin-top: 9px;
        letter-spacing: 0.1em
    }

    body .tenbiran-course-box .cours-set-box .image-box .sp-texts .text-title {
        font-size: 1.625rem;
        font-weight: bold;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        list-style-position: 1.3em;
        margin-top: 9px;
        margin-bottom: 8vh
    }

    body .cart-scroll .cart-scroll-button,
    body .cart-scroll .cart-scroll-button2 {
        height: auto;
        width: 50px;
        background: #006835
    }

    body .cart-scroll .cart-scroll-button2 {
        margin-top: 2px
    }

    body .category2-common .category2-main {
        width: 100%;
        max-width: 100%
    }

    body .category2-common .category2-main .c-image-div {
        display: block;
        padding-top: 57.37218%;
        position: relative;
        width: auto;
        height: auto
    }

    body .category2-common .category2-main section {
        margin-right: 12%
    }

    body .category2-common .category2-main section h2 img {
        width: 50px;
        height: auto
    }

    body .category2-common .category2-main section h2.size2 img {
        width: 70px;
        height: auto
    }

    body .category2-common .category2-main section .text {
        font-size: 1.5rem;
        max-height: auto;
        height: 250px;
        color: #231815 !important
    }

    body .category2-common .category2-nav ul {
        max-width: 90%
    }

    body .category2-common .category2-nav ul li {
        width: 48%;
        max-width: 48%;
        min-width: 0;
        height: 40px
    }

    body .category2-common .category2-nav ul li a {
        font-size: 1.4rem;
        line-height: 40px
    }

    body .category2-common .sub-link ul {
        max-width: 90%
    }

    .f11link .sougo-list ul li {
        width: 45%
    }

    .f11link .cours-set-wrap .cours-set-box .image-box {
        display: block
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner {
        width: 100%
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box {
        width: 90%;
        margin: 0 auto;
        display: block
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box h3 {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        font-size: 1.8125rem;
        text-shadow: 0 0 3px #000;
        min-height: 0
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts {
        display: block;
        width: 100%;
        margin-right: 0;
        margin-top: 3vh;
        text-shadow: 0 0 3px #000
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .text {
        -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
        writing-mode: unset;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        font-size: 1.4rem
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .text br {
        display: none
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .text .blank {
        width: auto;
        height: 1em
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .inner .text-box .texts .more a {
        -webkit-box-sizing: 0 0 3px;
        box-sizing: 0 0 3px
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .sp-texts {
        text-align: center;
        padding: 0 0.5em
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .sp-texts .mini-title {
        font-size: 1.4rem;
        margin-top: 9px;
        letter-spacing: 0.1em
    }

    .f11link .cours-set-wrap .cours-set-box .image-box .sp-texts .text-title {
        font-size: 1.625rem;
        font-weight: bold;
        font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif";
        letter-spacing: 0.1em;
        list-style-position: 1.3em;
        margin-top: 9px;
        margin-bottom: 8vh
    }
}

.user_contents {
    text-align: justify;
    text-justify: inter-ideograph
}

.user_contents a {
    text-decoration: underline;
    color: #222222
}

.user_contents a:hover {
    opacity: 0.6
}

.user_contents * {
    max-width: 100%
}

.user_contents img {
    max-width: 100%;
    height: auto
}

.user_contents img.alignright,
.user_contents img.alignleft {
    margin: 0.5em 1em
}

.user_contents p {
    margin: 1em auto;
    word-break: break-all
}

.user_contents .aligncenter {
    display: block;
    margin: 0 auto
}

.user_contents .alignright {
    float: right
}

.user_contents .alignleft {
    float: left
}

.user_contents strong {
    font-weight: bold;
    font-size: 1.21em
}

.user_contents em {
    font-style: italic
}

.user_contents blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px
}

.user_contents ul {
    list-style-type: disc;
    margin: 0 1em
}

.user_contents ol {
    list-style-type: decimal;
    margin: 0 1em
}

.user_contents li {
    display: list-item;
    margin-left: 1em
}

.user_contents h1,
.user_contents h2,
.user_contents h3,
.user_contents h4,
.user_contents h5,
.user_contents h6 {
    font-weight: bold;
    margin: 1.2em auto;
    letter-spacing: 0.1em;
    line-height: 1.4em
}

.user_contents h1 {
    font-size: 11.2rem
}

.user_contents h2 {
    font-size: 1.5625rem
}

.user_contents h3 {
    font-size: 1.3125rem
}

.user_contents h4 {
    font-size: 1.7rem
}

.user_contents h5 {
    font-size: 1em
}

.user_contents h6 {
    font-size: 0.9em
}

.user_contents .font-mincho {
    font-family: "noto-serif", "noto-serif-main2", "noto-serif-middle", "noto-serif-rare", "æ¸¸æ˜Žæœ", YuMincho, "ãƒ’ãƒ©ã‚®ãƒŽæ˜Žæœ Pro W3", "Hiragino Mincho Pro", "ï¼­ï¼³ ï¼°æ˜Žæœ", "MS PMincho", "serif"
}

.user_contents .font-gothic {
    font-family: "Noto Sans JP", "ãƒ’ãƒ©ã‚®ãƒŽè§’ã‚´ Pro W3", "Hiragino Kaku Gothic Pro", "ãƒ¡ã‚¤ãƒªã‚ª", Meiryo, Osaka, "å°å¡šã‚´ã‚·ãƒƒã‚¯ Pro", "MS Pã‚´ã‚·ãƒƒã‚¯", "MS PGothic", "Droid Sans Mono", Verdana, sans-serif
}

@media (max-width: 700px) {
    .user_contents h1 {
        font-size: 1.4375rem
    }

    .user_contents h2 {
        font-size: 1.3125rem
    }

    .user_contents h3 {
        font-size: 1.1875rem
    }

    .user_contents h4 {
        font-size: 1.6rem
    }

    .user_contents h5 {
        font-size: 1.6rem
    }

    .user_contents h6 {
        font-size: 0.9rem
    }
}

@media (max-width: 700px) {
    body {
        /* padding-bottom: 12.15733vw */
    }

    body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header {
        -webkit-transform: translateY(-150%);
        transform: translateY(-150%);
        -webkit-transition: .2s;
        transition: .2s
    }

    body .ec-main-header .sp-global-nav {
        -webkit-transform: translateY(200%);
        transform: translateY(200%);
        -webkit-transition: .2s;
        transition: .2s
    }

    html.scroll-top body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header,
    html.scroll-down body .ec-main-header .header-cover .right-content .right-top .menu-ec .sp-header {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }

    html.scroll-up body .ec-main-header .sp-global-nav {
        -webkit-transform: translateY(200%) !important;
        transform: translateY(200%) !important
    }

    html.scroll-bottom body .ec-main-header .sp-global-nav,
    html.scroll-bottom2 body .ec-main-header .sp-global-nav {
        -webkit-transform: translateY(0) !important;
        transform: translateY(0) !important
    }
}

/*# sourceMappingURL=oenosato-ec.css.map */