/*
Theme Name:
Description:Sato
Theme URI: 
Author: 作った人の名前
Author URI: 作った人の URL
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/
@charset "utf-8";


:root {
    --inner-width: 89.74%;
    --inner-left: 10.26%;
    --content-width: 88.57%;
    --block-text-width: 79.49%;
    --line-height: 1.5;
    --line-height18: 1.8;
    --color-bdr: rgba(0, 0, 0, .1);
    --color-bdr-black: rgba(0,0,0,1);
    --color-grey: rgba(0, 0, 0, .1);
    --color-grey2: rgba(0, 0, 0, .2);
    --color-input-error-red: #ff0000;
    --color-input-error-bg: rgba(255, 0, 0, .1);
    --font-size-menu: 4.1vw;
    --font-size-cartnum: 2.56vw;
    --font-nav-main: 6.15vw;
    --font-nav-side: 4.1vw;
    --font-nav-info: 2.56vw;
    --font-nav-store-name: 5.13vw;
    --font-nav-store-lead: 3.08vw;
    --font-store-nav-contact: 3.08vw;
    --font-btn-reserve: 4.1vw;
    --font-btn-common: 4.1vw;
    --font-size-copy: 3.08vw;
    --font-12-14: 3.08vw;
    --font-ttl-page: 7.18vw;
    --font-ttl-note-ja: 3.08vw;
    --font-ttl-note-en: 2.56vw;
    --font-page-scroll-nav: 4.62vw;
    --font-size-h3: 7.18vw;
    --font-ttl-lead-ja: 4.1vw;
    --font-ttl-lead-en: 3.08vw;
    --font-link-menu: 4.62vw;
    --font-size-h4: 6.15vw;
    --font-ttl-menu-lead-en: 3.08vw;
    --font-main-h2: 5.13vw;
    --font-main-en: 3.08vw;
    --font-12: 3.08vw;
    --font-16-17: 4.1vw;
    --font-20-26: 5.13vw;
    --font-list-recruit-h4: 5.13vw;
    --font-list-recruit-lead: 3.08vw;
    --font-requirement: 3.08vw;
    --font-requirement-small: 2.56vw;
    --font-ttl-shop: 6.41vw;
    --font-store-tag: 3.08vw;
    --font-list-menu: 4.1vw;
    --font-name-product: 4.1vw;
    --font-price-product: 4.1vw;
    --font-component-description: 3.08vw;
    --font-info-dt: 3.85vw;
    --font-info-dd: 4.1vw;
    --font-info-small: 3.08vw;
    --font-bento-name: 4.36vw;
    --font-bento-name-en: 3.08vw;
    --font-bento-price: 3.08vw;
    --font-bento-description-ja: 3.08vw;
    --font-bento-description-en: 3.08vw;
    --font-step-num: 7.18vw;
    --font-step-h2: 4.1vw;
    --font-step-en: 2.56vw;
    --font-form-edit: 3.33vw;
    --font-form-confirm: 3.08vw;
    --font-form-confirm-title: 3.08vw;
    --font-form-ttl-h3: 3.08vw;
    --font-form-title: 3.08vw;
    --font-form-select: 2.56vw;
    --font-form-note: 2.56vw;
    --font-form-bento-title: 4.1vw;
    --font-form-bento-price: 3.08vw;
    --font-form-select-unit: 2.56vw;
    --font-size-button-next: 3.85vw;
    --font-form-quote: 3.33vw;
    --font-form-quote-total: 3.85vw;
    --font-info-td: 3.08vw;
    --font-privacy-h2: 3.08vw;
    --font-privacy-h3: 4.1vw;
    --font-privacy-text: 3.08vw;
    --font-20-21: 5.13vw;
}

@media all and (min-width: 768px) {
    :root {
        --inner-width: 92.59%;
        --inner-left: 7.41%;
        --content-width: 92%;
        --block-text-width: 92.59%;
        --font-nav-main: 2.5rem;
        --font-nav-side: 1.7rem;
        --font-nav-info: 1.1rem;
        --font-btn-reserve: 1.7rem;
        --font-btn-common: 1.7rem;
        --font-nav-store-name: 2rem;
        --font-nav-store-lead: 1.4rem;
        --font-store-nav-contact: 1.4rem;
        --font-size-copy: 1.2rem;
        --font-12-14: 1.4rem;
        --font-ttl-page: 4rem;
        --font-ttl-note-ja: 1.4rem;
        --font-ttl-note-en: 1rem;
        --font-page-scroll-nav: 2rem;
        --font-link-menu: 2rem;
        --font-size-h4: 3rem;
        --font-ttl-menu-lead-en: 1.2rem;
        --font-img-main-ja: 1.7rem;
        --font-img-main-en: 1.2rem;
        --font-main-h2: 2.6rem;
        --font-main-en: 1.2rem;
        --font-12: 1.2rem;
        --font-16-17: 1.7rem;
        --font-20-26: 2.6rem;
        --font-list-recruit-h4: 3rem;
        --font-list-recruit-lead: 1.7rem;
        --font-requirement: 1.4rem;
        --font-requirement-small: 1.1rem;
        --font-ttl-shop: 3rem;
        --font-store-tag: 1.2rem;
        --font-list-menu: 1.7rem;
        --font-name-product: 2.1rem;
        --font-price-product: 1.2rem;
        --font-component-description: 1.4rem;
        --font-info-dt: 1.7rem;
        --font-info-dd: 1.4rem;
        --font-info-small: 1.2rem;
        --font-bento-name: 2.1rem;
        --font-bento-name-en: 1.2rem;
        --font-bento-price: 1.2rem;
        --font-bento-description-ja: 1.4rem;
        --font-bento-description-en: 1.2rem;
        --font-size-h3: 4rem;
        --font-ttl-lead-ja: 2.6rem;
        --font-ttl-lead-en: 1.2rem;
        --font-size-menu: 2rem;
        --font-size-cartnum: 1rem;
        --font-step-num: 4rem;
        --font-step-h2: 1.7rem;
        --font-step-en: 1.2rem;
        --font-form-edit: 1.4rem;
        --font-form-confirm: 1.4;
        --font-form-confirm-title: 1.4rem;
        --font-form-ttl-h3: 1.4rem;
        --font-form-title: 1.4rem;
        --font-form-select: 1.4rem;
        --font-form-note: 1.1rem;
        --font-form-bento-title: 1.7rem;
        --font-form-bento-price: 1.2rem;
        --font-form-select-unit: 1.1rem;
        --font-size-button-next: 1.7rem;
        --font-form-quote: 1.4rem;
        --font-form-quote-total: 2rem;
        --font-info-td: 1.4rem;
        --font-privacy-h2: 1.4rem;
        --font-privacy-h3: 1.7rem;
        --font-privacy-text: 1.4rem;
        --font-20-21: 2.1rem
    }
}

@media all and (min-width: 1620px) {
    :root {
        --font-main-h2: 2.6rem;
        --font-main-en: 1.2rem
    }
}

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

body {
    line-height: 1;
    position: relative;
}

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

nav ul {
    list-style: none;
}

blockquote,q {
    quotes: none;
}

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

a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: rgba(0,0,0,0)
}

ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none
}

mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: 700;
}

del {
    text-decoration: line-through
}

abbr[title],dfn[title] {
    border-bottom: 1px dotted;
    cursor: help
}

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

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

input,select {
    vertical-align: middle
}

html {
    font-size: 3.125vw
}

body {
    font-size: 14px;
    font-size: 1.4rem
}

@media all and (min-width: 768px) {
    html {
        font-size:62.5%
    }

    body {
        font-size: 14px;
        font-size: 1.4rem
    }
}

:root {
    --vh: 100vh
}

html main {
    -webkit-transition: opacity .6s ease;
    transition: opacity .6s ease
}

html.disable main {
    opacity: 0;
    -webkit-transition: opacity .1s ease;
    transition: opacity .1s ease
}

body {
    overflow-x: hidden;
    overflow-y: visible
}

body {
    color: #000;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D",\6e38\30b4\30b7\30c3\30af,YuGothic,Helvetica Neue,Segoe UI,\30d2\30e9\30ae\30ce\89d2\30b4 Pro W3,Hiragino Kaku Gothic Pro,Hiragino Sans,\30e1\30a4\30ea\30aa,Meiryo,\ff2d\ff33 \ff30\30b4\30b7\30c3\30af,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "palt" 1;
    font-feature-settings: "palt" 1;
    overscroll-behavior-y: none;
    background: #F2F2F2;
    letter-spacing: .06em
}

a {
    color: #000;
    text-decoration: none
}

li {
    list-style: none
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 400
}

.img {
    width: 100%;
    height: 0px;
    position: relative
}

.img figure {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top left
}

i.icon {
    position: relative
}

i.icon svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    vertical-align: top
}

a.btn {
    display: block
}

nav#glbnav {
    z-index: 10
}

header#global_header {
    z-index: 11
}

#bg_nav {
    z-index: 9
}

.nav_cart,a#btn_menu {
    z-index: 12
}

.btn_fixed_reserve {
    z-index: 13
}

[data-page-type=top] header#global_header h1 .st1 {
    fill: #fff;
    -webkit-transition: fill .6s ease;
    transition: fill .6s ease
}

[data-page-type=top] a#btn_menu {
    color: #fff
}

.scrolled [data-page-type=top] header#global_header h1 .st1 {
    fill: #000
}

.scrolled [data-page-type=top] a#btn_menu {
    color: #000
}

header#global_header {
    position: fixed;
    top: 0px;
    left: 0px
}

header#global_header h1 {
    position: absolute;
    left: 10.26vw;
    top: 5.13vw;
    width: 13.08vw;
    height: 7.69vw
}

header#global_header h1 a {
    display: block;
    width: 135px;
    height: auto;
}

header#global_header h1 .st0 {
    clip-path: url(#SVGID_00000110433899242131413760000016052180262248110749_)
}

a#btn_menu {
    position: fixed;
    top: 6.41vw;
    right: 10.26%;
    display: block;
    line-height: 1
}

a#btn_menu span {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-size-menu);
    color: #fff;
    font-weight: bold;	
}

a#btn_menu span.txt_close {
    display: none
}

.nav_cart {
    position: fixed;
    top: 5.13vw;
    right: 25.64%
}

.nav_cart a {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

.nav_cart a span.txt {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-size-menu)
}

.nav_cart a span.num {
    width: 4.62vw;
    height: 4.62vw;
    background: #000;
    display: block;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 1.03vw
}

.nav_cart a span.num span {
    font-size: var(--font-size-cartnum);
    color: #fff
}

#bg_nav {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #000;
    opacity: 0;
    display: none
}

nav#glbnav .nav_main,footer#global_footer .nav_main {
    padding-bottom: 10.26vw
}

nav#glbnav .nav_main li,footer#global_footer .nav_main li {
    margin-bottom: 5.13vw
}

nav#glbnav .nav_main li:last-child,footer#global_footer .nav_main li:last-child {
    margin-bottom: 0
}

nav#glbnav .nav_main li a,footer#global_footer .nav_main li a {
    font-size: var(--font-nav-main);
    letter-spacing: .2em;
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

nav#glbnav .nav_main li a span,footer#global_footer .nav_main li a span {
    font-family: Aparajita!important;
    display: block;
}

nav#glbnav .nav_main li a.disable,footer#global_footer .nav_main li a.disable {
    pointer-events: none;
    opacity: .4
}

nav#glbnav .nav_side,footer#global_footer .nav_side {
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw
}

nav#glbnav .nav_side li,footer#global_footer .nav_side li {
    margin-bottom: 5.13vw
}

nav#glbnav .nav_side li:last-child,footer#global_footer .nav_side li:last-child {
    margin-bottom: 0
}

nav#glbnav .nav_side li a,footer#global_footer .nav_side li a {
    font-size: var(--font-nav-side);
    letter-spacing: .06em;
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

nav#glbnav .nav_side li a span,footer#global_footer .nav_side li a span {
    display: block
}

nav#glbnav .nav_info,footer#global_footer .nav_info {
    margin-bottom: 10.26vw
}

nav#glbnav .nav_info li,footer#global_footer .nav_info li {
    margin-bottom: 4.1vw
}

nav#glbnav .nav_info li:last-child,footer#global_footer .nav_info li:last-child {
    margin-bottom: 0
}

nav#glbnav .nav_info li a,footer#global_footer .nav_info li a {
    font-size: var(--font-nav-info);
    letter-spacing: .06em;
    display: inline-block;
    vertical-align: top;
    line-height: 1
}

nav#glbnav .nav_sns .st0,footer#global_footer .nav_sns .st0 {
    fill: #040000
}

nav#glbnav .nav_sns ul,footer#global_footer .nav_sns ul {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

nav#glbnav .nav_sns ul li,footer#global_footer .nav_sns ul li {
    position: relative;
    margin-right: 7.69vw
}

nav#glbnav .nav_sns ul li:last-child,footer#global_footer .nav_sns ul li:last-child {
    margin-right: 0
}

nav#glbnav .nav_sns ul li a,nav#glbnav .nav_sns ul li i.icon,nav#glbnav .nav_sns ul li svg,footer#global_footer .nav_sns ul li a,footer#global_footer .nav_sns ul li i.icon,footer#global_footer .nav_sns ul li svg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

nav#glbnav .nav_sns ul li:nth-child(1),footer#global_footer .nav_sns ul li:nth-child(1) {
    width: 3.59vw;
    height: 4.36vw
}

nav#glbnav .nav_sns ul li:nth-child(2),footer#global_footer .nav_sns ul li:nth-child(2) {
    width: 3.59vw;
    height: 4.36vw
}

nav#glbnav .nav_sns ul li:nth-child(3),footer#global_footer .nav_sns ul li:nth-child(3) {
    width: 3.59vw;
    height: 4.36vw
}

nav#glbnav {
    position: fixed;
    width: 100%;
    height: 100%;
    max-width: 700px;
    min-height: 100vh;
    right: 0px;
    top: 0px;
    background: #fff
}

nav#glbnav .nav_inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: auto
}

nav#glbnav .nav_content {
    padding-top: 28.21vw;
    width: 100%;
    padding-left: 0;
    position: relative
}

nav#glbnav .nav_content .nav_content_inner {
    width: 100%;
    overflow: hidden;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

nav#glbnav #nav_link_page {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    overflow: auto
}

nav#glbnav #nav_link_page .link_page_inner {
    width: var(--inner-width);
    padding-left: var(--inner-left)
}

nav#glbnav .nav_info {
    margin-top: 10.26vw
}

nav#glbnav #nav_store {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    padding-top: 25.64vw;
    box-sizing: border-box;
    -webkit-transform: translate3d(101%,0,0);
    transform: translate3d(101%,0,0);
    background: #fff
}

nav#glbnav #nav_store .block_store_list {
    width: 100%;
    height: calc(100% - 33.08vw);
    position: absolute;
    left: 0px;
    top: 33.08vw;
    box-sizing: border-box
}

nav#glbnav #nav_store .block_store_list .store_list_inner {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0px;
    left: 0px;
    overflow: auto
}

nav#glbnav #nav_store .block_store_list .store_list_content {
    padding-bottom: 20.51vw
}

nav#glbnav .nav_content {
    height: 100%;
    box-sizing: border-box
}

nav#glbnav .nav_main {
    padding-top: 28.21vw;
    width: 100%
}

nav#glbnav .nav_main .nav_content_inner {
    width: 100%;
    overflow: hidden
}

nav#glbnav a.btn_nav_store_back {
    display: block;
    margin-bottom: 2.56vw;
    margin-left: var(--inner-left);
    position: absolute;
    left: 0px;
    top: 25.64vw
}

nav#glbnav a.btn_nav_store_back i.icon,nav#glbnav a.btn_nav_store_back svg {
    width: 7.69vw;
    height: 5.13vw;
    display: block
}

nav#glbnav .list_nav_store {
    width: var(--inner-width);
    padding-left: var(--inner-left)
}

nav#glbnav .list_nav_store ul li.store {
    border-bottom: 1px solid var(--color-bdr-black);
    padding: 10.26vw 0
}

nav#glbnav .list_nav_store ul li.store:last-child {
    padding-bottom: 0;
    border-bottom: none
}

nav#glbnav .list_nav_store ul li.store .cols {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    width: 88.57%
}

nav#glbnav .list_nav_store ul li.store .cols figure {
    width: 29.03%
}

nav#glbnav .list_nav_store ul li.store .cols figure img {
    width: 100%
}

nav#glbnav .list_nav_store ul li.store .cols .col_r {
    width: 64.52%
}

nav#glbnav .list_nav_store ul li.store .cols h5 {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-nav-store-name)
}

nav#glbnav .list_nav_store ul li.store .cols p.lead {
    font-size: var(--font-nav-store-lead);
    margin-top: .4em;
    line-height: 1.5
}

nav#glbnav .list_nav_store ul li.store .cols .tags {
    margin-top: 2.56vw;
    margin-bottom: 5.13vw
}

nav#glbnav .list_nav_store ul li.store .cols .tags ul {
    width: auto;
    display: -ms-flexbox;
    display: flex
}

nav#glbnav .list_nav_store ul li.store .cols .tags ul li {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black)
}

nav#glbnav .list_nav_store ul li.store .cols .tags ul li:last-child {
    border-right: 1px solid var(--color-bdr-black)
}

nav#glbnav .list_nav_store ul li.store .cols .tags ul li span {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-store-tag);
    display: block;
    padding: .77vw 1.28vw
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul {
    display: -ms-flexbox;
    display: flex
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li {
    width: calc(55% - 1px);
    margin-right: 1px
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a {
    background: #000;
    color: #fff;
    display: block
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr {
    text-align: center;
    padding: 2.31vw 0
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr span {
    font-size: var(--font-store-nav-contact);
    display: block
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr span.num {
    display: none
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr i {
    width: 3.33vw;
    height: 3.33vw;
    position: relative;
    display: block
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr i svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr i .st0 {
    clip-path: url(#SVGID_00000029032948545687602320000014324733647816982192_)
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr i .st1 {
    fill: #040000
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) {
    width: calc(45% - 1px)
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) a {
    background: none
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) .inr {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: center
}

nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) .inr span {
    color: #000;
    margin-right: 1.28vw
}

#wrap_btn_reserve {
    position: absolute;
    bottom: 0px;
    right: 0px;
    width: 100%;
    max-width: 700px
}

#wrap_btn_reserve .st0 {
    fill: #040000
}

#wrap_btn_reserve a.btn_reserve {
    width: 100%;
    display: block;
    background: #fff;
    box-sizing: border-box
}

#wrap_btn_reserve a.btn_reserve .inr {
    width: 79.48%;
    margin: auto;
    position: relative
}

#wrap_btn_reserve a.btn_reserve .txt {
    padding: 10.26vw 0
}

#wrap_btn_reserve a.btn_reserve span {
    font-size: var(--font-btn-reserve)
}

#wrap_btn_reserve a.btn_reserve i.icon_arrow {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.56vw
}

#wrap_btn_reserve a.btn_reserve i.icon_arrow,#wrap_btn_reserve a.btn_reserve svg {
    width: 7.89vw;
    height: 5.13vw
}

footer#global_footer {
    padding-bottom: 30.77vw
}

footer#global_footer .footer_inner {
    width: var(--inner-width);
    margin-left: var(--inner-left)
}

footer#global_footer .nav_main,footer#global_footer .nav_sns {
    width: 100%;
    border-top: 1px solid var(--color-bdr-black);
    padding: 10.26vw 0
}

footer#global_footer .nav_side {
    padding-bottom: 10.26vw
}

footer#global_footer .copy p.copyright,footer#global_footer .copy p.produced {
    font-size: var(--font-size-copy);
    font-family: RotisSansSerif-Bold;
    letter-spacing: .06em
}

footer#global_footer .copy p.copyright {
    margin-bottom: 5.13vw
}

footer#global_footer .copy a {
    text-decoration: underline
}

.box_r_pc {
    width: 100%
}

.box_r {
    width: var(--inner-width);
    margin-left: var(--inner-left)
}

.box_content {
    width: var(--content-width)
}

.ttl_page {
    margin-top: 33.33vw;
    position: relative;
    margin-bottom: 20.9vw
}

.ttl_page .ttl_page_inner {
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw
}

.ttl_page h1 {
    font-size: var(--font-ttl-page);
    font-family: RotisSansSerif-ExtraBold;
    line-height: 1;
    margin-bottom: 16.67vw
}

.ttl_page .page_lead {
    margin-bottom: 20.51vw
}

.ttl_page h2 {
    font-size: var(--font-20-26);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

.ttl_page p.lead {
    font-size: var(--font-12);
    line-height: 1.5;
    font-family: RotisSansSerif-Bold
}

.ttl_page .page_note dl {
    margin-bottom: 10.26vw
}

.ttl_page .page_note dl:nth-last-of-type(1) {
    margin-bottom: 0
}

.ttl_page .page_note dl dt {
    font-size: var(--font-ttl-note-ja);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

.ttl_page .page_note dl dd {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-ttl-note-en);
    line-height: 1.5
}

.ttl_page .page_note p {
    font-size: var(--font-ttl-note-ja);
    line-height: 1.8
}

.ttl_page nav.page_scroll_nav ul {
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    align-items: center;
    gap: 5.13vw
}

.ttl_page nav.page_scroll_nav ul li a {
    position: relative;
    padding-bottom: .3em;
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-page-scroll-nav);
    display: inline-block
}

.ttl_page nav.page_scroll_nav ul li a:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 0px
}

.ttl_page nav.page_scroll_nav ul li.nav_order {
    width: 100%;
    margin-bottom: 5.13vw
}

.ttl_page nav.page_scroll_nav ul li.nav_order a {
    display: block;
    border: 1px solid var(--color-bdr-black);
    padding-bottom: 0
}

.ttl_page nav.page_scroll_nav ul li.nav_order a:after {
    display: none
}

.ttl_page nav.page_scroll_nav ul li.nav_order a span {
    display: block;
    text-align: center;
    padding: 3.85vw 0;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

[data-page=catering] .ttl_page nav.page_scroll_nav ul li span {
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

a.btn_line {
    display: block;
    position: relative;
    border-bottom: 1px solid var(--color-bdr-black);
    padding-bottom: 3.85vw
}

a.btn_line span {
    font-size: var(--font-btn-common)
}

#fixed_bottom_nav {
    width: 100%;
    position: fixed;
    bottom: 0px;
    left: 0px
}

#fixed_bottom_nav a {
    display: block;
    padding: 5.13vw 0;
    background: #000;
    text-align: center
}

#fixed_bottom_nav a span {
    color: #fff;
    font-size: var(--font-16-17);
    display: block;
    text-align: center
}

#fixed_bottom_nav ul.cols {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

#fixed_bottom_nav ul.cols li {
    width: 50%
}

#fixed_bottom_nav ul.cols span.pc {
    display: none
}

a.btn_link {
    display: block
}

a.btn_link .inr {
    padding: 3.08vw 0
}

a.btn_link .inr span {
    font-size: var(--font-16-17);
    display: block;
    text-align: center;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

a.btn_link.black {
    background: #000
}

a.btn_link.black span {
    color: #adadaf
}

br.is_sp {
    display: block
}

br.is_pc {
    display: none
}

@media all and (min-width: 768px) {
    br.is_sp {
        display:none
    }

    br.is_pc {
        display: block
    }

    header#global_header h1 {
    left: 7.41vw;
    top: 35px;
    width: 135px;
    height: auto;
    }

    a#btn_menu {
        top: 32px;
        right: 7.41vw
    }

    nav#glbnav,footer#global_footer {
padding-bottom: 100px;
    }

    nav#glbnav .footer_inner,footer#global_footer .footer_inner {
        border-top: 1px solid var(--color-bdr-black);
        padding-top: 120px
    }

    nav#glbnav .cols,footer#global_footer .cols {
        width: var(--content-width);
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    nav#glbnav .cols:nth-of-type(2),footer#global_footer .cols:nth-of-type(2) {
        flex-direction: row-reverse;
        margin-top: 60px
    }

    nav#glbnav .cols .nav_main,nav#glbnav .cols .col_l,footer#global_footer .cols .nav_main,footer#global_footer .cols .col_l {
        width: 47.83%
    }

    nav#glbnav .cols .col_r,nav#glbnav .cols .nav_sns,footer#global_footer .cols .col_r,footer#global_footer .cols .nav_sns {
        width: 47.83%
    }

    nav#glbnav .nav_main,nav#glbnav .nav_side,nav#glbnav .nav_sns,footer#global_footer .nav_main,footer#global_footer .nav_side,footer#global_footer .nav_sns {
        border: none;
        padding-top: 0;
        padding-bottom: 0
    }

    nav#glbnav .nav_main li,footer#global_footer .nav_main li {
margin-bottom: 35px;
    }

    nav#glbnav .nav_side,footer#global_footer .nav_side {
        margin-bottom: 60px
    }

    nav#glbnav .nav_side ul li,footer#global_footer .nav_side ul li {
        margin-bottom: 20px
    }

    nav#glbnav .nav_info,footer#global_footer .nav_info {
        margin-bottom: 0
    }

    nav#glbnav .nav_info ul li,footer#global_footer .nav_info ul li {
        margin-bottom: 18px
    }

    nav#glbnav .nav_sns ul li,footer#global_footer .nav_sns ul li {
        margin-right: 30px
    }

    nav#glbnav .nav_sns ul li:nth-child(1),footer#global_footer .nav_sns ul li:nth-child(1) {
        width: 16px;
        height: 19px
    }

    nav#glbnav .nav_sns ul li:nth-child(1) i.icon,footer#global_footer .nav_sns ul li:nth-child(1) i.icon {
        top: 1px
    }

    nav#glbnav .nav_sns ul li:nth-child(2),footer#global_footer .nav_sns ul li:nth-child(2) {
        width: 18px;
        height: 19px
    }

    nav#glbnav .nav_sns ul li:nth-child(3),footer#global_footer .nav_sns ul li:nth-child(3) {
        width: 18px;
        height: 19px
    }

    nav#glbnav .copy p.copyright,footer#global_footer .copy p.copyright {
        margin-bottom: 20px
    }

    .ttl_page {
        margin-top: 190px;
        margin-bottom: 120px
    }

    .ttl_page .ttl_page_inner {
        padding-top: 40px
    }

    .ttl_page .box_content {
        position: relative
    }

    .ttl_page .page_lead {
        margin-bottom: 0
    }

    .ttl_page h1 {
        font-size: var(--font-ttl-page);
        font-family: RotisSansSerif-ExtraBold;
        line-height: 1;
        margin-bottom: 100px
    }

    .ttl_page h2 {
        margin-bottom: 10px
    }

    .ttl_page p.lead {
        width: 100%
    }

    .ttl_page .page_note dl {
        margin-bottom: 30px
    }

    .ttl_page .page_note dl:nth-last-of-type(1) {
        margin-bottom: 0
    }

    .ttl_page .page_note dl dt {
        margin-bottom: 4px
    }

    .ttl_page nav.page_scroll_nav {
        position: absolute;
        right: 0px;
        top: .7em
    }

    .ttl_page nav.page_scroll_nav ul {
        gap: 50px
    }

    .ttl_page nav.page_scroll_nav ul li a {
        padding-bottom: 0
    }

    .ttl_page nav.page_scroll_nav ul li a:after {
        display: none
    }

    .ttl_page nav.page_scroll_nav ul li.nav_order {
        width: auto;
        margin-bottom: 0
    }

    .ttl_page nav.page_scroll_nav ul li.nav_order a span {
        padding: 11.5px 60px
    }

    .box_r_pc {
        width: var(--inner-width);
        margin-left: var(--iner-left)
    }

    a.btn_line {
        padding-bottom: 20px
    }

    .nav_cart {
        top: 32px;
        right: 152px
    }

    .nav_cart a span.num {
        width: 18px;
        height: 18px;
        margin-left: 4px
    }

    nav#glbnav #nav_link_page {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 100%;
        width: 100%;
        overflow: auto
    }

    nav#glbnav #nav_link_page .link_page_inner {
        width: 100%;
        padding-left: 0;
        padding-bottom: 140px
    }

    nav#glbnav #nav_store {
        padding-top: 32px;
        box-sizing: border-box;
        -webkit-transform: translate3d(101%,0,0);
        transform: translate3d(101%,0,0);
        background: #fff
    }

    nav#glbnav #nav_store .block_store_list {
        width: 100%;
        height: calc(100% - 110px);
        position: absolute;
        left: 0px;
        top: 110px;
        box-sizing: border-box
    }

    nav#glbnav #nav_store .block_store_list .store_list_content {
        padding-bottom: 80px
    }

    nav#glbnav #nav_store .list_nav_store {
        padding-left: 0;
        width: calc(100% - 7.41vw)
    }

    nav#glbnav {
        width: 700px
    }

    nav#glbnav #nav_link_page {
        width: 100%
    }

    nav#glbnav .nav_content {
        padding-top: 32.5px;
        width: 91.42%;
        position: relative;
        height: 100vh;
        margin-left: 8.58%
    }

    nav#glbnav .nav_content_inner {
        width: calc(100% - 7.41vw);
        overflow: hidden
    }

    nav#glbnav .nav_main {
        width: calc(100% - 7.41vw);
        padding-bottom: 53px;
        border-bottom: 1px solid var(--color-bdr-black);
        padding-top: 106px
    }

    nav#glbnav .nav_main li {
        margin-bottom: 25px
    }

    nav#glbnav .nav_side {
        margin-bottom: 50px;
        padding-top: 50px
    }

    nav#glbnav .nav_side li {
        margin-bottom: 16px
    }

    nav#glbnav .nav_side li:last-child {
        margin-bottom: 0
    }

    nav#glbnav .nav_info {
        margin-bottom: 46px;
        margin-top: 0
    }

    nav#glbnav .nav_info li {
        margin-bottom: 16px
    }

    #wrap_btn_reserve a.btn_reserve .inr {
        width: 100%;
        margin: 0
    }

    #wrap_btn_reserve a.btn_reserve .txt {
        padding: 40px 0;
        width: calc(100% - 7.41vw);
        position: relative;
        border-top: 1px solid var(--color-bdr-black)
    }

    #wrap_btn_reserve a.btn_reserve i.icon_arrow {
        margin-top: -7.5px;
        right: 0px
    }

    #wrap_btn_reserve a.btn_reserve i.icon_arrow,#wrap_btn_reserve a.btn_reserve svg {
        width: 23px;
        height: 15px
    }

    nav#glbnav a.btn_nav_store_back {
        margin-bottom: 10px;
        top: 32.5px;
        margin-left: 0
    }

    nav#glbnav a.btn_nav_store_back i.icon,nav#glbnav a.btn_nav_store_back svg {
        width: 22.5px;
        height: 15px
    }

    nav#glbnav .list_nav_store ul li.store {
        padding: 30px 0
    }

    nav#glbnav .list_nav_store ul li.store .cols {
        justify-content: space-between;
        width: 100%
    }

    nav#glbnav .list_nav_store ul li.store .cols figure {
        width: 17.3%
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_r {
        width: 78.84%;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_info {
        width: 60.97%
    }

    nav#glbnav .list_nav_store ul li.store .cols p.lead {
        font-size: var(--font-nav-store-lead);
        margin-top: .4em;
        line-height: 1.5
    }

    nav#glbnav .list_nav_store ul li.store .cols .tags {
        margin-top: 12px;
        margin-bottom: 0
    }

    nav#glbnav .list_nav_store ul li.store .cols .tags ul li span {
        padding: 3px 5px
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact {
        width: 34.14%
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul {
        display: block
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4px
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) {
        width: 100%;
        margin-bottom: 0
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li:nth-child(2) .inr span {
        margin-right: 5px
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr {
        text-align: center;
        padding: 15px 0
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr span.num {
        display: block
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr span.txt {
        display: none
    }

    nav#glbnav .list_nav_store ul li.store .cols .col_contact ul li a .inr i {
        width: 13px;
        height: 13px
    }

    #fixed_bottom_nav a {
        padding: 25px 0
    }

    #fixed_bottom_nav ul.cols li a {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: center
    }

    #fixed_bottom_nav ul.cols li span.pc {
        display: block;
        margin-left: 1em
    }

    a.btn_link {
        display: block
    }

    a.btn_link .inr {
        padding: 17px 0
    }
}

input[type=email],input[type=url],input[type=text],input[type=submit],input[type=tel],input[type=number],input[type=file],button,textarea,select,input[type=date],input[type=password] {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

[data-page=catering-form] [data-status=show_complete] .page_note,[data-page=catering-form] [data-status=show_complete] #block_quote,[data-page=catering-form] [data-status=show_complete] #catering_rule,[data-page=catering-form] [data-status=show_complete] #contact_info,[data-page=catering-form] [data-status=show_complete] .step {
    display: none
}

[data-page=catering-form] [data-status=show_complete] #complete {
    display: block
}

[data-page=catering-form] #complete {
    width: var(--block-text-width);
    margin: auto;
    display: none;
    padding-bottom: 41.03vw
}

[data-page=catering-form] #complete p {
    font-size: var(--font-20-26);
    line-height: 1.8
}

form .select {
    position: relative;
    min-width: 70px;
    width: 17.95vw
}

form .select select {
    width: auto;
    box-sizing: border-box
}

form .select i.icon {
    width: 2.05vw;
    height: 1.18vw;
    position: absolute;
    top: 50%;
    margin: -.26vw 0 0;
    right: -2.56vw;
    pointer-events: none
}

form .select i.icon .st0 {
    fill: #000;
    fill-opacity: 1
}

form .select.w100 {
    width: 100%
}

form input[type=text],form input[type=tel],form input[type=email],form input[type=date] {
    width: 100%;
    height: 8.97vw;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(0,0,0,.2);
    text-indent: .5em;
    font-size: 4.1vw
}

form input[type=date] {
    padding-right: .5em
}

form ::placeholder {
    font-size: 3.08vw;
    color: #0006
}

form .radio_selector input[type=radio] {
    display: none
}

form .radio_selector label {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

form .radio_selector span.radio {
    width: 5.13vw;
    height: 5.13vw;
    border: 1px solid var(--color-bdr);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    margin-right: 2.56vw
}

form .radio_selector input[type=radio]:checked+span.radio:after {
    content: "";
    width: 2.56vw;
    height: 2.56vw;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1.28vw 0 0 -1.28vw
}

form .radio_selector span {
    font-size: var(--font-form-select);
    line-height: var(--line-height)
}

form .radio_selector input[type=radio]:checked+span {
/*    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N B"*/
}

form .checkbox_selector input[type=checkbox] {
    display: none
}

form .checkbox_selector label {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

form .checkbox_selector span.checkbox {
    background: #adadaf;
    width: 5.13vw;
    height: 5.13vw;
    border: 1px solid var(--color-bdr);
    position: relative;
    margin-right: 2.56vw;
    box-sizing: border-box
}

form .checkbox_selector p {
    width: 89.65%;
    font-size: var(--font-form-select);
    line-height: var(--line-height)
}

form .checkbox_selector input[type=checkbox]:checked+span.checkbox:after {
    content: "";
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxNCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTIuNTkxMSAxLjgyNTcxTDEyLjc2NzkgMS42NDg5M0wxMi41OTExIDEuNDcyMTZMMTIuMDE3NCAwLjg5ODQxOUwxMS44NDA2IDAuNzIxNjQyTDExLjY2MzggMC44OTg0MTlMNS41ODU5NCA2Ljk3NjMzTDIuMzM2NDUgMy43MjY4NUwyLjE1OTY3IDMuNTUwMDdMMS45ODI5IDMuNzI2ODVMMS40MDkxNiA0LjMwMDU4TDEuMjMyMzggNC40NzczNkwxLjQwOTE2IDQuNjU0MTRMNS40MDkxNiA4LjY1NDE0TDUuNTg1OTQgOC44MzA5MUw1Ljc2MjcxIDguNjU0MTRMMTIuNTkxMSAxLjgyNTcxWiIgZmlsbD0iYmxhY2siIHN0cm9rZT0iYmxhY2siIHN0cm9rZS13aWR0aD0iMC41Ii8+PC9zdmc+);
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.82vw;
    height: 1.92vw;
    line-height: 1;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -.96vw 0 0 -1.41vw
}

form textarea {
    box-sizing: border-box;
    width: 100%;
    height: auto;
    font-size: 4.1vw
}

form .isEmpty.form_item {
    border-color: red!important
}

form .isEmpty.form_item p.txt_error {
    display: block
}

form .isEmpty .select select {
    border-color: var(--color-input-error-red);
    background-color: var(--color-input-error-bg)
}

form .edit_next {
    width: var(--block-text-width);
    margin: auto;
    margin-top: 10.26vw
}

form .edit_next.col1 ul {
    justify-content: flex-end
}

form .edit_next ul {
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between
}

form .edit_next ul li {
    width: 47.413%
}

form .edit_next ul li a {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid var(--color-bdr)
}

form .edit_next ul li a .inr {
    padding: 3.33vw 0
}

form .edit_next ul li a span {
    display: block;
    text-align: center;
    font-size: var(--font-size-button-next)
}

form .edit_next ul li a.next {
    background: #000
}

form .edit_next ul li a.next span {
    color: #fff
}

form button {
    width: 100%;
    display: block
}

form button.btn_submit {
    cursor: pointer;
    background: #000;
    color: #adadaf
}

form button.btn_submit span {
    display: block;
    text-align: center;
    font-size: var(--font-size-button-next);
    padding: 4.62vw 0
}

.form_content .form_item {
    width: var(--content-width);
    border-bottom: 1px solid rgba(0,0,0,.2);
    padding-bottom: 5.13vw;
    position: relative;
    margin-bottom: 5.13vw
}

.form_content .form_item.textarea {
    padding-bottom: 0
}

.form_content .form_item input {
    border: none;
    height: auto;
    text-indent: 0px;
    width: 95%
}

.form_content .form_item .input {
    width: 100%;
    position: relative
}

.form_content .form_item p.txt_error {
    position: absolute;
    bottom: .5em;
    font-size: 2.56vw;
    color: red;
    text-indent: 0px;
    display: none
}

.form_content .form_item.require.form_select:after,.form_content .form_item.require .input:after {
    content: "*";
    font-size: var(--font-16-17);
    top: 50%;
    margin-top: -.5em;
    display: block;
    position: absolute;
    right: 0px;
    overflow: hidden
}

.form_content .form_item.require.form_select:after {
    margin-top: -.5em
}

.form_content .form_item.require.item_textarea .input:after {
    top: .5em;
    margin: 0
}

.form_content .form_item.validerror {
    border-color: red
}

.form_content .form_item.validerror p.txt_error {
    display: block
}

.form_content .list_info {
    padding-bottom: 10.26vw
}

.form_content .list_info .form_item:nth-last-of-type(1) {
    margin-bottom: 0
}

.form_content dl {
    width: var(--content-width);
    margin-bottom: 2.56vw
}

.form_content dl:nth-last-of-type(1) {
    margin-bottom: 0
}

.form_content dl dt {
    margin-bottom: .5em
}

.form_content dl dt span {
    font-size: var(--font-form-title)
}

.form_content dl dd.col2 ul {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.form_content dl dd.col2 ul li {
    width: 48.27%;
    margin-bottom: 0
}

.form_content dl dd ul {
    margin-bottom: 10.26vw
}

.form_content dl dd ul li {
    margin-bottom: 2.56vw
}

.form_content dl dd ul li:last-child {
    margin-bottom: 0
}

.form_content dl.isEmpty dl dd .txt_error {
    display: block
}

.form_content p.note {
    width: var(--content-width);
    font-size: var(--font-form-note);
    line-height: var(--line-height)
}

section.step {
    border-top: 1px solid var(--color-bdr-black)
}

section.step .section_inner {
    padding: 10.26vw 0
}

section.step .step_header {
    width: var(--block-text-width);
    margin: auto
}

section.step .step_header .cols_header .col_l .flex {
    display: -ms-flexbox;
    display: flex
}

section.step .step_header .cols_header .col_r {
    display: none
}

section.step .step_header .cols_header p.num {
    font-family: RotisSansSerif-ExtraBold;
    width: 17.74%;
    font-size: var(--font-step-num)
}

section.step .step_header .cols_header .ttl_step_header {
    width: 82.26%
}

section.step .step_header .cols_header h2 {
    line-height: var(--line-height);
    font-size: var(--font-step-h2);
    line-height: 1.8
}

section.step .step_header .cols_header p.en {
    font-size: var(--font-step-en);
    line-height: 1.5;
    margin-top: 2.56vw
}

section.step .step_header .cols_header a.btn_edit {
    border: 1px solid #000
}

section.step .step_header .cols_header a.btn_edit .inr {
    padding: 1.28vw 0;
    text-align: center
}

section.step .step_header .cols_header a.btn_edit span {
    font-size: var(--font-form-edit);
    display: block
}

section.step .block_confirm {
    width: 100%;
    margin: 40px auto auto
}

section.step .block_confirm dl {
    margin-bottom: 1em;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

section.step .block_confirm dl:nth-last-of-type(1) {
    margin-bottom: 0
}

section.step .block_confirm dl dt {
    line-height: var(--line-height);
    font-size: var(--font-form-title);
    width: 29.03%;
    color: #0006;
    margin-bottom: 0
}

section.step .block_confirm dl dd {
    line-height: var(--line-height);
    font-size: var(--font-form-confirm);
    width: 64.52%
}

section.step .block_confirm ul {
    margin-bottom: 0
}

section.step .block_confirm ul li {
    line-height: var(--line-height);
    font-size: var(--font-form-confirm);
    margin-bottom: 0
}

section.step .block_confirm .delivery_confirm {
    border-top: 1px solid var(--color-bdr);
    padding-top: 5.13vw;
    margin-top: 5.13vw
}

section.step .block_confirm .delivery_confirm h5 {
    font-size: var(--font-form-confirm-title);
    line-height: var(--line-height);
    margin-bottom: 5.13vw
}

section.step.active .step_content .step_content_inner {
    height: auto;
    overflow: visible
}

section.step.active .step_header {
    padding-bottom: 10.26vw
}

section.step .step_content {
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

section.step .step_content .step_content_inner {
    width: 100%;
    height: 0px;
    overflow: hidden
}

section.step .form_notes {
    width: var(--block-text-width);
    margin: auto;
    text-align: right;
    padding-bottom: 5.13vw
}

section.step .form_notes p {
    font-size: var(--font-form-note)
}

section.step .form_notes p span span {
    font-size: 4.1vw;
    position: relative;
    top: .3em
}

section.step .form_header {
    padding-top: 10.26vw;
    margin-bottom: 10.26vw
}

section.step .form_header h3 {
    font-size: var(--font-form-ttl-h3)
}

section.step .block_howto_contact,section.step .block_payment,section.step .block_reciept,section.step #pickup_time,section.step #question,section.step .block_delivery_address {
    padding: 10.26vw 0
}

section.step .block_howto_contact dl,section.step .block_payment dl,section.step .block_reciept dl,section.step #pickup_time dl,section.step #question dl,section.step .block_delivery_address dl {
    width: var(--content-width)
}

section.step .block_howto_contact dl dt,section.step .block_payment dl dt,section.step .block_reciept dl dt,section.step #pickup_time dl dt,section.step #question dl dt,section.step .block_delivery_address dl dt {
    margin-bottom: 10.26vw
}

section.step #pickup_time,section.step .block_howto_pickup,section.step .block_option,section.step .block_howto_contact,section.step .block_payment,section.step .block_reciept,section.step .block_delivery_address,section.step .list_info,section.step #question {
    width: var(--inner-width);
    margin-left: var(--inner-left);
    border-top: 1px solid #000
}

section.step .block_howto_pickup .notes {
    margin-top: 10.26vw
}

section.step .block_reciept .form_item {
    margin-bottom: 0
}

section.step .block_delivery_address {
    padding-bottom: 0
}

section.step .block_delivery_address .delivery_address {
    margin-top: 10.26vw;
    height: 0px;
    overflow: hidden
}

section.step .block_delivery_address .delivery_address.active {
    height: auto;
    overflow: visible
}

section.step .block_delivery_address .form_item:nth-last-of-type(1) {
    margin-bottom: 0
}

section.step #pickup_time {
    padding-bottom: 0
}

section.step #pickup_time .lead {
    margin-bottom: 10.26vw
}

section.step #pickup_time .lead p {
    font-size: var(--font-form-note);
    line-height: 1.8
}

section.step #question {
    padding-bottom: 0;
    border-top: none;
    padding-top: 0
}

section.step #list_bento ul {
    width: var(--block-text-width);
    margin: auto
}

section.step #list_bento ul li {
    margin-bottom: 10.26vw
}

section.step #list_bento ul li:last-child {
    margin-bottom: 0
}

section.step #list_bento ul li figure {
    margin-bottom: 3.08vw
}

section.step #list_bento ul li figure img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover
}

section.step #list_bento ul li h4 {
    font-size: var(--font-form-bento-title);
    line-height: var(--line-height);
    margin-bottom: 1.28vw
}

section.step #list_bento ul li .select_cols {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between
}

section.step #list_bento ul li .select_cols .txt {
    width: 74.19%
}

section.step #list_bento ul li .select_cols p.price {
    font-size: var(--font-form-bento-price);
    line-height: var(--line-height);
    width: 100%
}

section.step #list_bento ul li .select_cols .wrap_select {
    width: 25.81%;
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

section.step #list_bento ul li .select_cols .wrap_select .select {
    width: 75%;
    min-width: 60px;
    border: 1px solid var(--color-bdr-black)
}

section.step #list_bento ul li .select_cols .wrap_select .select select {
    width: 100%;
    height: 8.72vw;
    text-indent: .5em;
    color: #000
}

section.step #list_bento ul li .select_cols .wrap_select .select i.icon {
    right: 2.56vw;
    margin-top: -.51vw
}

section.step #list_bento ul li .select_cols .wrap_select span.unit {
    font-size: var(--font-form-select-unit);
    display: block;
    width: 25%;
    text-align: right
}

section.step #howto_pickup .block_howto_pickup {
    padding: 10.26vw 0
}

section.step #howto_pickup .block_howto_pickup dl dt {
    margin-bottom: 10.26vw
}

section.step #howto_pickup .block_option {
    padding: 10.26vw 0
}

section.step #howto_pickup .block_option dl {
    margin-bottom: 10.26vw
}

section.step #howto_pickup .block_option dl dt {
    margin-bottom: 10.26vw
}

section.step #howto_pickup .notes p {
    font-size: var(--font-form-note);
    line-height: 1.5
}

section.step #howto_pickup .notes a {
    text-decoration: underline
}

section.step.fin .step_header {
    padding-bottom: 0
}

section.step.fin .step_header .cols_header {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    position: relative
}

section.step.fin .step_header .cols_header .col_l {
    width: 83.03%
}

section.step.fin .step_header .cols_header .col_r {
    width: 10.91%;
    display: block;
    position: relative;
    top: 1.54vw
}

section.step.fin .step_header .block_confirm {
    margin-top: 7.69vw
}

section.step.fin .step_content {
    display: none
}

section.step#step1 a.btn.next {
    pointer-events: none
}

section.step#step1.ok a.btn.next {
    pointer-events: auto
}

section.step#step5 .block_confirm dl {
    width: 100%
}

#block_quote {
    width: 100%;
    border-top: 1px solid var(--color-bdr-black)
}

#block_quote .quote_inner {
    width: var(--block-text-width);
    margin: auto;
    padding: 10.26vw 0
}

#block_quote dl {
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: .5em
}

#block_quote dl dt,#block_quote dl dd {
    font-size: var(--font-form-quote);
    color: #0006
}

#block_quote .total_price {
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 5.13vw;
    margin-top: 5.13vw
}

#block_quote .total_price dl dt {
    font-size: var(--font-form-quote);
    color: #000
}

#block_quote .total_price dl dd {
    font-size: var(--font-form-quote-total);
    color: #000
}

#block_quote p.note {
    width: 100%;
    font-size: var(--font-form-note);
    text-align: right;
    margin-top: 2em
}

#catering_rule {
    width: var(--block-text-width);
    margin: auto;
    position: relative
}

#catering_rule .rule_content {
    border: 1px solid var(--color-bdr-black);
    margin-bottom: 10.26vw
}

#catering_rule .rule_inner {
    position: relative
}

#catering_rule .rule_inner:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

#catering_rule .list_rules {
    padding: 7.69vw 3.85vw;
    box-sizing: border-box
}

#catering_rule ul {
    margin-bottom: 1.5em
}

#catering_rule ul li {
    font-size: var(--font-form-note);
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D";
    line-height: var(--line-height);
    margin-bottom: 1em
}

#catering_rule ul li:last-child {
    margin-bottom: 0
}

#catering_rule ul li ul {
    padding-left: 1.5em;
    margin-top: 1em
}

#catering_rule ul li ul li {
    list-style: disc;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

#catering_rule button {
    pointer-events: none;
    opacity: .5
}

#catering_rule #check_agree label {
    justify-content: center
}

#catering_rule #check_agree span {
    font-size: var(--font-12-14);
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

#catering_rule.active .rule_inner:after {
    display: none
}

#catering_rule.active button.active {
    pointer-events: auto;
    opacity: 1
}

#contact_info {
    width: var(--block-text-width);
    margin: auto;
    margin-top: 15.38vw;
    border: 1px solid var(--color-bdr-black)
}

#contact_info .contact_info_content {
    padding: 10.26vw
}

#contact_info h5 {
    font-size: var(--font-16-17);
    margin-bottom: 5.13vw
}

#contact_info ul {
    padding-left: 0;
    margin-bottom: 10.26vw
}

#contact_info ul li {
    font-size: var(--font-form-note);
    line-height: var(--line-height);
    margin-bottom: 1em;
    position: relative;
    padding-left: 1.2em
}

#contact_info ul li:before {
    content: "\203b";
    position: absolute;
    left: 0px;
    top: 0px
}

#contact_info dl {
    width: 100%;
    margin-bottom: 10.26vw
}

#contact_info dl:nth-last-of-type(1) {
    margin-bottom: 0
}

#contact_info dl dt {
    font-size: var(--font-12-14);
    margin-bottom: 1em
}

#contact_info dl dd {
    font-size: var(--font-16-17)
}

#contact_info dl dd a {
    text-decoration: underline
}

@media all and (min-width: 768px) {
    [data-page=catering-form] #complete {
        width:85.19%;
        margin: auto;
        padding-bottom: 240px
    }

    form .select {
        position: relative;
        min-width: 70px;
        width: 100%
    }

    form .select select {
        width: auto;
        box-sizing: border-box
    }

    form .select i.icon {
        width: 8px;
        height: 4.6px;
        margin: -2.3px 0 0;
        right: 0;
        pointer-events: none
    }

    form .select i.icon .st0 {
        fill: #000;
        fill-opacity: 1
    }

    form .select.w100 {
        width: 100%
    }

    form input[type=text],form input[type=tel],form input[type=email],form input[type=date] {
        height: auto;
        text-indent: .5em;
        font-size: 1.4rem
    }

    form input[type=date] {
        padding-right: .5em
    }

    form ::placeholder {
        font-size: 1.4rem
    }

    form .radio_selector input[type=radio] {
        display: none
    }

    form .radio_selector label {
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    form .radio_selector span.radio {
        width: 30px;
        height: 30px;
        margin-right: 10px
    }

    form .radio_selector input[type=radio]:checked+span.radio:after {
        content: "";
        width: 10px;
        height: 10px;
        margin: -5px 0 0 -5px
    }

    form .radio_selector span {
        font-size: var(--font-form-select);
        line-height: var(--line-height)
    }

    form .radio_selector input[type=radio]:checked+span {
/*        font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N B"*/
    }

    form .checkbox_selector input[type=checkbox] {
        display: none
    }

    form .checkbox_selector label {
        display: -ms-flexbox;
        display: flex;
        align-items: center
    }

    form .checkbox_selector span.checkbox {
        width: 30px;
        height: 30px;
        position: relative;
        margin-right: 10px
    }

    form .checkbox_selector p {
        width: 89.65%;
        font-size: var(--font-form-select);
        line-height: var(--line-height)
    }

    form .checkbox_selector input[type=checkbox]:checked+span.checkbox:after {
        width: 11px;
        height: 7.5px;
        margin: -3.75px 0 0 -5.5px
    }

    form textarea {
        height: auto;
        font-size: 1.4rem
    }

    form .edit_next {
        width: 85.19%;
        margin: 30px auto auto
    }

    form .edit_next.col1 ul {
        justify-content: flex-end
    }

    form .edit_next.col1 ul li {
        width: 73.9%
    }

    form .edit_next ul {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    form .edit_next ul li {
        width: 47.413%
    }

    form .edit_next ul li a .inr {
        padding: 15px 0
    }

    form .edit_next ul li a span {
        display: block;
        text-align: center;
        font-size: var(--font-size-button-next)
    }

    form .edit_next ul li a.next {
        background: #000
    }

    form .edit_next ul li a.next span {
        color: #fff
    }

    form button {
        width: 100%;
        display: block
    }

    form button.btn_submit span {
        padding: 12px 0
    }

    .form_content .form_item {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 30px
    }

    .form_content .form_item.col_r {
        width: 64.71%;
        margin-left: 35.29%
    }

    .form_content .form_item p.txt_error {
        font-size: 1.1rem
    }

    .form_content .form_item.require.form_select:after {
        margin-top: -1em
    }

    .form_content .list_info {
        padding-bottom: 10.26vw
    }

    .form_content .list_info .form_item:nth-last-of-type(1) {
        margin-bottom: 0
    }

    .form_content dl {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.29vw
    }

    .form_content dl.require dt span:after {
        content: "\203b";
        margin-left: .3em
    }

    .form_content dl dt {
        width: 29.41%;
        margin-bottom: .5em
    }

    .form_content dl dt span {
        font-size: var(--font-form-title)
    }

    .form_content dl dd {
        width: 64.71%
    }

    .form_content dl dd.col2 ul {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    .form_content dl dd.col2 ul li {
        width: 48.27%;
        margin-bottom: 0
    }

    .form_content dl dd ul {
        margin-bottom: 0
    }

    .form_content dl dd ul li {
        margin-bottom: 1.29vw
    }

    .form_content dl dd ul li:last-child {
        margin-bottom: 0
    }

    .form_content dl dd.txt_error {
        text-align: right;
        color: var(--color-input-error-red);
        padding-top: 1em;
        font-size: var(--font-form-note);
        display: none
    }

    .form_content dl.isEmpty dd.txt_error {
        display: block
    }

    .form_content p.note {
        width: 64.71%;
        margin-left: 35.29%;
        margin-top: 60px
    }

    section.step .section_inner {
        padding: 60px 0
    }

    section.step .step_header {
        width: 85.19%
    }

    section.step .step_header .cols_header .col_l .flex {
        justify-content: space-between
    }

    section.step .step_header .cols_header .col_l .block_confirm {
        width: 82.26%;
        margin-left: 17.74%
    }

    section.step .step_header .cols_header .col_l .block_confirm dl {
        margin-bottom: 1em
    }

    section.step .step_header .cols_header .col_l .block_confirm dl:nth-last-of-type(1) {
        margin-bottom: 0
    }

    section.step .step_header .cols_header .col_l .block_confirm ul li {
        line-height: var(--line-height);
        font-size: var(--font-form-confirm)
    }

    section.step .step_header .cols_header .col_l .block_confirm .delivery_confirm {
        border-top: 1px solid var(--color-bdr);
        padding-top: 5.13vw;
        margin-top: 5.13vw
    }

    section.step .step_header .cols_header .col_l .block_confirm .delivery_confirm h5 {
        font-size: var(--font-form-confirm-title);
        line-height: var(--line-height);
        margin-bottom: 5.13vw
    }

    section.step .step_header .cols_header .col_r {
        display: none
    }

    section.step .step_header .cols_header p.num {
        width: 21.74%
    }

    section.step .step_header .cols_header .ttl_step_header {
        width: 73.91%
    }

    section.step .step_header .cols_header p.en {
        margin-top: 10px
    }

    section.step .step_header .cols_header a.btn_edit .inr {
        padding: 5px 0;
        text-align: center
    }

    section.step .step_header .cols_header a.btn_edit span {
        font-size: var(--font-form-edit);
        display: block
    }

    section.step .block_confirm {
        width: 100%;
        margin: auto;
        box-sizing: border-box;
        padding-left: 26.09%
    }

    section.step .block_confirm dl {
        margin-bottom: 1em;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    section.step .block_confirm dl:nth-last-of-type(1) {
        margin-bottom: 0
    }

    section.step .block_confirm dl dt {
        line-height: var(--line-height);
        font-size: var(--font-form-title);
        width: 29.03%;
        color: #0006;
        margin-bottom: 0
    }

    section.step .block_confirm dl dd {
        line-height: var(--line-height);
        font-size: var(--font-form-confirm);
        width: 64.52%
    }

    section.step .block_confirm ul {
        margin-bottom: 0
    }

    section.step .block_confirm ul li {
        line-height: var(--line-height);
        font-size: var(--font-form-confirm);
        margin-bottom: 0
    }

    section.step .block_confirm .delivery_confirm {
        border-top: 1px solid var(--color-bdr);
        padding-top: 30px;
        margin-top: 30px
    }

    section.step .block_confirm .delivery_confirm h5 {
        font-size: var(--font-form-confirm-title);
        line-height: var(--line-height);
        margin-bottom: 20px
    }

    section.step.active .step_content .step_content_inner {
        height: auto;
        overflow: visible
    }

    section.step.active .step_header {
        padding-bottom: 90px
    }

    section.step .step_content {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    section.step .step_content .step_content_inner {
        width: 100%
    }

    section.step .form_notes {
        width: 85.19%;
        margin: auto;
        text-align: right;
        padding-bottom: 30px;
        justify-content: flex-end;
        display: -ms-flexbox;
        display: flex
    }

    section.step .form_notes p {
        width: 73.91%
    }

    section.step .form_notes p span span {
        font-size: 1.6rem;
        top: .3em
    }

    section.step .form_header {
        padding-top: 0;
        margin-bottom: 0
    }

    section.step #list_input_info {
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    section.step #list_input_info .form_cols {
        width: 73.91%;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding-top: 60px
    }

    section.step #list_input_info .form_header {
        width: 29.41%
    }

    section.step #list_input_info .list_forms {
        width: 64.71%
    }

    section.step .block_howto_contact,section.step .block_payment,section.step .block_reciept,section.step #pickup_time,section.step #question,section.step .block_delivery_address {
        padding: 60px 0
    }

    section.step .block_howto_contact dl,section.step .block_payment dl,section.step .block_reciept dl,section.step #pickup_time dl,section.step #question dl,section.step .block_delivery_address dl {
        width: 100%;
        margin-left: 0
    }

    section.step .block_howto_contact dl dt,section.step .block_payment dl dt,section.step .block_reciept dl dt,section.step #pickup_time dl dt,section.step #question dl dt,section.step .block_delivery_address dl dt {
        margin-bottom: 0
    }

    section.step .wrap_r {
        width: 73.91%;
        margin-left: 26.09%
    }

    section.step #pickup_time,section.step .block_howto_pickup,section.step .block_option,section.step .block_howto_contact,section.step .block_payment,section.step .block_reciept,section.step .block_delivery_address,section.step .list_info,section.step #question {
        width: 85.19%;
        margin: auto
    }

    section.step .block_howto_pickup .notes {
        margin-top: 60px
    }

    section.step #list_input_info {
        border: none
    }

    section.step #list_input_info .form_cols {
        border-top: 1px solid var(--color-bdr-black)
    }

    section.step .block_payment,section.step .block_reciept,section.step .block_howto_contact,section.step .block_delivery_address {
        border: none;
        padding: 0
    }

    section.step .block_payment .wrap_r,section.step .block_reciept .wrap_r,section.step .block_howto_contact .wrap_r,section.step .block_delivery_address .wrap_r {
        border-top: 1px solid var(--color-bdr-black);
        padding: 60px 0
    }

    section.step .block_reciept .form_item {
        margin-bottom: 0;
        margin-top: 60px
    }

    section.step .block_delivery_address {
        padding-bottom: 0
    }

    section.step .block_delivery_address .form_item:nth-last-of-type(1) {
        margin-bottom: 0
    }

    section.step .block_delivery_address .wrap_r {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    section.step .block_delivery_address dl {
        display: block;
        width: 29.41%
    }

    section.step .block_delivery_address dl dt {
        width: 100%;
        line-height: 1.8;
        margin-bottom: 30px
    }

    section.step .block_delivery_address dl dt br {
        display: none
    }

    section.step .block_delivery_address .delivery_address {
        width: 64.71%;
        margin-top: 0
    }

    section.step#step2 .edit_next,section.step#step4 .edit_next,section.step#step5 .edit_next {
        margin-top: 90px
    }

    section.step#step5 .block_confirm {
        margin-left: 0;
        width: 100%
    }

    section.step#step5 .block_confirm dl {
        width: 100%
    }

    section.step #pickup_time {
        border-top: none;
        padding: 0
    }

    section.step #pickup_time .lead {
        margin-bottom: 60px
    }

    section.step #pickup_time .select {
        width: 90px
    }

    section.step .content_r {
        width: 73.91%;
        margin-left: 25.49%;
        border-top: 1px solid var(--color-bdr-black);
        padding: 60px 0 0
    }

    section.step #question {
        border-top: none;
        padding: 0
    }

    section.step #question .content_r {
        border-top: 0px;
        padding-top: 0
    }

    section.step #list_bento ul {
        width: 85.19%;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    section.step #list_bento ul li {
        width: 21.73%;
        margin-right: 4.34%;
        margin-bottom: 4.34%
    }

    section.step #list_bento ul li:last-child {
        margin-bottom: 0
    }

    section.step #list_bento ul li:nth-child(4n) {
        margin-right: 0
    }

    section.step #list_bento ul li figure {
        margin-bottom: 15px
    }

    section.step #list_bento ul li h4 {
        margin-bottom: 5px
    }

    section.step #list_bento ul li .select_cols {
        width: 100%
    }

    section.step #list_bento ul li .select_cols .txt {
        width: 66.67%
    }

    section.step #list_bento ul li .select_cols .wrap_select {
        width: 33.33%
    }

    section.step #list_bento ul li .select_cols .wrap_select .select {
        width: 74.07%;
        min-width: auto
    }

    section.step #list_bento ul li .select_cols .wrap_select .select select {
        height: 34px
    }

    section.step #list_bento ul li .select_cols .wrap_select .select i.icon {
        width: 8px;
        height: 4.5px;
        margin-top: -2.25px;
        right: 7px
    }

    section.step #howto_pickup {
        width: 85.19%;
        margin: auto
    }

    section.step #howto_pickup .block_howto_pickup {
        padding: 60px 0;
        width: 73.91%;
        margin-left: 26.09%
    }

    section.step #howto_pickup .block_howto_pickup dl dt {
        margin-bottom: 0
    }

    section.step #howto_pickup .block_option {
        padding: 60px 0;
        width: 73.91%;
        margin-left: 26.09%
    }

    section.step #howto_pickup .block_option dl {
        margin-bottom: 60px
    }

    section.step #howto_pickup .block_option dl dt {
        margin-bottom: 0
    }

    section.step #howto_pickup .notes {
        width: 64.71%;
        margin-left: 35.29%
    }

    section.step.fin .step_header {
        padding-bottom: 0
    }

    section.step.fin .step_header .cols_header {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    section.step.fin .step_header .cols_header .col_l {
        width: 100%
    }

    section.step.fin .step_header .cols_header .col_r {
        position: absolute;
        right: 0px;
        top: 0px;
        width: 50px
    }

    section.step.fin .step_header .block_confirm {
        margin-top: 90px
    }

    section.step.fin .step_content {
        display: none
    }

    #block_quote {
        width: 100%;
        border-top: 1px solid var(--color-bdr-black)
    }

    #block_quote .quote_inner {
        width: 85.19%;
        margin: auto;
        padding: 60px 0
    }

    #block_quote .content_r {
        width: 73.91%;
        margin-left: 25.49%
    }

    #block_quote dl {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-bottom: .5em
    }

    #block_quote dl dd {
        text-align: right
    }

    #block_quote .total_price {
        padding-top: 30px;
        margin-top: 30px
    }

    #block_quote p.note {
        width: 100%;
        margin-left: 0
    }

    #catering_rule {
        width: 85.19%;
        margin: auto;
        position: relative
    }

    #catering_rule .rule_inner {
        width: 73.91%;
        margin-left: 25.49%;
        position: relative
    }

    #catering_rule .rule_content {
        margin-bottom: 60px
    }

    #catering_rule:after {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0px;
        left: 0px;
        background: rgba(255,255,255,.8);
        display: none
    }

    #catering_rule .list_rules {
        padding: 30px
    }

    #catering_rule ul {
        padding-left: 1.2em;
        margin-bottom: 30px
    }

    #catering_rule ul li {
        margin-bottom: 1.4em
    }

    #catering_rule ul li ul {
        margin-bottom: 0
    }

    #catering_rule button {
        pointer-events: none
    }

    #catering_rule #check_agree label {
        justify-content: center
    }

    #contact_info {
        width: 85.19%;
        margin: 60px auto auto;
        padding-bottom: 240px
    }

    #contact_info .content_r {
        width: 73.91%;
        margin-left: 25.49%
    }

    #contact_info ul li {
        margin-bottom: 1em
    }

    #contact_info {
        width: 85.19%;
        margin-top: 120px;
        border: none
    }

    #contact_info .contact_info_content {
        padding: 60px;
        border: 1px solid var(--color-bdr-black)
    }

    #contact_info h5 {
        margin-bottom: 20px
    }

    #contact_info ul {
        padding-left: 0;
        margin-bottom: 60px
    }

    #contact_info ul li {
        margin-bottom: .5em
    }

    #contact_info dl {
        width: 100%;
        margin-bottom: 25px;
        display: block
    }

    #contact_info dl:nth-last-of-type(1) {
        margin-bottom: 0
    }
}

[data-img-main] {
    padding-bottom: 41.03vw
}

[data-img-main] img {
    width: 100%
}

[data-img-main] figure img {
    aspect-ratio: 390/520;
    object-fit: cover
}

[data-img-main] .block_txt {
    width: var(--block-text-width);
    margin: auto
}

[data-img-main] .block_txt p.ja {
    font-size: var(--font-16-17);
    line-height: 1.8;
    margin-bottom: 5.13vw
}

[data-img-main] .block_txt p.en {
    font-size: var(--font-12);
    line-height: 1.5;
    font-family: RotisSansSerif-Bold
}

[data-img-main] .movie+.block_txt,[data-img-main] figure+.block_txt {
    margin-top: 20.64vw
}

#shopify-section-recruit-block,[data-block] {
    padding-bottom: 41.03vw
}

[data-block] img {
    width: 100%;
    vertical-align: top;
	    height: auto;
}

[data-block] .ttl_h3 {
    margin-bottom: 20.51vw;
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw;
}

[data-block] .ttl_h3 .ttl_inner {
    width: var(--content-width);
}

[data-block] .ttl_h3 h3 {
    font-size: var(--font-size-h3);
/*    font-family: RotisSansSerif-ExtraBold;
    margin-bottom: 16.67vw*/
}

[data-block] .ttl_h3 .lead p.ja {
    font-size: var(--font-20-26);
    line-height: 1.8;
    margin-bottom: 5.13vw;
}

[data-block] .ttl_h3 .lead p.en {
    font-size: var(--font-ttl-lead-en);
    line-height: 1.5;
    font-family: RotisSansSerif-Bold;
    font-size: 12px;
}

[data-block] .ttl_h3.font_s .lead p.ja {
    font-size: var(--font-16-17)
}

[data-block] figure.img_size0 {
    width: 100%;
    margin-bottom: 5.13vw
}

[data-block] figure.img_size0 img {
    aspect-ratio: 390/585;
    object-fit: cover;
    vertical-align: top
}

[data-block] .img_list ul li {
    margin-bottom: 5.13vw
}

[data-block] .img_list ul li:last-child {
    margin-bottom: 0
}

[data-block] .block_txt {
    width: var(--block-text-width);
    margin: auto
}

[data-block] .block_txt {
    width: var(--content-width);
    margin: 0
}

[data-block] .block_txt p.ja {
    font-size: var(--font-img-main-ja);
    line-height: 1.8;
    margin-bottom: 5.13vw
}

[data-block] .block_txt p.en {
    font-size: var(--font-img-main-en);
    line-height: 1.5
}

[data-block] .img_list+.block_txt {
    margin-top: 17.95vw
}

[data-block] .block_txt+.img_list {
    margin-top: 17.95vw
}

[data-block] .block_menu figure {
    margin-bottom: 19.23vw
}

[data-block] .block_menu .col_r {
    width: var(--content-width)
}

[data-block] .block_menu .lead p.ja {
    font-size: var(--font-16-17);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

[data-block] .block_menu .lead p.en {
    font-size: var(--font-ttl-menu-lead-en);
    font-family: RotisSansSerif-Bold;
    line-height: 1.5
}

[data-block] .block_menu .list_menu ul li {
    margin-top: 10.26vw
}

[data-block] .block_menu .list_menu ul li a {
    padding-bottom: 2.56vw;
    border-bottom: 1px solid var(--color-bdr-black);
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

[data-block] .block_menu .list_menu ul li a span {
    display: block;
    font-size: var(--font-list-menu);
    font-family: RotisSansSerif-Bold
}

[data-block] .block_information {
    width: var(--block-text-width);
    margin: auto
}

[data-block] .block_information dl {
    border-bottom: 1px solid var(--color-grey2);
    padding: 5.13vw 0
}

[data-block] .block_information dl dt {
    line-height: 2;
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-info-dt);
    margin-bottom: 4.1vw
}

[data-block] .block_information dl dd {
    padding-left: 1em;
    line-height: 2;
    font-size: var(--font-info-dt)
}

[data-block] .block_information dl dd dl {
    padding: 0;
    border: none;
    display: -ms-flexbox;
    display: flex
}

[data-block] .block_information dl dd dl dt {
    margin-bottom: 0
}

[data-block] .block_information dl dd dl dt,[data-block] .block_information dl dd dl dd {
    font-family: RotisSansSerif-Bold
}

[data-block] .block_information dl dd small {
    font-family: RotisSansSerif-Bold,"A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D";
    font-size: var(--font-info-small);
    line-height: 1.5;
    display: block;
    margin-top: .5em
}

[data-block] .block_information dl dd p.note {
    margin-top: 5.13vw
}

[data-block] .block_information dl dd p.icon_txt {
    display: -ms-flexbox;
    display: flex;
    align-items: center
}

[data-block] .block_information dl dd p.icon_txt i {
    width: 5.13vw;
    height: 4.1vw;
    vertical-align: top
}

[data-block] .block_information dl dd p.icon_txt i svg {
    margin: auto;
    vertical-align: top;
    display: block;
    position: static
}

[data-block] .block_information dl dd p.icon_txt i.wifi svg {
    width: 5.13vw;
    height: 4.1vw
}

[data-block] .block_information dl dd p.icon_txt i.connect svg {
    width: 3.08vw;
    height: 4.1vw
}

[data-block] .block_information dl dd p.icon_txt span {
    margin-left: 1em;
    font-family: RotisSansSerif-Bold
}

[data-block] .block_information dl dd a {
    text-decoration: underline
}

[data-block] .block_information .small {
    font-size: var(--font-info-small)
}

[data-block] .block_information .rotis {
    font-family: RotisSansSerif-Bold
}

[data-block] .block_information .mt1 {
    margin-top: 1em
}

[data-block] .block_information .block_txt {
    width: 93.54%;
    margin: auto;
    margin-top: 5.13vw
}

[data-block] .block_information .block_txt p {
    font-size: 3.08vw
}

[data-block] .block_col2 figure {
    margin-bottom: 17.95vw
}

[data-block] .block_col2 .col_r {
    width: var(--content-width)
}

[data-block] .block_col2 .col_r p.ja {
    font-size: var(--font-16-17);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

[data-block] .block_col2 .col_r p.ja.nowrap {
    white-space: nowrap
}

[data-block] .block_col2 .col_r p.en {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-ttl-lead-en);
    line-height: 1.5;
        font-size: 12px;
}

[data-block] .block_col2 .wrap_btn {
    margin-top: 10.26vw
}

[data-block] .block_col2.img_size_l .col_r p.ja {
    font-size: var(--font-16-17)
}

[data-block] .block_col2.reverse .col_r {
    margin-bottom: 17.95vw
}

[data-block] .list_col2 {
    width: var(--content-width)
}

[data-block] .list_col2 ul li {
    margin-bottom: 20.51vw
}

[data-block] .list_col2 ul li:last-child {
    margin-bottom: 0
}

[data-block] .list_col2 ul li figure {
    margin-bottom: 5.13vw
}

[data-block] .list_col2 ul li h4 {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-size-h4);
    margin-bottom: 3.59vw
}

[data-block] .list_col2 ul li .txt p.ja {
    font-size: var(--font-16-17);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

[data-block] .list_col2 ul li .txt p.en {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-ttl-lead-en);
    line-height: 1.5
}

[data-block] .list_col2 ul li .txt .align_r {
    text-align: right;
    margin-top: 5.13vw
}

[data-block] .list_col2 ul li .txt .align_r a {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-link-menu);
    display: inline-block
}

[data-block] .list_col2 ul li .txt .align_r a span {
    position: relative;
    padding-bottom: .3em;
    display: inline-block
}

[data-block] .list_col2 ul li .txt .align_r a span:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #000;
    position: absolute;
    bottom: 0px;
    left: 0px
}

[data-block] [data-slideshow] a.btn_prev,[data-block] [data-slideshow] a.btn_next {
    display: none
}

[data-block] [data-slideshow] {
    width: 100%
}

[data-block] [data-slideshow] ul {
    overflow: hidden;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 5.13vw;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 2.56vw
}

[data-block] [data-slideshow] ul li[data-slide] {
    flex-shrink: 0;
    width: 65.38%;
    scroll-snap-align: center
}

[data-block] [data-slideshow] ul li[data-slide]:first-child {
    margin-left: 10.26vw
}

[data-block] [data-slideshow] ul li[data-slide]:last-child {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    padding-right: 10.26vw
}

[data-block] [data-slideshow] ul li[data-slide]:last-child:after {
    content: "";
    width: 10.26vw;
    position: absolute;
    right: 0px;
    top: 0px
}

[data-block] [data-slideshow] ul li[data-slide] h3 {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-ttl-shop);
    margin-bottom: 3.85vw
}

[data-block] [data-slideshow] ul li[data-slide] .lead {
    margin-bottom: 6.41vw
}

[data-block] [data-slideshow] ul li[data-slide] .lead p.ja {
    font-size: var(--font-16-17);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

[data-block] [data-slideshow] ul li[data-slide] .lead p.en {
    font-size: var(--font-ttl-lead-en);
    font-family: RotisSansSerif-Bold;
    line-height: 1.5;
    font-size: 12px;
}

[data-block] [data-slideshow] ul li[data-slide] .tags ul {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    gap: 0px
}

[data-block] [data-slideshow] ul li[data-slide] .tags ul li {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black)
}

[data-block] [data-slideshow] ul li[data-slide] .tags ul li:last-child {
    border-right: 1px solid var(--color-bdr-black)
}

[data-block] [data-slideshow] ul li[data-slide] .tags ul li span {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-store-tag);
    display: block;
    padding: .77vw 1.28vw
}

[data-block] [data-slideshow] ul li[data-slide] figure {
    margin-bottom: 5.13vw
}

[data-block] [data-slideshow] ul li[data-slide] h4 {
    font-size: var(--font-name-product)
}

[data-block] [data-slideshow] ul li[data-slide] p {
    font-size: var(--font-price-product);
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D";
    margin-top: 3.08vw
}

[data-block] [data-slideshow] ul li[data-slide] p.price {
    font-size: var(--font-price-product);
    font-family: RotisSansSerif-Bold,"A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D";
    margin-top: 3.08vw
}

[data-block] [data-slideshow].list_components ul li[data-slide] h4 {
    font-size: var(--font-name-product);
    line-height: 1.6;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

[data-block] [data-slideshow].list_components ul li[data-slide] p {
    line-height: 1.8;
    font-size: var(--font-component-description);
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

[data-block] [data-slideshow].noslide ul {
    overflow: visible;
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0px
}

[data-block] [data-slideshow].noslide ul li[data-slide] {
    flex-shrink: inherit;
    width: 79.48%;
    margin: auto;
    margin-bottom: 20.51vw
}

[data-block] [data-slideshow].noslide ul li[data-slide]:first-child {
    margin: auto;
    margin-bottom: 20.51vw
}

[data-block] [data-slideshow].noslide ul li[data-slide]:last-child {
    padding: 0
}

[data-block] [data-slideshow].noslide ul li[data-slide]:last-child:after {
    display: none
}

[data-block] .list_catering_menu ul li {
    margin-bottom: 20.51vw
}

[data-block] .list_catering_menu ul li figure {
    margin-bottom: 4.62vw
}

[data-block] .list_catering_menu ul li .cols {
    width: var(--content-width)
}

[data-block] .list_catering_menu ul li h4 {
    font-size: var(--font-bento-name);
    margin-bottom: 2.56vw
}

[data-block] .list_catering_menu ul li p.en {
    font-size: var(--font-bento-name-en);
    font-family: RotisSansSerif-Bold
}

[data-block] .list_catering_menu ul li .price {
    text-align: right;
    margin-top: 3.85vw
}

[data-block] .list_catering_menu ul li .price p {
    font-size: var(--font-bento-price);
    font-family: RotisSansSerif-Bold
}

[data-block] .list_catering_menu ul li .description {
    margin-top: 3.59vw
}

[data-block] .list_catering_menu ul li .description p.ja {
    font-size: var(--font-bento-description-ja);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

[data-block] .list_catering_menu ul li .description p.en {
    font-size: var(--font-bento-description-en);
    font-family: RotisSansSerif-Bold;
    line-height: 1.5
}

[data-block] .list_recruit {
    width: var(--content-width)
}

[data-block] .list_recruit ul li.wanted {
    padding: 10.26vw 0;
    border-bottom: 1px solid var(--color-bdr-black)
}

[data-block] .list_recruit ul li.wanted:last-child {
    border-bottom: none
}

[data-block] .list_recruit ul li.wanted a {
    display: block
}

[data-block] .list_recruit ul li.wanted .cols {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative
}

[data-block] .list_recruit ul li.wanted figure {
    width: 29.03%
}

[data-block] .list_recruit ul li.wanted figure img {
    aspect-ratio: 1/1;
    object-fit: cover
}

[data-block] .list_recruit ul li.wanted .ttl {
    width: 64.52%;
    box-sizing: border-box;
    padding-right: 6.92vw
}

[data-block] .list_recruit ul li.wanted .ttl h4 {
    font-family: RotisSansSerif-ExtraBold;
    font-size: var(--font-list-recruit-h4);
    margin-bottom: 1.03vw
}

[data-block] .list_recruit ul li.wanted .ttl p.ja {
    font-size: var(--font-list-recruit-lead);
    line-height: 1.5;
    margin-bottom: 3.08vw
}

[data-block] .list_recruit ul li.wanted .ttl .tags ul {
    width: auto;
    display: -ms-flexbox;
    display: flex
}

[data-block] .list_recruit ul li.wanted .ttl .tags ul li {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black)
}

[data-block] .list_recruit ul li.wanted .ttl .tags ul li:last-child {
    border-right: 1px solid var(--color-bdr-black)
}

[data-block] .list_recruit ul li.wanted .ttl .tags ul li span {
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-store-tag);
    display: block;
    padding: .77vw 1.28vw
}

[data-block] .list_recruit ul li.wanted i.icon {
    width: 1.79vw;
    height: 3.15vw;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -1.56vw
}

.table_requirements dl {
    width: var(--content-width);
    border-bottom: 1px solid var(--color-grey2);
    margin-bottom: 10.26vw;
    padding-bottom: 10.26vw
}

.table_requirements dl:nth-last-of-type(1) {
    border-bottom: none;
    margin-bottom: 0
}

.table_requirements dl dt,.table_requirements dl dd {
    line-height: 1.5
}

.table_requirements dl dt {
    font-size: 3.08vw;
    margin-bottom: 1.2em
}

.table_requirements dl dd {
    padding-left: 1em;
    font-size: 4.1vw
}

.table_requirements dl dd small {
    font-size: var(--font-requirement-small);
    margin-bottom: .5em;
    display: block
}

.table_requirements dl dd br+small {
    margin-top: 1em
}

.table_requirements dl dd small:nth-last-of-type(1) {
    margin-bottom: 0
}

.box_recruit {
    border: 1px solid var(--color-bdr-black);
    box-sizing: border-box;
    width: var(--block-text-width);
    margin: auto
}

.box_recruit img {
    vertical-align: top;
    width: 100%
}

.box_recruit .col_r {
    box-sizing: border-box;
    padding: 10.26vw 0;
    width: 74.19%;
    margin: auto
}

.box_recruit .col_r h4 {
    font-size: var(--font-ttl-page);
    font-family: RotisSansSerif-ExtraBold;
    margin-bottom: 5.13vw
}

.box_recruit .col_r .lead {
    margin-bottom: 10.26vw
}

.box_recruit .col_r .lead p.ja {
    font-size: var(--font-ttl-lead-ja);
    line-height: 1.8;
    margin-bottom: 2.56vw
}

.box_recruit .col_r .lead p.en {
    font-size: var(--font-ttl-lead-en);
    font-family: RotisSansSerif-Bold;
    line-height: 1.5
}

@media all and (min-width: 768px) {
    [data-page=top] [data-block] .block_col2 {
        display:block
    }

    [data-page=top] [data-block] .block_col2 .col_r {
        width: 100%
    }

    [data-page=top] [data-block] .block_col2 figure {
        width: 100%;
        margin-bottom: 60px
    }

    [data-page=top] [data-block] .block_col2.reverse .col_r {
        width: 100%;
        margin-bottom: 60px
    }

    [data-page=top] [data-block] .block_col2.reverse figure {
        width: 100%
    }

    [data-img-main] {
        padding-bottom: 255px
    }

    [data-img-main] img {
        width: 100%
    }

    [data-img-main] figure {
        width: var(--inner-width);
        margin-left: var(--inner-left)
    }

    [data-img-main] figure img {
        aspect-ratio: 1500/844;
        object-fit: 100% auto
    }

    [data-img-main] .block_txt {
        width: 85.19%;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    [data-img-main] .block_txt .txt {
        width: 100%
    }

    [data-img-main] .block_txt p.ja {
        line-height: 1.8;
        margin-bottom: 10px
    }

    [data-img-main] .block_txt p.en {
        line-height: 1.5
    }

    [data-img-main] .movie+.block_txt,[data-img-main] figure+.block_txt {
        margin-top: 115px
    }

    #shopify-section-recruit-block,[data-block] {
        padding-bottom: 240px
    }

    [data-block] .ttl_h3 {
        margin-bottom: 122px;
    padding-top: 95px;
    }
#gallery [data-block] .ttl_h3 {
    margin-bottom: 40px;
    padding-top: 65px;
}
#gallery .floath3 {
    float: none;
    width: 100%;
	text-align: center;
}
/*    [data-block] .ttl_h3 h3 {
        margin-bottom: 104px
    }
*/
    [data-block] .ttl_h3 .lead {
        width: 100%
    }

    [data-block] .ttl_h3 .lead.w100 {
    width: 75%;
    float: right;
    }

    [data-block] .ttl_h3 .lead p.ja {
        margin-bottom: 8px
    }

    [data-block] .ttl_h3 .lead p.en {
        width: 100%
    }

    [data-block] figure.img_size0 {
        margin-bottom: 4.34%
    }

    [data-block] figure.img_size0 img {
        aspect-ratio: 1500/844
    }

    [data-block] .block_txt {
        width: 92%;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        margin: 0
    }

    [data-block] .block_txt .txt {
        width: 47.83%
    }

    [data-block] .block_txt p.ja {
        font-size: var(--font-img-main-ja);
        line-height: 1.8;
        margin-bottom: 10px
    }

    [data-block] .block_txt p.en {
        font-size: var(--font-img-main-en);
        line-height: 1.5
    }

    [data-block] .img_list+.block_txt {
        margin-top: 40px
    }

    [data-block] .block_txt+.img_list {
        margin-top: 130px
    }

    [data-block] .block_menu .cols {
        width: var(--content-width);
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    [data-block] .block_menu figure {
        width: 47.83%;
        margin-bottom: 0
    }

    [data-block] .block_menu .col_r {
        width: 47.83%
    }

    [data-block] .block_menu .lead p.ja {
        margin-bottom: 10px
    }

    [data-block] .block_menu .list_menu ul li {
        margin-top: 40px
    }

    [data-block] .block_menu .list_menu ul li a {
        padding-bottom: 15px
    }

    [data-block] .block_information {
        width: 85.19%;
        margin: auto
    }

    [data-block] .block_information dl {
        padding: 30px 0;
        display: -ms-flexbox;
        display: flex
    }

    [data-block] .block_information dl dt {
        width: 13.04%;
        margin-bottom: 0
    }

    [data-block] .block_information dl dd {
        width: 86.96%
    }

    [data-block] .block_information dl dd p.note {
        margin-top: 20px
    }

    [data-block] .block_information dl dd p.icon_txt i {
        width: 20px;
        height: 16px
    }

    [data-block] .block_information dl dd p.icon_txt i.wifi svg {
        width: 20px;
        height: 16px
    }

    [data-block] .block_information dl dd p.icon_txt i.connect svg {
        width: 12px;
        height: 16px
    }

    [data-block] .block_information .block_txt {
        width: 100%;
        margin: 30px 0 0
    }

    [data-block] .block_information .block_txt .txt_note {
        width: 85.51%
    }

    [data-block] .block_information .block_txt p {
        font-size: 1.5rem
    }

    [data-block] .block_col2 {
        width: var(--content-width);
        display: -ms-flexbox;
        display: flex;
        align-items:flex-start;
        justify-content: space-between
    }

    [data-block] .block_col2.reverse {
        flex-direction: row-reverse
    }

    [data-block] .block_col2.reverse .col_r {
        margin-bottom: 0
    }

    [data-block] .block_col2.img_size_l figure {
        width: 65.22%
    }

    [data-block] .block_col2.img_size_l .col_r {
        width: 30.43%
    }

    [data-block] .block_col2 figure {
        margin-bottom: 0;
        width: 47.83%
    }

    [data-block] .block_col2 .col_r {
        width: 47.83%
    }

    [data-block] .block_col2 .col_r p.ja {
        margin-bottom: 10px
    }

    [data-block] .block_col2 .col_r p.ja.nowrap {
        white-space: inherit
    }

    [data-block] .block_col2 .wrap_btn {
        margin-top: 55px
    }

    [data-block] .img_list {
        width: var(--content-width)
    }

    [data-block] .img_list ul {
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 4.34%
    }

    [data-block] .img_list ul li {
        width: 47.83%;
        margin-bottom: 4.34%
    }

    [data-block] .img_list ul li:last-child {
        margin-bottom: 0
    }

    [data-block] .img_list ul li img {
        width: 100%;
        vertical-align: top
    }

    [data-block] .list_col2 ul li {
        margin-bottom: 60px;
        padding-bottom: 60px;
        border-bottom: 1px solid var(--color-bdr-black)
    }

    [data-block] .list_col2 ul li:last-child {
        border-bottom: none;
        padding-bottom: 0
    }

    [data-block] .list_col2 ul li .cols {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    [data-block] .list_col2 ul li .col_r {
        width: 73.9%
    }

    [data-block] .list_col2 ul li figure {
        margin-bottom: 0;
        width: 21.73%
    }

    [data-block] .list_col2 ul li h4 {
        margin-bottom: 15px
    }

    [data-block] .list_col2 ul li .txt p.ja {
        margin-bottom: 10px
    }

    [data-block] .list_col2 ul li .txt .align_r {
        margin-top: 30px
    }

    [data-block] [data-slideshow] {
        position: relative;
        overflow: hidden;
        width: 100%
    }

    [data-block] [data-slideshow] ul {
        gap: 0%;
        padding-left: 7.4%;
        box-sizing: border-box;
overflow: hidden;
        scroll-snap-type: inherit;
        padding-bottom: 0
    }

    [data-block] [data-slideshow] ul li[data-slide] {
        margin-bottom: 0;
        width: 28%;
        margin-right: 4%
    }

    [data-block] [data-slideshow] ul li[data-slide]:first-child {
        margin-left: 0
    }

    [data-block] [data-slideshow] ul li[data-slide]:last-child {
        margin-right: 0;
        display: block
    }

    [data-block] [data-slideshow] ul li[data-slide]:last-child:after {
        display: none
    }

    [data-block] [data-slideshow] ul li[data-slide] figure {
        margin-bottom: 30px
    }

    [data-block] [data-slideshow] ul li[data-slide] h3 {
        margin-bottom: 15px
    }

    [data-block] [data-slideshow] ul li[data-slide] .lead {
        margin-bottom: 25px
    }

    [data-block] [data-slideshow] ul li[data-slide] .lead p.ja {
        margin-bottom: 10px;
        margin-top: 0
    }

    [data-block] [data-slideshow] ul li[data-slide] .lead p.en {
        margin-top: 0
    }

    [data-block] [data-slideshow] ul li[data-slide] .tags ul li span {
        padding: 3px 5px
    }

    [data-block] [data-slideshow] ul li[data-slide] p {
        margin-top: 10px
    }

    [data-block] [data-slideshow] ul li[data-slide] p.price {
        margin-top: 16px
    }

    [data-block] [data-slideshow].list_components ul li[data-slide] {
        width: 44%;
        margin-right: 4.34%
    }

    [data-block] [data-slideshow].list_components ul li[data-slide]:last-child {
        margin-right: 0
    }

    [data-block] [data-slideshow] a.btn_prev,[data-block] [data-slideshow] a.btn_next {
        display: block;
        width: 5.55%;
        height: 0;
        padding-bottom: 5.55%;
        background: #000;
        position: absolute;
        top: 50%;
        margin-top: -45px
    }

    [data-block] [data-slideshow] a.btn_prev i,[data-block] [data-slideshow] a.btn_prev svg,[data-block] [data-slideshow] a.btn_next i,[data-block] [data-slideshow] a.btn_next svg {
        width: 12px;
        height: 20px
    }

    [data-block] [data-slideshow] a.btn_prev i,[data-block] [data-slideshow] a.btn_next i {
        width: 13.33%;
        height: 0px;
        padding-bottom: 22.22%;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -11.11% 0 0 -6.665%
    }

    [data-block] [data-slideshow] a.btn_prev i svg,[data-block] [data-slideshow] a.btn_next i svg {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        position: absolute;
        vertical-align: top
    }

    [data-block] [data-slideshow] a.btn_prev.disable,[data-block] [data-slideshow] a.btn_next.disable {
        display: none
    }

    [data-block] [data-slideshow] a.btn_next {
        right: 0px
    }

    [data-block] [data-slideshow] [data-slide-wrap] {
        -webkit-transition: transform .5s ease;
        transition: transform .5s ease
    }

    [data-block] [data-slideshow].noslide ul {
        width: 85.18%;
        margin: auto;
        overflow: visible;
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 0;
        padding-left: 0
    }

    [data-block] [data-slideshow].noslide ul li[data-slide] {
        flex-shrink: inherit;
        width: 30.43%;
        margin: 0;
        margin-bottom: 3.87vw;
        margin-right: 4.34%
    }

    [data-block] [data-slideshow].noslide ul li[data-slide]:first-child {
        margin: 0 4.34% 0 0
    }

    [data-block] [data-slideshow].noslide ul li[data-slide]:nth-child(3n) {
        margin-right: 0
    }

    [data-block] [data-slideshow].noslide ul li[data-slide]:last-child {
        padding: 0
    }

    [data-block] [data-slideshow].noslide ul li[data-slide]:last-child:after {
        display: none;
    }

    [data-block] .list_shop {
        position: relative;
/*		margin-bottom: 210px;*/
    }

    [data-block] .list_shop ul {
        padding-left: 7.4%;
        box-sizing: border-box;
    overflow-x: visible;
        scroll-snap-type: inherit;
    }

    [data-block] .list_shop ul li.store {
        margin-bottom: 0;
          width: 23.7%;
        margin-left: 0;
    }

    [data-block] .list_shop ul li.store:first-child {
        margin-left: 0;
    }

    [data-block] .list_shop ul li.store:last-child {
        margin-right: 0;
    }
	[data-block] .list_shop ul li.store figure {
    margin-bottom: 10px;
}

    #home [data-block] .list_shop ul li.store figure {
    margin-bottom: 10px;
    /* width: 270px; */
    overflow: hidden;
    height: 380px;
    }
	#home [data-block] .list_shop ul li.store figure img {
    width: auto;
    vertical-align: top;
    height: 100%;
}
#home [data-block] .list_shop ul {
/*		    width: 82%;*/
	    margin-bottom: 85px;
    }
    [data-block] .list_shop ul li.store h3 {
        margin-bottom: 15px;
    }

    [data-block] .list_shop ul li.store .lead {
        margin-bottom: 25px;
    }

    [data-block] .list_shop ul li.store .lead p.ja {
    margin-bottom: 10px;
    font-size: 1.4rem;
    }

    [data-block] .list_shop ul li.store .tags ul li span {
        padding: 3px 5px;
    }

    [data-block] .list_products {
        width: 100%;
    }

    [data-block] .list_products ul {
        overflow: visible;
    }

    [data-block] .list_products ul li {
        margin-left: 0;
    }

    [data-block] .list_catering_menu {
        width: var(--content-width)
    }

    [data-block] .list_catering_menu ul {
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    [data-block] .list_catering_menu ul li {
        width: 47.83%;
        margin-right: 4.34%;
        margin-bottom: 8.7%
    }

    [data-block] .list_catering_menu ul li:nth-child(2n) {
        margin-right: 0
    }

    [data-block] .list_catering_menu ul li figure {
        margin-bottom: 30px
    }

    [data-block] .list_catering_menu ul li .cols {
        width: 100%;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    [data-block] .list_catering_menu ul li .ttl,[data-block] .list_catering_menu ul li .description {
        width: 45.45%
    }

    [data-block] .list_catering_menu ul li h4 {
        margin-bottom: 10px
    }

    [data-block] .list_catering_menu ul li .price {
        text-align: left;
        margin-top: 20px
    }

    [data-block] .list_catering_menu ul li .description {
        margin-top: 0
    }

    [data-block] .list_catering_menu ul li .description p.ja {
        margin-bottom: 10px
    }

    [data-block] .list_recruit {
        width: var(--content-width)
    }

    [data-block] .list_recruit ul li.wanted {
        padding: 30px 0
    }

    [data-block] .list_recruit ul li.wanted:last-child {
        border-bottom: none
    }

    [data-block] .list_recruit ul li.wanted .cols {
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative
    }

    [data-block] .list_recruit ul li.wanted figure {
        width: 21.74%
    }

    [data-block] .list_recruit ul li.wanted figure img {
        aspect-ratio: 300/225
    }

    [data-block] .list_recruit ul li.wanted .ttl {
        width: 73.91%;
        padding-right: 27px
    }

    [data-block] .list_recruit ul li.wanted .ttl h4 {
        margin-bottom: 15px
    }

    [data-block] .list_recruit ul li.wanted .ttl p.ja {
        margin-bottom: 25px
    }

    [data-block] .list_recruit ul li.wanted .ttl .tags ul li span {
        padding: 3px 5px
    }

    [data-block] .list_recruit ul li.wanted i.icon {
        width: 11.4px;
        height: 20px;
        margin-top: -10px
    }

    .table_requirements dl {
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .table_requirements dl dt {
        width: 21.74%;
        font-size: 1.4rem
    }

    .table_requirements dl dd {
        width: 73.91%;
        font-size: 1.4rem
    }

    .table_requirements dl dt {
        margin-bottom: 10px
    }

    .box_recruit {
        width: 85.18%;
        margin: auto
    }

    .box_recruit .cols {
        width: 82.6%;
        margin: auto;
        padding: 120px 0;
        display: -ms-flexbox;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row-reverse
    }

    .box_recruit .img_recruit_kv {
        width: 47.36%
    }

    .box_recruit .col_r {
        width: 42.01%;
        padding: 0;
        margin: 0
    }

    .box_recruit .col_r h4,.box_recruit .col_r .lead {
        margin-bottom: 60px
    }

    .box_recruit .col_r .lead p.ja {
        margin-bottom: 10px
    }

    .box_recruit .col_r .lead p.ja br.sp {
        display: none
    }
}

@media all and (min-width: 960px) {
    [data-page=top] [data-block] .block_col2 {
        display:-ms-flexbox;
        display: flex
    }

    [data-page=top] [data-block] .block_col2 .col_r {
        width: 30.43%;
        margin-bottom: 0
    }

    [data-page=top] [data-block] .block_col2 figure {
        width: 65.22%
    }

    [data-page=top] [data-block] .block_col2.reverse .col_r {
    width: 36.6%;
        margin-bottom: 0
    }

    [data-page=top] [data-block] .block_col2.reverse figure {
    width: 54.8%;
        margin-bottom: 0
    }

    [data-block] .ttl_h3 .lead,[data-img-main] .block_txt .txt {
        width: 47.83%
    }
}

#drawer {
    pointer-events: none;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    transition-delay: .5s;
    -moz-transition-delay: .5s;
    -webkit-transition-delay: .5s
}

#drawer .drawer_content {
    -webkit-transition: transform .5s ease;
    transition: transform .5s ease;
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0)
}

.show_drawer {
    overflow: hidden
}

.show_drawer #drawer {
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0);
    pointer-events: auto;
    transition-delay: 0s;
    -moz-transition-delay: 0s;
    -webkit-transition-delay: 0s
}

.show_drawer #drawer .drawer_content {
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0)
}

#drawer {
    position: fixed;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 20
}

#drawer.open {
    right: initial;
    left: 0;
}

#drawer .drawer_inner,#drawer #bg_delivery {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px
}

#drawer .drawer_content {
    width: 100%;
    right: 0px;
    position: absolute;
    height: 100%;
    overflow: auto;
    background: #fff
}

#drawer .drawer_content_inner {
    width: var(--block-text-width);
    margin: auto;
    padding: 10.26vw 0 17.95vw
}

#drawer .ttl {
    margin-bottom: 7.69vw
}

#drawer .ttl h5 {
    font-size: var(--font-20-21)
}

#drawer p {
    font-size: var(--font-12-14);
    line-height: 1.8
}

#drawer p.note {
    font-size: var(--font-12-14);
    margin-bottom: 8.21vw
}

#drawer table tr:nth-last-of-type(1) td {
    border: none
}

#drawer table tr td {
    padding: 2.56vw 0;
    font-size: var(--font-16-17);
    border-bottom: 1px solid var(--color-grey2);
    box-sizing: border-box
}

#drawer table tr td:nth-of-type(1) {
    width: 64.5%;
    line-height: 1.8
}

#drawer table tr td:nth-of-type(2) {
    width: 35.5%;
    text-align: right;
    line-height: 1.6
}

#drawer .btn_close_wrap {
    position: sticky;
    width: var(--block-text-width);
    margin: auto;
    top: 0px;
    padding-top: 7.69vw;
    text-align: right
}

#drawer a#btn_close_drawer {
    display: inline-block;
    top: 0;
    font-size: 4.62vw
}

#drawer a#btn_close_drawer span {
    font-family: RotisSansSerif-ExtraBold
}

@media all and (min-width: 768px) {
    #drawer #bg_delivery {
        background:none
    }

    #drawer .drawer_content {
        width: 760px;
        background: #fff
    }

    #drawer .drawer_content_inner {
        width: 520px;
        padding: 48px 0 120px
    }

    #drawer .ttl {
        margin-bottom: 50px
    }

    #drawer p.note {
        margin-bottom: 60px
    }

    #drawer table tr td {
        padding: 10px 0
    }

    #drawer table tr td:nth-of-type(1) {
        width: 77%
    }

    #drawer table tr td:nth-of-type(2) {
        width: 23%
    }

    #drawer .btn_close_wrap {
        width: 520px;
        top: 0px;
        padding-top: 42px
    }

    #drawer a#btn_close_drawer {
        font-size: 2rem
    }
}

[data-page=top] .wrap_more {
    width: var(--block-text-width);
    margin: auto;
    margin-top: 20.51vw
}

[data-page=top] .wrap_more .more,[data-page=top] a.btn_line {
    display: inline-block
}

[data-page=top] #main_kv {
    width: 100%;
    height: 100vh;
    min-height: 100svh;
    margin-bottom: 41.03vw
}

[data-page=top] #main_kv .section_inner {
    width: 100%;
    height: 100vh;
    min-height: 100svh
}

[data-page=top] #main_kv #main_kv_content {
    position: sticky;
    width: 100%;
    height: 100vh;
    min-height: 100svh;
    top: 0px;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
/*    background: #adadaf*/
}

[data-page=top] #main_kv .img_kv,[data-page=top] #main_kv .movie {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    overflow: hidden
}

[data-page=top] #main_kv img {
    width: 100vw;
    height: 100vh;
    object-fit: cover
}

[data-page=top] #main_kv video#kv_video_pc {
    display: none
}

[data-page=top] #main_kv video {
    width: 100%;
    aspect-ratio: 780/1492
}

[data-page=top] #main_kv h2 {
    font-size: var(--font-main-h2);
    line-height: 1.8;
    font-family: "A+EqpB-\6e38\30b4\30b7\30c3\30af\4f53  Pr6N D"
}

[data-page=top] #main_kv p.en {
    line-height: 1.5;
    margin-top: 5.13vw;
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-main-en)
}

[data-page=top] #main_kv .img_kv {
    clip-path: inset(0);
    -webkit-transition: clip-path .6s ease;
    transition: clip-path .6s ease
}

/*[data-page=top] #main_kv h2,[data-page=top] #main_kv p {
    color: #fff;
    -webkit-transition: color .6s ease;
    transition: color .6s ease
}*/

[data-page=top] #main_kv .content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2
}

[data-page=top] #main_kv .content .txt_content {
    width: 79.49%;
    position: absolute;
    left: 10.26vw;
    top: 53.85vh
}

[data-page=top] #main_kv .content .wrap_btn {
    margin-top: 10.26vw
}

[data-page=top] #main_kv .content .wrap_btn a {
    color: #fff;
    border-color: #fff
}

[data-page=top] #main_kv.cropped .wrap_btn {
    opacity: 1;
    height: auto;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0px,0);
    transform: translateZ(0)
}

[data-page=top] [data-block-id=catering] .block_col2.img_size_l .col_r p.ja {
    font-size: var(--font-20-26)
}

[data-page=top] #fixed_bottom_nav {
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

.scrolled [data-page=top] #fixed_bottom_nav {
    -webkit-transform: translate3d(0,0%,0);
    transform: translateZ(0)
}
a#btn_menu span.kasou {
    color: #000
}


@media all and (min-width: 768px) {
    [data-page=top] .wrap_more {
        width:var(--inner-width);
        margin-left: var(--inner-left);
    margin-top: 0px;
    }

    [data-page=top] .wrap_more .more {
        width: var(--content-width);
        margin: auto
    }

    [data-page=top] #main_kv {
        margin-bottom: 240px
    }

    [data-page=top] #main_kv video#kv_video_sp {
        display: none
    }

    [data-page=top] #main_kv video#kv_video_pc {
        display: block
    }

    [data-page=top] #main_kv video {
        position: absolute;
        width: 177.77777778vh;
        height: 56.25vw;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    [data-page=top] #main_kv .content {
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center
    }

    [data-page=top] #main_kv .content .txt_content {
        width: 85.19%;
        position: relative;
        left: auto;
    top: -5vh;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

/*    [data-page=top] #main_kv .content .txt_content_inner {
        width: 420px;
        position: relative
    }

    [data-page=top] #main_kv .content .txt_content_inner .wrap_btn {
        width: 100%;
        position: absolute;
        top: 120px;
        left: 0px
    }
*/
    [data-page=top] #main_kv .content p.en {
        margin-top: 18px
    }

    [data-page=top] [data-block-id=about] {
        padding-bottom: 120px
    }

    [data-page=top] [data-block-id=store] {
        margin-top: 120px
    }
}

@media all and (min-width: 1440px) {
    [data-page=top] .wrap_more {
        width:var(--inner-width);
        margin-left: var(--inner-left);
        margin-top: 122px
    }

    [data-page=top] .wrap_more .more {
        width: var(--content-width);
        margin: auto
    }

    [data-page=top] #main_kv {
        margin-bottom: 240px
    }

    [data-page=top] #main_kv video#kv_video_sp {
        display: none
    }

    [data-page=top] #main_kv video#kv_video_pc {
        display: block
    }

    [data-page=top] #main_kv video {
        position: absolute;
        width: 177.77777778vh;
        height: 56.25vw;
        min-height: 100%;
        min-width: 100%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0)
    }

    [data-page=top] #main_kv .content {
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center
    }

    [data-page=top] #main_kv .content .txt_content {
        width: 85.19%;
        position: relative;
        left: auto;
        top: auto;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end
    }

    [data-page=top] #main_kv .content .txt_content_inner {
        width: 30.43%;
        position: relative
    }

    [data-page=top] #main_kv .content .txt_content_inner .wrap_btn {
        width: 100%;
        position: absolute;
        top: 120px;
        left: 0px
    }

    [data-page=top] #main_kv .content p.en {
        margin-top: 18px
    }

    [data-page=top] [data-block-id=about] {
        padding-bottom: 120px
    }

    [data-page=top] [data-block-id=store] {
        margin-top: 120px
    }
}

[data-page=catering-form] .form_content {
    padding-bottom: 41.03vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .form_content {
    position: relative;
    padding-bottom: 41.03vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .form_content_inner {
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact_cols {
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact_cols h3 {
    font-size: var(--font-form-title);
    margin-bottom: 10.26vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .form_notes {
    width: var(--block-text-width);
    margin: auto;
    text-align: right;
    padding-bottom: 5.13vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .form_notes p {
    font-size: var(--font-form-note)
}

:is([data-page=contact-form],[data-page=recruit-form]) .form_notes p span span {
    font-size: 4.1vw;
    position: relative;
    top: .3em
}

:is([data-page=contact-form],[data-page=recruit-form]) dl dt {
    margin-bottom: 10.26vw
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button {
    position: relative
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(255,255,255,.2)
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button button {
    pointer-events: none
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button.active:after {
    display: none
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button.active button {
    pointer-events: auto
}

:is([data-page=contact-form],[data-page=recruit-form]) #check_agree {
    margin-bottom: 10.26vw
}

:is([data-page=contact-form],[data-page=recruit-form]) #check_agree label {
    justify-content: flex-start
}

:is([data-page=contact-form],[data-page=recruit-form]) #check_agree span {
    font-size: var(--font-form-note)
}

:is([data-page=contact-form],[data-page=recruit-form]) #check_agree span a {
    text-decoration: underline
}

:is([data-page=contact-form],[data-page=recruit-form]) .contact__button {
    width: var(--content-width)
}

:is([data-page=contact-form],[data-page=recruit-form]) #complete {
    display: none
}

:is([data-page=contact-form],[data-page=recruit-form]) #complete p.ja {
    font-size: 5.13vw;
    line-height: 1.8;
    margin-bottom: 5.13vw
}

:is([data-page=contact-form],[data-page=recruit-form]) #complete p.en {
    font-size: 3.08vw;
    line-height: 1.5
}

:is([data-page=contact-form],[data-page=recruit-form]) #complete br {
    display: none
}

:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] #complete {
    display: block
}

:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] .contact_cols,:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] .form_notes,:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] .recruit_cols,:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] dl {
    display: none
}

:is([data-page=contact-form],[data-page=recruit-form]) [data-status=show_complete] .form_content_inner {
    border: none;
    padding-top: 0
}

@media all and (min-width: 768px) {
    [data-page=catering-form] .form_content {
        padding-bottom:180px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_content {
        padding-bottom: 180px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_content dl {
        width: 92%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_content dl dt {
        width: 21.74%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_content dl dd {
        width: 73.91%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) dl dt {
        margin-bottom: 0
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_content_inner {
        padding-top: 60px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .contact_cols {
        padding-top: 60px;
        margin-top: 60px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .contact_cols h3 {
        margin-bottom: 0;
        width: 21.74%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .contact_cols .cols {
        width: 92%;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .contact_cols .contact_col_r {
        width: 73.91%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_notes {
        width: 85.19%;
        padding-bottom: 30px;
        justify-content: flex-end;
        display: -ms-flexbox;
        display: flex
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_notes p {
        width: 73.91%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .form_notes p span span {
        font-size: 1.6rem;
        top: .3em
    }

    :is([data-page=contact-form],[data-page=recruit-form]) #check_agree {
        margin-bottom: 60px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) .contact__button {
        width: 100%
    }

    :is([data-page=contact-form],[data-page=recruit-form]) #complete p.ja {
        font-size: 2.6rem;
        margin-bottom: 10px
    }

    :is([data-page=contact-form],[data-page=recruit-form]) #complete p.en {
        font-size: 1.2rem
    }

    :is([data-page=contact-form],[data-page=recruit-form]) #complete br {
        display: block
    }

    [data-page=recruit-form] .form_content #howto_pickup dl dt {
        width: 29.41%
    }

    [data-page=recruit-form] .form_content #howto_pickup dl dd {
        width: 64.71%
    }
}

.info_content {
    width: var(--block-text-width);
    margin: auto;
    padding-bottom: 41.03vw
}

.info_content table {
    width: 100%
}

.info_content table tr {
    border-bottom: 1px solid var(--color-bdr)
}

.info_content table tr td {
    display: block;
    box-sizing: border-box;
    font-size: var(--font-info-td);
    line-height: var(--line-height);
    padding: 1.28vw 0
}

.info_content table tr td {
    width: 100%;
    box-sizing: border-box
}

.info_content table tr td:nth-of-type(1) {
    padding-top: 10.26vw
}

.info_content table tr td:nth-of-type(2) {
    padding-left: 1em;
    font-size: 4.1vw;
    line-height: 1.8;
    padding-bottom: 10.26vw
}

.info_content table tr:nth-last-of-type(1) {
    border: none
}

[data-page=legal-notice] .ttl_page .ttl_page_inner,[data-page=privacy-policy] .ttl_page .ttl_page_inner,[data-page=company] .ttl_page .ttl_page_inner,[data-page=contact-form] .ttl_page .ttl_page_inner,[data-page=recruit-form] .ttl_page .ttl_page_inner,[data-page=catering-form] .ttl_page .ttl_page_inner {
    border-color: #adadaf
}

[data-page=privacy-policy] h2 {
    font-size: var(--font-privacy-h2);
    line-height: 1.5
}

[data-page=privacy-policy] h3 {
    font-size: var(--font-privacy-h3);
    line-height: var(--line-height);
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw
}

[data-page=privacy-policy] p,[data-page=privacy-policy] li {
    font-size: var(--font-privacy-text)
}

[data-page=privacy-policy] p,[data-page=privacy-policy] li {
    line-height: var(--line-height18)
}

[data-page=privacy-policy] h3 {
    margin-top: 10.26vw;
    margin-bottom: 1em
}

[data-page=privacy-policy] p {
    margin-bottom: 1em
}

[data-page=privacy-policy] ol {
    padding-left: 1.2em
}

[data-page=privacy-policy] ol li {
    list-style: decimal
}

[data-page=privacy-policy] ol ul {
    padding-left: 1.2em
}

[data-page=privacy-policy] ol ul li {
    list-style: lower-latin
}

@media all and (min-width: 768px) {
    .info_content {
        width:85.19%;
        padding-bottom: 240px
    }

    .info_content table tr {
        border-bottom: 1px solid var(--color-bdr)
    }

    .info_content table tr td {
        display: table-cell;
        box-sizing: border-box;
        font-size: var(--font-info-td);
        line-height: var(--line-height);
        padding: 1.28vw 0
    }

    .info_content table tr td {
        width: 100%;
        box-sizing: border-box
    }

    .info_content table tr td:nth-of-type(1) {
        width: 26.09%;
        padding: 30px 4.35% 30px 0
    }

    .info_content table tr td:nth-of-type(2) {
        width: 73.91%;
        padding: 30px 0;
        font-size: 1.4rem
    }

    [data-page=privacy-policy] h3 {
        padding-top: 60px
    }

    [data-page=privacy-policy] p,[data-page=privacy-policy] li {
        font-size: var(--font-privacy-text)
    }

    [data-page=privacy-policy] p,[data-page=privacy-policy] li {
        line-height: var(--line-height18)
    }

    [data-page=privacy-policy] h3 {
        margin-top: 60px;
        margin-bottom: 60px
    }

    [data-page=privacy-policy] p {
        margin-bottom: 1em
    }

    [data-page=privacy-policy] ol {
        padding-left: 1.2em
    }

    [data-page=privacy-policy] ol li {
        list-style: decimal
    }

    [data-page=privacy-policy] ol ul {
        padding-left: 1.2em
    }

    [data-page=privacy-policy] ol ul li {
        list-style: lower-latin
    }
}

[data-page=recruit_form] .block_label {
    display: none!important
}

[data-page=recruit_form] .form_content {
    position: relative;
    padding-bottom: 41.03vw
}

[data-page=recruit] .ttl_h3 .lead p.ja {
    font-size: var(--font-16-17)
}

.recruit_accordion {
    margin-top: 15.38vw;
    margin-bottom: 17.95vw;
    border: 1px solid var(--color-bdr-black)
}

.recruit_accordion a.btn_accordion {
    display: block;
    width: 100%;
    box-sizing: border-box;
    position: relative
}

.recruit_accordion a.btn_accordion .inr {
    padding: 5.13vw 0
}

.recruit_accordion a.btn_accordion .inr span {
    font-size: 4.1vw;
    display: block;
    text-align: center
}

.recruit_accordion a.btn_accordion i.icon {
    width: 3.85vw;
    height: 2.19vw;
    position: absolute;
    right: 5.13vw;
    top: 50%;
    margin-top: -1.08vw;
    -webkit-transition: transform .2s ease;
    transition: transform .2s ease
}

.recruit_accordion a.btn_accordion.open i.icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.recruit_accordion .content_accordion .content_accordion_inner {
    height: 0px;
    overflow: hidden;
    -webkit-transition: height .5s ease;
    transition: height .5s ease
}

.recruit_accordion .content_accordion .content_accordion_inner dl {
    width: 87.1%;
    margin: auto;
    padding: 5.13vw 0
}

.recruit_accordion .content_accordion .content_accordion_inner dl dt {
    margin-bottom: 2.56vw
}

.link_apply {
    width: var(--content-width)
}

.table_requirements+.link_apply {
    margin-top: 5.13vw
}

.list_recruit+.link_apply {
    margin-top: 10.26vw
}

.recruit_cols h3 {
    font-size: var(--font-step-h2);
    width: var(--content-width);
    line-height: 1.5;
    margin-bottom: 10.26vw
}

.recruit_cols .notes {
    width: var(--content-width);
    margin-bottom: 10.26vw
}

.recruit_cols .notes p {
    font-size: var(--font-form-note);
    line-height: 1.5
}

.recruit_cols .cols.bdr {
    border-bottom: 1px solid var(--color-bdr-black);
    margin-bottom: 10.26vw;
    padding-bottom: 5.13vw
}

.recruit_cols .form_checkbox,.recruit_cols .form_radio {
    border: none;
    padding-bottom: 0
}

.recruit_cols .form_textarea.form_item.require {
    padding-bottom: 0
}

.recruit_cols .form_textarea.form_item.require .input:after {
    top: .3em;
    margin: 0
}

.recruit_cols .form_checkbox.require ul.checkbox_selector {
    position: relative
}

.recruit_cols .form_checkbox.require ul.checkbox_selector:after {
    content: "";
    width: 2.56vw;
    height: 2.56vw;
    background: #000;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 0%;
    right: 0%;
    margin: 0 0 0 -1.28vw
}

.recruit_cols .checkbox_selector li {
    margin-bottom: 2.56vw
}

.recruit_cols .checkbox_selector li:last-child {
    margin-bottom: 0
}

.recruit_cols .checkbox_selector span {
    font-size: var(--font-form-select);
    line-height: var(--line-height)
}

.recruit_cols .radio_selector li {
    margin-bottom: 2.56vw
}

.recruit_cols .radio_selector li:last-child {
    margin-bottom: 0
}

.recruit_cols .checkbox_selector.flex {
    display: -moz-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.recruit_cols .checkbox_selector.flex li {
    width: 50%
}

.recruit_cols .contact__button button.btn_submit span {
    padding: 2.31vw 0
}

@media all and (min-width: 768px) {
    .recruit_accordion {
        margin-top:100px;
        margin-bottom: 140px
    }

    .recruit_accordion a.btn_accordion .inr {
        padding: 30px 0
    }

    .recruit_accordion a.btn_accordion .inr span {
        font-size: 1.7rem
    }

    .recruit_accordion a.btn_accordion i.icon {
        width: 15px;
        height: 8.55px;
        position: absolute;
        right: 4.34%;
        margin-top: -4.25px
    }

    .recruit_accordion .content_accordion .content_accordion_inner dl {
        width: 91.3%;
        padding: 30px 0
    }

    .recruit_accordion .content_accordion .content_accordion_inner dl dt {
        margin-bottom: 0
    }

    .form_content_inner {
        width: var(--content-width)
    }

    .table_requirements+.link_apply {
        margin-top: 90px
    }

    .list_recruit+.link_apply {
        margin-top: 120px
    }

    .recruit_cols h3 {
        line-height: 1.5;
        margin-bottom: 0
    }

    .recruit_cols .notes {
        width: var(--content-width);
        margin-bottom: 60px
    }

    .recruit_cols .cols {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        justify-content: space-between
    }

    .recruit_cols .cols h3 {
        width: 26.09%;
        box-sizing: border-box;
        padding-right: 4.35%
    }

    .recruit_cols .cols .contact_col_r {
        width: 73.91%
    }

    .recruit_cols .cols.bdr {
        margin-bottom: 60px;
        padding-bottom: 40px
    }

    .recruit_cols .form_checkbox,.recruit_cols .form_radio {
        border: none;
        padding-bottom: 0
    }

    .recruit_cols .form_textarea.form_item.require {
        padding-bottom: 0
    }

    .recruit_cols .form_textarea.form_item.require .input:after {
        top: .3em;
        margin: 0
    }

    .recruit_cols .form_checkbox.require ul.checkbox_selector:after {
        width: 6px;
        height: 6px
    }

    .recruit_cols .checkbox_selector li {
        margin-bottom: 20px
    }

    .recruit_cols .checkbox_selector li:last-child {
        margin-bottom: 0
    }

    .recruit_cols .radio_selector li {
        margin-bottom: 20px
    }

    .recruit_cols .radio_selector li:last-child {
        margin-bottom: 0
    }

    .recruit_cols .checkbox_selector.flex li {
        width: 50%
    }

    .recruit_cols .flex_pc {
        display: -moz-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .recruit_cols .flex_pc li {
        width: 33.33%
    }

    .recruit_cols .select {
        width: 100px;
        position: relative;
        top: 5px
    }

    .recruit_cols .select select {
        width: 100%
    }

    .recruit_cols .contact__button button.btn_submit span {
        padding: 12px 0
    }

    .recruit_cols .content_r {
        width: 73.91%;
        margin-left: 26.09%
    }
}

[data-page=store] [data-img-main] {
    width: 100%
}

[data-page=store] [data-img-main] .movie {
    position: relative;
    width: 100%;
    margin-left: 0;
    overflow: hidden
}

[data-page=store] [data-img-main] .movie figure {
    width: 100%;
    margin: 0
}

[data-page=store] [data-img-main] video#kv_video_pc {
    display: none
}

[data-page=store] [data-img-main] video {
    width: 100%;
    aspect-ratio: 390/750
}

@media all and (min-width: 768px) {
    [data-page=store] [data-img-main] {
        width:100%
    }

    [data-page=store] [data-img-main] .movie {
        position: relative;
        width: var(--inner-width);
        margin-left: var(--inner-left);
        overflow: hidden
    }

    [data-page=store] [data-img-main] .movie figure {
        width: 100%;
        margin: 0
    }

    [data-page=store] [data-img-main] video#kv_video_sp {
        display: none
    }

    [data-page=store] [data-img-main] video#kv_video_pc {
        display: block
    }

    [data-page=store] [data-img-main] video {
        aspect-ratio: 1500/844
    }
}

nav#glbnav {
    -webkit-transform: translate3d(100%,0,0);
    transform: translate3d(100%,0,0);
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease
}

.nav_cart {
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity .3s ease;
    transition: opacity .3s ease
}

#fixed_bottom_nav {
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease
}

.menu #bg_nav {
    display: block;
}

.menu a#btn_menu span.txt_menu {
    display: none;
}

.menu a#btn_menu span.txt_close {
    display: block;
	    color: #222;
}

.menu .nav_cart {
    opacity: 1;
    pointer-events: auto;
    transition-delay: .3s;
    -moz-transition-delay: .3s;
    -webkit-transition-delay: .3s
}

.menu nav#glbnav {
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0)
}

.menu #nav_link_page,.menu #nav_store {
    -webkit-transition: transform .4s ease;
    transition: transform .4s ease
}

.menu #fixed_bottom_nav {
    transform: translate3d(0,100%,0)!important
}

.menu.hide_ui header#global_header h1 {
    -webkit-transform: translate3d(0,0%,0);
    transform: translateZ(0)
}

.menu.hide_ui a#btn_menu,.menu.hide_ui .btn_fixed_reserve {
    -webkit-transform: translate3d(0,0%,0);
    transform: translateZ(0)
}

.menu [data-page-type=top] a#btn_menu {
    color: #000
}

.reserve nav#glbnav #nav_link_page {
    -webkit-transform: translate3d(-120%,0,0);
    transform: translate3d(-120%,0,0)
}

.reserve nav#glbnav #nav_store {
    -webkit-transform: translate3d(0,0,0);
    transform: translateZ(0)
}

.reserve #wrap_btn_reserve,.reserve #fixed_bottom_nav {
    transform: translate3d(0,100%,0)!important
}

#nav_store {
    -webkit-transition: transform 0s ease;
    transition: transform 0s ease
}

header#global_header h1,a#btn_menu,#wrap_btn_reserve {
    -webkit-transition: transform .3s ease;
    transition: transform .3s ease
}

.hide_ui header#global_header h1 {
    -webkit-transform: translate3d(0,-200%,0);
    transform: translate3d(0,-200%,0)
}

.hide_ui a#btn_menu {
    -webkit-transform: translate3d(0,-250%,0);
    transform: translate3d(0,-250%,0)
}

.hide_ui #fixed_bottom_nav {
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0)
}

@media all and (min-width: 960px) {
    a#btn_menu {
        -webkit-transition:transform .3s ease 0s,opacity .15s linear 0s;
        transition: transform .3s ease 0s,opacity .15s linear 0s
    }

    a#btn_menu:hover {
        opacity: .5;
        -webkit-transition: transform .3s ease 0s,opacity 0s linear 0s;
        transition: transform .3s ease 0s,opacity 0s linear 0s
    }

    a.btn_link,a.btn_line,a.txt_link {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    a.btn_link:hover,a.btn_line:hover,a.txt_link:hover {
        opacity: .5;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }

    [data-slide] a,li.store a,li.wanted a {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    [data-slide] a:hover,li.store a:hover,li.wanted a:hover {
        opacity: .8;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }

    .nav_main ul li a,.nav_side ul li a,.nav_info ul li a,.nav_sns ul li a,.page_scroll_nav ul li a,.list_menu ul li a {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    .nav_main ul li a:hover,.nav_side ul li a:hover,.nav_info ul li a:hover,.nav_sns ul li a:hover,.page_scroll_nav ul li a:hover,.list_menu ul li a:hover {
        opacity: .5;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }

    [data-slideshow] a.btn_prev,[data-slideshow] a.btn_next {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    [data-slideshow] a.btn_prev:hover,[data-slideshow] a.btn_next:hover {
        opacity: .8;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }

    .block_information dl dd a {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    .block_information dl dd a:hover {
        opacity: .5;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }

    form .btn_submit,form a.btn.next {
        -webkit-transition: opacity .15s linear;
        transition: opacity .15s linear
    }

    form .btn_submit:hover,form a.btn.next:hover {
        opacity: .5;
        -webkit-transition: opacity 0s linear;
        transition: opacity 0s linear
    }
}

/*# sourceMappingURL=/cdn/shop/t/13/assets/style.css.map?v=32528943094131679901666671401 */


h1 .img_logo{
width: 135px;
}
.img15 {
/*        display: block;
    position: absolute;
    top: 7.19202468549727%;
    left: 42.5833333333333%;*/
    width:181px!important;
    height:auto!important;
}
.img17 {
        display: block;
/*    position: absolute;
    top: 9.73178257773558%;
    left: 42.1666666666667%;*/
    width:191px!important;
    height:auto!important;
}
h2{
    width: 181px;
    height: 85px;
    display: block;
    position: absolute;
    top: 7.19202468549727%;
    left: 42.5833333333333%;
}

.catch_p {
display: block;
 position: absolute;
    top: 100px;
    left: 42.1666666666667%;
    width:191px!important;
    height:auto!important;
}
.fs1 {
    font-family: "Charter-Bold"!important;
}
.ts2 {
    color: rgb(35,24,21);
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.785714285714;
    letter-spacing: 0.18em;
    margin-top: -0.428571428571em;
    padding-bottom: 35px;
}
.fs2 {
    font-family: "HiraMinPro-W3",serif;
}
.ts3 {
    color: rgb(35,24,21);
    text-align: left;
  font-size: 2.4rem;
    line-height: 1.541666666667;
    letter-spacing: 0.2em;
    margin-top: -0.25em;
        padding-bottom: 45px;
}
.fs3 {
    font-family: "RyuminPr5-Bold";
}
.ts1 {
    color: rgb(35,24,21);
    text-align: left;
    font-size: var(--font-size-h3);
    line-height: 1.75;
    letter-spacing: 0.2em;
    margin-top: -0.368421052632em;
    padding-bottom: 20px;
}
/*.img7 img {
    display: block;
    position: absolute;
    border: 0;
    box-sizing: border-box;
}*/
.img7 {
    top: 29.5988606693568%;
    left: 7.33333333333333%;
width: 140px!important;
    height: 0.59340137669119%;
}


nav#glbnav .nav_main li a, footer#global_footer .nav_main li a {
    font-size: 2.2rem;
}
footer#global_footer .nav_main li:last-child {
    width: 187px;
    height: auto;
}
footer#global_footer .nav_main li:last-child img{
    width: 187px;
    height: auto;
}

.footer_logo {
    margin-right: 110px;
}
.insta{
    margin-top: 40px;
    width: 20px;
    
}
nav#glbnav .copy p.copyright, footer#global_footer .copy p.copyright {
    margin-top: 60px;
    font-size: 1.1rem;
    color: #666666;
}
footer#global_footer .copy p.copyright, footer#global_footer .copy p.produced {
    font-size: var(--font-size-copy);
    font-family: Avenir Next;
    letter-spacing: .2em;
}
.floath3 {
    float: left;
/*    margin-right: 125px;*/
    width: 25%;
}
#shopify-section-top-store h3 img{
    margin-right: 125px;
}

.pad5 {
    padding-bottom: 5px;
}
.pad20 {
    padding-bottom: 20px;
}
.pad55 {
    padding-bottom: 55px;
}
[data-block] [data-slideshow] ul li[data-slide] h3 p {
    font-size: 2.4rem;
    font-family: "RyuminPr5-Bold";
    margin: 0;
    padding-bottom: 0;
}

#news .box_r{
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 100px;
}
#news .ttl_h3{
    float: left;
    width: 31%;
/*    margin-left: 225px;*/
}
#news .ttl_h3 h3 {
    margin-left: 0;
    text-align: right;
}
.block_colnews {
    width: 66%;
    float: right;
}
.news_col li {
    padding: 30px 0;
    border-bottom: 1px solid #C2C0BC;
/*        border-top: 1px solid #C2C0BC;*/
}
.news_col li:first-child{
        border-top: 1px solid #C2C0BC;
}
.news_date {
    font-family: YuMincho,Yu Mincho,Hiragino Mincho ProN,NotoSerifSubset,serif;
    letter-spacing: .05em;
    font-size: 1.0rem;
    text-align: justify;
      display: inline-block;
        color: #999795;
}
.news_title {
    font-size: 1.4rem!important;
    margin: 0;
    line-height: 1.6;
    display: inline-block;
    /* color: #FFF; */
    /* text-align: center; */
    font-weight: normal;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    padding-left: 40px;
}
.news_col {
    width: 610px;
}
#news .wrap_btn {
    margin-top: 35px;
    text-align: right;
}
@media (min-width: 768px){
#news{
    padding-bottom: 240px;
}
}
/* clearfix
------------------------------------------- */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
	visibility:hidden;
}
.section_inner.box_r{
    border-top: 1px solid var(--color-bdr-black);
    margin-bottom: 122px;
    padding-top: 95px;
    width: var(--inner-width);
    margin-left: var(--inner-left);
}
#onlinestore .block_col2 {
        align-items:center;
        justify-content: space-between
    }
.img_online {
    width: 177px!important;
}

@media (max-width: 1040px) {
.news_col {
    width: 100%;
}
    #news .wrap_btn {
    padding-right: 2%;
}
}
@media (max-width: 1000px) {
.floath3 {
    float: none;
    /* margin-right: 125px; */
    width: 100%;
}
    [data-block] .ttl_h3 .lead.w100 {
    width: 100%;
    float: none;
}
    #news .ttl_h3 {
    width: 100%;
    float: none;
}
    .block_colnews {
    width: 100%;
    float: none;
}
    #news .ttl_h3 h3 {
    text-align: left;
}
}

@media (max-width: 768px) {
    body{
	font-weight: 300;
    font-size: 14px!important;
    font-size: 1.4rem!important;
}
    .ts3 {
    font-size: 18px!important;
}
    .ts2 {
    font-size: 14px;
}
    [data-block] [data-slideshow] ul li[data-slide] .lead p.ja {
    font-size: 12px;
}
    [data-block] [data-slideshow] ul li[data-slide] .tags ul li span {
    font-size: 10px;
}
    .news_date {
    font-size: 13px;
    text-align: left;
    display: block;
    padding-bottom: 5px;
}
    .news_title {
    font-size: 14px!important;
    display: inline-block;
    padding-left: 0px;
}
    [data-block] .block_col2 .col_r p.en {
    font-size: 10px;
}
    [data-block] .ttl_h3 .lead p.en {
    font-size: 10px;
}
    [data-block] [data-slideshow] ul li[data-slide] .lead p.en {
    font-size: 10px;
}
.footer_logo {
    border-top: 1px solid var(--color-bdr-black);
    width: 100%;
    padding: 10.26vw 0;
}
    footer#global_footer .nav_main{
    width: 100%;
    border-top: none;
    padding: 0;
}
    nav#glbnav .nav_main li a, footer#global_footer .nav_main li a {
    font-size: 17px;
}
    nav#glbnav .copy p.copyright, footer#global_footer .copy p.copyright {
    font-size: 12px;
    margin-bottom: 20px;
    margin-top: 40px;
            letter-spacing:inherit;
}
    nav#glbnav .nav_side li a span, footer#global_footer .nav_side li a span {
    font-size: 16px;
}
    nav#glbnav .nav_info li, footer#global_footer .nav_info li {
    font-size: 10px;
}
    footer#global_footer .nav_main li:last-child {
    padding-bottom: 10.26vw;
}
    [data-page=top] #main_kv .content .txt_content {
    top: 42%;
}
 h2 {
    width: 120px;
    height: 56px;
    display: block;
    position: absolute;
    top: 0%;
    left: 50%;
    margin-left: -60px;
}
    .img15 {
    width: 120px!important;
    height: auto!important;
}
.catch_p {
    top: 70px;
    left: 50%;
    width: 150px!important;
    height: auto!important;
    margin-left: -75px;
}
    .img17 {
    width: 150px!important;
}
}




/*main #concept {
    padding-top: 50px;
    margin-top: 185px;
    border-top: #222 1px solid;
}*/
.box_r {
    width: var(--inner-width);
    margin-left: var(--inner-left);
}
.ttl_page .ttl_page_inner {
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw;
}

@media (min-width: 768px){
#concept #shopify-section-recruit-block, [data-block] {
    padding-bottom: 210px;
}
	main #concept,main #gallery,#news main .main_content,#news_detail main .main_content,#page main .main_content{
    margin-top: 190px;
}
#concept .ttl_page {
    margin-top: 0px;
}
	.section_inner.box_r.mb_0{
    margin-bottom: 0px;
}
	.ttl_page {
    margin-bottom: 0px;
}
#gallery [data-block] .list_shop ul li.store {
    margin-bottom: 0;
    width: 44.8%;
    margin-left: 0;
    margin-right: 10.4%;
}
#gallery [data-block] .list_shop ul li:nth-child(even){
    margin-right: 0;
    padding-right: 0;
}
#gallery [data-block] .list_shop ul {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: 6.7%;
    padding-right: 6.7%;
}
	
#gallery [data-block] .list_shop .txt {
    padding-bottom: 65px;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] .tags ul {
    padding: 0!important;
}
}


.cat_col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 45px;
}
.cat_col li {
    font-family: Aparajita!important;
    font-size: 1.6rem;
    margin: 0 10px;
}

.cat_col li.sarch {
    font-size: 1.3rem;
    vertical-align: bottom;
    width: 100px;
    text-align: right;
    border-bottom: 1px solid #222;
	position: relative;
}
.cat_col li.sarch:after{
background: url(../img/gallery/sarch.svg);
background-size: 100% auto;
background-position: 0px 0px;
background-repeat: no-repeat;
height: 15px;
position: absolute;
content: "";
width: 15px;
    top: -3px;
left: 0px;
z-index: 9;
}

@media all and (max-width: 767px) {
#gallery [data-block] [data-slideshow] ul {
    /* overflow: hidden; */
    width: 85%;
    margin: 0 auto;
    display: block;
    /* gap: 5.13vw; */
    overflow-x: hidden;
    /* scroll-snap-type: x mandatory; */
	    gap: unset;
    overflow-x: hidden;
    scroll-snap-type: unset;
    padding-bottom: 90px;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] {
    flex-shrink: 0;
    width: 100%;
    scroll-snap-align: none;
	    margin-left: 0!important;
}
#gallery .content{
    width: 100%;
    margin: 0 auto;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] h3 p {
    font-size: 2.4rem;
    font-family: "RyuminPr5-Bold";
    margin: 0;
    padding-bottom: 0px;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] figure {
    margin-bottom: 10px;
}
#gallery .ts3 {
/*    font-size: 1.5rem!important;
    line-height: 1;*/
}
	
#gallery [data-block] [data-slideshow] ul li[data-slide] h3 {
    margin-bottom: 10px;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] p {
    margin-top: 10px;
}
#gallery li.store .tags ul {
    width: 100%;
    display: flex;
}
#gallery [data-block] [data-slideshow] ul li[data-slide] .lead {
    margin-bottom: 10px;
}
#gallery [data-block] .ttl_h3 {
    margin-bottom: 0;
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw;
}	
#gallery .cat_col {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 45px;
}
#gallery .cat_col li {
    font-size: 15px;
		    margin-bottom: 20px;
}
#gallery .cat_col li.sarch {
    font-size: 14px;
	
}
#gallery [data-block] .ttl_h3 {
    margin-bottom: 0px;
    padding-top: 0;
    border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw;
	}

main #concept,main #gallery {
    margin-top: 33.33vw;
}
}

.gallery_detail{
    margin: auto;
    max-width: 1300px;
    width: 80%;
}


[data-block] .ttl_h3.gallery_detail .ttl_inner {
    width: 100%;
}
.gallery_detail .ts3 {
    font-size: 24px;
    line-height: 2;
    letter-spacing: 0.2em;
    margin-top: 0;
    padding-bottom: 0;
}


[data-block] .ttl_h3.gallery_detail  h3 {
    padding: 0;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 2;
}
.gallery_detail ts1 {
    font-size: 18px;
    line-height: 1.75;
    margin-top: 0;
    padding-bottom: 0px;
}
[data-block] .ttl_h3.gallery_detail  .lead p.ja {
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 5px;
}
[data-block] .ttl_h3.gallery_detail .lead {
    width: 100%;
}



.gallery_detail.box_r  {
    width: var(--inner-width);
    margin-left: var(--inner-left);
}
[data-block] .ttl_h3.gallery_detail{
    margin-bottom: 25px;
    padding-top: 95px;
    margin-bottom: 25px;
    padding-top: 50px;
    padding-left: 2.6%;
}
.photo_tt {
    /* padding-top: 25px; */
    font-size: 1.4rem;
    line-height: 1.8;
    font-size: 1.4rem;
    line-height: 1.8;
    margin-top: 100px;
    width: 70%;
}
.gallery_detail .tags.detail_top{
    clear: both;
}
.gallery_detail .cat_w{
    line-height: 1.8;
    /* float: left; */
    /* padding-left: 30px; */
    font-size: 13px;
    line-height: 1.8;
    margin-bottom: 10px;
    /* float: left; */
}
.detail_r {
    width: 100%;
    text-align: right;
    display: inline-block;
    padding-top: 70px;
    margin-bottom: 150px;
}
.detail_r a {
    text-align: right;
    display: inline-block;
    line-height: 1;
}
.detail_h{
font-family: "RyuminPr5-Bold";
    font-size: 2.4rem;
    text-align: center;
    padding-bottom: 85px;
}

.tags.detail_top ul {
    width: auto;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    gap: 0px;
}

.tags.detail_top ul li {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black);
}
.tags.detail_top ul li span {
    padding: 3px 5px;    font-family: RotisSansSerif-Bold;
    font-size: var(--font-store-tag);
    display: block;
}
.tags.detail_top ul li:last-child {
    border-right: 1px solid var(--color-bdr-black);
}

@media all and (max-width: 767px) {

[data-block] .ttl_h3.gallery_detail {
    padding-left: 0px;
    padding-bottom: 30px;
}
.detail_h {
    font-size: 18px;
    text-align: center;
    padding-bottom: 40px;
    padding-top: 140px;
    font-weight: bold;
}
/*[data-block] .ttl_h3.gallery_detail h3 {
    margin-left: -20px;
}
	
		.ttl_h3.gallery_detail .txt{
    margin-left: -20px;
}*/
	.gallery_detail.box_r {
    width:95%;
    margin-left: 5%;
}
	#concept .ttl_page_inner.box_r{
    width: 100%;
    margin-left: 0;
}
	.ttl_page .ttl_page_inner {
  border-top: none;
}
.ttl_page .content.box_r {
  border-top: 1px solid var(--color-bdr-black);
    padding-top: 10.26vw;
}
#concept [data-block] {
    padding-bottom: 0;
}
	#gallery [data-block] {
    padding-bottom: 0;
}
	
}

.contact_cols {
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw;
}
.form_content_inner {
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw;
}
.form_notes {
    width: var(--block-text-width);
    margin: auto;
    text-align: right;
    padding-bottom: 5.13vw;
}
#check_agree {
    margin-bottom: 10.26vw;
}

#check_agree label {
    justify-content: flex-start;
}
#check_agree span {
    font-size: var(--font-form-note);
}

#check_agree span {
    font-size: var(--font-form-note);
}
.form_notes p {
    font-size: var(--font-form-note);
}
[data-page=recruit-form]) dl dt {
    margin-bottom: 10.26vw;
}
.form_content dl dt span {
    font-size: var(--font-form-title);
}
.contact_cols {
    border-top: 1px solid var(--color-bdr);
    padding-top: 10.26vw;
}
.contact_cols h3 {
    font-size: var(--font-form-title);
    margin-bottom: 10.26vw;
}
.form_content .form_item input {
    border: none;
    height: auto;
    text-indent: 0px;
    width: 95%;
}
.form_content .form_item .input {
    width: 100%;
    position: relative;
}
.form_content .form_item input {
    border: none;
    height: auto;
    text-indent: 0px;
    width: 95%;
}
.contact__button button {
    pointer-events: none;
}
form button.btn_submit {
    cursor: pointer;
    background: #000;
    color: #adadaf;
}
form button {
    width: 100%;
    display: block;
}
.contact__button {
    width: var(--content-width);
}
.contact__button {
    position: relative;
}
.form_content {
    position: relative;
    padding-bottom: 41.03vw;
}
@media (min-width: 768px){
form .checkbox_selector span.checkbox {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 10px;
}
.contact__button {
    width: var(--content-width);
}
	
	
form .checkbox_selector span.checkbox {
    background: #adadaf;
    width: 5.13vw;
    height: 5.13vw;
    border: 1px solid var(--color-bdr);
    position: relative;
    margin-right: 2.56vw;
    box-sizing: border-box;
}
}
@media (min-width: 768px){
.form_content dl {
    width: 92%;
}
.contact_cols h3 {
    margin-bottom: 0;
    width: 21.74%;
}
.contact_cols .contact_col_r {
    width: 73.91%;
}
.contact_cols .cols {
    width: 92%;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.contact_cols {
    padding-top: 60px;
    margin-top: 60px;
}
.form_content_inner {
    padding-top: 60px;
}
.form_notes {
    width: 85.19%;
    padding-bottom: 30px;
    justify-content: flex-end;
    display: -ms-flexbox;
    display: flex;
}
#check_agree {
    margin-bottom: 60px;
}
	form .checkbox_selector label {
    display: -ms-flexbox;
    display: flex;
    align-items: center;
}
	form .checkbox_selector span.checkbox {
    width: 30px;
    height: 30px;
    position: relative;
    margin-right: 10px;
}
.form_content {
    padding-bottom: 180px;
}
.form_content dl dt {
    width: 21.74%;
}
	
.form_content dl dd {
    width: 73.91%;
}
}
@media all and (max-width: 767px) {
.ts2.c_tt {
    font-size: 14px;
    font-size: var(--font-form-select);
    line-height: var(--line-height);
	}
h1 .img_logo {
    width: 120px;
}
	header#global_header h1 a {
    display: block;
    width: 120px;
    height: auto;
}
header#global_header h1 {
    position: absolute;
    top: 3.13vw;
	}

}


.list_shop.gallery_col figure{
	padding-bottom: 25px;
}
.list_shop.gallery_col p {
/*    padding-top: 25px;*/
    font-size: 1.4rem;
    line-height: 1.8;
}
.list_shop.gallery_col p {
    font-family: "HiraMinPro-W3",serif;
}
.list_shop.gallery_col p {
    color: rgb(35,24,21);
    text-align: left;
    font-size: 1.4rem;
    letter-spacing: 0.18em;
    padding-bottom: 20px;
}
.alignleft,.alignright{
    font-size: 16px;
	    font-family: "HiraMinPro-W3",serif;
}
.alignleft {
    width: auto;
    float: left;
    padding: 10px 20px 20px 0px;
    position: relative;
    line-height: 1.4;
    text-align: left;
}
.alignright {
    width: auto;
    float: right;
    position: relative;
    text-align: right;
    line-height: 1.4;
    padding: 10px 0px 20px 10px;
}
.navigation {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.navigation .alignleft a {
    width: 100px;
    letter-spacing: normal;
}
@media (min-width: 768px){
[data-block] .list_shop ul li.store h3 .ts3 {
    padding-bottom: 0px;
	}
	.list_shop ul li.store .tags ul li {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black);
}

	[data-block] [data-slideshow] ul li[data-slide] p.cat_w {
    margin-top: 0px;
    margin-bottom: 5px;
}
#gallery [data-block] .list_shop ul li.store .lead {
    margin-bottom: 10px;
}
	#gallery .section_inner .content .list_shop ul li.store {
    padding-bottom: 40px;
}
}


.m_head_logo_arrow {
    position: relative;
    padding-bottom: 50px;
    display: block;
}
.m_head_logo_arrow:before {
    border-left: 1px solid #000;
    border-top: 1px solid #000;
    bottom: 0;
    content: "";
    display: block;
    height: 9px;
    left: -99%;
    margin: auto;
    position: absolute;
    right: 0;
    top: -88%;
    transform: rotate(-45deg);
    transition: center center;
    width: 9px;
}
.m_head_logo_arrow a {
    display: block;
    height: 50px;
    left: 0;
    position: absolute;
    position: relative;
    top: 0;
    width: 100px;
    padding-left: 15px;
    font-size: 12px;
}
.align_gallery{
    width: 80px;
    padding: 10px 0px 20px 0px;
    position: relative;
    line-height: 1.4;
    font-size: 16px;
    font-family: "HiraMinPro-W3",serif;
    display: inline-block;
}

.align_gallery a{
    border-bottom: 1px solid #000;
}
.cat_w span a {
    background-color: #fff;
    display: block;
    font-size: 12px;
    padding: 3px 22px;
    white-space: nowrap;
}
.cat_w span {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
}
#gallery .cat_w span {
    display: inline-block;
    margin-bottom: 3px;
    margin-right: 3px;
	    background-color: #fff;
    /* display: block; */
    font-size: 12px;
    padding: 0;
    white-space: nowrap;
	line-height: 1.8;
}
#gallery .gallery_detail .cat_w span {
	    padding: 0!important;
}


@media all and (max-width: 767px) {
#gallery .gallery_detail .cat_w span a {
    font-size: 11px;
}
.list_shop.gallery_col p {
    font-size: 14px;
}
	.alignleft, .alignright {
    font-size: 14px;
	}
	.align_gallery {
    width: 70px;
    padding: 10px 0px 20px 0px;
    line-height: 1.4;
    font-size: 13px;
}
	
.detail_r_img img {
    width: 220px;
}
.tags.detail_top ul li span {
    font-size: 10px;
}

#gallery [data-block] .ttl_h3.gallery_detail .lead p.ja {
    font-size: 12px;
}
.cat_w span {
    font-size: 11px!important;
}
	.cat_w span a {
    font-size: 11px!important;
}
	
}




.tag {
    border-left: 1px solid var(--color-bdr-black);
    border-bottom: 1px solid var(--color-bdr-black);
    border-top: 1px solid var(--color-bdr-black);
}
span.tag:last-child {
    border-right: 1px solid var(--color-bdr-black);
}
.tag a{
    font-family: RotisSansSerif-Bold;
    font-size: var(--font-store-tag);
    display: block;
	    padding: 3px 5px;
}
#gallery .p_works_tags {
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: row;
	    padding-left: 6.7%;
    padding-right: 6.7%;
}


/*.cat_col li.current {
    border-bottom: 1px solid #000;
}
*/
.cat_col li:hover {
    border-bottom: 1px solid #000;
}


	.sp{
		display:none;
	}
@media all and (max-width: 767px) {
.tag a {
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    box-sizing: border-box;
}
#gallery .p_works_tags {
    padding-left: 0;
    padding-right: 0;
    width: 85%;
    margin: 0 auto;
}
	#gallery .section_inner .content .list_shop ul {
    padding-bottom: 0px;
}
#gallery .section_inner .content .list_shop ul li.store {
    padding-bottom: 90px;
	    display: block;
	    padding-right: 0;
}
#gallery .p_works_tags {
    margin-bottom: 60px;
}
.tag {
    margin-bottom: 5px;
}
.single_g.navigation {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

	.detail_r {
    width: 90%;
		    margin: 0 auto;
		    margin-bottom: 150px;
	}
	.tag {
     border-left: none;
    border-bottom: none;
    border-top: none;
    box-sizing: border-box;
    margin: 0 5px 5px 0;
}
		.tag a {
    font-size: 10px;
    display: block;
    padding: 3px 5px;
    box-sizing: border-box;
    border: 1px solid var(--color-bdr-black);
    width: 100%;
}
	#gallery .p_works_tags {
		    -webkit-justify-content: flex-start;
    justify-content: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 60px;
    box-sizing: border-box;
}
	span.tag:last-child {
    border-right: none;
}
		.sp{
		display:block;
	}
#home .list_shop ul li.store {
    flex-shrink: 0;
/*    width: 61.38%;*/
    scroll-snap-align: center;
    /* padding-bottom: 10%; */
    overflow: hidden;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store figure {
    margin-bottom: 5.13vw;
    height: 500px;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store img {
    width: auto;
    vertical-align: top;
    height: 100%;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] {
    gap: 5.13vw;
	    padding-left: 7.4%;
	}
	
	#home .list_shop ul li.store {
    width: 65.38%!important;
    padding-bottom: 17%!important;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store figure {
    height: 71%;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store h3 {
    margin-bottom: 20px;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store p {
    margin-top: 0;
    margin-bottom: 20px;
    line-height: 1;
    font-size: 11px;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store:last-child {
   position:static;
    display: block;
    padding-right:0;
}
	
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store .lead {
    margin-bottom:0;
}
	
}

#home .list_shop[data-slideshow] ul[data-slide-wrap]{
    margin-bottom: 85px;
	 padding-bottom: 0;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] .tags ul {
/*    padding: 0;*/
	    margin-bottom: 0;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store{
    margin-bottom: 0;
    width: 28%;
    margin-left: 0;
	padding-bottom: 7%;
}
@media all and (min-width: 1001px){

#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store {
    padding-bottom: 0;
}
}

[data-block] [data-slideshow] ul {
    overflow: hidden;
    width: 100%;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 2.56vw;
}
@media all and (min-width: 390px) and (max-width: 599px) {
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store {
    width: 64.38%!important;
    padding-bottom: 0!important;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store figure {
    height: 460px!important;
}
}

@media all and (min-width: 600px) and (max-width: 767px) {
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store {
    width: 49.38%!important;
    padding-bottom: 31%!important;
}
#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store figure {
    height: 100%!important;
}
}

@media all and (min-width: 768px) and (max-width: 1000px) {

#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store {
    margin-bottom: 0;
    width: 30.7%;
    margin-left: 0;
}
	#home [data-block] .list_shop ul li.store figure {
    height: 70%;
}
	#home [data-block] .list_shop ul {
    /* width: 82%; */
    margin-bottom: 85px;
		    padding-bottom: 4.56vw;
}
}

@media all and (min-width: 1200px){
	#home .list_shop[data-slideshow] ul[data-slide-wrap] li.store {
    width: 310px;
	}
}



/* ブラウザのスクロールバーを消す場合 */
/*::-webkit-scrollbar {
  display: none;
}
*/

.haeder_nav {
/*    width: 970px!important;*/
}
.haeder_nav {
    /* width: 1000px; */
    /* margin: 0 auto; */
    margin-bottom: 25px!important;
    font-size: 1.2rem!important;
}
#news .container, #news_detail .container {
    padding: 0;
    padding-bottom: 70px;
    border-bottom: 1px solid #eee;
    margin-bottom: 55px;
}
#news_content {
    max-width: 1060px;
    margin: 0 auto;
    margin-top: 50px;
}

#news .news_col_s  {
   width: 80%;
	    margin: 0 auto;
}
#news .news_col li {
    float: none;
    width: 100%;
    margin-right: 0;
    /* background-color: #fff; */
    padding-bottom: 60px;
    /* padding-top: 20px; */
}
#news .news_img {
    width: 34%;
    height: auto;
    border: none;
    float: left;
    overflow: hidden;
}
#news .news_img img {
    width: 100%;
    height: auto;
}
.new_text_cell {
    /* padding-left: 3%; */
    width: 62%;
    float: right;
    text-align: left;
}
.post-meta {
    padding-bottom: 10px;
}
#news #news_content .news_title {
    font-size: 1.6rem!important;
    font-weight: bold;
    padding-bottom: 10px;
    margin: 0;
    line-height: 1.6;
	padding-left: 0px;
}

#news .news_date,#news_detail .news_date {
/*    font-family: YuMincho,Yu Mincho,Hiragino Mincho ProN,NotoSerifSubset,serif;
    letter-spacing: .05em;*/
    font-size: 1.0rem;
    text-align: justify;
}
#news_content .new_text_cell .category_icon,#news_content .category_icon{
    display: inline-block;
    color: #FFF;
    padding: 0 6px;
    text-align: center;
    font-weight: normal;
    line-height: 1.6;
	background-color: #222;
    font-size: 12px;
}
#news .category_icon a,#news_detail .category_icon a {
    color: #fff;
    font-size: 1rem;
}
.category_icon a {
    color: #fff;
    font-size: 1rem;
}
.category_icon a {
    margin: 1px 4px;
}
.navigation {
    width: 100%;
    margin: 0 auto;
}
.navigation {
    padding-bottom: 60px;
}
.navigation .alignleft {
    width: auto;
    float: left;
    padding: 10px 20px 20px 0px;
    position: relative;
    line-height: 1.4;
    text-align: left;
}
.alignleft {
    width: 40%;
    float: left;
    height: auto;
}
.navigation .alignleft a, .navigation .alignright a {
    color: #999;
}
.navigation .alignleft a {
    width: 100px;
    /* display: inline-block; */
    letter-spacing: normal;
}
.alignleft a {
    height: 58px;
    overflow: hidden;
}
.navigation .alignright {
    width: auto;
    float: right;
    position: relative;
    text-align: right;
    line-height: 1.4;
    padding: 10px 0px 20px 10px;
    margin-right: 20px;
}
.alignright {
    width: 40%;
    float: right;
    height: auto;
}


.alignright a {
    height: 58px;
    overflow: hidden;
}
#news .news_col_s li {
    float: none;
    width: 100%;
    margin-right: 0;
    /* background-color: #fff; */
    padding-bottom: 60px;
    /* padding-top: 20px; */
}
#news .ttl_h3.news_h {
    float: none;
    width: 100%;
    /* margin-left: 225px; */
}
#news .ttl_h3.news_h h3 {
    margin-left: 0;
    text-align: left;
}
#news .news_h .ttl_inner .floath3 {
    float: none;
    /* margin-right: 125px; */
    width: 100%;
}

#news .news_h .ttl_inner .ts1 {
    margin-top: 0;
}
#news [data-block] .ttl_h3 {
    margin-bottom: 0;
}
#news .new_text_cell p {
    font-size: 1.4rem!important;
    margin: 0;
    line-height: 1.6;
/*    display: inline-block;*/
    /* color: #FFF; */
    /* text-align: center; */
    font-weight: normal;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    padding-left: 0px;
}
#news p.more-link a{
    margin: 0 !important;
    text-align: right;
    padding-top: 10px;
	font-weight: normal;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    font-size: 13px!important;
	display: block;
	    color: #999;
}
#news_detail .news_title {
    font-size: 18px!important;
    margin: 0;
    line-height: 1.6;
    font-weight: normal;
    font-family: "HiraMinPro-W3",serif;
    padding-left: 0px;
    padding-bottom: 20px;
}
#news_detail .news_detail_contents p{
font-size: 1.4rem!important;
    margin: 0;
    font-weight: normal;
    line-height: 1.8;
    font-family: "HiraMinPro-W3",serif;
    padding-left: 0px;
    padding-bottom: 20px;
}
#news_detail .category_icon{
    display: inline-block;
    color: #FFF;
    padding: 0 6px;
    text-align: center;
    font-weight: normal;
    line-height: 1.6;
	background-color: #222;
    font-size: 12px;
}
.news_detail_contents{
    padding-bottom: 80px;
    padding-top: 30px;
}


#news .news_col_s {
    width: 95%;
    margin: 0 auto;
}



@media all and (max-width: 767px) {
#news #news_content .news_title {
    font-size: 14px!important;
    font-weight: bold;
    padding-bottom: 10px;
}
#news .new_text_cell p {
    font-size: 12px!important;
    line-height: 1.6!important;
}
#news .news_date, #news_detail .news_date {
    font-size: 10px;
    text-align: justify;
	    display: inline-block;
}

#news_content .new_text_cell .category_icon, #news_content .category_icon {
    display: inline-block;
    color: #FFF;
    padding: 0 6px;
    font-size: 10px;
}
	#news .category_icon a, #news_detail .category_icon a {
    color: #fff;
    font-size: 10px;
}
	
.pankuzu p {
    font-size: 10px;
    line-height: 1.6;
}
#news .main_content,#news_detail .main_content,#page .main_content{
    margin-top: 33.33vw;
    position: relative;
    margin-bottom: 0;
}
	#news [data-block] .ttl_h3 {
    padding-top: 10.26vw;
}
	#news p.more-link a {
    font-size: 10px!important;
}
	#news_content {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 0px;
}
	#news .container, #news_detail .container {
    padding: 0;
    padding-bottom: 0px;
    border-bottom:none;
    margin-bottom: 0;
}
	#news .news_col_s li {
    padding-bottom: 40px;
}
	#news #shopify-section-recruit-block, [data-block] {
    padding-bottom: 80px;
}
		#news_detail [data-block] .ttl_h3 {
    margin-bottom: 20px;
	}
	#news_detail #news_content {
    max-width: 95%;
    margin: 0 auto;
    margin-top: 0px;
}
#home .news_title {
   padding-left: 20px; 
}
#news_detail .list_shop.gallery_col p {
    font-size: 14px;
    width: 90%;
    margin: 0 auto;
}
	#wpadminbar {
position: fixed!important;
}
}


/*form .radio_selector input[type=radio]{
	display: block;
    width: 30px;
    height: 30px;
    margin-right: 10px;
    border: 1px solid rgba(0, 0, 0, .1)!important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: relative;
	background: #F2F2F2!important;
  accent-color: black;
  inline-size: 3rem;
  block-size: 3rem;
}*/
form .radio_selector input[type=radio] {
display: none; /* 標準スタイルを非表示にする */
}
form .radio_selector .mwform-radio-field-text{
position: relative; /* ボックスの位置を指定する */
padding: 0 0 0 42px; /* ボックス内側の余白を指定する */
}
form .radio_selector .mwform-radio-field-text:after{
position: absolute; /* ボックスの位置を指定する */
content: ""; /* ボックスのコンテンツ */ 
display: block; /* ブロックレベル要素化する */ 
top: 30%; /* 上部から配置の基準位置を決める */ 
left: 0px; /* 左から配置の基準位置を決める */ 
margin-top: -10px; /* チェック枠の位置 */
width: 30px; /* ボックスの横幅を指定する */
height: 30px; /* ボックスの高さを指定する */
 border: 1px solid rgba(0, 0, 0, .1); /* ボックスの境界線を実線で指定する */
border-radius: 50%; /* ボックスの角丸を指定する */
}


.mwform-radio-field-text:after, .mwform-radio-field-text:before {
position: absolute; /* ボックスの位置を指定する */
content: ""; /* ボックスのコンテンツ */ 
display: block; /* ブロックレベル要素化する */ 
top: 50%; /* 上部から配置の基準位置を決める */ 
}

.mwform-radio-field-text:before {
left: 11px; /* 左から配置の基準位置を決める */ 
margin-top: -3px; /* チェックマークの位置 */
width: 10px; /* ボックスの横幅を指定する */
height: 10px; /* ボックスの高さを指定する */
background: #000;/* ボックスの背景色を指定する */
border-radius: 50%; /* ボックスの角丸を指定する */
opacity: 0; /* 要素を透過指定する */
}
input[type=radio]:checked + .mwform-radio-field-text:before {
opacity: 1; /* 要素を表示する */
}
.mwform-radio-field-text:hover:after {
border-color: #000; /* ボックスの境界線を実線で指定する */
}

#page .news_contents_col{
		font-family: "HiraMinPro-W3",serif;
	    line-height: 1.6;
	    width: 80%;
    margin: 0 auto;
}
#page .news_detail_contents p {
    font-size: 14px;
	    font-family: "HiraMinPro-W3",serif;
	    padding-bottom: 10px;
}
#page .news_detail_contents h2 {
    width: 100%;
    height: auto;
    display: inline-block;
    position: static;
    font-size: 18px;
	padding-bottom: 30px;
	    font-family: "HiraMinPro-W3",serif;
	    padding-top: 30px;
}
#page .news_contents_col .news_title {
    font-size: 18px!important;
    margin: 0;
    line-height: 1.6;
    display: inline-block;
    /* color: #FFF; */
    /* text-align: center; */
    font-weight: normal;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    padding-left: 0px;
}


@media all and (max-width: 767px) {
#page .news_detail_contents h2 {
    margin-left: 0px;
}

#page .news_detail_contents p {
    font-size: 14px!important;
}
#page .news_detail_contents {
   padding-top: 0px;
}
#page .news_detail_contents h2 {
    padding-bottom: 20px;
    font-family: "HiraMinPro-W3",serif;
    padding-top: 10px;
}
	#page .news_contents_col {
    width: 90%;
}
	#page [data-block] .ttl_h3 {
    margin-bottom: 0;
}
	
	form .radio_selector .mwform-radio-field-text:after{
    position: absolute;
    content: "";
    top: 3%;
    left: 0px;
margin-top: -3px;
    width: 20px;
    height: 20px;
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 50%;
    margin-right: 0;
}

form .radio_selector .mwform-radio-field-text {
    position: relative;
	padding: 0 0 0 30px;
}
	.mwform-radio-field-text:before {
    left: 11px;
    /* margin-top: -4px; */
    width: 10px;
    height: 10px;
    background: #000;
    border-radius: 50%;
    opacity: 0;
    margin-left: -5px;
    /* margin-left: -24.5px; */
    top: 6.5px;
}
}

@media all and (min-width: 500px) and (max-width:767px) {
form .radio_selector .mwform-radio-field-text:after {
    position: absolute;
    content: "";
    top: 4px;
}
.mwform-radio-field-text:before {
top: 10.5px;
}
}

form .contact__button input[type=submit] {
    cursor: pointer;
    background: #000;
    color: #adadaf;
	    width: 100%;
    display: block;
	    display: block;
    text-align: center;
    font-size: var(--font-size-button-next);
	    padding: 12px 0;
} 
.contact__button {
    width: var(--content-width);
}
form .contact__button button[type=submit] {
    cursor: pointer;
    background: #000;
    color: #adadaf;
    width: 100%;
    display: block;
    display: block;
    text-align: center;
    font-size: var(--font-size-button-next);
    padding: 12px 0;
	    margin-bottom: 20px;
}
#mw_wp_form_mw-wp-form-72 h2 {
    width: 100%;
    height: auto;
    display: block;
    position: static;
    font-size: 18px;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    letter-spacing: 0.18em;
    padding-bottom: 20px;
}
#mw_wp_form_mw-wp-form-72 p{
    font-size: 14px;
    line-height: 1.6;
    font-family: "HiraMinPro-W3",serif;
    font-size: 1.4rem;
    line-height: 1.785714285714;
	    padding-bottom: 10px;
}

@media all and (max-width: 767px) {
#mw_wp_form_mw-wp-form-72 h2 {
    font-size: 16px;
    margin: 0;
}
#mw_wp_form_mw-wp-form-72 p {
    line-height: 1.785714285714;
    padding-bottom: 10px;
    font-size: var(--font-form-select);
    line-height: var(--line-height);
}
#mw_wp_form_mw-wp-form-72 {
    width: 90%;
}
}
form .checkbox_selector input[type=checkbox] {
    display: block;
}

/* メインビジュアル
------------------------------------------- */
header {
	position: relative;/*     min-width: 1200px;*/
}
.bx-wrapper {
		    width: 100%!important;
}
.bxslider {
	    width: 100%!important;
}
.mainVisual {
	position: relative;/*height: 635px;*/
}
.bxslider img {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

/* PC スライド　bxSlider の CSSページャーカスタマイズ
----------------------------------------*/
.bx-wrapper .bx-viewport{
	box-shadow: none!important;
	border: none!important;
	background: none!important;
	    left: 0!important;
	/*上記をコメントアウトしてスライド周りのシャドウとボーダーを削除*/
  /*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0)!important;
}
.bx-wrapper .bx-pager{
	position: absolute;
	bottom: -28px; /*pager の位置の変更 */
	width: 100%;
}
.mainVisual .bx-wrapper .bx-pager{
	padding-top: 20px;
	line-height: 0;
}
.mainVisual .bx-wrapper .bx-pager{
	position: absolute;
	width: 100%;
}
.mainVisual .bx-wrapper .bx-pager,.mainVisual .bx-wrapper .bx-controls-auto {
	position: absolute;
	width: 100%;
}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a {
	background: #999; /*ページャーの色の変更*/
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 8px;
	outline: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.mainVisual .bx-wrapper .bx-pager.bx-default-pager a:hover,.mainVisual .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #111;  /**ページャーの色（フーバー、アクティブ）の変更*/
}
/*以下は Next, Prev の画像を通常は非表示にしてフーバー時に表示するように変更*/
 
.mainVisual .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 50;
	display: none; /*追加*/
}
/*追加*/
.mainVisual .bx-wrapper:hover .bx-controls-direction a{
	display: block;
}


.detail_r_img_works {
    padding: 10px 0px 20px 0px;
    position: relative;
    line-height: 1.4;
    font-size: 16px;
    font-family: "HiraMinPro-W3", serif;
    display: inline-block;
}
.detail_r_img_works a {
    border-bottom: 1px solid #000;
}

@media (max-width: 767px) {
[data-block] [data-slideshow] ul li.store.works_li[data-slide]:last-child {
    display: block;
    padding-right:0;
}
}