@charset "UTF-8";

/* Scss Document */
/* Reset Stylesheet @ html5doctor.com */
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;
}

/* スマホ用  詳細 → http://www.nxworld.net/tips/15-smartphone-css-tips.html */
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-sans";
	src: local('Noto Sans CJK JP Medium'),
       local('源ノ角ゴシック JP Medium'),
       url(../font/noto-midium.woff2) format("woff2"),
			 url(../font/noto-midium.woff) format("woff");
	font-weight: 600;
  font-display: swap;
}
@font-face{
	font-family: "noto-sans";
	src: url(../font/NotoSansCJKjp-Bold-main.woff2) format("woff2"),
			 url(../font/NotoSansCJKjp-Bold-main.woff) format("woff");
	font-weight: 700;
  font-display: swap;
}
@font-face{
	font-family: "noto-sans-main2";
	src: url(../font/NotoSansCJKjp-Bold-main2.woff2) format("woff2"),
			 url(../font/NotoSansCJKjp-Bold-main2.woff) format("woff");
	font-weight: 700;
  font-display: swap;
}
@font-face{
	font-family: "noto-sans-middle";
	src: url(../font/NotoSansCJKjp-Bold-middle.woff2) format("woff2"),
			 url(../font/NotoSansCJKjp-Bold-middle.woff) format("woff");
	font-weight: 700;
  font-display: swap;
}
@font-face{
	font-family: "noto-sans-rare";
	src: url(../font/NotoSansCJKjp-Bold-rare.woff2) format("woff2"),
			 url(../font/NotoSansCJKjp-Bold-rare.woff) format("woff");
	font-weight: 700;
  font-display: swap;
}

@font-face{
	font-family: "noto-sans";
	src: local('Noto Sans CJK JP Black'),
       local('源ノ角ゴシック JP Heavy'),
       url(../font/noto-black.woff2) format("woff2"),
			 url(../font/noto-black.woff) format("woff");
	font-weight: 900;
  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: "noto-serif";
  src: local('Noto SerifCJK JP Medium'),
       local('源ノ明朝 Medium'),
       url(../font/NotoSerifCJKjp-Medium-main.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Medium-main.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Medium-main2.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Medium-main2.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Medium-middle.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Medium-middle.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Medium-rare.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Medium-rare.woff) format("woff");
  font-weight: 600;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif";
  src: local('Noto SerifCJK JP SemiBold'),
       local('源ノ明朝 SemiBold'),
       url(../font/NotoSerifCJKjp-SemiBold-main.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-SemiBold-main.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif-main2";
  src: url(../font/NotoSerifCJKjp-SemiBold-main2.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-SemiBold-main2.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif-middle";
  src: url(../font/NotoSerifCJKjp-SemiBold-middle.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-SemiBold-middle.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif-rare";
  src: url(../font/NotoSerifCJKjp-SemiBold-rare.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-SemiBold-rare.woff) format("woff");
  font-weight: 700;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif";
  src: local('Noto SerifCJK JP Bold'),
       local('源ノ明朝 Bold'),
       url(../font/NotoSerifCJKjp-Bold-main.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Bold-main.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Bold-main2.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Bold-main2.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Bold-middle.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Bold-middle.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Bold-rare.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Bold-rare.woff) format("woff");
  font-weight: 800;
  font-display: swap;
}
@font-face{
  font-family: "noto-serif";
  src: local('Noto SerifCJK JP Black'),
       local('源ノ明朝 Heavy'),
       url(../font/NotoSerifCJKjp-Black-main.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Black-main.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Black-main2.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Black-main2.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Black-middle.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Black-middle.woff) format("woff"),
       url(../font/NotoSerifCJKjp-Black-rare.woff2) format("woff2"),
       url(../font/NotoSerifCJKjp-Black-rare.woff) format("woff");
  font-weight: 900;
  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;
  overflow-x: hidden;
  max-width: 100vw;
}

.serif {
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", 'Noto Serif JP', serif;
}

.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-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-box3 .list2 {
  background: url("../image/village/list3-2.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/village/list3-2.jpg") 1x, url("../image/village/list3-2@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 .list-box9 .list1 {
  background: url("../image/village/list9-1.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/village/list9-1.jpg") 1x, url("../image/village/list9-1@2x.jpg") 2x) no-repeat center center;
  background-size: cover;
}

.village-page .list-box9 .list2 {
  background: url("../image/village/list9-2.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/village/list9-2.jpg") 1x, url("../image/village/list9-2@2x.jpg") 2x) no-repeat center center;
  background-size: cover;
}

.village-page .list-box9 .list3 {
  background: url("../image/village/list9-3.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/village/list9-3.jpg") 1x, url("../image/village/list9-3@2x.jpg") 2x) no-repeat center center;
  background-size: cover;
}

.village-page .list-box9 .list4 {
  background: url("../image/village/list9-4.jpg") no-repeat center center;
  background: -webkit-image-set(url("../image/village/list9-4.jpg") 1x, url("../image/village/list9-4@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 84% bottom;
  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 84% bottom;
  background-size: cover;
}

@media (max-width: 700px) {
  .ec-tart-page .main-image {
    background: url("../image/ec/category/tart/main-image_sp.jpg") no-repeat 84% bottom;
    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 84% bottom;
    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;
}

.t-color-brown {
  color: #352217;
}

.t-color-black {
  color: #231815;
}

.t-color-white {
  color: #fff;
}

:root {
  font-size: 16px;
  color: #231815;
}

/*
html{
  &::-webkit-scrollbar{
    $width: 10px;
    width: $width;
    background: $color-brown3;
    &-thumb{
      background: $color-brown2;
      border-radius: $width / 2;
    }
  }
}
*/
body {
  transition: all 0.4s linear;
  padding-top: 63px;
}

body:not(.logged-in) .test-mode {
  display: none !important;
}

body.home,
body.page-id-338 {
  padding-top: 0;
}

body .body-inner {
  overflow: visible;
  transition: margin 0.4s linear;
}

body .scroll-flug {
  display: block;
  height: 0;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}

body .top-page {
  position: relative;
  z-index: 1;
}

body .top-page .main-slide {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s linear 0.5s;
}

body .top-page .main-slide .slide-scroll {
  position: absolute;
  bottom: 1.3530927835%;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
}

body .top-page .main-slide .slide-scroll:hover {
  cursor: pointer;
}

body .top-page .main-slide .slide-content {
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: relative;
  z-index: 1;
}

body .top-page .main-slide .slide-content li div {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}

body .top-page .main-slide.start-slide {
  opacity: 1;
}

body .top-page .main-slide.start-slide .slide-content {
  visibility: visible;
}

body .top-page .main-slide.start-auto .slide-scroll {
  transform: translate(-50%, 0);
  opacity: 1;
}

body .top-page .main-slide.hidden-slide {
  opacity: 0 !important;
}

body .top-page .title-content {
  height: 100vh;
  position: relative;
  z-index: 2;
}

body .top-page .title-content .slide-logo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translate(0, 0);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
  font-size: 1.5rem;
  letter-spacing: 0.6em;
  line-height: 2.9583333333em;
  color: #fff;
}

body .top-page .title-content .slide-logo img {
  max-width: 30%;
  height: auto;
  margin-top: 2.8443113772vw;
}

body .top-page .title-content .slide-scroll {
  position: absolute;
  bottom: 1.3530927835%;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
}

body .top-page .title-content .slide-scroll:hover {
  cursor: pointer;
}

body .top-page .title-content.start-auto .slide-logo {
  transform: translate(0, -50%);
  opacity: 1;
}

body .top-page .title-content.start-auto .slide-scroll {
  transform: translate(-50%, 0);
  opacity: 1;
}

body .top-page .tamago-box {
  height: 100vh;
  width: 100%;
  position: relative;
}

body .top-page .tamago-box .egg-content {
  position: absolute;
  z-index: 50;
  top: 50%;
  left: 50%;
  width: 960px;
  max-width: 90%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 1.2s cubic-bezier(0.47, 0, 0.745, 0.715);
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
}

body .top-page .tamago-box .egg-content .top-line img {
  width: 100%;
  height: auto;
}

body .top-page .tamago-box .egg-content .egg-image {
  margin-top: 9.6666666667vh;
  text-align: center;
  opacity: 1;
}

body .top-page .tamago-box .egg-content .egg-image img {
  max-width: 60%;
  width: 216.6px;
  height: auto;
}

body .top-page .tamago-box .egg-content h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.0171428571em;
  font-weight: 500;
  margin-top: 6.1111111111vh;
}

body .top-page .tamago-box .egg-content .text {
  margin-top: 2.2666666667vh;
  text-align: center;
  font-size: 1.0625rem;
  line-height: 1.7294117647em;
  letter-spacing: 0.05em;
  padding-bottom: 6vh;
}

body .top-page .tamago-box .egg-content>* {
  opacity: 0;
  transition: all 0.4s linear 1.5s;
}

body .top-page .tamago-box.on-content .egg-content {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

body .top-page .tamago-box.on-content .egg-content>* {
  opacity: 1;
}

body .top-page .content-type-aco {
  background: #fff;
}

body .top-page .content-type-aco .visit-content {
  position: relative;
  height: 100vh;
  overflow: hidden;
}

body .top-page .content-type-aco .visit-content:before {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
}

body .top-page .content-type-aco .visit-content .mini-logo {
  position: absolute;
  top: 2.245508982vw;
  left: 2.245508982vw;
}

body .top-page .content-type-aco .visit-content .text-box {
  position: absolute;
  background: url(../image/top/text-back.png) no-repeat center center;
  background: -webkit-image-set(url(../image/top/text-back.png) 1x, url(../image/top/text-back@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
  padding: 2em 5em;
  top: 9.6774193548%;
  right: 5.25%;
  box-sizing: border-box;
  width: 535px;
  max-width: 60%;
}

body .top-page .content-type-aco .visit-content .text-box .text-logo {
  text-align: center;
  margin-top: 8vh;
}

body .top-page .content-type-aco .visit-content .text-box .text-logo img {
  max-width: 70%;
  height: auto;
}

body .top-page .content-type-aco .visit-content .text-box h3 {
  text-align: center;
  margin-top: 5.5333333333vh;
  font-size: 1.8rem;
  letter-spacing: 0.12em;
  line-height: 1.4em;
  color: #040000;
}

body .top-page .content-type-aco .visit-content .text-box .text {
  font-size: 0.9rem;
  line-height: 1.9825em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 320px;
  max-width: 90%;
  margin: 5.5333333333vh auto 0;
  color: #040000;
}

body .top-page .content-type-aco .visit-content .text-box .aco-more {
  text-align: center;
  margin: 5.4vh 0 4vh;
}

body .top-page .content-type-aco .visit-content .text-box .aco-more:hover {
  cursor: pointer;
}

body .top-page .content-type-aco .scroll-aco {
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height 0.8s linear, opacity 0.4s linear;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content {
  height: 100vh;
  position: relative;
  /*
          &:not(:first-of-type){
            .on-image,.base-image{
              display: none !important;
            }
          }
          */
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .image {
  overflow: visible;
  background: none;
  position: relative;
  z-index: 20;
  height: 100%;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .image .base-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  z-index: 1;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .image .on-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  overflow: hidden;
  z-index: 2;
  transition: height 1s linear 0.6s;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .image .on-image .span {
  content: '';
  display: block;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 21;
  height: 0;
  overflow: hidden;
  transition: height 1s linear 0.6s;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section {
  position: absolute;
  top: 50%;
  right: 50%;
  color: #fff;
  transform: translate(58.4307178631vh, -50%);
  width: 290px;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section.shadow {
  text-shadow: 2px 2px 3px #999;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section.revers {
  right: auto;
  left: 50%;
  transform: translate(-58.4307178631vh, -50%);
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section.bottom {
  right: auto;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  width: 610px;
  max-width: 90%;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section .aco-number img {
  width: 51px;
  height: auto;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section h4 {
  font-size: 2.025rem;
  line-height: 1.4074074074em;
  font-weight: normal;
  margin-top: 1.6666666667vh;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section .common-text {
  margin-top: 2vh;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section.long:not(.bottom) {
  transform: translate(0, -50%);
  right: 2%;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content .action-box .action-innear section.long:not(.bottom).revers {
  transform: translate(0, -50%);
  left: 2%;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content.on-content .image .on-image {
  height: 100%;
}

body .top-page .content-type-aco .scroll-aco>.scroll-aco-content.on-content .action-box {
  height: 100%;
}

body .top-page .content-type-aco .scroll-aco.open-aco {
  opacity: 1;
}

body .top-page .content-type-aco .scroll-aco.open-aco>.scroll-aco-content {
  /*
            .on-image,.base-image{
              display: block !important;
            }
            */
}

body .top-page .how-to-enjoy {
  background: rgba(201, 160, 99, 0.15);
}

body .top-page .how-to-enjoy section {
  padding-top: 9vh;
  position: relative;
  padding-bottom: 5.9333333333vh;
}

body .top-page .how-to-enjoy section h3 {
  text-align: center;
  font-size: 2.1rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  width: 95%;
  margin: 0 auto;
}

body .top-page .how-to-enjoy section .text {
  text-align: center;
  font-size: 1.275rem;
  line-height: 1.7294117647em;
  letter-spacing: 0.05em;
  width: 90%;
  margin: 2vh auto 0;
}

body .top-page .how-to-enjoy section .dobule-content {
  width: 100%;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main {
  margin-top: 7.5555555556vh;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .text-image {
  text-align: center;
  width: 100%;
  padding: 14vh 0;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .text-image img {
  width: 280px;
  max-width: 40%;
  height: auto;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box {
  width: 100%;
  position: relative;
  flex-shrink: 0;
  background: #fff;
  z-index: 0;
  text-align: center;
  padding: 1.8vh 0 2vh;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a {
  display: inline-block;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a p {
  display: inline-block;
  text-align: center;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a .link-text {
  border: 1px solid #000;
  padding: 4px 0;
  width: 186px;
  background: rgba(0, 0, 0, 0);
  transition: all 0.2s linear;
  font-size: 0.9rem;
  letter-spacing: 0.03em;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a .link-more {
  margin-top: 1.8vh;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a .link-more img {
  width: 108px;
  height: auto;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box a:hover .link-text {
  background: #000;
  color: #fff;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box:before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(201, 160, 99, 0.15);
  z-index: -1;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main.enjoy-main2 {
  width: 100%;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main a {
  display: block;
  position: relative;
  overflow: hidden;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main a .bg-image {
  transition: transform 0.2s linear;
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 100%;
}

body .top-page .how-to-enjoy section .dobule-content .enjoy-main a:hover .bg-image {
  transform: scale(1.05);
}

body .top-page .access {
  background: #fff;
  width: 2004px;
  max-width: 90%;
  height: 100vh;
  margin: 0 auto;
  overflow: hidden;
}

body .top-page .access h3 {
  text-align: center;
  font-size: 2.175rem;
  color: #231815;
  padding-top: 4vh;
  letter-spacing: 0.1em;
}

body .top-page .access h3 .bokujo-title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .top-page .access h3 .mini-title {
  font-size: 1.0875rem;
  letter-spacing: 0.1em;
}

body .top-page .access .flex-content {
  display: flex;
  justify-content: space-between;
  margin-top: 7.3333333333vh;
}

body .top-page .access .flex-content .left-content {
  width: 48%;
}

body .top-page .access .flex-content .left-content .map {
  width: 100%;
}

body .top-page .access .flex-content .left-content .map img {
  width: 100%;
  height: auto;
}

body .top-page .access .flex-content .left-content .inner-section h4 {
  color: #231815;
  letter-spacing: 0.1em;
}

body .top-page .access .flex-content .left-content .inner-section h4 .title {
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.4625rem;
  margin-top: 1.7vh;
}

body .top-page .access .flex-content .left-content .inner-section h4 .sub {
  display: inline-block;
  margin-top: 1.5vh;
  font-size: 0.7125rem;
  background: rgba(201, 160, 99, 0.5);
  border: 1px solid rgba(164, 139, 120, 0.8);
  padding: 0.5em;
  border-radius: 3px;
  margin-left: 1.5em;
  white-space: nowrap;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info {
  display: flex;
  flex-wrap: wrap;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info .info-description {
  padding-right: 0.7vh;
  margin-top: 1.5vh;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info .info-description p {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #231815;
  line-height: 1.3888888889em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  margin-top: 1.5vh;
  padding-left: 1.5vh;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time ul {
  margin: 0.5vh 1.5vh;
}

body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time ul li {
  font-size: 0.875rem;
  line-height: 1.6em;
  color: #231815;
}

body .top-page .access .flex-content .right-content {
  width: 48%;
}

body .top-page .access .flex-content .right-content .new-map {
  box-sizing: content-box;
  height: 100%;
  position: relative;
}

body .top-page .access .flex-content .right-content .new-map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}

body .top-page .access .flex-content .right-content #map {
  box-sizing: border-box;
  height: 100%;
}

body .top-page .access .bottom-message {
  margin-top: 3.0666666667vh;
  text-align: center;
  border: 1px solid #231815;
  font-size: 0.75rem;
  padding: 0.2em 0.5em;
  line-height: 2.5em;
  color: #231815;
  letter-spacing: 0.1em;
}

body .top-page .access .link-button {
  text-align: center;
  margin-top: 2.8vh;
}

body .top-page .access .link-button a img {
  width: 108px;
  height: auto;
}

body .top-page .recruit-content {
  background: #fff;
  width: 2004;
  max-width: 90%;
  margin: 0 auto;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

body .top-page .recruit-content .left-image {
  width: 60%;
}

body .top-page .recruit-content .left-image img {
  width: 100%;
  height: auto;
}

body .top-page .recruit-content .right-content {
  width: 320px;
  max-width: 36%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  min-height: 80vh;
}

body .top-page .recruit-content .right-content h4 {
  text-align: center;
  width: 100%;
}

body .top-page .recruit-content .right-content h4 span {
  display: inline-block;
  white-space: nowrap;
  border: 2px solid #604c3f;
  color: #604c3f;
  font-size: 0.8625em;
  letter-spacing: 0.05em;
  padding: 0.5em 1.5em;
  font-weight: 500;
}

body .top-page .recruit-content .right-content .catch {
  font-size: 1.8rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  color: #040000;
  margin-top: 3.8vh;
  font-weight: bold;
  width: 100%;
}

body .top-page .recruit-content .right-content .text {
  width: 100%;
  font-size: 0.9em;
  line-height: 1.5em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 4vh;
}

body .top-page .recruit-content .right-content .link-button {
  text-align: center;
}

body .top-page .recruit-content .right-content .link-button a {
  display: inline-block;
  color: #fff;
  background: #604c3f;
  line-height: 1.3em;
  padding: 0.3em 0.8em;
  font-size: 0.975rem;
}

body .top-header,
body .top-header2 {
  display: flex;
  height: 63px;
  justify-content: space-between;
  background: white;
  padding: 1vh 5%;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  transform: translate(0, -100%);
  transition: all 0.2s linear, z-index 0s linear 0.2s;
}

body .top-header .logo-box,
body .top-header2 .logo-box {
  display: flex;
  align-items: flex-end;
  z-index: 9999;
  position: relative;
}

body .top-header .logo-box h1,
body .top-header2 .logo-box h1 {
  margin-right: 2.3952095808vw;
}

body .top-header .logo-box h1 img,
body .top-header2 .logo-box h1 img {
  width: 220px;
}

body .top-header .right-content,
body .top-header2 .right-content {
  display: flex;
  align-items: flex-end;
}

body .top-header .right-content .hitotu,
body .top-header2 .right-content .hitotu {
  width: 186px;
  max-width: 21.6566866267vw;
  margin-right: 2.4444444444vh;
}

body .top-header .right-content .hitotu a,
body .top-header2 .right-content .hitotu a {
  display: block;
}

body .top-header .right-content .hitotu img,
body .top-header2 .right-content .hitotu img {
  width: 100%;
  height: auto;
}

body .top-header .right-content .hitotu img:nth-of-type(2),
body .top-header2 .right-content .hitotu img:nth-of-type(2) {
  display: none;
}

body .top-header .right-content .hutatu,
body .top-header2 .right-content .hutatu {
  width: 171px;
  max-width: 19.8602794411vw;
}

body .top-header .right-content .hutatu a,
body .top-header2 .right-content .hutatu a {
  display: block;
}

body .top-header .right-content .hutatu img,
body .top-header2 .right-content .hutatu img {
  width: 100%;
  height: auto;
}

body .top-header .right-content .hutatu img:nth-of-type(2),
body .top-header2 .right-content .hutatu img:nth-of-type(2) {
  display: none;
}

body .top-header .right-content .line,
body .top-header2 .right-content .line {
  height: 70%;
  width: 1px;
  margin: 0 1em;
  background: #000;
}

body .top-header .right-content>*,
body .top-header2 .right-content>* {
  z-index: 20;
}

body .top-header .right-content .menu-top:hover,
body .top-header2 .right-content .menu-top:hover {
  cursor: pointer;
}

body .top-header .right-content .menu,
body .top-header2 .right-content .menu {
  position: relative;
  z-index: 100;
}

body .top-header .right-content .menu>img,
body .top-header2 .right-content .menu>img {
  display: block;
  position: relative;
  z-index: 9999;
  transition: all .4s;
}

body .top-header .right-content .menu>img:nth-of-type(1),
body .top-header2 .right-content .menu>img:nth-of-type(1) {
  opacity: 1;
}

body .top-header .right-content .menu>img:nth-of-type(2),
body .top-header2 .right-content .menu>img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}

body .top-header .right-content .menu.open>img:nth-of-type(1),
body .top-header2 .right-content .menu.open>img:nth-of-type(1) {
  opacity: 0;
}

body .top-header .right-content .menu.open>img:nth-of-type(2),
body .top-header2 .right-content .menu.open>img:nth-of-type(2) {
  opacity: 1;
}

body .top-header .right-content .menu:hover,
body .top-header2 .right-content .menu:hover {
  cursor: pointer;
}

body .top-header.on-top-header,
body .top-header2.on-top-header {
  transition: all 0.2s linear, z-index 0s;
  transform: translate(0, 0);
  opacity: 1;
  z-index: 9999;
}

body .top-header2 {
  background: none;
}

body .top-header2 .right-content .line {
  background: #fff;
}

body .main-header {
  display: flex;
  height: 63px;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.6);
  padding: 1vh 5%;
  box-sizing: border-box;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}

body .main-header .logo-box {
  display: flex;
  align-items: flex-end;
}

body .main-header .logo-box h1 {
  margin-right: 2.3952095808vw;
}

body .main-header .logo-box ul {
  display: flex;
  align-items: flex-end;
}

body .main-header .logo-box ul li {
  margin-right: 0.748502994vw;
}

@media (max-width: 800px) {
  body .main-header .logo-box ul {
    display: block;
  }

  body .main-header .logo-box ul li {
    margin-right: 0;
    margin-top: 3px;
  }
}

body .main-header .right-content {
  display: flex;
  align-items: flex-end;
}

body .main-header .right-content .head-link {
  display: flex;
  margin-right: 1.4371257485vw;
}

body .main-header .right-content .head-link li {
  font-size: 0.6375rem;
  letter-spacing: 0.05em;
  color: #231815;
}

body .main-header .right-content .head-link li a,
body .main-header .right-content .head-link li .yoyaku-menu {
  transition: opacity 0.1s linear;
}

body .main-header .right-content .head-link li a:hover,
body .main-header .right-content .head-link li .yoyaku-menu:hover {
  cursor: pointer;
  opacity: 0.6;
}

body .main-header .right-content .head-link li.aida {
  width: 1px;
  background: #231815;
  margin: 0 1.2vw;
}

body .main-header .right-content .cart {
  margin-right: 1em;
}

body .main-header .right-content .cart a:hover {
  opacity: 0.7;
}

body .main-header .right-content .menu {
  position: relative;
}

body .main-header .right-content .menu>img {
  display: block;
}

body .main-header .right-content .menu>img:nth-of-type(2) {
  display: none;
}

body .main-header .right-content .menu>img:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  opacity: 0;
}

body .main-header .right-content .menu.open>img:nth-of-type(1),
body .main-header .right-content .menu.open>img:nth-of-type(2) {
  opacity: 0;
}

body .main-header .right-content .menu.open>img:nth-of-type(3) {
  opacity: 1;
}

body .main-header .right-content .menu:hover {
  cursor: pointer;
}

body .yoyaku-block {
  position: fixed;
  top: 0;
  left: 100%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  z-index: 10000;
  padding-top: 63px;
  box-sizing: border-box;
  transition: left 0.8s;
}

body .yoyaku-block .yoyaku-inner {
  background: #fff;
  width: 750px;
  max-width: 100%;
  margin-left: auto;
  padding-top: 11.1111111111vh;
  padding-bottom: 78px;
  height: 100%;
  box-sizing: border-box;
  position: relative;
  display: flex;
  justify-content: center;
}

body .yoyaku-block .yoyaku-inner h3 {
  text-align: center;
  width: 20%;
}

body .yoyaku-block .yoyaku-inner h3 img {
  max-width: 80%;
  height: auto;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box {
  width: 80%;
  overflow-x: hidden;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box::-webkit-scrollbar {
  display: none;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box::-webkit-scrollbar-track {
  display: none;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box::-webkit-scrollbar-thumb {
  display: none;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco {
  border-bottom: 1px solid rgba(181, 181, 182, 0.6);
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco .title {
  font-size: 1.75rem;
  position: relative;
  left: 0.1em;
  line-height: 1.1em;
  padding: 2rem 0;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco .title:after {
  content: '▼';
  position: absolute;
  display: block;
  right: 1em;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 1.375rem;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco .title:hover {
  cursor: pointer;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco ul {
  height: 0;
  overflow: hidden;
  transition: height 0.8s;
  background: #fcf9f4;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco ul li {
  border-bottom: rgba(181, 181, 182, 0.6) 1px dashed;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco ul li a {
  padding: 10.2348993289% 6.3758389262% 6.0402684564% 6.3758389262%;
  display: block;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco ul li a img {
  width: 100%;
  height: auto;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco ul li:last-of-type {
  border-bottom: none;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco:first-of-type .title {
  padding-top: 0;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco:first-of-type .title:after {
  top: 25%;
}

body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco.open-yoyaku-aco .title:after {
  content: '▲';
}

body .yoyaku-block .yoyaku-inner .close-yoyaku {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 30px 0;
  text-align: center;
}

body .yoyaku-block .yoyaku-inner .close-yoyaku:hover {
  cursor: pointer;
}

body .yoyaku-block .yoyaku-inner .close-yoyaku img {
  width: 80px;
  height: auto;
}

body .yoyaku-block.yoyaku-visit {
  left: 0;
}

body .sns-box {
  margin-top: 9.4666666667vh;
  background: #fff;
  position: relative;
  z-index: 2;
}

body .sns-box h3 {
  text-align: center;
}

body .sns-box h3 img {
  max-width: 80%;
  width: 400px;
  height: auto;
}

body .sns-box ul {
  margin-top: 2.4444444444vh;
  display: flex;
  justify-content: center;
}

body .sns-box ul li {
  margin: 0 2.4444444444vh;
  max-width: 20%;
  width: 45px;
}

body .sns-box ul li a {
  transition: opacity 0.18s linear;
}

body .sns-box ul li a img {
  max-width: 100%;
  height: auto;
}

body .sns-box ul li a:hover {
  opacity: 0.6;
}

body .sns-box .bottom-text-image {
  text-align: center;
  margin-top: 15px;
}

body .sns-box .bottom-text-image img {
  width: 80px;
  height: auto;
}

body .sns-box .bottom-text {
  text-align: center;
  margin: 2vh auto 0;
  width: 90%;
  color: #604c3f;
  font-size: 0.875rem;
  letter-spacing: 0.2em;
  line-height: 1.3em;
}

body .footer-cover {
  background: #604c3f;
  margin-top: 4.4666666667vh;
  position: relative;
  z-index: 2;
  height: auto !important;
}

body .footer-cover.recruit-foot {
  margin-top: 0;
}

body .footer-link {
  padding-top: 3.8vh;
  width: 1032px;
  max-width: 85%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

body .footer-link li {
  max-width: 32%;
}

body .footer-link li a {
  display: block;
  position: relative;
  z-index: 0;
}

body .footer-link li a img {
  max-width: 100%;
  height: auto;
  display: block;
}

body .footer-link li a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  transition: opacity 0.2s linear;
}

body .footer-link li a img:nth-of-type(3) {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

body .footer-link li a:hover img:nth-of-type(2) {
  opacity: 0;
}

body .main-footer {
  margin: 0 auto 0;
  width: 1000px;
  max-width: 90%;
  box-sizing: border-box;
  color: #fff;
  display: flex;
  display: flex;
  justify-content: space-between;
  padding: 5vh 0 10vh;
  align-items: flex-end;
  /*
    @media (max-width:1500px){
      .pad{
        display: none;
      }
    }
    @media (max-width:1400px){
      .foot-info{
        .add,.tel{
          font-size: (19/16)+rem;
        }
        .copy-right{
          font-size: (13/16)+rem;
        }
      }
      .foot-link{
        li{
          a{
            font-size: 1rem;
          }
        }
      }
    }
    @media (max-width:1200px){
      .foot-info{
        .add,.tel{
          font-size: (17/16)+rem;
          letter-spacing: 0.1em;
        }
        .copy-right{
          font-size: (12/16)+rem;
          letter-spacing: 0.1em;
        }
      }
      .foot-link{
        li{
          a{
            font-size: (14/16)+rem;
          }
        }
      }
    }
    @media (max-width:980px){
      .logo-box{
        flex-direction: column;
        align-items: center;
        justify-content: center;
        max-width: 20%;
        h2{
          width: 100%;
          padding-right: 0;
          max-width: 100%;
          a{
            img{
              &:nth-of-type(2){
                margin-top: 1.5vh;
              }
            }
          }
        }
        .second-logo{
          width: 60%;
          max-width: 60%;
          margin-top: 2vh;
        }
      }
      .foot-info{
        align-self: center;
        .add{
          .visit-br{
            display: block;
          }
        }
      }
    }
    @media (max-width:850px){
      .foot-info{
        .add,.tel{
          font-size: (17/16)+rem;
          letter-spacing: 0.05em;
        }
        .copy-right{
          font-size: (12/16)+rem;
          letter-spacing: 0.05em;
        }
      }
      .foot-link{
        flex-shrink: 0;
      }
    }*/
}

body .main-footer .logo-box {
  display: flex;
  max-width: 30%;
  align-items: flex-end;
}

body .main-footer .logo-box h2 {
  width: 170.4px;
  max-width: 57%;
  padding-right: 1.8888888889vh;
}

body .main-footer .logo-box h2 img {
  width: 100%;
  height: auto;
  display: block;
}

body .main-footer .logo-box h2 img:nth-of-type(2) {
  width: 95%;
  margin-top: 2.6666666667vh;
}

body .main-footer .logo-box .second-logo {
  width: 94.2px;
  max-width: 40%;
}

body .main-footer .logo-box .second-logo img {
  display: block;
  width: 100%;
  height: auto;
}

body .main-footer .foot-info {
  padding: 0 1vh 0 1vh;
}

body .main-footer .foot-info .add,
body .main-footer .foot-info .tel {
  font-size: 0.7875rem;
  line-height: 1.619047619em;
  letter-spacing: 0.2em;
}

body .main-footer .foot-info .add .visit-br,
body .main-footer .foot-info .tel .visit-br {
  display: none;
}

body .main-footer .foot-info .copy-right {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  line-height: 2.2666666667em;
  margin-top: 3.3333333333vh;
}

body .main-footer .foot-link {
  align-self: center;
}

body .main-footer .foot-link li {
  margin-top: 1.3333333333vh;
}

body .main-footer .foot-link li a {
  display: inline-block;
  position: relative;
  font-size: 0.675rem;
}

body .main-footer .foot-link li a:before {
  content: '';
  height: 1px;
  width: 0;
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0;
  background: #fff;
  transition: width 0.3s cubic-bezier(0.59, 0.01, 0.26, 1);
}

body .main-footer .foot-link li a:hover:before {
  width: 100%;
}

body .main-footer .pad {
  width: 5%;
}

@media (max-width: 940px) {
  body .main-footer .pad {
    display: none;
  }
}

@media (max-width: 890px) {
  body .main-footer .logo-box {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 20%;
  }

  body .main-footer .logo-box h2 {
    width: 100%;
    padding-right: 0;
    max-width: 100%;
  }

  body .main-footer .logo-box h2 a img:nth-of-type(2) {
    margin-top: 1.5vh;
  }

  body .main-footer .logo-box .second-logo {
    width: 60%;
    max-width: 60%;
    margin-top: 2vh;
  }

  body .main-footer .foot-info {
    align-self: center;
  }

  body .main-footer .foot-info .add .visit-br {
    display: block;
  }
}

@media (max-width: 770px) {

  body .main-footer .foot-info .add,
  body .main-footer .foot-info .tel {
    letter-spacing: 0.1em;
  }

  body .main-footer .foot-info .copy-right {
    letter-spacing: 0.1em;
  }
}

body .insta_btn2 {
  /*ボタンの下地*/
  color: #FFF;
  /*文字・アイコン色*/
  border-radius: 3px;
  /*角丸に*/
  position: relative;
  display: inline-block;
  height: 20px;
  /*高さ*/
  width: 100px;
  /*幅*/
  text-align: center;
  /*中身を中央寄せ*/
  font-size: 10px;
  /*文字のサイズ*/
  line-height: 20px;
  /*高さと合わせる*/
  vertical-align: middle;
  /*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  /*グラデーション①*/
  overflow: hidden;
  /*はみ出た部分を隠す*/
  text-decoration: none;
  /*下線は消す*/
}

body .insta_btn2:before {
  /*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  /*全体を覆う*/
  height: 100%;
  /*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, #f9764c 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

body .insta_btn2 .fa-instagram {
  /*アイコン*/
  font-size: 16px;
  /*アイコンサイズ*/
  position: relative;
  top: 2px;
  /*アイコン位置の微調整*/
}

body .insta_btn2 span {
  /*テキスト*/
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

body .sp-footer-links {
  justify-content: space-around;
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}

body .sp-footer-links>* {
  margin-top: 10px;
}

body .pancake-story-page .main-image {
  position: relative;
  /* height: calc(100vh - 63px);  */
  height: 100vh;
}

body .pancake-story-page .main-image:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

body .pancake-story-page .main-image img {
  position: absolute;
  z-index: 2;
}

body .pancake-story-page .main-image .inner-menu {
  padding: 8px;
  top: 0;
  right: 0;
  margin-top: 5.3333333333vh;
  margin-right: 5.8vh;
}

body .pancake-story-page .main-image .inner-menu:hover {
  cursor: pointer;
}

body .pancake-story-page .main-image .logo {
  top: 0;
  left: 0;
  padding-top: 4.6666666667vh;
  padding-left: 5.6666666667vh;
}

body .pancake-story-page .main-image .scroll-image {
  position: absolute;
  padding: 8px;
  left: 50%;
  bottom: 2.7333333333vh;
  transform: translate(-50%, 0);
}

body .pancake-story-page .main-image .scroll-image:hover {
  cursor: pointer;
}

body .pancake-story-page .main-image .inner-main {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 40%;
  height: auto;
}

body .pancake-story-page .main-image .pancake-image {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .pancake-story-page h2 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", 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 .pancake-story-page .first-text {
  text-align: center;
  margin-top: 2.0666666667vh;
  font-size: 1.275rem;
  color: #231815;
  line-height: 1.7294117647em;
}

body .pancake-story-page .nth-position {
  margin-top: 18vh;
}

body .pancake-story-page .nth-position .full-image {
  margin-top: 3vh;
}

body .pancake-story-page .nth-position .full-image img {
  width: 100%;
  height: auto;
  display: block;
}

body .pancake-story-page .nth-position .flex-box {
  width: 100%;
  max-width: 100%;
  margin: 3vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .pancake-story-page .nth-position .flex-box section {
  width: 41.6666666667%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body .pancake-story-page .nth-position .flex-box section>* {
  width: 80%;
  margin-left: auto;
}

body .pancake-story-page .nth-position .flex-box section h3 img {
  max-width: 80%;
  height: auto;
}

body .pancake-story-page .nth-position .flex-box section .catch {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 8vh;
  font-size: 1.45rem;
  letter-spacing: 0.2em;
  line-height: 1.4064864865em;
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .pancake-story-page .nth-position .flex-box section .text {
  margin-top: 3.5333333333vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.95rem;
  line-height: 2.0252173913em;
}

body .pancake-story-page .nth-position .flex-box .mini-image {
  width: 52.6946107784%;
}

body .pancake-story-page .nth-position .flex-box .mini-image img {
  width: 100%;
  height: auto;
}

body .pancake-story-page .nth-position .flex-box.revers section {
  order: 1;
}

body .pancake-story-page .nth-position .flex-box.revers section>* {
  margin-left: 0;
  margin-right: auto;
}

body .pancake-story-page .nth-position .text-image-content {
  position: relative;
  z-index: 0;
  margin-top: 3vh;
  padding: 22vh 0;
  box-sizing: border-box;
}

body .pancake-story-page .nth-position .text-image-content .inner-image {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

body .pancake-story-page .nth-position .text-image-content .text-box {
  width: 500px;
  max-width: 86%;
  margin-left: auto;
  margin-right: 8%;
}

body .pancake-story-page .nth-position .text-image-content .text-box .text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #fff;
  font-size: 0.95rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

body .pancake-story-page .pancake-box {
  margin-top: 25.3333333333vh;
}

body .pancake-story-page .pancake-box h3 {
  text-align: center;
}

body .pancake-story-page .pancake-box h3 img {
  max-width: 30%;
  height: auto;
}

body .pancake-story-page .pancake-box .image {
  margin-top: 4vh;
}

body .pancake-story-page .pancake-box .image img {
  width: 100%;
  height: auto;
  display: block;
}

body .pancake-story-page .pancake-box .flex-box {
  display: flex;
  justify-content: space-between;
  width: 1000px;
  max-width: 90%;
  margin: 3vh auto 0;
}

body .pancake-story-page .pancake-box .flex-box section {
  width: 70%;
}

body .pancake-story-page .pancake-box .flex-box section h4 {
  color: #231815;
  font-size: 1.45rem;
  line-height: 1.4em;
  letter-spacing: 0.2em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: normal;
}

body .pancake-story-page .pancake-box .flex-box section .text {
  margin-top: 1vh;
  font-size: 0.95rem;
  line-height: 2em;
  letter-spacing: 0.05em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
}

body .pancake-story-page .pancake-box .flex-box section .mini-text {
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 1vh;
}

body .pancake-story-page .pancake-box .flex-box .mini-image {
  width: 29%;
}

body .pancake-story-page .pancake-box .flex-box .mini-image img {
  width: 100%;
  height: auto;
}

body .pancake-story-page .pancake-box .osusume-box {
  width: 100%;
  max-width: 100%;
  margin: 13.3333333333vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .pancake-story-page .pancake-box .osusume-box section {
  width: 41.6666666667%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body .pancake-story-page .pancake-box .osusume-box section>* {
  width: 80%;
  margin-right: auto;
}

body .pancake-story-page .pancake-box .osusume-box section h4 {
  width: 60%;
  text-align: center;
}

body .pancake-story-page .pancake-box .osusume-box section h4 img {
  width: 130px;
  max-width: 80%;
  height: auto;
}

body .pancake-story-page .pancake-box .osusume-box section .catch {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 5.3333333333vh;
  font-size: 1.45rem;
  letter-spacing: 0.2em;
  line-height: 1.4064864865em;
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .pancake-story-page .pancake-box .osusume-box section .text {
  margin-top: 3.5333333333vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.95rem;
  line-height: 2.0252173913em;
}

body .pancake-story-page .pancake-box .osusume-box section .mini-text {
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 1vh;
}

body .pancake-story-page .pancake-box .osusume-box .left-image {
  width: 52.6946107784%;
}

body .pancake-story-page .pancake-box .osusume-box .left-image img {
  width: 100%;
  height: auto;
}

body .pancake-story-page .special-menu {
  margin-top: 9.5333333333vh;
}

body .pancake-story-page .special-menu h3 {
  text-align: center;
  font-size: 1.9875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  color: #231815;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .pancake-story-page .special-menu .list-wrap {
  background: #f2e6d8;
  padding: 5.3333333333vh 0;
  width: 2000px;
  max-width: 100%;
  margin: 2.3333333333vh auto 0;
}

body .pancake-story-page .special-menu .list-wrap ul {
  display: flex;
  width: 1721px;
  max-width: 80%;
  margin: 0 auto;
  justify-content: space-between;
  flex-wrap: wrap;
}

body .pancake-story-page .special-menu .list-wrap ul li {
  width: 24.1719930273%;
  transition: opacity 0.2s linear, transform 0.2s linear;
  margin-bottom: 2vh;
}

body .pancake-story-page .special-menu .list-wrap ul li figure .product-image {
  padding-top: 120.4326923077%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

body .pancake-story-page .special-menu .list-wrap ul li figure figcaption {
  display: block;
  width: 325px;
  margin: 1.7333333333vh auto 0;
  max-width: 90%;
}

body .pancake-story-page .special-menu .list-wrap ul li figure figcaption .name {
  font-size: 16px;
  color: #231815;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .pancake-story-page .special-menu .list-wrap ul li figure figcaption .text {
  margin-top: 4px;
  color: #231815;
  font-size: 14px;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .pancake-story-page .special-menu .list-wrap ul li.hidden-item {
  transform: translate(0, 10px);
  height: 0;
  opacity: 0;
  margin: 0;
}

body .pancake-story-page .special-menu .list-wrap ul li.hidden-item>* {
  display: block;
  transform: scale(0);
}

body .pancake-story-page .special-menu .list-wrap ul:after {
  content: '';
  display: block;
  width: 24.1719930273%;
}

body .pancake-story-page .special-menu .list-wrap .more-link {
  text-align: center;
  margin-top: 5.5vh;
}

body .pancake-story-page .special-menu .list-wrap .more-link .more-inner {
  border: 1px solid #231815;
  color: #231815;
  display: inline-block;
  font-size: 1rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  white-space: nowrap;
  letter-spacing: 0.1em;
  padding: 0.5em 2.5em;
  transition: all 0.2s linear;
}

body .pancake-story-page .special-menu .list-wrap .more-link .more-inner:hover {
  cursor: pointer;
  background: #000;
  color: #fff;
}

body .pancake-story-page .yoyaku-box {
  margin-top: 9.5333333333vh;
}

body .pancake-story-page .yoyaku-box h3 {
  text-align: center;
  font-size: 1.9875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  color: #231815;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .pancake-story-page .yoyaku-box .yoyaku-image {
  width: 1460px;
  max-width: 80%;
  margin: 3.8666666667vh auto 0;
}

body .pancake-story-page .yoyaku-box .yoyaku-image a {
  display: block;
  position: relative;
}

body .pancake-story-page .yoyaku-box .yoyaku-image a img {
  width: 100%;
  height: auto;
  display: block;
}

body .pancake-story-page .yoyaku-box .yoyaku-image a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .pancake-story-page .yoyaku-box .yoyaku-image a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .buffet-page .common-main-image .main-image {
  animation: top-fuwatto 0.7s linear 0.5s forwards;
  opacity: 0;
}

body .buffet-page .common-main-image img {
  opacity: 0;
  animation: top-fuwatto 0.7s linear 1.0s forwards;
}

body .buffet-page .image-item {
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

body .buffet-page .double-image {
  width: 85.7784431138%;
  margin: 20vh auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .buffet-page .double-image .left-image {
  width: 55.9045956952%;
  position: relative;
}

body .buffet-page .double-image .left-image .image-item {
  padding-top: 85.6548856549%;
}

body .buffet-page .double-image .right-image {
  width: 39.8487492728%;
}

body .buffet-page .double-image .right-image .image-item {
  padding-top: 109.4098883573%;
}

body .buffet-page .description-box {
  padding: 8vh 0;
  margin-top: 14.0666666667vh;
  position: relative;
  z-index: 0;
}

body .buffet-page .description-box .image-item {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .buffet-page .description-box section {
  width: 445.2px;
  max-width: 86%;
  margin-left: auto;
  margin-right: 6.8862275449%;
  background: rgba(255, 255, 255, 0.8);
  padding: 4.6666666667vh 0 5.3333333333vh;
}

body .buffet-page .description-box section .text-logo {
  text-align: center;
}

body .buffet-page .description-box section .text-logo img {
  max-width: 40%;
  height: auto;
}

body .buffet-page .description-box section h3 {
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.45rem;
  width: 90%;
  margin: 3.3333333333vh auto 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .buffet-page .description-box section .text {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  width: 90%;
  margin: 1.6666666667vh auto 0;
}

body .buffet-page .images-box {
  width: 85.7784431138%;
  margin: -3vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .buffet-page .images-box .left-box {
  width: 38.2780686446%;
  padding-top: 9.8666666667vh;
}

body .buffet-page .images-box .left-box .image .image-item {
  padding-top: 126.7071320182%;
}

body .buffet-page .images-box .right-box {
  width: 56.1954624782%;
}

body .buffet-page .images-box .right-box .mini-flex {
  display: flex;
  justify-content: space-between;
}

body .buffet-page .images-box .right-box .mini-flex li {
  width: 49.2753623188%;
}

body .buffet-page .images-box .right-box .mini-flex li .image-item {
  padding-top: 100%;
}

body .buffet-page .images-box .right-box .image {
  margin-top: 10.7784431138vw;
}

body .buffet-page .images-box .right-box .image .mini-image-wrap {
  width: 64.182194617%;
  display: block;
}

body .buffet-page .images-box .right-box .image .mini-image-wrap .image-item {
  padding-top: 88.2258064516%;
}

body .buffet-page .event-box .event-content {
  margin-top: 26.6666666667vh;
}

body .buffet-page .event-box .event-content .month-logo {
  text-align: center;
}

body .buffet-page .event-box .event-content .month-logo img {
  max-width: 30%;
  width: 85px;
  height: auto;
}

body .buffet-page .event-box .event-content .text-mini-title {
  text-align: center;
  margin-top: 7.4vh;
  font-size: 0.875rem;
}

body .buffet-page .event-box .event-content .text-mini-title span {
  display: inline-block;
  white-space: nowrap;
  border: 1px solid #231815;
  padding: 0.6666666667vh 2vh;
}

body .buffet-page .event-box .event-content h3 {
  text-align: center;
  font-weight: 500;
  margin: 2.2vh auto 0;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  font-size: 2.6625rem;
  letter-spacing: -0.0448484848em;
  line-height: 1.4em;
  width: 90%;
}

body .buffet-page .event-box .event-content .sub-title {
  text-align: center;
  font-size: 1rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 5px;
}

body .buffet-page .event-box .event-content .event-date {
  text-align: center;
  font-family: "Unna", "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
  margin-top: 5.0666666667vh;
}

body .buffet-page .event-box .event-content .event-date .month {
  font-size: 3.075rem;
  vertical-align: top;
  letter-spacing: -0.1em;
}

body .buffet-page .event-box .event-content .event-date .big-text {
  font-size: 5.1rem;
}

body .buffet-page .event-box .event-content .event-date .mini-text {
  font-size: 1.5rem;
}

body .buffet-page .event-box .event-content .event-date .nami {
  font-size: 3.75rem;
}

body .buffet-page .event-box .event-content .event-date .dott {
  vertical-align: super;
  font-size: 2.1875rem;
  letter-spacing: -0.4em;
  margin-left: -0.3em;
}

body .buffet-page .event-box .event-content .date-attention {
  text-align: center;
  font-size: 1.2rem;
  color: #231815;
  margin-top: 1.3333333333vh;
  line-height: 1.4em;
}

body .buffet-page .event-box .event-content .text {
  text-align: center;
  width: 90%;
  margin: 4.9333333333vh auto 0;
  font-size: 0.975rem;
  color: #231815;
  line-height: 1.8076923077em;
}

body .buffet-page .event-box .event-content .book-box {
  position: relative;
  margin-top: 10vh;
}

body .buffet-page .event-box .event-content .book-box .book-bg-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}

body .buffet-page .event-box .event-content .book-box a {
  display: block;
  padding-top: 39.5708582834%;
  position: relative;
}

body .buffet-page .event-box .event-content .book-box a .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  max-width: 50%;
}

body .buffet-page .event-box .event-content .book-box a .image img {
  display: block;
  width: 100%;
  height: auto;
}

body .buffet-page .event-box .event-content .book-box a .image img:last-of-type {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .buffet-page .event-box .event-content .book-box a:hover .image img:last-of-type {
  opacity: 1;
}

body .terrasse-page {
  overflow: hidden;
}

body .terrasse-page .common-main-image:after {
  display: none;
}

body .terrasse-page .mini-slide-wrap {
  width: 781px;
  max-width: 100%;
  margin: 20.6666666667vh auto 0;
}

body .terrasse-page .mini-slide-wrap .mini-slide li {
  margin-right: 4.9900199601vw !important;
}

body .terrasse-page .mini-slide-wrap .mini-slide li .image-base {
  display: block;
  padding-top: 61.0755441741%;
}

body .terrasse-page .mini-slide-wrap .bx-viewport {
  overflow: visible !important;
}

body .terrasse-page .terrasse-info {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 1121.6px;
  max-width: 90%;
  margin: 7.3333333333vh auto 0;
  align-items: flex-start;
}

body .terrasse-page .terrasse-info .left-box {
  margin-top: 2vh;
  width: 612px;
  max-width: 100%;
}

body .terrasse-page .terrasse-info .left-box .text-image img {
  width: 287.2px;
  height: auto;
  max-width: 80%;
}

body .terrasse-page .terrasse-info .left-box h3 {
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.55rem;
  color: #231815;
  margin-top: 1.0666666667vh;
  line-height: 1.4174193548em;
  letter-spacing: 0.2em;
}

body .terrasse-page .terrasse-info .left-box .middle-text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 2.2666666667vh;
  font-size: 1.05rem;
  line-height: 1.8128571429em;
  color: #231815;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .terrasse-page .terrasse-info .left-box .text {
  margin-top: 2vh;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875rem;
  color: #231815;
  line-height: 1.5em;
}

body .terrasse-page .terrasse-info .right-box {
  margin-top: 2vh;
  width: 469.6px;
  max-width: 100%;
  border: 1px solid #b5b5b6;
  background: #dcdddd;
  padding: 2.4666666667vh 0 5.3333333333vh;
}

body .terrasse-page .terrasse-info .right-box .title {
  width: 437.6 px;
  max-width: 90%;
  margin: 0 auto;
  font-size: 1rem;
  color: #231815;
  margin-bottom: 10px;
}

body .terrasse-page .terrasse-info .right-box dl {
  font-size: 0.875rem;
  display: flex;
  margin: 8px auto 0;
  width: 437.6 px;
  max-width: 90%;
  line-height: 1.3066666667em;
}

body .terrasse-page .terrasse-info .right-box dl dt {
  flex-shrink: 0;
  height: 1.3066666667em;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 78px;
  margin-right: 3.6563071298%;
}

body .terrasse-page .terrasse-info .right-box dl dt:after {
  content: '';
  width: 100%;
  display: inline-block;
}

body .terrasse-page .terrasse-info .right-box dl dd {
  width: 100%;
  line-height: 1.4em;
}

body .terrasse-page .food-area {
  margin-top: 9.7777777778vh;
}

body .terrasse-page .food-area .food-content {
  display: flex;
  width: 1200px;
  max-width: 90%;
  margin: 5.6vh auto 0;
  justify-content: space-between;
  align-items: center;
}

body .terrasse-page .food-area .food-content .image {
  width: 42.8571428571%;
  position: relative;
}

body .terrasse-page .food-area .food-content .image img {
  display: block;
}

body .terrasse-page .food-area .food-content .image img:first-of-type {
  width: 100%;
  height: auto;
}

body .terrasse-page .food-area .food-content .image img:last-of-type {
  position: absolute;
  top: 0;
  right: 0;
  width: 109.0425531915%;
}

body .terrasse-page .food-area .food-content .text-content {
  width: 45%;
}

body .terrasse-page .food-area .food-content .text-content section {
  width: 360px;
  max-width: 100%;
  margin: 0 auto;
}

body .terrasse-page .food-area .food-content .text-content section h3 {
  font-size: 1.45rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .terrasse-page .food-area .food-content .text-content section .text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 2.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0638888889em;
  letter-spacing: 0.05em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .terrasse-page .food-area .food-content:nth-of-type(even) .image {
  order: 1;
}

body .terrasse-page .double-image-box {
  width: 1121.6px;
  max-width: 100%;
  margin: 0 auto;
}

body .terrasse-page .double-image-box .double-image {
  width: 100%;
  display: flex;
  justify-content: space-between;
  margin-top: 18vh;
}

body .terrasse-page .double-image-box .double-image p {
  width: 50%;
}

body .terrasse-page .double-image-box .double-image p img {
  width: 100%;
  height: auto;
  display: block;
}

body .terrasse-page .back-image-content {
  width: 1121.6px;
  margin: 20vh auto 0;
  max-width: 100%;
}

body .terrasse-page .back-image-content section {
  width: 460px;
  max-width: 90%;
  margin-right: 5%;
  margin-left: auto;
  color: #fff;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  padding: 10.9333333333vh 0;
}

body .terrasse-page .back-image-content section h3 {
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .terrasse-page .back-image-content section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .terrasse-page .menu-link {
  margin-top: 14vh;
}

body .terrasse-page .menu-link .month-menu a {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  padding-top: 35%;
  transition: opacity 0.2s linear;
}

body .terrasse-page .menu-link .month-menu a .back-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  transition: transform 0.2s linear;
}

body .terrasse-page .menu-link .month-menu a .month-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: bold;
  font-size: 2.8125rem;
  letter-spacing: 0.1em;
  text-shadow: 0 0 4px rgba(255, 255, 255, 0.6);
}

body .terrasse-page .menu-link .month-menu a>img {
  width: 250px;
  max-width: 16%;
  height: auto;
  position: absolute;
  z-index: 1;
  left: 3vw;
  bottom: 3vw;
}

body .terrasse-page .menu-link .month-menu a .center-image {
  width: 552px;
  max-width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body .terrasse-page .menu-link .month-menu a .center-image img {
  width: 100%;
  height: auto;
}

body .terrasse-page .menu-link .month-menu a:hover {
  opacity: 0.6;
}

body .terrasse-page .bottom-link {
  margin-top: 10.9333333333vh;
}

body .terrasse-page .bottom-link h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.8375rem;
  margin-bottom: 3.3333333333vh;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .terrasse-page .bottom-link .link-list {
  display: flex;
  justify-content: center;
}

body .terrasse-page .bottom-link .link-list .link-content {
  width: 33.33%;
}

body .terrasse-page .bottom-link .link-list .link-content a {
  display: block;
  transition: opacity 0.2s linear;
}

body .terrasse-page .bottom-link .link-list .link-content a .image {
  text-align: center;
  padding: 12.5748502994% 0;
}

body .terrasse-page .bottom-link .link-list .link-content a .image img {
  width: 73.0538922156%;
  height: auto;
}

body .terrasse-page .bottom-link .link-list .link-content a .more-text {
  text-align: center;
  padding-top: 4.0419161677%;
}

body .terrasse-page .bottom-link .link-list .link-content a .more-text img {
  width: 28.1437125749%;
  height: auto;
}

body .terrasse-page .bottom-link .link-list .link-content a:hover {
  opacity: 0.6;
}

body .month-menu-page .month-main-image .menu-image {
  padding-top: 50%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

body .month-menu-page .book-box {
  margin-top: 6vh;
  margin-bottom: 6vh;
}

body .month-menu-page .book-box .yoyaku-image a {
  display: block;
  position: relative;
  width: 620px;
  max-width: 85%;
  margin: 0 auto;
}

body .month-menu-page .book-box .yoyaku-image a img {
  display: block;
  max-width: 100%;
  height: auto;
}

body .month-menu-page .book-box .yoyaku-image a img:nth-of-type(2) {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transition: opacity 0.2s linear;
}

body .month-menu-page .book-box .yoyaku-image a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .party-course-page .common-main-image:after {
  display: none;
}

body .party-course-page .course-box {
  background: #f4ede3;
  margin-top: 20vh;
}

body .party-course-page .course-box h3 {
  text-align: center;
  margin-bottom: -55px;
  position: relative;
  z-index: 10;
}

body .party-course-page .course-box h3 img {
  max-width: 30%;
  height: auto;
}

body .party-course-page .course-box .box-inner {
  width: 1326.4px;
  max-width: 90%;
  margin: 0 auto 0;
  padding-bottom: 1px;
  margin-top: -1vh;
  position: relative;
  z-index: 1;
}

body .party-course-page .course-box .box-inner .big-image img {
  width: 100%;
  height: auto;
}

body .party-course-page .course-box .box-inner .flex-box {
  margin: 2.8vh 0 15.6666666667vh;
  display: flex;
  justify-content: space-between;
}

body .party-course-page .course-box .box-inner .flex-box .image {
  width: 49.9382716049%;
}

body .party-course-page .course-box .box-inner .flex-box section {
  width: 44.1358024691%;
  padding-top: 4vh;
}

body .party-course-page .course-box .box-inner .flex-box section .text-image img {
  max-width: 85%;
  height: auto;
}

body .party-course-page .course-box .box-inner .flex-box section h4 {
  font-size: 1.55rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
  line-height: 1.4174193548em;
  letter-spacing: 0.2em;
  margin-top: 1.3333333333vh;
  color: #231815;
}

body .party-course-page .course-box .box-inner .flex-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 2.3333333333vh;
  color: #231815;
  letter-spacing: 0.05em;
  font-size: 1.05rem;
  line-height: 1.8095238095em;
}

body .party-course-page .course-box .box-inner .flex-box section .text-info {
  border: 1px solid #b28247;
  padding: 1.3333333333vh 0 1.6vh;
  margin-top: 4.1333333333vh;
}

body .party-course-page .course-box .box-inner .flex-box section .text-info dl {
  font-size: 0.875rem;
  display: flex;
  margin: 8px auto 0;
  width: 437.6 px;
  max-width: 90%;
  line-height: 1.3066666667em;
}

body .party-course-page .course-box .box-inner .flex-box section .text-info dl dt {
  flex-shrink: 0;
  height: 1.3066666667em;
  text-align: justify;
  text-justify: inter-ideograph;
  width: 77px;
  margin-right: 3.6563071298%;
}

body .party-course-page .course-box .box-inner .flex-box section .text-info dl dt:after {
  content: '';
  width: 100%;
  display: inline-block;
}

body .party-course-page .course-box .box-inner .flex-box section .text-info dl dd {
  width: 100%;
}

body .party-course-page .course-box .box-inner .flex-box section .attention-text {
  font-size: 0.875rem;
  line-height: 1.5em;
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 1.4vh;
}

body .party-course-page .course-box .box-inner .flex-box.revers .image {
  order: 1;
}

@media (max-width: 900px) and (min-width: 701px) {
  body .party-course-page .course-box .box-inner .flex-box .image {
    display: none;
  }

  body .party-course-page .course-box .box-inner .flex-box section {
    width: 100%;
  }
}

body .party-course-page .party-box {
  margin-top: 29.8vh;
}

body .party-course-page .party-box .big-image {
  position: relative;
}

body .party-course-page .party-box .big-image .image img {
  width: 100%;
  height: auto;
}

body .party-course-page .party-box .big-image .logo {
  position: absolute;
  top: -11.5%;
  left: 0;
  text-align: center;
  width: 100%;
}

body .party-course-page .party-box .big-image .logo img {
  max-width: 30%;
  height: auto;
}

body .party-course-page .mini-slide-wrap {
  width: 781px;
  max-width: 100%;
  margin: 20.6666666667vh auto 0;
}

body .party-course-page .mini-slide-wrap .mini-slide li {
  margin-right: 4.9900199601vw !important;
}

body .party-course-page .mini-slide-wrap .mini-slide li .image-base {
  display: block;
  padding-top: 61.0755441741%;
}

body .party-course-page .mini-slide-wrap .bx-viewport {
  overflow: visible !important;
}

body .party-course-page .duble-image {
  width: 1326.4px;
  max-width: 90%;
  margin: 7.3333333333vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .party-course-page .duble-image .image {
  width: 48%;
}

body .party-course-page .duble-image .image img {
  width: 100%;
  height: auto;
}

body .party-course-page .dantai-shisatu {
  margin: 17.3333333333vh auto 0;
  display: flex;
  justify-content: space-around;
  width: foercast-size2(1764)px;
  max-width: 90%;
}

body .party-course-page .dantai-shisatu .image {
  width: 42.6870748299%;
  display: none;
}

body .party-course-page .dantai-shisatu section {
  width: 50.8503401361%;
  padding-top: 3.3333333333vh;
}

body .party-course-page .dantai-shisatu section h3 {
  font-size: 1.8rem;
  line-height: 1.4583333333em;
  letter-spacing: 0.05em;
  color: #04000;
  text-align: center;
}

body .party-course-page .dantai-shisatu section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 3.0666666667vh;
  font-size: 0.9rem;
  line-height: 1.9583333333em;
  letter-spacing: 0.05em;
  color: #04000;
  text-align: center;
}

body .party-course-page .dantai-shisatu section .dantai_menu {
  text-align: center;
  margin: 6vh 0 0;
}

body .party-course-page .dantai-shisatu section .dantai_menu a {
  display: inline-block;
  width: 515px;
  max-width: 90%;
  transition: opacity 0.2s linear;
}

body .party-course-page .dantai-shisatu section .dantai_menu a img {
  width: 100%;
  height: auto;
}

body .party-course-page .dantai-shisatu section .dantai_menu a:hover {
  opacity: 0.7;
}

body .party-course-page .book-box {
  position: relative;
  margin-top: 10vh;
}

body .party-course-page .book-box .book-bg-image {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}

body .party-course-page .book-box a {
  display: block;
  padding-top: 39.5708582834%;
  position: relative;
}

body .party-course-page .book-box a .image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 720px;
  max-width: 50%;
}

body .party-course-page .book-box a .image img {
  display: block;
  width: 100%;
  height: auto;
}

body .party-course-page .book-box a .image img:last-of-type {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .party-course-page .book-box a:hover .image img:last-of-type {
  opacity: 1;
}

body .party-course-page .book-field {
  margin: 10vh auto 0;
}

body .party-course-page .book-field h3 {
  width: 400px;
  max-width: 80%;
  font-size: 1.375rem;
  margin: 0 auto;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body .party-course-page .book-field .text-inner {
  margin: 1vh auto 0;
  width: 400px;
  max-width: 80%;
  padding: 0.2222222222vh 0;
  border: 1px solid #231815;
}

body .party-course-page .book-field .text-inner .mail,
body .party-course-page .book-field .text-inner .tel {
  width: 320px;
  max-width: 95%;
  margin: 3vh auto;
  font-size: 1.25rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body .party-course-page .book-field .text-inner .mail a,
body .party-course-page .book-field .text-inner .tel a {
  color: #323232;
}

body .party-course-page .book-field .text-inner .mail a:hover,
body .party-course-page .book-field .text-inner .tel a:hover {
  opacity: 0.7;
}

body .party-course-page .book-image {
  margin-top: 10vh;
  text-align: center;
}

body .party-course-page .book-image .image-cover {
  width: 620px;
  max-width: 80%;
  margin: 0 auto;
  display: block;
}

body .party-course-page .book-image .image-cover img {
  width: 100%;
  height: auto;
  display: block;
}

body .cocogarden-page .common-main-image:after {
  display: none;
}

body .cocogarden-page .common-main-image .logo {
  left: 32%;
}

@media (max-width: 700px) {
  body .cocogarden-page .common-main-image .logo {
    top: 27%;
    left: 50%;
  }
}

body .cocogarden-page .barm-box {
  display: flex;
  justify-content: space-between;
  width: 1376px;
  max-width: 90%;
  margin: 5.5555555556vh auto 0;
  align-items: center;
}

body .cocogarden-page .barm-box section {
  width: 36.2209302326%;
}

body .cocogarden-page .barm-box section>* {
  width: 418.4px;
  max-width: 90%;
  margin: 0 auto;
}

body .cocogarden-page .barm-box section h2 {
  font-size: 1.45rem;
  line-height: 1.3939393939em;
  letter-spacing: 0.2em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  font-weight: 500;
}

body .cocogarden-page .barm-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.6666666667vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 2.06em;
}

body .cocogarden-page .barm-box .image {
  width: 52.3255813953%;
}

body .cocogarden-page .barm-box .image img {
  width: 100%;
  height: auto;
}

body .cocogarden-page .image-text-box {
  width: 1376px;
  max-width: 90%;
  margin: 2.2222222222vh auto 0;
}

body .cocogarden-page .image-text-box .label {
  text-align: left;
  margin-bottom: -10vh;
  position: relative;
  z-index: 5;
}

body .cocogarden-page .image-text-box .label img {
  max-width: 30%;
  height: auto;
  padding-left: 10.8139534884%;
}

body .cocogarden-page .image-text-box .image-box {
  position: relative;
  padding: 13.3333333333vh 0 23vh;
}

body .cocogarden-page .image-text-box .image-box .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  z-index: -1;
}

body .cocogarden-page .image-text-box .image-box section {
  color: #fff;
  width: 340px;
  max-width: 80%;
  margin-left: 10%;
}

body .cocogarden-page .image-text-box .image-box section h2 {
  font-size: 1.45rem;
  line-height: 1.3939393939em;
  letter-spacing: 0.2em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
}

body .cocogarden-page .image-text-box .image-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.6666666667vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 2.06em;
}

body .cocogarden-page .image-text-box .image-box section.font-black {
  color: #231815;
}

body .cocogarden-page .product-list-box {
  width: 1141.6px;
  max-width: 80%;
  margin: 12vh auto;
}

body .cocogarden-page .product-list-box .product-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

@media (min-width: 701px) {
  body .cocogarden-page .product-list-box .product-list.mini-list {
    width: 951px;
    margin-left: auto;
    margin-right: auto;
    max-width: 90%;
  }

  body .cocogarden-page .product-list-box .product-list.mini-list li {
    width: 46.1619348055%;
  }
}

body .cocogarden-page .product-list-box .product-list li {
  width: 30.7638402242%;
  margin-top: 2.8vh;
}

body .cocogarden-page .product-list-box .product-list li figure img {
  width: 100%;
  height: auto;
  display: block;
}

body .cocogarden-page .product-list-box .product-list li figure .image {
  padding-top: 68.6363636364%;
}

body .cocogarden-page .product-list-box .product-list li figure figcaption .title {
  margin-top: 3.1333333333vh;
  font-size: 1.1rem;
  font-weight: bold;
}

body .cocogarden-page .product-list-box .product-list li figure figcaption .text {
  margin-top: 6px;
  font-size: 0.85rem;
  line-height: 1.2941176471em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .cocogarden-page .experience h2 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.8375rem;
  margin-bottom: 3.3333333333vh;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .cocogarden-page .experience .paper-bg-wrap {
  margin-top: 2.8vh;
  padding: 4.3333333333vh 0;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box {
  width: 1370.4px;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .image {
  width: 50.2043199066%;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .image .image-base {
  display: block;
  padding-top: 113.5040745052%;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box {
  width: 40.9807355517%;
  padding: 6vh 0 1.6666666667vh;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section {
  color: #fff;
  width: 464.8%;
  max-width: 100%;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section h3 {
  font-size: 1.45rem;
  line-height: 1.3939393939em;
  letter-spacing: 0.2em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.6666666667vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 2.06em;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section .mini-text {
  font-size: 13px;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  font-weight: 300;
  padding-left: 1.1em;
  text-indent: -1.1em;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section .set-tamakake-image {
  width: 90%;
}

body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section .set-tamakake-image .image-base {
  display: block;
  padding-top: 67.8333333333%;
}

body .cocogarden-page .pet-friendly {
  background: rgba(201, 160, 99, 0.2);
  margin-top: 11.3333333333vh;
  padding: 5.7333333333vh 0;
}

body .cocogarden-page .pet-friendly .inner-box {
  width: 1370.4px;
  max-width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

body .cocogarden-page .pet-friendly .inner-box .image {
  width: 50.2043199066%;
}

body .cocogarden-page .pet-friendly .inner-box .image .image-base {
  display: block;
  padding-top: 65.8314350797%;
}

body .cocogarden-page .pet-friendly .inner-box section {
  width: 40.9807355517%;
  padding: 2.3333333333vh 0 1.3333333333vh;
}

body .cocogarden-page .pet-friendly .inner-box section .pet-title img {
  width: 100%;
  height: auto;
}

body .cocogarden-page .pet-friendly .inner-box section h2 {
  font-size: 1.45rem;
  line-height: 1.3939393939em;
  letter-spacing: 0.2em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: 500;
  margin-top: 3vh;
}

body .cocogarden-page .pet-friendly .inner-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.6666666667vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 2.06em;
}

body .cocogarden-page .pet-friendly .inner-box section .mini-text {
  letter-spacing: 0.1em;
  line-height: 1.4em;
  font-size: 13px;
  font-weight: 300;
  margin-top: 1em;
  padding-left: 1.1em;
  text-indent: -1.1em;
}

body .cocogarden-page .osusume-box {
  width: 1376px;
  max-width: 97%;
  margin: 13.3333333333vh auto 12vh;
  display: flex;
  justify-content: space-between;
}

body .cocogarden-page .osusume-box section {
  width: 41.6666666667%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

body .cocogarden-page .osusume-box section>* {
  width: 80%;
  margin-right: auto;
}

body .cocogarden-page .osusume-box section h4 {
  width: 60%;
  text-align: center;
}

body .cocogarden-page .osusume-box section h4 img {
  width: 130px;
  max-width: 80%;
  height: auto;
}

body .cocogarden-page .osusume-box section .catch {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 5.3333333333vh;
  font-size: 1.45rem;
  letter-spacing: 0.2em;
  line-height: 1.4064864865em;
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .cocogarden-page .osusume-box section .text {
  margin-top: 3.5333333333vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.95rem;
  line-height: 2.0252173913em;
}

body .cocogarden-page .osusume-box section .more {
  text-align: center;
  margin-top: 3.6666666667vh;
}

body .cocogarden-page .osusume-box section .more a {
  display: inline-block;
  transition: opacity 0.2s linear;
  background: #231815;
  border: 1px solid #231815;
  padding: 5px 2vh;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #fff;
}

body .cocogarden-page .osusume-box section .more a:hover {
  opacity: 0.6;
}

body .cocogarden-page .osusume-box section .mini-text {
  font-size: 0.6875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 1vh;
}

body .cocogarden-page .osusume-box .left-image {
  width: 52.6946107784%;
}

body .cocogarden-page .osusume-box .left-image img {
  width: 100%;
  height: auto;
}

@media (min-width: 701px) {
  body .cocogarden-page .osusume-box .left-image img {
    box-sizing: border-box;
    padding-left: 5%;
  }
}

body .cocogarden-page .menu-box {
  margin: 10vh 0;
}

body .cocogarden-page .menu-box a {
  display: block;
}

body .cocogarden-page .menu-box a img {
  width: 100%;
  height: auto;
  transition: opacity 0.2s linear;
}

body .cocogarden-page .menu-box a:hover img {
  opacity: 0.8;
}

body .cocogarden-page .yoyaku-box {
  margin-top: 9.5333333333vh;
}

body .cocogarden-page .yoyaku-box h3 {
  text-align: center;
  font-size: 1.8375rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  color: #231815;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .cocogarden-page .yoyaku-box .yoyaku-image {
  width: 1460px;
  max-width: 80%;
  margin: 3.8666666667vh auto 0;
}

body .cocogarden-page .yoyaku-box .yoyaku-image a {
  display: block;
  position: relative;
}

body .cocogarden-page .yoyaku-box .yoyaku-image a img {
  width: 100%;
  height: auto;
  display: block;
}

body .cocogarden-page .yoyaku-box .yoyaku-image a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .cocogarden-page .yoyaku-box .yoyaku-image a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .burger-page .common-main-image .big-logo {
  position: absolute;
  top: 45%;
  left: 0;
  max-width: 60%;
  margin-left: 10%;
  transform: translate(0, -50%);
  height: auto;
}

body .burger-page .common-main-image .mini-logo {
  max-width: 20%;
  height: auto;
  position: absolute;
  bottom: 3vh;
  left: 3vh;
}

body .burger-page .common-main-image:after {
  display: none;
}

body .burger-page .text-image-box {
  position: relative;
  padding: 14.8666666667vh 0 11.4666666667vh;
  margin-top: 16.6666666667vh;
}

body .burger-page .text-image-box .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .burger-page .text-image-box section {
  color: #fff;
  width: 410px;
  max-width: 90%;
  margin-left: auto;
  margin-right: 5%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .burger-page .text-image-box section h3 {
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .burger-page .text-image-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .burger-page .double-image-box .flex-box {
  margin-top: 5vh;
  display: flex;
  justify-content: space-between;
}

body .burger-page .double-image-box .flex-box .left-box {
  width: 47.9041916168%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

body .burger-page .double-image-box .flex-box .left-box .man {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: right;
  z-index: -1;
}

body .burger-page .double-image-box .flex-box .left-box .man img {
  width: 25.5208333333%;
  height: auto;
}

body .burger-page .double-image-box .flex-box .left-box section {
  width: 410px;
  max-width: 90%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .burger-page .double-image-box .flex-box .left-box section .mini-logo img {
  max-width: 55%;
  height: auto;
}

body .burger-page .double-image-box .flex-box .left-box section h3 {
  margin-top: 3.6666666667vh;
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .burger-page .double-image-box .flex-box .left-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.9rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .burger-page .double-image-box .flex-box .image {
  width: 47.9041916168%;
}

body .burger-page .double-image-box .flex-box .image .image-base {
  display: block;
  padding-top: 95.2380952381%;
}

body .burger-page .double-image-box .flex-box:nth-of-type(even) .left-box {
  order: 1;
}

body .burger-page .burger-box {
  margin-bottom: 13.3333333333vh;
}

body .burger-page .burger-box .logo-box {
  text-align: center;
  margin-top: 3.2vh;
}

body .burger-page .burger-box .logo-box img {
  max-width: 30%;
  height: auto;
}

body .burger-page .burger-box .burger-list {
  display: flex;
  justify-content: center;
  margin-top: 2.0666666667vh;
  margin-left: auto;
  margin-right: auto;
  max-width: 85%;
}

body .burger-page .burger-box .burger-list li {
  width: 50%;
}

body .burger-page .burger-box .burger-list li figure .image {
  padding-top: 114.4%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .burger-page .burger-box .burger-list li figure figcaption {
  margin-top: 1.8666666667vh;
  padding: 0 1em;
  color: #231815;
  box-sizing: border-box;
  width: 435px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body .burger-page .burger-box .burger-list li figure figcaption .title {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  line-height: 1.4em;
}

body .burger-page .burger-box .burger-list li figure figcaption .b-title {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.01em;
  line-height: 1.4em;
  text-align: center;
}

body .burger-page .burger-box .burger-list li figure figcaption .text {
  font-size: 1rem;
  letter-spacing: 0.01em;
  margin-top: 4px;
  line-height: 1.4em;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media (min-width: 701px) {
  body .burger-page .burger-box .burger-list li figure figcaption {
    padding: 0 1.5em;
  }
}

body .burger-page .burger-box .burger-list li a,
body .burger-page .burger-box .burger-list li .a-tag {
  display: block;
  transition: opacity 0.2s linear;
}

body .burger-page .burger-box .burger-list li a:hover {
  opacity: 0.7;
}

body .topics-page .common-main-image .logo {
  left: 10%;
  transform: translate(0, -50%);
}

body .topics-page .common-main-image:after {
  display: none;
}

body .topics-page .double-posts {
  width: 85.8283433134%;
  margin: 20vh auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .topics-page .double-posts .left-post {
  width: 55.9045956952%;
}

body .topics-page .double-posts .left-post a .bg-image {
  padding-top: 85.6399583767%;
}

body .topics-page .double-posts .right-post {
  width: 39.8487492728%;
}

body .topics-page .double-posts .right-post a .bg-image {
  padding-top: 91.3868613139%;
}

body .topics-page .double-posts .left-post a,
body .topics-page .double-posts .right-post a {
  display: block;
  transition: opacity 0.2s linear;
  position: relative;
}

body .topics-page .double-posts .left-post a:hover,
body .topics-page .double-posts .right-post a:hover {
  opacity: 0.6;
}

body .topics-page .double-posts2 {
  margin-top: 6vh;
}

body .topics-page .description-box {
  padding: 8vh 0;
  margin-top: 14.0666666667vh;
  position: relative;
}

body .topics-page .description-box .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

body .topics-page .description-box .text-box {
  width: 445.2px;
  max-width: 86%;
  margin-left: auto;
  margin-right: 7%;
  background: rgba(255, 255, 255, 0.8);
  padding: 4.6666666667vh 0 5.3333333333vh;
}

body .topics-page .description-box .text-box a {
  display: block;
}

body .topics-page .description-box .text-box a .text-logo {
  text-align: center;
}

body .topics-page .description-box .text-box a .text-logo img {
  max-width: 40%;
  height: auto;
}

body .topics-page .description-box .text-box a h3 {
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.5375rem;
  width: 90%;
  margin: 3.3333333333vh auto 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .topics-page .description-box .text-box a .text {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.9rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  width: 90%;
  margin: 1.6666666667vh auto 0;
}

body .topics-page .description-box .text-box a .more-big {
  text-align: center;
  margin: 1.6666666667vh auto 0;
  width: 90%;
  transition: opacity 0.2s linear;
}

body .topics-page .description-box .text-box a:hover .more-big {
  opacity: 0.6;
}

body .topics-page .images-box {
  width: 85.7784431138%;
  margin: -3vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .topics-page .images-box .left-box {
  width: 38.2780686446%;
  padding-top: 9.8666666667vh;
}

body .topics-page .images-box .left-box .post a {
  display: block;
  transition: opacity 0.2s linear;
  position: relative;
}

body .topics-page .images-box .left-box .post a .bg-image {
  padding-top: 126.7477203647%;
}

body .topics-page .images-box .left-box .post a:hover {
  opacity: 0.6;
}

body .topics-page .images-box .right-box {
  width: 56.1954624782%;
}

body .topics-page .images-box .right-box .mini-flex {
  display: flex;
  justify-content: space-between;
}

body .topics-page .images-box .right-box .mini-flex li {
  width: 49.2753623188%;
  background: #fff;
}

body .topics-page .images-box .right-box .mini-flex li a {
  display: block;
  transition: opacity 0.2s linear;
  position: relative;
}

body .topics-page .images-box .right-box .mini-flex li a .bg-image {
  padding-top: 100%;
}

body .topics-page .images-box .right-box .mini-flex li a:hover {
  opacity: 0.6;
}

body .topics-page .images-box .right-box .mini-flex.bottom-ex {
  margin-top: 6.4670658683vw;
}

body .topics-page .images-box .right-box .bottom-post {
  margin-top: 6.4670658683vw;
}

body .topics-page .images-box .right-box .bottom-post a {
  display: block;
  width: 64.182194617%;
  position: relative;
  transition: opacity 0.2s linear;
}

body .topics-page .images-box .right-box .bottom-post a .bg-image {
  padding-top: 88.2258064516%;
}

body .topics-page .images-box .right-box .bottom-post a:hover {
  opacity: 0.6;
}

body .topics-page .pager h2 {
  display: none;
}

body .topics-page .pager .nav-links {
  width: 980px;
  max-width: 90%;
  margin: 6vh auto 0;
  display: flex;
  justify-content: center;
  font-size: 1rem;
}

body .topics-page .pager .nav-links .page-numbers {
  display: inline-block;
  padding: 0.3em 0.5em;
  margin: 0 0.5em;
}

body .topics-page .pager .nav-links .current {
  opacity: 0.6;
}

body .topics-page .pager .nav-links a {
  transition: opacity 0.15s linear;
}

body .topics-page .pager .nav-links a:hover {
  opacity: 0.6;
}

body .topics-page .more-topics {
  text-align: center;
  margin-top: 4vh;
}

body .topics-page .more-topics .more-topics-inner {
  display: inline-block;
  height: 50px;
  line-height: 50px;
  color: #fff;
  background: #b7985b;
  font-weight: bold;
  font-size: 0.875rem;
  left: 0.1em;
  white-space: nowrap;
  padding: 0 2em;
  letter-spacing: 0.15em;
  transition: opacity 0.3s linear;
}

body .topics-page .more-topics .more-topics-inner:hover {
  cursor: pointer;
  opacity: 0.7;
}

body .topics-page .category {
  position: absolute;
  max-width: 7.4850299401vw;
  top: 0;
  left: 0;
  transform: translate(22%, -8.6419753086%);
}

body .topics-page .category img {
  max-width: 100%;
  height: auto;
}

body .topics-page .bg-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body .topics-page .title {
  font-weight: bold;
  margin-top: 2.0444444444vh;
  font-size: 1.1rem;
  text-align: center;
  padding: 0 0.5em;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .topics-page .more {
  text-align: center;
  margin-top: 1.1555555556vh;
}

body .topics-page .more img {
  max-width: 45%;
  height: auto;
}

body .post-single-page .post-main-image {
  position: fixed;
  width: calc(100% - 500px);
  bottom: 0;
  left: 0;
  height: calc(100% - 63px);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  min-width: 50%;
}

@media (max-width: 1200px) {
  body .post-single-page .post-main-image {
    width: calc(100% - 500px);
    min-width: 50%;
  }
}

body .post-single-page .post-wrap {
  width: 500px;
  margin-left: auto;
  max-width: 100%;
}

@media (min-width: 701px) {
  body .post-single-page .post-wrap {
    max-width: 50%;
  }
}

@media (max-width: 1200px) {
  body .post-single-page .post-wrap {
    width: 500px;
  }
}

body .post-single-page .post-wrap .icon {
  text-align: center;
  margin-top: 11.3445378151%;
}

body .post-single-page .post-wrap .icon img {
  width: 110px;
  height: auto;
  max-width: 40%;
}

body .post-single-page .post-wrap>h2 {
  text-align: center;
  font-size: 1.875rem;
  margin-top: 4vh;
  width: 88.2352941176%;
  margin-left: auto;
  margin-right: auto;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .post-single-page .post-wrap .user_contents {
  line-height: 1.4em;
  width: 75.6302521008%;
  margin: 4vh auto 0;
}

body .post-single-page .post-wrap .user_contents img {
  max-width: 100%;
  height: auto;
}

body .post-single-page .post-wrap .user_contents .full-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding-top: 100%;
}

body .post-single-page .post-wrap .user_contents .full-image img {
  display: none;
}

body .post-single-page .post-wrap .user_contents table tr {
  margin: 0.5em 0;
}

body .post-single-page .post-wrap .user_contents table td {
  padding: 0 1em;
}

body .post-single-page .relation-box {
  margin-top: 6vh;
}

body .post-single-page .relation-box h3 {
  color: #a87c4a;
  font-size: 1.5625rem;
  border-bottom: 2px #a87c4a solid;
  padding: 0 12.1848739496%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  letter-spacing: 0.1em;
  line-height: 1.4em;
  padding-bottom: 0.5vh;
}

body .post-single-page .relation-box .relation-list {
  display: flex;
  justify-content: space-between;
  width: 75.6302521008%;
  margin: 3vh auto 0;
  flex-wrap: wrap;
}

body .post-single-page .relation-box .relation-list a {
  display: block;
  margin-top: 3.5vh;
  width: 47.2222222222%;
  position: relative;
  z-index: 0;
  transition: all 0.2s linear;
}

body .post-single-page .relation-box .relation-list a>img {
  width: 100%;
  height: auto;
}

body .post-single-page .relation-box .relation-list a .relation-thumbnail {
  width: 100%;
  padding-top: 100%;
}

body .post-single-page .relation-box .relation-list a .relation-title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  line-height: 1.4em;
  height: 2.8em;
  overflow: hidden;
  text-align: justify;
  text-justify: inter-ideograph;
  position: relative;
  margin-top: 0.8em;
}

body .post-single-page .relation-box .relation-list a .relation-title:before,
body .post-single-page .relation-box .relation-list a .relation-title:after {
  background: #fff;
  position: absolute;
}

body .post-single-page .relation-box .relation-list a .relation-title:before {
  content: "...";
  display: block;
  line-height: 0.9em;
  height: 1.4em;
  bottom: 0;
  right: 0;
}

body .post-single-page .relation-box .relation-list a .relation-title:after {
  content: "";
  height: 100%;
  width: 100%;
}

body .post-single-page .relation-box .relation-list a:hover {
  opacity: 0.6;
}

body .resort-concept-page .common-main-image:after {
  display: none;
}

body .resort-concept-page .resort-concept-slide-box {
  /* height: calc(100vh - 63px);  */
  height: 100vh;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide {
  height: 100%;
  position: relative;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li {
  position: relative;
  z-index: 1;
  height: 100%;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .left-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .right-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  z-index: -1;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .slide-text {
  font-size: 2.1875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  width: 80%;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li>img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 40%;
  height: auto;
}

body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .slide-text2 {
  font-size: 2.1875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  color: #fff;
  position: absolute;
  width: 450px;
  max-width: 70%;
  top: 50%;
  left: 15%;
  transform: translate(0, -50%);
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  max-width: 80%;
}

body .resort-concept-page .resort-concept-slide-box .bx-wrapper {
  height: 100%;
}

body .resort-concept-page .resort-concept-slide-box .bx-wrapper .bx-viewport {
  height: 100% !important;
}

body .resort-concept-page .shop-box {
  margin-top: 14.6666666667vh;
  margin-bottom: 17.3333333333vh;
}

body .resort-concept-page .shop-box section {
  margin-top: 11.3333333333vh;
}

body .resort-concept-page .shop-box section h3 {
  text-align: center;
}

body .resort-concept-page .shop-box section h3 img {
  max-width: 35%;
  height: auto;
}

body .resort-concept-page .shop-box section .photos {
  width: 987px;
  max-width: 90%;
  margin: 2.2vh auto 0;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

body .resort-concept-page .shop-box section .photos .shop-photo {
  width: 37.6899696049%;
}

body .resort-concept-page .shop-box section .photos .shop-photo img {
  width: 100%;
  height: auto;
}

body .resort-concept-page .shop-box section .photos ul {
  width: 61.3981762918%;
  display: flex;
  justify-content: space-between;
}

body .resort-concept-page .shop-box section .photos ul li {
  width: 31.7821782178%;
}

body .resort-concept-page .shop-box section .photos ul li img {
  width: 100%;
  height: auto;
}

body .resort-concept-page .shop-box section:nth-of-type(even) .photos .shop-photo {
  order: 1;
}

body .resort-concept-page .text-flex-box {
  width: 987px;
  max-width: 90%;
  margin: 0.8666666667vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .resort-concept-page .text-flex-box .text-box {
  width: 59.5744680851%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em 0;
}

body .resort-concept-page .text-flex-box .text-box section {
  width: 410px;
  max-width: 90%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .resort-concept-page .text-flex-box .text-box section .mini-logo img {
  max-width: 80%;
  height: auto;
}

body .resort-concept-page .text-flex-box .text-box section h3 {
  margin-top: 3.6666666667vh;
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .resort-concept-page .text-flex-box .text-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .resort-concept-page .text-flex-box .image-box {
  width: 40%;
  position: relative;
}

body .resort-concept-page .text-flex-box .image-box .image-base {
  padding-top: 126.7477203647%;
}

body .resort-concept-page .text-flex-box.revers .text-box {
  order: 1;
}

body .resort-concept-page .text-flex-box.m-bottom {
  margin-bottom: -2vh;
}

body .resort-concept-page .double-image-box {
  margin-top: 2.8666666667vh;
}

body .resort-concept-page .double-image-box .big-image {
  width: 58.9321357285%;
  position: relative;
  margin-bottom: -10.0299401198vw;
}

body .resort-concept-page .double-image-box .big-image .image-base {
  padding-top: 66.6666666667%;
}

body .resort-concept-page .double-image-box .mini-image {
  position: relative;
  width: 43.0139720559%;
  margin-left: auto;
  margin-right: 7.0359281437%;
}

body .resort-concept-page .double-image-box .mini-image .image-base {
  padding-top: 61.9489559165%;
}

body .resort-concept-page .double-image-box .mini-image .label {
  left: auto;
  right: 0;
  transform: translate(-22%, -50%);
}

body .resort-concept-page .one-image-box {
  margin: 0 auto;
  width: 987px;
  max-width: 90%;
}

body .resort-concept-page .one-image-box .image-box {
  position: relative;
  width: 52.4012158055%;
  margin-left: auto;
}

body .resort-concept-page .one-image-box .image-box .image-base {
  padding-top: 61.9489559165%;
}

body .resort-concept-page .one-image-box .image-box .label {
  left: auto;
  right: 0;
  transform: translate(-22%, -50%);
}

body .resort-concept-page .one-image-box.o-margin {
  margin-top: 7vh;
  margin-bottom: 17.1555555556vh;
}

body .resort-concept-page .text-image-box {
  position: relative;
  padding: 14.8666666667vh 0 11.4666666667vh;
  margin-top: 16.6666666667vh;
}

body .resort-concept-page .text-image-box .bg-image6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: left center;
}

body .resort-concept-page .text-image-box section {
  color: #fff;
  width: 410px;
  max-width: 90%;
  margin-left: auto;
  margin-right: 5%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .resort-concept-page .text-image-box section h3 {
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .resort-concept-page .text-image-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .resort-concept-page .mini-image-box {
  margin-top: 13.3333333333vh;
}

body .resort-concept-page .mini-image-box .image-box {
  width: 512px;
  max-width: 60%;
  margin-left: 25%;
  margin-right: auto;
  position: relative;
}

body .resort-concept-page .mini-image-box .image-box .image-base {
  padding-top: 66.25%;
}

body .resort-concept-page .middle-image-box {
  margin-top: 10.0444444444vh;
}

body .resort-concept-page .middle-image-box .image-box {
  width: 944.8px;
  max-width: 80%;
  margin-left: 10%;
  margin-right: auto;
  position: relative;
}

body .resort-concept-page .middle-image-box .image-box .image-base {
  padding-top: 65.3683319221%;
}

body .resort-concept-page .image-base {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .resort-concept-page .one-image-box .image-box a,
body .resort-concept-page .mini-image-box .image-box a,
body .resort-concept-page .middle-image-box .image-box a {
  display: block;
  transition: opacity 0.2s linear;
}

body .resort-concept-page .one-image-box .image-box a:hover,
body .resort-concept-page .mini-image-box .image-box a:hover,
body .resort-concept-page .middle-image-box .image-box a:hover {
  opacity: 0.6;
}

body .resort-concept-page .label {
  position: absolute;
  top: 0;
  left: 0;
  transform: translate(22%, -50%);
  max-width: 9.381237525vw;
}

body .resort-concept-page .label img {
  max-width: 100%;
  height: auto;
}

body .eat-concept-page {
  position: relative;
  z-index: 1;
}

body .eat-concept-page .title-content {
  height: 100vh;
  position: relative;
  z-index: 2;
}

body .eat-concept-page .title-content .slide-logo {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  transform: translate(0, 0);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
  font-size: 1.5rem;
  letter-spacing: 0.6em;
  line-height: 2.9583333333em;
  color: #fff;
}

body .eat-concept-page .title-content .slide-logo img {
  max-width: 30%;
  height: auto;
  margin-top: 2.8443113772vw;
}

body .eat-concept-page .title-content .slide-scroll {
  position: absolute;
  bottom: 1.3530927835%;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
}

body .eat-concept-page .title-content .slide-scroll:hover {
  cursor: pointer;
}

body .eat-concept-page .title-content.start-auto .slide-logo {
  transform: translate(0, -50%);
  opacity: 1;
}

body .eat-concept-page .title-content.start-auto .slide-scroll {
  transform: translate(-50%, 0);
  opacity: 1;
}

body .eat-concept-page .title-content.start-auto .slide-scroll {
  transform: translate(-50%, 0);
  opacity: 1;
}

body .eat-concept-page .main-slide {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
}

body .eat-concept-page .main-slide .slide-scroll {
  position: absolute;
  bottom: 1.3530927835%;
  left: 50%;
  transform: translate(-50%, 50%);
  transition: all 0.5s cubic-bezier(0.59, 0.01, 0.26, 1);
  opacity: 0;
  z-index: 10;
}

body .eat-concept-page .main-slide .slide-scroll:hover {
  cursor: pointer;
}

body .eat-concept-page .main-slide .slide-content {
  width: 100%;
  height: 100%;
  visibility: hidden;
  position: relative;
  z-index: 1;
}

body .eat-concept-page .main-slide .slide-content li div {
  width: 100vw;
  height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
}

body .eat-concept-page .main-slide.start-slide .slide-content {
  visibility: visible;
}

body .eat-concept-page .main-slide.start-auto .slide-logo {
  transform: translate(0, -50%);
  opacity: 1;
}

body .eat-concept-page .main-slide.start-auto .slide-scroll {
  transform: translate(-50%, 0);
  opacity: 1;
}

body .eat-concept-page .main-slide.hidden-slide {
  opacity: 0;
}

body .eat-concept-page .tamago-box {
  height: 100vh;
  width: 100%;
  position: relative;
}

body .eat-concept-page .tamago-box .egg-content {
  position: absolute;
  z-index: 50;
  top: 50%;
  left: 50%;
  width: 960px;
  max-width: 90%;
  transform: translate(-50%, -50%) scale(0);
  transition: all 1.2s cubic-bezier(0.47, 0, 0.745, 0.715);
  background: rgba(255, 255, 255, 0.9);
  opacity: 0;
}

body .eat-concept-page .tamago-box .egg-content .top-line img {
  width: 100%;
  height: auto;
}

body .eat-concept-page .tamago-box .egg-content .egg-image {
  margin-top: 4.6666666667vh;
  text-align: center;
}

body .eat-concept-page .tamago-box .egg-content .egg-image img {
  max-width: 60%;
  width: 365px;
  height: auto;
}

body .eat-concept-page .tamago-box .egg-content h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 2.1rem;
  letter-spacing: 0.05em;
  line-height: 1.0171428571em;
  font-weight: 500;
  margin-top: 2.7777777778vh;
}

body .eat-concept-page .tamago-box .egg-content .text {
  margin-top: 2.2666666667vh;
  text-align: center;
  font-size: 1.0625rem;
  line-height: 1.7294117647em;
  letter-spacing: 0.05em;
  padding-bottom: 6vh;
}

body .eat-concept-page .tamago-box .egg-content>* {
  opacity: 0;
  transition: all 0.4s linear 1.5s;
}

body .eat-concept-page .tamago-box.on-content .egg-content {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

body .eat-concept-page .tamago-box.on-content .egg-content>* {
  opacity: 1;
}

body .eat-concept-page .anime-content {
  height: 100vh;
  position: relative;
  background: #fff;
}

body .eat-concept-page .anime-content .image {
  overflow: visible;
  background: none;
  position: relative;
  z-index: 20;
  height: 100%;
}

body .eat-concept-page .anime-content .image .base-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: auto 100%;
  z-index: 1;
}

body .eat-concept-page .anime-content .image .on-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0%;
  overflow: hidden;
  z-index: 2;
  transition: height 1s linear 0.6s;
}

body .eat-concept-page .anime-content .image .on-image .span {
  content: '';
  display: block;
  background-size: auto 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
}

body .eat-concept-page .anime-content .action-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 21;
  height: 0;
  overflow: hidden;
  transition: height 1s linear 0.6s;
}

body .eat-concept-page .anime-content .action-box .action-innear {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}

body .eat-concept-page .anime-content .action-box .action-innear section {
  position: absolute;
  top: 50%;
  right: 50%;
  color: #fff;
  transform: translate(58.4307178631vh, -50%);
  width: 290px;
}

body .eat-concept-page .anime-content .action-box .action-innear section.shadow {
  text-shadow: 2px 2px 3px #999;
}

body .eat-concept-page .anime-content .action-box .action-innear section.revers {
  right: auto;
  left: 50%;
  transform: translate(-58.4307178631vh, -50%);
}

body .eat-concept-page .anime-content .action-box .action-innear section.bottom {
  right: auto;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  width: 610px;
  max-width: 90%;
}

body .eat-concept-page .anime-content .action-box .action-innear section .aco-number img {
  width: 51px;
  height: auto;
}

body .eat-concept-page .anime-content .action-box .action-innear section h4 {
  font-size: 2.025rem;
  line-height: 1.4074074074em;
  font-weight: normal;
  margin-top: 1.6666666667vh;
}

body .eat-concept-page .anime-content .action-box .action-innear section .common-text {
  margin-top: 2vh;
}

body .eat-concept-page .anime-content .action-box .action-innear section.black {
  color: #000;
}

body .eat-concept-page .anime-content .action-box .action-innear section.long:not(.bottom) {
  transform: translate(0, -50%);
  right: 2%;
}

body .eat-concept-page .anime-content .action-box .action-innear section.long:not(.bottom).revers {
  transform: translate(0, -50%);
  left: 2%;
}

body .eat-concept-page .anime-content.on-content .image .on-image {
  height: 100%;
}

body .eat-concept-page .anime-content.on-content .action-box {
  height: 100%;
}

body .village-page .common-main-image:after {
  display: none;
}

body .village-page .common-main-image .logo {
  max-width: 60%;
}

body .village-page .village-content-box .village-content {
  width: 1603.2px;
  max-width: 90%;
  margin: 21.3333333333vh auto 0;
}

body .village-page .village-content-box .village-content .image {
  width: 65.2694610778%;
  margin-left: auto;
  margin-bottom: -30.0898203593%;
}

body .village-page .village-content-box .village-content .image .image-base {
  display: block;
  padding-top: 74.6941896024%;
}

body .village-page .village-content-box .village-content .text-box {
  width: 30.8383233533%;
  margin-left: 7.0359281437%;
  margin-bottom: -7.1357285429%;
}

body .village-page .village-content-box .village-content .text-box .text-wrap section h3 {
  text-align: center;
  padding-top: 12.2448979592%;
}

body .village-page .village-content-box .village-content .text-box .text-wrap section h3 img {
  width: 52.7210884354%;
  height: auto;
}

body .village-page .village-content-box .village-content .text-box .text-wrap section .more {
  opacity: 0;
  text-align: center;
  margin-top: 8.5034013605%;
  padding-bottom: 31.6326530612%;
}

body .village-page .village-content-box .village-content .text-box .text-wrap section .more img {
  width: 30.612244898%;
  height: auto;
}

body .village-page .village-content-box .village-content .text-box .text-wrap section .text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  margin: 5.7823129252% auto 0;
  font-size: 1rem;
  line-height: 1.8888888889em;
  letter-spacing: 0.05em;
  width: 80%;
}

body .village-page .village-content-box .village-content .text-box a.text-wrap section .more {
  opacity: 1;
}

body .village-page .village-content-box .village-content .text-box a.text-wrap section .more img {
  transition: opacity 0.2s linear;
}

body .village-page .village-content-box .village-content .text-box a.text-wrap:hover section .more img {
  opacity: 0.6;
}

body .village-page .village-content-box .village-content ul {
  width: 51.24750499%;
  display: flex;
  justify-content: center;
  margin-left: 15.2195608782%;
}

body .village-page .village-content-box .village-content ul li {
  width: 29.1139240506%;
}

body .village-page .village-content-box .village-content ul li .image-base {
  display: block;
  padding-top: 67.9127725857%;
}

body .village-page .village-content-box .village-content ul li:nth-of-type(2) {
  margin: 0 6.3291139241%;
}

body .village-page .village-content-box .village-content:nth-of-type(even) .image {
  margin-left: 0;
  margin-right: auto;
}

body .village-page .village-content-box .village-content:nth-of-type(even) .text-box {
  margin-left: auto;
  margin-right: 7.0359281437%;
}

body .village-page .village-content-box .village-content:nth-of-type(even) ul {
  margin-left: auto;
  margin-right: 15.2195608782%;
}

body .gift-salon-page .common-main-image {
  opacity: 0;
  animation: top-fuwatto 0.7s linear 0.5s forwards;
}

body .gift-salon-page .common-main-image:after {
  display: none;
}

body .gift-salon-page .common-main-image .hover {
  position: absolute;
  top: 100%;
  left: 9.7305389222%;
  width: 15.8682634731%;
  z-index: -1;
  height: auto;
  display: block;
}

body .gift-salon-page .product-list {
  width: 1000px;
  max-width: 85%;
  margin: 8.1333333333vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .gift-salon-page .product-list figure {
  width: 32.26812159%;
}

body .gift-salon-page .product-list figure .image .image-base {
  display: block;
  padding-top: 85.2657004831%;
}

body .gift-salon-page .product-list figure figcaption {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

body .gift-salon-page .product-list figure figcaption .title {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.25rem;
  text-align: center;
  margin-top: 1.8666666667vh;
  line-height: 1.4em;
  letter-spacing: 0.05em;
  font-weight: bold;
  white-space: nowrap;
  display: inline-block;
  width: 100%;
}

body .gift-salon-page .product-list figure figcaption .description {
  font-size: 1rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.3076923077em;
  margin-top: 4px;
}

body .gift-salon-page .big-image-box {
  margin-top: 20.7333333333vh;
  position: relative;
  padding: 19.2vh 0 16.8888888889vh;
  text-align: center;
}

body .gift-salon-page .big-image-box img {
  max-width: 40%;
  height: auto;
}

body .gift-salon-page .big-image-box .big-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: -1;
}

body .gift-salon-page .text-image-box .flex-box {
  margin-top: 5vh;
  display: flex;
  justify-content: space-between;
}

body .gift-salon-page .text-image-box .flex-box .left-box {
  width: 47.9041916168%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

body .gift-salon-page .text-image-box .flex-box .left-box section {
  width: 410px;
  max-width: 90%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .gift-salon-page .text-image-box .flex-box .left-box section .mini-logo {
  text-align: center;
}

body .gift-salon-page .text-image-box .flex-box .left-box section .mini-logo img {
  max-width: 55%;
  height: auto;
}

body .gift-salon-page .text-image-box .flex-box .left-box section h3 {
  margin-top: 3.6666666667vh;
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .gift-salon-page .text-image-box .flex-box .left-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .gift-salon-page .text-image-box .flex-box .image {
  width: 47.9041916168%;
}

body .gift-salon-page .text-image-box .flex-box .image .image-base {
  display: block;
  padding-top: 95.2380952381%;
}

body .gift-salon-page .text-image-box .flex-box:nth-of-type(odd) .left-box {
  order: 1;
}

body .gift-salon-page .gift-card-box {
  width: 1091.2px;
  max-width: 90%;
  margin: 16.6666666667vh auto 0;
  background: #fdebe5;
  padding: 2px;
  box-sizing: border-box;
}

body .gift-salon-page .gift-card-box .gift-inner {
  border: 5px solid #fff;
  background: #fdebe5;
  position: relative;
  z-index: 1;
}

body .gift-salon-page .gift-card-box .gift-inner section {
  width: 95%;
  margin: 0 auto;
  padding: 8.8vh 0 7.7333333333vh;
}

body .gift-salon-page .gift-card-box .gift-inner section h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.2rem;
  letter-spacing: 0.2em;
  line-height: 1.40625em;
}

body .gift-salon-page .gift-card-box .gift-inner section .text {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1rem;
  letter-spacing: 0.05em;
  line-height: 1.8095238095em;
  margin-top: 2.8666666667vh;
}

body .gift-salon-page .gift-card-box .gift-inner img {
  position: absolute;
  display: block;
  z-index: -1;
  right: -10px;
  top: 16.0541586074%;
  width: 24.4134897361%;
  height: auto;
}

@keyframes top-fuwatto {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

body .experience-page .common-main-image .logo {
  width: 300px;
  height: auto;
  max-width: 64%;
}

body .experience-page .common-main-image .mini-logo {
  position: absolute;
  top: 0;
  left: 3%;
  padding-top: 3%;
  max-width: 20%;
  width: 95px;
  height: auto;
}

body .experience-page .common-main-image .ex-slide-box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

body .experience-page .common-main-image .ex-slide-box .ex-slide li {
  position: relative;
}

body .experience-page .common-main-image .ex-slide-box .ex-slide li .slide-image {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .experience-page .common-main-image .ex-slide-box .bx-wrapper {
  height: 100% !important;
}

body .experience-page .common-main-image .ex-slide-box .bx-wrapper .bx-viewport {
  height: 100% !important;
}

body .experience-page .common-main-image .ex-slide-box .bx-wrapper .bx-viewport .ex-slide {
  height: 100%;
}

body .experience-page .common-main-image .ex-slide-box .bx-wrapper .bx-viewport .ex-slide li {
  height: 100%;
}

body .experience-page .common-main-image:after {
  display: none;
}

body .experience-page .common-first-title {
  margin-top: 6vh;
}

body .experience-page .box-image-box {
  position: relative;
  z-index: 0;
  margin-top: 6vh;
  padding: 1px 0;
}

body .experience-page .box-image-box .inner-image {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}

body .experience-page .box-image-box .bottom-cover {
  position: absolute;
  z-index: 0;
  width: calc(100% + 2px);
  height: auto;
  bottom: -1px;
  left: -1px;
  display: block;
}

body .experience-page .box-image-box .box-logo {
  position: absolute;
  max-width: 15%;
  height: auto;
  left: 3%;
  margin-top: 3%;
  z-index: 0;
}

body .experience-page .box-image-box .text-box {
  position: relative;
  z-index: 1;
  width: 400px;
  max-width: 80%;
  margin: 15% 10% 15% auto;
  box-sizing: border-box;
  padding: 1.6875rem 0;
}

body .experience-page .box-image-box .text-box.bg1 {
  background: url(../image/experience/bg1.png) no-repeat center center;
  background: -webkit-image-set(url(../image/experience/bg1.png) 1x, url(../image/experience/bg1@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
}

body .experience-page .box-image-box .text-box.bg2 {
  background: url(../image/experience/bg2.png) no-repeat center center;
  background: -webkit-image-set(url(../image/experience/bg2.png) 1x, url(../image/experience/bg2@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
}

body .experience-page .box-image-box .text-box.bg3 {
  background: url(../image/experience/bg3.png) no-repeat center center;
  background: -webkit-image-set(url(../image/experience/bg3.png) 1x, url(../image/experience/bg3@2x.png) 2x) no-repeat center center;
  background-size: 100% 100%;
}

body .experience-page .box-image-box .text-box .logo {
  text-align: center;
}

body .experience-page .box-image-box .text-box .logo img {
  width: 130px;
  height: auto;
  max-width: 60%;
}

body .experience-page .box-image-box .text-box h3 {
  width: 335px;
  max-width: 90%;
  margin: 2.5vh auto 0;
  font-weight: bold;
  font-size: 1.75rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

body .experience-page .box-image-box .text-box .text {
  width: 335px;
  max-width: 90%;
  margin: 2.5vh auto 0;
  line-height: 1.4em;
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
}

body .experience-page .box-image-box .text-box .more {
  text-align: center;
  margin-top: 2.5vh;
}

body .experience-page .box-image-box .text-box .more .more-image {
  transition: opacity 0.2s linear;
}

body .experience-page .box-image-box .text-box .more .more-image img {
  width: 180px;
  height: auto;
  max-width: 55%;
}

body .experience-page .box-image-box .text-box .more .more-image:hover {
  cursor: pointer;
  opacity: 0.6;
}

body .experience-page .box-image-box .text-box.white {
  color: #fff;
}

body .experience-page .calendar {
  width: 1000px;
  max-width: 100%;
  margin: 10vh auto 0;
}

body .kids-experience-page .main-slide-box {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 33px;
}

body .kids-experience-page .main-slide-box .main-slide {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

body .kids-experience-page .main-slide-box .main-slide li {
  width: 100%;
}

body .kids-experience-page .main-slide-box .main-slide li .slide-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  padding-top: 49%;
}

body .kids-experience-page .main-slide-box .main-logo {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

body .kids-experience-page .main-slide-box .main-logo img {
  max-width: 80%;
  height: auto;
}

body .kids-experience-page .main-slide-box .sub-logo {
  position: absolute;
  top: 5vh;
  left: 5vh;
  z-index: 2;
  max-width: 20%;
}

body .kids-experience-page .main-slide-box .sub-logo img {
  max-width: 100%;
  height: auto;
}

body .kids-experience-page .main-slide-box .scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 100%;
}

body .kids-experience-page .main-slide-box .scroll img {
  max-width: 13%;
  height: auto;
  padding: 1em;
}

body .kids-experience-page .main-slide-box .scroll img:hover {
  cursor: pointer;
}

body .kids-experience-page .main-slide-box .bx-wrapper {
  margin-bottom: 0;
  z-index: 0;
}

body .kids-experience-page .main-slide-box .bx-wrapper .bx-controls {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

body .kids-experience-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  width: 12px;
  height: 11px;
  background: url(../image/kids_experience/star.svg) no-repeat center center;
  background-size: contain;
}

body .kids-experience-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
  background-size: contain;
}

body .kids-experience-page .first-logo {
  text-align: center;
  margin-top: 15vh;
}

body .kids-experience-page .first-logo img {
  max-width: 30%;
  height: auto;
}

body .kids-experience-page>.common-first-title {
  margin-top: 4vh;
}

body .kids-experience-page .text-image-content-box {
  margin-top: 9.3333333333vh;
}

body .kids-experience-page .text-image-content-box .text-image-content {
  position: relative;
  padding: 10.2666666667vh 0 12.8666666667vh;
}

body .kids-experience-page .text-image-content-box .text-image-content .kids-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

body .kids-experience-page .text-image-content-box .text-image-content section {
  width: 445.2px;
  max-width: 86%;
  margin-right: auto;
  margin-left: 7%;
  border: 0.8888888889vh solid rgba(255, 241, 0, 0.65);
  background: rgba(255, 255, 255, 0.8);
  padding: 4.6666666667vh 0 5.3333333333vh;
}

body .kids-experience-page .text-image-content-box .text-image-content section .text-logo {
  text-align: center;
}

body .kids-experience-page .text-image-content-box .text-image-content section .text-logo img {
  max-width: 30%;
  height: auto;
}

body .kids-experience-page .text-image-content-box .text-image-content section h3 {
  text-align: center;
  font-weight: 500;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.5375rem;
  width: 90%;
  margin: 3.3333333333vh auto 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .kids-experience-page .text-image-content-box .text-image-content section .text {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  width: 90%;
  margin: 1.6666666667vh auto 0;
}

body .kids-experience-page .text-image-content-box .text-image-content:nth-of-type(even) section {
  margin-left: auto;
  margin-right: 7%;
}

body .kids-experience-page .post-content {
  width: 1373.6px;
  max-width: 90%;
  margin: 8.3333333333vh auto 0;
  padding-bottom: 20.2666666667vh;
  /*
    [class^="patern"]{
      position: relative;
      .image{
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
      }
      figcaption{
        font-size: (forecast-size(26)/16)+rem;
        text-align: center;
        letter-spacing: 0.05em;
        line-height: (38/26)+em;
        display: block;
        margin-top: 1vh;
      }
      .label{
        position: absolute;
        top: 0;
        left: 0;
        width: forecast-size2(338)+px;
        
        img{
          width: 100%;
          height: auto;
          transform: translate(18%,-13%);
        }
        @media (max-width:2000px){
          width: 9vw;
        }
      }
    }
    .patern1{
      width: (1000/1717*100)+0%;
      margin-left: auto;
      &.more-c{
        margin-bottom: (-450/1717*100)+0%;
      }
      figure{
        .image{
          padding-top: (547/966*100)+0%;
        }
      }
    }
    .patern2{
      width: (658/1717*100)+0%;
      &.more-c{
        margin-bottom: (-270/1717*100)+0%;
      }
      figure{
        .image{
          padding-top: (834/658*100)+0%;
        }
      }
    }
    .patern3{
      width: (1000/1717*100)+0%;
      margin-left: auto;
      display: flex;
      justify-content: space-between;
      .inner{
        width: (476/1000*100)+0%;
        position: relative;
        figure{
          .image{
            padding-top: (476/476*100)+0%;
          }
        }
      }
    }
    .patern4{
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      margin-top: (117/1717*100)+0%;
      .inner-left{
        width: (961/1717*100)+0%;
        figure{
          .image{
            padding-top: (823/961*100)+0%;
          }
        }
      }
      .inner-right{
        width: (685/1717*100)+0%;
        figure{
          .image{
            padding-top: (626/685*100)+0%;
          }
        }
      }
    }
    .patern5{
      width: (1000/1717*100)+0%;
      margin-left: auto;
      display: flex;
      justify-content: space-between;
      margin-top: (185/1717*100)+0%;
      &.more-c{
        margin-bottom: (-375/1717*100)+0%;
      }
      .inner{
        width: (476/1000*100)+0%;
        position: relative;
        figure{
          .image{
            padding-top: (476/476*100)+0%;
          }
        }
      }
    }
    .patern6{
      width: (658/1717*100)+0%;
      &.more-c{
        margin-bottom: (-270/1717*100)+0%;
      }
      figure{
        .image{
          padding-top: (834/658*100)+0%;
        }
      }
    }
    .patern7{
      width: (1000/1717*100)+0%;
      margin-left: auto;
      figure{
        .image{
          padding-top: (547/966*100)+0%;
        }
      }
    }
    */
}

body .kids-experience-page .post-content .big-box {
  width: 100%;
  margin-top: 16.6666666667vh;
}

body .kids-experience-page .post-content .big-box .post-item {
  width: 56.2609202097%;
  margin-left: auto;
}

body .kids-experience-page .post-content .big-box .post-item .image-cover .post-image {
  padding-top: 56.6252587992%;
}

body .kids-experience-page .post-content .tate-box {
  width: 100%;
  margin-top: -22%;
}

body .kids-experience-page .post-content .tate-box.first {
  margin-top: -30%;
}

body .kids-experience-page .post-content .tate-box .post-item {
  width: 38.322655795%;
}

body .kids-experience-page .post-content .tate-box .post-item .image-cover .post-image {
  padding-top: 126.7477203647%;
}

body .kids-experience-page .post-content .mini-doublebox {
  width: 56.2609202097%;
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-top: -17%;
}

body .kids-experience-page .post-content .mini-doublebox .post-item {
  width: 49.2753623188%;
}

body .kids-experience-page .post-content .mini-doublebox .post-item .image-cover .post-image {
  padding-top: 100%;
}

body .kids-experience-page .post-content .mini-doublebox.top-double {
  margin-top: 16.6666666667vh;
}

body .kids-experience-page .post-content .double-posts {
  width: 1373.6px;
  max-width: 90%;
  margin: 10vh auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .kids-experience-page .post-content .double-posts .left-post {
  width: 55.9045956952%;
}

body .kids-experience-page .post-content .double-posts .left-post .post-image {
  padding-top: 85.6399583767%;
}

body .kids-experience-page .post-content .double-posts .right-post {
  width: 39.8487492728%;
}

body .kids-experience-page .post-content .double-posts .right-post .post-image {
  padding-top: 91.3868613139%;
}

body .kids-experience-page .post-content .post-item {
  position: relative;
  display: block;
}

body .kids-experience-page .post-content .post-item .image-cover {
  overflow: hidden;
  position: relative;
  z-index: 0;
}

body .kids-experience-page .post-content .post-item .image-cover .post-image {
  transition: all 0.2s linear;
}

body .kids-experience-page .post-content .post-itema:hover .post-image {
  transform: scale(1.07);
}

body .kids-experience-page .post-content .post-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body .kids-experience-page .post-content .category {
  position: absolute;
  max-width: 7.4850299401vw;
  top: 0;
  left: 0;
  transform: translate(22%, -8.6419753086%);
  z-index: 5;
}

body .kids-experience-page .post-content .category img {
  max-width: 100%;
  height: auto;
}

body .kids-experience-page .post-content .title {
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 5px;
}

body .kids-experience-page .post-content .level {
  text-align: center;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  font-size: 1rem;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
}

body .kids-experience-page .post-content .level .star {
  display: inline-block;
  height: 1em;
  width: 1em;
  background: url(../image/kids_experience/star.svg) no-repeat center center;
  background-size: contain;
}

body .kids-experience-page .post-content .level.black1 .star:first-of-type {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
}

body .kids-experience-page .post-content .level.black2 .star:not(:last-of-type) {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
}

body .kids-experience-page .post-content .level.black3 .star {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
}

body .kids-experience-page .calendar {
  width: 1000px;
  max-width: 100%;
  margin: 0 auto;
}

body .work-shop-page .main-slide-box {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 33px;
}

body .work-shop-page .main-slide-box .main-slide {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

body .work-shop-page .main-slide-box .main-slide li {
  width: 100%;
}

body .work-shop-page .main-slide-box .main-slide li .slide-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  padding-top: 49%;
}

body .work-shop-page .main-slide-box .main-logo {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

body .work-shop-page .main-slide-box .main-logo img {
  max-width: 80%;
  height: auto;
}

body .work-shop-page .main-slide-box .sub-logo {
  position: absolute;
  top: 5vh;
  left: 5vh;
  z-index: 2;
  max-width: 20%;
}

body .work-shop-page .main-slide-box .sub-logo img {
  max-width: 100%;
  height: auto;
}

body .work-shop-page .main-slide-box .scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 100%;
}

body .work-shop-page .main-slide-box .scroll img {
  max-width: 13%;
  height: auto;
  padding: 1em;
}

body .work-shop-page .main-slide-box .scroll img:hover {
  cursor: pointer;
}

body .work-shop-page .main-slide-box .bx-wrapper {
  margin-bottom: 0;
  z-index: 0;
}

body .work-shop-page .main-slide-box .bx-wrapper .bx-controls {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

body .work-shop-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  width: 12px;
  height: 11px;
  background: url(../image/kids_experience/star.svg) no-repeat center center;
  background-size: contain;
}

body .work-shop-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
  background-size: contain;
}

body .work-shop-page .text-image-content-box {
  margin-top: 9.3333333333vh;
}

body .work-shop-page .text-image-content-box .text-image-content {
  position: relative;
  padding: 10.2666666667vh 0 12.8666666667vh;
}

body .work-shop-page .text-image-content-box .text-image-content .list-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}

body .work-shop-page .text-image-content-box .text-image-content section {
  width: 445.2px;
  max-width: 86%;
  margin-right: auto;
  margin-left: 7%;
  background: rgba(255, 255, 255, 0.8);
  border: 0.8888888889vh solid #c9a063;
  padding: 4.6666666667vh 0 5.3333333333vh;
}

body .work-shop-page .text-image-content-box .text-image-content section .text-logo {
  text-align: center;
}

body .work-shop-page .text-image-content-box .text-image-content section .text-logo img {
  max-width: 30%;
  height: auto;
}

body .work-shop-page .text-image-content-box .text-image-content section h3 {
  text-align: center;
  font-weight: 500;
  font-size: 1.5375rem;
  width: 90%;
  margin: 3.3333333333vh auto 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .work-shop-page .text-image-content-box .text-image-content section .text {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  width: 90%;
  margin: 1.6666666667vh auto 0;
}

body .work-shop-page .text-image-content-box .text-image-content:nth-of-type(even) section {
  margin-left: auto;
  margin-right: 7%;
}

body .work-shop-page .post-contents .double-posts {
  width: 85.8283433134%;
  margin: 20vh auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .work-shop-page .post-contents .double-posts .left-post {
  width: 55.9045956952%;
}

body .work-shop-page .post-contents .double-posts .left-post .post-image {
  padding-top: 85.6399583767%;
}

body .work-shop-page .post-contents .double-posts .right-post {
  width: 39.8487492728%;
}

body .work-shop-page .post-contents .double-posts .right-post .post-image {
  padding-top: 91.3868613139%;
}

body .work-shop-page .post-contents .single-post {
  width: 85.8283433134%;
  margin: 20vh auto 0;
}

body .work-shop-page .post-contents .single-post .post-item {
  width: 1000px;
  max-width: 80%;
}

body .work-shop-page .post-contents .single-post .post-item.right {
  margin-left: auto;
}

body .work-shop-page .post-contents .single-post .post-item .post-image {
  padding-top: 56.6252587992%;
}

body .work-shop-page .post-contents .post-item {
  position: relative;
}

body .work-shop-page .post-contents .post-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

body .work-shop-page .post-contents .category {
  position: absolute;
  max-width: 7.4850299401vw;
  top: 0;
  left: 0;
  transform: translate(22%, -8.6419753086%);
}

body .work-shop-page .post-contents .category img {
  max-width: 100%;
  height: auto;
}

body .work-shop-page .post-contents .title {
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 5px;
}

body .work-shop-page .post-contents .koushi {
  text-align: center;
  margin-top: 3px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .work-shop-page .post-contents .more {
  text-align: center;
  margin-top: 1vh;
}

body .work-shop-page .post-contents .more a {
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 13px;
  border: 1px solid #231815;
  width: 135px;
  max-width: 80%;
  text-align: center;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  transition: all 0.2s linear;
}

body .work-shop-page .post-contents .more a:hover {
  background: #231815;
  color: #fff;
}

body .work-shop-page .calendar {
  width: 1000px;
  max-width: 100%;
  margin: 10vh auto 0;
}

body .cooking-page .main-slide-box {
  width: 90%;
  margin: 0 auto;
  position: relative;
  margin-bottom: 33px;
}

body .cooking-page .main-slide-box .main-slide {
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

body .cooking-page .main-slide-box .main-slide li {
  width: 100%;
}

body .cooking-page .main-slide-box .main-slide li .slide-image {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  height: 100%;
  padding-top: 49%;
}

body .cooking-page .main-slide-box .main-logo {
  width: 100%;
  text-align: center;
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
}

body .cooking-page .main-slide-box .main-logo img {
  max-width: 60%;
  height: auto;
}

body .cooking-page .main-slide-box .sub-logo {
  position: absolute;
  top: 5vh;
  left: 5vh;
  z-index: 2;
  max-width: 20%;
}

body .cooking-page .main-slide-box .sub-logo img {
  max-width: 100%;
  height: auto;
}

body .cooking-page .main-slide-box .scroll {
  position: absolute;
  bottom: 0;
  left: 0;
  text-align: center;
  z-index: 3;
  width: 100%;
}

body .cooking-page .main-slide-box .scroll img {
  max-width: 13%;
  height: auto;
  padding: 1em;
}

body .cooking-page .main-slide-box .scroll img:hover {
  cursor: pointer;
}

body .cooking-page .main-slide-box .bx-wrapper {
  margin-bottom: 0;
  z-index: 0;
}

body .cooking-page .main-slide-box .bx-wrapper .bx-controls {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
}

body .cooking-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  width: 12px;
  height: 11px;
  background: url(../image/kids_experience/star.svg) no-repeat center center;
  background-size: contain;
}

body .cooking-page .main-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background: url(../image/kids_experience/star_black.svg) no-repeat center center;
  background-size: contain;
}

body .cooking-page .text-image-content-box {
  margin-top: 9.3333333333vh;
}

body .cooking-page .text-image-content-box .text-image-content {
  position: relative;
  padding: 10.2666666667vh 0 12.8666666667vh;
}

body .cooking-page .text-image-content-box .text-image-content .list-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  height: 100%;
  width: 100%;
}

body .cooking-page .text-image-content-box .text-image-content section {
  width: 445.2px;
  max-width: 86%;
  margin-right: auto;
  margin-left: 7%;
  background: rgba(255, 255, 255, 0.8);
  border: 0.8888888889vh solid #ed6d0f;
  padding: 4.6666666667vh 0 5.3333333333vh;
}

body .cooking-page .text-image-content-box .text-image-content section .text-logo {
  text-align: center;
}

body .cooking-page .text-image-content-box .text-image-content section .text-logo img {
  max-width: 30%;
  height: auto;
}

body .cooking-page .text-image-content-box .text-image-content section h3 {
  text-align: center;
  font-weight: 500;
  font-size: 1.5375rem;
  width: 90%;
  margin: 3.3333333333vh auto 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .cooking-page .text-image-content-box .text-image-content section .text {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  width: 90%;
  margin: 1.6666666667vh auto 0;
}

body .cooking-page .text-image-content-box .text-image-content section .read-more {
  text-align: center;
  margin-top: 2vh;
}

body .cooking-page .text-image-content-box .text-image-content section .read-more .cooking-more-inner {
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  letter-spacing: 0.1em;
  line-height: 26px;
  height: 26px;
  width: 100px;
  border: 1px solid #231815;
  transition: all 0.2s linear;
}

body .cooking-page .text-image-content-box .text-image-content section .read-more .cooking-more-inner:hover {
  cursor: pointer;
  background: #231815;
  color: #fff;
}

body .cooking-page .text-image-content-box .text-image-content.revers section {
  margin-left: auto;
  margin-right: 7%;
}

body .cooking-page .text-image-content-box .cook-aco-box {
  overflow: hidden;
  height: 0;
  transition: height 0.9s linear;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box {
  padding-top: 11vh;
  width: 1200px;
  max-width: 90%;
  margin: 0 auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image1 {
  width: 68.8874514877%;
  margin-bottom: -11.6429495472%;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image1 img {
  width: 100%;
  height: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image2 {
  width: 50.3234152652%;
  margin-left: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image2 img {
  width: 100%;
  height: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image3 {
  width: 47.8007761966%;
  margin-top: 4vh;
  margin-bottom: -18.4346701164%;
  margin-left: 8.2147477361%;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image3 img {
  width: 100%;
  height: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image4 {
  width: 23.6739974127%;
  margin-left: auto;
  margin-right: 7.8266494179%;
}

body .cooking-page .text-image-content-box .cook-aco-box .mini-image-box .image4 img {
  width: 100%;
  height: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .big-image {
  margin-top: 11vh;
}

body .cooking-page .text-image-content-box .cook-aco-box .big-image img {
  width: 100%;
  height: auto;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box {
  width: 1200px;
  max-width: 90%;
  margin: 10vh auto 0;
  display: flex;
  justify-content: space-around;
  padding-bottom: 10vh;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box {
  width: 356px;
  max-width: 60%;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box h3 {
  text-align: center;
  color: #ed6d0f;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  font-weight: normal;
  padding-top: 4vh;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .text {
  margin-top: 2vh;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .aco-info {
  margin-top: 2vh;
  background: #fef2e8;
  padding: 2vh 1.5vh;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .aco-info dl {
  display: flex;
  margin-bottom: 0.5vh;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .aco-info dl dt {
  font-size: 0.9375rem;
  font-weight: bold;
  width: 5.7em;
  margin-right: 4%;
  flex-shrink: 0;
  letter-spacing: 0.05em;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .aco-info dl dd {
  font-size: 0.9375rem;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .aco-info .mini-text {
  font-size: 0.875rem;
  margin-top: 1vh;
  line-height: 1.3em;
  letter-spacing: 0.1em;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .yoyaku {
  margin-top: 3vh;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .yoyaku a {
  display: block;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #ed6d0f;
  font-size: 1.5rem;
  padding: 2.5vh 0;
  box-sizing: border-box;
  border: 2px solid #ed6d0f;
  transition: all 0.2s linear;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box .yoyaku a:hover {
  background: #fff;
  color: #ed6d0f;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .right-image {
  width: 39.6%;
}

body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .right-image img {
  width: 100%;
  height: auto;
}

body .cooking-page .post-contents .double-posts {
  width: 85.8283433134%;
  margin: 20vh auto 0;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .cooking-page .post-contents .double-posts .left-post {
  width: 55.9045956952%;
}

body .cooking-page .post-contents .double-posts .left-post .post-image {
  padding-top: 85.6399583767%;
}

body .cooking-page .post-contents .double-posts .right-post {
  width: 39.8487492728%;
}

body .cooking-page .post-contents .double-posts .right-post .post-image {
  padding-top: 91.3868613139%;
}

body .cooking-page .post-contents .single-post {
  width: 85.8283433134%;
  margin: 20vh auto 0;
}

body .cooking-page .post-contents .single-post .post-item {
  width: 1000px;
  max-width: 80%;
}

body .cooking-page .post-contents .single-post .post-item.right {
  margin-left: auto;
}

body .cooking-page .post-contents .single-post .post-item .post-image {
  padding-top: 56.6252587992%;
}

body .cooking-page .post-contents a {
  display: block;
  z-index: 0;
}

body .cooking-page .post-contents a .post-image-cover {
  display: block;
  overflow: hidden;
}

body .cooking-page .post-contents a:hover .post-image {
  transform: scale(1.07);
}

body .cooking-page .post-contents .post-item {
  position: relative;
}

body .cooking-page .post-contents .post-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.2s linear;
}

body .cooking-page .post-contents .category {
  position: absolute;
  max-width: 7.4850299401vw;
  z-index: 1;
  top: 0;
  left: 0;
  transform: translate(22%, -8.6419753086%);
}

body .cooking-page .post-contents .category img {
  max-width: 100%;
  height: auto;
}

body .cooking-page .post-contents .title {
  text-align: center;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-top: 5px;
}

body .cooking-page .post-contents .koushi {
  text-align: center;
  margin-top: 3px;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .cooking-page .post-contents .more {
  text-align: center;
  margin-top: 1vh;
}

body .cooking-page .post-contents .more a {
  display: inline-block;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 13px;
  border: 1px solid #231815;
  width: 135px;
  max-width: 80%;
  text-align: center;
  height: 28px;
  line-height: 28px;
  white-space: nowrap;
  transition: all 0.2s linear;
}

body .cooking-page .post-contents .more a:hover {
  background: #231815;
  color: #fff;
}

body .cooking-page .attention-image {
  text-align: center;
  margin-top: 14vh;
}

body .cooking-page .attention-image img {
  width: 850px;
  max-width: 80%;
  height: auto;
}

body .cooking-page .handmade-link {
  margin-top: 8vh;
}

body .cooking-page .handmade-link h3 {
  text-align: center;
  font-weight: normal;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.5625rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  font-weight: bold;
}

body .cooking-page .handmade-link h3 .mini-title {
  display: block;
  font-weight: normal;
  margin-top: 1.5vh;
  font-size: 14px;
  letter-spacing: 0.3em;
  line-height: 1.4em;
  font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic", "Droid Sans Mono", Verdana, sans-serif;
}

body .cooking-page .handmade-link ul {
  display: flex;
  justify-content: center;
  width: 1200px;
  max-width: 85%;
  margin: 3vh auto 0;
}

body .cooking-page .handmade-link ul li {
  width: 33%;
}

body .cooking-page .handmade-link ul li a {
  display: block;
  position: relative;
  z-index: 0;
  padding-top: 100%;
}

body .cooking-page .handmade-link ul li a .l-image1,
body .cooking-page .handmade-link ul li a .l-image2,
body .cooking-page .handmade-link ul li a .l-image3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

body .cooking-page .handmade-link ul li a .text-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
}

body .cooking-page .handmade-link ul li a .text-box img {
  max-width: 100%;
  height: auto;
}

body .cooking-page .handmade-link ul li a .text-box .text {
  text-align: center;
  color: #fff;
  margin-top: 1vh;
  letter-spacing: 0.1em;
}

body .cooking-page .handmade-link ul li a .text-box .text .text-inner {
  border: 1px solid #fff;
  letter-spacing: 0.1em;
  line-height: 27px;
  width: 96px;
  display: inline-block;
  height: 27px;
  transition: all 0.2s linear;
}

body .cooking-page .handmade-link ul li a:hover .text-box .text .text-inner {
  background: #fff;
  color: #231815;
}

body .cooking-page .handmade-link ul li a.no-ex:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(34, 28, 24, 0.8);
  background-image: url(../image/cooking_experience/no-ex.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

body .cooking-page .calendar {
  width: 1000px;
  max-width: 100%;
  margin: 10vh auto 0;
}

body .mutual-box {
  margin: 7vh auto 0;
}

body .mutual-box h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  letter-spacing: 0.1em;
  line-height: 1.3em;
  font-size: 1.875rem;
}

body .mutual-box .mutual-link {
  width: 1300px;
  max-width: 90%;
  display: flex;
  justify-content: space-between;
  margin: 2.5vh auto 0;
}

body .mutual-box .mutual-link li {
  width: 32.2916666667%;
}

body .mutual-box .mutual-link li a {
  display: block;
  position: relative;
}

body .mutual-box .mutual-link li a .link-image {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  z-index: 1;
}

body .mutual-box .mutual-link li a .link-image>span {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: transform 0.2s linear;
}

body .mutual-box .mutual-link li a .link-image img {
  max-width: 60%;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

body .mutual-box .mutual-link li a .mutual-title {
  text-align: center;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  margin-top: 2vh;
  font-size: 1rem;
}

body .mutual-box .mutual-link li a:hover .link-image>span {
  transform: scale(1.05);
}

body .shoping-page .common-main-image img {
  max-width: 15%;
}

body .shoping-page .common-main-image:after {
  display: none;
}

body .shoping-page .limited-list-box {
  width: 1059px;
  max-width: 90%;
  margin: 13.3333333333vh auto 0;
}

body .shoping-page .limited-list-box h3 {
  text-align: center;
}

body .shoping-page .limited-list-box h3 img {
  max-width: 30%;
  height: auto;
}

body .shoping-page .limited-list-box ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 2vh;
}

body .shoping-page .limited-list-box ul:after {
  content: "";
  display: block;
  width: 29.3484419263%;
}

body .shoping-page .limited-list-box ul li {
  margin-top: 2.5vh;
  width: 29.3484419263%;
  transition: opacity 0.2s linear, transform 0.2s linear;
}

body .shoping-page .limited-list-box ul li a figure .image {
  padding-top: 102.8957528958%;
  background-size: cover;
  background-position: center center;
  background-repeat: repeat;
}

body .shoping-page .limited-list-box ul li a figure figcaption {
  margin-top: 1.2222222222vh;
}

body .shoping-page .limited-list-box ul li a figure figcaption time {
  font-size: 0.7875rem;
  letter-spacing: 0.05em;
}

body .shoping-page .limited-list-box ul li a figure figcaption .title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.2105263158em;
  letter-spacing: 0.05em;
  margin-top: 0.6666666667vh;
}

body .shoping-page .limited-list-box ul li a figure figcaption .description {
  margin-top: 0.6666666667vh;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .shoping-page .limited-list-box ul li.hidden-item {
  transform: translate(0, 10px);
  height: 0;
  opacity: 0;
  margin: 0;
}

body .shoping-page .limited-list-box ul li.hidden-item a {
  transform: scale(0);
  display: block;
}

body .shoping-page .limited-list-box .more-link {
  text-align: center;
  margin-top: 4.5vh;
}

body .shoping-page .limited-list-box .more-link .more-inner {
  border: 1px solid #231815;
  color: #231815;
  display: inline-block;
  font-size: 1rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  white-space: nowrap;
  letter-spacing: 0.1em;
  padding: 0.5em 2.5em;
  transition: all 0.2s linear;
}

body .shoping-page .limited-list-box .more-link .more-inner:hover {
  cursor: pointer;
  background: #000;
  color: #fff;
}

body .shoping-page .shoping-content-box .shoping-content {
  width: 1603.2px;
  max-width: 90%;
  margin: 21.3333333333vh auto 0;
}

body .shoping-page .shoping-content-box .shoping-content .image {
  width: 65.2694610778%;
  margin-left: auto;
  margin-bottom: -30.0898203593%;
}

body .shoping-page .shoping-content-box .shoping-content .image .image-base {
  display: block;
  padding-top: 74.6941896024%;
}

body .shoping-page .shoping-content-box .shoping-content .text-box {
  width: 30.8383233533%;
  margin-left: 7.0359281437%;
  margin-bottom: -2%;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section {
  padding-bottom: 6.7333333333vh;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section h3 {
  text-align: center;
  padding-top: 12.2448979592%;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section h3 img {
  width: 42.5170068027%;
  height: auto;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .more {
  opacity: 0;
  text-align: center;
  margin-top: 8.5034013605%;
  padding-bottom: 31.6326530612%;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .more img {
  width: 30.612244898%;
  height: auto;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .text {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  margin: 5.7823129252% auto 0;
  font-size: 1rem;
  line-height: 1.8888888889em;
  letter-spacing: 0.05em;
  width: 80%;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .man {
  text-align: center;
  position: relative;
  margin-top: 2.3333333333vh;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .man .man-image {
  max-width: 60%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .man .man-line {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0);
  width: 203.3333333333%;
}

body .shoping-page .shoping-content-box .shoping-content ul {
  width: 85.129740519%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-left: 0;
}

body .shoping-page .shoping-content-box .shoping-content ul li {
  width: 22.03985932%;
  transition: opacity 0.2s linear, transform 0.2s linear;
  margin-bottom: 1.5vh;
}

body .shoping-page .shoping-content-box .shoping-content ul li .image-base {
  display: block;
  padding-top: 84.8404255319%;
}

body .shoping-page .shoping-content-box .shoping-content ul li:nth-of-type(2) {
  margin: 0 3.8100820633% 1.5vh;
}

body .shoping-page .shoping-content-box .shoping-content ul li:nth-of-type(3) {
  margin-right: 3.8100820633%;
}

body .shoping-page .shoping-content-box .shoping-content ul li .title {
  font-size: 1rem;
  line-height: 1.4em;
  margin-top: 1vh;
}

body .shoping-page .shoping-content-box .shoping-content ul li .title .mini-title {
  font-size: 0.875rem;
}

body .shoping-page .shoping-content-box .shoping-content ul li .text {
  font-size: 0.875rem;
  margin-top: 0.8vh;
  line-height: 1.4em;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .shoping-page .shoping-content-box .shoping-content ul li .image-cover {
  position: relative;
}

body .shoping-page .shoping-content-box .shoping-content ul li .item-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

body .shoping-page .shoping-content-box .shoping-content ul.margin-item {
  margin-top: 2.5vh;
}

body .shoping-page .shoping-content-box .shoping-content ul.hidden-item li {
  transform: translate(0, 10px);
  height: 0;
  opacity: 0;
}

body .shoping-page .shoping-content-box .shoping-content ul.hidden-item li>* {
  display: block;
  transform: scale(0);
}

body .shoping-page .shoping-content-box .shoping-content ul.inner-f li {
  opacity: 0;
  transition: none;
  transform: translate(0, 10px);
}

body .shoping-page .shoping-content-box .shoping-content ul.inner-f li:nth-of-type(1) {
  animation: inner-f 0.9s ease 0s forwards;
}

body .shoping-page .shoping-content-box .shoping-content ul.inner-f li:nth-of-type(2) {
  animation: inner-f 0.9s ease 0.3s forwards;
}

body .shoping-page .shoping-content-box .shoping-content ul.inner-f li:nth-of-type(3) {
  animation: inner-f 0.9s ease 0.6s forwards;
}

@keyframes inner-f {
  0% {
    opacity: 0;
    transform: translate(0, 10px);
  }

  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}

body .shoping-page .shoping-content-box .shoping-content .more-link {
  text-align: center;
  margin-top: 5.5vh;
}

body .shoping-page .shoping-content-box .shoping-content .more-link .more-inner2 {
  border: 1px solid #231815;
  color: #231815;
  display: inline-block;
  font-size: 1rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  white-space: nowrap;
  letter-spacing: 0.1em;
  padding: 0.5em 2.5em;
  transition: all 0.2s linear;
}

body .shoping-page .shoping-content-box .shoping-content .more-link .more-inner2:hover {
  background: #000;
  color: #fff;
  cursor: pointer;
}

body .shoping-page .shoping-content-box .shoping-content:nth-of-type(even) .image {
  margin-left: 0;
  margin-right: auto;
}

body .shoping-page .shoping-content-box .shoping-content:nth-of-type(even) .text-box {
  margin-left: auto;
  margin-right: 7.0359281437%;
}

body .shoping-page .shoping-content-box .shoping-content:nth-of-type(even) ul {
  margin-left: auto;
  margin-right: 0;
}

body .noodle-factory-page .bg-content {
  background: url(../image/noodle_factory/haikeiwashi.jpg) repeat center center;
}

body .noodle-factory-page .bg-content .big-text-content {
  margin-top: 12.2222222222vh;
}

body .noodle-factory-page .bg-content .big-text-content img {
  width: 100%;
  height: auto;
  display: block;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box {
  margin-top: 5vh;
  display: flex;
  justify-content: space-between;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box {
  width: 47.9041916168%;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section {
  width: 410px;
  max-width: 90%;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section .mini-logo {
  text-align: left;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section .mini-logo img {
  max-width: 55%;
  height: auto;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section h3 {
  margin-top: 3.6666666667vh;
  font-size: 1.45rem;
  line-height: 1.4310344828em;
  letter-spacing: 0.2em;
  font-weight: 500;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section .text {
  margin-top: 3.3333333333vh;
  font-size: 0.95rem;
  line-height: 2.0555555556em;
  letter-spacing: 0.05em;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .image {
  width: 47.9041916168%;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box .image .image-base {
  display: block;
  padding-top: 95.2380952381%;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box:nth-of-type(even) .left-box {
  order: 1;
}

body .noodle-factory-page .bg-content .text-image-box .flex-box:last-of-type {
  padding-bottom: 5vh;
}

body .noodle-factory-page .normal-content {
  margin-top: 20.6666666667vh;
}

body .noodle-factory-page .normal-content .shinagaki {
  text-align: center;
}

body .noodle-factory-page .normal-content .shinagaki img {
  max-width: 30%;
  height: auto;
}

body .noodle-factory-page .normal-content .big-text-content {
  margin-top: 4.4vh;
}

body .noodle-factory-page .normal-content .big-text-content img {
  width: 100%;
  height: auto;
  display: block;
}

body .noodle-factory-page .udon-box {
  margin-top: 13vh;
}

body .noodle-factory-page .udon-box .udon-content {
  display: flex;
  justify-content: space-between;
  width: 1376px;
  max-width: 90%;
  margin: 1.1111111111vh auto 0;
  align-items: center;
}

body .noodle-factory-page .udon-box .udon-content section {
  width: 36.2209302326%;
}

body .noodle-factory-page .udon-box .udon-content section>* {
  width: 418.4px;
  max-width: 90%;
  margin: 0 auto;
}

body .noodle-factory-page .udon-box .udon-content section .mini-text {
  font-size: 1.0125rem;
  letter-spacing: 0.2em;
}

body .noodle-factory-page .udon-box .udon-content section .mini-text .black-text,
body .noodle-factory-page .udon-box .udon-content section .mini-text .white-text {
  display: inline-block;
  padding: 0.5em 0.8em;
  border: 1px solid #231815;
  border-radius: 7px;
}

body .noodle-factory-page .udon-box .udon-content section .mini-text .white-text {
  background: #231815;
  color: #fff;
}

body .noodle-factory-page .udon-box .udon-content section h2 {
  font-size: 1.45rem;
  line-height: 1.3939393939em;
  letter-spacing: 0.1em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  color: #231815;
  font-weight: 500;
  margin-top: 2.1333333333vh;
}

body .noodle-factory-page .udon-box .udon-content section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 2.6666666667vh;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.95rem;
  letter-spacing: 0.05em;
  line-height: 2.06em;
}

body .noodle-factory-page .udon-box .udon-content .image {
  width: 52.3255813953%;
}

body .noodle-factory-page .udon-box .udon-content .image img {
  width: 100%;
  height: auto;
}

body .noodle-factory-page .udon-box .udon-content:nth-of-type(odd) section {
  order: 1;
}

body .noodle-factory-page .link-box {
  margin-top: 23vh;
}

body .noodle-factory-page .link-box a {
  display: block;
  position: relative;
  padding: 17vh 0 15.6666666667vh;
  background-color: rgba(0, 0, 0, 0.6);
}

body .noodle-factory-page .link-box a .bg-image {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
}

body .noodle-factory-page .link-box a section {
  color: #fff;
}

body .noodle-factory-page .link-box a section .logo {
  text-align: center;
}

body .noodle-factory-page .link-box a section .logo img {
  max-width: 40%;
  height: auto;
}

body .noodle-factory-page .link-box a section h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-weight: bold;
  font-size: 3.3333333333rem;
  line-height: 1.4em;
  letter-spacing: 0.4em;
  margin-top: 3vh;
}

body .noodle-factory-page .link-box a section .text {
  text-align: center;
  font-size: 1.0125rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .noodle-factory-page .link-box a section .more {
  text-align: center;
  margin-top: 2.3333333333vh;
}

body .noodle-factory-page .link-box a section .more span {
  border: 1px solid #fff;
  display: inline-block;
  font-size: 1rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  white-space: nowrap;
  letter-spacing: 0.1em;
  padding: 0.5em 2.5em;
  transition: all 0.2s linear;
}

body .noodle-factory-page .link-box a:hover section .more span {
  background: #fff;
  color: #231815;
}

body .recruit-page {
  background: #f5f0ed;
}

body .recruit-page .main-image img {
  width: 100%;
  height: auto;
}

body .recruit-page .rec-slide-box .rec-slide li a {
  display: block;
}

body .recruit-page .rec-slide-box .rec-slide li a .slide-catch {
  height: 90%;
  top: 2%;
  transform: translate(-50%, 0);
  position: absolute;
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  -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";
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

body .recruit-page .rec-slide-box .rec-slide li a .slide-image {
  padding-top: 60%;
  background-size: cover;
}

body .recruit-page .rec-slide-box .bx-wrapper {
  margin-bottom: 0;
}

body .recruit-page .rec-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link {
  background: none;
  border: 1px solid #000;
}

body .recruit-page .rec-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #000;
}

body .recruit-page .rec-slide-box .bx-wrapper .bx-controls .bx-pager .bx-pager-item .bx-pager-link:hover {
  background: #000;
}

body .recruit-page .rec-common-wrap {
  padding-top: 8.8888888889vh;
}

body .recruit-page .rec-common-wrap .text {
  text-align: center;
  width: 90%;
  margin: 3.5555555556vh auto 0;
  font-size: 1rem;
  line-height: 2em;
  letter-spacing: 0.05em;
}

body .recruit-page .rec-common-wrap .banner-box {
  width: 950px;
  max-width: 90%;
  margin: 0 auto;
  padding-bottom: 5vh;
}

body .recruit-page .rec-common-wrap .banner-box li {
  margin-top: 3.3333333333vh;
}

body .recruit-page .rec-common-wrap .banner-box li a {
  display: block;
  transition: opacity 0.2s linear;
}

body .recruit-page .rec-common-wrap .banner-box li a:hover {
  opacity: 0.7;
}

body .recruit-page .rec-common-wrap .banner-box li a img {
  width: 100%;
  height: auto;
}

body .recruit-page .rec-common-wrap .rec-news {
  width: 620px;
  max-width: 90%;
  margin: 4.2222222222vh auto 0;
}

body .recruit-page .rec-common-wrap .rec-news h3 {
  color: #006835;
  font-size: 1.0625rem;
  letter-spacing: 0.05em;
}

body .recruit-page .rec-common-wrap .rec-news h3:before {
  content: '';
  width: 6px;
  height: 21px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.5555555556vh;
  background: #006835;
}

body .recruit-page .rec-common-wrap .rec-news ul {
  background: #fff;
  margin-top: 5px;
  padding: 0 2.7419354839%;
}

body .recruit-page .rec-common-wrap .rec-news ul li {
  margin: 1vh 0;
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.4em;
}

body .recruit-page .rec-common-wrap .rec-news ul li time {
  display: inline-block;
  font-size: 0.875rem;
  margin-right: 2.657807309%;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

body .recruit-page .rec-common-wrap .rec-news ul li .news-content {
  font-size: 0.875rem;
  letter-spacing: 0.05em;
}

body .recruit-page .rec-common-wrap .rec-news ul li.new .news-content:after {
  content: 'new!';
  color: #f00;
}

body .recruit-page .c-project-link a {
  width: 950px;
  max-width: 90%;
  margin-top: 5%;
}

body .how-oeno-page {
  background: #f5f0ed;
}

body .how-oeno-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .how-oeno-page .rec-common-wrap .inner-nav {
  width: 470px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .how-oeno-page .rec-common-wrap .inner-nav li {
  width: 32.1276595745%;
}

body .how-oeno-page .rec-common-wrap .inner-nav li .nav-content {
  position: relative;
  display: block;
}

body .how-oeno-page .rec-common-wrap .inner-nav li .nav-content img {
  display: block;
  width: 100%;
  height: auto;
}

body .how-oeno-page .rec-common-wrap .inner-nav li .nav-content img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .how-oeno-page .rec-common-wrap .inner-nav li .nav-content:hover img:nth-of-type(2) {
  opacity: 1;
}

body .how-oeno-page .rec-common-wrap .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content {
  width: 715px;
  max-width: 90%;
  margin: 13.3333333333vh auto 0;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content h5 {
  font-size: 1.375rem;
  line-height: 1.4em;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box {
  display: flex;
  justify-content: space-between;
  margin-top: 1.6666666667vh;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .image {
  order: 1;
  width: 30.7692307692%;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .image img {
  width: 100%;
  height: auto;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .left-box {
  width: 64.3356643357%;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .left-box .text {
  font-size: 1.125rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .left-box .text .br2 {
  display: block;
  height: 1.4em;
}

body .how-oeno-page .rec-common-wrap .how-oeno-content .name {
  text-align: center;
  margin-top: 3.3333333333vh;
  font-size: 1.125rem;
}

body .how-oeno-page .rec-common-wrap .message-link {
  text-align: center;
  margin-top: 7.7777777778vh;
}

body .how-oeno-page .rec-common-wrap .message-link a {
  display: inline-block;
  max-width: 60%;
  transition: opacity 0.2s linear;
}

body .how-oeno-page .rec-common-wrap .message-link a img {
  max-width: 100%;
  height: auto;
}

body .how-oeno-page .rec-common-wrap .message-link a:hover {
  opacity: 0.7;
}

body .company-page {
  background: #f5f0ed;
}

body .company-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .company-page .rec-common-wrap .inner-nav {
  width: 470px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .company-page .rec-common-wrap .inner-nav li {
  width: 32.1276595745%;
}

body .company-page .rec-common-wrap .inner-nav li .nav-content {
  position: relative;
  display: block;
}

body .company-page .rec-common-wrap .inner-nav li .nav-content img {
  display: block;
  width: 100%;
  height: auto;
}

body .company-page .rec-common-wrap .inner-nav li .nav-content img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .company-page .rec-common-wrap .inner-nav li .nav-content:hover img:nth-of-type(2) {
  opacity: 1;
}

body .company-page .rec-common-wrap .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .company-page .rec-common-wrap .company-content {
  width: 590px;
  max-width: 90%;
  margin: 12.2222222222vh auto 0;
}

body .company-page .rec-common-wrap .company-content dl {
  display: flex;
  margin-top: 3.3333333333vh;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .company-page .rec-common-wrap .company-content dl dt {
  flex-shrink: 0;
  font-weight: bold;
  width: 110px;
  margin-right: 4.0677966102%;
}

body .enkaku-page {
  background: #f5f0ed;
}

body .enkaku-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .enkaku-page .rec-common-wrap .inner-nav {
  width: 470px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .enkaku-page .rec-common-wrap .inner-nav li {
  width: 32.1276595745%;
}

body .enkaku-page .rec-common-wrap .inner-nav li .nav-content {
  position: relative;
  display: block;
}

body .enkaku-page .rec-common-wrap .inner-nav li .nav-content img {
  display: block;
  width: 100%;
  height: auto;
}

body .enkaku-page .rec-common-wrap .inner-nav li .nav-content img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .enkaku-page .rec-common-wrap .inner-nav li .nav-content:hover img:nth-of-type(2) {
  opacity: 1;
}

body .enkaku-page .rec-common-wrap .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .enkaku-page .rec-common-wrap .enkaku-content {
  width: 590px;
  max-width: 90%;
  margin: 12.2222222222vh auto 0;
}

body .enkaku-page .rec-common-wrap .enkaku-content dl {
  display: flex;
  margin-top: 3.3333333333vh;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .enkaku-page .rec-common-wrap .enkaku-content dl dt {
  flex-shrink: 0;
  font-weight: bold;
  width: 110px;
  margin-right: 4.0677966102%;
}

body .business-page {
  background: #f5f0ed;
}

body .business-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .business-page .rec-common-wrap .inner-nav {
  width: 880px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .business-page .rec-common-wrap .inner-nav li {
  width: 15.9090909091%;
  position: relative;
}

body .business-page .rec-common-wrap .inner-nav li img {
  width: 100%;
  height: auto;
  display: block;
}

body .business-page .rec-common-wrap .inner-nav li img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .business-page .rec-common-wrap .inner-nav li:hover {
  cursor: pointer;
}

body .business-page .rec-common-wrap .inner-nav li:hover img:nth-of-type(2) {
  opacity: 1;
}

body .business-page .rec-common-wrap .business-content section {
  padding-bottom: 8.3333333333vh;
  position: relative;
}

body .business-page .rec-common-wrap .business-content section .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .business-page .rec-common-wrap .business-content section .content-box {
  margin: 10vh auto 0;
  width: 700px;
  max-width: 90%;
}

body .business-page .rec-common-wrap .business-content section .content-box img {
  float: right;
  width: 48%;
  height: auto;
  padding-left: 2%;
  padding-bottom: 2%;
}

body .business-page .rec-common-wrap .business-content section .content-box p {
  font-size: 0.9375rem;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  margin-top: 2px;
}

body .business-page .rec-common-wrap .business-content section .content-box .inner-list p {
  padding-left: 1.1em;
  text-indent: -1.1em;
}

body .business-page .rec-common-wrap .business-content section .content-box .inner-list p.title {
  padding-left: 0;
  text-indent: 0;
}

body .business-page .rec-common-wrap .business-content section .content-box .inner-list p.text {
  text-align: justify;
  text-justify: inter-ideograph;
  padding-left: 0;
  text-indent: 0;
}

body .business-page .rec-common-wrap .business-content section .content-box .inner-list p.text a {
  color: darkorange;
}

body .business-page .rec-common-wrap .business-content section .content-box .title {
  font-weight: bold;
  font-size: 1.5rem;
  margin-bottom: 2.2222222222vh;
}

body .business-page .rec-common-wrap .business-content section .content-box .mini-title {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 1.3333333333vh;
}

body .business-page .rec-common-wrap .business-content section .content-box .normal-text {
  text-align: justify;
  text-justify: inter-ideograph;
}

body .business-page .rec-common-wrap .business-content section .content-box:after {
  content: '';
  display: block;
  clear: both;
}

body .business-page .rec-common-wrap .business-content section:nth-of-type(even) .content-box img {
  float: left;
  padding-right: 2%;
  padding-left: 0;
}

body .business-page .rec-common-wrap .business-content section:before {
  content: '';
  display: block;
  width: 840px;
  max-width: 95%;
  left: 50%;
  bottom: 0;
  position: absolute;
  border-bottom: 1px dashed #c8c8c8;
  transform: translate(-50%, 0);
}

body .work-page {
  background: #f5f0ed;
}

body .work-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .work-page .rec-common-wrap .first-text {
  max-width: 90%;
  margin: 6.6666666667vh auto 0;
  text-align: center;
  color: #40220f;
  font-size: 1.0625rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .work-page .rec-common-wrap .inner-nav {
  width: 475px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .work-page .rec-common-wrap .inner-nav li {
  transition: opacity 0.2s linear;
}

body .work-page .rec-common-wrap .inner-nav li img {
  width: 100%;
  height: auto;
}

body .work-page .rec-common-wrap .inner-nav li:nth-of-type(1) {
  width: 22.3157894737%;
}

body .work-page .rec-common-wrap .inner-nav li:nth-of-type(2) {
  width: 20.4210526316%;
}

body .work-page .rec-common-wrap .inner-nav li:nth-of-type(3) {
  width: 24.8421052632%;
}

body .work-page .rec-common-wrap .inner-nav li:nth-of-type(4) {
  width: 20.4210526316%;
}

body .work-page .rec-common-wrap .inner-nav li:hover {
  cursor: pointer;
  opacity: 0.7;
}

body .work-page .rec-common-wrap .inner-nav2 {
  width: 800px;
  display: flex;
  justify-content: space-between;
  max-width: 85%;
  flex-wrap: wrap;
  margin: 20px auto 0;
}

body .work-page .rec-common-wrap .inner-nav2 li {
  width: 190px;
  line-height: 42px;
  max-width: 48%;
  margin-bottom: 10px;
  color: #fff;
  text-align: center;
  background: #006934;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

body .work-page .rec-common-wrap .inner-nav2 li.space {
  margin-bottom: 0;
}

body .work-page .rec-common-wrap .inner-nav2 li:hover {
  opacity: 0.6;
  cursor: pointer;
}

body .work-page .rec-common-wrap .inner-nav2 li:active {
  opacity: 1;
}

body .work-page .rec-common-wrap .green-line {
  width: 840px;
  max-width: 95%;
  border-bottom: 1px solid #006835;
  margin: 6.6666666667vh auto 0;
}

body .work-page .rec-common-wrap .work-content section {
  padding-bottom: 8.3333333333vh;
  position: relative;
}

body .work-page .rec-common-wrap .work-content section .super-big {
  text-align: center;
  margin-top: 8.3333333333vh;
}

body .work-page .rec-common-wrap .work-content section .super-big img {
  max-width: 85%;
  height: auto;
}

body .work-page .rec-common-wrap .work-content section .content-box {
  margin: 10vh auto 0;
  width: 700px;
  max-width: 90%;
}

body .work-page .rec-common-wrap .work-content section .content-box img {
  float: right;
  width: 48%;
  height: auto;
  padding-left: 2%;
  padding-bottom: 2%;
}

body .work-page .rec-common-wrap .work-content section .content-box p {
  font-size: 0.9375rem;
  line-height: 1.5em;
  letter-spacing: 0.01em;
  margin-top: 2px;
}

body .work-page .rec-common-wrap .work-content section .content-box .inner-list p {
  padding-left: 1.1em;
  text-indent: -1.1em;
}

body .work-page .rec-common-wrap .work-content section .content-box .inner-list p.title {
  padding-left: 0;
  text-indent: 0;
}

body .work-page .rec-common-wrap .work-content section .content-box .inner-list p.text {
  text-align: justify;
  text-justify: inter-ideograph;
  padding-left: 0;
  text-indent: 0;
}

body .work-page .rec-common-wrap .work-content section .content-box .inner-list p.text a {
  color: darkorange;
}

body .work-page .rec-common-wrap .work-content section .content-box .title {
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1.3333333333vh;
  color: #300;
}

body .work-page .rec-common-wrap .work-content section .content-box .mini-title {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.05em;
  margin-top: 1.3333333333vh;
}

body .work-page .rec-common-wrap .work-content section .content-box .normal-text {
  text-align: justify;
  text-justify: inter-ideograph;
}

body .work-page .rec-common-wrap .work-content section .content-box:after {
  content: '';
  display: block;
  clear: both;
}

body .work-page .rec-common-wrap .work-content section:nth-of-type(odd) .content-box img {
  float: left;
  padding-right: 2%;
  padding-left: 0;
}

body .work-page .rec-common-wrap .work-content section:before {
  content: '';
  display: block;
  width: 840px;
  max-width: 95%;
  left: 50%;
  bottom: 0;
  position: absolute;
  border-bottom: 1px solid #006835;
  transform: translate(-50%, 0);
}

body .work-page .rec-common-wrap .work-content2 {
  width: 800px;
  max-width: 83.4666666667%;
  margin: 0 auto;
}

body .work-page .rec-common-wrap .work-content2 section {
  padding: 15% 0 0;
  margin: 13.625% 0 0;
  border-top: 1px solid #006934;
}

body .work-page .rec-common-wrap .work-content2 section h3 {
  text-align: center;
  font-size: 2.4375rem;
  letter-spacing: 0.1em;
  color: #006934;
}

body .work-page .rec-common-wrap .work-content2 section .catch {
  text-align: center;
  font-size: 1rem;
  color: #40220f;
  line-height: 1.5625rem;
  font-weight: 500;
  margin-top: 4.375%;
}

body .work-page .rec-common-wrap .work-content2 section .image {
  margin: 5.625% auto 0;
  width: 665px;
  max-width: 100%;
}

body .work-page .rec-common-wrap .work-content2 section .image img {
  width: 100%;
  height: auto;
}

body .work-page .rec-common-wrap .work-content2 section .text {
  font-size: 1rem;
  line-height: 1.5625rem;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 3.375% auto 0;
  color: #40220f;
  width: 665px;
  max-width: 100%;
}

body .work-page .rec-common-wrap .work-content2 section>dl {
  display: flex;
  border: 1px solid #40220f;
  width: 665px;
  max-width: 100%;
  box-sizing: border-box;
  margin: 5.125% auto 0;
}

body .work-page .rec-common-wrap .work-content2 section>dl dt {
  flex-shrink: 0;
  background: #40220f;
  width: 160px;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  font-size: 1rem;
}

body .work-page .rec-common-wrap .work-content2 section>dl dd {
  color: #40220f;
  font-size: 0.9375rem;
  letter-spacing: 0.1em;
  line-height: 1.5625rem;
  padding: 1.375em;
  box-sizing: border-box;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link {
  margin: 4.375% auto 0;
  width: 665px;
  max-width: 100%;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link h4 {
  font-size: 1rem;
  line-height: 1.375em;
  letter-spacing: 0.1em;
  color: #300607;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.7593984962%;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link ul li {
  width: 43.1578947368%;
  margin-bottom: 12px;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link ul li a {
  display: block;
  position: relative;
  font-size: 0.8125rem;
  letter-spacing: 0.1em;
  line-height: 1.5384615385em;
  border-bottom: 1px solid #231815;
  padding-bottom: 3px;
  display: flex;
  justify-content: space-between;
  transition: opacity 0.2s;
}

body .work-page .rec-common-wrap .work-content2 section .staff-link ul li a:after {
  content: '＞';
}

body .work-page .rec-common-wrap .work-content2 section .staff-link ul li a:hover {
  opacity: 0.6;
}

body .interview-page {
  background: #f5f0ed;
}

body .interview-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .interview-page .rec-common-wrap .inner-nav {
  width: 620px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}

body .interview-page .rec-common-wrap .inner-nav li {
  width: 42.7419354839%;
  margin-top: 3.7777777778vh;
}

body .interview-page .rec-common-wrap .inner-nav li .nav-content {
  display: block;
}

body .interview-page .rec-common-wrap .inner-nav li .nav-content img {
  width: 100%;
  height: auto;
}

body .interview-page .rec-common-wrap .inner-nav li a {
  transition: opacity 0.2s linear;
}

body .interview-page .rec-common-wrap .inner-nav li a:hover {
  opacity: 0.7;
}

body .interview-page .rec-common-wrap .work-content .big-image {
  text-align: center;
  margin-top: 8.8888888889vh;
}

body .interview-page .rec-common-wrap .work-content .big-image img {
  max-width: 100%;
  height: auto;
}

body .interview-page .rec-common-wrap .work-content>section {
  width: 850px;
  max-width: 90%;
  margin: 7.7777777778vh auto 0;
}

body .interview-page .rec-common-wrap .work-content>section .in-title {
  padding: 1vh 0 1vh 1em;
  font-size: 1.5625rem;
  position: relative;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .interview-page .rec-common-wrap .work-content>section .in-title:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 0;
  height: 100%;
  width: 7px;
}

body .interview-page .rec-common-wrap .work-content>section .in-title.color-pink:after {
  background: #dc7a88;
}

body .interview-page .rec-common-wrap .work-content>section .in-title.color-blue:after {
  background: #83bee8;
}

body .interview-page .rec-common-wrap .work-content>section .in-title.color-yellow:after {
  background: #e95513;
}

body .interview-page .rec-common-wrap .work-content>section .in-title.color-red:after {
  background: #d60050;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box {
  margin-top: 2.8888888889vh;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box img {
  max-width: 48%;
  height: auto;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box .text {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 2.0588235294em;
  letter-spacing: 0.05em;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box .normal-text {
  font-size: 1.0625rem;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 2.0588235294em;
  letter-spacing: 0.05em;
  margin-top: 2.7777777778vh;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box.left-image img {
  float: left;
  padding-right: 2%;
  padding-bottom: 0.5em;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box.right-image img {
  float: right;
  padding-left: 2%;
  padding-bottom: 0.5em;
}

body .interview-page .rec-common-wrap .work-content>section .inner-box:after {
  content: '';
  display: block;
  clear: both;
}

body .interview-page .rec-common-wrap .work-content>section .double-image {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-top: 2.8888888889vh;
}

body .interview-page .rec-common-wrap .work-content>section .double-image img {
  width: 48%;
  height: auto;
}

body .new-grad-page {
  background: #f5f0ed;
}

body .new-grad-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .new-grad-page .rec-common-wrap .inner-nav {
  width: 480px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .new-grad-page .rec-common-wrap .inner-nav li {
  width: 32.2916666667%;
}

body .new-grad-page .rec-common-wrap .inner-nav li a,
body .new-grad-page .rec-common-wrap .inner-nav li span {
  display: block;
  position: relative;
}

body .new-grad-page .rec-common-wrap .inner-nav li a img,
body .new-grad-page .rec-common-wrap .inner-nav li span img {
  width: 100%;
  height: auto;
  display: block;
}

body .new-grad-page .rec-common-wrap .inner-nav li a img:nth-of-type(2),
body .new-grad-page .rec-common-wrap .inner-nav li span img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .new-grad-page .rec-common-wrap .inner-nav li a:hover img:nth-of-type(2),
body .new-grad-page .rec-common-wrap .inner-nav li span:hover img:nth-of-type(2) {
  opacity: 1;
}

body .new-grad-page .rec-common-wrap .new-grad-content .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list {
  width: 600px;
  max-width: 90%;
  margin: 6.6666666667vh auto 0;
  border-top: 1px #bbb solid;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl {
  display: flex;
  border-bottom: 1px #bbb solid;
  padding: 3vh 0;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dt {
  flex-shrink: 0;
  padding-left: 1.8333333333%;
  font-weight: bold;
  font-size: 0.875rem;
  width: 115px;
  margin-right: 7.5%;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dd {
  padding-right: 1.8333333333%;
  font-size: 0.9375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dd .mini-text {
  font-size: 0.8125rem;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dd .center {
  text-align: center;
}

body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dd .right {
  text-align: right;
}

body .new-grad-page .rec-common-wrap .new-grad-content .form-link {
  padding: 7.2222222222vh 0;
  width: 600px;
  margin: 0 auto;
  max-width: 90%;
  border-bottom: 1px solid #bbb;
}

body .new-grad-page .rec-common-wrap .new-grad-content .form-link a {
  display: block;
  position: relative;
  width: 100%;
}

body .new-grad-page .rec-common-wrap .new-grad-content .form-link a img {
  display: block;
  width: 100%;
  height: auto;
}

body .new-grad-page .rec-common-wrap .new-grad-content .form-link a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .new-grad-page .rec-common-wrap .new-grad-content .form-link a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .new-grad-flow-page {
  background: #f5f0ed;
}

body .new-grad-flow-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav {
  width: 480px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav li {
  width: 32.2916666667%;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav li a,
body .new-grad-flow-page .rec-common-wrap .inner-nav li span {
  display: block;
  position: relative;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav li a img,
body .new-grad-flow-page .rec-common-wrap .inner-nav li span img {
  width: 100%;
  height: auto;
  display: block;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav li a img:nth-of-type(2),
body .new-grad-flow-page .rec-common-wrap .inner-nav li span img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .new-grad-flow-page .rec-common-wrap .inner-nav li a:hover img:nth-of-type(2),
body .new-grad-flow-page .rec-common-wrap .inner-nav li span:hover img:nth-of-type(2) {
  opacity: 1;
}

body .new-grad-flow-page .rec-common-wrap .new-grad-flow-content .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .new-grad-flow-page .rec-common-wrap .new-grad-flow-content .flow-image {
  text-align: center;
  width: 542px;
  max-width: 90%;
  margin: 10vh auto 0;
}

body .new-grad-flow-page .rec-common-wrap .new-grad-flow-content .flow-image img {
  width: 100%;
  height: auto;
}

body .qanda-page {
  background: #f5f0ed;
}

body .qanda-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .qanda-page .rec-common-wrap .inner-nav {
  width: 480px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .qanda-page .rec-common-wrap .inner-nav li {
  width: 32.2916666667%;
}

body .qanda-page .rec-common-wrap .inner-nav li a,
body .qanda-page .rec-common-wrap .inner-nav li span {
  display: block;
  position: relative;
}

body .qanda-page .rec-common-wrap .inner-nav li a img,
body .qanda-page .rec-common-wrap .inner-nav li span img {
  width: 100%;
  height: auto;
  display: block;
}

body .qanda-page .rec-common-wrap .inner-nav li a img:nth-of-type(2),
body .qanda-page .rec-common-wrap .inner-nav li span img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .qanda-page .rec-common-wrap .inner-nav li a:hover img:nth-of-type(2),
body .qanda-page .rec-common-wrap .inner-nav li span:hover img:nth-of-type(2) {
  opacity: 1;
}

body .qanda-page .rec-common-wrap .qanda-content .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box {
  width: 740px;
  max-width: 90%;
  margin: 7vh auto 0;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl {
  margin-top: 5vh;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dt img {
  width: 100%;
  height: auto;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd {
  margin-top: 2.2222222222vh;
  display: flex;
  padding-left: 13.5135135135%;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd .icon {
  flex-shrink: 0;
  width: 43px;
  max-width: 12%;
  margin-right: 3.125%;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd .icon img {
  width: 100%;
  height: auto;
}

body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd .text {
  padding-right: 0.5em;
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .carrer-page {
  background: #f5f0ed;
}

body .carrer-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .carrer-page .rec-common-wrap .first-text {
  text-align: center;
  font-size: 1rem;
  width: 90%;
  margin: 2.4444444444vh auto 0;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .carrer-page .rec-common-wrap .carrer-content>section .carrer-title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  font-size: 2.75rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 6.1111111111vh;
  font-weight: 500;
}

body .carrer-page .rec-common-wrap .carrer-content .flow {
  width: 600px;
  margin: 6.6666666667vh auto 0;
  max-width: 90%;
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding-bottom: 5.2222222222vh;
}

body .carrer-page .rec-common-wrap .carrer-content .flow .flow-image {
  margin-top: 3.8888888889vh;
}

body .carrer-page .rec-common-wrap .carrer-content .flow .flow-image img {
  width: 100%;
  height: auto;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data {
  margin: 5vh auto 0;
  width: 620px;
  max-width: 90%;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data h4 {
  font-size: 1.5rem;
  line-height: 1.5em;
  background: #dcd3b2;
  letter-spacing: 0.05em;
  padding: 0.8vh 2.2222222222vh;
  box-sizing: border-box;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box {
  padding: 1.7777777778vh 6.1290322581% 0;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl {
  display: flex;
  font-size: 0.875rem;
  line-height: 1.5em;
  margin-top: 3px;
  letter-spacing: 0.05em;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dt {
  flex-shrink: 0;
  width: 90px;
  margin-right: 5.5147058824%;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dd {
  text-align: justify;
  text-justify: inter-ideograph;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dd a {
  text-decoration: underline;
  color: #666;
}

body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dd a:hover {
  color: #999;
}

body .carrer-page .rec-common-wrap .carrer-content .form-link {
  padding: 7.2222222222vh 0;
  width: 600px;
  margin: 0 auto;
  max-width: 90%;
  border-bottom: 1px solid #bbb;
}

body .carrer-page .rec-common-wrap .carrer-content .form-link a {
  display: block;
  position: relative;
  width: 100%;
}

body .carrer-page .rec-common-wrap .carrer-content .form-link a img {
  display: block;
  width: 100%;
  height: auto;
}

body .carrer-page .rec-common-wrap .carrer-content .form-link a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .carrer-page .rec-common-wrap .carrer-content .form-link a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .entry-page {
  background: #f5f0ed;
}

body .entry-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .entry-page .rec-common-wrap .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .entry-page .rec-common-wrap .first-text {
  max-width: 90%;
  margin: 3.3333333333vh auto 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .entry-page .rec-common-wrap .entry-content {
  width: 625px;
  max-width: 90%;
  margin: 6.1111111111vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .entry-page .rec-common-wrap .entry-content li {
  width: 47.68%;
}

body .entry-page .rec-common-wrap .entry-content li a {
  display: block;
  position: relative;
}

body .entry-page .rec-common-wrap .entry-content li a img {
  width: 100%;
  height: auto;
}

body .entry-page .rec-common-wrap .entry-content li a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.1s linear;
}

body .entry-page .rec-common-wrap .entry-content li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .carrer-entry-page {
  background: #f5f0ed;
}

body .carrer-entry-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .carrer-entry-page .rec-common-wrap .first-text {
  text-align: center;
  font-size: 1rem;
  width: 90%;
  margin: 2.4444444444vh auto 0;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .carrer-entry-page .rec-common-wrap .carrer-content>section .carrer-title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  text-align: center;
  font-size: 2.75rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 6.1111111111vh;
  font-weight: 500;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data {
  margin: 5vh auto 0;
  width: 620px;
  max-width: 90%;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data h4 {
  font-size: 1.5rem;
  line-height: 1.5em;
  background: #dcd3b2;
  letter-spacing: 0.05em;
  padding: 0.8vh 2.2222222222vh;
  box-sizing: border-box;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box {
  padding: 1.7777777778vh 6.1290322581% 0;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .text {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .text a {
  text-decoration: underline;
  color: #666;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .text a:hover {
  color: #999;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .normal-text {
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  margin-top: 3.3333333333vh;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .yoko-list {
  display: flex;
  justify-content: flex-start;
  margin-top: 1.7777777778vh;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .yoko-list ul {
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .yoko-list ul li {
  margin-top: 0.8888888889vh;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .privacy-policy {
  border: 3px solid #c0c0c0;
  width: 600px;
  max-width: 90%;
  margin: 8.8888888889vh auto 0;
  padding: 2.2222222222vh 0.5em;
  box-sizing: border-box;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .privacy-policy .title {
  text-align: center;
  font-size: 1.125rem;
  font-weight: bold;
}

body .carrer-entry-page .rec-common-wrap .carrer-content .privacy-policy .text {
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  margin-top: 2.7777777778vh;
}

body .new-grad-entry-page {
  background: #f5f0ed;
}

body .new-grad-entry-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  margin-top: 8.3333333333vh;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .first-text {
  width: 90%;
  margin: 4.4444444444vh auto 0;
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  text-align: center;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .first-text .br2 {
  display: block;
  height: 1.5em;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .first-text .big-text {
  font-weight: bold;
  font-size: 1.125rem;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .first-text a {
  color: darkorange;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box {
  width: 640px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .description {
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .description .big-text {
  font-size: 1.0625rem;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .flow .flow-image {
  margin-top: 2.3333333333vh;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .flow .privacy-policy {
  background: #f5deb3;
  margin: 2.7777777778vh auto 0;
  width: 572px;
  max-width: 88%;
  padding: 1.7777777778vh 0.5em;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .flow .privacy-policy h4 {
  text-align: center;
  font-weight: normal;
  font-size: 0.8125rem;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .flow .privacy-policy .text {
  font-size: 0.8125rem;
  text-align: center;
  line-height: 1.4em;
  letter-spacing: 0.05em;
}

body .new-grad-entry-page .rec-common-wrap .new-grad-content .flow-box .flow .privacy-policy .text .br2 {
  display: block;
  height: 1.5em;
}

body .briefing-page {
  background: #f5f0ed;
}

body .briefing-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .briefing-page .rec-common-wrap .top-logo {
  text-align: center;
  margin-top: 8.3333333333vh;
}

body .briefing-page .rec-common-wrap .top-logo img {
  max-width: 30%;
  height: auto;
}

body .briefing-page .rec-common-wrap .super-big {
  text-align: center;
  color: #006835;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .briefing-page .rec-common-wrap .first-text {
  max-width: 90%;
  margin: 3.3333333333vh auto 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}

body .briefing-page .rec-common-wrap .briefing-content {
  width: 800px;
  max-width: 90%;
  margin: 6.1111111111vh auto 0;
}

body .briefing-page .rec-common-wrap .briefing-content table {
  width: 100%;
}

body .briefing-page .rec-common-wrap .briefing-content table thead tr th {
  text-align: center;
  font-size: 0.875rem;
  background: #faf0e6;
  color: #8b4513;
  vertical-align: middle;
  border-collapse: collapse;
  border: 1px solid #696969;
}

body .briefing-page .rec-common-wrap .briefing-content table tbody tr td {
  font-size: 0.8125rem;
  vertical-align: middle;
  border-collapse: collapse;
  border: 1px solid #696969;
  vertical-align: middle;
  padding: 10px;
  background: #f9f9f7;
  line-height: 1.5em;
}

body .briefing-page .rec-common-wrap .briefing-content table tbody tr.solo td {
  background: #ffffa8;
}

body .hanare-page {
  background: #f5f0ed;
}

body .hanare-page .rec-common-wrap {
  padding-top: 6.2222222222vh;
}

body .hanare-page .rec-common-wrap .etc-title {
  text-align: center;
  color: #008db7;
  font-size: 2.5rem;
  letter-spacing: 0.05em;
  line-height: 0.9em;
  font-weight: normal;
}

body .hanare-page .rec-common-wrap .etc-title .mincho {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  display: inline-block;
}

body .hanare-page .rec-common-wrap .etc-title .mini-title {
  font-size: 1rem;
  display: inline-block;
}

body .hanare-page .rec-common-wrap .first-text {
  max-width: 90%;
  margin: 3.3333333333vh auto 0;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .hanare-page .rec-common-wrap .hanare-content {
  margin-top: 7.7777777778vh;
}

body .hanare-page .rec-common-wrap .hanare-content .super-big {
  text-align: center;
  color: #127595;
  font-size: 3.4375rem;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}

body .hanare-page .rec-common-wrap .hanare-content .boshu-box {
  margin: 7.7777777778vh auto 0;
  width: 600px;
  max-width: 90%;
  border-top: 1px solid #bbb;
}

body .hanare-page .rec-common-wrap .hanare-content .boshu-box dl {
  display: flex;
  padding: 3.8888888889vh 3.3333333333%;
  line-height: 1.5em;
  border-bottom: 1px solid #bbb;
  font-size: 1.0625rem;
}

body .hanare-page .rec-common-wrap .hanare-content .boshu-box dl dt {
  flex-shrink: 0;
  font-weight: bold;
  width: 80px;
  text-align: justify;
  text-justify: inter-ideograph;
  height: 1.5em;
  margin-right: 14.2857142857%;
}

body .hanare-page .rec-common-wrap .hanare-content .boshu-box dl dt:after {
  content: '';
  width: 100%;
  display: inline-block;
}

body .hanare-page .rec-common-wrap .hanare-content .how-oubo {
  margin-top: 10vh;
}

body .hanare-page .rec-common-wrap .hanare-content .how-oubo .oubosuru a {
  display: block;
  width: 430px;
  max-width: 70%;
  margin: 5.5555555556vh auto 0;
  position: relative;
}

body .hanare-page .rec-common-wrap .hanare-content .how-oubo .oubosuru a img {
  width: 100%;
  height: auto;
  display: block;
}

body .hanare-page .rec-common-wrap .hanare-content .how-oubo .oubosuru a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: 0.1s linear;
}

body .hanare-page .rec-common-wrap .hanare-content .how-oubo .oubosuru a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .hanare-page .rec-common-wrap .hanare-content .contact-window {
  margin-top: 8.8888888889vh;
}

body .hanare-page .rec-common-wrap .hanare-content .contact-window .sub-title {
  text-align: center;
  font-size: 1.5rem;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

body .hanare-page .rec-common-wrap .hanare-content .contact-window .info {
  margin-top: 3.8888888889vh;
  text-align: center;
  font-weight: bold;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 2rem;
  line-height: 1.3em;
}

body .hanare-page .rec-common-wrap .hanare-content .contact-window .mini-text {
  font-size: 1.125rem;
  text-align: center;
  line-height: 1.3em;
}

body .new-interview-page {
  background: #f5f0ed;
}

body .new-interview-page .main-image img {
  width: 100%;
  height: auto;
  display: block;
}

body .new-interview-page .interview-nav {
  width: 86.5957446809%;
  margin: 0 auto;
  padding-top: 11.170212766%;
}

body .new-interview-page .interview-nav .interview-nav-item {
  position: relative;
}

body .new-interview-page .interview-nav .interview-nav-item .big-category {
  text-align: center;
  width: 48.2800982801%;
  height: 76px;
  line-height: 76px;
  font-size: 1.1875rem;
  color: #006934;
  background: #fff;
  letter-spacing: 0.1em;
  transition: all 0.2s;
}

body .new-interview-page .interview-nav .interview-nav-item .big-category:hover {
  cursor: pointer;
  opacity: 0.6;
}

body .new-interview-page .interview-nav .interview-nav-item.current .big-category {
  color: #fff;
  background: #006934;
}

body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(1) {
  z-index: 2;
  width: 48.2800982801%;
}

body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(1) .big-category {
  margin-bottom: -76px;
  width: 100%;
}

body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(2) {
  padding-bottom: 1px;
  z-index: 1;
}

body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(2) .big-category {
  margin-left: auto;
  margin-bottom: 15px;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  width: 100%;
  background: #006934;
  color: #fff;
  overflow: hidden;
  height: 0;
  transition: height 0.2s;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content>* {
  width: 674px;
  max-width: 85%;
  margin: 0 auto;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content>p {
  font-size: 1.125rem;
  letter-spacing: 0.1em;
  padding-top: 6.1425061425%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3.0712530713%;
  padding-bottom: 6.1425061425%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li {
  font-size: 1rem;
  margin-bottom: 1.2285012285%;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  transition: all 0.2s;
  padding: 6px 0;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t1 {
  width: 16%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t2 {
  width: 29%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t3 {
  width: 17%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t4 {
  width: 24%;
}

body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.inv:hover {
  cursor: pointer;
  opacity: 0.6;
}

body .new-interview-page .interview-list-box {
  margin: 5.3191489362% auto 0;
  width: 86.5957446809%;
  position: relative;
  z-index: 0;
}

body .new-interview-page .interview-list-box .interview-main-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.5s;
  opacity: 0;
  z-index: 0;
}

body .new-interview-page .interview-list-box .interview-main-content .title {
  text-align: center;
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  min-height: 1.4em;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 5.3191489362%;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li {
  width: 23.0958230958%;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a {
  display: block;
  transition: all 0.2s;
  margin-bottom: 15.9574468085%;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a figure .image:after {
  content: '';
  display: block;
  padding-top: 124.4680851064%;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a figure figcaption {
  background: #fff;
  display: block;
  margin: -29.7872340426% auto 0;
  width: 90.4255319149%;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  padding: 5.8510638298% 7.9787234043%;
  box-sizing: border-box;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a figure figcaption .nyusha,
body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a figure figcaption .busho {
  font-size: 0.8125rem;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a figure figcaption .name {
  color: #006934;
  font-size: 0.875rem;
  margin-top: 4px;
}

body .new-interview-page .interview-list-box .interview-main-content .senpai-list li a:hover {
  opacity: 0.6;
}

body .new-interview-page .interview-list-box .interview-main-content .no-item {
  text-align: center;
  margin: 5.3191489362% 0;
  font-size: 1.125rem;
  left: 0.1em;
}

body .new-interview-page .interview-list-box .interview-main-content.view {
  position: relative;
  transition: opacity 0.5s 0.5s;
  opacity: 1;
  z-index: 1;
}

body .senpai-single-page {
  position: relative;
  background: #f5f0ed;
  margin-bottom: -4.4666666667vh;
}

body .senpai-single-page .main-image-box {
  position: relative;
  background: #f9f9f7;
}

body .senpai-single-page .main-image-box .main-image {
  padding-top: 1017px;
}

@media (max-width: 1781px) {
  body .senpai-single-page .main-image-box .main-image {
    padding-top: 57.1027512633%;
  }
}

body .senpai-single-page .main-image-box .smooth-scroll {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translate(-50%, 0);
  padding: 6px;
}

body .senpai-single-page .main-image-box .smooth-scroll:hover {
  cursor: pointer;
}

body .senpai-single-page .main-image-box .main-catch {
  position: absolute;
  font-size: 1.6875rem;
  letter-spacing: 0.14em;
  line-height: 1.4702777778em;
  font-weight: bold;
}

body .senpai-single-page .main-image-box .main-info {
  position: absolute;
  bottom: 13.6676499508%;
}

body .senpai-single-page .main-image-box .main-info.right {
  right: 16%;
}

body .senpai-single-page .main-image-box .main-info.left {
  left: 16%;
}

body .senpai-single-page .main-image-box .main-info .main-category {
  background: #006934;
  color: #fff;
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  font-weight: bold;
  padding: 6px 10px;
  display: inline-block;
}

body .senpai-single-page .main-image-box .main-info .nyusha {
  letter-spacing: 0.1em;
  font-size: 0.9375rem;
  margin-top: 16px;
  font-weight: bold;
}

body .senpai-single-page .main-image-box .main-info .name {
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-top: 6px;
}

body .senpai-single-page .main-image-box .main-info .name .en {
  font-size: 0.875rem;
  display: inline-block;
  padding-left: 7px;
}

body .senpai-single-page .rec-common-wrap {
  padding-top: 1px;
}

body .senpai-single-page .naiyo-box {
  margin-top: 18.6666666667%;
}

body .senpai-single-page .naiyo-box .naiyo-content .image {
  margin: 0 auto;
}

body .senpai-single-page .naiyo-box .naiyo-content .image img {
  display: block;
  width: 100%;
  height: auto;
}

body .senpai-single-page .naiyo-box .naiyo-content .image.r-image1 {
  width: 100%;
}

body .senpai-single-page .naiyo-box .naiyo-content .image.r-image2 {
  width: 70.1063829787%;
}

body .senpai-single-page .naiyo-box .naiyo-content .image.margin {
  padding-bottom: 7.4468085106%;
}

body .senpai-single-page .naiyo-box .naiyo-content .text {
  width: 70.1063829787%;
  margin: 0 auto;
  padding: 7.4468085106% 0;
}

body .senpai-single-page .naiyo-box .naiyo-content .text dt {
  font-size: 1.1875rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .senpai-single-page .naiyo-box .naiyo-content .text dt .q {
  color: #006934;
}

body .senpai-single-page .naiyo-box .naiyo-content .text dd {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.6em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-top: 1em;
}

body .senpai-single-page .schedule-box {
  padding-bottom: 1px;
}

body .senpai-single-page .schedule-box section {
  border: 3px solid #006934;
  width: 70.3191489362%;
  margin: 6.6666666667% auto;
}

body .senpai-single-page .schedule-box section h4 {
  text-align: center;
  font-weight: bold;
  font-size: 1.25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10.2874432678%;
}

body .senpai-single-page .schedule-box section h4 img {
  margin-right: 5px;
}

body .senpai-single-page .schedule-box section .time-list {
  width: 400px;
  max-width: 85%;
  margin: 4.7619047619% auto 6.6666666667%;
}

body .senpai-single-page .schedule-box section .time-list dl {
  display: flex;
  margin-bottom: 14px;
}

body .senpai-single-page .schedule-box section .time-list dl dt {
  flex-shrink: 0;
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  color: #006934;
  white-space: nowrap;
  width: 52px;
  margin-right: 6.6666666667%;
  line-height: 1.5em;
}

body .senpai-single-page .schedule-box section .time-list dl dd {
  line-height: 1.5em;
}

body .senpai-single-page .off-box {
  display: flex;
  background: #bea78b;
}

body .senpai-single-page .off-box .off-image {
  width: 50%;
}

body .senpai-single-page .off-box .off-image:after {
  content: '';
  display: block;
  padding-top: 77.0212765957%;
}

body .senpai-single-page .off-box section {
  width: 50%;
  color: #fff;
  box-sizing: border-box;
  padding: 10.6382978723% 7.2340425532%;
}

body .senpai-single-page .off-box section h4 {
  font-weight: bold;
  font-size: 1.25rem;
  letter-spacing: 0.1em;
}

body .senpai-single-page .off-box section .text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1rem;
  margin-top: 1em;
  line-height: 1.6em;
}

body .recruit-system-page {
  background: #f5f0ed;
}

body .recruit-system-page h2 {
  text-align: center;
  padding-top: 175px;
}

body .recruit-system-page h2 img {
  max-width: 85%;
  height: auto;
}

@media (max-width: 1400px) {
  body .recruit-system-page h2 {
    margin-top: 12.5%;
  }
}

@media (max-width: 700px) {
  body .recruit-system-page h2 {
    margin-top: 0;
    padding-top: 150px;
  }
}

body .recruit-system-page .catch {
  width: 610px;
  text-align: center;
  margin: 35px auto 0;
  color: #40220f;
  line-height: 1.8em;
  letter-spacing: 0.1em;
  max-width: 85%;
}

body .recruit-system-page .catch:before {
  content: '';
  display: block;
  margin-top: 4.9180327869%;
}

body .recruit-system-page .block {
  width: 849px;
  max-width: 85%;
  margin: 16% auto 0;
  padding-bottom: 11.5789473684%;
  border-bottom: 3px dashed #c9caca;
}

body .recruit-system-page .block h3 {
  text-align: center;
  font-weight: bold;
  font-size: 2.125rem;
  letter-spacing: 0.07em;
  margin-bottom: 35px;
}

body .recruit-system-page .block h3 img {
  margin-bottom: 15px;
}

body .recruit-system-page .block .text {
  line-height: 1.8em;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 1em auto;
  width: 610px;
  max-width: 100%;
}

body .recruit-system-page .block .text.indent {
  text-indent: -1.1em;
  padding-left: 1.1em;
}

body .recruit-system-page .block .image {
  width: 610px;
  max-width: 100%;
  margin: 1em auto;
}

body .recruit-system-page .block .image img {
  width: 100%;
  height: auto;
}

body .recruit-system-page .rec-common-wrap {
  padding-top: 1px;
}

body .project-page {
  background: #f5f0ed;
}

body .project-page .main-title {
  text-align: center;
  padding-top: 19.1489361702%;
}

body .project-page .main-title img {
  max-width: 80%;
  height: auto;
}

body .project-page .texts {
  width: 728px;
  max-width: 85%;
  margin: 7.6595744681% auto 0;
}

body .project-page .texts dt {
  text-align: center;
  font-size: 1.3125rem;
  line-height: 1.5em;
}

body .project-page .texts dd {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  margin-top: 1.2em;
}

body .project-page .project-list {
  width: 728px;
  max-width: 100%;
  margin: 11.7021276596% auto 0;
}

body .project-page .project-list li {
  margin-bottom: 4.2553191489%;
}

body .project-page .project-list li a {
  display: block;
  position: relative;
}

body .project-page .project-list li a img {
  width: 100%;
  display: block;
  transition: all 0.2s;
}

body .project-page .project-list li a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

body .project-page .project-list li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .project-burder-page {
  background: #f5f0ed;
}

body .project-burder-page .main-image img {
  width: 100%;
  height: auto;
}

body .project-burder-page h3 {
  text-align: center;
  margin-top: 18.0952380952%;
}

body .project-burder-page h3 img {
  max-width: 62.4%;
  height: auto;
}

body .project-burder-page .catch {
  text-align: center;
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
  width: 728px;
  max-width: 85%;
  margin: 7.6595744681% auto 0;
}

body .project-burder-page .text {
  text-align: center;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 1.2em auto 0;
  max-width: 85%;
}

body .project-burder-page .member-box {
  width: 650px;
  max-width: 73.8666666667%;
  margin: 12.7659574468% auto 0;
  box-sizing: border-box;
  border: 5px solid #b28247;
  background: #fff;
}

body .project-burder-page .member-box>* {
  width: 512px;
  max-width: 85%;
  margin: 0 auto;
}

body .project-burder-page .member-box .names {
  color: #b28247;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  margin-top: 9.6308186196%;
}

body .project-burder-page .member-box .names .title {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.9375rem;
}

body .project-burder-page .member-box .names .name {
  display: inline-block;
  white-space: nowrap;
  font-size: 1.3125rem;
  margin: 0 6px;
}

body .project-burder-page .member-box .names .info {
  display: inline-block;
  white-space: nowrap;
  font-size: 0.875rem;
}

body .project-burder-page .member-box .bottom-box {
  margin-bottom: 7.2231139647%;
  display: flex;
  justify-content: space-between;
  margin-top: 3.2102728732%;
}

body .project-burder-page .member-box .bottom-box .image {
  width: 21.0309278351%;
}

body .project-burder-page .member-box .bottom-box .image img {
  width: 100%;
  height: auto;
}

body .project-burder-page .member-box .bottom-box .inner-text {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875rem;
  line-height: 1.8em;
  letter-spacing: 0.05em;
  width: 72.5773195876%;
}

body .project-burder-page .image-text-box {
  margin-top: 13.4285714286%;
}

body .project-burder-page .image-text-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

body .project-burder-page .image-text-box .image img:nth-of-type(2) {
  display: none;
}

body .project-burder-page .image-text-box .image.mini {
  width: 670px;
  margin: 0 auto;
  max-width: 85%;
}

body .project-burder-page .image-text-box dl {
  width: 670px;
  margin: 10.9523809524% auto 0;
  max-width: 85%;
  text-align: center;
}

body .project-burder-page .image-text-box dl dt {
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

body .project-burder-page .image-text-box dl dd {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 1.2em auto 0;
}

body .project-burder-page .rego-box {
  margin-top: 13.4285714286%;
}

body .project-burder-page .rego-box .double-image {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

body .project-burder-page .rego-box .double-image img {
  display: block;
  height: auto;
}

body .project-burder-page .rego-box .double-image img:nth-of-type(1) {
  width: 54.7872340426%;
}

body .project-burder-page .rego-box .double-image img:nth-of-type(2) {
  width: 44.0425531915%;
}

body .project-burder-page .rego-box .right-image {
  margin-top: 9px;
}

body .project-burder-page .rego-box .right-image img {
  display: block;
  margin-left: auto;
  width: 71.2765957447%;
}

body .project-burder-page .rego-box dl {
  width: 670px;
  margin: 10.9523809524% auto 0;
  max-width: 85%;
  text-align: center;
}

body .project-burder-page .rego-box dl dt {
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

body .project-burder-page .rego-box dl dd {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 1.2em auto 0;
}

body .project-burder-page .rego-box2 {
  margin-top: 13.4285714286%;
}

body .project-burder-page .rego-box2 .f-image {
  margin-left: auto;
  width: 42.1276595745%;
  margin-left: auto;
  margin-right: 11.914893617%;
}

body .project-burder-page .rego-box2 .f-image img {
  display: block;
  width: 100%;
  height: auto;
}

body .project-burder-page .rego-box2 .double-box {
  display: flex;
  justify-content: space-between;
  margin: -4px 0 -4px;
  width: 88.085106383%;
}

body .project-burder-page .rego-box2 .double-box .image {
  width: 46.6183574879%;
}

body .project-burder-page .rego-box2 .double-box .image img {
  width: 100%;
  height: auto;
  display: block;
}

body .project-burder-page .rego-box2 .double-box dl {
  width: 47.8260869565%;
  margin-top: 6.7%;
  margin-bottom: 1.5em;
}

body .project-burder-page .rego-box2 .double-box dl dt {
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

body .project-burder-page .rego-box2 .double-box dl dd {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 1.2em auto 0;
  text-align: justify;
  text-justify: inter-ideograph;
}

body .project-burder-page .rego-box2 .mini-right {
  margin-left: auto;
  margin-right: 24.4680851064%;
  width: 29.5744680851%;
}

body .project-burder-page .rego-box2 .mini-right img {
  width: 100%;
  height: auto;
  display: block;
}

body .project-burder-page .text-image-box {
  margin-top: 13.4285714286%;
}

body .project-burder-page .text-image-box .image {
  margin: 10.9523809524% auto 0;
}

body .project-burder-page .text-image-box .image img {
  display: block;
  width: 100%;
  height: auto;
}

body .project-burder-page .text-image-box .image img:nth-of-type(2) {
  display: none;
}

body .project-burder-page .text-image-box .image.mini {
  width: 670px;
  margin: 0 auto;
  max-width: 85%;
}

body .project-burder-page .text-image-box dl {
  width: 670px;
  margin: 0 auto;
  max-width: 85%;
  text-align: center;
}

body .project-burder-page .text-image-box dl dt {
  font-size: 1.3125rem;
  letter-spacing: 0.1em;
  line-height: 1.5em;
}

body .project-burder-page .text-image-box dl dd {
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 1.8em;
  margin: 1.2em auto 0;
}

body .project-burder-page .green-box {
  width: 66.2765957447%;
  background: #fff;
  margin: 8.1904761905% auto 0;
}

body .project-burder-page .green-box section {
  border: 5px solid #006934;
}

body .project-burder-page .green-box section:nth-of-type(2) {
  border-top: none;
}

body .project-burder-page .green-box section h4 {
  text-align: center;
  font-size: 1.125rem;
  color: #006934;
  line-height: 1.6em;
  width: 90%;
  margin: 0 auto;
  padding-top: 12.5611745514%;
}

body .project-burder-page .green-box section .line {
  width: 58px;
  height: 5px;
  background: #006934;
  margin: 6.5252854812% auto;
}

body .project-burder-page .green-box section dl {
  width: 460px;
  max-width: 85%;
  margin: 0 auto 10.603588907%;
}

body .project-burder-page .green-box section dl dt {
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.5454545455em;
  letter-spacing: 0.03em;
  color: #b28247;
}

body .project-burder-page .green-box section dl dd {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 1rem;
  letter-spacing: 0.1em;
  line-height: 2em;
  margin-top: 4.5676998369%;
}

body .project-burder-page .soug-box {
  width: 728px;
  max-width: 100%;
  margin: 11.7021276596% auto 0;
}

body .project-burder-page .soug-box h4 {
  font-size: 1.5625rem;
  letter-spacing: 0.2em;
  line-height: 2.12em;
  color: #006934;
  text-align: center;
  margin-bottom: 1em;
}

body .project-burder-page .soug-box .project-list li {
  margin-bottom: 4.2553191489%;
}

body .project-burder-page .soug-box .project-list li a {
  display: block;
  position: relative;
}

body .project-burder-page .soug-box .project-list li a img {
  width: 100%;
  display: block;
  transition: all 0.2s;
}

body .project-burder-page .soug-box .project-list li a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

body .project-burder-page .soug-box .project-list li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .rec-header {
  background: rgba(249, 249, 247, 0.9);
  width: 100%;
  margin: 0 auto;
  border-bottom: 1px solid #7d6c60;
  display: flex;
  justify-content: center;
  color: #7d6c60;
  top: 0;
  transition: top 0.2s linear;
  position: relative;
  flex-wrap: wrap;
}

body .rec-header li.nav {
  font-size: 1rem;
  letter-spacing: 0.05em;
  padding: 1.1111111111vh 0;
  white-space: nowrap;
}

body .rec-header li.aida {
  position: relative;
  padding: 0 35px;
}

body .rec-header li.aida:after {
  content: '';
  border-right: dotted 1px #7d6c60;
  display: block;
  width: 0;
  position: absolute;
  top: 10%;
  left: 0;
  height: 80%;
  margin: 0 35px;
}

@media (max-width: 1450px) {
  body .rec-header li.aida {
    padding: 0 2.0689655172vw;
  }

  body .rec-header li.aida:after {
    margin: 0 2.0689655172vw;
  }
}

@media (max-width: 1300px) {
  body .rec-header li.nav {
    font-size: 0.875rem;
  }
}

@media (max-width: 1150px) {
  body .rec-header {
    flex-wrap: wrap;
    border-bottom: none;
  }

  body .rec-header li {
    border-bottom: 1px solid #7d6c60;
  }
}

body .rec-header.fixed {
  position: fixed;
  width: 100%;
  left: 0;
  top: 63px;
  z-index: 800;
}

body .rec-common-wrap {
  width: 1050px;
  max-width: 100%;
  background: #f9f9f7;
  margin: 0 auto;
}

body .rec-common-wrap .big-link-box {
  display: flex;
  justify-content: space-between;
  width: 826px;
  max-width: 90%;
  margin: 7.4444444444vh auto 0;
}

body .rec-common-wrap .big-link-box li {
  width: 15.4963680387%;
}

body .rec-common-wrap .big-link-box li a {
  display: block;
  position: relative;
}

body .rec-common-wrap .big-link-box li a img {
  display: block;
  width: 100%;
  height: auto;
}

body .rec-common-wrap .big-link-box li a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .rec-common-wrap .big-link-box li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .rec-common-wrap .rec-link {
  width: 620px;
  max-width: 90%;
  margin: 2.2222222222vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .rec-common-wrap .rec-link li {
  width: 48.8709677419%;
}

body .rec-common-wrap .rec-link li a {
  display: block;
  position: relative;
}

body .rec-common-wrap .rec-link li a img {
  display: block;
  width: 100%;
  height: auto;
}

body .rec-common-wrap .rec-link li a img:nth-of-type(2) {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s linear;
  top: 0;
  left: 0;
}

body .rec-common-wrap .rec-link li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .rec-common-wrap .etc-link {
  width: 620px;
  max-width: 90%;
  margin: 3.6666666667vh auto 0;
  display: flex;
  justify-content: space-between;
}

body .rec-common-wrap .etc-link li {
  width: 32.4193548387%;
}

body .rec-common-wrap .etc-link li a {
  display: block;
  position: relative;
}

body .rec-common-wrap .etc-link li a img {
  display: block;
  width: 100%;
  height: auto;
}

body .rec-common-wrap .etc-link li a img:nth-of-type(2) {
  position: absolute;
  opacity: 0;
  transition: opacity 0.2s linear;
  top: 0;
  left: 0;
}

body .rec-common-wrap .etc-link li a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .rec-common-wrap .rec-top {
  text-align: center;
  margin-top: 3.8888888889vh;
  padding-bottom: 15.5555555556vh;
}

body .rec-common-wrap .rec-top a {
  display: inline-block;
  max-width: 60%;
  transition: opacity 0.2s linear;
}

body .rec-common-wrap .rec-top a img {
  max-width: 100%;
  height: auto;
}

body .rec-common-wrap .rec-top a:hover {
  opacity: 0.7;
}

body .rec-common-wrap .rec-tophe {
  position: fixed;
  z-index: 200;
  max-width: 15%;
  bottom: 12%;
  right: 6%;
  transition: all 0.2s;
  opacity: 0;
  transform: translate(0, -100%);
}

body .rec-common-wrap .rec-tophe img {
  max-width: 100%;
  height: auto;
}

body .rec-common-wrap .rec-tophe.on {
  transform: translate(0, 0);
  opacity: 1;
}

body .rec-common-wrap .rec-tophe.on:hover {
  cursor: pointer;
  opacity: 0.5;
}

body .rec-common-title {
  text-align: center;
  color: #40210f;
  font-size: 1.75rem;
}

body .rec-common-title-image {
  text-align: center;
}

body .rec-common-title-image img {
  max-width: 60%;
  height: auto;
}

body .c-more-works {
  text-align: center;
}

body .c-more-works a {
  display: inline-block;
  height: 55px;
  line-height: 55px;
  background: #40220f;
  color: #fff;
  position: relative;
  width: 348px;
  max-width: 90%;
  letter-spacing: 0.1em;
  margin-top: 6%;
  border-radius: 30px;
  transition: all 0.2s;
  box-sizing: content-box;
  border: 2px solid #40220f;
  white-space: nowrap;
}

body .c-more-works a>span {
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 18px;
  transform: translate(0, -50%);
}

body .c-more-works a:hover {
  background: #fff;
  color: #40220f;
}

body .c-staff-link a {
  display: block;
  width: 660px;
  max-width: 100%;
  margin: 6% auto 0;
  position: relative;
}

body .c-staff-link a img {
  width: auto;
  width: 100%;
  height: auto;
}

body .c-staff-link a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s;
}

body .c-staff-link a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .c-project-link a {
  display: block;
  width: 660px;
  max-width: 100%;
  margin: 2% auto 0;
  position: relative;
}

body .c-project-link a img {
  width: auto;
  width: 100%;
  height: auto;
}

body .c-project-link a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s;
}

body .c-project-link a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .access-page {
  color: #222;
}

body .access-page .access-wrap {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  background: #fafaf8;
  padding-top: 5.5555555556vh;
  padding-bottom: 5.5555555556vh;
}

body .access-page .access-wrap h2 {
  text-align: center;
}

body .access-page .access-wrap h2 img {
  max-width: 50%;
  height: auto;
}

body .access-page .access-wrap .main-info {
  margin: 7.7777777778vh auto 0;
  width: 740px;
  max-width: 90%;
}

body .access-page .access-wrap .main-info dl dt {
  margin: 5.5555555556vh 0 3.3333333333vh;
  color: #006935;
  font-size: 1.125rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}

body .access-page .access-wrap .main-info dl .time {
  font-size: 1.5rem;
  line-height: 1.8em;
  letter-spacing: 0.1em;
}

body .access-page .access-wrap .main-info dl dd p {
  font-size: 0.875rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  margin-top: 1vh;
}

body .access-page .access-wrap .map {
  width: 800px;
  max-width: 90%;
  margin: 12.7777777778vh auto 0;
}

body .access-page .access-wrap .map .map-image {
  margin-top: 4.8888888889vh;
  text-align: center;
}

body .access-page .access-wrap .map .map-image img {
  max-width: 90%;
  height: auto;
}

body .access-page .access-wrap .map .map-link {
  text-align: right;
  margin-top: 4.4444444444vh;
  line-height: 1.4em;
}

body .access-page .access-wrap .map .map-link a {
  display: inline-block;
  white-space: nowrap;
  vertical-align: middle;
  margin-left: 1.6666666667vh;
  color: #666;
}

body .access-page .access-wrap .map .map-link a img {
  margin-right: 6px;
}

body .access-page .access-wrap .map .map-link a:hover {
  opacity: 0.7;
}

body .access-page .access-wrap .text-info {
  display: flex;
  justify-content: space-between;
  width: 700px;
  max-width: 90%;
  margin: 8.8888888889vh auto 0;
}

body .access-page .access-wrap .text-info section {
  width: 46.4285714286%;
  border-bottom: 1px solid #006935;
  padding-bottom: 3.3333333333vh;
}

body .access-page .access-wrap .text-info section:nth-of-type(2) {
  border-bottom-color: #ebb40d;
}

body .access-page .access-wrap .text-info section .image-title img {
  width: 100%;
  height: auto;
}

body .access-page .access-wrap .text-info section .text-box {
  text-align: justify;
  text-justify: inter-ideograph;
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

body .access-page .access-wrap .text-info section .text-box .text {
  margin-top: 3.3333333333vh;
}

body .access-page .access-wrap .how-time {
  width: 800px;
  max-width: 90%;
  margin: 9.6666666667vh auto 0;
}

body .access-page .access-wrap .how-time .text {
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  margin-top: 4.4444444444vh;
}

body .access-page .access-wrap .how-time .time-image {
  text-align: center;
  margin-top: 3.3333333333vh;
}

body .access-page .access-wrap .how-time .time-image img {
  width: 95%;
  height: auto;
}

body .access-page .access-wrap .konan-root {
  width: 800px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
}

body .access-page .access-wrap .konan-root h3 img {
  max-width: 90%;
  height: auto;
}

body .access-page .access-wrap .konan-root dl {
  margin-top: 3.3333333333vh;
}

body .access-page .access-wrap .konan-root dl dt img {
  max-width: 50%;
  height: auto;
}

body .access-page .access-wrap .konan-root dl dd {
  width: 95%;
  margin: 0 auto;
}

body .access-page .access-wrap .konan-root dl dd .text {
  text-align: justify;
  text-justify: inter-ideograph;
  margin: 2.2222222222vh 0;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .access-page .access-wrap .konan-root dl dd .span-image {
  text-align: center;
}

body .access-page .access-wrap .contact-box {
  width: 930px;
  max-width: 95%;
  margin: 8.3333333333vh auto 0;
  box-sizing: border-box;
  padding: 3px;
  background-image: url(../image/access/line1.png), url(../image/access/line2.png), url(../image/access/line1.png), url(../image/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 .access-page .access-wrap .contact-box h3 {
  font-family: "Noto Serif JP", "游明朝", 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.2222222222vh;
}

body .access-page .access-wrap .contact-box .mini-title {
  text-align: center;
  margin-top: 1.6666666667vh;
  padding: 0 0.5em;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .access-page .access-wrap .contact-box .tel-box {
  background-image: url(../image/access/line1.png), url(../image/access/line1.png);
  background-position: left top, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
  padding: 2.2222222222vh 0.5em;
  margin: 1.8888888889vh 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}

body .access-page .access-wrap .contact-box .tel-box .tel-text {
  font-size: 0.9375rem;
  padding: 0.5em 0;
}

body .access-page .access-wrap .contact-box .tel-box .tel-image {
  max-width: 80%;
}

body .access-page .access-wrap .contact-box .tel-box .tel-image img {
  max-width: 100%;
  height: auto;
}

body .access-page .access-wrap .contact-box .contact-info {
  margin: 2.2222222222vh 0 2.7777777778vh;
}

body .access-page .access-wrap .contact-box .contact-info h4 {
  text-align: center;
  padding: 0 0.5em;
  font-size: 1.125rem;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box {
  display: flex;
  justify-content: space-around;
  margin-top: 3.3333333333vh;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box {
  width: 39.4736842105%;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box {
  width: 50.4385964912%;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box .info-text,
body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box .info-text {
  font-size: 0.875rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box .info-text .orange,
body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box .info-text .orange {
  color: #CD5640;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box .info-text a,
body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box .info-text a {
  color: #999;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box .info-text a:hover,
body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box .info-text a:hover {
  opacity: 0.7;
}

body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box .mini-info,
body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box .mini-info {
  font-size: 0.75rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 1.1111111111vh;
  margin-top: 3px;
}

body .access-page .access-wrap>section .line-title span {
  display: inline-block;
  font-size: 1.1875rem;
  line-height: 1.3em;
  color: #006935;
  padding: 0.7777777778vh 2.2222222222vh;
  border: 1px solid #006935;
  font-weight: normal;
}

body .contact-page {
  color: #222;
}

body .contact-page .contact-wrap {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  background: #fafaf8;
  padding-top: 5.5555555556vh;
  padding-bottom: 5.5555555556vh;
}

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.3333333333vh;
  padding: 0 1em;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .contact-page .contact-wrap form {
  width: 630px;
  max-width: 90%;
  margin: 4.4444444444vh auto 0;
}

body .contact-page .contact-wrap form dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.5vh;
}

body .contact-page .contact-wrap form dl dt {
  font-size: 1rem;
  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: 1rem;
  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;
  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.5555555556vh;
}

body .contact-page .contact-wrap form .info-area .orange-box {
  background-image: url(../image/contact/orange_yoko.png), url(../image/contact/orange_tate.png), url(../image/contact/orange_yoko.png), url(../image/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.0625rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body .contact-page .contact-wrap form .info-area .green-box {
  background-image: url(../image/contact/green_yoko.png), url(../image/contact/green_tate.png), url(../image/contact/green_yoko.png), url(../image/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: 0.9375rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body .contact-page .contact-wrap form .info-area .green-box ul {
  display: flex;
  justify-content: space-around;
  margin-top: 1vh;
  flex-wrap: wrap;
}

body .contact-page .contact-wrap form .info-area .green-box ul li {
  color: #3E5228;
  font-size: 1.125rem;
  font-weight: bold;
  margin-top: 1vh;
}

body .contact-page .contact-wrap form .info-area .black-box {
  background-image: url(../image/contact/black_yoko.png), url(../image/contact/black_tate.png), url(../image/contact/black_yoko.png), url(../image/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: 1.25rem;
  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;
  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-page .rule-common-wrap {
  width: 1050px;
  max-width: 100%;
  margin: 0 auto;
  background: #fafaf8;
  padding-top: 5.5555555556vh;
  padding-bottom: 5.5555555556vh;
}

body .rule-common-page .rule-common-wrap h2 {
  text-align: center;
  margin-top: 4vh;
}

body .rule-common-page .rule-common-wrap .rule-list {
  display: flex;
  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;
  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.4444444444vh auto 0;
  width: 600px;
  max-width: 90%;
}

body .rule-common-page .rule-common-wrap .text-wrap .big-title {
  margin-bottom: 3.3333333333vh;
  color: #956235;
  font-size: 1.25rem;
  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.3333333333vh auto 0;
  box-sizing: border-box;
  padding: 3px;
  background-image: url(../image/access/line1.png), url(../image/access/line2.png), url(../image/access/line1.png), url(../image/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 JP", "游明朝", 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.2222222222vh;
}

body .rule-common-page .rule-common-wrap .contact-box .mini-title {
  text-align: center;
  margin-top: 1.6666666667vh;
  padding: 0 0.5em;
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box {
  background-image: url(../image/access/line1.png), url(../image/access/line1.png);
  background-position: left top, left bottom;
  background-repeat: no-repeat, no-repeat;
  background-size: 100% auto, 100% auto;
  padding: 2.2222222222vh 0.5em;
  margin: 1.8888888889vh 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  align-items: center;
}

body .rule-common-page .rule-common-wrap .contact-box .tel-box .tel-text {
  font-size: 0.9375rem;
  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.2222222222vh 0 2.7777777778vh;
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info h4 {
  text-align: center;
  padding: 0 0.5em;
  font-size: 1.125rem;
  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: flex;
  justify-content: space-around;
  margin-top: 3.3333333333vh;
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .left-box {
  width: 39.4736842105%;
}

body .rule-common-page .rule-common-wrap .contact-box .contact-info .flex-box .right-box {
  width: 50.4385964912%;
}

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: 0.875rem;
  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: 0.75rem;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  text-align: justify;
  text-justify: inter-ideograph;
  margin-bottom: 1.1111111111vh;
  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.7777777778vh;
}

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.6666666667vh;
}

body .privacy-policy-page .privacy-policy-wrap .text-wrap section ul {
  margin-top: 2.2222222222vh;
}

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.4444444444vh;
}

body .businessdeal-page .businessdeal-wrap .text-wrap section .list-info dl {
  width: 390px;
  max-width: 100%;
  display: flex;
  justify-content: space-between;
  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.1111111111vh 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.4444444444vh 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;
  transform: translate(0, 10px);
  transition: all 0.9s;
}

body .fuwatto-wrap [class*='fuwatto'].on-fuwatto {
  opacity: 1;
  transform: translate(0, 0);
}

body .common-text {
  font-size: 0.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);  */
  height: 100vh;
}

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%;
  transform: translate(-50%, -50%);
  max-width: 30%;
  height: auto;
}

body .common-first-title {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", 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.0666666667vh;
  font-size: 1.275rem;
  color: #231815;
  line-height: 1.7294117647em;
}

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 {
  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 main#resort.meal section.meal-item>.content>.wrap .mini-text-title {
  text-align: center;
  margin-bottom: 0.5em;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  line-height: 1.4em;
}

body .notfound-page {
  margin-bottom: 12vh;
}

body .notfound-page .image {
  text-align: center;
  margin-top: 12vh;
}

body .notfound-page .image img {
  width: 100px;
  max-width: 40%;
  height: auto;
}

body .notfound-page h2 {
  text-align: center;
  margin-top: 4vh;
  font-size: 1.75rem;
  width: 600px;
  max-width: 90%;
  border-bottom: 1px solid #604c3f;
  padding-bottom: 3vh;
  margin-left: auto;
  margin-right: auto;
}

body .notfound-page .notfound404 h3 {
  text-align: center;
  font-weight: normal;
  font-size: 1.25rem;
  margin-top: 3vh;
  line-height: 1.4em;
}

body .notfound-page .notfound404 .text {
  text-align: center;
  margin-top: 2.5vh;
  font-size: 1.0625rem;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

body #resort .bottom-link,
body .experience-page .bottom-link,
body .shoping-page .bottom-link {
  margin-top: 10.9333333333vh;
}

body #resort .bottom-link h3,
body .experience-page .bottom-link h3,
body .shoping-page .bottom-link h3 {
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.8375rem;
  margin-bottom: 3.3333333333vh;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

body #resort .bottom-link .link-list,
body .experience-page .bottom-link .link-list,
body .shoping-page .bottom-link .link-list {
  display: flex;
  justify-content: center;
}

body #resort .bottom-link .link-list .link-content,
body .experience-page .bottom-link .link-list .link-content,
body .shoping-page .bottom-link .link-list .link-content {
  width: 33.33%;
}

body #resort .bottom-link .link-list .link-content a,
body .experience-page .bottom-link .link-list .link-content a,
body .shoping-page .bottom-link .link-list .link-content a {
  display: block;
  transition: opacity 0.2s linear;
}

body #resort .bottom-link .link-list .link-content a .image,
body .experience-page .bottom-link .link-list .link-content a .image,
body .shoping-page .bottom-link .link-list .link-content a .image {
  text-align: center;
  padding: 12.5748502994% 0;
}

body #resort .bottom-link .link-list .link-content a .image img,
body .experience-page .bottom-link .link-list .link-content a .image img,
body .shoping-page .bottom-link .link-list .link-content a .image img {
  width: 73.0538922156%;
  height: auto;
}

body #resort .bottom-link .link-list .link-content a .more-text,
body .experience-page .bottom-link .link-list .link-content a .more-text,
body .shoping-page .bottom-link .link-list .link-content a .more-text {
  text-align: center;
  padding-top: 4.0419161677%;
}

body #resort .bottom-link .link-list .link-content a .more-text img,
body .experience-page .bottom-link .link-list .link-content a .more-text img,
body .shoping-page .bottom-link .link-list .link-content a .more-text img {
  width: 28.1437125749%;
  height: auto;
}

body #resort .bottom-link .link-list .link-content a:hover,
body .experience-page .bottom-link .link-list .link-content a:hover,
body .shoping-page .bottom-link .link-list .link-content a:hover {
  opacity: 0.6;
}

body .common-mse {
  display: flex;
  justify-content: center;
  margin: 9vh 0 0;
}

body .common-mse a {
  display: block;
  position: relative;
  width: 50%;
}

body .common-mse a img {
  display: block;
  width: 100%;
  height: auto;
}

body .common-mse a img:nth-of-type(2) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 0.2s linear;
}

body .common-mse a:hover img:nth-of-type(2) {
  opacity: 1;
}

body .hanare-page {
  background: #fff;
  color: #333;
}

body .hanare-page .hanare-main-slider-box {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 0;
}

body .hanare-page .hanare-main-slider-box .slide-photo img {
  width: 100%;
  height: auto;
}

body .hanare-page .main-logo {
  text-align: center;
  margin-top: 170px;
  width: 1000px;
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 1400px) {
  body .hanare-page .main-logo {
    margin-top: 12.1428571429%;
  }
}

body .hanare-page .main-logo img {
  max-width: 30%;
  height: auto;
}

body .hanare-page .catch-box {
  width: 1000px;
  max-width: 90%;
  margin: 102px auto 0;
}

@media (max-width: 1200px) {
  body .hanare-page .catch-box {
    margin-top: 8.5%;
  }
}

body .hanare-page .catch-box .text {
  font-size: 1.0625rem;
  letter-spacing: 0.1em;
  line-height: 1.7em;
  text-align: center;
  margin-top: 4%;
}

body .hanare-page .menu-box {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
}

body .hanare-page .menu-box h3 {
  text-align: center;
  margin-top: 12%;
}

body .hanare-page .menu-box h3 img {
  max-width: 40%;
  height: auto;
}

body .hanare-page .menu-box .menu-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 3%;
}

body .hanare-page .menu-box .menu-list .menu-content {
  width: 28%;
}

body .hanare-page .menu-box .menu-list .menu-content>img {
  width: 100%;
  height: auto;
}

body .hanare-page .menu-box .menu-list .menu-content ul {
  margin: 10.7142857143% auto 0;
  width: 90%;
}

body .hanare-page .menu-box .menu-list .menu-content ul li {
  font-size: 0.875rem;
  letter-spacing: 0.1em;
  line-height: 1.4em;
  margin-bottom: 8px;
  padding-left: 1.1em;
  text-indent: -1.1em;
}

body .hanare-page .menu-box .menu-list .menu-content ul li:before {
  content: '❖';
}

body .hanare-page .access-box {
  width: 1000px;
  max-width: 90%;
  margin: 0 auto;
}

body .hanare-page .access-box h3 {
  text-align: center;
  margin-top: 12%;
}

body .hanare-page .access-box h3 img {
  max-width: 40%;
  height: auto;
}

body .hanare-page .access-box .hanare-image {
  margin-top: 7.1%;
}

body .hanare-page .access-box .hanare-image img {
  width: 100%;
  height: auto;
}

body .hanare-page .access-box section {
  margin-top: 5%;
}

body .hanare-page .access-box section h4 {
  font-size: 1.1875rem;
  letter-spacing: 0.1em;
}

body .hanare-page .access-box section .hanare-info {
  margin-top: 5%;
}

body .hanare-page .access-box section .hanare-info dl {
  display: flex;
  margin-top: 3%;
  line-height: 1.4em;
}

body .hanare-page .access-box section .hanare-info dl dt {
  font-weight: bold;
  font-size: 1rem;
  letter-spacing: 0.05em;
  width: 75px;
  margin-right: 7.2%;
  flex-shrink: 0;
}

body .hanare-page .access-box section .hanare-info dl dd {
  letter-spacing: 0.05em;
}

body .hanare-page .access-box .map {
  width: 100%;
  padding-top: 33%;
  position: relative;
  margin-top: 5%;
}

body .hanare-page .access-box .map iframe {
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}

body .hanare-page .access-box .floor-map {
  margin-top: 3.5%;
  font-size: 1rem;
  padding-bottom: 1em;
}

body .hanare-page .access-box .floor-map a {
  text-decoration: underline;
  display: inline-block;
  letter-spacing: 0.1em;
}

body .hanare-page .access-box .floor-map a:hover {
  opacity: 0.7;
}

@media (min-width: 701px) {
  .pc-none {
    display: none !important;
  }
}

@media (max-width: 700px) {

  :root,
  html {
    font-size: 14px;
  }

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

  body {
    padding-top: 0;
  }

  body .top-page .main-slide .slide-scroll {
    max-width: 19%;
  }

  body .top-page .main-slide .slide-scroll img {
    max-width: 100%;
    height: auto;
  }

  body .top-page .title-content .slide-logo {
    line-height: 1.4em;
    font-size: 1.3571428571rem;
  }

  body .top-page .title-content .slide-logo img {
    max-width: 50%;
    margin-top: 3vh;
  }

  body .top-page .tamago-box .egg-content h3 {
    font-size: 1.2857142857rem;
    line-height: 1.4em;
  }

  body .top-page .tamago-box .egg-content .text {
    font-size: 1rem;
  }

  body .top-page .content-type-aco .visit-content .text-box {
    max-width: 95%;
    top: 50%;
    padding: 1em 3em;
    width: 95%;
    right: 2.5%;
    transform: translate(0, -50%);
    display: flex;
    flex-direction: column;
    max-height: 50% !important;
  }

  body .top-page .content-type-aco .visit-content .text-box .text-logo {
    margin-top: 35px;
  }

  body .top-page .content-type-aco .visit-content .text-box .text-logo img {
    width: 70px;
    height: auto;
  }

  body .top-page .content-type-aco .visit-content .text-box h3 {
    font-size: 1.2857142857rem;
    line-height: 1.4em;
    margin-top: 5.3333333333vw;
    width: 100%;
    flex-shrink: 0;
  }

  body .top-page .content-type-aco .visit-content .text-box .text {
    font-size: 0.9285714286rem;
    margin-top: 5.3333333333vw;
    width: 90%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }

  body .top-page .content-type-aco .visit-content .text-box .aco-more {
    margin-top: 8vw;
    margin-bottom: 5.3333333333vw;
    flex-shrink: 0;
    width: 100%;
  }

  body .top-page .content-type-aco .visit-content .text-box .aco-more img {
    width: 104px;
    height: auto;
  }

  body .top-page .content-type-aco .scroll-aco .scroll-aco-content .action-box .action-innear section h4 {
    font-size: 1.2857142857rem;
    text-shadow: 2px 2px 3px #999;
  }

  body .top-page .content-type-aco .scroll-aco .scroll-aco-content .action-box .action-innear section .common-text {
    font-size: 0.9285714286rem;
    text-shadow: 2px 2px 3px #999;
  }

  body .top-page .content-type-aco .scroll-aco .scroll-aco-content .action-box .action-innear section.bottom {
    top: 50%;
  }

  body .top-page .how-to-enjoy section h3 {
    font-size: 1.3571428571rem;
  }

  body .top-page .how-to-enjoy section .text {
    font-size: 1rem;
  }

  body .top-page .access {
    height: auto !important;
    margin-top: 6vh;
  }

  body .top-page .access h3 {
    font-size: 1.3571428571rem;
    padding-top: 2vh;
  }

  body .top-page .access h3 .mini-title {
    font-size: 0.9285714286rem;
  }

  body .top-page .access .flex-content {
    flex-wrap: wrap;
    margin-top: 2vh;
  }

  body .top-page .access .flex-content .left-content {
    order: 1;
    width: 100%;
    margin-top: 2vh;
  }

  body .top-page .access .flex-content .left-content .inner-section h4 {
    text-align: center;
  }

  body .top-page .access .flex-content .left-content .inner-section h4 .title {
    font-size: 1.4285714286rem;
    text-align: center;
  }

  body .top-page .access .flex-content .left-content .inner-section h4 .sub {
    font-size: 0.8571428571rem;
    text-align: center;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .info-description {
    margin-left: auto;
    margin-right: auto;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .info-description p {
    font-size: 1.0714285714rem;
    text-align: left;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .info-description p:first-of-type {
    text-align: center;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time ul {
    margin-bottom: 0;
    margin-top: 0;
  }

  body .top-page .access .flex-content .left-content .inner-section .ooe-info .ooe-time ul li {
    font-size: 1rem;
    letter-spacing: 0.15;
  }

  body .top-page .access .flex-content .right-content {
    width: 100%;
  }

  body .top-page .access .flex-content .right-content .new-map {
    padding-top: 45%;
    height: 0;
  }

  body .top-page .access .flex-content .right-content #map {
    padding-top: 45%;
  }

  body .top-page .access .bottom-message {
    line-height: 1.3em;
    font-size: 1rem;
  }

  body .top-page .recruit-content {
    display: block;
    margin-top: 2.5vh;
  }

  body .top-page .recruit-content .left-image {
    width: 100%;
    padding-top: 2.5vh;
  }

  body .top-page .recruit-content .right-content {
    width: 100%;
    max-width: 100%;
    min-height: 0;
    padding-top: 3vh;
  }

  body .top-page .recruit-content .right-content .catch {
    margin-top: 2.5vh;
    font-size: 1.4285714286rem;
  }

  body .top-page .recruit-content .right-content .text {
    font-size: 1rem;
    margin-top: 2.5vh;
    letter-spacing: 0.1em;
  }

  body .top-page .recruit-content .right-content .link-button {
    margin-top: 4vh;
  }

  body .top-page .recruit-content .right-content .link-button a {
    font-size: 0.9285714286rem;
  }

  body .top-header,
  body .top-header2 {
    height: 59px;
  }

  body .top-header .logo-box,
  body .top-header2 .logo-box {
    align-items: center;
  }

  body .top-header .logo-box h1 img,
  body .top-header2 .logo-box h1 img {
    width: 126px;
    height: auto;
  }

  body .top-header .right-content,
  body .top-header2 .right-content {
    align-items: center;
  }

  body .top-header .right-content .menu img,
  body .top-header2 .right-content .menu img {
    width: 27px;
    height: auto;
  }

  body .top-header .right-content .menu .menu-block,
  body .top-header2 .right-content .menu .menu-block {
    padding-top: 59px;
  }

  body .top-header .right-content .hutatu,
  body .top-header .right-content .hitotu,
  body .top-header2 .right-content .hutatu,
  body .top-header2 .right-content .hitotu {
    max-width: 14vw;
  }

  body .top-header .right-content .hutatu a img,
  body .top-header .right-content .hitotu a img,
  body .top-header2 .right-content .hutatu a img,
  body .top-header2 .right-content .hitotu a img {
    display: none;
  }

  body .top-header .right-content .hutatu a img:nth-of-type(2),
  body .top-header .right-content .hitotu a img:nth-of-type(2),
  body .top-header2 .right-content .hutatu a img:nth-of-type(2),
  body .top-header2 .right-content .hitotu a img:nth-of-type(2) {
    display: block;
  }

  body .top-header .right-content .hitotu,
  body .top-header2 .right-content .hitotu {
    margin-left: 4vw;
    margin-right: 4vw;
  }

  body .main-header {
    height: auto;
    background: rgba(255, 255, 255, 0.9);
  }

  body .main-header .logo-box {
    width: 33.8666666667%;
    align-items: center;
  }

  body .main-header .logo-box h1 {
    max-width: 100%;
    margin-right: 0;
  }

  body .main-header .logo-box h1 img {
    max-width: 100%;
    height: auto;
  }

  body .main-header .logo-box>ul {
    display: none;
  }

  body .main-header .right-content .head-link {
    display: none;
  }

  body .main-header .right-content .sp-link-list-yoyaku {
    width: 4.9333333333vw;
    margin-right: 4.4vw;
  }

  body .main-header .right-content .sp-link-list-yoyaku img {
    width: 100%;
    height: auto;
  }

  body .main-header .right-content .sp-link-list-yoyaku span {
    display: block;
  }

  body .main-header .right-content .sp-link-list-shop {
    width: 12vw;
    margin-right: 4.4vw;
  }

  body .main-header .right-content .sp-link-list-shop img {
    width: 100%;
    height: auto;
  }

  body .main-header .right-content .sp-link-list-shop a {
    display: block;
  }

  body .main-header .right-content .menu {
    padding: 4px 4px 0;
    margin: 0 0 0 3px;
    width: 6vw;
  }

  body .main-header .right-content .menu>img {
    width: 100%;
    height: auto;
  }

  body .main-header .right-content .menu>img:nth-of-type(1) {
    display: none;
  }

  body .main-header .right-content .menu>img:nth-of-type(2) {
    display: block;
    opacity: 1;
  }

  body .main-header .right-content .menu>img:nth-of-type(3) {
    padding: 4px 4px 0;
    box-sizing: border-box;
  }

  body .yoyaku-block .yoyaku-inner {
    padding-bottom: 48px;
    padding-top: 5vh;
  }

  body .yoyaku-block .yoyaku-inner h3 {
    width: 13.3333333333%;
  }

  body .yoyaku-block .yoyaku-inner h3 img {
    max-width: 40%;
    width: 13px;
  }

  body .yoyaku-block .yoyaku-inner .yoyaku-aco-box {
    width: 86.6666666667%;
  }

  body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco .title {
    font-size: 1.125rem;
    padding: 1.3rem 0;
  }

  body .yoyaku-block .yoyaku-inner .yoyaku-aco-box .yoyaku-aco .title:after {
    font-size: 1rem;
  }

  body .yoyaku-block .yoyaku-inner .close-yoyaku {
    padding: 15px 0;
  }

  body .sns-box {
    margin-top: 6.6666666667vh;
  }

  body .sns-box h3 img {
    max-width: 45%;
    height: auto;
  }

  body .sns-box ul li {
    max-width: 9%;
  }

  body .sns-box .bottom-text-image img {
    width: 80px;
    height: auto;
  }

  body .sns-box .bottom-text {
    font-size: 0.8571428571rem;
    width: 95%;
    margin-top: 3.1111111111vh;
  }

  body .footer-cover .footer-link {
    background: #fff;
    padding: 1.5vh 0.5em 3.5vh;
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }

  body .footer-cover .footer-link li {
    width: 80%;
    max-width: 80%;
    margin: 0 auto;
    margin-top: 2.5vh;
  }

  body .footer-cover .main-footer {
    margin-top: 0;
  }

  body .footer-cover .main-footer .logo-box {
    max-width: 50%;
  }

  body .footer-cover .main-footer .sp-copy-right {
    margin-top: 2vh;
  }

  body .footer-cover .main-footer .line-sp-link {
    display: flex;
    justify-content: center;
  }

  body .footer-cover.access-foot .footer-link {
    background: #f6f1ee;
  }

  body .pancake-story-page .main-image .inner-main {
    max-width: 55%;
  }

  body .pancake-story-page .main-image .inner-menu {
    display: none;
  }

  body .pancake-story-page h2 {
    font-size: 1.4285714286rem;
    box-sizing: border-box;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

  body .pancake-story-page .first-text {
    font-size: 1rem;
  }

  body .pancake-story-page .nth-position .flex-box {
    display: block;
  }

  body .pancake-story-page .nth-position .flex-box section {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  body .pancake-story-page .nth-position .flex-box section h3 {
    padding-top: 0;
  }

  body .pancake-story-page .nth-position .flex-box section h3 img {
    max-width: 40%;
  }

  body .pancake-story-page .nth-position .flex-box section>* {
    margin: 0 !important;
    width: 100%;
  }

  body .pancake-story-page .nth-position .flex-box section .catch {
    font-size: 1.3571428571rem;
  }

  body .pancake-story-page .nth-position .flex-box .mini-image {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .pancake-story-page .nth-position .flex-box .mini-image img {
    max-width: 70%;
    margin-left: auto;
    display: block;
  }

  body .pancake-story-page .pancake-box .flex-box {
    display: block;
  }

  body .pancake-story-page .pancake-box .flex-box section {
    width: 100%;
  }

  body .pancake-story-page .pancake-box .flex-box section h4 {
    font-size: 1.1875rem;
  }

  body .pancake-story-page .pancake-box .flex-box section .text {
    font-size: 0.8625rem;
  }

  body .pancake-story-page .pancake-box .flex-box .mini-image {
    margin-top: 1.5vh;
    width: 100%;
  }

  body .pancake-story-page .pancake-box .flex-box .mini-image img {
    width: auto;
    max-width: 30%;
    display: block;
    margin-left: auto;
  }

  body .pancake-story-page .pancake-box .osusume-box {
    display: block;
  }

  body .pancake-story-page .pancake-box .osusume-box section {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh !important;
  }

  body .pancake-story-page .pancake-box .osusume-box section h4 {
    padding-top: 0;
    width: 100%;
  }

  body .pancake-story-page .pancake-box .osusume-box section h4 img {
    max-width: 40%;
  }

  body .pancake-story-page .pancake-box .osusume-box section>* {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }

  body .pancake-story-page .pancake-box .osusume-box section .catch {
    margin-top: 2vh;
    font-size: 1.3571428571rem;
  }

  body .pancake-story-page .pancake-box .osusume-box section .text {
    margin-top: 2vh;
  }

  body .pancake-story-page .pancake-box .osusume-box .left-image {
    width: 100%;
  }

  body .pancake-story-page .pancake-box .osusume-box .left-image img {
    max-width: 100%;
    margin-left: auto;
    display: block;
  }

  body .pancake-story-page .special-menu h3 {
    font-size: 1.5714285714rem;
  }

  body .pancake-story-page .special-menu .list-wrap ul {
    flex-wrap: wrap;
  }

  body .pancake-story-page .special-menu .list-wrap ul li {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .pancake-story-page .special-menu .list-wrap ul li figure .product-image {
    padding-top: 60%;
  }

  body .pancake-story-page .yoyaku-box h3 {
    font-size: 1.5714285714rem;
  }

  body .buffet-page .common-main-image .logo {
    max-width: 55%;
  }

  body .buffet-page .double-image {
    margin-top: 10vh;
  }

  body .buffet-page .description-box {
    margin-top: 7vh;
  }

  body .buffet-page .description-box .text-box h3 {
    font-size: 1.4285714286rem;
  }

  body .buffet-page .description-box .text-box .text {
    font-size: 0.9285714286rem;
  }

  body .buffet-page .event-box .event-content {
    margin-top: 12vh;
  }

  body .buffet-page .event-box .event-content h3 {
    font-size: 2.4285714286rem;
  }

  body .buffet-page .event-box .event-content .event-date .month {
    font-size: 3.1628571429rem;
  }

  body .buffet-page .event-box .event-content .event-date .big-text {
    font-size: 5.2457142857rem;
  }

  body .buffet-page .event-box .event-content .event-date .mini-text {
    font-size: 1.5428571429rem;
  }

  body .buffet-page .event-box .event-content .event-date .nami {
    font-size: 3.8571428571rem;
  }

  body .buffet-page .event-box .event-content .event-date .dott {
    font-size: 2.25rem;
  }

  body .buffet-page .event-box .event-content .date-attention {
    font-size: 1.2142857143rem;
  }

  body .buffet-page .event-box .event-content .text {
    font-size: 1rem;
  }

  body .terrasse-page .common-main-image .logo {
    max-width: 80%;
  }

  body .terrasse-page .mini-slide-wrap {
    margin-top: 10vh;
  }

  body .terrasse-page .terrasse-info {
    margin-top: 4vh;
  }

  body .terrasse-page .terrasse-info .left-box h3 {
    font-size: 1.4285714286rem;
  }

  body .terrasse-page .terrasse-info .left-box .middle-text {
    font-size: 1.0714285714rem;
  }

  body .terrasse-page .terrasse-info .left-box .text {
    font-size: 0.8571428571rem;
  }

  body .terrasse-page .terrasse-info .right-box .title {
    font-size: 1.0714285714rem;
  }

  body .terrasse-page .terrasse-info .right-box dl {
    display: block;
    font-size: 1rem;
  }

  body .terrasse-page .terrasse-info .right-box dl dt {
    min-width: 65px;
    width: auto;
    margin-bottom: 3px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    text-align: left;
  }

  body .terrasse-page .terrasse-info .right-box dl dt:after {
    display: none;
  }

  body .terrasse-page .terrasse-info .right-box dl dd {
    letter-spacing: 0.1em;
    line-height: 1.6em;
  }

  body .terrasse-page .terrasse-info .right-box dl:not(:nth-of-type(1)) dt {
    letter-spacing: 2em;
  }

  body .terrasse-page .food-area .food-content {
    display: block;
  }

  body .terrasse-page .food-area .food-content .image {
    width: 80%;
    margin: 0 auto;
  }

  body .terrasse-page .food-area .food-content .text-content {
    width: 100%;
    max-width: 100%;
    margin: 6vh auto 0;
  }

  body .terrasse-page .food-area .food-content .text-content section h3 {
    font-size: 1.2857142857rem;
  }

  body .terrasse-page .food-area .food-content .text-content section .text {
    font-size: 1rem;
  }

  body .terrasse-page .back-image-content section h3 {
    font-size: 1.2857142857rem;
  }

  body .terrasse-page .back-image-content section .text {
    font-size: 0.9285714286rem;
  }

  body .terrasse-page .menu-link .month-menu a {
    padding-top: 50%;
  }

  body .terrasse-page .menu-link .month-menu a .month-text {
    font-size: 2rem;
    width: 90%;
    text-align: center;
  }

  body .terrasse-page .bottom-link .link-list {
    display: block;
  }

  body .terrasse-page .bottom-link .link-list .link-content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vh;
  }

  body .terrasse-page .bottom-link .link-list .link-content a {
    display: block;
    position: relative;
  }

  body .terrasse-page .bottom-link .link-list .link-content a .image {
    position: relative;
    padding-top: 30%;
    overflow: hidden;
  }

  body .terrasse-page .bottom-link .link-list .link-content a .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 252px;
    max-width: 90%;
    height: auto;
    transform: translate(-50%, -50%);
  }

  body .terrasse-page .bottom-link .link-list .link-content a .more-text {
    display: none;
  }

  body .main-footer {
    margin-top: 3.8888888889vh;
    max-width: 100%;
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 2vh;
  }

  body .main-footer .logo-box {
    flex-direction: row;
    justify-content: center;
    width: 200px;
    max-width: 40%;
    margin: 0 auto;
    align-items: flex-end;
  }

  body .main-footer .logo-box h2 {
    max-width: 57%;
    padding-right: 1.5vh;
  }

  body .main-footer .logo-box .second-logo {
    margin-top: 0;
    max-width: 40%;
  }

  body .main-footer .foot-info {
    width: 90%;
    max-width: 90%;
    padding: 0;
    margin: 4vh auto 0;
  }

  body .main-footer .foot-info .add,
  body .main-footer .foot-info .tel {
    font-size: 0.8571428571rem;
    text-align: center;
  }

  body .main-footer .foot-info .add .visit-br,
  body .main-footer .foot-info .tel .visit-br {
    display: none;
  }

  body .main-footer .foot-link {
    width: 90%;
    max-width: 90%;
    margin: 3vh auto 0;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
  }

  body .main-footer .foot-link li {
    min-width: 34%;
  }

  body .main-footer .foot-link li a {
    padding: 1.5vh 0;
  }

  body .main-footer .sp-copy-right {
    text-align: center;
    font-size: 0.7857142857rem;
    line-height: 1.4em;
    letter-spacing: 0.05em;
    background: #352217;
    margin-top: 4vh;
    padding: 0.8em 0;
  }

  body .party-course-page .common-main-image .logo {
    max-width: 80%;
  }

  body .party-course-page .course-box h3 {
    margin-bottom: -30px;
  }

  body .party-course-page .course-box .box-inner .flex-box {
    flex-wrap: wrap;
  }

  body .party-course-page .course-box .box-inner .flex-box .image {
    order: 1;
    width: 40%;
    margin-left: auto;
    margin-top: 1.5vh;
  }

  body .party-course-page .course-box .box-inner .flex-box .image .image-base {
    display: block;
    padding-top: 90%;
  }

  body .party-course-page .course-box .box-inner .flex-box section {
    width: 100%;
  }

  body .party-course-page .course-box .box-inner .flex-box section h4 {
    font-size: 1.1428571429rem;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text {
    font-size: 1rem;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text-info dl {
    font-size: 1rem;
    display: block;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text-info dl dt {
    min-width: 65px;
    width: auto;
    margin-bottom: 3px;
    letter-spacing: 0.2em;
    white-space: nowrap;
    text-align: left;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text-info dl dt:after {
    display: none;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text-info dl dd {
    letter-spacing: 0.1em;
    line-height: 1.6em;
  }

  body .party-course-page .course-box .box-inner .flex-box section .text-info dl:not(:nth-of-type(1)) dt {
    letter-spacing: 2em;
  }

  body .party-course-page .course-box .box-inner .flex-box section .attention-text {
    font-size: 0.8571428571rem;
  }

  body .party-course-page .mini-slide-wrap {
    margin-top: 10vh;
  }

  body .party-course-page .duble-image {
    display: block;
  }

  body .party-course-page .duble-image .image {
    width: 100%;
    margin-top: 3vh;
  }

  body .party-course-page .dantai-shisatu {
    display: block;
    margin-top: 10vh;
  }

  body .party-course-page .dantai-shisatu .image {
    width: 100%;
  }

  body .party-course-page .dantai-shisatu .image .image-base {
    display: block;
    padding-top: 60%;
  }

  body .party-course-page .dantai-shisatu section {
    width: 100%;
  }

  body .party-course-page .dantai-shisatu section h3 {
    font-size: 1.3571428571rem;
  }

  body .party-course-page .dantai-shisatu section .text {
    font-size: 0.9rem;
  }

  body .party-course-page .book-field .text-inner .mail,
  body .party-course-page .book-field .text-inner .tel {
    font-size: 1.2857142857rem;
  }

  body .cocogarden-page .common-main-image .logo {
    max-width: 73%;
  }

  body .cocogarden-page .barm-box {
    display: block;
  }

  body .cocogarden-page .barm-box section {
    width: 100%;
  }

  body .cocogarden-page .barm-box section h2 {
    font-size: 1.2857142857rem;
  }

  body .cocogarden-page .barm-box section .text {
    font-size: 1rem;
  }

  body .cocogarden-page .barm-box .image {
    width: 60%;
    margin: 1.5vh 0 0 auto;
  }

  body .cocogarden-page .image-text-box .image-box section h2 {
    font-size: 1.2857142857rem;
  }

  body .cocogarden-page .image-text-box .image-box section .text {
    font-size: 1rem;
  }

  body .cocogarden-page .product-list-box {
    margin: 7vh auto;
  }

  body .cocogarden-page .product-list-box .product-list li {
    width: 48%;
  }

  body .cocogarden-page .product-list-box .product-list li figure figcaption .title {
    font-size: 1rem;
  }

  body .cocogarden-page .product-list-box .product-list li figure figcaption .text {
    font-size: 0.7857142857rem;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box {
    display: block;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box .image {
    width: 100%;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box .image .image-base {
    padding-top: 70%;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box {
    width: 100%;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .cocogarden-page .experience .paper-bg-wrap .inner-box .right-box section .text {
    font-size: 1rem;
  }

  body .cocogarden-page .pet-friendly .inner-box {
    display: block;
  }

  body .cocogarden-page .pet-friendly .inner-box .image {
    width: 100%;
  }

  body .cocogarden-page .pet-friendly .inner-box .image .image-base {
    padding-top: 70%;
  }

  body .cocogarden-page .pet-friendly .inner-box section {
    width: 100%;
  }

  body .cocogarden-page .pet-friendly .inner-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .cocogarden-page .pet-friendly .inner-box section .text {
    font-size: 1rem;
  }

  body .cocogarden-page .osusume-box {
    display: block;
  }

  body .cocogarden-page .osusume-box section {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vh !important;
  }

  body .cocogarden-page .osusume-box section h4 {
    padding-top: 0;
    width: 100%;
  }

  body .cocogarden-page .osusume-box section h4 img {
    max-width: 40%;
  }

  body .cocogarden-page .osusume-box section>* {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
  }

  body .cocogarden-page .osusume-box section .catch {
    margin-top: 2vh;
    font-size: 1.3571428571rem;
  }

  body .cocogarden-page .osusume-box section .text {
    margin-top: 2vh;
    font-size: 1rem;
  }

  body .cocogarden-page .osusume-box .left-image {
    width: 100%;
  }

  body .cocogarden-page .osusume-box .left-image img {
    max-width: 100%;
    margin-left: auto;
    display: block;
  }

  body .cocogarden-page .yoyaku-box h3 {
    font-size: 1.5714285714rem;
  }

  body .burger-page .common-main-image .big-logo {
    margin-left: 20%;
  }

  body .burger-page .text-image-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .burger-page .text-image-box section .text {
    font-size: 0.9285714286rem;
  }

  body .burger-page .double-image-box .flex-box {
    display: block;
    margin-top: 10vh;
  }

  body .burger-page .double-image-box .flex-box .left-box {
    width: 100%;
    display: block;
  }

  body .burger-page .double-image-box .flex-box .left-box section {
    margin-left: auto;
    margin-right: auto;
  }

  body .burger-page .double-image-box .flex-box .left-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .burger-page .double-image-box .flex-box .left-box section .text {
    font-size: 0.9285714286rem;
  }

  body .burger-page .double-image-box .flex-box .left-box .man {
    position: relative;
    margin-top: 0.5vh;
  }

  body .burger-page .double-image-box .flex-box .image {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .burger-page .double-image-box .flex-box .image .image-base {
    padding-top: 65%;
  }

  body .burger-page .burger-box .burger-list {
    display: block;
  }

  body .burger-page .burger-box .burger-list li {
    width: 100%;
    margin-top: 6vh;
  }

  body .burger-page .burger-box .burger-list li figure .image {
    padding-top: 65%;
  }

  body .topics-page .common-main-image .logo {
    max-width: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  body .topics-page .double-posts {
    margin-top: 0;
    display: block;
    width: 100%;
  }

  body .topics-page .double-posts .left-post,
  body .topics-page .double-posts .right-post {
    width: 100%;
    margin-top: 8vh;
  }

  body .topics-page .double-posts .left-post a .bg-image,
  body .topics-page .double-posts .right-post a .bg-image {
    padding-top: 61.5384615385%;
  }

  body .topics-page .double-posts .left-post a .title,
  body .topics-page .double-posts .right-post a .title {
    font-weight: normal;
  }

  body .topics-page .double-posts .left-post a .category,
  body .topics-page .double-posts .right-post a .category {
    max-width: 11vw;
  }

  body .topics-page .double-posts .left-post {
    width: 60%;
    margin-left: 0%;
    margin-bottom: -10vw;
  }

  body .topics-page .double-posts .left-post a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body .topics-page .double-posts .left-post a .bg-image {
    width: 100%;
    order: 0;
    padding-top: 66%;
  }

  body .topics-page .double-posts .left-post a .category {
    /*
            order: 1;
            display: block;
            position: static;
            text-align: center;
            margin-left: auto;
            margin-right: auto;
            margin-top: 10px;
            transform: translate(0,0);
            */
  }

  body .topics-page .double-posts .left-post a .title {
    box-sizing: border-box;
    order: 2;
    align-self: flex-start;
    /*
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            */
  }

  body .topics-page .double-posts .left-post a .more {
    width: 100%;
    order: 2;
    display: none;
  }

  body .topics-page .double-posts .right-post {
    width: 43%;
    margin-left: auto;
    margin-right: 7%;
    margin-top: 0;
  }

  body .topics-page .double-posts .right-post a .bg-image {
    width: 100%;
    padding-top: 61%;
  }

  body .topics-page .double-posts .right-post a .more {
    display: none;
  }

  body .topics-page .double-posts2 {
    margin-top: 4vh;
  }

  body .topics-page .description-box {
    margin-top: 8vh;
    padding: 0;
  }

  body .topics-page .description-box .bg-image {
    padding-top: 61.5384615385%;
    height: 0;
  }

  body .topics-page .description-box .text-box {
    position: static;
    margin: 0;
    max-width: 100%;
    width: 100%;
    background: none;
    padding: 0;
  }

  body .topics-page .description-box .text-box a {
    padding-top: 61.5384615385%;
    position: relative;
  }

  body .topics-page .description-box .text-box a .text-logo {
    position: absolute;
    max-width: 20vw;
    transform: translate(10%, -10%);
    top: 0;
    left: 0;
  }

  body .topics-page .description-box .text-box a .text-logo img {
    max-width: 100%;
    height: auto;
  }

  body .topics-page .description-box .text-box a h3 {
    font-size: 1.0714285714rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic", "Droid Sans Mono", Verdana, sans-serif;
  }

  body .topics-page .description-box .text-box a h3 br {
    display: none;
  }

  body .topics-page .description-box .text-box a h3 u {
    display: inline;
  }

  body .topics-page .description-box .text-box a .text {
    font-size: 0.9285714286rem;
    display: none;
  }

  body .topics-page .description-box .text-box a .more-big {
    margin-top: 1.15555vh;
    display: none;
  }

  body .topics-page .images-box {
    flex-wrap: wrap;
    margin-top: 1vh;
    width: 100%;
    position: relative;
  }

  body .topics-page .images-box .left-box {
    order: 0;
    width: 100%;
    padding-top: 0;
    margin-top: 8vh;
  }

  body .topics-page .images-box .left-box .post a .bg-image {
    padding-top: 61.5384615385%;
  }

  body .topics-page .images-box .left-box .post a .category {
    max-width: 12vw;
  }

  body .topics-page .images-box .left-box .post a .more {
    display: none;
  }

  body .topics-page .images-box .left-box .post a .title {
    font-size: 1rem;
    font-weight: normal;
  }

  body .topics-page .images-box .right-box {
    width: 90%;
    margin-top: 8vh;
    margin-left: auto;
    margin-right: auto;
  }

  body .topics-page .images-box .right-box .mini-flex li {
    width: 48%;
  }

  body .topics-page .images-box .right-box .mini-flex li a .bg-image {
    padding-top: 88%;
  }

  body .topics-page .images-box .right-box .mini-flex li a .category {
    max-width: 12vw;
  }

  body .topics-page .images-box .right-box .mini-flex li a .more {
    display: none;
  }

  body .topics-page .images-box .right-box .mini-flex li a .title {
    font-size: 1rem;
    font-weight: normal;
  }

  body .topics-page .images-box .right-box .bottom-post a {
    width: 48%;
  }

  body .topics-page .images-box .right-box .bottom-post a .bg-image {
    padding-top: 88%;
  }

  body .topics-page .images-box .right-box .bottom-post a .category {
    max-width: 12vw;
  }

  body .topics-page .images-box .right-box .bottom-post a .more {
    display: none;
  }

  body .topics-page .images-box .right-box .bottom-post a .title {
    font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
    font-size: 1rem;
    font-weight: normal;
  }

  body .topics-page .title {
    font-size: 1.0714285714rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    width: 100%;
    box-sizing: border-box;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "小塚ゴシック Pro", "MS Pゴシック", "MS PGothic", "Droid Sans Mono", Verdana, sans-serif;
  }

  body .topics-page .title u {
    display: inline;
  }

  body .topics-page .title br {
    display: none;
  }

  body .topics-page .category {
    max-width: 20vw;
    transform: translate(10%, -10%);
  }

  body .topics-page .more img,
  body .topics-page .more-big img {
    width: 120px;
    margin-top: 2vh;
  }

  body .topics-page .post-contents .post-span {
    display: flex;
    flex-direction: column;
  }

  body .topics-page .post-contents .post-span>* {
    order: 1;
  }

  body .topics-page .post-contents .post-span .description-box {
    order: 0;
  }

  body .topics-page .post-contents .post-span .double-posts .left-post a .title {
    width: 84%;
  }

  body .post-single-page .post-main-image {
    position: static;
    height: 100vh;
    width: 100%;
  }

  body .post-single-page .post-wrap h2 {
    font-size: 1.6875rem;
  }

  body .post-single-page .post-wrap .user_contents {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  body .post-single-page .post-wrap .user_contents>* {
    /* width: 83.1932773109%; */
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  body .post-single-page .post-wrap .user_contents>*.full-image {
    width: 100%;
    padding-top: 77.731092437%;
  }

  body .post-single-page .post-wrap .user_contents>*.full-image img {
    max-width: 100%;
    height: auto;
  }

  body .resort-concept-page .resort-concept-slide-box {
    height: 100vh;
  }

  body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .slide-text,
  body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .slide-text2 {
    font-size: 1.25rem;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .left-image {
    width: 100%;
    height: 50%;
  }

  body .resort-concept-page .resort-concept-slide-box .resort-concept-slide li .right-image {
    width: 100%;
    height: 50%;
    top: 50%;
  }
}

@media (max-width: 700px) {
  body .resort-concept-page .shop-box section .photos {
    display: block;
  }

  body .resort-concept-page .shop-box section .photos .shop-photo {
    width: 100%;
  }

  body .resort-concept-page .shop-box section .photos ul {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .resort-concept-page .text-flex-box {
    display: block;
  }

  body .resort-concept-page .text-flex-box .text-box {
    width: 100%;
  }

  body .resort-concept-page .text-flex-box .text-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .resort-concept-page .text-flex-box .text-box section .text {
    font-size: 0.9285714286rem;
  }

  body .resort-concept-page .text-flex-box .image-box {
    width: 100%;
    margin-top: 6vh;
  }

  body .resort-concept-page .text-flex-box .image-box .image-base {
    padding-top: 60%;
  }

  body .resort-concept-page .text-image-box {
    padding: 0;
  }

  body .resort-concept-page .text-image-box .bg-image6 {
    width: 100%;
    padding-top: 107.7333333333%;
    position: relative;
    display: block;
  }

  body .resort-concept-page .text-image-box section {
    margin-top: 5vh;
  }

  body .resort-concept-page .text-image-box section h3 {
    font-size: 1.2857142857rem;
    color: #231815;
  }

  body .resort-concept-page .text-image-box section .text {
    font-size: 0.9285714286rem;
    color: #231815;
  }

  body .resort-concept-page .label {
    max-width: 25vw;
    transform: translate(10%, -50%);
  }

  body .eat-concept-page .main-slide .slide-scroll {
    max-width: 19%;
  }

  body .eat-concept-page .main-slide .slide-scroll img {
    max-width: 100%;
    height: auto;
  }

  body .eat-concept-page .title-content .slide-logo {
    line-height: 1.4em;
    font-size: 1.3571428571rem;
  }

  body .eat-concept-page .title-content .slide-logo img {
    max-width: 75%;
    margin-top: 3vh;
  }

  body .eat-concept-page .tamago-box .egg-content h3 {
    font-size: 1.2857142857rem;
    line-height: 1.4em;
  }

  body .eat-concept-page .tamago-box .egg-content .text {
    font-size: 1rem;
  }

  body .eat-concept-page .anime-content .action-box .action-innear section h4 {
    font-size: 1.2857142857rem;
    text-shadow: 2px 2px 3px #999;
  }

  body .eat-concept-page .anime-content .action-box .action-innear section .common-text {
    font-size: 0.9285714286rem;
    text-shadow: 2px 2px 3px #999;
  }

  body .eat-concept-page .anime-content .action-box .action-innear section.bottom {
    top: 50%;
  }

  body .village-page .common-main-image .logo {
    max-width: 80%;
  }

  body .village-page .village-content-box .village-content {
    margin-top: 12vh;
    max-width: 100%;
  }

  body .village-page .village-content-box .village-content .image {
    width: 100%;
    margin-bottom: -140%;
  }

  body .village-page .village-content-box .village-content .image .image-base {
    padding-top: 150%;
  }

  body .village-page .village-content-box .village-content .text-box {
    width: 85%;
    margin-left: auto !important;
    margin-right: auto !important;
    background: rgba(255, 255, 255, 0.6);
  }

  body .village-page .village-content-box .village-content .text-box .text-wrap {
    display: block;
  }

  body .village-page .village-content-box .village-content .text-box .text-wrap section .text {
    font-size: 1rem;
  }

  body .village-page .village-content-box .village-content .text-box .text-wrap section .more {
    padding-bottom: 12%;
  }

  body .village-page .village-content-box .village-content ul {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
  }

  body .village-page .village-content-box .village-content ul li {
    width: 78%;
    margin-left: auto;
  }

  body .village-page .village-content-box .village-content ul li:nth-of-type(even) {
    margin-left: 0;
    margin-right: auto;
  }

  body .village-page .village-content-box .village-content ul li:not(:first-of-type) {
    margin-top: 3.5vh;
  }

  body .gift-salon-page .common-main-image .hover {
    width: 30%;
  }

  body .gift-salon-page .common-main-image .logo {
    max-width: 50%;
  }

  body .gift-salon-page h2 {
    text-shadow: 1px 1px 3px #fff;
  }

  body .gift-salon-page .product-list {
    display: block;
  }

  body .gift-salon-page .product-list figure {
    width: 100%;
    margin-top: 6vh;
  }

  body .gift-salon-page .product-list figure .image .image-base {
    padding-top: 60%;
  }

  body .gift-salon-page .product-list figure .image figcaption .title {
    font-size: 1.2857142857rem;
  }

  body .gift-salon-page .big-image-box {
    padding: 10.3111111111vh 0 8vh;
  }

  body .gift-salon-page .big-image-box img {
    max-width: 50%;
  }

  body .gift-salon-page .text-image-box .flex-box {
    display: block;
  }

  body .gift-salon-page .text-image-box .flex-box .left-box {
    width: 100%;
    display: block;
  }

  body .gift-salon-page .text-image-box .flex-box .left-box section {
    margin-left: auto;
    margin-right: auto;
  }

  body .gift-salon-page .text-image-box .flex-box .left-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .gift-salon-page .text-image-box .flex-box .left-box section .text {
    font-size: 0.9285714286rem;
  }

  body .gift-salon-page .text-image-box .flex-box .image {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .gift-salon-page .text-image-box .flex-box .image .image-base {
    padding-top: 65%;
  }

  body .gift-salon-page .gift-card-box .gift-inner section h2 {
    text-shadow: 1px 1px 3px #fdebe5;
  }

  body .gift-salon-page .gift-card-box .gift-inner img {
    width: 57%;
    top: 1%;
  }

  body .experience-page .box-image-box .text-box h3 {
    font-size: 1.5625rem;
  }

  body .kids-experience-page .main-slide-box .main-slide li .slide-image {
    padding-top: 130%;
  }

  body .kids-experience-page .text-image-content-box .text-image-content section h3 {
    font-size: 1.4285714286rem;
  }

  body .kids-experience-page .text-image-content-box .text-image-content section .text {
    font-size: 0.9285714286rem;
  }

  body .kids-experience-page .post-content {
    /*
      [class^="patern"]{
        figcaption{
          font-size: (13/$sf)+rem;
        }
      }
      .patern1{
        width: 80%;
        &.more-c{
          margin-bottom: 3vh;
        }
      }
      .patern2{
        width:60%;
        &.more-c{
          margin-bottom: 3vh;
        }
      }
      .patern3{
        width: 100%;
      }
      .patern5{
        width: 100%;
        &.more-c{
          margin-bottom: 3vh;
        }
      }
      .patern6{
        width:60%;
        &.more-c{
          margin-bottom: 3vh;
        }
      }
      .patern7{
        width: 80%;
        &.more-c{
          margin-bottom: 3vh;
        }
      }
      */
  }

  body .kids-experience-page .post-content .big-box {
    margin-top: 8.3333333333vh;
  }

  body .kids-experience-page .post-content .big-box .post-item {
    width: 85%;
  }

  body .kids-experience-page .post-content .tate-box {
    margin-top: 5.5555555556vh !important;
  }

  body .kids-experience-page .post-content .tate-box .post-item {
    width: 55%;
  }

  body .kids-experience-page .post-content .mini-doublebox {
    margin-top: 5.5555555556vh !important;
    width: 90%;
  }

  body .kids-experience-page .post-content .double-posts {
    margin-top: 0;
    display: block;
  }

  body .kids-experience-page .post-content .double-posts .left-post {
    width: 80%;
    margin-top: 5.5555555556vh;
  }

  body .kids-experience-page .post-content .double-posts .right-post {
    width: 60%;
    margin-top: 5.5555555556vh;
    margin-left: auto;
  }

  body .kids-experience-page .post-content .category {
    max-width: 18vw;
    transform: translate(10%, -10%);
  }

  body .kids-experience-page .post-content .title {
    font-size: 1.125rem;
  }

  body .work-shop-page .main-slide-box .main-slide li .slide-image {
    padding-top: 130%;
  }

  body .work-shop-page .post-contents .double-posts {
    margin-top: 0;
    display: block;
    width: 100%;
  }

  body .work-shop-page .post-contents .double-posts .left-post,
  body .work-shop-page .post-contents .double-posts .right-post {
    width: 100%;
  }

  body .work-shop-page .post-contents .double-posts .left-post .post-image,
  body .work-shop-page .post-contents .double-posts .right-post .post-image {
    padding-top: 61.5384615385%;
    margin-top: 8vh;
  }

  body .work-shop-page .post-contents .double-posts .right-post {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body .work-shop-page .post-contents .double-posts .right-post .post-image {
    width: 61.5384615385%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    order: 0;
  }

  body .work-shop-page .post-contents .double-posts .right-post .category {
    order: 1;
    display: block;
    position: static;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    transform: translate(0, 0);
  }

  body .work-shop-page .post-contents .double-posts .right-post .title,
  body .work-shop-page .post-contents .double-posts .right-post .koushi {
    order: 2;
  }

  body .work-shop-page .post-contents .double-posts .right-post .more {
    order: 2;
  }

  body .work-shop-page .post-contents .single-post {
    width: 100%;
    margin-top: 0;
  }

  body .work-shop-page .post-contents .single-post .post-item {
    width: 100%;
    max-width: 100%;
    margin-top: 8vh;
  }

  body .work-shop-page .post-contents .single-post .post-item .post-image {
    padding-top: 61.5384615385%;
  }

  body .work-shop-page .post-contents .category {
    max-width: 20vw;
    transform: translate(10%, -10%);
  }

  body .cooking-page .main-slide-box .main-slide li .slide-image {
    padding-top: 130%;
  }

  body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box {
    flex-wrap: wrap;
  }

  body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .left-box {
    order: 1;
    width: 100%;
    max-width: 100%;
  }

  body .cooking-page .text-image-content-box .cook-aco-box .aco-info-box .right-image {
    width: 80%;
    max-width: 100%;
  }

  body .cooking-page .post-contents .double-posts {
    margin-top: 0;
    display: block;
    width: 100%;
  }

  body .cooking-page .post-contents .double-posts .left-post,
  body .cooking-page .post-contents .double-posts .right-post {
    width: 100%;
  }

  body .cooking-page .post-contents .double-posts .left-post .post-image,
  body .cooking-page .post-contents .double-posts .right-post .post-image {
    padding-top: 61.5384615385%;
    margin-top: 8vh;
  }

  body .cooking-page .post-contents .double-posts .right-post {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  body .cooking-page .post-contents .double-posts .right-post .post-image {
    width: 61.5384615385%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 50%;
    order: 0;
  }

  body .cooking-page .post-contents .double-posts .right-post .category {
    display: none !important;
    order: 1;
    display: block;
    position: static;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    transform: translate(0, 0);
  }

  body .cooking-page .post-contents .double-posts .right-post .title,
  body .cooking-page .post-contents .double-posts .right-post .koushi {
    order: 2;
  }

  body .cooking-page .post-contents .double-posts .right-post .more {
    order: 2;
  }

  body .cooking-page .post-contents .single-post {
    width: 100%;
    margin-top: 0;
  }

  body .cooking-page .post-contents .single-post .post-item {
    width: 100%;
    max-width: 100%;
    margin-top: 8vh;
  }

  body .cooking-page .post-contents .single-post .post-item .post-image {
    padding-top: 61.5384615385%;
  }

  body .cooking-page .post-contents .category {
    max-width: 20vw;
    transform: translate(10%, -10%);
  }

  body .cooking-page .handmade-link ul {
    display: block;
  }

  body .cooking-page .handmade-link ul li {
    width: 100%;
  }

  body .cooking-page .handmade-link ul li a {
    padding-top: 55%;
  }

  body .mutual-box h3 {
    font-size: 1.5625rem;
  }

  body .mutual-box .mutual-link {
    flex-wrap: wrap;
  }

  body .mutual-box .mutual-link li {
    width: 100%;
    margin-top: 2vh;
  }

  body .mutual-box .mutual-link li a .link-image {
    padding-top: 50%;
  }

  body .mutual-box .mutual-link li a .link-image img {
    width: 150px;
    height: auto;
    max-width: 35%;
  }

  body .shoping-page .common-main-image img {
    max-width: 40%;
    height: auto;
  }

  body .shoping-page .limited-list-box ul li {
    width: 48%;
  }

  body .shoping-page .shoping-content-box .shoping-content {
    margin-top: 12vh;
    max-width: 100%;
  }

  body .shoping-page .shoping-content-box .shoping-content .image {
    width: 100%;
    margin-bottom: -85%;
  }

  body .shoping-page .shoping-content-box .shoping-content .image .image-base {
    padding-top: 90%;
  }

  body .shoping-page .shoping-content-box .shoping-content .text-box {
    width: 85%;
    margin-left: auto !important;
    margin-right: auto !important;
    background: rgba(255, 255, 255, 0.6);
  }

  body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap {
    display: block;
  }

  body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .text {
    font-size: 0.8571428571rem;
  }

  body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .more {
    padding-bottom: 12%;
  }

  body .shoping-page .shoping-content-box .shoping-content .text-box .text-wrap section .man .man-image {
    max-width: 40%;
  }

  body .shoping-page .shoping-content-box .shoping-content ul {
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
    margin-top: 8vh;
  }

  body .shoping-page .shoping-content-box .shoping-content ul li {
    width: 78%;
    margin-left: auto;
  }

  body .shoping-page .shoping-content-box .shoping-content ul li .title,
  body .shoping-page .shoping-content-box .shoping-content ul li .text {
    padding: 0 0.5em;
  }

  body .shoping-page .shoping-content-box .shoping-content ul li:nth-of-type(even) {
    margin-left: 0;
    margin-right: auto;
  }

  body .shoping-page .shoping-content-box .shoping-content ul li:not(:first-of-type) {
    margin-top: 3.5vh;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box {
    display: block;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box {
    width: 100%;
    display: block;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section {
    margin-left: auto;
    margin-right: auto;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section h3 {
    font-size: 1.2857142857rem;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .left-box section .text {
    font-size: 0.9285714286rem;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .image {
    width: 100%;
    margin-top: 1.5vh;
  }

  body .noodle-factory-page .bg-content .text-image-box .flex-box .image .image-base {
    padding-top: 65%;
  }

  body .noodle-factory-page .udon-box .udon-content {
    display: block;
  }

  body .noodle-factory-page .udon-box .udon-content section {
    width: 100%;
  }

  body .noodle-factory-page .udon-box .udon-content section h2 {
    font-size: 1.3571428571rem;
  }

  body .noodle-factory-page .udon-box .udon-content section .text {
    font-size: 0.9285714286rem;
  }

  body .noodle-factory-page .udon-box .udon-content .image {
    width: 60%;
    margin: 1.5vh 0 0 auto;
  }

  body .noodle-factory-page .link-box a {
    padding: 9vh 0;
  }

  body .noodle-factory-page .link-box a section .logo img {
    max-width: 30%;
  }

  body .noodle-factory-page .link-box a section h3 {
    font-size: 1.6428571429rem;
    letter-spacing: 0.2em;
  }

  body .noodle-factory-page .link-box a section .text {
    font-size: 1rem;
  }

  body .recruit-page .rec-slide-box .rec-slide li a {
    display: block;
  }

  body .recruit-page .rec-slide-box .rec-slide li a .slide-catch {
    top: 7%;
  }

  body .recruit-page .rec-slide-box .rec-slide li a .slide-image {
    padding-top: 130%;
    background-size: cover;
  }

  body .recruit-page .rec-common-wrap .text {
    font-size: 0.9285714286rem;
  }

  body .recruit-page .rec-common-wrap .rec-news h3 {
    font-size: 1rem;
  }

  body .recruit-page .rec-common-wrap .rec-news h3:before {
    width: 5px;
  }

  body .recruit-page .rec-common-wrap .rec-news ul li {
    flex-wrap: wrap;
  }

  body .recruit-page .rec-common-wrap .rec-news ul li .news-content {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.7em;
    margin-top: 0.2em;
  }

  body .how-oeno-page .rec-common-wrap .super-big {
    font-size: 2.1428571429rem;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content h5 {
    font-size: 1.2857142857rem;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box {
    display: block;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .image {
    text-align: center;
    width: 100%;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .image img {
    max-width: 80%;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .left-box {
    margin-top: 3.3333333333vh;
    width: 100%;
  }

  body .how-oeno-page .rec-common-wrap .how-oeno-content .middle-box .left-box .text {
    font-size: 1.0714285714rem;
  }

  body .company-page .rec-common-wrap .super-big {
    font-size: 2.1428571429rem;
  }

  body .company-page .rec-common-wrap .company-content dl {
    display: block;
    text-align: center;
  }

  body .company-page .rec-common-wrap .company-content dl dt {
    width: 100%;
    margin-right: 0;
  }

  body .company-page .rec-common-wrap .company-content dl dd {
    width: 100%;
    margin-top: 5px;
  }

  body .enkaku-page .rec-common-wrap .super-big {
    font-size: 2.1428571429rem;
  }

  body .enkaku-page .rec-common-wrap .enkaku-content dl {
    display: block;
    text-align: center;
  }

  body .enkaku-page .rec-common-wrap .enkaku-content dl dt {
    width: 100%;
    margin-right: 0;
  }

  body .enkaku-page .rec-common-wrap .enkaku-content dl dd {
    width: 100%;
    margin-top: 5px;
  }

  body .business-page .rec-common-wrap .business-content section .super-big {
    font-size: 2.1428571429rem;
  }

  body .business-page .rec-common-wrap .business-content section .content-box img {
    float: none !important;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 80%;
    margin: 0 auto;
  }

  body .business-page .rec-common-wrap .business-content section .content-box .title {
    font-size: 1.4285714286rem;
  }

  body .work-page .rec-common-wrap .work-content section .content-box img {
    float: none !important;
    display: block;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 80%;
    margin: 0 auto;
  }

  body .work-page .rec-common-wrap .work-content2 section>dl {
    display: block;
  }

  body .work-page .rec-common-wrap .work-content2 section>dl dt {
    display: block;
    text-align: center;
    width: 100%;
    padding: 13px 0;
  }

  body .work-page .rec-common-wrap .work-content2 section>dl dd {
    width: 100%;
  }

  body .work-page .rec-common-wrap .work-content2 section .staff-link ul {
    display: block;
  }

  body .work-page .rec-common-wrap .work-content2 section .staff-link ul li {
    width: 100%;
  }

  body .interview-page .rec-common-wrap .work-content>section .in-title {
    font-size: 1.4285714286rem;
  }

  body .interview-page .rec-common-wrap .work-content>section .inner-box img {
    float: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    max-width: 80%;
    margin: 0 auto;
    display: block;
  }

  body .interview-page .rec-common-wrap .work-content>section .inner-box .text,
  body .interview-page .rec-common-wrap .work-content>section .inner-box .normal-text {
    font-size: 1rem;
  }

  body .new-grad-page .rec-common-wrap .new-grad-content .super-big {
    font-size: 2.1428571429rem;
  }

  body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl {
    display: block;
  }

  body .new-grad-page .rec-common-wrap .new-grad-content .boshu-list dl dd {
    margin-top: 2.5vh;
    padding-left: 1.8333333333%;
  }

  body .new-grad-flow-page .rec-common-wrap .new-grad-flow-content .super-big {
    font-size: 2.1428571429rem;
  }

  body .qanda-page .rec-common-wrap .qanda-content .super-big {
    font-size: 2.1428571429rem;
  }

  body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd {
    padding-left: 5%;
  }

  body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd .icon {
    max-width: 10%;
  }

  body .qanda-page .rec-common-wrap .qanda-content .dl-box dl dd .text {
    font-size: 1rem;
  }

  body .carrer-page .rec-common-wrap .carrer-content>section .carrer-title {
    font-size: 1.9285714286rem;
  }

  body .carrer-page .rec-common-wrap .carrer-content .works .rec-data h4 {
    font-size: 1.2857142857rem;
  }

  body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl {
    display: block;
    margin-top: 15px;
  }

  body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dt {
    font-size: 1rem;
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }

  body .carrer-page .rec-common-wrap .carrer-content .works .rec-data .inner-box dl dd {
    width: 100%;
    margin-top: 5px;
  }

  body .entry-page .rec-common-wrap .super-big {
    font-size: 2.1428571429rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content>section .carrer-title {
    font-size: 1.9285714286rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data h4 {
    font-size: 1.2857142857rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .text,
  body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .normal-text {
    font-size: 1rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .yoko-list {
    display: block;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .works .rec-data .inner-box .yoko-list ul {
    font-size: 1rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .privacy-policy .title {
    font-size: 1rem;
  }

  body .carrer-entry-page .rec-common-wrap .carrer-content .privacy-policy .text {
    font-size: 1rem;
  }

  body .new-grad-entry-page .rec-common-wrap .new-grad-content .super-big {
    font-size: 2.1428571429rem;
  }

  body .briefing-page .rec-common-wrap .super-big {
    font-size: 2.1428571429rem;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section {
    padding: 30px 0 15px;
    border-bottom: 1px solid #604c3f;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section.solo {
    background: #ffffa8;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section h4 {
    text-align: center;
    font-size: 1.125rem;
    letter-spacing: 0.05em;
    line-height: 1.5em;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section dl {
    text-align: center;
    margin: 15px 0;
    left: 0.1em;
    line-height: 1.5em;
    letter-spacing: 0.1em;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section dl dt {
    font-size: 1.125rem;
    margin-bottom: 10px;
  }

  body .briefing-page .rec-common-wrap .briefing-content .sp-sche section dl dd img {
    max-width: 100%;
    height: auto;
  }

  body .hanare-page .rec-common-wrap .etc-title {
    font-size: 1.7857142857rem;
  }

  body .hanare-page .rec-common-wrap .etc-title .mini-title {
    font-size: 1.0714285714rem;
  }

  body .hanare-page .rec-common-wrap .hanare-content .super-big {
    font-size: 2.1428571429rem;
  }

  body .hanare-page .rec-common-wrap .hanare-content .boshu-box dl {
    font-size: 1.0714285714rem;
    display: block;
    margin-right: 0;
    width: 100%;
  }

  body .hanare-page .rec-common-wrap .hanare-content .boshu-box dl dd {
    margin-top: 5px;
  }

  body .hanare-page .rec-common-wrap .hanare-content .contact-window .sub-title {
    font-size: 1.2142857143rem;
  }

  body .hanare-page .rec-common-wrap .hanare-content .contact-window .info {
    font-size: 1.4285714286rem;
  }

  body .hanare-page .rec-common-wrap .hanare-content .contact-window .mini-text {
    font-size: 1.0714285714rem;
  }

  body .new-interview-page .interview-nav {
    width: 100%;
    padding-top: 0;
  }

  body .new-interview-page .interview-nav .interview-nav-item .big-category {
    width: 100%;
  }

  body .new-interview-page .interview-nav .interview-nav-item .big-category:hover {
    opacity: 1 !important;
  }

  body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(1) {
    width: 100%;
  }

  body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(1) .big-category {
    margin-bottom: 0;
  }

  body .new-interview-page .interview-nav .interview-nav-item:nth-of-type(2) .big-category {
    margin-bottom: 0;
  }

  body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t1,
  body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t2,
  body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t3,
  body .new-interview-page .interview-nav .interview-nav-item .interview-aco-content .category-list li.t4 {
    width: 50%;
  }

  body .new-interview-page .interview-nav .interview-nav-item .interview-aco {
    position: relative;
  }

  body .new-interview-page .interview-nav .interview-nav-item.open-aco .interview-aco {
    background: #006934;
    color: #fff;
    opacity: 1 !important;
  }

  body .new-interview-page .interview-nav .interview-nav-item.open-aco .interview-aco:after {
    content: '✕';
    color: #fff;
    top: 0;
    right: 20px;
    position: absolute;
  }

  body .new-interview-page .interview-list-box .interview-main-content .senpai-list li {
    width: 48%;
  }

  body .senpai-single-page .main-image-box .image-wrap {
    position: relative;
  }

  body .senpai-single-page .main-image-box .main-image {
    padding-top: 128.5333333333%;
  }

  body .senpai-single-page .main-image-box .main-catch {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-size: 1.25rem;
    line-height: 1.7em;
  }

  body .senpai-single-page .main-image-box .main-info {
    position: static;
    margin: 9.4117647059% auto 0;
    width: 86.7647058824%;
    color: #000;
  }

  body .senpai-single-page .naiyo-box .naiyo-content .text {
    width: 80%;
  }

  body .senpai-single-page .naiyo-box .naiyo-content .image.r-image2 {
    width: 80%;
  }

  body .senpai-single-page .schedule-box section {
    margin: 8% auto;
  }

  body .senpai-single-page .schedule-box section h4 {
    margin-top: 14%;
  }

  body .senpai-single-page .schedule-box section .time-list {
    margin-top: 7%;
    margin-bottom: 7%;
  }

  body .senpai-single-page .off-box {
    display: block;
  }

  body .senpai-single-page .off-box .off-image {
    width: 100%;
  }

  body .senpai-single-page .off-box section {
    width: 100%;
  }

  body .project-page .main-title {
    padding-top: 30%;
  }

  body .project-burder-page .member-box .names {
    text-align: center;
  }

  body .project-burder-page .member-box .names .title,
  body .project-burder-page .member-box .names .name,
  body .project-burder-page .member-box .names .info {
    display: block;
  }

  body .project-burder-page .member-box .bottom-box {
    display: block;
    margin-top: 9.756097561%;
  }

  body .project-burder-page .member-box .bottom-box .image {
    width: 100%;
    text-align: center;
  }

  body .project-burder-page .member-box .bottom-box .image img {
    width: 58.5365853659%;
  }

  body .project-burder-page .member-box .bottom-box .inner-text {
    width: 100%;
    margin-top: 14.6341463415%;
  }

  body .project-burder-page .image-text-box .image img:nth-of-type(2) {
    display: block;
  }

  body .project-burder-page .image-text-box .image img:nth-last-of-type(2) {
    display: none;
  }

  body .project-burder-page .image-text-box dl dt {
    text-align: left;
  }

  body .project-burder-page .image-text-box dl dd {
    text-align: justify;
    text-justify: inter-ideograph;
  }

  body .project-burder-page .rego-box .full-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  body .project-burder-page .rego-box dl dt {
    text-align: left;
  }

  body .project-burder-page .rego-box dl dd {
    text-align: justify;
    text-justify: inter-ideograph;
  }

  body .project-burder-page .rego-box .double2 {
    width: 85%;
    margin: 7.619047619% auto 0;
  }

  body .project-burder-page .rego-box .double2 p {
    margin-top: 9px;
  }

  body .project-burder-page .rego-box .double2 p img {
    width: 100%;
    height: auto;
    display: block;
  }

  body .project-burder-page .rego-box2 .full-image img {
    width: 100%;
    height: auto;
    display: block;
  }

  body .project-burder-page .rego-box2 .double-box {
    width: 100%;
    display: block;
    margin: 0;
  }

  body .project-burder-page .rego-box2 .double-box dl {
    width: 85%;
    margin: 10.9523809524% auto 0;
  }

  body .project-burder-page .rego-box2 .double-2 {
    width: 85%;
    margin: 7.619047619% auto 0;
  }

  body .project-burder-page .rego-box2 .double-2 p {
    margin-top: 9px;
  }

  body .project-burder-page .rego-box2 .double-2 p img {
    width: 100%;
    height: auto;
    display: block;
  }

  body .project-burder-page .text-image-box .image img:nth-of-type(2) {
    display: block;
  }

  body .project-burder-page .text-image-box .image img:nth-last-of-type(2) {
    display: none;
  }

  body .project-burder-page .text-image-box dl dt {
    text-align: left;
  }

  body .project-burder-page .text-image-box dl dd {
    text-align: justify;
    text-justify: inter-ideograph;
  }

  body .project-burder-page .green-box {
    width: 85%;
  }

  body .project-burder-page .soug-box h4 {
    font-size: 1.25rem;
    letter-spacing: 0.08em;
  }

  body .rec-common-title {
    font-size: 1.4285714286rem;
  }

  body .rec-header {
    display: none;
  }

  body .rec-header li.nav {
    font-size: 0.8571428571rem;
  }

  body .rec-common-wrap .etc-link {
    flex-wrap: wrap;
  }

  body .rec-common-wrap .etc-link li {
    width: 48%;
  }

  body .rec-common-wrap .etc-link li:last-of-type {
    margin: 1.5vh auto 0;
  }

  body .rec-common-wrap .big-link-box {
    flex-wrap: wrap;
  }

  body .rec-common-wrap .big-link-box li {
    margin-bottom: 3%;
    width: 30.9927360775%;
  }

  body .rec-sp-header {
    position: fixed;
    top: 0;
    left: 100%;
    margin-top: 12.4519650655%;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    z-index: 500;
  }

  body .rec-sp-header img {
    max-width: none;
  }

  body .rec-sp-header .rec-sp-header-inner {
    height: 100%;
  }

  body .rec-sp-header .rec-sp-header-inner .rec-open {
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 1;
  }

  body .rec-sp-header .rec-sp-header-inner .rec-open img {
    display: block;
    transition: all 0.2s;
  }

  body .rec-sp-header .rec-sp-header-inner .rec-open img:nth-of-type(2) {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
  }

  body .rec-sp-header .rec-sp-header-inner .links {
    padding-top: 47px;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    width: 235px;
    transition: right 0.2s;
    z-index: 0;
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-width: 100%;
    max-height: calc(100% - 47px);
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li {
    border-bottom: 1px solid #e9d9c0;
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li .in {
    display: block;
    height: 44px;
    font-size: 13px;
    line-height: 1.25em;
    letter-spacing: 0.08em;
    color: #604c3f;
    padding: 0 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li .in:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../image/recruit/arrow-menu.png) no-repeat center center;
    background-size: contain;
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li.rec-aco-box .in:after {
    transform: rotate(90deg);
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li.rec-aco-box .rec-aco-inner {
    overflow: hidden;
    height: 0;
    transition: height 0.2s;
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li.rec-aco-box .rec-aco-inner p a {
    height: 44px;
    display: flex;
    justify-content: space-between;
    padding: 0 12px 0 24px;
    font-size: 10px;
    color: #604c3f;
    align-items: center;
  }

  body .rec-sp-header .rec-sp-header-inner .links ul li.rec-aco-box .rec-aco-inner p a:after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: url(../image/recruit/arrow-menu.png) no-repeat center center;
    background-size: contain;
  }

  body .rec-sp-header .rec-sp-header-inner .links .entry {
    padding: 25px 0;
  }

  body .rec-sp-header .rec-sp-header-inner .links .entry a {
    display: block;
    width: 132px;
    text-align: center;
    white-space: nowrap;
    height: 47px;
    line-height: 47px;
    background: #006934;
    color: #fff;
    font-size: 13px;
    letter-spacing: 0.08em;
    margin: 0 auto;
  }

  body .rec-sp-header.open .rec-sp-header-inner .rec-open img {
    opacity: 0;
  }

  body .rec-sp-header.open .rec-sp-header-inner .rec-open img:nth-of-type(2) {
    opacity: 1;
  }

  body .rec-sp-header.open .links {
    right: 100%;
  }

  body .c-more-works a {
    margin-top: 11%;
  }

  body .c-staff-link a {
    margin-top: 11%;
  }

  body .c-staff-link a {
    margin-top: 4%;
  }

  body .access-page .access-wrap .text-info {
    display: block;
  }

  body .access-page .access-wrap .text-info section {
    width: 100%;
    margin-bottom: 6vh;
  }

  body .access-page .access-wrap .contact-box h3 {
    font-size: 1.5714285714rem;
  }

  body .access-page .access-wrap .contact-box .contact-info .flex-box {
    display: block;
  }

  body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box,
  body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box a,
  body .access-page .access-wrap .contact-box .contact-info .flex-box .right-box a {
    display: inline-block;
    white-space: nowrap;
  }

  body .access-page .access-wrap .contact-box .contact-info .flex-box .left-box {
    margin-bottom: 4vh;
  }

  body .rule-common-page .rule-common-wrap .contact-box h3 {
    font-size: 1.5714285714rem;
  }

  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.4285714286rem;
    box-sizing: border-box;
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

  body .common-first-text {
    font-size: 1rem;
  }

  body .common-slide {
    height: 100vh;
  }

  body .common-slide .common-slide-content {
    height: 100vh;
  }

  body #resort .bottom-link .link-list,
  body .experience-page .bottom-link .link-list,
  body .shoping-page .bottom-link .link-list {
    display: block;
  }

  body #resort .bottom-link .link-list .link-content,
  body .experience-page .bottom-link .link-list .link-content,
  body .shoping-page .bottom-link .link-list .link-content {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2vh;
  }

  body #resort .bottom-link .link-list .link-content a,
  body .experience-page .bottom-link .link-list .link-content a,
  body .shoping-page .bottom-link .link-list .link-content a {
    display: block;
    position: relative;
  }

  body #resort .bottom-link .link-list .link-content a .image,
  body .experience-page .bottom-link .link-list .link-content a .image,
  body .shoping-page .bottom-link .link-list .link-content a .image {
    position: relative;
    padding-top: 30%;
    overflow: hidden;
  }

  body #resort .bottom-link .link-list .link-content a .image img,
  body .experience-page .bottom-link .link-list .link-content a .image img,
  body .shoping-page .bottom-link .link-list .link-content a .image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 252px;
    max-width: 90%;
    height: auto;
    transform: translate(-50%, -50%);
  }

  body #resort .bottom-link .link-list .link-content a .more-text,
  body .experience-page .bottom-link .link-list .link-content a .more-text,
  body .shoping-page .bottom-link .link-list .link-content a .more-text {
    display: none;
  }

  body .common-mse {
    display: block;
  }

  body .common-mse a {
    width: 100%;
    margin-top: 3vh;
  }

  body #resort .bottom-link h3 {
    font-size: 1.4285714286rem;
  }

  body .hanare-page .hanare-main-slider-box {
    margin-top: 18.5%;
  }

  body .hanare-page .catch-box .text {
    font-size: 0.9375rem;
  }

  body .hanare-page .menu-box .menu-list {
    margin-top: 8%;
    justify-content: space-around;
  }

  body .hanare-page .menu-box .menu-list .menu-content {
    width: 80%;
  }

  body .hanare-page .access-box section .hanare-info {
    margin-top: 7.5%;
  }

  body .hanare-page .access-box section .hanare-info dl {
    margin-top: 6%;
  }

  body .hanare-page .access-box .map {
    padding-top: 55%;
  }

  body .hanare-page .access-box .floor-map {
    margin-top: 5%;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  body .top-page .main-slide .slide-logo {
    top: 8%;
    transform: translate(0, 0) !important;
  }

  body .top-page .main-slide .slide-logo img {
    height: 250px;
    max-height: 30vh;
    width: auto;
    max-width: none;
  }

  body .top-page .main-slide .slide-scroll {
    width: 50px;
  }

  body .top-page .main-slide .egg-content {
    max-width: 95%;
  }

  body .top-page .main-slide .egg-content .egg-image img {
    width: 160px;
  }
}

@media (max-width: 700px) and (orientation: landscape) and (max-width: 568px) {
  body .top-page .main-slide .egg-content .egg-image {
    margin-top: 4vh;
  }

  body .top-page .main-slide .egg-content .egg-image img {
    width: 140px;
  }
}

@media (max-width: 700px) and (orientation: landscape) and (max-height: 319px) {
  body .top-page .main-slide .egg-content .egg-image {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  body .top-page .content-type-aco .visit-content {
    height: 180vh !important;
  }

  body .top-page .content-type-aco .visit-content .text-box {
    width: 115%;
    max-width: 115%;
    right: -7.5%;
  }

  body .top-page .content-type-aco .visit-content .text-box .aco-more img {
    width: 75px;
    height: auto;
  }
}

@media (max-width: 700px) and (orientation: landscape) and (max-width: 568px) {
  body .top-page .content-type-aco .visit-content .text-box .text-logo {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: landscape) and (max-height: 370px) {
  body .top-page .content-type-aco .visit-content .text-box .text-logo {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: landscape) and (max-height: 365px) {
  body .top-page .content-type-aco .scroll-aco .scroll-aco-content .action-box .action-innear section {
    width: 345px;
  }

  body .top-page .content-type-aco .scroll-aco .scroll-aco-content .action-box .action-innear section .aco-number {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: landscape) {
  body .top-page .how-to-enjoy section .dobule-content .enjoy-main .text-image {
    display: none;
  }

  body .top-page .how-to-enjoy section .dobule-content .enjoy-main .link-box {
    height: 100%;
    box-sizing: border-box;
    padding-top: 6vh;
  }

  body .top-page .access {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
  }

  body .top-page .access h3 {
    width: 100%;
  }

  body .top-page .access .bottom-message {
    display: none;
  }

  body .top-page .access .flex-content {
    width: 48%;
  }

  body .top-page .access .flex-content .left-content {
    display: none;
  }

  body .top-page .access .flex-content .right-content #map {
    padding-top: 60%;
  }

  body .top-page .access .link-button {
    width: 48%;
  }

  body .top-page .recruit-content .left-image {
    width: 85%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  body .top-page .recruit-content .right-content h4,
  body .top-page .recruit-content .right-content .catch,
  body .top-page .recruit-content .right-content .text {
    display: none;
  }

  body .sns-box h3 img {
    width: 175px;
  }

  body .sns-box ul li {
    width: 27px;
  }

  body .sns-box .bottom-text-image {
    margin-top: 6px;
  }

  body .sns-box .bottom-text-image img {
    width: 63px;
  }

  body .main-footer .logo-box {
    display: none;
  }

  body .main-footer .foot-link {
    display: none;
  }
}

@media (max-width: 700px) and (orientation: portrait) {
  body {
    /*
    .top-page{
      .content-type-aco{
        .scroll-aco{
          .scroll-aco-content{
            .image{
              height: 60%;
            }
            .action-box{
              height: 40%!important;
              top: auto!important;
              bottom: 0;
              .action-innear{
                height: 40vh;
                section{
                  transform: translate(0,-50%)!important;
                  width: 90%;
                  left: 5%!important;
                  top: 50%;
                  right: auto!important;
                  .aco-number{
                    display: none;
                  }
                  h4{
                    color: $color-black!important;
                    text-shadow: none!important;
                  }
                  .common-text{
                    color: $color-black!important;
                    text-shadow: none!important;
                  }
                }
              }
            }
          }
        }
      }
    }
    .eat-concept-page{
      .anime-content{
        .image{
          height: 60%;
        }
        .action-box{
          height: 40%!important;
          top: auto!important;
          bottom: 0;
          .action-innear{
            height: 40vh;
            section{
              transform: translate(0,-50%)!important;
              width: 90%;
              left: 5%!important;
              top: 50%;
              right: auto!important;
              .aco-number{
                display: none;
              }
              h4{

                color: $color-black!important;
                text-shadow: none!important;
              }
              .common-text{
                color: $color-black!important;
                text-shadow: none!important;
              }
            }

          }
        }
      }
    }
    */
  }

  body .top-page .content-type-aco .visit-content:before {
    width: 100%;
    height: 50%;
  }

  body .top-page .content-type-aco .visit-content .text-box {
    transform: translate(0, 0);
    bottom: 0;
    background: rgba(255, 255, 255, 0.5);
    padding: 0;
    width: 100%;
    top: auto;
    right: auto;
    left: 0;
    max-width: 100%;
  }

  body .top-page .content-type-aco .visit-content .text-box .text-logo {
    display: none;
  }
}

.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: 1.75rem;
}

.user_contents h2 {
  font-size: 1.5625rem;
}

.user_contents h3 {
  font-size: 1.3125rem;
}

.user_contents h4 {
  font-size: 1.125rem;
}

.user_contents h5 {
  font-size: 1em;
}

.user_contents h6 {
  font-size: 0.9em;
}

.user_contents .font-mincho {
  font-family: "Noto Serif JP", "游明朝", 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.0625rem;
  }

  .user_contents h5 {
    font-size: 1rem;
  }

  .user_contents h6 {
    font-size: 0.9rem;
  }
}

/* アナウンスバー */
/* .announce {
  height: 2em;
  background-color: red;
  display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99999;
}

.announce p {
  font-size: 16px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
}

body .top-page .main-slide {
  top: 2em;
}

body .top-header,
body .top-header2 {
  top: 2em;
}

body .main-header {
  top: 2em;
}

body:not(.home) {
  padding-top: calc(63px + 2em);
}

.announce .sp_br {
  display: none;
}

@media screen and (max-width: 700px) {
  .announce {
    height: 3em;
    text-align: center;
  }

  .announce p {
      font-size: 11px;
  }

  body .top-page .main-slide {
    top: 3em;
  }
  
  body .top-header,
  body .top-header2 {
    top: 3em;
  }
  
  body .main-header {
    top: 3em;
  }
  
  body:not(.home) {
    padding-top: 3em;
  }

  .announce .sp_br {
    display: block;
  }
} */

/* 202105追加分 */
* {
  box-sizing: border-box;
}

a:focus,
*:focus {
  outline: none;
}

body {
  overflow-x: hidden;
  padding-top: 0;
}

body.menu_open {
  overflow: hidden;
}

main .global-wrap {
  width: 100%;
  max-width: 1460px;
  margin: auto;
}

main .global-wrap .wrap {
  width: 100%;
  padding-left: 4%;
  padding-right: 4%;
}

@media screen and (max-width: 700px) {
  html {
    font-size: 62.5%;
  }

  .pc {
    display: none;
  }

  body {
    padding-top: 50px;
  }

  body:has(main) {
    padding-top: 0;
  }

  main {
    padding-top: 50px;
  }
}

@media screen and (min-width: 701px) {
  .sp {
    display: none;
  }

  body {
    padding-top: 60px;
  }

  body:has(main) {
    padding-top: 0;
  }

  main {
    padding-top: 60px;
  }
}

/* header */
header:not(main > header) svg {
  transition: all 0.5s;
}

header:not(main > header) {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100vw;
  z-index: 999;
  transition: transform 0.5s;
  -webkit-transition: transform 0.5s;
}

header:not(main > header)>.inner_wrap {
  max-width: 1343px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 3.2%;
  margin: 0 auto;
  height: 100%;
}

header:not(main > header) .logo {
  z-index: 999;
}

header:not(main > header) .logo a {
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

header:not(main > header) .logo svg {
  fill: #000;
}

/* .menu_open header .logo svg {
    fill: #000!important;
}  */

header:not(main > header) .inner_wrap>.icons {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-family: Arial, sans-serif;

}

header:not(main > header) .icons .nav_reserve_btn a,
header:not(main > header) .icons .to_onlineshop a {
  display: block;
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
}

header:not(main > header) .icons .nav_reserve_btn svg {
  fill: #000;
  display: block;
}

header:not(main > header) .icons .to_onlineshop svg {
  fill: #000;
  display: block;
}

header .nav_reserve_btn a>span,
header .to_onlineshop span {
  display: block;
  text-align: center;
  color: #000;
}

/* header:not(main > header) .menu-btn {
    width: 38px;
} */

@media screen and (max-width: 700px) {
  header:not(main > header) {
    height: 50px;
    background-color: rgba(255, 255, 255, 0.55);
  }

  header:not(main > header).hide {
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }

  header:not(main > header) .logo {
    width: 140px;
  }

  /* header .logo svg {
        fill: #000;
    } */

  header:not(main > header) .inner_wrap>.icons {
    /* width: 80px;
        padding-right: 30px; */
    min-width: 141px;
  }

  header:not(main > header) .icons .nav_reserve_btn {
    width: 40px;
    margin-right: 22px;
  }

  header:not(main > header) .icons .nav_reserve_btn svg {
    width: 25px;
    margin: 0 auto 6px;
  }

  header:not(main > header) .icons .to_onlineshop {
    width: 27px;
    margin-right: 28px;
  }

  header:not(main > header) .icons .to_onlineshop svg {
    width: 25px;
    margin: 0 auto 6px;
  }

  /* header .icons .to_onlineshop svg {
        fill: #000;
    } */

  header:not(main > header) .nav_reserve_btn a>span,
  header:not(main > header) .to_onlineshop span {
    font-size: 10px;
    /* color: #000; */
  }
}

@media screen and (min-width: 701px) {
  header:not(main > header) {
    height: 60px;
    background-color: rgba(255, 255, 255, 0.55);
  }

  header:not(main > header) .logo {
    width: 19.4%;
    min-width: 200px;
  }

  /* header .logo svg {
        fill: #fff;
    } */

  header:not(main > header) .inner_wrap>.icons {
    /* padding-right: 76px; */
    min-width: 176px;
  }

  header:not(main > header) .icons .nav_reserve_btn {
    width: 48px;
    margin-right: 24px;
  }

  header:not(main > header) .icons .nav_reserve_btn svg {
    width: 30px;
    margin: 2px auto 5px;
  }

  header:not(main > header) .icons .to_onlineshop {
    width: 35px;
    margin-right: 36px;
  }

  header:not(main > header) .icons .to_onlineshop svg {
    width: 30px;
    margin: 0 auto 6px;
  }

  /* header .icons .to_onlineshop svg {
        fill: #fff;
    } */

  header:not(main > header) .nav_reserve_btn a>span,
  header:not(main > header) .to_onlineshop span {
    font-size: 0.82vw;
    /* color: #fff; */
  }

  header:not(main > header) .logo a:hover {
    opacity: 0.6;
  }

  header:not(main > header) .icons .nav_reserve_btn a:hover header:not(main > header) .icons .to_onlineshop a:hover {
    opacity: 0.6;
  }
}

@media screen and (min-width: 1460px) {

  header:not(main > header) .nav_reserve_btn a>span,
  header:not(main > header) .to_onlineshop span {
    font-size: 12px;
  }
}

/* ハンバーガー */
#nav_toggle {
  height: 60px;
  /* position: absolute;
    top: 0px;
    right: 0px; */
  z-index: 999;
}

#nav_toggle span {
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  transition: all .5s;
  height: 2px;
  background-color: #000;
}

#nav_toggle span:nth-child(4) {
  display: block;
  text-align: center;
  background: none;
  color: #000;
}

.menu_open #nav_toggle span:nth-child(1) {
  top: 16px !important;
  transform: rotate(35deg);
  background-color: #231815 !important;
}

.menu_open #nav_toggle span:nth-child(2) {
  width: 0 !important;
  left: 50%;
}

.menu_open #nav_toggle span:nth-child(3) {
  top: 16px !important;
  transform: rotate(-35deg);
  background-color: #231815 !important;
}

.menu_open #nav_toggle span:nth-child(4) {
  color: #231815 !important;
}

@media screen and (max-width: 700px) {
  #nav_toggle {
    width: 22px !important;
    height: 40px;
    position: relative;
  }

  #nav_toggle span {
    background: #000;
  }

  #nav_toggle span:nth-child(1) {
    top: 9px;
  }

  #nav_toggle span:nth-child(2) {
    top: 15px;
  }

  #nav_toggle span:nth-child(3) {
    top: 21px;
  }

  #nav_toggle span:nth-child(4) {
    top: 30px;
    font-size: 10px;
    color: #000;
    margin-left: -3px;
    margin-top: -2px;
  }

  .menu_open #nav_toggle span {
    width: 120%;
  }

  /* .menu_open #nav_toggle span:nth-child(4) {
      top: 34px;
    } */
}

@media screen and (min-width: 701px) {
  #nav_toggle {
    width: 29px;
    height: 45px;
    position: relative;
  }

  /* #nav_toggle span {
        background: #fff;
    } */

  #nav_toggle span:nth-child(1) {
    top: 9px;
  }

  #nav_toggle span:nth-child(2) {
    top: 16px;
  }

  #nav_toggle span:nth-child(3) {
    top: 23px;
  }

  #nav_toggle span:nth-child(4) {
    top: 34px;
    font-size: 10px;
    /* color: #fff; */
  }
}

@media screen and (min-width: 1460px) {
  #nav_toggle span:nth-child(4) {
    font-size: 10px;
  }
}

/* ハンバーガーメニュー 中身 */
.nav_wrap.hm_nav_wrap {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: all 0.5s;
}

.menu_open .nav_wrap.hm_nav_wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 99;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.nav_wrap .sub_nav ul li a {
  color: #231815;
  font-size: 13px;
  letter-spacing: 0.05em;
}

.nav_wrap .sub_nav ul li:nth-child(3) a::before {
  content: '';
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle;
}

.main_nav_content li {
  border-bottom: 1px solid #bfbfbf;
}

.main_nav_content li a {
  display: block;
  text-align: right;
}

.main_nav_content li span {
  color: #231815;
  display: block;
}

.main_nav_content li span.ja {
  letter-spacing: 0.2em;
  position: relative;
}

.main_nav_content li span.ja::after {
  content: '→';
  color: #231815;
  position: absolute;
  top: 50%;
  right: -2em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.main_nav_content li span.en {
  letter-spacing: 0.2em;
  margin-top: 0.5em;
  color: #878787;
}

.nav_wrap .sns {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #bfbfbf;
  position: relative;
}

.nav_wrap .sns::before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #bfbfbf transparent;
  position: absolute;
  bottom: 0;
}

.nav_wrap .sns::after {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  bottom: -1.5px;
}

.nav_wrap .sns>span {
  letter-spacing: 0.2em;
}

.nav_wrap .sns ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav_wrap .sns ul li {
  width: calc(100% / 6);
  height: 2em;
}

.nav_wrap .sns li a {
  display: block;
  width: auto;
  height: 100%;
}

.nav_wrap .sns li a img {
  display: block;
  width: auto;
  height: 100%;
  margin: 0 auto;
}

.nav_wrap .app_content {
  margin-left: auto;
  margin-right: 0;
}

.nav_wrap .app_content p {
  letter-spacing: 0;
  text-align: right;
}

.nav_wrap .app_content .icons {
  margin-left: auto;
  margin-right: 0;
}

.nav_wrap .app_content ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav_wrap .app_content li {
  width: 46.9%;
}

.nav_wrap .app_content li:first-child {
  margin-right: 4.9%;
}

.nav_wrap .app_content li a {
  display: block;
}

.nav_wrap .app_content li img {
  width: 100%;
}

@media screen and (max-width: 700px) {
  .nav_wrap {
    /* padding-top: 78px; */
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100) !important;
    /* jsでinnerheightを計算して変数に入れる */
    position: relative;
    width: 100%;
  }

  .nav_wrap .inner_wrap {
    margin: 0 4%;
    /* position: relative; */
    padding-top: 50px;
  }

  .nav_wrap .nav_fx {
    display: block;
    height: calc(100vh - 60px);
    /* position: relative; */
  }

  .nav_wrap .main_nav {
    width: 100%;
    /* height: calc(100% - 210px); */
    height: calc(var(--vh, 1vh) * 100 - 210px);
    /* 240px = 固定ナビ高さ120px + 固定ナビ下余白20px + ヘッダー高さ60px + 若干余裕 */
    overflow: scroll;
    /* position: relative; */
  }

  .nav_wrap .sub_nav {
    width: 92%;
    position: absolute;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    padding-top: 15px;
    /* bottom: 0; */
  }

  .nav_wrap .sub_nav::before {
    content: '';
    position: absolute;
    top: -10px;
    /* width: 100%; */
    height: 10px;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0);
    opacity: 0.15;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  .main_nav_content li a {
    padding: 10px 4em 5px 0;
  }

  .main_nav_content li span.ja {
    font-size: 14px;
  }

  .main_nav_content li span.en {
    font-size: 10px;
  }

  .nav_wrap .sns {
    padding: 19px 0 17px 0.5em;
  }

  .nav_wrap .sns::before {
    border-width: 0 5px 12px 5px;
    right: 5%;
  }

  .nav_wrap .sns::after {
    border-width: 0 5px 12px 5px;
    right: 5%;
  }

  .nav_wrap .app_content .icons {
    width: 71.9%;
    margin-top: 8px;
  }

  .nav_wrap .sns>span {
    font-size: 10px;
  }

  .nav_wrap .sns ul {
    width: 74.4%;
  }

  .nav_wrap .app_content {
    margin-top: 5px;
    margin-bottom: 20px;
  }

  .sub_nav ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .sub_nav ul li {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #231815;
    border-left: 1px solid #231815;
    border-right: 1px solid #231815;
    height: 40px;
  }

  .sub_nav ul li:first-child {
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
  }

  .sub_nav ul li:nth-child(2) {
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3;
  }

  .sub_nav ul li:last-child {
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1;
    border-top: 1px solid #231815;
    background-color: #231815;
  }

  .nav_wrap .sub_nav ul li a {
    display: block;
    line-height: 40px;
  }

  .sub_nav ul li:last-child a {
    color: #fff;
  }

  .nav_wrap .sub_nav ul li:nth-child(3) a::before {
    background-image: url(../image/resort_2105renewal/to_onlineshop.svg);
    width: 1.8em;
    height: 1.8em;
    margin-right: 0.7em;
  }

  .nav_wrap .app_content p {
    font-size: 10px;
  }
}

@media screen and (min-width: 701px) {
  .nav_wrap {
    overflow-y: scroll;
  }

  .nav_wrap .inner_wrap {
    /* margin: 0 5%; */
    margin: 0 auto;
    max-width: 1343px;
    padding: 60px 4.7% 100px 11.6%;
  }

  .nav_wrap .nav_fx {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .nav_wrap .main_nav {
    width: 52.4%;
  }

  .nav_wrap .sub_nav {
    width: 30%;
    margin-bottom: 65px;
  }

  .main_nav_content li a {
    padding: 9px 3em 9px 0;
  }

  .main_nav_content li span.ja {
    font-size: 16px;
  }

  .main_nav_content li span.en {
    font-size: 12px;
  }

  .nav_wrap .sns {
    padding: 28px 0 28px 1em;
  }

  .nav_wrap .sns::before {
    border-width: 0 7px 15px 7px;
    right: 4%;
  }

  .nav_wrap .sns::after {
    border-width: 0 7px 15px 7px;
    right: 4%;
  }

  .nav_wrap .app_content .icons {
    width: 55.3%;
    margin-top: 15px;
  }

  .nav_wrap .sns>span {
    font-size: 1.25vw;
  }

  .nav_wrap .sns ul {
    width: 67.4%;
  }

  .nav_wrap .sns ul li {
    padding: 0 0.3em;
    font-size: 1.25vw;
  }

  .nav_wrap .app_content {
    margin-top: 20px;
  }

  .nav_wrap .sub_nav li {
    margin-bottom: 30px;
  }

  .nav_wrap .sub_nav ul li a::after {
    content: '→';
    margin-left: 1em;
  }

  .nav_wrap .sub_nav ul li:nth-child(3) a::before {
    background-image: url(../image/resort_2105renewal/humb_cart.svg);
    width: 2em;
    height: 2em;
    margin-right: 0.3em;
  }

  .nav_wrap .app_content p {
    font-size: 14px;
  }
}

@media screen and (min-width: 1280px) {
  .nav_wrap .sns ul li {
    font-size: 16px;
  }

  .nav_wrap .sns>span {
    font-size: 16px;
  }
}

/* reserve_nav_wrap */
.menu_reserve_open #nav_toggle {
  z-index: 0;
}

/* #nav_reserve_btn {
  transition: all 0.5s;
} */

.menu_reserve_open #nav_reserve_btn {
  height: 60px;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 999;
  margin-right: 0;
}

.menu_reserve_open #nav_reserve_btn>a {
  display: none;
}

.reserve_close_btn {
  display: none;
  transition: all .5s;
}

.menu_reserve_open .reserve_close_btn {
  display: block;
}

#nav_reserve_btn div>span {
  width: 100%;
  left: 0;
  display: block;
  position: absolute;
  transition: all .5s;
  height: 2px;
  background-color: #231815;
}

.menu_reserve_open #nav_reserve_btn div>span:nth-child(1) {
  top: 16px !important;
  transform: rotate(35deg);
  background-color: #231815 !important;
}

.menu_reserve_open #nav_reserve_btn div>span:nth-child(2) {
  width: 0 !important;
}

.menu_reserve_open #nav_reserve_btn div>span:nth-child(3) {
  top: 16px !important;
  transform: rotate(-35deg);
  background-color: #231815 !important;
}

.menu_reserve_open #nav_reserve_btn div>span:nth-child(4) {
  display: block;
  text-align: center;
  background: none;
  color: #231815 !important;
}

.nav_wrap.reserve_nav_wrap {
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transition: all 0.3s;
}

.menu_reserve_open .nav_wrap.reserve_nav_wrap {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 100%;
  height: 100vh;
  z-index: 99;
  transform: translateX(0);
  -webkit-transform: translateX(0);
}

.reserve_nav_wrap .nav_title {
  line-height: 1;
  letter-spacing: 0;
  font-weight: normal;
  border-bottom: 1px solid #3b4042;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.reserve_nav_wrap .nav_title span {
  line-height: 1;
  letter-spacing: 0;
}

.reserve_nav_wrap .main_nav_content {
  position: relative;
}

.reserve_nav_wrap .nav_item_heading {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.reserve_nav_wrap .nav_item_heading img {
  height: 20px;
}

.reserve_nav_wrap .nav_item_heading strong {
  line-height: 1;
  letter-spacing: 0;
  font-weight: normal;
}

.reserve_nav_wrap .nav_item .img img {
  width: 100%;
}

.reserve_nav_wrap .nav_item .text strong {
  letter-spacing: 0;
  font-weight: normal;
  font-feature-settings: "palt";
}

.reserve_nav_wrap .nav_item .text strong span {
  letter-spacing: 0;
}

.reserve_nav_wrap .nav_item .text p {
  line-height: 1.3;
  letter-spacing: 0;
  font-feature-settings: "palt";
}

.reserve_nav_wrap .nav_item .to_map a {
  font-size: 9px;
  line-height: 1.3;
  letter-spacing: 0;
  font-feature-settings: "palt";
  position: relative;
  display: block;
}

.reserve_nav_wrap .nav_item .to_map a::before {
  content: '';
  background-image: url(../image/resort_2105renewal/map_icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
}

@media screen and (max-width: 700px) {
  .menu_reserve_open #nav_reserve_btn {
    width: 27px;
  }

  .menu_reserve_open #nav_reserve_btn div>span:nth-child(4) {
    top: 28px;
    font-size: 10px;
  }

  .menu_reserve_open #nav_reserve_btn div>span {
    width: 120%;
  }

  .reserve_nav_wrap .nav_title {
    margin-top: 10px;
    padding-bottom: 9px;
    font-size: 17px;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .reserve_nav_wrap .nav_title span {
    margin-right: 15px;
    font-size: 10px;
  }

  .reserve_nav_wrap .main_nav_content {
    margin-top: 11px;
    padding-bottom: 50px;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
  }

  .reserve_nav_wrap .main_nav_content::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #3b4042;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .reserve_nav_wrap .nav_item_wrap {
    width: 46.61%;
  }

  /* .reserve_nav_wrap .nav_item_wrap + .nav_item_wrap {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid #3b4042;
  } */

  .reserve_nav_wrap .nav_item_heading {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .reserve_nav_wrap .nav_item_heading strong {
    margin-right: 10px;
    font-size: 13px;
  }

  .reserve_nav_wrap .nav_item_wrap .fx_wrap {
    margin-top: 8px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  /* .reserve_nav_wrap .nav_item {
    width: 48.02%;
  } */

  .reserve_nav_wrap .nav_item.nav_item_02,
  .reserve_nav_wrap .nav_item.nav_item_03,
  .reserve_nav_wrap .nav_item.nav_item_05 {
    margin-top: 13px;
  }

  /* .reserve_nav_wrap .nav_item_01 {
    order: 2;
  }

  .reserve_nav_wrap .nav_item_02 {
    order: 1;
  } */

  .reserve_nav_wrap .nav_item_03 {
    order: -1;
  }

  .reserve_nav_wrap .nav_item_04 {
    order: -2;
  }

  /* .reserve_nav_wrap .nav_item_05 {
    position: relative;
  } */

  .reserve_nav_wrap .nav_item>a {
    position: relative;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .reserve_nav_wrap .nav_item .img {
    order: 2;
    margin-top: 6px;
    width: 100%;
  }

  .reserve_nav_wrap .nav_item .img img {
    border-radius: 5px;
  }

  .reserve_nav_wrap .nav_item .text {
    order: 1;
    position: relative;
    width: 100%;
  }

  .reserve_nav_wrap .nav_item .text strong {
    font-size: 12px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .reserve_nav_wrap .nav_item .text strong span {
    margin-bottom: 5px;
    font-size: 10px;
    order: -1;
    display: block;
    min-height: 10px;
  }

  .reserve_nav_wrap .nav_item .text p {
    font-size: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .reserve_nav_wrap .nav_item .link {
    padding: 0 5px;
    width: 100%;
    height: 30px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0;
    border-radius: 0 0 5px 5px;
    background-color: rgba(35, 31, 32, .7);
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .reserve_nav_wrap .nav_item .to_map {
    margin-top: 5px;
  }

  .reserve_nav_wrap .nav_item .to_map a {
    display: block;
    padding-left: 9px;
    font-size: 12px;
  }

  .reserve_nav_wrap .nav_item .to_map a::before {
    width: 6px;
    height: 14px;
    top: 0.15em;
    left: 0;
  }

  .reserve_nav_wrap .nav_item .to_map a span {
    display: inline-block;
    margin-left: 0.5em;
  }
}

@media screen and (min-width: 701px) {
  .menu_reserve_open #nav_reserve_btn {
    width: 33px;
  }

  .menu_reserve_open #nav_reserve_btn div>span:nth-child(4) {
    top: 35px;
    font-size: 0.82vw;
  }

  .nav_wrap.reserve_nav_wrap .main_nav {
    width: 57.38%;
  }

  .reserve_nav_wrap .nav_title {
    margin-top: 24px;
    padding-bottom: 8px;
    font-size: 17px;
  }

  .reserve_nav_wrap .nav_title span {
    margin-left: 12px;
    font-size: 10px;
  }

  .reserve_nav_wrap .main_nav_content {
    margin-top: 35px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .reserve_nav_wrap .main_nav_content::after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #3b4042;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  .reserve_nav_wrap .nav_item_wrap {
    width: 43.6%;
  }

  .reserve_nav_wrap .nav_item+.nav_item {
    margin-top: 50px;
  }

  .reserve_nav_wrap .nav_item_heading strong {
    margin-left: 8px;
    font-size: 15px;
  }

  .reserve_nav_wrap .nav_item_wrap .fx_wrap {
    margin-top: 20px;
  }

  .reserve_nav_wrap .nav_item .img img {
    border-radius: 10px;
  }

  .reserve_nav_wrap .nav_item .text {
    margin-top: 11px;
  }

  .reserve_nav_wrap .nav_item .text strong {
    font-size: 13px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .reserve_nav_wrap .nav_item .text strong span {
    margin-left: 10px;
    font-size: 10px;
  }

  .reserve_nav_wrap .nav_item .text p {
    margin-top: 6px;
    font-size: 10px;
    min-height: 0.4em;
  }

  .reserve_nav_wrap .nav_item .link {
    margin-top: 9px;
    width: 100%;
    height: 32px;
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0;
    background-color: #909398;
    color: #fff;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .reserve_nav_wrap .nav_item .link.off {
    border: 1px solid #909398;
    background-color: #fff;
    color: #909398;
  }

  .reserve_nav_wrap .nav_item .to_map {
    margin-top: 5px;
  }

  .reserve_nav_wrap .nav_item .to_map a {
    padding-left: 11px;
  }

  .reserve_nav_wrap .nav_item .to_map a::before {
    width: 7px;
    height: 14px;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 701px) and (max-width: 900px) {
  .reserve_nav_wrap .nav_item .link {
    font-size: 1.01vw;
  }
}

@media screen and (min-width: 1460px) {
  .menu_reserve_open #nav_reserve_btn div>span:nth-child(4) {
    font-size: 12px;
  }
}

/*# sourceMappingURL=oenosato.css.map */

/* ==========================================
  2025更新 CSS
========================================== */

/* ==========================================
  共通
========================================== */
/* ヘッダー */
.header .logo img {
  width: 100%;
}

.nav_reserve_btn_new,
.to_onlineshop_new {
  margin-right: 15px;
  cursor: pointer;
}

@media screen and (min-width:701px) {
  .nav_reserve_btn_new,
  .to_onlineshop_new {
    margin-right: 58px;
  }
}

.nav_reserve_btn_new a,
.to_onlineshop_new a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
}

@media screen and (min-width:701px) {
  .nav_reserve_btn_new a,
  .to_onlineshop_new a {
    flex-direction: row-reverse;
    gap: 5px;
  }
}

.nav_reserve_btn_new span,
.to_onlineshop_new span {
  font-size: 10px;
}

@media screen and (min-width:701px) {

  .nav_reserve_btn_new span,
  .to_onlineshop_new span {
    font-size: 13px;
  }
}

.nav_reserve_btn_new img {
  width: 18px;
}

@media screen and (min-width:701px) {
  .nav_reserve_btn_new img {
    width: 36px;
  }
}

.to_onlineshop_new img {
  width: 18px;
}

@media screen and (min-width:701px) {
  .to_onlineshop_new img {
    width: 32px;
  }
}

.nav_reserve_btn_new img,
.to_onlineshop_new img {
  margin-top: 5px;
}

@media screen and (min-width:701px) {

  .nav_reserve_btn_new img,
  .to_onlineshop_new img {
    margin-left: 8px;
    margin-top: 0;
  }
}

.menu-btn {
  cursor: pointer;
}

/* シンプルバナー */


/* フッター */
/* ===== Foundation ===== */
.footer {
  background:#eaf5f2;
  margin-top: 60px;
}

@media screen and (min-width:1080px) {
  .footer {
    margin-top: 115px;
  }
}

.footer-pc-only {
  display: none;
}

@media screen and (min-width:1080px) {
  .footer-sp-only {
    display: none;
  }
  .footer-pc-only {
    display: block;
  }
}

.footer__nav {
  padding: 28px 0;
}

@media screen and (min-width:1080px) {
  .footer__nav{
    padding:40px 24px;
  }
}

.footer__wrapper {
  display:flex;
  flex-direction: column;
  max-width: 350px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 16px;
  border-bottom: 1px solid #D6D6D6;
}

@media screen and (min-width:1080px) {
  .footer__wrapper{
    flex-direction: row;
    justify-content: space-between;
    max-width: none;
  }
}

@media screen and (min-width:1080px) {
  .footer__section--shop {
    margin-left: 170px;
    margin-right: auto;
  }
}

.footer__link {
}

.footer__link:hover {
  text-decoration:underline;
}

@media(min-width: 701px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

/* ===== Sections (SP: accordion) ===== */
.footer__toggle {
  position:absolute; left:-9999px;
} /* hide checkbox */

.footer__heading{
  display:flex;
  align-items:center;
  gap:12px;
  cursor:pointer;
  padding:16px 2px;
  font-weight:700;
  font-size: 16px;
}

@media screen and (min-width:1080px) {
  .footer__heading{
    cursor:default;
    padding:0 0 12px;
    font-size: 22px;
  }
}

/* caret icon (SP only) */
.footer__heading::after{
  content:""; margin-left:auto; width:8px; height:8px;
  border-right:2px solid currentColor; border-bottom:2px solid currentColor;
  transform:rotate(45deg); transition:transform .2s ease;
}

@media screen and (min-width:1080px) {
  .footer__heading::after{
    display:none;
  }
}

.footer__list{
  list-style:none; margin:0 0 16px; padding:0 2px 8px;
  display:none;
}

@media screen and (min-width:1080px) {
  .footer__list{
    display:block;
    padding:0;
    margin-top: 20px;
  }
}

.footer__item + .footer__item {
  margin-top:16px;
}

@media screen and (min-width:1080px) {
  .footer__item + .footer__item {
    margin-top: 20px;
  }
}

.footer__item {
  font-size: 12px;
}

@media screen and (min-width:1080px) {
  .footer__item {
    font-size: 14px;
  }
}
/* open when checked (SP) */
.footer__toggle:checked ~ .footer__list{ display:block; }
.footer__toggle:checked + .footer__heading::after{ transform:rotate(-135deg); }

.footer__bottom-wrapper {
  max-width: 350px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:1080px) {
  .footer__bottom-wrapper {
    max-width: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
  }
}

.footer__policy-items {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 19px;
}

@media screen and (min-width:1080px) {
  .footer__policy-items {
    flex-direction: row;
    gap: 0;
    margin-top: 0;
  }
}

.footer__policy-item {
  font-size: 12px;
}

@media screen and (min-width:1080px) {
  .footer__policy-item {
    font-size: 14px;
  }

  .footer__policy-item:not(:first-of-type) {
    padding-left: 20px;
    border-left: 1px solid #040000;
  }
  .footer__policy-item:not(:last-of-type) {
    padding-right: 20px;
  }
}

.footer__logo-wrapper {
  margin-top: 37px;
}

.footer__logo-flex a {
  display: flex;
  gap: 18px;
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-in-out;
}

.footer__logo-flex a:hover {
  opacity: .75;
}

@media screen and (min-width:1080px) {
  .footer__logo-flex a {
    flex-direction: row-reverse;
    gap: 70px;
  }
}

.footer__bottom-logo-image {
  width: 67px;
}

@media screen and (min-width:1080px) {
  .footer__bottom-logo-image {
    width: 118px;
  }
}

.footer__bottom-logo-image img {
  width: 100%;
  height: auto;
}

.footer__logo-content {
  padding-top: 7px;
  padding-left: 6px;
}

.footer__bottom-logo-image-text {
  width: 132px;
}

@media screen and (min-width:1080px) {
  .footer__bottom-logo-image-text {
    width: 243px;
  }
}

.footer__bottom-logo-image-text img {
  width: 100%;
  height: auto;
}

.footer__logo-text {
  font-size: 10px;
  line-height: 1.5;
  margin-top: 6px;
}

@media screen and (min-width:1080px) {
  .footer__logo-text {
    font-size: 12px;
    margin-top: 16px;
  }
}

.footer__icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 19px;
  margin-top: 30px;
}

@media screen and (min-width:1080px) {
  .footer__icon-wrapper {
    gap: 30px;
    margin-top: 0;
  }
}

.footer__icon {
  width: 22px;
  height: 22px;
}

@media screen and (min-width:1080px) {
  .footer__icon {
    width: 35px;
    height: 35px;
  }
}

.footer__icon a {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  transition: opacity .2s ease-in-out;
}

.footer__icon a:hover {
  opacity: .75;
}

.footer__icon img {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.footer__copyright {
  text-align: center;
  font-size: 10px;
  margin-top: 25px;
}

@media screen and (min-width:1080px) {
  .footer__copyright {
    text-align-last: left;
    margin-top: 8px;
  }
}





/* PC,SP only */
.pc-only {
  display: none;
}

@media screen and (min-width:701px) {
  .pc-only {
    display: block;
  }
}

.sp-only {
  display: block;
}

@media screen and (min-width:701px) {
  .sp-only {
    display: none !important;
  }
}

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

/* 共通ボタン */
.common-button {
  font-size: 12px;
  padding: 12px 45px;
  display: block;
  border: 1px solid #040000;
  width: fit-content;
  transition: opacity 0.2s ease-in-out;
}

.common-button:hover {
  opacity: 0.7;
}

@media screen and (min-width:701px) {
  .common-button {
    font-size: 16px;
  }
}

.arrow-button {
  font-size: 12px;
  text-align-last: right;
  padding: 0 20px 10px 0;
  width: 100%;
  display: block;
  position: relative;
  max-width: 288px;
  margin-right: 0;
  transition: opacity .2s ease-in-out;
}

@media screen and (min-width:701px) {
  .arrow-button {
    font-size: 15px;
  }
}

.arrow-button:hover {
  opacity: .75;
}

.arrow-button::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 4px;
  background: url("../image/common/underline_arrow.png");
  background-position: bottom center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width:701px) {
  .arrow-button::after {
    height: 8px;
  }
}

/* 共通インナー */
.common-inner {
  max-width: 1280px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 17px;
}

@media screen and (min-width:701px) {
  .common-inner {
    padding: 0 25px;
  }
}

.common-inner--wide {
  padding: 0;
  max-width: 1440px;
}

.common-inner--narrow {
  max-width: 1190px;
}

/* 共通セクションタイトル */
.common-section-title {
  text-align: center;
}

.common-section-title--page-title {
  margin-top: 30px;
}

.common-section-title__title {
  font-size: 21px;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.common-section-title__sub-title {
  font-size: 12px;
  margin-top: 6px;
}

@media screen and (min-width:701px) {
  .common-section-title__sub-title {
    font-size: 14px;
  }
}

/* 共通バナー */
.common-banner {
  transition: opacity .2s ease-in-out;
}

.common-banner:hover {
  opacity: 0.75;
}

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

.visually-hidden {
  position: absolute !important;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/* ==========================================
  トップページ
========================================== */
.resort-mv {
  overflow: hidden;
}

.resort-mv__list {
}

.resort-mv__item {
  height: 100%;
  aspect-ratio: 750 / 825;
  position: relative;
}

@media screen and (min-width:701px) {
  .resort-mv__item  {
    aspect-ratio: 900 / 440;
  }
}

.resort-mv__item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
  width: 100%;
  height: 100%;
  background-color: rgba(255,255,255,.5);
  transition: all .2s ease-in-out;
}

.resort-mv__item.swiper-slide-active::after {
  background-color: rgba(255,255,255,0);
}


.resort-mv__media {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-banner {
  width: 100%;
  margin-top: 40px;
  overflow: hidden;
  padding-bottom: 50px;

}

@media screen and (min-width:701px) {
  .top-banner {
    margin-top: 46px;
  }
}

.top-banner__inner {
  position: relative;
  max-width: 1280px;
  width: calc(71.4% + 50px);
  margin-left: auto;
  margin-right: auto;
}

.top-banner__list {
  display: flex;
}

.top-banner__item {
  width: 100%;
  flex-shrink: 0;
  transition: opacity .2s ease-in-out;
}

.top-banner__item:hover {
  opacity: .75;
}

.top-banner__link {
  display: block;
  aspect-ratio: 450 / 220;
}

.top-banner__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-banner .swiper-button-next::after,
.top-banner .swiper-button-prev::after {
  color: #231815;
  font-size: 20px !important;
}

.top-banner .swiper-button-next {
  right: -5px;
}

@media screen and (min-width:1380px) {
  .top-banner .swiper-button-next {
    right: -15px;
  }
}

.top-banner .swiper-button-prev {
  left: -5px;
}

@media screen and (min-width:1380px) {
  .top-banner .swiper-button-prev {
    left: -15px;
  }
}

.top-banner .swiper-pagination {
  bottom: -35px;
}

.top-banner .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0 8px !important;
}

.top-banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #4D4D4D;
}

/* バナーここまで */


.top-topics {
  margin-top: 56px;
}

@media screen and (min-width:701px) {
  .top-topics {
    margin-top: 71px;
  }
}

.top-topics__grid {
  margin-top: 26px;
}

@media screen and (min-width:701px) {
  .top-topics__grid {
    margin-top: 51px;
  }
}

@media screen and (min-width:701px) {
  .top-topics__grid {
    margin-top: 83px;
  }
}

.topics__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 4%;
  row-gap: 40px;
  align-items: start;
  /* max-width: 400px; */
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .topics__grid {
    max-width: none;
  }
}

@media screen and (min-width:1024px) {
  .top-topics__grid {
    grid-template-columns: repeat(3, 1fr);
    column-gap: 6%;
    row-gap: 60px;
  }
}

.topics-card {
  width: 100%;
  color: #231815;
  transition: opacity .2s ease-in-out;
}

.topics-card:hover {
  opacity: .75;
}

@media screen and (min-width:701px) {
  .topics-card {
    /* width: auto; */
  }
}

.topics-card a {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

@media screen and (min-width:701px) {
  .topics-card a {
    flex-direction: row;
    gap: 20px;
  }
}

.topics-card__thumb {
  width: 100%;
  height: auto;
  flex-shrink: 0;
}

@media screen and (min-width:701px) {
  .topics-card__thumb {
    width: 150px;
    height: 150px;
  }
}

.topics-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.topics-card__content {
  padding-top: 0;
}

@media screen and (min-width:701px) {
  .topics-card__content {
    padding-top: 19px;
  }
}

.topics-card__cat {
  background-color: #231815;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.2em;
  padding: 2px 8px;
  display: inline-block;
}

@media screen and (min-width:701px) {
  .topics-card__cat {
    font-size: 12px;
    padding: 3px 12px;
  }
}

.topics-card__title {
  font-size: 12px;
  margin-top: 4px;
  font-weight: 400;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .topics-card__title {
    font-size: 15px;
    margin-top: 5px;
  }
}

.topics-card__area {
  font-size: 10px;
  margin-top: 10px;
  padding-left: 12px;
  position: relative;
}

@media screen and (min-width:701px) {
  .topics-card__area {
    font-size: 12px;
    margin-top: 14px;
    padding-left: 15px;
  }
}

.topics-card__area::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: url("../image/common/icon_area.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}

@media screen and (min-width:701px) {
  .topics-card__area::before {
    width: 11px;
    height: 16px;
  }
}

.top-topics__common-button {
  margin-top: 35px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .top-topics__common-button {
    margin-top: 70px;
  }
}

/* トップ　ニュース */
.top-news {
  margin-top: 90px;
  padding: 0 20px;
}

@media screen and (min-width:701px) {
  .top-news {
    margin-top: 124px;
  }
}

.top-news__items {
  max-width: 840px;
  padding: 0 20px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 27px;
  display: flex;
  flex-direction: column;
  gap: 36px;
}

@media screen and (min-width:701px) {
  .top-news__items {
    margin-top: 38px;
    gap: 21px;
  }
}

.top-news__item {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

@media screen and (min-width:701px) {
  .top-news__item {
    flex-direction: row;
    gap: 6%;
  }
}

.top-news__time {
  font-size: 12px;
}

@media screen and (min-width:701px) {
  .top-news__time {
    font-size: 15px;
    padding-left: 38px;
  }
}

.top-news__item-new .top-news__time {
  padding-left: 34px;
  position: relative;
}

@media screen and (min-width:701px) {
  .top-news__item-new .top-news__time {
    padding-left: 38px;
    position: relative;
  }
}

.top-news__item-new .top-news__time::before {
  content: "NEW";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 10px;
  color: #C30D23;
}

@media screen and (min-width:701px) {
  .top-news__item-new .top-news__time::before {
    top: 3px;
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.top-news__text {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .top-news__text {
    font-size: 13px;
  }
}

/* ENJOY RESORT */
.top-enjoy {
  margin-top: 90px;
}

@media screen and (min-width:701px) {
  .top-enjoy {
    margin-top: 153px;
  }
}

.top-enjoy__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
  margin-top: 38px;
}

@media screen and (min-width:701px) {
  .top-enjoy__grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 3.6%;
    margin-top: 66px;
  }
}

.top-enjoy__item {
  width: 100%;
}

.top-enjoy__link {
  transition: opacity .2s ease-in-out;
}

.top-enjoy__link:hover {
  cursor: pointer;
  opacity: 0.75;
}

.top-enjoy__item-title {
  text-align: center;
  font-family: "LINE Seed JP", sans-serif;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: .05em;
}

@media screen and (min-width:701px) {
  .top-enjoy__item-title {
    font-size: 12px;
  }
}

.top-enjoy__image {
  width: 100%;
  margin-top: 5px;
}

@media screen and (min-width:701px) {
  .top-enjoy__image {
    margin-top: 10px;
  }
}

.top-enjoy__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-enjoy__text {
  width: 86%;
  margin-top: 7px;
  margin-left: auto;
  margin-right: auto;
  border-top: 1px solid #231815;
  border-bottom: 1px solid #231815;
  text-align: center;
  padding: 8px 4px;
  font-size: 10px;
}

@media screen and (min-width:701px) {
  .top-enjoy__text {
    margin-top: 12px;
    font-size: 12px;
    padding: 15px 4px;
  }
}

.top-enjoy__banners {
  margin-top: 57px;
  display: flex;
  flex-direction: column;
  gap: 26px;
}

@media screen and (min-width:701px) {
  .top-enjoy__banners {
    flex-direction: row;
    margin-top: 78px;
    gap: 3.5%;
  }
}

.top-enjoy__banner {
  display: inline-block;
  transition: opacity .2s ease-in-out;
  cursor: pointer;
}

.top-enjoy__banner:hover {
  opacity: 0.75;
}

.top-enjoy__banner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-image-video {
  margin-top: 80px;
}

@media screen and (min-width:701px) {
  .top-image-video {
    margin-top: 140px;
  }
}

.top-image-video__wrapper {
  width: 100%;
  aspect-ratio: 1340 / 572;
  height: auto;
}

.top-image-video__wrapper video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-message {
  margin-top: 38px;
}

@media screen and (min-width:701px) {
  .top-message {
    margin-top: 95px;
  }
}


/* Instagram */
.top-instagram {
  margin-top: 85px;
}

@media screen and (min-width:701px) {
  .top-instagram {
    margin-top: 130px;
  }
}

.top-instagram__title-wrapper {
  text-align: center;
}

.top-instagram__icon {
  width: 31px;
  height: 31px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .top-instagram__icon {
    width: 48px;
    height: 48px;
  }
}

.top-instagram__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.top-instagram__title {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 12px;
  margin-top: 13px;
}

@media screen and (min-width:701px) {
  .top-instagram__title {
    font-size: 16px;
    margin-top: 15px;
  }
}

.top-instagram__link {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 10px;
  margin-top: 7px;
  text-decoration: underline !important;
}

@media screen and (min-width:701px) {
  .top-instagram__link {
    font-size: 12px;
    margin-top: 10px;
  }
}

.top-reservation {
  padding-top: 43px;
  padding-bottom: 43px;
  margin-top: 85px;
  background-color: #ddeeec;
}

@media screen and (min-width:701px) {
  .top-reservation {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: 170px;
  }
}

.top-reservation__items {
  margin-top: 31px;
  display: flex;
  flex-direction: column;
  gap: 57px;
}

@media screen and (min-width:701px) {
  .top-reservation__items {
    margin-top: 76px;
    gap: 126px;
  }
}

.top-reservation__item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media screen and (min-width:1080px) {
  .top-reservation__item {
    flex-direction: row;
    align-items: start;
    justify-content: space-between;
  }

  .top-reservation__item:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.top-reservation__main-image {
  width: 100%;
  aspect-ratio: 620 / 310;
}

@media screen and (min-width:1080px) {
  .top-reservation__main-image {
    width: 45.9%;
    flex-shrink: 0;
  }
}

.top-reservation__main-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-reservation__content-wrapper {
  padding: 0 28px;
}

@media screen and (min-width:1080px) {
  .top-reservation__content-wrapper {
    padding: 0;
    width: 47.0%;
    flex-shrink: 0;
  }
}

.top-reservation__flex-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 8.8%;
}

@media screen and (min-width:701px) {
  .top-reservation__flex-wrapper {
    gap: 4%;
  }
}

.top-reservation__content {
  padding-top: 4px;
}

@media screen and (min-width:701px) {
  .top-reservation__content {
    padding-top: 38px;
  }
}

.top-reservation__sub-title {
  font-size: 10px;
}

@media screen and (min-width:701px) {
  .top-reservation__sub-title {
    font-size: 13px;
  }
}

.top-reservation__item-title {
  font-size: 20px;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 900;
  margin-top: 6px;
  
}

@media screen and (min-width:701px) {
  .top-reservation__item-title {
    font-size: 34px;
    letter-spacing: -0.02em;
    margin-top: 13px;
  }
}

.top-reservation__item-title img {
  max-width: 100%;
  width: auto;
  height: 20px;
  object-fit: contain;
}

@media screen and (min-width:701px) {
  .top-reservation__item-title img {
    height: 36px;
  }
}

.top-reservation__item-jp-title {
  margin-top: 6px;
  font-size: 12px;
}

@media screen and (min-width:701px) {
  .top-reservation__item-jp-title {
    margin-top: 13px;
    font-size: 16px;
  }
}

.top-reservation__text {
  margin-top: 14px;
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .top-reservation__text {
    font-size: 13px;
    margin-top: 32px;
  }
}

.top-reservation__content-image {
  width: 36.8%;
  flex-shrink: 0;
  aspect-ratio: 298/310;
}

@media screen and (min-width:701px) {
  .top-reservation__content-image {
    width: 46.7%;
  }
}

.top-reservation__content-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top-reservation__common-button__pc {
  margin-top: 23px;
}

.top-reservation__common-button__sp {
  margin-top: 32px;
  display: flex;
  justify-content: center
}

.top-banner-120 {
  margin-top: 59px;
}

@media screen and (min-width:701px) {
  .top-banner-120 {
    margin-top: 106px;
  }
}

.top-banner-onlineshop {
  margin-top: 27px;
}

@media screen and (min-width:701px) {
  .top-banner-onlineshop {
    margin-top: 50px;
  }
}

.top-access {
  margin-top: 86px;
}

@media screen and (min-width:701px) {
  .top-access {
    margin-top: 183px;
  }
}

.top-access__wrapper {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 40px;
}

@media screen and (min-width:701px) {
  .top-access__wrapper {
    flex-direction: row-reverse;
    margin-top: 70px;
    gap: 5.6%;
  }
}

.top-access__map {
  max-width: 500px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .top-access__map {
    max-width: none;
    width: 47.2%;
  }
}

.top-access__map iframe {
  width: 100%;
}

.top-access__content {
  width: 100%;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .top-access__content {
    width: 47.2%;
  }
}

.top-access__map-image {
  width: 100%;
}

.top-access__map-image img {
  width: 100%;
  height: auto;
}

.top-access__content-title {
  margin-top: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  text-align: center;
}

@media screen and (min-width:701px) {
  .top-access__content-title {
    margin-top: 18px;
    flex-direction: row;
    gap: 12px;
    text-align: left;
  }
}

.top-access__content-title-1 {
  font-size: 20px;
  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";
}

@media screen and (min-width:701px) {
  .top-access__content-title-1 {
    font-size: 24px;
  }
}

.top-access__content-title-2 {
  width: fit-content;
  display: inline-block;
  background: rgba(201, 160, 99, 0.5);
  border: 1px solid rgba(164, 139, 120, 0.8);
  padding: 0.5em;
  border-radius: 3px;
  font-size: 11px;
}

.top-access__address {
  font-size: 14px;
  margin-top: 14px;
  text-align: center;
}

.top-access__open {
  font-size: 14px;
  margin-top: 14px;
  max-width: 370px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .top-access__open {
    margin-left: 0;
  }
}

.top-access__time {
  font-size: 14px;
  display: flex;
  flex-direction: column;
  max-width: 200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 14px;
}

@media screen and (min-width:701px) {
  .top-access__time {
    flex-direction: row;
    gap: 8px;
    max-width: none;
    justify-content: center;
  }
}

.top-access__items {
  
}

.top-access__item {

}

.top-access__bottom-message {
  border: 1px solid #231815;
  text-align: center;
  margin-top: 18px;
  padding: 8px;
  line-height: 1.3;
}

.top-access__digital-map {
  margin-top: 60px;
}

@media screen and (min-width:701px) {
  .top-access__digital-map {
    margin-top: 120px;
  }
}

/* ==========================================
  トップモーダルウインドウ
========================================== */

/* 背景スクロールロック（iOS対策：position:fixedで固定） */
body.reservation-modal--lock{
  position:fixed;
  left:0;
  right:0;
  overflow:hidden;
  width:100%
}

/* ===== Modal base ===== */
.reservation-modal{
  position:fixed;
  inset:0;
  z-index:1000;
  display:none
}

.reservation-modal.is-open{
  display:block
}

.reservation-modal__overlay{
  position:absolute;inset:0;
  /* #ceb58d を透過（0.6 で半透明） */
  background:rgba(206,181,141,.6);
}

.reservation-modal__dialog{
  position: relative;
  margin: 4vh auto;
  width: 85vw;
  background: #fff;
  box-shadow: 0 10px 40px rgba(0,0,0,.25);
  display: flex;
  flex-direction: column; /* 内側スクロール用 */
  max-height: 90vh;
  transform: translateY(12px) scale(.98);
  opacity: 0;
  transition: transform .2s ease, opacity .2s ease;
}

@media (min-width: 701px){
  .reservation-modal__dialog{
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    margin: 5vh auto;
  }
}

.reservation-modal.is-open .reservation-modal__dialog {
  transform:translateY(0) scale(1);
  opacity:1
}

/* 位置は従来と同じ：右上固定。テキストも含めボタン全体がクリック可能 */
.reservation-modal__close {
  position: absolute;
  z-index: 999;
  top: 18px;
  right: 22px;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  width: 20px;/* テキスト分ひと回り大きく */
  height: 30px;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  color: #333;               /* ×の色は currentColor を使用 */
  box-shadow: none;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
}

@media screen and (min-width:701px) {
  .reservation-modal__close {
    top: 26px;
    right: 30px;
    width: 24px;
    height: 36px;
  }
}
.reservation-modal__close::-moz-focus-inner{ border:0; }
.reservation-modal__close{ -webkit-tap-highlight-color: transparent; }

.reservation-modal__close:hover{ opacity:.85; }
.reservation-modal__close:focus-visible{
  outline: 1px solid rgba(0,0,0,.35);
  outline-offset: 2px;
}

/* ×マーク（ご提示の .batsu を継承しつつ色は currentColor に） */
.batsu{
  display: block;
  position: relative;
  width: 20px;
  height: 20px;
}
.batsu::before,
.batsu::after{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;                /* 棒の太さ */
  height: 25px;              /* 棒の長さ */
  background: currentColor;
  transform-origin: center;
}
.batsu::before{ transform: translate(-50%,-50%) rotate(45deg); }
.batsu::after { transform: translate(-50%,-50%) rotate(-45deg); }

/* CLOSE テキスト */
.reservation-modal__closeText{
  font-size: 10px;
  line-height: 1;
  font-family: "LINE Seed JP", sans-serif;
}

.reservation-modal__title{

}

.reservation-modal__content{
  padding:44px 0 25px;
  overflow:auto; /* 中身だけスクロール */
  -webkit-overflow-scrolling:touch;
  overscroll-behavior:contain; /* スクロールの伝播を抑止 */
  max-height:calc(90vh - 70px);  /* タイトル・余白ぶんを差し引き */
}

@media screen and (min-width:1080px) {
  .reservation-modal__content {
    padding: 70px 0 40px;
  }
}

.reservation-modal__content--header {
  padding: 120px 0 60px;
  max-height: 70vh;
  /* max-width: 900px; */
  margin-left: auto;
  margin-right: 0;
}

.reservation-modal__items {

}

.reservation-modal__item {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

@media screen and (min-width:1080px) {
  .reservation-modal__item {
    flex-direction: row;
    justify-content: space-between;
    gap: 0;
  }
}

.reservation-modal__item-left-wrapper {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  align-items: center;
}

@media screen and (min-width:1080px) {
  .reservation-modal__item-left-wrapper {
    flex-direction: column;
    width: 42%;
  }
}

.reservation-modal__item-image {
  width: 45px;
  height: 54px;
}

@media screen and (min-width:1080px) {
  .reservation-modal__item-image {
    width: 60px;
    height: 80px;
  }
}

.reservation-modal__item-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.reservation-modal__item-title-wrapper {
  color: #ee7961;
  text-align: center;
}

.reservation-modal__item-title {
  font-size: 19px;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

@media screen and (min-width:1080px) {
  .reservation-modal__item-title {
    font-size: 27px;
  }
}

.reservation-modal__item-title--gray {
  color: #9e9e9f;
}

.reservation-modal__item-en-title {
  font-size: 10px;
  margin-top: 10px;
  font-family: "LINE Seed JP", sans-serif;
  letter-spacing: .2em;
  text-transform: uppercase;
}

@media screen and (min-width:1080px) {
  .reservation-modal__item-en-title {
    font-size: 13px;
    text-align: center;
    margin-top: 16px;
  }
}

.reservation-modal__item-en-title--gray {
  color: #9e9e9f;
}

.reservation-modal__item-right-wrapper {
  min-width: 0;
  width: 100%;
}

.reservation-modal .swiper-horizontal {
  padding-left: 25px;
  padding-right: 25px;
}

.reservation-modal__slider {

}

.js-reservation-swiper {
  padding-bottom: 20px !important;
}

/* Swiper ベース */
.js-reservation-swiper {
  width: 100%;
  display: block;
}

.js-reservation-swiper .swiper-slide {
  height: auto;
}

/* スクロールバー（下部に静的配置） */
.reservation-modal__scrollbar {
  position: static;
  height: 4px;
  margin-top: 24px;
  background: rgba(200, 200, 200, .08);
  bottom: 0;
}
.reservation-modal__scrollbar .swiper-scrollbar-drag {
  /* background: #c8c9ca; */
}

.reservation-card {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.reservation-card__area {
  margin: 0 0 6px;
  font-size: 12px;
  opacity: .75;
  font-size: 10px;
  position: relative;
  padding-left: 12px;
}

.reservation-card__area::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: url("../image/common/icon_area.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}


.reservation-card__image {
  margin-top: 4px;
  width: 100%;
  /* aspect-ratio:  2 / 1; */
}

.reservation-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.reservation-card__en-title {
  margin: 12px 0 0;
  font-size: 13px;
  letter-spacing: .04em;
  text-transform: lowercase;
  opacity: .7;
  text-transform: uppercase;
}

.reservation-card__title {
  margin: 8px 0 10px;
  font-size: 14px;
  font-weight: 400;
}

.reservation-card__table {
  width: 100%;
  border-collapse: collapse;
  font-size: 10px;
  line-height: 1.5;
  margin-bottom: 14px;
}

.reservation-card__table th {
  text-align: left;
  white-space: nowrap;
  padding-right: 4px;
  vertical-align: top;
  font-weight: normal;
  width: 60px;
}

.reservation-card__btn {
  display: inline-block;
  padding: 1em .9em;
  background: #e58e7d;
  color: #fff !important;
  text-decoration: none;
  margin-top: auto;
  margin-bottom: 0;
  text-align: center;
  font-size: 14px;
  transition: opacity .2s ease-in-out;
}

.reservation-card__btn:hover {
  opacity: .75;
}

.reservation-card__btn--gray {
  border: 1px solid #888888;
  background-color: #fff;
  color: #888888 !important;
  padding: .5em .9em;
}

.reservation-card__btn--gray span {
  display: block;
  font-size: 10px;
  margin-top: 4px;
}

.reservation-modal__line {
  height: 1px;
  width: 85%;
  margin: 30px auto;
  background-color: #888888;
}

/* ==========================================
  最新情報 PICK UP
========================================== */
.topics__grid--page {
  margin-top: 40px;
}

@media screen and (min-width:701px) {
  .topics__grid--page {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 58px;
  }
}

@media screen and (min-width:1024px) {
  .topics__grid--page  {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 76px;
  }
}

.topics-card--page a {
  flex-direction: column;
}

@media screen and (min-width:701px) {
  .topics-card__thumb--page {
    width: 100%;
    height: auto;
  }
}

.topics-card__excerpt {
  display: none;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .topics-card__excerpt {
    display: block;
    margin-top: 13px;
    font-size: 13px;
  }
}

.topics-filter {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 7px;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, 108px);
  column-gap: 8px;
  row-gap: 10px;
  justify-content: center; */
}

@media screen and (min-width:701px) {
  .topics-filter {
    margin-top: 44px;
    gap: 18px;
    /* grid-template-columns: repeat(auto-fit, 126px); */
  }
}

.topics-filter__link {
  display: inline-block;
  padding: 6px 12px;
  background: #fff;
  border-radius: 999px;
  text-decoration: none;
  border: 1px solid #231815;
  text-align: center;
  font-size: 13px;
  width: 109px;
}

@media screen and (min-width:701px) {
  .topics-filter__link {
    font-size: 17px;
    padding: 10px 12px;
    width: 126px;
  }
}
.topics-filter__link.is-active {
  background: #EE7961;
  color: #fff;
  border: none;
}

.footer-banner {
  margin-top: 60px;
}

@media screen and (min-width:701px) {
  .footer-banner {
    margin-top: 120px;
  }
}

/* ==========================================
  最新情報　記事ページ
========================================== */
.post-single__thumb {
  width: 100%;
  aspect-ratio: 750 / 606;
}

@media screen and (min-width:701px) {
  .post-single__thumb  {
    aspect-ratio: 1340 / 533;
  }
}

.post-single__thumb--inner-width {
  max-width: 1340px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.post-single__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.post-single__content-top {
  margin-top: 55px;
  margin-bottom: 45px;
  text-align: center;
}

@media screen and (min-width:701px) {
  .post-single__content-top {
    margin-top: 127px;
    margin-bottom: 150px;
  }
}

.post-single__cat {

}

.post-single__title {
  font-size: 22px;
  font-weight: normal;
  line-height: 1.7;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  margin-top: 22px;
  letter-spacing: 0.15em;
}

@media screen and (min-width:701px) {
  .post-single__title {
    font-size: 39px;
    margin-top: 25px;
  }
}

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

@media screen and (min-width:701px) {
  .post-single__area {
    margin-top: 18px;
    font-size: 15px;
  }
}

.post-single_article {
  margin-top: 43px;
}

@media screen and (min-width:701px) {
  .post-single_article {
    margin-top: 113px;
  }
}

body .post-single-page .post-wrap .user_contents {
  width: 100%;
  max-width: 1080px;
}

.topics {
  border-top: none !important;
}

.post-single-page__common-button {
  margin-top: 32px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .post-single-page__common-button {
    margin-top: 58px;
  }
}

.pnavi {
  margin-top: 30px;
}

.footer-banner-120 {
  margin-top: 60px;
}

@media screen and (min-width:701px) {
  .footer-banner-120 {
    margin-top: 150px;
  }
}

.footer-facility  {
  padding-top: 43px;
  padding-bottom: 43px;
  margin-top: 40px;
  background-color: #f2f9f8;
}

@media screen and (min-width:701px) {
  .footer-facility  {
    padding-top: 70px;
    padding-bottom: 70px;
    margin-top: 70px;
  }
}

/* 汎用ページネーション */
.pagination {
  margin-top: 40px;
}

@media screen and (min-width:701px) {
  .pagination {
    margin-top: 70px;
  }
}

.pagination__list {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 16px;
  gap: 12px;
}

@media screen and (min-width:701px) {
  .pagination__list {
    font-size: 20px;
    gap: 16px;
  }
}

.pagination__item {
  padding: 8px;
  transition: opacity .2s ease-in-out;
}

.pagination__item:hover {
  opacity: .75;
}

.pagination__item.is-current {
  border: 1px solid #231815;
}

/* ==========================================
  楽しみ方
========================================== */
.page-mv__image {
  width: 100%;
}

.page-mv__image img {
  width: 100%;
  height: auto;
}

.enjoy-toc {
  text-align: center;
  margin-top: 50px;
  font-size: 17px;
  line-height: 1.75;
}

@media screen and (min-width:701px) {
  .enjoy-toc {
    margin-top: 91px;
    font-size: 24px;
  }
}

.enjoy-toc__text {
  font-size: 17px;
  letter-spacing: 0.2em;
}

@media screen and (min-width:701px) {
  .enjoy-toc__text {
    font-size: 24px;
  }
}

.enjoy-toc__button-group {
  margin-top: 28px;
  /* display: grid;
  grid-template-columns: repeat(auto-fit, 122px);
  gap: 6px;
  justify-content: center; */
  display: flex;
  gap: 6px;
  justify-content: center;
}

@media screen and (min-width:701px) {
  .enjoy-toc__button-group {
    margin-top: 36px;
    /* grid-template-columns: repeat(auto-fit, 224px);
    gap: 48px; */
  }
}

@media screen and (min-width:1024px) {
  .enjoy-toc__button-group {
    gap: 4%;
  }
}

.enjoy-toc__link {
  padding: 2px 10px;
  background: #fff;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  letter-spacing: .1em;
  transition: all .2s ease-in-out;
}

@media screen and (min-width:701px) {
  .enjoy-toc__link {
    font-size: 20px;
    padding: 8px 24px;
  }
}

.enjoy-toc__link--1 {
  border: 1px solid #EE7961;
  color: #EE7961 !important;
}

.enjoy-toc__link--1:hover {
  background-color: #EE7961;
  color: #fff !important;
}

.enjoy-toc__link--2 {
  border: 1px solid #90BC43;
  color: #90BC43 !important;
}

.enjoy-toc__link--2:hover {
  background-color: #90BC43;
  color: #fff !important;
}

.enjoy-toc__link--3 {
  border: 1px solid #4A9ED8;
  color: #4A9ED8 !important;
}

.enjoy-toc__link--3:hover {
  background-color: #4A9ED8;
  color: #fff !important;
}

.with-family {
  padding-top: 55px;
  padding-bottom: 70px;
}

@media screen and (min-width:701px) {
  .with-family {
    padding-top: 138px;
    padding-bottom: 170px;
  }
}

.with-lover {
  padding-top: 80px;
  padding-bottom: 70px;
  background-color: #F0E9DD;
}

@media screen and (min-width:701px) {
  .with-lover {
    padding-top: 160px;
    padding-bottom: 140px;
  }
}

.with-pet {
  padding-top: 80px;
  padding-bottom: 30px;
}

@media screen and (min-width:701px) {
  .with-pet {
    padding-top: 160px;
    padding-bottom: 50px;
  }
}

.enjoy-section-title {
  /* font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif"; */
  font-size: 21px;
  font-weight: 400;
  text-align: center;
  letter-spacing: .05em;
  line-height: 1.5;
  position: relative;
  max-width: 820px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  letter-spacing: 0.1em;
}

.enjoy-section-title::after {
  content: "";
  position: absolute;
  bottom: -4px;
  right: 0;
  width: 100%;
  height: 18px;
}

.enjoy-section-title--1 {
  color: #EE7961;
}

.enjoy-section-title--2 {
  color: #90BC43;
}

.enjoy-section-title--3 {
  color: #4A9ED8;
}

.enjoy-section-title--1::after {
  background: url("../image/enjoy/enjoy_underline1.png");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.enjoy-section-title--2::after {
  background: url("../image/enjoy/enjoy_underline2.png");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

.enjoy-section-title--3::after {
  background: url("../image/enjoy/enjoy_underline3.png");
  background-position: right center;
  background-size: cover;
  background-repeat: no-repeat;
}

@media screen and (min-width:701px) {
  .enjoy-section-title {
    font-size: 27px;
    width: 80%;
  }

  .enjoy-section-title::after {
    height: 36px;
    bottom: -8px;
  }
}

.common-inner--enjoy {
  padding: 0 30px;
}

@media screen and (min-width:701px) {
  .common-inner--enjoy {
    padding: 0;
    max-width: 1340px;
  }
}

.enjoy-layout {
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 40px;
}

@media screen and (min-width:701px) {
  .enjoy-layout {
    gap: 127px;
    margin-top: 90px;
  }
}

.enjoy-layout__block {
  display: flex;
  flex-direction: column;
  gap: 27px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__block {
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: flex-start;
    gap: 2.7%;
  }

  .enjoy-layout__block:nth-child(even) {
    flex-direction: row;
  }

  .enjoy-layout__block--reverse {
    flex-direction: row;
  }

  .enjoy-layout__block--reverse:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.enjoy-layout__image {
  width: 100%;
  aspect-ratio: 764 / 518;
}

@media screen and (min-width:701px) {
  .enjoy-layout__image {
    width: 57%;
    flex-shrink: 0;
  }
}

.enjoy-layout__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enjoy-layout__content-wrapper {
  max-width: 300px;
  padding: 0 12px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .enjoy-layout__content-wrapper {
    margin-left: initial;
    margin-right: initial;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 24px;
  }

}

.enjoy-layout__title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 19px;
  line-height: 1.2;
  letter-spacing: .2em;
}

@media screen and (min-width:701px) {
  .enjoy-layout__title {
    font-size: 31px;
    letter-spacing: .07em;
  }
}

.enjoy-layout__tag-group {
  margin-top: 20px;
  display: inline-flex;
  gap: 8px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__tag-group {
    margin-top: 38px;
  }
}

.enjoy-layout__store {
  display: grid;
  place-items: center;
  padding: 5px 7px 5px 24px;
  font-size: 10px;
  color: #fff;
  background-color: #888888;
  border-radius: 5px;
  position: relative;
}

@media screen and (min-width:701px) {
  .enjoy-layout__store {
    font-size: 12px;
  }
}

.enjoy-layout__store::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
    -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background-image: url(../image/common/icon_area_white.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 8px;
  height: 13px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__store::before {
    width: 10px;
    height: 15px;
  }
}

.enjoy-layout__reservation {
  display: grid;
  place-items: center;
  padding: 5px 7px;
  font-size: 10px;
  color: #888888;
  border: 1px solid #888888;
  border-radius: 5px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__reservation {
    font-size: 12px;
  }
}

.enjoy-layout__text {
  margin-top: 23px;
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: .05em;
}

@media screen and (min-width:701px) {
  .enjoy-layout__text {
    margin-top: 25px;
    font-size: 15px;
  }
}

.enjoy-layout__button {
  margin-top: 23px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width:701px) {
  .enjoy-layout__button {
    margin-top: 25px;
    margin-left: 0;
  }
}

.enjoy-layout__only-member {
  margin-bottom: 20px;
  border: 1px solid #231815;
  padding: 8px 6px;
  width: fit-content;
  font-size: 13px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__only-member {
    margin-bottom: 30px;
    padding: 10px 8px;
    font-size: 15px;
  }
}

.enjoy-layout__dogrun {
  width: 116px;
  margin-bottom: 15px;
}

@media screen and (min-width:701px) {
  .enjoy-layout__dogrun {
    width: 191px;
  }
}

.enjoy-layout__dogrun img {
  width: 100%;
  height: auto;
}

/* ==========================================
  エリア紹介
========================================== */
.resort-area__page-title {
  font-size: 22px;
  margin-top: 55px;
  margin-bottom: 52px;
  letter-spacing: .1em;
  font-weight: normal;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

@media screen and (min-width:701px) {
  .resort-area__page-title {
    font-size: 29px;
    margin-top: 86px;
    margin-bottom: 94px;
  }
}

.resort-area__wrapper {
  margin-top: 50px;
}

@media screen and (min-width:701px) {
  .resort-area__wrapper {
    margin-top: 80px;
  }
}

.resort-area__section-title {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: .02em;
  display: flex;
  flex-direction: column;
  gap: 13px;
  padding-bottom: 8px;
  font-family: "LINE Seed JP", sans-serif;
}

@media screen and (min-width:701px) {
  .resort-area__section-title {
    font-size: 50px;
    flex-direction: row;
    align-items: baseline;
    gap: 2.25%;
  }
}

.resort-area__title-area {
  font-size: 11px;
  font-weight: normal;
  padding-left: 18px;
  position: relative;
  letter-spacing: 0;
}

@media screen and (min-width:701px) {
  .resort-area__title-area {
    font-size: 21px;
    padding-left: 28px;
  }
}

.resort-area__title-area::before {
  content: "";
  position: absolute;
  top: 46%;
  left: 6px;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: url("../image/common/icon_area.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}

@media screen and (min-width:701px) {
  .resort-area__title-area::before {
    width: 16px;
    height: 23px;
  }
}

.resort-area__cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 22px;
  row-gap: 78px;
  width: 100%;
  margin-top: 17px;
}

@media screen and (min-width:701px) {
  .resort-area__cards {
    grid-template-columns: repeat(3, 1fr);
    gap: 33px;
    margin-top: 19px;
  }
}

@media screen and (min-width:1080px) {
  .resort-area__cards {
    grid-template-columns: repeat(4, 1fr);
    gap: 44px;
    margin-top: 32px;
  }
}

.resort-area__card {
  width: 100%;
}

.resort-area__card a {
  display: flex;
  flex-direction: column;
  height: 100%;
  transition: opacity .2s ease-in-out;
}

.resort-area__card a:hover {
  opacity: .75;
}

.resort-area__image {
  width: 100%;
  aspect-ratio: 250 / 170;
  flex-shrink: 0;
  min-height: 0;
}

.resort-area__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.resort-area__contents {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 7px 5px 0;
}

@media screen and (min-width:701px) {
  .resort-area__contents {
    padding: 14px 10px 0;
  }
}

.resort-area__icons {
  /* display: flex;
  flex-direction: row;
  gap: 4px; */
}

.resort-area__icon {
  width: 26px;
  height: 26px;
  display: inline-block;
  margin: 2px;
}

@media screen and (min-width:701px) {
  .resort-area__icon {
    width: 30px;
    height: 30px;
  }
}

.resort-area__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.resort-area__name-group {
  margin-top: 4px;
}

@media screen and (min-width:701px) {
  .resort-area__name-group {
    margin-top: 8px;
  }
}

.resort-area__name-en {
  display: none;
}

@media screen and (min-width:701px) {
  .resort-area__name-en {
    display: block;
    margin-bottom: 6px;
    font-family: "LINE Seed JP", sans-serif;
    font-size: 16px;
    letter-spacing: .05em;
    color: #fff;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
    paint-order: stroke;
    font-weight: 700;
  }
}

.resort-area__name-ja {
  font-size: 16px;
}

@media screen and (min-width:701px) {
  .resort-area__name-ja {
    font-size: 11px;
  }
}

.resort-area__text {
  font-size: 12px;
  margin-top: 25px;
  margin-bottom: 12px;
  line-height: 1.7;
}

@media screen and (min-width:701px) {
  .resort-area__text {
    font-size: 13px;
    margin-top: 17px;
    margin-bottom: 17px;
  }
}

.resort-area__area {
  margin-top: auto;
  margin-bottom: 0;
  position: relative;
  padding-left: 12px;
  font-size: 11px;
}

.resort-area__area::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  background: url("../image/common/icon_area.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}

.resort-area__floor {
  margin-top: 26px;
  font-size: 26px;
  font-family: "LINE Seed JP", sans-serif;
  font-weight: 400;
}

@media screen and (min-width:701px) {
  .resort-area__floor {
    margin-top: 38px;
    font-size: 51px;
  }
}

.resort-area__floor span {
  font-size: 16px;
  padding-left: 3px;
}

@media screen and (min-width:701px) {
  .resort-area__floor span {
    font-size: 31px;
    padding-left: 6px;
  }
}

.area-map {
  margin-top: 70px;
}

@media screen and (min-width:701px) {
  .area-map {
    margin-top: 120px;
  }
}

.area-map__image {
  width: 100%;
}

.area-map__image img {
  width: 100%;
  height: auto;
}

/* ==========================================
  オオエバレーステイ
========================================== */
.valley-inner {
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 30px;
}

.valley-image-text {
  margin-top: 38px;
  line-height: 1.2;
}

@media screen and (min-width:701px) {
  .valley-image-text {
    margin-top: 68px;
  }
}

@media screen and (min-width:701px) {
  .valley-image-text--pet {
    margin-top: 190px;
  }
}

.valley-image-text__wrapper {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.valley-image-text__wrapper--pet {
  gap: 70px;
}

.valley-image-text__wrapper--reverse {
  flex-direction: column-reverse;
}

@media screen and (min-width:701px) {
  .valley-image-text__wrapper {
    flex-direction: row;
    align-items: center;
    gap: 9.3%;
  }

  .valley-image-text__wrapper--pet {
    gap: 9.3%;
  }

  .valley-image-text__wrapper--reverse {
    flex-direction: row-reverse;
  }
}

.valley-image-text__left-wrapper {
  width: 100%;
  flex-shrink: 0;
  padding: 0 30px;
}

@media screen and (min-width:701px) {
  .valley-image-text__left-wrapper {
    width: 48%;
    padding: 0;
  }
}

.valley-image-text__image {
  max-width: 400px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  /* aspect-ratio: 500 / 640; */
}

@media screen and (min-width:701px) {
  .valley-image-text__image {
    max-width: none;
  }
}

.valley-image-text__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width:701px) {
  .valley-image-text__image img {
    width: 100%;
  }
}

.valley-image-text__sub-image {
  width: 135px;
  height: 85px;
  margin-top: 27px;
}

@media screen and (min-width:701px) {
  .valley-image-text__sub-image {
    width: 270px;
    height: 170px;
    margin-top: 42px;
  }
}

.valley-image-text__sub-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.valley-image-text__right-wrapper {
  padding: 0 30px;
}

@media screen and (min-width:701px) {
  .valley-image-text__right-wrapper {
    padding: 0;
    width: 50%;
  }
}

.valley-image-text__right-wrapper--pet {
  position: relative;
}

.valley-image-text__right-wrapper--pet::after {
  content: "";
  position: absolute;
  top: -45px;
  right: 45px;
  width: 91px;
  height: 42px;
  background: url(../image/valley_stay/dogs.png);
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media screen and (min-width:701px) {
  .valley-image-text__right-wrapper--pet::after  {
    top: -150px;
    right: 45px;
    width: 204px;
    height: 94px;
  }
}

.valley-image-text__title-en {
  font-size: 10px;
  font-family: "LINE Seed JP", sans-serif;
}

@media screen and (min-width:701px) {
  .valley-image-text__title-en {
    font-size: 12px;
  }
}

.valley-image-text__title {
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 20px;
  margin-top: 10px;
}

@media screen and (min-width:701px) {
  .valley-image-text__title {
    margin-top: 14px;
    font-size: 30px;
  }
}

.valley-image-text__text {
  font-size: 14px;
  margin-top: 28px;
  line-height: 1.7;
}

@media screen and (min-width:701px) {
  .valley-image-text__text {
    font-size: 18px;
    margin-top: 68px;
  }
}

.full-wide-image {
  width: 100%;
  margin-top: 65px;
}

@media screen and (min-width:701px) {
  .full-wide-image {
    margin-top: 140px;
  }
}

.full-wide-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}

.valley-title-and-text {
  margin-top: 53px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text {
    margin-top: 110px;
  }
}

.valley-title-and-text__wrapper {
  display: flex;
  flex-direction: column;
  gap: 44px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__wrapper {
    flex-direction: row;
    gap: 1%;
  }
}

.valley-title-and-text__title {
  font-family: "LINE Seed JP", sans-serif;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: -0.05em;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title {
    font-size: 58px;
  }
}

@media screen and (min-width:1080px) {
  .valley-title-and-text__title {
    font-size: 78px;
  }
}

.valley-title-and-text__title img {
  max-width: 100%;
  width: auto;
  height: 32px;
  object-fit: contain;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title img {
    height: 64px;
  }
}

.valley-title-and-text__title--meals img {
  height: 46px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title--meals img {
    height: 92px;
  }
}

.valley-title-and-text__title--stay img {
  height: 40px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title--stay img {
    height: 80px;
  }
}

.valley-title-and-text__title--enjoy img {
  height: 41px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title--enjoy img {
    height: 82px;
  }
}

.valley-title-and-text__title-mini {
  font-size: 12px;
  margin-top: 8px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__title-mini {
    font-size: 24px;
    margin-top: 15px;
  }
}

.valley-title-and-text__subtitle {
  font-size: 10px;
  margin-top: 6px;
}

@media screen and (min-width:701px) {
  .valley-title-and-text__subtitle {
    font-size: 15px;
    margin-top: 8px;
  }
}

.valley-slider {
  width: 100%;
  margin-top: 60px;
}

@media screen and (min-width:701px) {
  .valley-slider {
    margin-top: 120px;
  }
}

.valley-slider__inner {
  position: relative;
}

.valley-slider_swiper {

}

.valley-slider__list {

}

.valley-slider__item {
  width: 100%;
}

.valley-slider__image {
  width: 100%;
  aspect-ratio: 540 / 340;
}

.valley-slider__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.valley-slider__caption {
  font-size: 10px;
  margin-top: 8px;
  padding: 0 4px;
  line-height: 1.5;
}

@media screen and (min-width:701px) {
  .valley-slider__caption {
    font-size: 15px;
    margin-top: 12px;
    padding: 0 12px;
  }
}

.valley-slider .swiper-button-prev,
.valley-slider .swiper-button-next {
  top: -12px;
}

.valley-slider .swiper-button-prev {
  left: 20px;
}

.valley-slider .swiper-button-next {
  right: 20px;
}


.valley-slider .swiper-button-prev::after,
.valley-slider .swiper-button-next::after {
  font-size: 14px;
  color: #604C3F;
}

@media screen and (min-width:701px) {
  .valley-slider .swiper-button-prev,
  .valley-slider .swiper-button-next {
    top: -16px;
  }


  .valley-slider .swiper-button-prev::after,
  .valley-slider .swiper-button-next::after {
    font-size: 18px;
  }
}

.enjoy-plan {
  text-align: center;
  margin-top: 75px;
}

@media screen and (min-width:701px) {
  .enjoy-plan {
    margin-top: 150px;
  }
}

.enjoy-plan a {
  text-decoration: none !important;
}

.enjoy-plan--blog {
  margin-top: 40px;
}

@media screen and (min-width:701px) {
  .enjoy-plan--blog {
    margin-top: 80px;
  }
}

.enjoy-plan .valley-image-text__text {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.enjoy-plan .valley-image-text__title-en {
  margin-top: 35px;
}

@media screen and (min-width:701px) {
  .enjoy-plan .valley-image-text__title-en {
    margin-top: 90px;
  }
}

.enjoy-plan__grid {
  list-style: none !important;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 50px;
  column-gap: 20px;
  margin-top: 65px;
  padding: 0 20px;
}

@media screen and (min-width:701px) {
  .enjoy-plan__grid {
    grid-template-columns: repeat(4, 1fr);
    margin-top: 130px;
    column-gap: 3.6%;
    padding: 0;
  }
}
.enjoy-plan__card {
  margin: 0 !important;
}

.enjoy-plan__card a {
  transition: opacity .2s ease-in-out;
}

.enjoy-plan__card a:hover {
  opacity: .75;
}

.enjoy-plan__card-title {
  font-size: 11px;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width:701px) {
  .enjoy-plan__card-title {
    font-size: 22px;
  }
}

.enjoy-plan__card-image {
  margin-top: 10px;
}

@media screen and (min-width:701px) {
  .enjoy-plan__card-image {
    margin-top: 20px;
  }
}

.enjoy-plan__card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.enjoy-plan__plan-name {
  margin-top: 10px !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  padding: 6px !important;
  border: 1px solid #231815 !important;
  border-radius: 999px;
  max-width: 256px;
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 11px !important;
  margin-bottom: 0 !important;
}

@media screen and (min-width:701px) {
  .enjoy-plan__plan-name {
    margin-top: 18px !important;
    font-size: 16px !important;
    padding: 10px 8px !important;
  }
}

.enjoy-plan__explain {
  font-size: 10px;
  margin-top: 11px !important;
}

@media screen and (min-width:701px) {
  .enjoy-plan__explain {
    font-size: 15px;
    margin-top: 12px !important;
  }
}

.valley-common-banner {
  margin-top: 65px;
}

@media screen and (min-width:701px) {
  .valley-common-banner {
    margin-top: 150px;
  }
}