@font-face {
    font-family: Huifont;
    font-style: normal;
    font-weight: 400;
    src: local("ふい字P"), url(../fonts/HuiFontP109.woff) format("woff"), url(../fonts/HuiFontP109.woff) format("ttf");
    font-display: swap
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    letter-spacing: inherit;
    word-wrap: inherit
}

*,
:after,
:before {
    box-sizing: border-box
}

html {
    line-height: 1;
    letter-spacing: .15em;
    font-size: 62.5%;
    font-feature-settings: "palt";
    -webkit-text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: transparent;
    text-rendering: optimizeLegibility;
    word-wrap: break-word;
    overflow-x: hidden
}

:root html,
_:-ms-fullscreen {
    letter-spacing: .05em
}

body {
    text-align: left;
    overflow-x: hidden
}

a,
a:active,
a:focus,
a:visited {
    color: inherit;
    text-decoration: none
}

:root a:hover,
_:-ms-fullscreen {
    color: inherit;
    text-decoration: none
}

p {
    line-height: 1.6
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

ol,
ul {
    list-style-type: none
}

article,
aside,
figcaption,
figure,
footer,
main,
section {
    display: block
}

button,
input,
optgroup,
select,
textarea {
    font-size: 16px
}

input {
    border-radius: 0;
    background: transparent
}

button {
    background-color: transparent
}

:root button,
_:-ms-fullscreen {
    cursor: pointer
}

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

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

:root a[href^="tel:"],
_:-ms-fullscreen {
    pointer-events: none
}

html {
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif
}

body {
    color: #073190
}

[class*="iframe "],
[class*=" iframe"],
[class*=iframe] {
    position: relative;
    overflow: hidden;
    width: 100%
}

[class*="iframe "]:before,
[class*=" iframe"]:before,
[class*=iframe]:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

[class*="iframe "]>iframe,
[class*=" iframe"]>iframe,
[class*=iframe]>iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.row {
    display: flex;
    flex-wrap: wrap
}

.row .col {
    min-width: 0
}

.row-col-3-2-1 {
    margin: -30px -7.5px 0
}

.row-col-3-2-1>.col {
    padding: 30px 7.5px 0;
    flex: 0 0 100%;
    max-width: 100%
}

.best-3 {
    position: relative;
    padding: 80px 20px 10px;
    margin-top: 115px;
    margin-bottom: 115px;
    background: #fff;
    border-radius: 20px
}

.best-3--title {
    margin-bottom: 65px
}

.best-3 .online-box.row {
    margin-left: -20px
}

.best-3-box_item {
    flex: 0 0 33.33333%;
    width: 100%;
    max-width: 33.33333%;
    padding-left: 20px;
    margin-bottom: 60px
}

.best-3--button {
    display: block;
    width: 100%;
    max-width: 310px;
    margin: 0 auto 80px;
    font-size: 2rem;
    line-height: 2.5;
    text-align: center;
    background-color: #fabf00;
    transition: opacity .7s
}

:root .best-3--button:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

.best-3 .online-ttl>p {
    font-size: 1.4rem
}

.best-3 .online-price>p {
    font-size: 2rem
}

.breadcrumbs {
    display: none;
    width: 100%;
    font-size: 1.4rem;
    color: #fff;
    background: rgba(7, 49, 144, .4)
}

.breadcrumbs__list {
    display: flex;
    width: 1000px;
    padding: .5em 20px;
    margin: 0 auto
}

.breadcrumbs__item:not(:first-child) {
    position: relative;
    margin-left: 3em
}

.breadcrumbs__item:not(:first-child):before {
    left: -1.6em;
    display: block;
    content: ">";
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.breadcrumbs__link:hover {
    text-decoration: underline
}

.map {
    font-size: 1.6rem;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    background: #fabf00
}

.map__iframe {
    position: relative;
    overflow: hidden;
    width: 100%
}

.map__iframe:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 82.66667%
}

.map__container {
    width: 100%;
    max-width: 445px;
    padding: 30px 35px;
    margin: 0 auto;
    background: #fabf00
}

.map__shopinfo {
    display: flex;
    flex-wrap: wrap
}

.map__shopinfo__title {
    position: relative;
    font-family: Huifont, sans-serif;
    line-height: 1.5
}

.map__shopinfo dt:first-of-type,
.map__shopinfo dt:nth-of-type(2) {
    width: 3em
}

.map__shopinfo dt:first-of-type:after,
.map__shopinfo dt:nth-of-type(2):after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: "・"
}

.map__shopinfo dt:nth-of-type(3) {
    width: 5em
}

.map__shopinfo dt:nth-of-type(3):after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: ":"
}

.map__shopinfo dt:nth-of-type(4) {
    width: 4em
}

.map__shopinfo dt:nth-of-type(4):after {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    content: ":"
}

.map__shopinfo__data {
    font-family: Huifont, sans-serif;
    line-height: 1.5;
    letter-spacing: 0
}

.map__shopinfo dd:first-of-type,
.map__shopinfo dd:nth-of-type(2) {
    width: calc(100% - 3em)
}

.map__shopinfo dd:nth-of-type(3) {
    width: calc(100% - 6em)
}

.map__shopinfo dd:nth-of-type(4) {
    width: calc(100% - 4em)
}

.map__img {
    max-width: 290px;
    clear: both
}

.footer {
    position: relative;
    padding-top: 50px;
    background: #073190;
    padding-left: calc(50vw - 500px);
    padding-right: calc(50vw - 500px)
}

.footer__container {
    display: flex;
    align-items: center;
    flex-direction: column
}

.footer__logo {
    display: block;
    width: 315px
}

.footer__nav {
    flex-wrap: wrap;
    width: 100%;
    height: 60px;
    margin: 0 auto;
    color: #fff
}

.footer .row {
    width: 100%;
    max-width: 390px;
    margin: 0 auto;
    letter-spacing: 0
}

.footer .row>li:first-of-type {
    flex: 0 0 32.25806%;
    max-width: 32.25806%
}

.footer .row>li:nth-of-type(2) {
    flex: 0 0 45.16129%;
    max-width: 45.16129%
}

.footer .row>li:nth-of-type(3) {
    flex: 0 0 22.58065%;
    max-width: 22.58065%
}

.footer .row>li:not(:first-of-type):before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 1px;
    height: 100%;
    content: "";
    background: #fff
}

.footer .col {
    font-size: 1.1rem;
    position: relative;
    padding: 0 5px
}

.footer__link {
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: opacity .7s
}

:root .footer__link:hover,
_:-ms-fullscreen:hover {
    opacity: .7;
    text-decoration: underline;
    opacity: 1
}

.footer__copy {
    display: block;
    margin-top: 20px;
    text-align: center;
    letter-spacing: 0
}

.gnav {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    height: 100vh;
    padding: 35px 25px 55px;
    overflow-y: scroll;
    background: #073190;
    opacity: 0;
    transition: transform .6s, opacity .6s .1s;
    transform: translateY(-100%)
}

.gnav__list {
    width: 100%;
    max-width: 240px;
    margin: 35px auto 0;
    font-size: 2rem;
    letter-spacing: 0
}

.gnav__item {
    position: relative;
    height: 45px;
    color: #fff;
}

.gnav__item:not(:first-child) {
    margin-top: 25px
}

.gnav__link {
    width: 100%;
    height: 100%;
    font-family: tornac, sans-serif;
    display: flex;
    justify-content: center;
    align-items: center
}

.gnav__link:after {
    bottom: -1px;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background: #fff;
    border-radius: 4px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%)
}

.gnav__link:hover:after {
    width: 100%;
    max-width: 160px
}

.gnav__item.is-current .gnav__link:after {
    width: 100%;
    max-width: 100%
}

.gnav.is-open {
    opacity: 1;
    transform: translateY(0)
}

.gnav-sp__logo {
    display: block;
    width: 280px;
    margin: 0 auto
}

.gnav-sp__logo--delivery {
    display: block;
    width: 320px;
    margin: 30px auto 0
}

.header {
    background: #073190
}

.header__contents {
    position: relative;
    width: 100%
}

.header__container {
    justify-content: space-between;
    width: calc(100% - 40px);
    height: 70px;
    padding: 0 20px 0 0;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.header__logo {
    display: block;
    width: 175px
}

.header__hero {
    position: relative;
    width: 100%;
    max-width: 1366px;
    height: 500px;
    margin: 20px auto 0;
    overflow: hidden
}

.header__hero .imgbox {
    position: absolute;
    top: 0;
    display: inline-flex;
    width: auto;
    max-width: none
}

.header__hero .imgbox .img1 {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)
}

.bg-container {
    width: 100%;
    max-width: 1000px;
    padding: 25px 0;
    margin: 0 auto
}


.header .bg-container {
    width: 100%;
    max-width: 1200px;
    padding: 25px 20px;
    margin: 0 auto
}



.bg-blue {
    padding: 0 20px;
    background-color: #073190
}

.btn {
    width: 200px;
    height: 100px
}

.btn,
.btn>span {
    position: relative;
    z-index: 2
}

.top-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 60px;
    height: 60px
}

.card {
    display: flex;
    flex-direction: column;
    height: 100%
}

.card,
.card__img {
    position: relative;
    width: 100%
}

.card__img {
    overflow: hidden
}

.card__img:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.25%
}

.card__img .img,
.card__img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.card__img a,
.card__img figure {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%
}

.card__footer {
    margin-top: auto
}

.online-box.card .card__img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.online-box.card .card__img:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 86.44068%
}

.online-box.card .card__img:after {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    transition: background-color .5s
}

:root .online-box.card .card__img:hover:after,
_:-ms-fullscreen:hover:after {
    background: hsla(0, 0%, 100%, .5)
}

.online-box.card .card__img>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.online-box.card .card__btn {
    margin-top: auto
}

.delivery {
    flex-direction: column-reverse;
    width: 100%;
    max-width: 475px;
    color: #fff
}

.delivery,
.delivery__logo {
    display: flex;
    justify-content: center;
    align-items: center
}

.delivery__logo {
    position: relative;
    width: 200px;
    height: 80px;
    overflow: hidden
}

.delivery__logo>span {
    width: 100%;
    color: #fff;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.9rem
}

.delivery__tel {
    letter-spacing: 0
}

.delivery__text {
    font-size: 1.12rem;
    font-weight: 700
}

.delivery__number {
    font-size: 1.95rem
}

.delivery__number:before {
    position: relative;
    top: .1em;
    display: inline-block;
    margin-right: .2em;
    font-family: FontAwesome;
    content: "\f095"
}

.delivery.nav {
    flex-direction: column
}

.delivery.nav .delivery__logo {
    width: 170px;
    height: 55px
}

.delivery.nav .delivery__logo>span {
    font-size: 1.6rem
}

.delivery.nav .delivery__text {
    margin-top: 25px;
    font-size: 1.6rem;
    text-align: center
}

.delivery.nav .delivery__number {
    display: block;
    margin-top: 5px;
    font-size: 2.9rem
}

.delivery.head {
    flex-direction: column;
    align-items: flex-end;
    max-width: 150px;
    margin-top: 10px
}

.delivery.head .delivery__logo {
    width: 105px;
    height: 35px;
    margin: 0 auto
}

.delivery.head .delivery__logo>span {
    font-size: 1rem
}

.delivery.head .delivery__tel {
    letter-spacing: 0
}

.delivery.head .delivery__text {
    margin-top: .2rem;
    font-size: 1rem;
    white-space: nowrap;
    transform: scale(.8)
}

.delivery.head .delivery__number {
    display: none;
    font-size: 1.95rem
}

.delivery.head .delivery__number:before {
    top: 0
}

.delivery.foot .delivery__logo {
    width: 220px;
    height: 72px;
    margin-top: 17px;
    margin-bottom: 40px
}

.delivery.foot .delivery__logo>span {
    font-size: 1.9rem
}

.delivery.foot .delivery__text {
    margin-top: 30px;
    font-size: 1rem;
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: .1em
}

.delivery.foot .delivery__number {
    display: block;
    margin-top: 8px;
    font-size: 2.1rem;
    font-size: 2.5rem;
    text-align: center
}

.feature {
    padding: 50px 20px 30px;
    margin-bottom: 70px;
    background-color: #fabf00;
    border-radius: 20px
}

.feature--title,
.feature-container {
    position: relative
}

.feature--title {
    display: inline-block;
    font-size: 2.1rem
}

.feature--text {
    font-size: 1.6rem
}

.feature--list {
    padding: 0
}

.feature--item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px
}

.feature--item img {
    width: 100%
}

.feature--item dl {
    width: 100%;
    padding-left: 0;
    margin-top: 45px
}

.feature--item dt {
    font-size: 1.6rem;
    font-weight: 700
}

.feature--item dd {
    margin-top: 25px;
    font-size: 1.4rem;
    line-height: 1.5
}

.hamburger {
    position: fixed;
    top: 14px;
    right: 6.25px;
    left: auto;
    z-index: 10000;
    width: 37.5px;
    cursor: pointer;
    outline: none
}

.hamburger__box {
    position: relative;
    display: block;
    width: 37.5px;
    height: 37.5px;
    background: #073190;
    border-radius: 3px
}

.hamburger__text {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 10px;
    line-height: 1
}

.hamburger__text:empty {
    display: none
}

.hamburger__line {
    display: block;
    width: 30px;
    height: 4px;
    background: #fff;
    border-radius: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: background-color .3s ease-in-out, transform .3s ease-in-out, margin-top .3s ease-in-out .3s
}

.hamburger__line--01 {
    margin-top: 9.375px
}

.hamburger__line--03 {
    margin-top: -9.375px
}

.is-open.hamburger .hamburger__line--01,
.is-open.hamburger .hamburger__line--03 {
    margin-top: 0;
    pointer-events: auto;
    background: #fff;
    transition: transform .3s ease-in-out .3s, margin-top .3s ease-in-out
}

.is-open.hamburger .hamburger__line--01 {
    transform: translate(-50%, -50%) rotate(45deg) scaleX(1.2)
}

.is-open.hamburger .hamburger__line--02 {
    pointer-events: none;
    background-color: hsla(0, 0%, 100%, 0)
}

.is-open.hamburger .hamburger__line--03 {
    transform: translate(-50%, -50%) rotate(-45deg) scaleX(1.2)
}

.heading,
.heading-blue,
.heading-blue--contact,
.heading-yellow {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    padding: 20px 0;
    font-family: tornac, sans-serif;
    line-height: 1.6;
    color: #073190;
    text-align: center;
    letter-spacing: 0;
    border: 1px solid #073190
}

.heading-line-blue {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 100%;
    padding-bottom: 10px;
    margin-top: 90px;
    margin-bottom: 85px;
    font-family: tornac, sans-serif;
    font-size: 3.3rem;
    color: #073190;
    text-align: left;
    border-bottom: 10px solid #073190
}

.heading-line-blue:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 2px solid #073190
}

.heading-line-blue>span {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 10px;
    margin-left: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-size: 18px
}

.heading-line-white {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 50px;
    font-family: tornac, sans-serif;
    font-size: 3.3rem;
    color: #fff;
    text-align: left;
    border-bottom: 10px solid #fff
}

.heading-line-white:after {
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    content: "";
    border-bottom: 2px solid #fff
}

.heading-line-white>span {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin-top: 10px;
    margin-left: 0;
    font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-size: 18px
}

.heading-blue,
.heading-blue--contact {
    margin: 0 25px;
    font-size: 2.5rem;
    background-color: #fff;
    box-shadow: 5px 5px 0 0 #073190
}

.heading-blue--contact {
    margin: 0 0 70px;
    font-size: 2.5rem;
    letter-spacing: 0
}

.heading-blue--contact>span,
.heading-blue>span {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    font-size: 1.5rem
}

.heading-blue--contact>span.online,
.heading-blue>span.online {
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1.5rem
}

.heading-yellow {
    justify-content: center;
    width: 270px;
    height: 190px;
    padding: 0 10px;
    background-color: #fabf00;
    box-shadow: 5px 5px 0 0 #fff
}

.heading-yellow--title {
    font-size: 3rem
}

.heading-yellow--text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 10px;
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 1.75;
    text-align: center
}

.how-to-eat {
    padding: 50px 20px;
    margin-bottom: 70px;
    background-color: #fff;
    border-radius: 20px
}

.how-to-eat-container {
    position: relative
}

.how-to-eat-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0
}

.how-to-eat-inner>img {
    width: 180px;
    height: 100%
}

.how-to-eat--title {
    position: relative;
    display: inline-block;
    font-size: 2.1rem
}

.how-to-eat--text {
    width: 100%;
    margin-right: 0;
    font-size: 1.5rem;
    line-height: 1.6
}

.how-to-eat--text>p {
    margin-bottom: 45px
}

.how-to-eat--text>p br {
    display: none
}

.how-to-eat--text .fw-bold {
    font-weight: 700
}

.how-to-eat .ice-sand ul li {
    margin-bottom: 45px
}

.ico-contact:before,
.ico-menu:before,
.ico-online:before,
.ico-top:before,
.ico-mypage:before,
.ico-register:before {
    display: inline-block;
    margin-right: .5em;
    font-family: FontAwesome
}

.ico-sns>use {
    fill: #073190
}

.ico-facebook {
    height: 18px
}

.ico-twitter {
    width: 18px
}

.ico-line {
    width: 23px
}

.ico-instagram {
    width: 16px
}

.ico-top:before {
    content: "\f015"
}

.ico-menu:before {
    content: "\f0f5"
}

.ico-online:before {
    content: "\f07a"
}

.ico-contact:before {
    content: "\f0e0"
}

.ico-mypage:before {
    content: "\f007";
}

.ico-register:before {
    content: "\f234";
    font-size: 19px;
}

.ico-delivery {
    width: 100%
}

.ico-delivery>use {
    fill: transparent
}

.instagram {
    padding-top: 70px;
    padding-bottom: 60px;
    background: #073190
}

.instagram__container {
    display: flex;
    flex-wrap: wrap;
    margin: -10px 0 0 -10px
}

.instagram__item {
    min-width: 0;
    padding: 10px 0 0 10px;
    flex: 0 0 25%;
    max-width: 25%
}

.instagram__link {
    position: relative;
    display: block
}

.instagram__link:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
    background: transparent;
    transition: background-color .5s
}

.instagram__link:hover:before {
    background: hsla(0, 0%, 100%, .4)
}

.review {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.review--list {
    display: flex;
    width: 100%;
    max-width: 240px;
    margin-top: 20px;
    margin-left: -10px
}

.review--item {
    width: 100%;
    max-width: 50%;
    padding-top: 10px;
    padding-left: 10px
}

.review--link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    transition: opacity .3s ease-in-out
}

.review--link:hover {
    opacity: .7
}

.review--img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.review--img-box {
    display: block;
    padding-top: 63.06306%
}

.shopping-guide {
    padding: 30px 10px;
    background: #fff;
    border-radius: 20px
}

.shopping-guide__wrap {
    padding: 30px 10px;
    background: #073190
}

.shopping-guide__title {
    margin-bottom: 35px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #073190;
    border-bottom: 7px solid #073190
}

.howto-inner--grid01>.shopping-guide__title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2
}

.shopping-guide-item {
    max-width: 450px;
    padding: 0 10px;
    margin: 0 auto 20px;
    font-size: 1.6rem;
    color: #1f1815
}

.shopping-guide-item__title {
    width: calc(100% + 20px);
    padding: 0 12px;
    margin: 0 -10px 20px;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.6;
    color: #073190;
    background-color: #fabf00
}

.shopping-guide-item__internet,
.shopping-guide-item__phone {
    position: relative;
    padding-left: 70px;
    font-size: 2rem;
    font-weight: 700
}

.shopping-guide-item__internet:before,
.shopping-guide-item__phone:before {
    position: absolute;
    top: 8px;
    left: 0;
    display: block;
    width: 50px;
    height: 50px;
    font-family: FontAwesome;
    font-size: 30px;
    font-weight: 900;
    color: #fff;
    text-align: center;
    content: "\f095";
    background-color: #fabf00;
    background-size: 50px;
    border-radius: 50%
}

.shopping-guide-item__internet {
    margin-bottom: 50px
}

.shopping-guide-item__internet:before {
    padding-top: 2px;
    padding-left: 4px;
    content: "\f26c"
}

.shopping-guide-item__phone small {
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: .05em
}

.shopping-guide-item__phone:before {
    padding-top: 2px;
    padding-left: 2px;
    content: "\f095"
}

.shopping-guide-item__list {
    line-height: 1.7
}

.shopping-guide-item__list--title {
    font-weight: 700
}

.shopping-guide-item__address {
    font-style: normal;
    line-height: 1.7;
    letter-spacing: 0
}

.shopping-guide-item__shop-info {
    letter-spacing: 0
}

.sns__follow,
.sns__share {
    margin: 30px 0 10px;
    font-family: tornac, sans-serif;
    font-size: 2rem;
    text-align: center
}

.sns {
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    overflow: hidden;
    color: #fff
}

.sns>.row {
    display: flex;
    justify-content: center;
    margin: -13px -7.5px 0
}

.sns>.row>.col {
    padding: 13px 7.5px 0
}

.sns>.row .col {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.sns__link {
    width: 40px;
    height: 40px;
    margin: 0 auto;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.facebook-pc {
    display: none
}

.facebook-pc>iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.facebook-sp {
    position: relative;
    height: 310px;
    margin: 25px auto 0
}

.facebook-sp>iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.table .area,
.table .prefectures,
.table .price,
.table .price-list1 .price__item {
    padding: 1em 0;
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #cdd4e7
}

.table .area-name,
.table .prefectures-name,
.table .price-list2 .price__item {
    padding: 1em 0;
    line-height: 1.6;
    text-align: center
}

.table-border-right {
    border-right: 1px solid #073190
}

.table {
    width: 100%;
    max-width: 890px;
    margin: 0 auto
}

.table__container {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto auto auto;
    -ms-grid-columns: 20% 80%;
    grid-template: "😁  🐸" auto "🐔  👽" auto "👺  🐼" auto "👺  👾" auto/20% 80%;
    font-size: 1.4rem;
    border-bottom: 1px solid #073190
}

.table__container:not(:last-of-type) {
    margin-bottom: 50px
}

.table__container>dd {
    border-right: 1px solid #073190
}

.table .area {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: 😁
}

.table .area-name {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    grid-area: 🐸;
    background: #fabf00
}

.table .prefectures {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: 🐔;
    margin-left: -1px
}

.table .prefectures-name {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: 👽;
    background: #fff
}

.table .price {
    -ms-grid-row: 3;
    -ms-grid-row-span: 2;
    -ms-grid-column: 1;
    grid-area: 👺
}

.table .price-list1 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    grid-area: 🐼
}

.table .price-list2 {
    -ms-grid-row: 4;
    -ms-grid-column: 2;
    grid-area: 👾;
    background: #fff
}

.price__list {
    display: flex;
    height: 100%
}

.price__item {
    width: 25%;
    text-align: center;
    letter-spacing: 0
}

.price__item:not(:last-of-type) {
    border-right: 1px solid #073190
}

.page-contact {
    background-color: #fabf00
}

.contact {
    padding: 25px 20px 0;
    font-size: 1.6rem;
    color: #073190
}

.contact>.heading-line-blue {
    max-width: 1000px;
    margin: 0 auto 60px
}

.contact .heading-blue--contact {
    padding: 20px 0;
    margin-bottom: 45px;
    font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif;
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1
}

.contact-sec {
    max-width: 1000px;
    padding: 40px 20px;
    margin: 0 auto 50px;
    text-align: left;
    background: #fff;
    border-radius: 20px
}

.contact-tell {
    text-align: center
}

.contact-tell__lead {
    margin-bottom: 2em
}

.contact-tell__phone-num {
    display: block;
    margin-bottom: .5em;
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-weight: 700;
    text-decoration: underline;
    font-size: 3rem
}

.contact-tell__shopinfo {
    display: flex;
    flex-wrap: wrap;
    max-width: 270px;
    margin: 0 auto;
    line-height: 1.7;
    text-align: left;
    letter-spacing: 0
}

.contact-tell__shopinfo__title {
    width: 80px
}

.contact-tell__shopinfo__data {
    width: calc(100% - 80px)
}

.contact-form__contents {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 5px;
    text-align: left
}

.contact-form__form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 505px;
    padding-top: 20px;
    margin: 0 auto 40px
}

.contact-form__form__label {
    width: 160px !important;
    padding: 0 !important;
    font-size: 1.4rem !important;
    line-height: 2
}

.contact-form__form__label .required:after {
    display: inline-block;
    color: #ff0100;
    content: "※"
}

.contact-form__form__input {
    width: calc(100% - 160px)
}

.contact-form__form__input input,
.contact-form__form__input .select select {
    width: 100%;
    padding: 0 .5em;
    margin-bottom: 15px;
    background-color: #fff;
    border: 1px solid #073190;
    border-radius: 5px
}

.contact-form__form__input select {
    width: 100%;
    min-height: 40px;
}

.contact-form__form__input .upload {
    padding: 0.5em;
}

.contact-form__form__input input[name=post-code] {
    width: 125px
}

.contact-form__form__input textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid #073190;
    border-radius: 5px
}

.contact-form__form__input__note {
    margin: -10px 0 15px;
    font-size: 14px;
}

.contact-form__caution {
    width: 100%;
    margin-top: 20px;
    font-size: 1.4rem;
    line-height: 2.4
}

.caution-list__item {
    position: relative;
    padding-left: 2rem
}

.caution-list__item:before {
    position: absolute;
    left: 0;
    display: block;
    content: "●"
}

.caution-note {
    padding-top: 1em;
    margin-top: 1em;
    line-height: 2.4;
    border-top: 1px solid #073190
}

.caution-note:before {
    display: inline-block;
    content: "※"
}

div.mfp_buttons>button {
    transition: opacity .7s;
    display: block;
    width: 100%;
    max-width: 300px;
    height: 40px;
    margin: 0 auto;
    font-size: 1.6rem;
    color: #fff;
    background: #073190
}

:root div.mfp_buttons>button:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

div.mfp_buttons {
    padding: 0
}

form#mailformpro dl dd {
    padding: 0;
    font-size: inherit;
    line-height: inherit
}

.howto {
    padding: 0 20px;
    margin-bottom: 40px;
    background-color: #fabf00;
    border-radius: 20px
}

.howto--title,
.howto-container {
    position: relative
}

.howto--title {
    display: inline-block;
    font-size: 2.1rem
}

.howto--text {
    font-size: 1.6rem
}

.howto-inner--flex,
.howto-inner--grid01,
.howto-inner--grid02 {
    margin-bottom: 50px
}

.howto-inner--grid01,
.howto-inner--grid02 {
    display: -ms-grid;
    display: grid
}

.howto-inner__imgwrap {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 10px
}

.howto-inner--grid01 {
    -ms-grid-rows: 183px 75px auto;
    -ms-grid-columns: 1fr 1fr;
    grid-template: "subitem img" 183px "title title" 75px "text text" auto/1fr 1fr;
    padding-top: 70px
}

.howto-inner--grid01 .howto-inner--subitem01 {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    position: relative;
    grid-area: subitem;
    margin: auto
}

:root .howto-inner--grid01 .howto-inner--subitem01>img,
_:-ms-fullscreen {
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: auto;
    transform: translateX(-50%)
}

.howto-inner--grid01 .howto-inner--subitem01>p {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    font-family: Huifont, sans-serif;
    font-size: 2rem;
    line-height: 1;
    text-align: center;
    transform: translate(-50%, -50%)
}

:root .howto-inner--grid01 .howto-inner--subitem01>p,
_:-ms-fullscreen {
    top: 30%
}

.howto-inner--grid01 .howto--title {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    display: flex;
    flex-direction: column;
    grid-area: title;
    align-items: center;
    justify-content: center
}

:root .howto-inner--grid01 .howto--title,
_:-ms-fullscreen {
    -ms-grid-row: 2;
    grid-row: 2;
    -ms-grid-column: 1;
    grid-column: 1
}

.howto-inner--grid01 .howto--text {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    display: block;
    grid-area: text;
    margin: 0 auto
}

.howto-inner--grid01 .howto--img {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    position: relative;
    grid-area: img;
    width: 100%;
    max-width: 135px;
    height: auto
}

.howto-inner--grid02 {
    -ms-grid-rows: auto 20% auto;
    -ms-grid-columns: 40% 60%;
    grid-template: "img img" auto "text text" 20% "kamome subitem" auto/40% 60%
}

.howto-inner--grid02 .howto-inner--subitem02 {
    -ms-grid-row: 3;
    -ms-grid-column: 2;
    position: relative;
    top: -20%;
    display: flex;
    flex-direction: column;
    grid-area: subitem;
    justify-content: center;
    width: 250px
}

.howto-inner--grid02 .howto-inner--subitem02>img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
    overflow: hidden;
    width: 100%
}

.howto-inner--grid02 .howto-inner--subitem02>img:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 58.82353%
}

:root .howto-inner--grid02 .howto-inner--subitem02>img,
_:-ms-fullscreen {
    top: 60%;
    width: auto
}

.howto-inner--grid02 .howto-inner--subitem02>p {
    position: absolute;
    top: 60%;
    left: 50%;
    width: 100%;
    font-family: Huifont, sans-serif;
    text-align: center;
    transform: translate(-50%, -50%);
    font-size: 1.4rem
}

.howto-inner--grid02 .howto--img {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    position: relative;
    bottom: 0;
    display: inline-block;
    grid-area: kamome;
    max-width: 200px;
    margin-left: auto
}

.howto-inner--grid02 .howto--text {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    display: block;
    grid-area: text;
    padding: 0 0 20px;
    margin: auto
}

.howto-inner--grid02 .howto--kiji {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    display: block;
    grid-area: img;
    width: 100%;
    max-width: 500px;
    padding: 0 0 20px;
    margin: 0 auto
}

.howto-inner--flex,
.howto-inner--flex>p {
    display: flex;
    flex-direction: column
}

.howto-inner--flex>p {
    justify-content: center;
    width: 100%;
    margin-right: auto;
    margin-left: auto
}

.howto-inner--flex img {
    display: block;
    max-width: 500px;
    padding: 0 0 20px;
    margin: 0 auto
}

.howto .img--finish {
    display: block;
    width: auto;
    max-width: 100%;
    padding-bottom: 70px;
    margin: -30px 0 0 auto
}

.howto br.pc-none {
    display: block
}

.taste-text {
    margin: 60px auto;
    color: #fff;
    text-align: center;
    font-size: 1.8rem
}

.taste-text br {
    display: none
}

#how-to-make {
    padding-top: 20px
}

.menu-ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-bottom: 1px dashed #073190
}

.menu-ttl>p {
    font-size: 18px;
    color: #073190
}

.menu-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #073190
}

.menu-price>p {
    font-size: 16px;
    color: #073190
}

.menu-material>p {
    font-size: 16px;
    text-align: left
}

.menu_inner {
    padding: 60px 20px 70px
}

.menu-lunch,
.menu-morning {
    padding-top: 50px;
    margin-bottom: 80px;
    background-color: #fff;
    border-radius: 20px
}

.online_inner {
    padding: 34px 25px 0
}

.online-box_item {
    margin-bottom: 90px
}

.online-box .card__img {
    position: relative;
    margin-bottom: 30px
}

.online-ttl {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-bottom: 1rem;
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-weight: 700
}

.sml_ttl {
    font-size: .8em;
}

.online-ttl>p {
    font-size: 19px;
    color: #1f1815
}

.online-ttl>p.str--small {
    font-size: 18px
}

.online-ttl._sale {
    margin-bottom: 3px
}

.online-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.online-content>p {
    margin-bottom: 35px;
    font-size: 16px;
    color: #1f1815;
    text-align: center
}

.online-content>p._sale {
    margin-bottom: 3px
}

.online-memo {
    margin-bottom: 13px
}

.online-memo>p {
    margin-top: 0;
    font-size: 12px;
    line-height: 1.41667;
    color: #1f1815
}

.online-price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.online-price>p {
    margin-bottom: 1rem;
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-size: 25px;
    font-weight: 700;
    color: #1f1815
}

.online-price>p._sale {
    margin-bottom: -5px;
    color: #f01a1a
}

.online-price>p._source {
    text-decoration: line-through
}

.online-price .online-tax {
    margin-left: 1rem;
    font-size: 15px;
    font-weight: 400
}

.online-button {
    display: flex;
    flex-direction: column
}

.online-info_link {
    width: 100%;
    max-width: 310px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 2;
    color: #1f1815;
    text-align: center;
    background-color: #fabf00;
    transition: opacity .7s
}

.online-info_link:before {
    font-family: FontAwesome;
    content: "\f002"
}

:root .online-info_link:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

.online-cart-in {
    width: 100%;
    font-size: 20px;
    line-height: 2;
    color: #fff !important;
    text-align: center;
    background-color: #073190
}

.online-cart-in:before {
    font-family: FontAwesome;
    content: "\f07a"
}

.online-cap {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 10px;
    color: #1f1815;
    text-align: right
}

.menu-online {
    position: relative;
    padding-top: 80px;
    margin-bottom: 115px;
    background-color: #fff;
    border-radius: 20px
}

.menu-online .nosi-maru {
    position: absolute;
    top: 30px;
    left: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100px;
    height: 73px;
    font-size: 1.6rem;
    text-align: center;
    background-color: #fabf00;
    border-radius: 50%
}

.nosi-maru-blue {
    position: relative;
    text-indent: 70px
}

.nosi-maru-blue .heading-yellow--text {
    text-indent: 0
}

.nosi-maru-blue .nosi-maru-blue--text {
    position: absolute;
    top: 25px;
    left: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 70px;
    height: 50px;
    font-size: 1.2rem;
    color: #fff;
    text-align: center;
    text-indent: 0;
    background-color: #073190;
    border-radius: 50%
}

.menu-list__box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px
}

.menu-list__box .heading-yellow {
    width: 100%;
    max-width: 300px;
    height: auto;
    padding: 20px 10px;
    margin: 0 auto 20px
}

.menu-list__box .heading-yellow.menu-yellow {
    font-size: 2.3rem
}

.menu-list__box.pc-none {
    display: block
}

a.heading-yellow {
    position: relative
}

a.heading-yellow:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    transition: background-color .5s
}

:root a.heading-yellow:hover:before,
_:-ms-fullscreen:hover:before {
    background: hsla(0, 0%, 100%, .5)
}

.reitou {
    bottom: -15px !important;
    left: 40px !important;
    width: auto;
    max-width: 100%
}

.reitou,
.sale {
    position: absolute;
    top: auto !important
}

.sale {
    right: 55px !important;
    bottom: -45px !important;
    left: auto !important;
    width: 100%;
    max-width: 100px;
    transform: translate(50%, -50%) !important
}

.privacy {
    font-size: 1.4rem;
    line-height: 1.6
}

.privacy__container {
    padding: 60px 40px 70px;
    background-color: #fff;
    border-radius: 20px
}

.privacy--textbox,
.privacy__subtitle {
    margin-bottom: 40px
}

.privacy--tablebox {
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.6
}

.privacy--tablebox td,
.privacy--tablebox th {
    border-collapse: collapse;
    border: 1px solid #073190
}

.privacy--tablebox th {
    width: 230px;
    padding: 1em .5em;
    text-align: center;
    background-color: #cdd4e7
}

.privacy--tablebox td {
    width: calc(100% - 250px);
    padding: 1em
}

.privacy--tablebox td .link-deco {
    text-decoration: underline;
    transition: opacity .7s
}

:root .privacy--tablebox td .link-deco:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

.page-single {
    background-color: #073190
}

.single {
    max-width: 1000px;
    margin: 0 20px
}

.product-wrap {
    padding: 25px 15px;
    color: #1f1815;
    text-align: left;
    background-color: #fff;
    border-radius: 10px
}

.product-item {
    margin-bottom: 40px
}

.product-aside {
    padding-left: 0
}

.product-main__title {
    margin-bottom: 1em;
    font-size: 2.5rem;
    font-weight: 700
}

.product-main__list {
    margin-bottom: 1em;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left
}

.product-main__memo {
    margin-bottom: 13px
}

.product-main__memo>p {
    margin-top: 0;
    font-size: 14px;
    line-height: 1.64286;
    color: #1f1815
}

.product-main__price {
    font-size: 2.5rem;
    font-weight: 700
}

.product-main__price .in-tax {
    font-size: 1.6rem;
    font-weight: 400
}

.product-main__price._sale>p:not(:last-child) {
    /* text-decoration: line-through */
}

.product-main__price._saleplace {
    color: #ff0100
}

.product-main__select {
    position: relative;
    display: block;
    margin-top: 25px;
    font-size: 2rem
}

.product-main__select>select {
    position: absolute;
    top: 50%;
    left: 70px;
    width: 125px;
    height: 36px;
    padding-left: .5em;
    margin-left: .3em;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    transform: translateY(-50%)
}

.product-main__area {
    margin-top: auto
}

.noshi-note {
    padding-top: 20px;
    font-size: 1.4rem;
    line-height: 1.7
}

.noshi-note__item {
    position: relative;
    padding-left: 2rem
}

.noshi-note__item:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "※"
}

.kakoi {
    grid-area: table
}

.product-info {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    color: #073190;
    border-top: 1px solid #073190;
    border-right: 1px solid #073190
}

.product-info__data,
.product-info__title {
    width: 100%;
    padding: 15px;
    border-bottom: 1px solid #073190;
    border-left: 1px solid #073190;
    display: flex;
    align-items: center
}

.product-info__title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 700;
    background-color: #cdd4e7
}

.product-info__data {
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: left
}

.product-info__inner-list:not(:last-of-type) {
    margin-bottom: 1em
}

a.single-btn,
a.single-btn--all,
a.single-btn--cart,
a.single-btn--postage,
button.single-btn,
button.single-btn--all,
button.single-btn--cart,
button.single-btn--postage {
    display: block;
    max-width: 310px;
    margin: 1.25em auto 0;
    font-size: 2rem;
    line-height: 2.5;
    text-align: center
}

a.single-btn--all:hover,
a.single-btn--cart:hover,
a.single-btn--postage:hover,
a.single-btn:hover,
button.single-btn--all:hover,
button.single-btn--cart:hover,
button.single-btn--postage:hover,
button.single-btn:hover {
    opacity: .8
}

a.single-btn--cart,
button.single-btn--cart {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    color: #fff;
    background-color: #073190
}

a.single-btn--cart:before,
button.single-btn--cart:before {
    margin-right: .5em;
    font-family: FontAwesome;
    content: "\f07a"
}

a.single-btn--cart:hover,
button.single-btn--cart:hover {
    color: #fff
}

a.single-btn--all,
button.single-btn--all {
    background-color: #fabf00
}

a.single-btn--postage,
button.single-btn--postage {
    color: #073190;
    background-color: #fff;
    border: 1px solid #073190
}

.single-link {
    display: inline-block;
    padding: .5em .5em .5em 0;
    margin-top: .5em;
    font-size: 1.6rem;
    font-weight: 700;
    color: #073190;
    text-decoration: underline
}

.single-link:hover {
    color: #073190;
    opacity: .8
}

.product-note {
    width: 100%;
    padding-top: 30px;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.7;
    color: #073190;
    text-align: left
}

.product-note__data:not(:last-of-type) {
    margin-bottom: 2em
}

.best-3__title {
    font-size: 2.5em;
    font-weight: 700;
    line-height: 3;
    color: #fff;
    text-align: center;
    background-color: #073190
}

.best-3__slider {
    padding: 65px 0
}

.shopping-guide-ttl {
    padding-bottom: 10px;
    border-bottom: 2px solid #073190
}

.shopping-guide-inner-ttl,
.shopping-guide-ttl {
    margin-bottom: 25px;
    font-size: 25px;
    color: text, #00f
}

.shopping-guide-inner-ttl {
    padding-left: 15px;
    line-height: 1.6;
    background-color: #fabf00
}

.shopping-guide-text {
    padding: 0 15px
}

.shopping-guide-text-item01 {
    font-size: 20px
}

.shopping-guide-text-item01:after {
    font-family: FontAwesome;
    font-weight: 900;
    color: #fff;
    content: "\f879";
    background-size: 50px 50px
}

.shopping-guide-text-item02 {
    position: relative;
    padding-left: 6rem;
    font-size: 20px
}

.shopping-guide-text-item02:before {
    position: absolute;
    left: 0;
    width: 50px;
    height: 50px;
    content: "";
    background-color: #fabf00;
    border-radius: 50%
}

.shopping-guide-text-item02:after {
    width: 50px;
    font-family: FontAwesome;
    color: #fff;
    content: "\f26c"
}

.shopping-guide-text-item02 small {
    font-size: 16px
}

.souryo {
    max-width: 1000px;
    padding-bottom: 150px;
    margin: 0 auto
}

.souryo .souryo__title {
    padding-top: 100px;
    margin: 0 0 90px
}

.souryo__container {
    background: #073190
}

.waribiki {
    width: 100%;
    max-width: 890px;
    padding-bottom: 30px;
    margin: 0 auto;
    font-size: 1.4rem;
    background: #fff
}

.waribiki__title {
    font-family: ヒラギノ角ゴ Pro W6, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, sans-serif;
    font-weight: 700
}

.waribiki__container {
    margin-top: 25px
}

.waribiki__item {
    position: relative;
    padding-left: 1em;
    line-height: 1.6
}

.waribiki__item:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    font-size: inherit;
    content: "※"
}

.tokusho--container {
    width: 100%;
    padding: 60px 40px 70px;
    background-color: #fff;
    border-radius: 20px
}

.tokusho--table {
    margin: 0 auto;
    font-size: 1.4rem;
    line-height: 1.6
}

.tokusho--table td,
.tokusho--table th {
    border-collapse: collapse;
    border: 1px solid #073190
}

.tokusho--table th {
    width: 250px;
    padding: 1em .5em;
    text-align: center;
    background-color: #cdd4e7
}

.tokusho--table td {
    width: calc(100% - 250px);
    padding: 1em
}

.tokusho--table td .link-deco {
    text-decoration: underline;
    transition: opacity .7s
}

:root .tokusho--table td .link-deco:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

.tokusho--mail {
    text-decoration: underline;
    transition: opacity .7s
}

:root .tokusho--mail:hover,
_:-ms-fullscreen:hover {
    opacity: .7
}

.top-banner {
    max-width: 325px;
    margin-right: auto;
    margin-left: auto
}

.top-link {
    margin: 25px 20px 80px
}

.top-list {
    margin: -60px -10px 0
}

.top-list>.col {
    padding: 60px 10px 0;
    flex: 0 0 50%;
    max-width: 50%
}

.top-list--title {
    font-family: Dancing Script, cursive;
    line-height: 1.42857;
    color: #fabf00
}

.top-list--subtitle,
.top-list--title {
    margin-bottom: 5px;
    letter-spacing: 0;
    font-size: 1.4rem;
}

.top-list--subtitle {
    padding-left: .5em;
    font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif;
    line-height: 1.13333;
    color: #fff;
    border-left: 1px dashed #fff;
    font-weight: bold;
}

.top-list--subtitle br {
    display: block
}

.top-list--img {
    position: relative;
    z-index: 1;
    display: block
}

.top-list--img:before {
    position: absolute;
    content: "";
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: 1;
    transition: background-color .5s
}

:root .top-list--img:hover:before,
_:-ms-fullscreen:hover:before {
    background: hsla(0, 0%, 100%, .5)
}

.top-list--img:after {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    content: " ";
    background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
    background-position: 0 0, 3px 3px;
    background-size: 6px 6px
}

.top-list--img>img {
    position: relative;
    overflow: hidden;
    width: 100%;
    max-width: 100%
}

.top-list--img>img:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%
}

.top--text {
    line-height: 2;
    color: #fff;
    text-align: left;
    background-image: url(../img/top/bird_back.png);
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 100% auto;
    font-size: 1.4rem
}

.top--text>p {
    margin-bottom: 20px;
    letter-spacing: .2em
}

.top--text>p>br {
    display: none
}

.fz-10 {
    font-size: 1rem !important
}

.fz-11 {
    font-size: 1.1rem !important
}

.fz-12 {
    font-size: 1.2rem !important
}

.fz-13 {
    font-size: 1.3rem !important
}

.fz-14 {
    font-size: 1.4rem !important
}

.fz-15 {
    font-size: 1.5rem !important
}

.fz-16 {
    font-size: 1.6rem !important
}

.fz-17 {
    font-size: 1.7rem !important
}

.fz-18 {
    font-size: 1.8rem !important
}

.fz-19 {
    font-size: 1.9rem !important
}

.fz-20 {
    font-size: 2rem !important
}

.fz-21 {
    font-size: 2.1rem !important
}

.fz-22 {
    font-size: 2.2rem !important
}

.fz-23 {
    font-size: 2.3rem !important
}

.fz-24 {
    font-size: 2.4rem !important
}

.fz-25 {
    font-size: 2.5rem !important
}

.mt-1 {
    margin-top: .05rem !important
}

.mb-1 {
    margin-bottom: .05rem !important
}

.mt-2 {
    margin-top: .1rem !important
}

.mb-2 {
    margin-bottom: .1rem !important
}

.mt-3 {
    margin-top: .15rem !important
}

.mb-3 {
    margin-bottom: .15rem !important
}

.mt-4 {
    margin-top: .2rem !important
}

.mb-4 {
    margin-bottom: .2rem !important
}

.mt-5 {
    margin-top: .25rem !important
}

.mb-5 {
    margin-bottom: .25rem !important
}

.mt-6 {
    margin-top: .3rem !important
}

.mb-6 {
    margin-bottom: .3rem !important
}

.mt-7 {
    margin-top: .35rem !important
}

.mb-7 {
    margin-bottom: .35rem !important
}

.mt-8 {
    margin-top: .4rem !important
}

.mb-8 {
    margin-bottom: .4rem !important
}

.mt-9 {
    margin-top: .45rem !important
}

.mb-9 {
    margin-bottom: .45rem !important
}

.mt-10 {
    margin-top: .5rem !important
}

.mb-10 {
    margin-bottom: .5rem !important
}

.mt-11 {
    margin-top: .55rem !important
}

.mb-11 {
    margin-bottom: .55rem !important
}

.mt-12 {
    margin-top: .6rem !important
}

.mb-12 {
    margin-bottom: .6rem !important
}

.mt-13 {
    margin-top: .65rem !important
}

.mb-13 {
    margin-bottom: .65rem !important
}

.mt-14 {
    margin-top: .7rem !important
}

.mb-14 {
    margin-bottom: .7rem !important
}

.mt-15 {
    margin-top: .75rem !important
}

.mb-15 {
    margin-bottom: .75rem !important
}

.mt-16 {
    margin-top: .8rem !important
}

.mb-16 {
    margin-bottom: .8rem !important
}

.mt-17 {
    margin-top: .85rem !important
}

.mb-17 {
    margin-bottom: .85rem !important
}

.mt-18 {
    margin-top: .9rem !important
}

.mb-18 {
    margin-bottom: .9rem !important
}

.fz-en {
    font-family: tornac, sans-serif
}

.font-hui {
    font-family: Huifont, sans-serif
}

.font-gosick {
    font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, sans-serif
}

.is-hidden {
    visibility: hidden !important
}

.is-none {
    display: none !important
}

:root .ie-none,
_:-ms-fullscreen {
    display: none !important
}

.fw-b {
    font-weight: 700 !important
}

.d-block {
    display: block
}

.under-line {
    text-decoration: underline
}

.pt-1 {
    padding-top: .05rem
}

.pb-1 {
    padding-bottom: .05rem
}

.pt-2 {
    padding-top: .1rem
}

.pb-2 {
    padding-bottom: .1rem
}

.pt-3 {
    padding-top: .15rem
}

.pb-3 {
    padding-bottom: .15rem
}

.pt-4 {
    padding-top: .2rem
}

.pb-4 {
    padding-bottom: .2rem
}

.pt-5 {
    padding-top: .25rem
}

.pb-5 {
    padding-bottom: .25rem
}

.pt-6 {
    padding-top: .3rem
}

.pb-6 {
    padding-bottom: .3rem
}

.pt-7 {
    padding-top: .35rem
}

.pb-7 {
    padding-bottom: .35rem
}

.pt-8 {
    padding-top: .4rem
}

.pb-8 {
    padding-bottom: .4rem
}

.pt-9 {
    padding-top: .45rem
}

.pb-9 {
    padding-bottom: .45rem
}

.pt-10 {
    padding-top: .5rem
}

.pb-10 {
    padding-bottom: .5rem
}

.pt-11 {
    padding-top: .55rem
}

.pb-11 {
    padding-bottom: .55rem
}

.pt-12 {
    padding-top: .6rem
}

.pb-12 {
    padding-bottom: .6rem
}

.pt-13 {
    padding-top: .65rem
}

.pb-13 {
    padding-bottom: .65rem
}

.pt-14 {
    padding-top: .7rem
}

.pb-14 {
    padding-bottom: .7rem
}

.pt-15 {
    padding-top: .75rem
}

.pb-15 {
    padding-bottom: .75rem
}

.pt-16 {
    padding-top: .8rem
}

.pb-16 {
    padding-bottom: .8rem
}

.pt-17 {
    padding-top: .85rem
}

.pb-17 {
    padding-bottom: .85rem
}

.pt-18 {
    padding-top: .9rem
}

.pb-18 {
    padding-bottom: .9rem
}

.svg-delivery,
.svg-facebook,
.svg-instagram,
.svg-line,
.svg-twitter {
    background: url(../img/sprites/sprite.view.svg) no-repeat
}

.svg-delivery {
    background-position: 0 0
}

.svg-delivery-dims {
    width: 218.7px;
    height: 85.67px
}

.svg-facebook {
    background-position: 0 99.68217054263566%
}

.svg-facebook-dims {
    width: 28.36px;
    height: 36px
}

.svg-instagram {
    background-position: 15.497267759562842% 99.68217054263566%
}

.svg-instagram-dims {
    width: 36px;
    height: 36px
}

.svg-line {
    background-position: 0 70.17529488859765%
}

.svg-line-dims {
    width: 44px;
    height: 42.92px
}

.svg-twitter {
    background-position: 24.30939226519337% 65.6978527607362%
}

.svg-twitter-dims {
    width: 38px;
    height: 34.6px
}

.test {
    display: block
}

@media (hover:hover) {
    a:hover {
        color: inherit;
        text-decoration: none
    }

    button {
        cursor: pointer
    }

    .best-3--button:hover {
        opacity: .7
    }

    .footer__link:hover {
        opacity: .7;
        text-decoration: underline;
        opacity: 1
    }

    .online-box.card .card__img:hover:after {
        background: hsla(0, 0%, 100%, .5)
    }

    .online-info_link:hover,
    div.mfp_buttons>button:hover {
        opacity: .7
    }

    a.heading-yellow:hover:before {
        background: hsla(0, 0%, 100%, .5)
    }

    .privacy--tablebox td .link-deco:hover,
    .tokusho--mail:hover,
    .tokusho--table td .link-deco:hover {
        opacity: .7
    }

    .top-list--img:hover:before {
        background: hsla(0, 0%, 100%, .5)
    }
}

@media (min-width:600px) and (hover:hover) {
    a[href^="tel:"] {
        pointer-events: none
    }
}


@media (min-width:720px) {
    .a {
        color: inherit
    }

    .row-col-3-2-1>.col {
        flex: 0 0 50%;
        max-width: 50%
    }

    .breadcrumbs {
        display: block
    }

    .map__iframe {
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .map__iframe:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 43.95604%
    }

    .footer {
        padding-top: 40px;
        padding-bottom: 25px
    }

    .footer__container {
        flex-direction: row;
        justify-content: space-between
    }

    .footer__logo {
        width: 380px;
        margin-right: 20px
    }

    .footer__nav {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .footer .row {
        margin: 0 -5px
    }

    .footer__copy {
        margin-top: 0
    }

    .gnav {
        position: static;
        height: auto;
        min-height: 0;
        padding: 25px 0;
        overflow: hidden;
        opacity: 1;
        transform: translateY(0)
    }

    .gnav__list {
        display: flex;
        width: 100%;
        max-width: 100%;
        margin-top: 0;
        font-size: 16px;
    }

    .gnav__item {
        width: 20%
    }

    .gnav__item:not(:first-child) {
        margin-top: 0
    }

    .gnav__link:after {
        bottom: 1px;
        width: 16px;
        transition: width .5s
    }

    .header__contents {
        flex-wrap: wrap;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .header__container {
        width: 100%;
        max-width: 1000px;
        height: auto;
        padding: 0 25px;
        margin: 0
    }

    .header__logo {
        width: 100%;
        max-width: 380px;
        margin-right: 20px
    }

    .header__hero .imgbox {
        right: 270px;
        width: calc(100% - 270px)
    }

    .header__hero .imgbox .img1 {
        top: 0;
        left: 0;
        transform: translate(0)
    }

    .delivery {
        flex-direction: row
    }

    .delivery__logo {
        width: 42.10526%;
        height: 70px;
        margin-right: 4%
    }

    .delivery.head {
        flex-direction: row;
        align-items: center;
        max-width: 475px;
        margin-top: 0
    }

    .delivery.head .delivery__logo {
        width: 200px;
        height: 80px
    }

    .delivery.head .delivery__logo>span {
        font-size: 1.6rem
    }

    .delivery.head .delivery__text {
        margin-top: 0;
        font-size: 1.6rem
    }

    .delivery.head .delivery__number {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 8px
    }

    .delivery.foot .delivery__logo {
        margin-top: 0;
        margin-bottom: 0
    }

    .delivery.foot .delivery__text {
        margin-top: 0
    }

    .feature {
        padding: 50px 20px 80px;
        margin-bottom: 170px
    }

    .feature--title {
        margin-bottom: 40px;
        font-size: 3rem
    }

    .feature--list {
        padding: 0 90px
    }

    .feature--item {
        flex-direction: row;
        align-items: flex-end;
        margin-bottom: 0
    }

    .feature--item img {
        width: 100px;
        height: 100%
    }

    .feature--item dl {
        width: calc(100% - 120px);
        padding-left: 20px
    }

    .hamburger {
        display: none
    }

    .heading-line-blue {
        flex-direction: row
    }

    .heading-line-blue>span {
        margin-left: 20px
    }

    .heading-line-white {
        flex-direction: row;
        margin-top: 90px;
        margin-bottom: 85px
    }

    .heading-line-white>span {
        margin-left: 20px
    }

    .heading-blue,
    .heading-blue--contact {
        flex-direction: row;
        align-items: center;
        padding: 10px 0;
        margin: 0 90px;
        font-size: 3.3rem
    }

    .heading-blue--contact {
        flex-direction: row;
        align-items: center;
        padding: 10px 0;
        margin: 0 90px 70px
    }

    .heading-blue--contact>span,
    .heading-blue>span {
        margin-left: 1rem;
        font-size: 2.3rem
    }

    .heading-blue--contact>span.online,
    .heading-blue>span.online {
        margin-left: 1rem;
        font-size: 1.6rem
    }

    .heading-yellow {
        justify-content: space-evenly
    }

    .heading-yellow--text {
        margin-top: 0;
        margin-left: 1rem
    }

    .how-to-eat {
        padding: 50px 20px 80px
    }

    .how-to-eat-inner {
        flex-direction: row;
        align-items: flex-end;
        padding: 0 90px
    }

    .how-to-eat--title {
        margin-bottom: 40px;
        font-size: 3rem
    }

    .how-to-eat--text {
        width: calc(100% - 180px);
        margin-right: 20px
    }

    .how-to-eat--text>p br {
        display: block
    }

    .instagram {
        padding-bottom: 90px
    }

    .instagram__container {
        margin: -25px 0 0 -20px
    }

    .instagram__item {
        padding: 25px 0 0 20px
    }

    .review {
        flex-direction: row;
        align-items: center
    }

    .review--list {
        max-width: 220px;
        margin-top: -10px
    }

    .review--item {
        max-width: 100%
    }

    .shopping-guide {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto auto auto auto auto;
        -ms-grid-columns: 1fr 60px 1fr;
        grid-template: "title title" auto "😂 💳" auto "💰 😆" auto "🚚 🏠" auto "bnr bnr" auto/1fr 1fr;
        grid-column-gap: 60px
    }

    .shopping-guide__wrap {
        padding-right: calc(50vw - 500px);
        padding-left: calc(50vw - 500px);
        background: #fff
    }

    .shopping-guide__title {
        grid-area: title
    }

    .area-a {
        grid-area: 😂
    }

    .area-b {
        grid-area: 💰
    }

    .area-c {
        grid-area: 🚚
    }

    .area-d {
        grid-area: 💳
    }

    .area-e {
        grid-area: 😆
    }

    .area-f {
        grid-area: 🏠
    }

    .area-g {
        grid-area: bnr;
        margin-top: 4%
    }

    .shopping-guide-item {
        width: 100%;
        max-width: 100%
    }

    .facebook-pc {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10;
        display: block;
        width: 270px;
        height: 100%
    }

    .facebook-sp {
        display: none
    }

    .table .area,
    .table .prefectures,
    .table .price,
    .table .price-list1 .price__item {
        padding: 1em .5em
    }

    .table .area-name,
    .table .prefectures-name,
    .table .price-list2 .price__item {
        padding: 1em
    }

    .table__container {
        -ms-grid-rows: auto;
        -ms-grid-columns: 120px calc(50% - 60px) calc(50% - 60px);
        grid-template: "😁 🐸 🐶" auto/120px calc(50% - 60px) calc(50% - 60px)
    }

    .table__container:not(:last-of-type) {
        margin-bottom: 0
    }

    .table__container.sp-none {
        -ms-grid-rows: auto auto;
        -ms-grid-columns: 120px calc(50% - 60px) calc(50% - 60px);
        grid-template: "😁 🐸 👽" auto "😁 🐸 🐶" auto/120px calc(50% - 60px) calc(50% - 60px)
    }

    .table .area {
        border-top: 1px solid #073190;
        border-left: 1px solid #073190
    }

    .table .area-name {
        grid-area: 😁;
        background: transparent;
        border-left: 1px solid #073190;
        display: flex;
        align-items: center
    }

    .table .prefectures {
        grid-area: 🐸;
        border-top: 1px solid #073190;
        border-left: 1px solid #073190
    }

    .table .prefectures-name {
        grid-area: 🐸;
        display: flex;
        align-items: center;
        text-align: left
    }

    .table .price {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        grid-area: 👽
    }

    .table .price,
    .table .price-list1 {
        margin-left: -1px;
        border-top: 1px solid #073190;
        border-right: 1px solid #073190;
        border-left: 1px solid #073190
    }

    .table .price-list1 {
        grid-area: 🐶;
        width: calc(100% + 1px)
    }

    .table .price-list2 {
        grid-area: 🐶
    }

    .table .area {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .table__container.sp-none>.area {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .table .area-name,
    .table__container.sp-none>.area-name {
        -ms-grid-column: 2
    }

    .table .area-name {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .table__container.sp-none>.area-name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .table .prefectures {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .table__container.sp-none>.prefectures {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .table__container.sp-none>.prefectures-name {
        -ms-grid-column: 3
    }

    .table .prefectures-name {
        -ms-grid-row: 1;
        -ms-grid-column: 2
    }

    .table__container.sp-none>.prefectures-name {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .table .price-list1,
    .table__container.sp-none>.price {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .table__container.sp-none>.price-list1 {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .table .price-list2 {
        -ms-grid-row: 1;
        -ms-grid-column: 3
    }

    .table__container.sp-none>.price-list2 {
        -ms-grid-row: 2;
        -ms-grid-column: 3
    }

    .table .price-list2 .price__item {
        display: flex;
        align-items: center;
        justify-content: flex-end
    }

    .contact {
        padding: 70px 20px 0
    }

    .contact>.heading-line-blue {
        margin-top: 90px;
        margin-bottom: 85px
    }

    .contact .heading-blue--contact {
        margin-bottom: 70px
    }

    .contact-sec {
        padding: 80px 50px 120px;
        margin-bottom: 114px;
        text-align: center
    }

    div.mfp_buttons {
        margin-top: 30px;
        margin-left: 140px
    }

    .howto {
        padding: 0 50px 0 30px
    }

    .howto--title {
        margin-bottom: 40px;
        font-size: 3rem
    }

    .shopping-guide__title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .area-a {
        -ms-grid-row: 2
    }

    .area-a,
    .area-b {
        -ms-grid-column: 1
    }

    .area-b {
        -ms-grid-row: 3
    }

    .area-c {
        -ms-grid-row: 4;
        -ms-grid-column: 1
    }

    .area-d {
        -ms-grid-row: 2
    }

    .area-d,
    .area-e {
        -ms-grid-column: 3
    }

    .area-e {
        -ms-grid-row: 3
    }

    .area-f {
        -ms-grid-row: 4;
        -ms-grid-column: 3
    }

    .area-g {
        -ms-grid-row: 5;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .howto-inner--grid01 .howto--title {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3
    }

    .howto br.pc-none {
        display: none
    }

    .taste-text {
        margin: 90px auto 140px
    }

    .taste-text br {
        display: block
    }

    .menu-online .nosi-maru {
        top: 45px;
        left: 40px
    }

    .nosi-maru-blue .nosi-maru-blue--text {
        top: 15px;
        left: 20px
    }

    .menu-list__box.pc-none {
        display: none
    }

    .single {
        margin: 0 auto
    }

    .product-aside {
        padding-left: 40px
    }

    .souryo__container {
        padding: 40px 20px 50px;
        background: #fff;
        border-radius: 20px
    }

    .top-banner {
        max-width: inherit
    }

    .top-link {
        margin: 110px auto 80px
    }

    .top-list {
        margin: 0 -15px
    }

    .top-list>.col {
        padding: 0 15px;
        flex: 0 0 25%;
        max-width: 25%
    }

    .top-list--subtitle {
        line-height: 1.25
    }

    /* .top-list--subtitle br {
        display: none
    } */

    .top--text {
        margin-top: 110px;
        margin-bottom: 80px;
        text-align: center;
        background-size: auto
    }

    .top--text>p {
        margin-bottom: 50px;
        letter-spacing: 0
    }

    .top--text>p>br {
        display: block
    }

    .fz-xs-10 {
        font-size: 1rem !important
    }

    .fz-xs-11 {
        font-size: 1.1rem !important
    }

    .fz-xs-12 {
        font-size: 1.2rem !important
    }

    .fz-xs-13 {
        font-size: 1.3rem !important
    }

    .fz-xs-14 {
        font-size: 1.4rem !important
    }

    .fz-xs-15 {
        font-size: 1.5rem !important
    }

    .fz-xs-16 {
        font-size: 1.6rem !important
    }

    .fz-xs-17 {
        font-size: 1.7rem !important
    }

    .fz-xs-18 {
        font-size: 1.8rem !important
    }

    .fz-xs-19 {
        font-size: 1.9rem !important
    }

    .fz-xs-20 {
        font-size: 2rem !important
    }

    .fz-xs-21 {
        font-size: 2.1rem !important
    }

    .fz-xs-22 {
        font-size: 2.2rem !important
    }

    .fz-xs-23 {
        font-size: 2.3rem !important
    }

    .fz-xs-24 {
        font-size: 2.4rem !important
    }

    .fz-xs-25 {
        font-size: 2.5rem !important
    }

    .mt-xs-0 {
        margin-top: 0 !important
    }

    .mb-xs-0 {
        margin-bottom: 0 !important
    }

    .mt-xs-1 {
        margin-top: .05rem !important
    }

    .mb-xs-1 {
        margin-bottom: .05rem !important
    }

    .mt-xs-2 {
        margin-top: .1rem !important
    }

    .mb-xs-2 {
        margin-bottom: .1rem !important
    }

    .mt-xs-3 {
        margin-top: .15rem !important
    }

    .mb-xs-3 {
        margin-bottom: .15rem !important
    }

    .mt-xs-4 {
        margin-top: .2rem !important
    }

    .mb-xs-4 {
        margin-bottom: .2rem !important
    }

    .mt-xs-5 {
        margin-top: .25rem !important
    }

    .mb-xs-5 {
        margin-bottom: .25rem !important
    }

    .mt-xs-6 {
        margin-top: .3rem !important
    }

    .mb-xs-6 {
        margin-bottom: .3rem !important
    }

    .mt-xs-7 {
        margin-top: .35rem !important
    }

    .mb-xs-7 {
        margin-bottom: .35rem !important
    }

    .mt-xs-8 {
        margin-top: .4rem !important
    }

    .mb-xs-8 {
        margin-bottom: .4rem !important
    }

    .mt-xs-9 {
        margin-top: .45rem !important
    }

    .mb-xs-9 {
        margin-bottom: .45rem !important
    }

    .mt-xs-10 {
        margin-top: .5rem !important
    }

    .mb-xs-10 {
        margin-bottom: .5rem !important
    }

    .mt-xs-11 {
        margin-top: .55rem !important
    }

    .mb-xs-11 {
        margin-bottom: .55rem !important
    }

    .mt-xs-12 {
        margin-top: .6rem !important
    }

    .mb-xs-12 {
        margin-bottom: .6rem !important
    }

    .mt-xs-13 {
        margin-top: .65rem !important
    }

    .mb-xs-13 {
        margin-bottom: .65rem !important
    }

    .mt-xs-14 {
        margin-top: .7rem !important
    }

    .mb-xs-14 {
        margin-bottom: .7rem !important
    }

    .mt-xs-15 {
        margin-top: .75rem !important
    }

    .mb-xs-15 {
        margin-bottom: .75rem !important
    }

    .mt-xs-16 {
        margin-top: .8rem !important
    }

    .mb-xs-16 {
        margin-bottom: .8rem !important
    }

    .mt-xs-17 {
        margin-top: .85rem !important
    }

    .mb-xs-17 {
        margin-bottom: .85rem !important
    }

    .mt-xs-18 {
        margin-top: .9rem !important
    }

    .mb-xs-18 {
        margin-bottom: .9rem !important
    }

    .xs-none {
        display: none !important
    }

    .pt-xs-0 {
        padding-top: 0
    }

    .pb-xs-0 {
        padding-bottom: 0
    }

    .pt-xs-1 {
        padding-top: .05rem
    }

    .pb-xs-1 {
        padding-bottom: .05rem
    }

    .pt-xs-2 {
        padding-top: .1rem
    }

    .pb-xs-2 {
        padding-bottom: .1rem
    }

    .pt-xs-3 {
        padding-top: .15rem
    }

    .pb-xs-3 {
        padding-bottom: .15rem
    }

    .pt-xs-4 {
        padding-top: .2rem
    }

    .pb-xs-4 {
        padding-bottom: .2rem
    }

    .pt-xs-5 {
        padding-top: .25rem
    }

    .pb-xs-5 {
        padding-bottom: .25rem
    }

    .pt-xs-6 {
        padding-top: .3rem
    }

    .pb-xs-6 {
        padding-bottom: .3rem
    }

    .pt-xs-7 {
        padding-top: .35rem
    }

    .pb-xs-7 {
        padding-bottom: .35rem
    }

    .pt-xs-8 {
        padding-top: .4rem
    }

    .pb-xs-8 {
        padding-bottom: .4rem
    }

    .pt-xs-9 {
        padding-top: .45rem
    }

    .pb-xs-9 {
        padding-bottom: .45rem
    }

    .pt-xs-10 {
        padding-top: .5rem
    }

    .pb-xs-10 {
        padding-bottom: .5rem
    }

    .pt-xs-11 {
        padding-top: .55rem
    }

    .pb-xs-11 {
        padding-bottom: .55rem
    }

    .pt-xs-12 {
        padding-top: .6rem
    }

    .pb-xs-12 {
        padding-bottom: .6rem
    }

    .pt-xs-13 {
        padding-top: .65rem
    }

    .pb-xs-13 {
        padding-bottom: .65rem
    }

    .pt-xs-14 {
        padding-top: .7rem
    }

    .pb-xs-14 {
        padding-bottom: .7rem
    }

    .pt-xs-15 {
        padding-top: .75rem
    }

    .pb-xs-15 {
        padding-bottom: .75rem
    }

    .pt-xs-16 {
        padding-top: .8rem
    }

    .pb-xs-16 {
        padding-bottom: .8rem
    }

    .pt-xs-17 {
        padding-top: .85rem
    }

    .pb-xs-17 {
        padding-bottom: .85rem
    }

    .pt-xs-18 {
        padding-top: .9rem
    }

    .pb-xs-18 {
        padding-bottom: .9rem
    }
}

@media (min-width:1000px) {
    .a {
        color: inherit
    }

    .gnav__list {
        font-size: 2rem;
    }

    .review--list {
        max-width: 280px;
        margin-top: -10px
    }

    .row-col-3-2-1>.col {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .best-3 .online-ttl>p {
        font-size: 1.6rem
    }

    .best-3 .online-price>p {
        font-size: 2.5rem
    }

    .map {
        font-size: 1.8rem
    }

    .map__container {
        position: absolute;
        bottom: 50px;
        left: 75%;
        z-index: 2;
        transform: translateX(-50%)
    }

    .footer .col {
        font-size: 1.35rem
    }

    .delivery__logo>span {
        font-size: 1.8rem
    }

    .delivery__text {
        font-size: 1.6rem
    }

    .delivery.head .delivery__number,
    .delivery__number {
        font-size: 2.9rem
    }

    .delivery.foot .delivery__text {
        font-size: 1.4rem
    }

    .delivery.foot .delivery__number {
        font-size: 2.5rem
    }

    .contact-tell__phone-num {
        font-size: 3.5rem
    }

    .contact-form__contents {
        flex-direction: row;
        padding-top: 50px
    }

    .contact-form__form {
        margin-bottom: 0
    }

    .contact-form__caution {
        max-width: 350px;
        margin-left: 20px
    }

    div.mfp_buttons {
        margin-left: 0
    }

    .howto-inner__imgwrap {
        width: 50%
    }

    .howto-inner--grid01 {
        -ms-grid-rows: 50% 50%;
        -ms-grid-columns: 20% 1fr 20%;
        grid-template: "subitem title img" 50% " . text img" 50%/20% 1fr 20%;
        padding-top: 70px
    }

    .howto-inner--grid01>.shopping-guide__title {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid01 .howto-inner--subitem01 {
        top: -30%;
        left: 25%
    }

    :root .howto-inner--grid01 .howto-inner--subitem01,
    _:-ms-fullscreen {
        left: 5%
    }

    @supports (-ms-ime-align:auto) {
        .howto-inner--grid01 .howto-inner--subitem01 {
            left: 5%
        }
    }

    .howto-inner--grid01 .howto-inner--subitem01>p {
        font-size: 2.5rem;
        top: 50%;
        left: 50%
    }

    :root .howto-inner--grid01 .howto-inner--subitem01>p,
    _:-ms-fullscreen {
        top: 50%
    }

    .howto-inner--grid01 .howto--title {
        justify-content: flex-end
    }

    :root .howto-inner--grid01 .howto--title,
    _:-ms-fullscreen {
        -ms-grid-row: 1;
        grid-row: 1;
        -ms-grid-column: 2;
        grid-column: 2
    }

    .howto-inner--grid01 .howto--text {
        grid-row: 2;
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
        grid-column: 1/4;
        text-align: center
    }

    .howto-inner--grid02 {
        -ms-grid-rows: 50% 50%;
        -ms-grid-columns: 20% 1fr 50%;
        grid-template: "kamome text img" 50% "kamome subitem img" 50%/20% 1fr 50%
    }

    .howto-inner--grid02>.howto-inner--subitem01 {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .howto-inner--grid02>.howto--img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid02 .howto-inner--subitem02 {
        width: 100%
    }

    .howto-inner--grid02 .howto-inner--subitem02>p {
        font-size: 2rem;
        top: 50%;
        left: 50%
    }

    .howto-inner--grid02 .howto--img {
        right: auto
    }

    .howto-inner--grid02 .howto--text {
        height: auto;
        padding: 0
    }

    .howto-inner--grid01 .howto-inner--subitem01 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .howto-inner--grid01>.howto--title {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid01 .howto--text {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid01 .howto--img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3
    }

    .howto-inner--grid02 .howto-inner--subitem02 {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .howto-inner--grid02>.howto-inner--subitem02 {
        -ms-grid-row: 2;
        -ms-grid-column: 2
    }

    .howto-inner--grid02 .howto--img {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 1
    }

    .howto-inner--grid02 .howto--text {
        -ms-grid-row: 2;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid02>.howto--text {
        -ms-grid-row: 1;
        -ms-grid-column: 2;
        -ms-grid-column-span: 1
    }

    .howto-inner--grid02 .howto--kiji,
    .howto-inner--grid02>.howto--kiji {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 3
    }

    .howto-inner--grid02>.howto--kiji {
        -ms-grid-column-span: 1
    }

    .howto-inner--grid02 .howto--kiji {
        padding-left: 5rem
    }

    .howto-inner--flex {
        flex-direction: row
    }

    .howto-inner--flex>p {
        width: 50%
    }

    .howto-inner--flex img {
        padding-right: 65px
    }

    .taste-text {
        font-size: 2rem
    }

    .menu-list__box {
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 65px
    }

    .product-wrap {
        display: -ms-grid;
        display: grid;
        -ms-grid-rows: auto 1fr;
        -ms-grid-columns: 1fr 350px;
        grid-template: "pic aside" auto "table aside" 1fr/1fr 350px;
        padding: 75px 50px;
        border-radius: 20px
    }

    .product-item {
        grid-area: table
    }

    .product-img {
        grid-area: pic
    }

    .product-aside {
        grid-area: aside
    }

    .product-item {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .product-img {
        -ms-grid-row: 1;
        -ms-grid-column: 1
    }

    .product-aside {
        -ms-grid-row: 1;
        -ms-grid-row-span: 2;
        -ms-grid-column: 2
    }

    .kakoi {
        -ms-grid-row: 2;
        -ms-grid-column: 1
    }

    .product-info__title {
        width: 115px
    }

    .product-info__data {
        width: calc(100% - 115px)
    }

    .top-list--title {
        font-size: 1.6rem
    }

    /* .top-list--subtitle {
        font-size: 1.2rem
    } */

    .top--text {
        font-size: 1.8rem
    }

    .fz-sm-10 {
        font-size: 1rem !important
    }

    .fz-sm-11 {
        font-size: 1.1rem !important
    }

    .fz-sm-12 {
        font-size: 1.2rem !important
    }

    .fz-sm-13 {
        font-size: 1.3rem !important
    }

    .fz-sm-14 {
        font-size: 1.4rem !important
    }

    .fz-sm-15 {
        font-size: 1.5rem !important
    }

    .fz-sm-16 {
        font-size: 1.6rem !important
    }

    .fz-sm-17 {
        font-size: 1.7rem !important
    }

    .fz-sm-18 {
        font-size: 1.8rem !important
    }

    .fz-sm-19 {
        font-size: 1.9rem !important
    }

    .fz-sm-20 {
        font-size: 2rem !important
    }

    .fz-sm-21 {
        font-size: 2.1rem !important
    }

    .fz-sm-22 {
        font-size: 2.2rem !important
    }

    .fz-sm-23 {
        font-size: 2.3rem !important
    }

    .fz-sm-24 {
        font-size: 2.4rem !important
    }

    .fz-sm-25 {
        font-size: 2.5rem !important
    }

    .mt-sm-0 {
        margin-top: 0 !important
    }

    .mb-sm-0 {
        margin-bottom: 0 !important
    }

    .mt-sm-1 {
        margin-top: .05rem !important
    }

    .mb-sm-1 {
        margin-bottom: .05rem !important
    }

    .mt-sm-2 {
        margin-top: .1rem !important
    }

    .mb-sm-2 {
        margin-bottom: .1rem !important
    }

    .mt-sm-3 {
        margin-top: .15rem !important
    }

    .mb-sm-3 {
        margin-bottom: .15rem !important
    }

    .mt-sm-4 {
        margin-top: .2rem !important
    }

    .mb-sm-4 {
        margin-bottom: .2rem !important
    }

    .mt-sm-5 {
        margin-top: .25rem !important
    }

    .mb-sm-5 {
        margin-bottom: .25rem !important
    }

    .mt-sm-6 {
        margin-top: .3rem !important
    }

    .mb-sm-6 {
        margin-bottom: .3rem !important
    }

    .mt-sm-7 {
        margin-top: .35rem !important
    }

    .mb-sm-7 {
        margin-bottom: .35rem !important
    }

    .mt-sm-8 {
        margin-top: .4rem !important
    }

    .mb-sm-8 {
        margin-bottom: .4rem !important
    }

    .mt-sm-9 {
        margin-top: .45rem !important
    }

    .mb-sm-9 {
        margin-bottom: .45rem !important
    }

    .mt-sm-10 {
        margin-top: .5rem !important
    }

    .mb-sm-10 {
        margin-bottom: .5rem !important
    }

    .mt-sm-11 {
        margin-top: .55rem !important
    }

    .mb-sm-11 {
        margin-bottom: .55rem !important
    }

    .mt-sm-12 {
        margin-top: .6rem !important
    }

    .mb-sm-12 {
        margin-bottom: .6rem !important
    }

    .mt-sm-13 {
        margin-top: .65rem !important
    }

    .mb-sm-13 {
        margin-bottom: .65rem !important
    }

    .mt-sm-14 {
        margin-top: .7rem !important
    }

    .mb-sm-14 {
        margin-bottom: .7rem !important
    }

    .mt-sm-15 {
        margin-top: .75rem !important
    }

    .mb-sm-15 {
        margin-bottom: .75rem !important
    }

    .mt-sm-16 {
        margin-top: .8rem !important
    }

    .mb-sm-16 {
        margin-bottom: .8rem !important
    }

    .mt-sm-17 {
        margin-top: .85rem !important
    }

    .mb-sm-17 {
        margin-bottom: .85rem !important
    }

    .mt-sm-18 {
        margin-top: .9rem !important
    }

    .mb-sm-18 {
        margin-bottom: .9rem !important
    }

    .sm-none {
        display: none !important
    }

    .pt-sm-0 {
        padding-top: 0
    }

    .pb-sm-0 {
        padding-bottom: 0
    }

    .pt-sm-1 {
        padding-top: .05rem
    }

    .pb-sm-1 {
        padding-bottom: .05rem
    }

    .pt-sm-2 {
        padding-top: .1rem
    }

    .pb-sm-2 {
        padding-bottom: .1rem
    }

    .pt-sm-3 {
        padding-top: .15rem
    }

    .pb-sm-3 {
        padding-bottom: .15rem
    }

    .pt-sm-4 {
        padding-top: .2rem
    }

    .pb-sm-4 {
        padding-bottom: .2rem
    }

    .pt-sm-5 {
        padding-top: .25rem
    }

    .pb-sm-5 {
        padding-bottom: .25rem
    }

    .pt-sm-6 {
        padding-top: .3rem
    }

    .pb-sm-6 {
        padding-bottom: .3rem
    }

    .pt-sm-7 {
        padding-top: .35rem
    }

    .pb-sm-7 {
        padding-bottom: .35rem
    }

    .pt-sm-8 {
        padding-top: .4rem
    }

    .pb-sm-8 {
        padding-bottom: .4rem
    }

    .pt-sm-9 {
        padding-top: .45rem
    }

    .pb-sm-9 {
        padding-bottom: .45rem
    }

    .pt-sm-10 {
        padding-top: .5rem
    }

    .pb-sm-10 {
        padding-bottom: .5rem
    }

    .pt-sm-11 {
        padding-top: .55rem
    }

    .pb-sm-11 {
        padding-bottom: .55rem
    }

    .pt-sm-12 {
        padding-top: .6rem
    }

    .pb-sm-12 {
        padding-bottom: .6rem
    }

    .pt-sm-13 {
        padding-top: .65rem
    }

    .pb-sm-13 {
        padding-bottom: .65rem
    }

    .pt-sm-14 {
        padding-top: .7rem
    }

    .pb-sm-14 {
        padding-bottom: .7rem
    }

    .pt-sm-15 {
        padding-top: .75rem
    }

    .pb-sm-15 {
        padding-bottom: .75rem
    }

    .pt-sm-16 {
        padding-top: .8rem
    }

    .pb-sm-16 {
        padding-bottom: .8rem
    }

    .pt-sm-17 {
        padding-top: .85rem
    }

    .pb-sm-17 {
        padding-bottom: .85rem
    }

    .pt-sm-18 {
        padding-top: .9rem
    }

    .pb-sm-18 {
        padding-bottom: .9rem
    }
}

@media (min-width:1200px) {
    .a {
        color: inherit
    }

    .map__container {
        left: calc(50% + 300px)
    }

    .fz-md-10 {
        font-size: 1rem !important
    }

    .fz-md-11 {
        font-size: 1.1rem !important
    }

    .fz-md-12 {
        font-size: 1.2rem !important
    }

    .fz-md-13 {
        font-size: 1.3rem !important
    }

    .fz-md-14 {
        font-size: 1.4rem !important
    }

    .fz-md-15 {
        font-size: 1.5rem !important
    }

    .fz-md-16 {
        font-size: 1.6rem !important
    }

    .fz-md-17 {
        font-size: 1.7rem !important
    }

    .fz-md-18 {
        font-size: 1.8rem !important
    }

    .fz-md-19 {
        font-size: 1.9rem !important
    }

    .fz-md-20 {
        font-size: 2rem !important
    }

    .fz-md-21 {
        font-size: 2.1rem !important
    }

    .fz-md-22 {
        font-size: 2.2rem !important
    }

    .fz-md-23 {
        font-size: 2.3rem !important
    }

    .fz-md-24 {
        font-size: 2.4rem !important
    }

    .fz-md-25 {
        font-size: 2.5rem !important
    }

    .mt-md-0 {
        margin-top: 0 !important
    }

    .mb-md-0 {
        margin-bottom: 0 !important
    }

    .mt-md-1 {
        margin-top: .05rem !important
    }

    .mb-md-1 {
        margin-bottom: .05rem !important
    }

    .mt-md-2 {
        margin-top: .1rem !important
    }

    .mb-md-2 {
        margin-bottom: .1rem !important
    }

    .mt-md-3 {
        margin-top: .15rem !important
    }

    .mb-md-3 {
        margin-bottom: .15rem !important
    }

    .mt-md-4 {
        margin-top: .2rem !important
    }

    .mb-md-4 {
        margin-bottom: .2rem !important
    }

    .mt-md-5 {
        margin-top: .25rem !important
    }

    .mb-md-5 {
        margin-bottom: .25rem !important
    }

    .mt-md-6 {
        margin-top: .3rem !important
    }

    .mb-md-6 {
        margin-bottom: .3rem !important
    }

    .mt-md-7 {
        margin-top: .35rem !important
    }

    .mb-md-7 {
        margin-bottom: .35rem !important
    }

    .mt-md-8 {
        margin-top: .4rem !important
    }

    .mb-md-8 {
        margin-bottom: .4rem !important
    }

    .mt-md-9 {
        margin-top: .45rem !important
    }

    .mb-md-9 {
        margin-bottom: .45rem !important
    }

    .mt-md-10 {
        margin-top: .5rem !important
    }

    .mb-md-10 {
        margin-bottom: .5rem !important
    }

    .mt-md-11 {
        margin-top: .55rem !important
    }

    .mb-md-11 {
        margin-bottom: .55rem !important
    }

    .mt-md-12 {
        margin-top: .6rem !important
    }

    .mb-md-12 {
        margin-bottom: .6rem !important
    }

    .mt-md-13 {
        margin-top: .65rem !important
    }

    .mb-md-13 {
        margin-bottom: .65rem !important
    }

    .mt-md-14 {
        margin-top: .7rem !important
    }

    .mb-md-14 {
        margin-bottom: .7rem !important
    }

    .mt-md-15 {
        margin-top: .75rem !important
    }

    .mb-md-15 {
        margin-bottom: .75rem !important
    }

    .mt-md-16 {
        margin-top: .8rem !important
    }

    .mb-md-16 {
        margin-bottom: .8rem !important
    }

    .mt-md-17 {
        margin-top: .85rem !important
    }

    .mb-md-17 {
        margin-bottom: .85rem !important
    }

    .mt-md-18 {
        margin-top: .9rem !important
    }

    .mb-md-18 {
        margin-bottom: .9rem !important
    }

    .md-none,
    .pc-none {
        display: none !important
    }

    .pt-md-0 {
        padding-top: 0
    }

    .pb-md-0 {
        padding-bottom: 0
    }

    .pt-md-1 {
        padding-top: .05rem
    }

    .pb-md-1 {
        padding-bottom: .05rem
    }

    .pt-md-2 {
        padding-top: .1rem
    }

    .pb-md-2 {
        padding-bottom: .1rem
    }

    .pt-md-3 {
        padding-top: .15rem
    }

    .pb-md-3 {
        padding-bottom: .15rem
    }

    .pt-md-4 {
        padding-top: .2rem
    }

    .pb-md-4 {
        padding-bottom: .2rem
    }

    .pt-md-5 {
        padding-top: .25rem
    }

    .pb-md-5 {
        padding-bottom: .25rem
    }

    .pt-md-6 {
        padding-top: .3rem
    }

    .pb-md-6 {
        padding-bottom: .3rem
    }

    .pt-md-7 {
        padding-top: .35rem
    }

    .pb-md-7 {
        padding-bottom: .35rem
    }

    .pt-md-8 {
        padding-top: .4rem
    }

    .pb-md-8 {
        padding-bottom: .4rem
    }

    .pt-md-9 {
        padding-top: .45rem
    }

    .pb-md-9 {
        padding-bottom: .45rem
    }

    .pt-md-10 {
        padding-top: .5rem
    }

    .pb-md-10 {
        padding-bottom: .5rem
    }

    .pt-md-11 {
        padding-top: .55rem
    }

    .pb-md-11 {
        padding-bottom: .55rem
    }

    .pt-md-12 {
        padding-top: .6rem
    }

    .pb-md-12 {
        padding-bottom: .6rem
    }

    .pt-md-13 {
        padding-top: .65rem
    }

    .pb-md-13 {
        padding-bottom: .65rem
    }

    .pt-md-14 {
        padding-top: .7rem
    }

    .pb-md-14 {
        padding-bottom: .7rem
    }

    .pt-md-15 {
        padding-top: .75rem
    }

    .pb-md-15 {
        padding-bottom: .75rem
    }

    .pt-md-16 {
        padding-top: .8rem
    }

    .pb-md-16 {
        padding-bottom: .8rem
    }

    .pt-md-17 {
        padding-top: .85rem
    }

    .pb-md-17 {
        padding-bottom: .85rem
    }

    .pt-md-18 {
        padding-top: .9rem
    }

    .pb-md-18 {
        padding-bottom: .9rem
    }
}

@media (max-width:1199.98px) {
    .a {
        color: inherit
    }

    .fz-maxmd-10 {
        font-size: 1rem !important
    }

    .fz-maxmd-11 {
        font-size: 1.1rem !important
    }

    .fz-maxmd-12 {
        font-size: 1.2rem !important
    }

    .fz-maxmd-13 {
        font-size: 1.3rem !important
    }

    .fz-maxmd-14 {
        font-size: 1.4rem !important
    }

    .fz-maxmd-15 {
        font-size: 1.5rem !important
    }

    .fz-maxmd-16 {
        font-size: 1.6rem !important
    }

    .fz-maxmd-17 {
        font-size: 1.7rem !important
    }

    .fz-maxmd-18 {
        font-size: 1.8rem !important
    }

    .fz-maxmd-19 {
        font-size: 1.9rem !important
    }

    .fz-maxmd-20 {
        font-size: 2rem !important
    }

    .fz-maxmd-21 {
        font-size: 2.1rem !important
    }

    .fz-maxmd-22 {
        font-size: 2.2rem !important
    }

    .fz-maxmd-23 {
        font-size: 2.3rem !important
    }

    .fz-maxmd-24 {
        font-size: 2.4rem !important
    }

    .fz-maxmd-25 {
        font-size: 2.5rem !important
    }
}

@media (max-width:999.98px) {
    .a {
        color: inherit
    }

    .footer {
        padding-left: 25px;
        padding-right: 25px
    }

    .fz-maxsm-10 {
        font-size: 1rem !important
    }

    .fz-maxsm-11 {
        font-size: 1.1rem !important
    }

    .fz-maxsm-12 {
        font-size: 1.2rem !important
    }

    .fz-maxsm-13 {
        font-size: 1.3rem !important
    }

    .fz-maxsm-14 {
        font-size: 1.4rem !important
    }

    .fz-maxsm-15 {
        font-size: 1.5rem !important
    }

    .fz-maxsm-16 {
        font-size: 1.6rem !important
    }

    .fz-maxsm-17 {
        font-size: 1.7rem !important
    }

    .fz-maxsm-18 {
        font-size: 1.8rem !important
    }

    .fz-maxsm-19 {
        font-size: 1.9rem !important
    }

    .fz-maxsm-20 {
        font-size: 2rem !important
    }

    .fz-maxsm-21 {
        font-size: 2.1rem !important
    }

    .fz-maxsm-22 {
        font-size: 2.2rem !important
    }

    .fz-maxsm-23 {
        font-size: 2.3rem !important
    }

    .fz-maxsm-24 {
        font-size: 2.4rem !important
    }

    .fz-maxsm-25 {
        font-size: 2.5rem !important
    }

    .tb-none {
        display: none !important
    }
}

@media (max-width:719.98px) {
    .a {
        color: inherit
    }

    .best-3-box_item {
        flex: 0 0 100%;
        max-width: 100%
    }

    .best-3 .online-price>p {
        font-size: 25px
    }

    .header__hero {
        height: 100vh;
        max-height: 600px;
        margin: 0 auto
    }

    .header__hero .imgbox {
        left: 50%;
        flex-direction: column-reverse;
        min-width: 100%;
        height: 100%;
        transform: translateX(-50%)
    }

    .table__container>dt,
    .table__container dd {
        border-top: 1px solid #073190;
        border-left: 1px solid #073190
    }

    .contact-form__form__input,
    .contact-form__form__label {
        width: 100%
    }

    .privacy__container {
        padding: 60px 20px 70px
    }

    .privacy--tablebox {
        border-bottom: 1px solid #073190
    }

    .privacy--tablebox td,
    .privacy--tablebox th {
        display: block;
        border-bottom: none
    }

    .privacy--tablebox td,
    .privacy--tablebox th {
        width: 100%
    }

    .souryo {
        padding-bottom: 75px;
        margin: 0 -10px
    }

    .waribiki {
        width: calc(100% - 2px);
        padding: 30px 10px;
        border-radius: 10px 10px 0 0
    }

    .tokusho--container {
        padding: 60px 20px 70px
    }

    .tokusho--table {
        border-bottom: 1px solid #073190
    }

    .tokusho--table td,
    .tokusho--table th {
        display: block;
        border-bottom: none
    }

    .tokusho--table td,
    .tokusho--table th {
        width: 100%
    }

    .fz-maxxs-10 {
        font-size: 1rem !important
    }

    .fz-maxxs-11 {
        font-size: 1.1rem !important
    }

    .fz-maxxs-12 {
        font-size: 1.2rem !important
    }

    .fz-maxxs-13 {
        font-size: 1.3rem !important
    }

    .fz-maxxs-14 {
        font-size: 1.4rem !important
    }

    .fz-maxxs-15 {
        font-size: 1.5rem !important
    }

    .fz-maxxs-16 {
        font-size: 1.6rem !important
    }

    .fz-maxxs-17 {
        font-size: 1.7rem !important
    }

    .fz-maxxs-18 {
        font-size: 1.8rem !important
    }

    .fz-maxxs-19 {
        font-size: 1.9rem !important
    }

    .fz-maxxs-20 {
        font-size: 2rem !important
    }

    .fz-maxxs-21 {
        font-size: 2.1rem !important
    }

    .fz-maxxs-22 {
        font-size: 2.2rem !important
    }

    .fz-maxxs-23 {
        font-size: 2.3rem !important
    }

    .fz-maxxs-24 {
        font-size: 2.4rem !important
    }

    .fz-maxxs-25 {
        font-size: 2.5rem !important
    }

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

@media (max-width:374.98px) {
    html {
        width: 375px !important
    }
}

@media (min-width:720px) and (max-width:999.98px) {
    .best-3 .online-ttl>p {
        font-size: calc(.71429vw - 5.14286px + 1.4rem)
    }

    .best-3 .online-price>p {
        font-size: calc(1.78571vw - 12.85714px + 2rem)
    }

    .map {
        font-size: calc(.71429vw - 5.14286px + 1.6rem)
    }

    .footer .col {
        font-size: calc(.89286vw - 6.42857px + 1.1rem)
    }

    .delivery__logo>span {
        font-size: calc(-.35714vw + 2.57143px + 1.9rem)
    }

    .delivery__text {
        font-size: calc(1.71429vw - 12.34286px + 1.12rem)
    }

    .delivery.head .delivery__number,
    .delivery__number {
        font-size: calc(3.39286vw - 24.42857px + 1.95rem)
    }

    .delivery.foot .delivery__text {
        font-size: calc(1.42857vw - 10.28571px + 1rem)
    }

    .delivery.foot .delivery__number {
        font-size: calc(1.42857vw - 10.28571px + 2.1rem)
    }

    .contact-tell__phone-num {
        font-size: calc(1.78571vw - 12.85714px + 3rem)
    }

    .howto-inner--grid01 .howto-inner--subitem01>p {
        font-size: calc(1.78571vw - 12.85714px + 2rem)
    }

    .howto-inner--grid02 .howto-inner--subitem02>p {
        font-size: calc(2.14286vw - 15.42857px + 1.4rem)
    }

    .taste-text {
        font-size: calc(.71429vw - 5.14286px + 1.8rem)
    }

    .top-list--title {
        font-size: calc(.71429vw - 5.14286px + 1.6rem)
    }

    /* .top-list--subtitle {
        font-size: calc(-1.42857vw + 10.28571px + 1.6rem)
    } */

    .top--text {
        font-size: calc(1.42857vw - 10.28571px + 1.4rem)
    }
}

@media (max-width:450px) {
    .howto-inner--grid02 .howto-inner--subitem02 {
        width: 200px
    }
}

@media (max-width:400px) {
    .top-list>.col {
        flex: 0 0 100%;
        max-width: 100%
    }
}