*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 0;
}   html {
line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: transparent; }   body {
margin: 0;
} main {
display: block;
}  p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
margin: 0;
}   h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
margin: 0;
}  ul,
ol {
margin: 0;
padding: 0;
list-style: none;
}  dt {
font-weight: bold;
}
dd {
margin-left: 0;
}   hr {
-webkit-box-sizing: content-box;
box-sizing: content-box; height: 0; overflow: visible; border-top-width: 1px;
margin: 0;
clear: both;
color: inherit;
} pre {
font-family: monospace, monospace; font-size: inherit; }
address {
font-style: inherit;
}   a {
background-color: transparent;
text-decoration: none;
color: inherit;
} abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted; } b,
strong {
font-weight: bolder;
} code,
kbd,
samp {
font-family: monospace, monospace; font-size: inherit; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}   svg,
img,
embed,
object,
iframe {
vertical-align: bottom;
}   button,
input,
optgroup,
select,
textarea {
-webkit-appearance: none; -moz-appearance: none;
appearance: none;
vertical-align: middle;
color: inherit;
font: inherit;
background: transparent;
padding: 0;
margin: 0;
border-radius: 0;
text-align: inherit;
text-transform: inherit; } button,
[type="button"],
[type="reset"],
[type="submit"] {
cursor: pointer;
}
button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
cursor: default;
} :-moz-focusring {
outline: auto;
}
select:disabled {
opacity: inherit;
} option {
padding: 0;
} fieldset {
margin: 0;
padding: 0;
min-width: 0;
}
legend {
padding: 0;
} progress {
vertical-align: baseline;
} textarea {
overflow: auto;
} [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } [type="number"] {
-moz-appearance: textfield;
} label[for] {
cursor: pointer;
}   details {
display: block;
} summary {
display: list-item;
} [contenteditable]:focus {
outline: auto;
}   table {
border-color: inherit; border-collapse: collapse;
}
caption {
text-align: left;
}
td,
th {
vertical-align: top;
padding: 0;
}
th {
text-align: left;
font-weight: bold;
}
.mod_main {
margin-top: 1.1rem;
}
@media screen and (max-width: 460px) {
.mod_main {
margin-top: 33px;
}
}
.inner {
background-color: #f5f5f5;
}
h2 {
background-color: #fff;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 128px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 36px;
font-weight: 700;
}
@media screen and (max-width: 800px) {
h2 {
font-size: 30px;
}
}
@media screen and (max-width: 600px) {
h2 {
font-size: 20px;
}
}
.section-bg {
max-width: 1080px;
padding-inline: 20px;
margin-inline: auto;
padding-block: 40px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 31px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
}
@media screen and (max-width: 600px) {
.top-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.top-box__left {
max-width: 451px;
}
.top-box__left img {
width: 100%;
height: auto;
}
.top-box__right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
font-size: 0.17rem;
}
.top-box__price-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
color: #7a7a7a;
font-weight: 600;
}
.top-box__price-box_title {
padding: 8px 12px;
width: 80px;
border-radius: 4px;
border: 1px solid #e1e0e0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-box__price-box_price {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.2rem;
font-weight: 700;
}
.top-box__price-box_price span {
padding-top: 5px;
font-size: 14px;
}
.top-box__period-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
color: #7a7a7a;
font-weight: 600;
}
.top-box__period-box_title {
padding: 8px 12px;
width: 80px;
border-radius: 4px;
border: 1px solid #e1e0e0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.top-box__period-box_period {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 0.2rem;
font-weight: 700;
}
.top-box__period-box_period span {
padding-top: 5px;
font-size: 14px;
}
.top-box__part-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 7px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.top-box__part-box_title {
color: #7a7a7a;
font-weight: 300;
}
.top-box__part-box_part {
font-size: 0.12rem;
font-weight: 300;
padding: 4px 8px;
}
.top-box__point-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 8px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.top-box__point-box_title {
color: #7a7a7a;
font-weight: 300;
font-size: 0.14rem;
}
.top-box__point-box_point {
font-size: 0.14rem;
font-weight: 300;
}
.top-box__store-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 9px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.top-box__store-box_title {
color: #7a7a7a;
font-size: 0.14rem;
font-weight: 300;
}
.top-box__store-box_store {
font-size: 0.14rem;
font-weight: 300;
}
.second-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 12px;
}
@media screen and (max-width: 800px) {
.second-box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.data {
width: 486px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
background-color: #fff;
padding: 16px;
}
@media screen and (max-width: 800px) {
.data {
width: auto;
margin-inline: auto;
gap: 10px;
}
}
.data__left {
background: #a2a2a2;
width: 138px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media screen and (max-width: 600px) {
.data__left {
width: 100px;
}
}
.data__title-en {
color: #fff;
font-size: 24px;
font-weight: 700;
}
.data__title-ja {
color: #fff;
font-size: 12px;
font-weight: 700;
}
.data__right {
width: auto;
padding-block: 6px;
}
.data__right_box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-block: 13px;
}
.data__right_title {
width: 120px;
}
@media screen and (max-width: 600px) {
.data__right_title {
width: 90px;
}
}
.data__right_title p {
font-size: 0.17rem;
font-weight: 700;
}
.data__right_text {
padding-right: 40px;
}
@media screen and (max-width: 600px) {
.data__right_text {
padding-right: 10px;
}
}
.data__right_text p {
font-size: 0.17rem;
font-weight: 400;
}
.manager-word {
border-radius: 0 16px 16px 16px;
background: #e7f9ff;
padding-bottom: 17px;
padding-top: 23px;
padding-inline: 20px;
}
@media screen and (max-width: 800px) {
.manager-word {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-inline: auto;
}
}
.manager-word__title p {
font-size: 0.22rem;
font-weight: 700;
line-height: 34px;
}
.manager-word__text {
max-width: 454px;
padding-top: 10px;
}
.manager-word__text p {
font-size: 0.2rem;
font-weight: 300;
line-height: 27.2px;
}
.third-box {
max-width: 1040px;
margin-inline: auto;
}
.third-box p {
font-size: 0.17rem;
font-weight: 300;
line-height: 27.2px;
}
.kitchen {
max-width: 1040px;
margin-inline: auto;
}
.kitchen__title-border {
border: 1px #000 solid;
width: 100%;
position: relative;
}
.kitchen__title-border::before {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -3px;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #000;
}
.kitchen__title-border::after {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: -3px;
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #000;
}
.kitchen__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.kitchen__title h3 {
font-size: 28px;
font-weight: 700;
}
.kitchen__main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-top: 46px;
}
@media screen and (max-width: 600px) {
.kitchen__main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.kitchen__img {
display: flex;
flex-direction: column;
max-width: 420px;
height: auto;
position: relative;
}
.kitchen__img img {
width: 100%;
height: 100%;
}
.kitchen__img .befor-after__mark {
width: 94px;
height: 36px;
position: absolute;
top: 0;
left: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.kitchen__prev {
width: 24px;
height: auto;
margin-bottom: 20px;
margin-inline: 10px;
}
@media screen and (max-width: 600px) {
.kitchen__prev {
rotate: 90deg;
margin-top: 20px;
}
}
.kitchen__prev img {
width: 100%;
height: 100%;
}
.kitchen__text-box {
display: flex;
flex-direction: row;
justify-content: space-between; }
@media screen and (max-width: 800px) {
.kitchen__text-box {
max-width: 350px;
}
}
@media screen and (max-width: 600px) {
.kitchen__text-box {
margin-inline: auto;
}
}
.kitchen__after_text {
display: flex;
height: fit-content;
padding-top: 18px;
max-width: 420px;
}
.kitchen__after_text p {
font-size: 0.17rem;
font-weight: 300;
}
.kitchen__after_recommend {
padding-top: 36px;
padding-left: 12px;
}
.kitchen__after_recommend p {
font-size: 0.17rem;
font-weight: 600;
}
.kitchen__after_goods {
padding-top: 10px;
padding-left: 12px;
}
.kitchen__after_goods p {
font-size: 0.17rem;
font-weight: 300;
}
@media screen and (max-width: 600px) {
.kitchen__after {
margin-top: 30px;
}
}