@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/cwtexyen.css);

img {
    vertical-align: top;
    font-size: 0;
    line-height: 0;
    max-width: 100%;
    height: auto;
}

ul,
ol,
li,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure {
    margin: 0;
    padding: 0;
}

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

ol,
ul {
    list-style: none;
}

i {
    font-style: normal;
}

label {
    cursor: pointer;
}

th,
td {
    vertical-align: middle;
}

th {
    font-weight: normal;
    text-align: left;
}

a {
    color: #5D261B;
    text-decoration: none;
    outline: none;
}

em {
    font-weight: bold;
    font-style: normal;
}

figcaption {
    line-height: normal;
}

button,
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: none;
    outline: none;
    vertical-align: top;
    margin: 0;
    padding: 0;
}

hr {
    margin: 0;
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

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

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
module
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
a.js-uc {
    opacity: .7 !important;
    cursor: default !important;
}

.m-header-global-nav__item a.js-uc:hover:before {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.m-sp-only {
    display: none;
}

.m-image-wfit {
    min-width: inherit;
    width: 100%;
}


/* text */
.m-text-10 {
    font-size: 1.0rem;
    line-height: 1.6;
}

.m-text-11 {
    font-size: 1.1rem;
    line-height: 1.6;
}

.m-text-12 {
    font-size: 1.2rem;
    line-height: 1.6;
}

.m-text-13 {
    font-size: 1.3rem;
    line-height: 1.6;
}

.m-text-14 {
    font-size: 1.4rem;
    line-height: 1.6;
}

.m-text-15 {
    font-size: 1.5rem;
    line-height: 1.6;
}

.m-text-16 {
    font-size: 1.6rem;
    line-height: 1.75;
}

.m-text-16-1 {
    font-size: 1.6rem;
    line-height: 1;
}

.m-text-17 {
    font-size: 1.7rem;
    line-height: 1.75;
}

.m-text-18 {
    font-size: 1.8rem;
    line-height: 1.75;
}

.m-text-19 {
    font-size: 1.9rem;
    line-height: 1.6;
    letter-spacing: 0.12rem;
}

.m-text-20 {
    font-size: 2.0rem;
    line-height: 1.5;
}

.m-text-21 {
    font-size: 2.1rem;
    line-height: 1.5;
}

.m-text-22 {
    font-size: 2.2rem;
    line-height: 1.5;
}

.m-text-23 {
    font-size: 2.3rem;
    line-height: 1.5;
}

.m-text-24 {
    font-size: 2.4rem;
    line-height: 1.4;
}

.m-text-25 {
    font-size: 2.5rem;
    line-height: 1.4;
}

.m-text-26 {
    font-size: 2.6rem;
    line-height: 1.4;
}

.m-text-27 {
    font-size: 2.7rem;
    line-height: 1.4;
}

.m-text-28 {
    font-size: 2.8rem;
    line-height: 1.4;
}

.m-text-30 {
    font-size: 3.0rem;
    line-height: 1.4;
}

.m-text-31 {
    font-size: 3.1rem;
    line-height: 1.4;
}

.m-text-32 {
    font-size: 3.2rem;
    line-height: 1.2;
}

.m-text-34 {
    font-size: 3.4rem;
    line-height: 1.2;
}

.m-text-35 {
    font-size: 3.5rem;
    line-height: 1.2;
}

.m-text-36 {
    font-size: 3.6rem;
    line-height: 1.2;
}

.m-text-37 {
    font-size: 3.7rem;
    line-height: 1.2;
}

.m-text-38 {
    font-size: 3.8rem;
    line-height: 1.2;
}

.m-text-40 {
    font-size: 4.0rem;
    line-height: 1.2;
}

.m-text-42 {
    font-size: 4.2rem;
    line-height: 1.2;
}

.m-text-44 {
    font-size: 4.4rem;
    line-height: 1.2;
}

.m-text-46 {
    font-size: 4.6rem;
    line-height: 1.2;
}

.m-text-48 {
    font-size: 4.8rem;
    line-height: 1.2;
}

.m-text-50 {
    font-size: 5rem;
    line-height: 1.2;
}

.m-text-52 {
    font-size: 5.2rem;
    line-height: 1.2;
}

.m-text-lh-l {
    line-height: 2;
}

.m-text-lh-s {
    line-height: 1.6;
}

.m-ls1 {
    letter-spacing: 0.08rem;
}

.m-ls2 {
    letter-spacing: 0.2rem;
}

.m-text-ind {
    text-indent: 1rem;
}

.m-font-tw {
    font-family: "Microsoft JhengHei", sans-serif;
}

.m-font-ja {
    font-family: "tbchibirgothicplusk-pro", sans-serif;
    letter-spacing: 0px;
}

.m-font-en {
    font-family: "shirokuma-subset", sans-serif;
}

.m-font-n {
    font-weight: 500;
}

.m-font-b {
    font-weight: 600;
}

.m-color-default {
    color: #5D261B;
}

.m-color-default a {
    color: #5D261B;
}

.m-color-wh {
    color: #ffffff;
}

.m-color-black {
    color: #000000;
}

.m-color-wh a {
    color: #ffffff;
}

.m-color-red,
.error,
.m-attention {
    color: #cc0000;
}

.m-color-red a,
.error a,
.m-attention a {
    color: #cc0000;
}

.m-uline {
    text-decoration: underline;
}

.m-uline:hover {
    text-decoration: none;
}

.m-hline:hover {
    text-decoration: underline;
}

.m-op {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.m-op:hover {
    opacity: 0.7;
    text-decoration: none;
}

/* display */
.m-cf {
    *zoom: 1;
}

.m-cf:after {
    content: "";
    display: table;
    clear: both;
}

.m-dis-n {
    display: none;
}

.m-dis-b {
    display: block;
}

.m-dis-ib {
    display: inline-block;
}

.m-dis-i {
    display: inline;
}

.m-ov-h {
    overflow: hidden;
}

.m-d-tbl {
    display: table;
    width: 100%;
}

.m-d-tbl__cell {
    display: table-cell;
}

.m-relative {
    position: relative;
}

.m-absolute {
    position: absolute;
}

.m-nowrap {
    white-space: nowrap;
}

/* float */
.m-fl-l {
    float: left;
}

.m-fl-r {
    float: right;
}

.m-hr {
    height: 1px;
    background-color: #e0e0e0;
    border: 0;
}

/* align */
.m-align-w {
    width: 645px;
    margin: auto;
    padding-left: 15px;
}

.m-align-w span {
    margin-right: 10px;
    float: left;
}

.m-align-c {
    text-align: center;
}

.m-align-l {
    text-align: left;
}

.m-align-r {
    text-align: right;
}

.m-valign-t {
    vertical-align: top;
}

.m-valign-m {
    vertical-align: middle;
}

.m-valign-b {
    vertical-align: bottom;
}

/* margin */
.m-auto {
    margin-left: auto;
    margin-right: auto;
}

.m-mt-2xs {
    margin-top: 5px;
}

.m-mt-xs {
    margin-top: 10px;
}

.m-mt-s {
    margin-top: 20px;
}

.m-mt {
    margin-top: 30px;
}

.m-mt-l {
    margin-top: 40px;
}

.m-mt-xl {
    margin-top: 60px;
}

.m-mt-2xl {
    margin-top: 80px;
}

.m-mt-3xl {
    margin-top: 100px;
}

.m-mb-2xs {
    margin-bottom: 5px;
}

.m-mb-xs {
    margin-bottom: 10px;
}

.m-mb-s {
    margin-bottom: 20px;
}

.m-mb {
    margin-bottom: 30px;
}

.m-mb-l {
    margin-bottom: 40px;
}

.m-mb-xl {
    margin-bottom: 60px;
}

.m-mb-2xl {
    margin-bottom: 80px;
}

.m-mb-3xl {
    margin-bottom: 100px;
}

.m-ml-1em {
    margin-left: 1em;
}

.m-mr-1em {
    margin-right: 1em;
}

.m-mr-3em {
    margin-right: 3em;
}

.mb-1 {
    margin-bottom: 16px;
}

/* padding */
.m-pt-2xs {
    padding-top: 5px;
}

.m-pt-xs {
    padding-top: 10px;
}

.m-pt-s {
    padding-top: 20px;
}

.m-pt {
    padding-top: 30px;
}

.m-pt-l {
    padding-top: 40px;
}

.m-pt-xl {
    padding-top: 60px;
}

.m-pt-2xl {
    padding-top: 80px;
}

.m-pt-3xl {
    padding-top: 100px;
}

.m-pb-2xs {
    padding-bottom: 5px;
}

.m-pb-xs {
    padding-bottom: 10px;
}

.m-pb-s {
    padding-bottom: 20px;
}

.m-pb {
    padding-bottom: 30px;
}

.m-pb-l {
    padding-bottom: 40px;
}

.m-pb-xl {
    padding-bottom: 60px;
}

.m-pb-2xl {
    padding-bottom: 80px;
}

.m-pb-3xl {
    padding-bottom: 100px;
}

.m-p-xs {
    padding: 10px;
}

.m-p-s {
    padding: 20px;
}

.m-p {
    padding: 30px;
}

.m-p-l {
    padding: 40px;
}

.m-p-xl {
    padding: 60px;
}

/* list */
.m-list-dot>li {
    position: relative;
    padding-left: 1em;
}

.m-list-dot>li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}

.m-list-circle>li {
    position: relative;
}

.m-list-circle>li:before {
    content: "●";
}

.m-list-square>li {
    position: relative;
}

.m-list-square>li:before {
    content: "■";
}

.m-list-decimal {
    list-style: decimal;
    margin-left: 1.5em;
}

/* layout */
.l-inner-s,
.l-inner,
.l-inner-l {
    *zoom: 1;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.l-inner-s:after,
.l-inner:after,
.l-inner-l::after {
    content: "";
    display: table;
    clear: both;
}

.l-inner-s {
    max-width: 870px;
}

.l-inner {
    max-width: 1080px;
}

.container,
.container-fluid,
.container-xl {
    width: 100%;
    padding-right: 12px;
    padding-left: 12px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width: 576px) {

    .container {
        max-width: 540px;
    }
}

@media (min-width: 768px) {

    .container {
        max-width: 720px;
    }
}

@media (min-width: 992px) {

    .container {
        max-width: 1080px;
    }
}

@media (min-width: 1200px) {

    .container-xl {
        max-width: 1280px;
    }
}

/* border */
.m-radius {
    border-radius: 6px;
}

.m-radius-1 {
    border-radius: 50%;
}

/* bg */
.m-bg-wh {
    background-color: #ffffff;
}

.m-bg-be {
    background-color: #efe8dc;
}

.m-bg-lbe {
    background-color: rgba(239, 232, 220, 0.8);
}

.m-bg-yl {
    background-color: #E6CEA7;
}

.m-bg-dgy {
    background-color: #72695E;
}

.m-bg-dyl {
    background-color: #CE9D50;
}

.m-image-wave {
    position: relative;
}

.m-image-wave:before {
    content: "";
    height: 10px;
    width: 100%;
    background-size: auto 100%;
    background-repeat: repeat-x;
    background-position: 50%;
    position: absolute;
    left: 50%;
    bottom: -1px;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    background-image: url(../images/common/bg-wave-be.png);
    z-index: 1;
}

.m-image-wave--wh:before {
    background-image: url(../images/common/bg-wave.png);
}

/* box */
.js-tab-target {
    display: none;
}

.js-tab-target.is-active {
    display: block;
}

.m-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.m-iframe iframe {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* flex */
.m-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.m-flex--row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.m-flex--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-flex--between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-flex--align-c {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-flex--align-start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.m-flex--align-end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m-flex--c2>.m-flex__item {
    width: calc(100% / 2);
}

.m-flex--c3 {
    margin-right: -1px;
}

.m-flex--c3>.m-flex__item {
    width: calc(100% / 3);
}

.m-flex--c4>.m-flex__item {
    width: calc(100% / 4);
}

.m-flex--c5>.m-flex__item {
    width: calc(100% / 5);
}

.m-flex--g10 {
    margin-left: -10px;
    margin-bottom: -10px;
}

.m-flex--g10>.m-flex__item {
    margin-left: 10px;
    margin-bottom: 10px;
}

.m-flex--g10.m-flex--c2>.m-flex__item {
    width: calc((100% / 2) - 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g10.m-flex--c3>.m-flex__item {
    width: calc((100% / 3) - 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g10.m-flex--c4>.m-flex__item {
    width: calc((100% / 4) - 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g10.m-flex--c5>.m-flex__item {
    width: calc((100% / 5) - 10px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g20 {
    margin-left: -20px;
    margin-bottom: -20px;
}

.m-flex--g20>.m-flex__item {
    margin-left: 20px;
    margin-bottom: 20px;
}

.m-flex--g20.m-flex--c2>.m-flex__item {
    width: calc((100% / 2) - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g20.m-flex--c3>.m-flex__item {
    width: calc((100% / 3) - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g20.m-flex--c4>.m-flex__item {
    width: calc((100% / 4) - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g20.m-flex--c5>.m-flex__item {
    width: calc((100% / 5) - 20px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g30 {
    margin-left: -30px;
    margin-bottom: -30px;
}

.m-flex--g30>.m-flex__item {
    margin-left: 30px;
    margin-bottom: 30px;
}

.m-flex--g30.m-flex--c2>.m-flex__item {
    width: calc((100% / 2) - 30px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g30.m-flex--c3>.m-flex__item {
    width: calc((100% / 3) - 30px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g30.m-flex--c4>.m-flex__item {
    width: calc((100% / 4) - 30px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g30.m-flex--c5>.m-flex__item {
    width: calc((100% / 5) - 30px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g40 {
    margin-left: -40px;
    margin-bottom: -40px;
}

.m-flex--g40>.m-flex__item {
    margin-left: 40px;
    margin-bottom: 40px;
}

.m-flex--g40.m-flex--c2>.m-flex__item {
    width: calc((100% / 2) - 40px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g40.m-flex--c3>.m-flex__item {
    width: calc((100% / 3) - 40px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g40.m-flex--c4>.m-flex__item {
    width: calc((100% / 4) - 40px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g40.m-flex--c5>.m-flex__item {
    width: calc((100% / 5) - 40px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g50 {
    margin-left: -50px;
    margin-bottom: -50px;
}

.m-flex--g50>.m-flex__item {
    margin-left: 50px;
    margin-bottom: 50px;
}

.m-flex--g50.m-flex--c2>.m-flex__item {
    width: calc((100% / 2) - 50px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g50.m-flex--c3>.m-flex__item {
    width: calc((100% / 3) - 50px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g50.m-flex--c4>.m-flex__item {
    width: calc((100% / 4) - 50px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-flex--g50.m-flex--c5>.m-flex__item {
    width: calc((100% / 5) - 50px);
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* table */
/* btn */
button.m-btn,
input.m-btn,
a.m-btn,
.m-btn {
    position: relative;
    display: block;
    height: 60px;
    width: 320px;
    line-height: 60px;
    border-radius: 30px;
    background-color: #5D261B;
    font-weight: 700;
    font-size: 1.8rem;
    -webkit-transition: .3s;
    transition: .3s;
    text-align: center;
    color: #ffffff;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

button.m-btn:hover,
input.m-btn:hover,
a.m-btn:hover,
.m-btn:hover {
    opacity: 0.7;
    text-decoration: none;
}

button.m-btn:before,
input.m-btn:before,
a.m-btn:before,
.m-btn:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -5px;
}

button.m-btn--w200,
input.m-btn--w200,
a.m-btn--w200,
.m-btn--w200 {
    width: 200px;
}

button.m-btn--ar-b:before,
input.m-btn--ar-b:before,
a.m-btn--ar-b:before,
.m-btn--ar-b:before {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

button.m-btn--back:before,
input.m-btn--back:before,
a.m-btn--back:before,
.m-btn--back:before {
    right: auto;
    left: 20px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

button.m-btn--center,
input.m-btn--center,
a.m-btn--center,
.m-btn--center {
    margin-left: auto;
    margin-right: auto;
}

button.m-btn--s,
input.m-btn--s,
a.m-btn--s,
.m-btn--s {
    height: 44px;
    line-height: 44px;
    border-radius: 22px;
    font-size: 1.6rem;
}

button.m-btn--wa,
input.m-btn--wa,
a.m-btn--wa,
.m-btn--wa {
    width: auto;
}

button.m-btn--plane:before,
input.m-btn--plane:before,
a.m-btn--plane:before,
.m-btn--plane:before {
    display: none;
}

button.m-btn--bor,
input.m-btn--bor,
a.m-btn--bor,
.m-btn--bor {
    border: solid 1px #5D261B;
    background-color: #ffffff;
    color: #5D261B;
}

button.m-btn--bor:before,
input.m-btn--bor:before,
a.m-btn--bor:before,
.m-btn--bor:before {
    border-top-color: #5D261B;
    border-right-color: #5D261B;
}

.btn {
    display: block;
    width: fit-content;
    font-family: "tbchibirgothicplusk-pro", sans-serif;
    background: #5D261B;
    color: #fff;
    font-size: 20px;
    padding: 20px 36px;
    border-radius: 100px;
    transition: all .2s !important;
}

.btn:hover {
    background: #FEC331;
    color: #5D261B;
}

@media (max-width: 768px) {
    .btn {
        font-size: 16px;
        padding: 16px 24px;
    }
}

/* icon */
.m-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: .5em;
    background-size: auto 100%;
}

.m-icon--shop-detail-map {
    width: 12px;
    height: 20px;
    margin-top: 0px;
    margin-right: 15px;
    background-image: url(../images/common/icon-map-link.png);
}

.m-icon--donguri-br {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background-image: url(../images/common/icon-donguri-wh.png);
    background-size: 26px;
    background-position: 50%;
    background-repeat: no-repeat;
    background-color: #5D261B;
}

/* breadcrumb */
.m-breadcrumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: 1080px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
    overflow: hidden;
}

.m-breadcrumb__item {
    position: relative;
    padding-right: 2em;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
}

.m-breadcrumb__item:before {
    content: "＞";
    position: absolute;
    right: .5em;
    top: 0;
    font-size: 1.2rem;
}

.m-breadcrumb__item:last-child:before {
    display: none;
}

.m-breadcrumb__item a:hover {
    text-decoration: underline;
}

/* title */
.m-content-mv {
    position: relative;
    height: 520px;
    background-size: cover;
    background-position: 50%;
    color: #ffffff;
}

.m-content-mv .en {
    display: block;
    font-size: 3.1rem;
}

.m-content-mv .ja {
    display: block;
    font-size: 5rem;
}

.m-content-mv-text {
    font-size: 1.6rem;
    line-height: 1.6;
}

.m-content-mv__content {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    white-space: nowrap;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-content-mv--default {
    height: 310px;
    background-size: 320px;
    background-image: url(../images/common/bg-mv-default.png);
    color: #5D261B;
}

.m-content-mv--default .ja {
    font-size: 4rem;
}

.m-content-mv--brand {
    background-image: url(../images/common/bg-mv.jpg);
}

.m-content-mv--recruit {
    background-image: url(../images/common/recruit.jpg);
}

.m-content-mv--recruit-1 {
    background-image: url(../images/common/recruit_1.jpg);
}

.m-content-mv--contact {
    background-image: url(../images/common/contact.jpg);
}

.m-content-mv--about {
    background-image: url(../images/common/about.jpg);
}

.m-content-mv .m-breadcrumb {
    position: absolute;
    left: 50%;
    width: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30px;
}

.m-title-dot {
    position: relative;
    text-align: center;
}

.m-title-dot img {
    padding-left: 0px;
}

.m-title-dot>span {
    position: relative;
    display: inline-block;
}

.m-title-dot>span:after,
.m-title-dot>span:before {
    content: "";
    width: 233px;
    height: 4px;
    background-size: auto 100%;
    background-repeat: repeat-x;
    position: absolute;
    top: 50%;
    background-image: url(../images/common/bg-title-dot.png);
}

.m-title-dot>span:before {
    left: -250px;
}

.m-title-dot>span:after {
    right: -250px;
}

.m-title-dot .title-small {
    margin-top: 3px;
    margin-left: -10px
}

.m-title-dot .en {
    display: block;
    font-size: 4rem;
    font-weight: 700;
    margin-top: 0rem;
}

.m-title-dot .ja {
    display: block;
    font-size: 2.2rem;
}

.m-title-flag {
    position: relative;
    text-align: center;
}

.m-title-flag>span {
    position: relative;
    display: inline-block;
    padding-top: 40px;
    padding-bottom: 40px;
}

.m-title-flag>span:after,
.m-title-flag>span:before {
    content: "";
    width: 316px;
    height: 138px;
    background-size: 100%;
    position: absolute;
    top: 0;
    background-image: url(../images/common/bg-title-pickup.png);
}

.m-title-flag>span:before {
    left: -360px;
}

.m-title-flag>span:after {
    right: -360px;
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}

.m-title-flag .en {
    display: block;
    font-size: 3.5rem;
    font-weight: 600;
}

.m-title-flag .ja {
    display: block;
    font-size: 1.8rem;
}

.m-title-square {
    position: relative;
}

.m-title-square:before {
    content: "•";
}

.m-title-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-title-icon>* {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-title-icon>*+* {
    margin-left: 20px;
}

@media screen and (max-width: 767px) {
    .m-title-dot img {
        display: none;
    }

    .m-title-dot .title-small {
        margin-top: 5px;
        margin-left: 0px
    }

}

/* modal window */
.m-modal-item {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 6px;
    padding: 30px;
    width: 720px;
    z-index: 6001;
}

.m-modal-item-close {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    right: -20px;
    top: -20px;
    background-color: #5D261B;
    border-radius: 50%;
    text-indent: -9998em;
}

.m-modal-item-close:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-modal-item-close:before,
.m-modal-item-close:after {
    content: "";
    width: 16px;
    height: 2px;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -8px;
}

.m-modal-item-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.m-modal-item-close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-modal-bg {
    cursor: pointer;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 6000;
    background-color: rgba(93, 38, 27, 0.8);
}

/* Slider */
.slick-slider {
    position: relative;
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

.slick-track:before,
.slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    min-height: 1px;
    display: none;
    outline: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
}

/* =======================================================================
共通
======================================================================= */
@font-face {
    font-family: "shirokuma-subset";
    src: url("../fonts/shirokuma-subset.woff") format("woff");
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
base
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
}

body {
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, "MS PGothic", sans-serif;
    font-size: 1.6rem;
    line-height: 1.231;
    color: #5D261B;
    background-color: #faf8f5;
}

#l-wrapper {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    min-width: 1120px;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
header
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.l-header {
    position: relative;
    background-color: #ffffff;
    z-index: 5001;
}

.l-header:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -30px;
    width: 100%;
    height: 31px;
    background-size: auto 100%;
    background-position: 50% 100%;
    background-repeat: repeat-x;
    background-image: url(../images/common/bg-wave.png);
}

.l-header-inner {
    position: relative;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 12px;
    padding-bottom: 15px;
}

.t-home .l-header {
    background-color: transparent;
}

.t-home .l-header:before {
    display: none;
}

.m-header-logo {
    text-align: left;
    margin-left: 250px
}

.m-header-logo a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.m-header-logo a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-header-btn {
    position: absolute;
    right: 240px;
    top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.m-header-btn__item+.m-header-btn__item {
    margin-left: 10px;
}

.m-header-btn__item a {
    display: block;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
    width: 111px;
    height: 106px;
    background-size: 100%;
    background-repeat: no-repeat;
    font-size: 1.6rem;
    text-align: center;
    padding-top: 55px;
}

.m-header-btn__item a:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}

.m-header-shop {
    background-image: url(../images/common/btn-header-shop.png);
}

.m-header-contact {
    background-image: url(../images/common/btn-header-contact.png);
    color: #EFE8DC;
}

.m-header-kids {
    background-image: url(../images/common/label_kids.png);
}

.m-header-kitchen {
    background-image: url(../images/common/label_kitchen.png);
}

.m-header-delivery {
    background-image: url(../images/common/label_delivery.png);
}

.m-header-menu,
.m-header-sp-btn {
    position: absolute;
    left: -9998px;
    top: -9998px;
}

.m-header-global-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


.m-header-global-nav__item {
    width: calc(100% / 6);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    font-size: 1.8rem;
    text-align: center;
}

.m-header-global-nav__item a {
    position: relative;
    display: block;
    padding-top: 25px;
    color: #000
}

.m-header-global-nav__item a:before {
    content: "";
    width: 60px;
    height: 50px;
    position: absolute;
    -webkit-transition: .2s;
    transition: .2s;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-100%);
    background-size: auto 100%;
}

.m-header-global-nav__item a:hover:before {
    -webkit-transform: translateX(-50%) scale(1.2);
    transform: translateX(-50%) scale(1.2);
}

.m-header-global-nav__item a.home:before {
    background-position: 0 0;
}

.m-header-global-nav__item a.brand:before {
    background-position: -100% 0;
}

.m-header-global-nav__item a.franchise:before {
    background-position: -200% 0;
}

.m-header-global-nav__item a.about:before {
    background-position: -300% 0;
}

.m-header-global-nav__item a.contact:before {
    background-position: -400% 0;
}

.m-header-global-nav__item a.recruit:before {
    background-position: -500% 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
pickup
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-pickup-bnr {
    *zoom: 1;
    margin-left: -50px;
    opacity: 0;
    height: 0;
}

.m-pickup-bnr:after {
    content: "";
    display: table;
    clear: both;
}

.m-pickup-bnr.is-load {
    opacity: 1;
    height: auto;
}

.m-pickup-bnr__item {
    float: left;
    margin-left: 50px;
}

.m-pickup-bnr__item a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    position: relative;
    display: block;
}

.m-pickup-bnr__item a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-pickup-bnr-title {
    position: absolute;
    left: 50%;
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 280px;
    height: 110px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.9);
    border: solid 2px #5D261B;
    border-radius: 6px;
}

.m-pickup-bnr-title:before {
    content: "";
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 4px;
    border: solid 1px #5D261B;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.m-pickup-bnr-title .en {
    display: block;
    font-weight: 700;
    font-size: 4rem;
}

.m-pickup-bnr-title .ja {
    display: block;
    font-size: 1.6rem;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
footer
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.l-footer {
    background-color: #ffffff;
}

.l-footer-inner {
    position: relative;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
    padding-bottom: 80px;
}

.m-footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-footer-nav__title {
    width: 180px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    text-align: center;
    margin-right: 30px;
}

.m-footer-nav__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 180px);
}

.m-footer-nav__content>* {
    margin-left: 35px;
}

.m-footer-nav-list {
    margin-right: 35px;
}

.m-footer-nav-list a:hover {
    text-decoration: underline;
}

.m-footer-nav-list__item {
    font-size: 1.6rem;
    font-weight: 700;
}

.m-footer-nav-list__item span {
    padding-left: 35px;
}

.m-footer-nav-list__item--sub {
    font-weight: normal;
    font-size: 1.4rem;
}

.m-footer-nav-list__item+.m-footer-nav-list__item {
    margin-top: 1em;
}

.m-footer-nav-list-child {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 225px;
    font-size: 1.4rem;
    font-weight: normal;
    padding-left: 35px;
}

.m-footer-nav-list-child>* {
    margin-top: 1em;
    margin-right: 1em;
    width: 50%;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-footer-nav-list-child>* a {
    position: relative;
    display: block;
    padding-left: 10px;
}

.m-footer-nav-list-child>* a:before {
    content: "";
    width: 5px;
    height: 1px;
    background-color: #5D261B;
    position: absolute;
    left: 0;
    top: 10px;
}

.m-footer-nav-instagram {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px;
    font-size: 1.4rem;
}

.m-footer-nav-instagram:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-footer-nav-instagram .icon {
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background-size: 100%;
    border-radius: 50%;
    background-color: #E7DEDD;
    background-image: url(../images/common/icon-instagram.png);
}

.m-footer-pt {
    display: block;
    width: 80px;
    height: 80px;
    position: fixed;
    right: 40px;
    bottom: 40px;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 5001;
}

.m-footer-pt:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-footer-pt img {
    border-radius: 50%;
}

.m-footer-address {
    display: block;
    margin-top: 30px;
    padding-top: 30px;
    border-top: solid 1px #e0e0e0;
    font-style: normal;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.6;
}

.m-footer-cr {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 5px;
    text-align: center;
    font-size: 1.3rem;
    line-height: 1.6;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
slider
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-icon-slide-prev,
.m-icon-slide-next {
    position: absolute;
    top: 50%;
    width: 52px;
    height: 52px;
    background-size: 100%;
    background-image: url(../images/common/icon-ar-r.png);
    text-indent: -9998em;
    z-index: 1;
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.m-icon-slide-prev:hover,
.m-icon-slide-next:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-icon-slide-prev.slick-disabled,
.m-icon-slide-next.slick-disabled {
    opacity: 0;
}

.m-icon-slide-prev {
    left: -20px;
    -webkit-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
}

.m-icon-slide-next {
    right: -70px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

/* =======================================================================
首頁
======================================================================= */
.m-home-mv {
    position: relative;
    left: 40%;
    max-width: 1360px;
    margin-left: 10%;
    margin-right: 10%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding-top: 15px;
    padding-bottom: 90px;
}

.m-home-mv .slick-list {
    overflow: visible;
}

.m-home-mv-list {
    opacity: 0;
    -webkit-transition: 1s;
    transition: 1s;
}

.m-home-mv-list.is-load {
    opacity: 1;
}

.m-home-mv-list__item {
    position: relative;
}

.m-home-mv-list-image {
    position: relative;
}

.m-home-mv-list-image img {
    width: 100%;
}

.m-home-mv-list-image:before {
    content: "";
    width: calc(100% + 1px);
    height: calc(100% + 1px);
    position: absolute;
    left: 0;
    top: 0;
    background-size: 100%;
    background-image: url(../images/index/bg-mv.png);
    z-index: 1;
}

.m-home-mv-list-image-text {
    position: absolute;
    z-index: 2;
}

.m-home-mv-list-image-text--01 {
    width: calc(312 / 1360 * 100%);
    left: 22%;
    top: 35%;
}

.m-home-mv-list-image-text--02 {
    width: calc(372 / 1360 * 100%);
    left: 10%;
    bottom: 25%;
}

.m-home-mv-list-image-text--03-01 {
    width: calc(244 / 1360 * 100%);
    left: 23%;
    top: 35%;
}

.m-home-mv-list-image-text--03-02 {
    width: calc(238 / 1360 * 100%);
    left: 40%;
    bottom: 40%;
}

.m-home-mv-list-image-text--04-01 {
    width: calc(250 / 1360 * 100%);
    left: 27%;
    top: 10%;
}

.m-home-mv-list-image-text--04-02 {
    width: calc(234 / 1360 * 100%);
    right: 10%;
    bottom: 20%;
}

.m-home-mv-list-image-text--05 {
    width: calc(316 / 1360 * 100%);
    left: 28%;
    top: 20%;
}

.m-home-mv-list-title {
    position: absolute;
    left: 10%;
    bottom: -52px;
    font-size: 2.6rem;
    line-height: 1.4;
    z-index: 2;
    color: #000;
}

.m-home-mv-datetime {
    position: absolute;
    right: 60px;
    bottom: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    font-size: 2.4rem;
    z-index: 2;
}

.m-home-mv-datetime small {
    font-size: 1.4rem;
}

.m-home-mv-datetime>*+* {
    margin-left: 5px;
}

.m-home-mv-datetime .icon {
    width: 110px;
    height: 86px;
    background-size: auto 100%;
    background-image: url(../images/index/icons-datetime.png);
}

.m-home-mv-datetime .icon--morning {
    background-position: 0% 0;
}

.m-home-mv-datetime .icon--day {
    background-position: -100% 0;
}

.m-home-mv-datetime .icon--evening {
    background-position: -200% 0;
}

.m-home-concept {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-left: -100px;
}

.m-home-concept>* {
    width: calc(50% - 100px);
    margin-left: 100px;
}

.m-home-concept-image {
    position: relative;
}

.m-home-concept-image:before {
    content: "";
    width: 482px;
    height: 356px;
    background-size: 100%;
    position: absolute;
    left: 50%;
    top: -260px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: url();
}

.m-home-shop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-home-shop__list {
    width: 420px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    padding: 30px 40px;
    background-color: #F0E2CA;
    border-radius: 10px;
}

.m-home-shop__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-home-shop__list__item+.m-home-shop__list__item {
    margin-top: 10px;
}

.m-home-shop__list__item>*+* {
    margin-left: 10px;
}

.m-home-shop__list__item .icon {
    width: 24px;
    height: 24px;
    background-size: 100%;
    background-image: url(../images/common/icon-donguri-br.png);
}

.m-home-shop__list__item .sub {
    position: relative;
    padding-left: 10px;
}

.m-home-shop__list__item .sub:before {
    content: "";
    width: 5px;
    height: 1px;
    background-color: #5D261B;
    position: absolute;
    left: 0;
    top: 50%;
}

.m-home-topics {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.m-home-topics__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: solid 1px #e0e0e0;
}

.m-home-topics__item>*+* {
    margin-left: 20px;
}

.m-home-topics__item .datetime {
    white-space: nowrap;
    font-size: 1.3rem;
    flex-shink: 0;
    margin-top: .5em;
}

.m-home-topics__item .cat {
    margin-top: .5em;
    min-width: 160px;
    flex-shink: 0;
    white-space: nowrap;
    border: solid 1px #5D261B;
    padding: 0 .25em;
    text-align: center;
    font-size: 1.3rem;
    background-color: #ffffff;
}

.m-home-topics__item a {
    position: relative;
    display: block;
    width: 100%;
    padding-right: 30px;
}

.m-home-topics__item a:hover {
    text-decoration: underline;
}

.m-home-topics__item a:before {
    content: "";
    width: 10px;
    height: 10px;
    border-top: solid 2px #e0e0e0;
    border-right: solid 2px #e0e0e0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -5px;
}

.m-home-products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: -50px;
}

.m-home-products__item {
    width: calc(100% / 3);
    margin-bottom: 50px;
    text-align: center;
}

.m-home-products__item a {
    display: block;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

.m-home-products__item a:hover {
    opacity: 0.7;
    text-decoration: none;
}

.m-concept+.m-concept {
    margin-top: 100px;
}

.m-concept-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.m-concept-content__title {
    line-height: 1.5;
}

.m-concept-content__text {
    width: 420px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-content-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.m-content-nav__item+.m-content-nav__item {
    margin-left: 20px;
}

.m-shop-index-title {
    position: relative;
    color: #ffffff;
    text-align: center;
}

.m-shop-index-title__content {
    white-space: nowrap;
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
}

.m-shop-index-title .en {
    display: block;
    font-size: 3.1rem;
}

.m-shop-index-title .ja {
    display: block;
    font-size: 4.4rem;
}

.m-shop-index-title__image {
    position: relative;
}

.m-shop-index-title__image:before {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(180deg);
    transform: translateX(-50%) rotate(180deg);
    bottom: -1px;
    width: 100%;
    height: 30px;
    background-size: auto 100%;
    background-position: 50% bottom;
    background-repeat: repeat-x;
    background-image: url(../images/common/bg-wave-be.png);
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
detail
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-shop-detail-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
}

.m-shop-detail-head__image {
    width: 516px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 50px;
}

.m-shop-detail-head__content {
    width: 514px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    overflow: hidden;
}

.m-shop-detail-head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.m-shop-detail-head-title .icon {
    width: 44px;
    height: 44px;
    margin-top: 4px;
    margin-right: 15px;
    background-color: #5D261B;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    background-image: url(../images/common/icon-wh.png);
}

.m-shop-detail-head-definition-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: -10px;
    border-top: dotted 1px #5D261B;
}

.m-shop-detail-head-definition-list__title {
    width: 120px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-shop-detail-head-definition-list-1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 0px;
    margin-top: 20px;
    border-top: dotted 1px #5D261B;
}

.m-shop-detail-head-icon-open {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    margin-top: 10px;
    margin-right: 10px;
    padding: .25em .75em;
    background-color: #C88C0E;
    border-radius: 4px;
    color: #ffffff;
    font-size: 1.4rem;
}

.m-shop-detail-head-icon-open small {
    font-size: 1.2rem;
}

.m-shop-detail-head-icon-open:before {
    content: "";
    position: absolute;
    left: 10px;
    top: -10px;
    border-bottom: solid 10px #C88C0E;
    border-left: solid 4px transparent;
    border-right: solid 4px transparent;
}

.m-shop-detail-head-icon-open--many {
    background-color: #8C1D22;
}

.m-shop-detail-head-icon-open--many:before {
    border-bottom-color: #8C1D22;
}

.m-shop-detail-head-icon-open--holiday {
    margin-top: 0;
    margin-right: 0;
    background-color: #8c1d22;
}

.m-shop-detail-head-icon-open--holiday:before {
    display: none;
}

.m-shop-detail-gallery-wrap {
    position: relative;
    *zoom: 1;
    margin-right: -4px;
}

.m-shop-detail-gallery-wrap:after {
    content: "";
    display: table;
    clear: both;
}

.m-shop-detail-gallery {
    float: left;
    width: 50%;
    *zoom: 1;
}

.m-shop-detail-gallery:after {
    content: "";
    display: table;
    clear: both;
}

.m-shop-detail-gallery:nth-of-type(even) {
    margin-left: -4px;
}

.m-shop-detail-gallery__item {
    float: left;
    margin-bottom: 4px;
    margin-left: 4px;
    width: calc(254 / 804 * 100%);
    overflow: hidden;
}

.m-shop-detail-gallery__item--m {
    width: calc(266 / 804 * 100%);
}

.m-shop-detail-gallery__item--l {
    width: calc(537 / 804 * 100%);
}

.m-shop-detail-gallery__item img {
    width: 100%;
}

.m-shop-detail-chat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-shop-detail-chat_img {
    margin-right: 60px;
}

.m-shop-detail-chat__content {
    width: 530px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 60px;
}

.m-shop-detail-chat-title {
    position: relative;
    min-height: 80px;
    padding-bottom: 10px;
    padding-left: 0px;
    border-bottom: solid 1px #e0e0e0;
}

.m-shop-detail-chat-title .en {
    display: block;
    font-size: 3.1rem;
}

.m-shop-detail-chat-title .ja {
    display: block;
    font-size: 3rem;
}

.m-shop-detail-chat-title:before {
    content: "";
    width: 70px;
    height: 70px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -40px;
    background-size: 100%;
    background-image: url();
}

.m-shop-detail-map {
    position: relative;
    height: 420px;
}

.m-shop-detail-map iframe {
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

/* =======================================================================
商品
======================================================================= */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
index
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-products-index-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.m-products-index-item+.m-products-index-item {
    margin-top: 80px;
}

.m-products-index-item__content {
    width: 465px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.m-products-index-item:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
detail
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-products-detail-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: right;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100px;
    height: 100px;
    color: #ffffff;
    font-size: 1.4rem;
    text-align: center;
    background-size: auto 100%;
    background-image: url(../images/products/common/icons-category.png);
}

.m-products-detail-icon--03,
.m-products-detail-icon--06 {
    color: #5D261B;
}

.m-products-detail-icon--02 {
    background-position: -100% 0;
}

.m-products-detail-icon--03 {
    background-position: -200% 0;
}

.m-products-detail-icon--04 {
    background-position: -300% 0;
}

.m-products-detail-icon--05 {
    background-position: -400% 0;
}

.m-products-detail-icon--06 {
    background-position: -500% 0;
}

.m-products-detail-icon--07 {
    background-position: -600% 0;
}

.m-products-detail-icon--08 {
    background-position: -700% 0;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
timeline
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-m-products-timeline {
    max-width: 920px;
    margin-left: auto;
    margin-right: auto;
}

.m-m-brand-timeline {
    margin-top: -120px;
}

.m-m-brand-timeline-1 {
    margin-top: -15px;
}

.m-products-timeline-title {
    position: relative;
    text-align: center;
    margin-top: 60px;
}

.m-products-timeline-title>* {
    position: relative;
    z-index: 1;
}

.m-products-timeline-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -60px;
    width: 0;
    height: 0;
    border: solid 100px transparent;
    border-top: solid 100px #F3DE7D;
    border-right: solid 100px #F3DE7D;
    margin: auto;
    border-radius: 50% 50%;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.m-products-timeline-title__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 90px;
    border-radius: 45px;
    padding-left: 20px;
    padding-right: 20px;
    border: solid 3px #F3DE7D;
    background-color: #ffffff;
}

.m-products-timeline-title__datetime {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}

.m-products-timeline-item {
    position: relative;
    width: 454px;
    height: 318px;
    padding: 40px 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    background-image: url(../images/common/bg-text.png);
}

.m-products-timeline-item--reverse {
    padding: 40px 30px 40px 70px;
    background-image: url(../images/common/bg-text-reverse.png);
}

.m-products-timeline-item__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: #ffffff;
    font-size: 1.7rem;
    font-weight: 700;
    width: 90px;
    height: 90px;
    background-size: 100%;
    background-image: url(../images/common/icon-voice-customer.png);
}

.m-products-timeline-item__icon a {
    color: #ffffff;
}

.m-products-timeline-item__icon--staff {
    background-image: url(../images/common/icon-voice-staff.png);
}

.m-products-timeline-item__content {
    overflow: hidden;
}

.m-products-timeline-item__image {
    position: absolute;
    right: 0;
    bottom: 0;
}

.m-products-timeline-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-products-timeline-col__item {
    width: 50%;
}

.m-products-timeline-col--1980-1 {
    margin-top: -300px;
}

.m-products-timeline-col__item--1980-1 {
    margin-top: 220px;
}

.m-products-timeline-item--1990-1 {
    margin-top: -150px;
}

.m-products-timeline-col--1990-1 {
    margin-top: -80px;
}

.m-products-timeline-col__item--1990-1 {
    margin-top: 100px;
}

.m-products-timeline-item--2000-1 {
    margin-top: -60px;
}

.m-products-timeline-col--2000-1 {
    margin-top: -240px;
}

.m-products-timeline-col__item--2000-1 {
    margin-top: 240px;
}

.m-products-timeline-col--2000-2 {
    margin-top: -200px;
}

.m-products-timeline-col--2000-3 {
    margin-top: -140px;
}

.m-recruit-nav {
    *zoom: 1;
    margin-left: -50px;
    opacity: 0;
    height: 0;
}

.m-recruit-nav:after {
    content: "";
    display: table;
    clear: both;
}

.m-recruit-nav.is-load {
    opacity: 1;
    height: auto;
}

.m-recruit-nav__item {
    width: calc(100% / 4 - 50px);
    margin-left: 50px;
}


/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
mobile requirements
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-recruit-requirements-tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: -6px;
}

.m-recruit-requirements-tab__item {
    width: calc(100% / 3 - 6px);
    margin-left: 6px;
}

.m-recruit-requirements-tab__item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 60px;
    background-color: #5D261B;
    color: #ffffff;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 4px 4px 0 0;
}

.m-recruit-requirements-tab__item a.is-active,
.m-recruit-requirements-tab__item a:hover {
    background-color: #F0E2CA;
    color: #5D261B;
}

.m-recruit-requirements-schedule {
    border: solid 2px #E6CEA7;
}

.m-recruit-requirements-schedule__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
}

.m-recruit-requirements-schedule__item+.m-recruit-requirements-schedule__item {
    border-top: solid 2px #E6CEA7;
}

.m-recruit-requirements-schedule__item__datetime {
    width: 230px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 4px;
    height: 40px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-right: 20px;
    text-align: center;
    background-color: #CAE0B3;
}

.m-recruit-requirements-schedule__item__datetime--pk {
    background-color: #ECC1B7;
}

.m-recruit-requirements-schedule__item__datetime--bl {
    background-color: #C8EAEF;
}

.m-recruit-requirements-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.m-recruit-requirements-col__image {
    width: 400px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    margin-left: 60px;
}

.m-recruit-requirements-col__content {
    width: calc(100% - 460px);
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
making-brand
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-recruit-making-new-breads-col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 0px;
}

.m-recruit-making-new-breads-col:nth-of-type(1) {
    margin-right: -30px;
}

.m-recruit-making-new-breads-col:nth-of-type(3) {
    margin-right: -80px;
}

.m-recruit-making-new-breads-col__content {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 520px;
    margin-right: 40px;
    margin-top: 160px;
}

.m-recruit-making-new-breads-col__content-1 {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 520px;
    margin-right: 40px;
    margin-top: 15px;
}

.m-recruit-making-new-breads-col:nth-of-type(1) .m-recruit-making-new-breads-col__content {
    -webkit-transform: translateY(-20%);
    transform: translateY(-20%);
}

.m-recruit-making-new-breads-col:nth-of-type(even) .m-recruit-making-new-breads-col__content {
    margin-right: 0;
    margin-left: 40px;
}

.m-recruit-making-new-breads-col:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    margin-top: 0px;
}

/* =======================================================================
公司概要
======================================================================= */
.m-company-philosophy-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    margin-left: -50px;
    margin-right: -1px;
}

.m-company-philosophy-list__item {
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    width: calc(100% / 3 - 50px);
    margin-left: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    padding: 70px 30px;
}

.m-company-philosophy-list__item .icon {
    position: absolute;
    left: 50%;
    top: 0;
    width: 72px;
    height: 72px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 50%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #CE9D50;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3rem;
    color: #ffffff;
}

.m-company-philosophy-text {
    position: relative;
    padding-bottom: 60px;
    float: right;
}

.m-company-philosophy-text__image {
    position: absolute;
    left: -180px;
    bottom: 0;
}

.m-company-philosophy-text__content {
    width: 900px;
    height: 440px;
    background-size: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #ffffff;
    background-image: url(../images/common/bg-text.png);
}

.m-company-tbl {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    border: solid 2px #E6CEA7;
    background-color: #ffffff;
}

.m-company-tbl th,
.m-company-tbl td {
    padding: 20px;
    border: solid 1px #E6CEA7;
    vertical-align: top;
}

.m-company-tbl th {
    width: 240px;
    text-align: center;
    font-weight: 700;
    background-color: #F0E2CA;
}

.m-company-shop {
    *zoom: 1;
    margin-left: -20px;
    margin-bottom: -20px;
}

.m-company-shop:after {
    content: "";
    display: table;
    clear: both;
}

.m-company-shop__item {
    float: left;
    width: 50%;
    margin-bottom: 20px;
    padding-left: 20px;
}

/* =======================================================================
about
======================================================================= */

.m-cms-body,
.m-blog-article-body {
    *zoom: 1;
}

.m-cms-body:after,
.m-blog-article-body:after {
    content: "";
    display: table;
    clear: both;
}

.m-cms-body a,
.m-blog-article-body a {
    text-decoration: underline;
    color: #CE9D50;
}

.m-cms-body a:hover,
.m-blog-article-body a:hover {
    text-decoration: none;
}

.m-cms-body pre,
.m-blog-article-body pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}

.m-cms-body hr,
.m-blog-article-body hr {
    height: 1px;
    background-color: #e0e0e0;
    border: 0;
    margin-bottom: 1.5em;
}

.m-cms-body blockquote,
.m-blog-article-body blockquote {
    position: relative;
    background-color: #faf8f5;
    margin: 0 0 1.5em;
    padding: 20px;
}

.m-cms-body p,
.m-blog-article-body p {
    *zoom: 1;
}

.m-cms-body p:after,
.m-blog-article-body p:after {
    content: "";
    display: table;
    clear: both;
}

.m-cms-body img,
.m-blog-article-body img {
    max-width: 100%;
    height: auto;
    border-radius: 10px;
}

.m-cms-body img.alignleft,
.m-blog-article-body img.alignleft {
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
}

.m-cms-body img.alignright,
.m-blog-article-body img.alignright {
    float: right;
    margin-left: 40px;
    margin-bottom: 20px;
}

.m-cms-body img.aligncenter,
.m-blog-article-body img.aligncenter {
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.m-cms-body h1,
.m-cms-body h2,
.m-cms-body h3,
.m-cms-body h4,
.m-cms-body h5,
.m-cms-body h6,
.m-cms-body ul,
.m-cms-body ol,
.m-cms-body p,
.m-blog-article-body h1,
.m-blog-article-body h2,
.m-blog-article-body h3,
.m-blog-article-body h4,
.m-blog-article-body h5,
.m-blog-article-body h6,
.m-blog-article-body ul,
.m-blog-article-body ol,
.m-blog-article-body p {
    margin-bottom: 20px;
}

.m-cms-body h1,
.m-cms-body h2,
.m-cms-body h3,
.m-cms-body h4,
.m-cms-body h5,
.m-cms-body h6,
.m-blog-article-body h1,
.m-blog-article-body h2,
.m-blog-article-body h3,
.m-blog-article-body h4,
.m-blog-article-body h5,
.m-blog-article-body h6 {
    line-height: 1.5;
    font-weight: bold;
}

.m-cms-body ul,
.m-cms-body ol,
.m-cms-body p,
.m-cms-body table,
.m-cms-body blockquote,
.m-blog-article-body ul,
.m-blog-article-body ol,
.m-blog-article-body p,
.m-blog-article-body table,
.m-blog-article-body blockquote {
    line-height: 1.6;
    font-size: 1.5rem;
}

.m-cms-body p,
.m-blog-article-body p {
    line-height: 1;
}

.m-cms-body ul>li,
.m-blog-article-body ul>li {
    position: relative;
    padding-left: 1em;
}

.m-cms-body ul>li:before,
.m-blog-article-body ul>li:before {
    content: "・";
    position: absolute;
    left: 0;
    top: 0;
}

.m-cms-body ol,
.m-blog-article-body ol {
    list-style: decimal;
    margin-left: 1.5em;
}

.m-cms-body h1,
.m-blog-article-body h1 {
    font-size: 2.6rem;
}

.m-cms-body h2,
.m-blog-article-body h2 {
    font-size: 2.4rem;
}

.m-cms-body h3,
.m-blog-article-body h3 {
    font-size: 2.2rem;
}

.m-cms-body h4,
.m-blog-article-body h4 {
    font-size: 2.0rem;
}

.m-cms-body h5,
.m-blog-article-body h5 {
    font-size: 1.8rem;
}

.m-cms-body h6,
.m-blog-article-body h6 {
    font-size: 1.6rem;
}

.m-cms-body table,
.m-blog-article-body table {
    margin-bottom: 1.5em;
    width: 100%;
    background-color: #ffffff;
}

.m-cms-body table thead th,
.m-blog-article-body table thead th {
    background-color: #5D261B;
    color: #ffffff;
}

.m-cms-body table thead td,
.m-blog-article-body table thead td {
    background-color: #faf8f5;
}

.m-cms-body table th,
.m-cms-body table td,
.m-blog-article-body table th,
.m-blog-article-body table td {
    padding: 10px 1em;
    border: solid 1px #e0e0e0;
    vertical-align: middle;
}

.m-cms-body table th,
.m-blog-article-body table th {
    font-weight: 700;
}

.m-cms-body table tbody th,
.m-blog-article-body table tbody th {
    background-color: #CE9D50;
    text-align: left;
    color: #ffffff;
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  雲廚台北
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.cloud-kitchen-landing {
    background: url(../images/cloud-kitchen/landing-bg.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    padding-bottom: 180px;
}

.cloud-kitchen-landing p {
    width: 35%;
    margin-bottom: 80px;
}

.cloud-kitchen-start h3 {
    font-size: 32px;
    text-align: center;
    margin-top: 80px;
    margin-bottom: 24px;
}

.cloud-kitchen-start p {
    font-size: 18px;
    line-height: 1.75;
    text-align: center;
}

.cloud-kitchen-start picture {
    margin-top: 80px;
}

.cloud-kitchen-start img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.cloud-kitchen-feature {
    background: #fff;
}

.cloud-kitchen-feature__block {
    display: flex;
    flex-wrap: wrap;
}

.cloud-kitchen-feature__item {
    text-align: center;
    padding: 0 20px 28px;
}

.cloud-kitchen-feature__item--half {
    width: 50%;
    border: 1px dashed #F0E2CA;
}

.cloud-kitchen-feature__item--full {
    width: 100%;
    padding-top: 20px;
}

.cloud-kitchen-feature__item--1,
.cloud-kitchen-feature__item--2 {
    border-top: none;
}

.cloud-kitchen-feature__item--1,
.cloud-kitchen-feature__item--3 {
    border-left: none;
}

.cloud-kitchen-feature__item--2,
.cloud-kitchen-feature__item--4 {
    border-right: none;
}

.cloud-kitchen-feature__item h3 {
    font-size: 22px;
    margin-bottom: 20px;
}

.cloud-kitchen-feature__item h3 span {
    font-size: 40px;
    color: #FEC331;
    margin-bottom: 16px;
}

.cloud-kitchen-feature__item p {
    font-size: 16px;
    line-height: 1.75;
}

.cloud-kitchen-feature__brand {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.cloud-kitchen-feature__brand img {
    margin-left: 20px;
    margin-right: 20px;
}

.cloud-kitchen-feature__note {
    font-size: 16px;
}

.cloud-kitchen-feature__slogan {
    text-align: center;
    font-size: 22px;
    color: #FEC331;
    line-height: 1.75;
    font-weight: bold;
}

.cloud-kitchen-recommended__item {
    display: flex;
    width: 100%;
    align-items: center;
}

.cloud-kitchen-recommended__item h4 {
    font-size: 28px;
    color: #CE9D50;
    line-height: 1;
    padding: 20px 36px;
    background: #fff;
    border: solid 2px #F0E2CA;
    border-radius: 100px;
}

.cloud-kitchen-recommended__item--odd img {
    margin-right: 46px;
}

.cloud-kitchen-recommended__item--even {
    flex-direction: row-reverse;
}

.cloud-kitchen-recommended__item--even img {
    margin-left: 46px;
}

.cloud-kitchen-why {
    text-align: center;
}

.cloud-kitchen-why h3 {
    font-size: 32px;
    margin-bottom: 24px;
}

.cloud-kitchen-why p {
    line-height: 1.75;
}

.cloud-kitchen-why__block {
    display: flex;
    margin-top: 50px;
}

.cloud-kitchen-why__item {
    width: 50%;
    padding: 10px 50px;
}

.cloud-kitchen-why__item:nth-child(1) {
    border-right: 1px solid #F0E2CA;
}

.cloud-kitchen-why__item h4 {
    font-size: 22px;
    margin: 20px auto;
}

@media (max-width: 992px) {
    .cloud-kitchen-landing {
        background-size: 70%;
        background-position: center right;
        padding-bottom: 30px;
    }

    .cloud-kitchen-landing img {
        width: 80px;
    }

    .cloud-kitchen-landing p {
        width: 50%;
    }

    .cloud-kitchen-recommended__item--odd img {
        margin-right: 24px;
    }

    .cloud-kitchen-recommended__item--even img {
        margin-left: 24px;
    }

    .cloud-kitchen-recommended__item h4 {
        font-size: 20px;
        padding: 16px 24px;
    }
}

@media (max-width: 768px) {
    .cloud-kitchen-landing {
        background-size: 60%;
        background-position: bottom right;
        padding-bottom: 180px;
    }

    .cloud-kitchen-landing img {
        width: 55px;
    }

    .cloud-kitchen-landing p {
        width: 100%;
    }

    .cloud-kitchen-start img {
        width: 80%;
    }

    .cloud-kitchen-start h3 {
        font-size: 20px;
        margin-top: 40px;
    }

    .cloud-kitchen-start p {
        font-size: 15px;
    }

    .cloud-kitchen-feature__item h3 {
        font-size: 15px;
        margin-bottom: 12px;
    }

    .cloud-kitchen-feature__item h3 span {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .cloud-kitchen-feature__item p {
        font-size: 14px;
    }

    .cloud-kitchen-feature__item p br {
        display: none;
    }

    .cloud-kitchen-feature__item--1,
    .cloud-kitchen-feature__item--3 {
        padding-left: 0;
    }

    .cloud-kitchen-feature__item--2,
    .cloud-kitchen-feature__item--4 {
        padding-right: 0;
    }

    .cloud-kitchen-feature__brand img {
        width: calc(100% / 3 - 40px);
    }

    .cloud-kitchen-recommended__item img {
        width: 70px;
    }

    .cloud-kitchen-recommended__item--odd img {
        margin-right: 16px;
    }

    .cloud-kitchen-recommended__item--even img {
        margin-left: 16px;
    }

    .cloud-kitchen-recommended__item h4 {
        font-size: 16px;
        padding: 12px 16px;
    }

    .cloud-kitchen-why h3 {
        font-size: 20px;
    }

    .cloud-kitchen-why p {
        font-size: 14px;
    }

    .cloud-kitchen-why__item h4 {
        font-size: 18px;
    }

    .cloud-kitchen-why__item:nth-child(1) {
        padding-left: 0;
        padding-right: 20px;
    }

    .cloud-kitchen-why__item:nth-child(2) {
        padding-right: 0;
        padding-left: 20px;
    }

}

@media (max-width: 576px) {
    .cloud-kitchen-landing {
        background-size: 90%;
        padding-bottom: 120px;
    }

    .cloud-kitchen-landing p {
        margin-bottom: 40px;
    }

    .cloud-kitchen-start p br {
        display: none;
    }

    .cloud-kitchen-feature__item {
        width: 100%;
        border-left: none;
        border-right: none;
    }

    .cloud-kitchen-feature__slogan {
        font-size: 18px;
    }

    .cloud-kitchen-why p br {
        display: none;
    }

    .cloud-kitchen-why__block {
        flex-wrap: wrap;
        margin-top: 20px;
    }

    .cloud-kitchen-why__item {
        width: 100%;
    }

    .cloud-kitchen-why__item:nth-child(1) {
        padding-right: 0;
        padding-bottom: 20px;
        border-right: none;
        border-bottom: 1px solid #F0E2CA;
    }

    .cloud-kitchen-why__item:nth-child(2) {
        padding-left: 0;
        padding-top: 20px;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  兒童食堂
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.table-for-kids-landing {
    background: #EFE8DC;
    background-image: url(../images/table-for-kids/landing-bg.png);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

.table-for-kids-landing h1 {
    margin-top: 0px;
}

.table-for-kids-landing__title {
    background: #FAF8F5;
    padding: 10px;
    width: fit-content;
    margin-bottom: 12px;
}

.table-for-kids-landing__subtitle {
    background: #FAF8F5;
    padding: 10px;
    width: fit-content;
    line-height: 1;
}

.table-for-kids-landing__block {
    position: relative;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    background: #FAF8F5;
    width: 100%;
    max-width: 700px;
    padding: 40px 60px;
    margin-top: 180px;
    border-radius: 20px;
}

.table-for-kids-landing__block h3 {
    position: absolute;
    font-size: 28px;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
}

.table-for-kids-landing__deco {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 4px;
    height: 4px;
    background: #FEC331;
    border-radius: 100%;
    margin-bottom: 10px;
}

.table-for-kids-landing__deco::before,
.table-for-kids-landing__deco::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 4px;
    height: 4px;
    background: #FEC331;
    border-radius: 100%;
}

.table-for-kids-landing__deco::before {
    top: 0;
    right: 10px;
}

.table-for-kids-landing__deco::after {
    top: 0;
    left: 10px;
}

.table-for-kids-dream__block {
    display: flex;
    justify-content: center;
    align-items: center;
}

.table-for-kids-dream__block p {
    line-height: 1.7;
    font-weight: bold;
    margin-left: 70px;
}

.table-for-kids-dream__for {
    text-align: center;
    line-height: 1.7;
}

.table-for-kids-reason {
    background: #EFE8DC;
}

.table-for-kids-reason__block {
    display: flex;
    align-items: center;
}

.table-for-kids-reason__block>img {
    width: 50%;
}

.table-for-kids-reason__item {
    width: 50%;
    margin-left: 45px;
}

.table-for-kids-reason__item h3 {
    margin-bottom: 12px;
}

.table-for-kids-reason__item img {
    margin: 16px 0;
}

.table-for-kids-edu__block {
    text-align: center;
    margin-top: 60px;
}

.table-for-kids-edu__block img {
    display: inline-block;
    vertical-align: middle;
}

.table-for-kids-edu__block .arrow {
    margin: 0 80px;
}

.table-for-kids-edu p {
    font-size: 19px;
    text-align: center;
    line-height: 1.7;
    margin-top: 60px;
}

.table-for-kids-involve h3 {
    text-align: center;
}

.table-for-kids-involve h3 span {
    color: #FEC331;
    margin-top: 14px;
}

.table-for-kids-involve b {
    display: block;
    text-align: center;
    font-size: 19px;
    line-height: 1.7;
    margin: 48px auto;
}

.table-for-kids-involve p {
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
}

.table-for-kids-involve__block {
    display: flex;
}

.table-for-kids-involve__item {
    width: 50%;
    text-align: center;
    padding: 0 40px;
}

.table-for-kids-involve__item h4 {
    padding: 15px;
    background: #F0E2CA;
    line-height: 1;
    margin-bottom: 36px;
}

.table-for-kids-involve__item--credit {
    border-right: 1px solid #EFE8DC;
}

.table-for-kids-involve__item--credit ul {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 28px;
}

.table-for-kids-involve__item--credit li {
    margin: 0 10px;
}

.table-for-kids-involve__item--atm ul {
    font-size: 19px;
    line-height: 1.7;
}

.table-for-kids-involve__useful {
    font-size: 19px;
}

.table-for-kids-involve__item .btn {
    margin-top: 44px;
}

@media (max-width: 992px) {
    .table-for-kids-reason__block {
        flex-wrap: wrap;
    }

    .table-for-kids-reason__block>img {
        width: 80%;
        max-width: 350px;
        margin-bottom: 30px;
    }

    .table-for-kids-reason__item {
        width: 100%;
        margin-left: initial;
    }

    .table-for-kids-edu__block .arrow {
        margin: 0 10px;
    }
}

@media (max-width: 768px) {
    .table-for-kids-landing__block {
        padding: 20px 30px;
    }

    .table-for-kids-landing__block h3 {
        font-size: 22px;
    }

    .table-for-kids-landing__block p {
        font-size: 14px;
    }

    .table-for-kids-dream__block img {
        width: 150px;
    }

    .table-for-kids-dream__block p {
        font-size: 14px;
        margin-left: 30px;
    }

    .table-for-kids-dream__block p br {
        display: none;
    }

    .table-for-kids-dream__for {
        font-size: 14px;
    }

    .table-for-kids-dream__for br {
        display: none;
    }

    .table-for-kids-edu__block {
        margin-top: 30px;
    }

    .table-for-kids-edu__block .food {
        width: 35%;
    }

    .table-for-kids-edu__block .arrow {
        width: 20%;
    }

    .table-for-kids-edu__block .education {
        width: 30%;
    }

    .table-for-kids-edu p {
        font-size: 15px;
        margin-top: 30px;
    }

    .table-for-kids-involve b {
        font-size: 16px;
        margin: 20px 0;
    }

    .table-for-kids-involve p {
        font-size: 14px;
    }

    .table-for-kids-involve__item {
        padding: 0 10px;
    }

    .table-for-kids-involve__useful {
        font-size: 15px;
    }

    .table-for-kids-involve__item--atm ul {
        font-size: 15px;
    }
}

@media (max-width: 576px) {
    .table-for-kids-landing {
        background-position: 52% bottom;
    }

    .table-for-kids-landing__block {
        margin-top: 140px;
    }

    .table-for-kids-landing__block p br {
        display: none;
    }

    .table-for-kids-dream__block {
        flex-wrap: wrap;
    }

    .table-for-kids-dream__block img {
        width: 50%;
        margin-bottom: 30px;
    }

    .table-for-kids-dream__block p {
        width: 100%;
        margin-left: initial;
        text-align: center;
    }

    .table-for-kids-involve b br {
        display: none;
    }

    .table-for-kids-involve__block {
        flex-wrap: wrap;
    }

    .table-for-kids-involve__item {
        width: 100%;
    }

    .table-for-kids-involve__item--credit {
        border-right: none;
        border-bottom: 1px solid #EFE8DC;
        padding-bottom: 30px;
        margin-bottom: 30px;
    }

    .table-for-kids-involve__item .btn {
        margin-top: 24px;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
店家宅配-列表
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-content-mv--delivery {
    background-image: url(../images/home-delivery/banner.jpg);
}

.home-delivery-content h2 {
    text-align: center;
    font-size: 22px;
}

.home-delivery-content h2 span {
    font-size: 40px;
    color: #FEC331;
    margin-bottom: 16px;
}

.home-delivery-content p {
    font-size: 18px;
    text-align: center;
    line-height: 1.75;
}

.home-delivery-content__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.home-delivery-content__item {
    width: calc(100% / 3 - 20px);
    padding: 25px;
    border: solid 1px #EFE8DC;
    margin: 10px;
}

.home-delivery-content__item:hover img {
    opacity: 0.7;
}

.home-delivery-content__item img {
    max-width: 100%;
    border-radius: 6px;
    transition-duration: .3s;
}

.home-delivery-content__item h3 {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 25px;
}

@media screen and (max-width: 992px) {
    .home-delivery-content__item {
        width: calc(100% / 2 - 20px);
    }
}

@media screen and (max-width: 768px) {
    .home-delivery-content h2 {
        font-size: 15px;
    }

    .home-delivery-content h2 span {
        font-size: 28px;
        margin-bottom: 8px;
    }

    .home-delivery-content p {
        font-size: 15px;
    }

    .home-delivery-content__item {
        padding: 15px;
    }

    .home-delivery-content__item h3 {
        font-size: 15px;
        margin-top: 15px;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
店家宅配-各店
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
.m-content-mv--delivery-1 {
    background-image: url(../images/home-delivery/banner-1.jpg);
}

.m-content-mv--delivery-2 {
    background-image: url(../images/home-delivery/banner-2.jpg);
}

.m-content-mv--delivery-3 {
    background-image: url(../images/home-delivery/banner-3.jpg);
}

.m-content-mv--delivery-4 {
    background-image: url(../images/home-delivery/banner-4.jpg);
}

.m-content-mv--delivery-5 {
    background-image: url(../images/home-delivery/banner-5.jpg);
}

.home-delivery-shop h2 {
    padding-bottom: 10px;
    border-bottom: solid 1px #E0E0E0;
}

.home-delivery-shop p {
    font-size: 18px;
    line-height: 1.75;
}

.home-delivery-shop__block {
    display: flex;
    flex-wrap: wrap;
}

.home-delivery-shop__item {
    width: calc(100% / 4 - 20px);
    padding: 20px;
    border: solid 1px #EFE8DC;
    margin: 10px;
}

.home-delivery-shop__item h3 {
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.7;
    margin-top: 16px;
}

.home-delivery-service__block {
    display: flex;
    justify-content: center;
}

.home-delivery-service__item {
    display: inline-block;
    margin: 10px;
    transition-duration: .3s;
}

.home-delivery-service__item:hover {
    opacity: .7;
}

@media screen and (max-width: 992px) {
    .home-delivery-shop__item {
        width: calc(100% / 2 - 20px);
    }
}

@media screen and (max-width: 768px) {
    .home-delivery-shop p {
        font-size: 15px;
    }

    .home-delivery-shop__item {
        padding: 15px;
    }

    .home-delivery-shop__item h3 {
        font-size: 15px;
    }
}

@media screen and (max-width: 576px) {
    .home-delivery-shop__item {
        padding: 10px;
        margin: 5px;
        width: calc(100% / 2 - 10px);
    }
}

@media screen and (max-width: 767px) {

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  module
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    /* sp only */
    .m-align-c--pc {
        text-align: inherit;
    }

    .m-sp-only {
        display: block;
    }

    .m-pc-only {
        display: none;
    }

    /* text */
    .m-text-10 {
        font-size: 1rem;
        line-height: 1.5;
    }

    .m-text-11 {
        font-size: 1rem;
        line-height: 1.5;
    }

    .m-text-12 {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .m-text-13 {
        font-size: 1.1rem;
        line-height: 1.5;
    }

    .m-text-14 {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .m-text-15 {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .m-text-16 {
        font-size: 1.4rem;
        line-height: 1.75;
    }

    .m-text-16-1 {
        font-size: 1.4rem;
        line-height: 1.75;
    }

    .m-text-17 {
        font-size: 1.4rem;
        line-height: 1.5;
    }

    .m-text-18 {
        font-size: 1.6rem;
        line-height: 1.75;
    }

    .m-text-19 {
        font-size: 1.5rem;
        letter-spacing: -0.1rem;
    }

    .m-text-20 {
        font-size: 1.7rem;
    }

    .m-text-21 {
        font-size: 1.85rem;
    }

    .m-text-22 {
        font-size: 1.6rem;
    }

    .m-text-23 {
        font-size: 1.7rem;
    }

    .m-text-24 {
        font-size: 1.7rem;
    }

    .m-text-25 {
        font-size: 1.7rem;
    }

    .m-text-26 {
        font-size: 1.7rem;
    }

    .m-text-27 {
        font-size: 1.8rem;
    }

    .m-text-28 {
        font-size: 1.8rem;
    }

    .m-text-30 {
        font-size: 1.8rem;
    }

    .m-text-31 {
        font-size: 1.8rem;
    }

    .m-text-32 {
        font-size: 1.9rem;
        font-weight: 600
    }

    .m-text-34 {
        font-size: 1.9rem;
    }

    .m-text-35 {
        font-size: 2rem;
        font-weight: 600
    }

    .m-text-36 {
        font-size: 1.9rem;
    }

    .m-text-37 {
        font-size: 1.9rem;
    }

    .m-text-38 {
        font-size: 2.0rem;
        font-weight: 600
    }

    .m-text-40 {
        font-size: 2.8rem;
    }

    .m-text-42 {
        font-size: 2.0rem;
    }

    .m-text-44 {
        font-size: 2.0rem;
    }

    .m-text-46 {
        font-size: 2.0rem;
    }

    .m-text-48 {
        font-size: 2.0rem;
    }

    .m-text-50 {
        font-size: 2.2rem;
    }

    .m-text-52 {
        font-size: 2.5rem;
    }

    .m-ls1 {
        letter-spacing: 0em;
    }

    .m-ls2 {
        letter-spacing: 0em;
    }

    .m-hline {
        text-decoration: none;
    }

    .m-hline:hover {
        text-decoration: none;
    }

    .m-op {
        -webkit-transition: opacity 0s;
        transition: opacity 0s;
    }

    .m-op:hover {
        opacity: 1;
    }

    /* margin */
    .m-mt-2xs {
        margin-top: 5px;
    }

    .m-mt-xs {
        margin-top: 10px;
    }

    .m-mt-s {
        margin-top: 10px;
    }

    .m-mt {
        margin-top: 15px;
    }

    .m-mt-l {
        margin-top: 20px;
    }

    .m-mt-xl {
        margin-top: 25px;
    }

    .m-mt-2xl {
        margin-top: 30px;
    }

    .m-mt-3xl {
        margin-top: 30px;
    }

    .m-mb-2xs {
        margin-bottom: 5px;
    }

    .m-mb-xs {
        margin-bottom: 10px;
    }

    .m-mb-s {
        margin-bottom: 10px;
    }

    .m-mb {
        margin-bottom: 15px;
    }

    .m-mb-l {
        margin-bottom: 20px;
    }

    .m-mb-xl {
        margin-bottom: 25px;
    }

    .m-mb-2xl {
        margin-bottom: 30px;
    }

    .m-mb-3xl {
        margin-bottom: 30px;
    }

    /* padding */
    .m-pt-2xs {
        padding-top: 5px;
    }

    .m-pt-xs {
        padding-top: 10px;
    }

    .m-pt-s {
        padding-top: 10px;
    }

    .m-pt {
        padding-top: 15px;
    }

    .m-pt-l {
        padding-top: 20px;
    }

    .m-pt-xl {
        padding-top: 25px;
    }

    .m-pt-2xl {
        padding-top: 30px;
    }

    .m-pt-3xl {
        padding-top: 30px;
    }

    .m-pb-2xs {
        padding-bottom: 5px;
    }

    .m-pb-xs {
        padding-bottom: 10px;
    }

    .m-pb-s {
        padding-bottom: 10px;
    }

    .m-pb {
        padding-bottom: 15px;
    }

    .m-pb-l {
        padding-bottom: 20px;
    }

    .m-pb-xl {
        padding-bottom: 25px;
    }

    .m-pb-2xl {
        padding-bottom: 30px;
    }

    .m-pb-3xl {
        padding-bottom: 30px;
    }

    .m-p-xs {
        padding: 10px;
    }

    .m-p-s {
        padding: 10px;
    }

    .m-p {
        padding: 15px;
    }

    .m-p-l {
        padding: 20px;
    }

    .m-p-xl {
        padding: 20px;
    }

    .m-mr-3em {
        margin-right: 0em;
    }

    .l-inner-s,
    .l-inner,
    .l-inner-l {
        max-width: inherit;
        padding-left: 15px;
        padding-right: 15px;
    }

    .l-inner-s .l-inner-s,
    .l-inner-s .l-inner,
    .l-inner .l-inner-s,
    .l-inner .l-inner {
        padding-left: 0;
        padding-right: 0;
    }

    /* border */
    .m-radius {
        border-radius: 3px;
    }

    /* bg */
    .m-image-wave {
        position: relative;
    }

    .m-image-wave:before {
        height: 5px;
    }

    /* flex */
    .m-flex:not(.m-flex--sp) {
        display: block;
        margin-bottom: 0;
    }

    .m-flex:not(.m-flex--sp).m-flex--c3 {
        margin-right: 0;
    }

    .m-flex:not(.m-flex--sp).m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--c5>.m-flex__item {
        width: auto;
    }

    .m-flex:not(.m-flex--sp).m-flex--g10,
    .m-flex:not(.m-flex--sp).m-flex--g20,
    .m-flex:not(.m-flex--sp).m-flex--g30,
    .m-flex:not(.m-flex--sp).m-flex--g40,
    .m-flex:not(.m-flex--sp).m-flex--g50 {
        margin-left: 0;
        margin-bottom: 0;
    }

    .m-flex:not(.m-flex--sp).m-flex--g10>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g20>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g30>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g40>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g50>.m-flex__item {
        margin-left: 0;
        margin-bottom: 0;
    }

    .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g10.m-flex--c5>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g20.m-flex--c5>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g30.m-flex--c5>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g40.m-flex--c5>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g50.m-flex--c2>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g50.m-flex--c3>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g50.m-flex--c4>.m-flex__item,
    .m-flex:not(.m-flex--sp).m-flex--g50.m-flex--c5>.m-flex__item {
        width: auto;
    }

    .m-flex:not(.m-flex--sp)>.m-flex__item+.m-flex__item {
        margin-top: 15px;
    }

    .m-flex--sp {
        margin-left: -15px;
        margin-bottom: -15px;
    }

    .m-flex--sp.m-flex--sp-left {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .m-flex--sp>.m-flex__item {
        margin-left: 15px;
        margin-bottom: 15px;
    }

    .m-flex--sp.m-flex--c2>.m-flex__item {
        width: calc((100% / 2) - 15px);
    }

    .m-flex--sp.m-flex--c3>.m-flex__item {
        width: calc((100% / 3) - 15px);
    }

    .m-flex--sp.m-flex--c4>.m-flex__item {
        width: calc((100% / 4) - 15px);
    }

    .m-flex--sp.m-flex--c5>.m-flex__item {
        width: calc((100% / 5) - 15px);
    }

    .m-flex--sp.m-flex--sp-c2>.m-flex__item {
        width: calc((100% / 2) - 15px);
    }

    .m-flex--sp.m-flex--sp-c3>.m-flex__item {
        width: calc((100% / 3) - 15px);
    }

    /* btn */
    button.m-btn,
    input.m-btn,
    a.m-btn,
    .m-btn {
        height: 40px;
        width: 100%;
        line-height: 40px;
        border-radius: 20px;
        font-size: 1.4rem;
    }

    button.m-btn:before,
    input.m-btn:before,
    a.m-btn:before,
    .m-btn:before {
        width: 8px;
        height: 8px;
        margin-top: -4px;
        right: 15px;
    }

    button.m-btn--back:before,
    input.m-btn--back:before,
    a.m-btn--back:before,
    .m-btn--back:before {
        right: auto;
        left: 15px;
    }

    button.m-btn--w200,
    input.m-btn--w200,
    a.m-btn--w200,
    .m-btn--w200 {
        width: 100%;
        margin-top: 10px;
    }

    button.m-btn--s,
    input.m-btn--s,
    a.m-btn--s,
    .m-btn--s {
        height: 30px;
        line-height: 30px;
        border-radius: 15px;
        font-size: 1.2rem;
    }

    /* icon */
    /* breadcrumb */
    .m-breadcrumb {
        padding: 10px;
        max-width: inherit;
        font-size: 1rem;
    }

    .m-breadcrumb__item:before {
        font-size: 1rem;
    }

    /* title */
    .m-content-mv {
        height: 0;
        padding-bottom: 70%;
    }

    .m-content-mv .en {
        font-size: 1.5rem;
    }

    .m-content-mv .ja {
        font-size: 2.5rem;
    }

    .m-content-mv-text {
        font-size: 1.2rem;
    }

    .m-content-mv__content {
        white-space: nowrap;
    }

    .m-content-mv--default {
        background-size: 210px;
        height: 0px;
        padding-bottom: 50%;
    }

    .m-content-mv--default .ja {
        font-size: 2rem;
    }

    .m-content-mv .m-breadcrumb {
        top: 10px;
    }

    .m-title-dot>span:after,
    .m-title-dot>span:before {
        width: 50px;
        height: 2px;
    }

    .m-title-dot>span:before {
        left: -60px;
    }

    .m-title-dot>span:after {
        right: -60px;
    }

    .m-title-dot .en {
        font-size: 3.2rem;
    }

    .m-title-dot .ja {
        font-size: 1.5rem;
    }

    .m-title-flag>span {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .m-title-flag>span:after,
    .m-title-flag>span:before {
        content: "";
        width: calc(316px / 3);
        height: calc(138px / 3);
    }

    .m-title-flag>span:before {
        left: -15px;
    }

    .m-title-flag>span:after {
        right: -15px;
    }

    .m-title-flag .en {
        font-size: 3.2rem;
    }

    .m-title-flag .ja {
        font-size: 1.2rem;
    }

    .m-align-w {
        width: 100%;
        padding-left: 0px;
    }

    .m-align-w span {
        margin-right: 0px;
        float: none;
    }

    /* modal window */
    .m-modal-item {
        border-radius: 3px;
        padding: 15px;
        width: calc(100% - 30px);
    }

    .m-modal-item-close {
        width: 20px;
        height: 20px;
        right: -10px;
        top: -10px;
    }

    .m-modal-item-close:before,
    .m-modal-item-close:after {
        width: 8px;
        margin-left: -4px;
    }
}

@media screen and (max-width: 767px) {

    /* base */
    a {
        -webkit-transition: none !important;
        transition: none !important;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0.2);
    }

    a:hover {
        opacity: 1 !important;
        text-decoration: none !important;
    }

    a.m-uline:hover {
        text-decoration: underline !important;
    }


    /* =======================================================================
  共通
  ======================================================================= */
    body {
        font-size: 1.2rem;
    }

    #l-wrapper {
        min-width: inherit;
        padding-top: 70px;
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  header
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .l-header {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 5100;
    }

    .l-header:before {
        bottom: -10px;
        height: 11px;
        z-index: 5101;
    }

    .l-header-inner {
        max-width: inherit;
        height: 70px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding-top: 0;
        padding-bottom: 0;
    }

    .t-home .l-header {
        background-color: #ffffff;
    }

    .t-home .l-header:before {
        display: block;
    }

    .m-header-logo {
        width: 90px;
        margin-left: 70px;
    }

    .m-header-btn {
        position: absolute;
        right: 10px;
    }

    .m-header-btn__item+.m-header-btn__item {
        margin-left: 0;
    }

    .m-header-btn__item a {
        -webkit-transition: 0s;
        transition: 0s;
        width: calc(120px / 1.8);
        height: calc(110px / 1.7);
        font-size: 1rem;
        padding-top: calc(55px / 1.7);
        -webkit-transform: translateY(-5px) scale(0.9);
        transform: translateY(-5px) scale(0.9);
        -webkit-transform-origin: 100% 0;
        transform-origin: 100% 0;
    }

    .m-header-btn__item a:hover {
        -webkit-transform: translateY(-5px) scale(0.9);
        transform: translateY(-5px) scale(0.9);
    }

    .m-header-menu {
        display: block;
        left: 10px;
        top: 50%;
        -webkit-transition: .3s;
        transition: .3s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 40px;
        padding-left: .5em;
        padding-right: .5em;
        background-color: #c88c0e;
        border-radius: 3px;
    }

    .m-header-menu:before {
        content: "";
        position: absolute;
        width: calc(100% - 4px);
        height: calc(100% - 4px);
        left: 2px;
        top: 2px;
        border-radius: 2px;
        border: dotted 1px #ffffff;
    }

    .m-header-menu figure {
        display: none;
        -webkit-transition: .3s;
        transition: .3s;
        position: absolute;
        width: 16px;
        height: 2px;
        left: 50%;
        margin-left: -8px;
        background-color: #ffffff;
    }

    .m-header-menu figure:nth-of-type(1) {
        top: 50%;
        margin-top: -6px;
    }

    .m-header-menu figure:nth-of-type(2) {
        top: 50%;
        margin-top: -1px;
    }

    .m-header-menu figure:nth-of-type(3) {
        margin-bottom: -6px;
        bottom: 50%;
    }

    .m-header-menu span {
        line-height: 40px;
        font-size: 1rem;
        color: #ffffff;
    }

    .m-header-menu.is-active {
        width: 40px;
    }

    .m-header-menu.is-active span {
        display: none;
    }

    .m-header-menu.is-active figure {
        display: inline-block;
    }

    .m-header-menu.is-active figure:nth-of-type(1) {
        -webkit-transform: translateY(5px) rotate(-45deg);
        transform: translateY(5px) rotate(-45deg);
    }

    .m-header-menu.is-active figure:nth-of-type(2) {
        height: 0;
        opacity: 0;
    }

    .m-header-menu.is-active figure:nth-of-type(3) {
        -webkit-transform: translateY(-5px) rotate(45deg);
        transform: translateY(-5px) rotate(45deg);
    }

    .m-header-sp-btn {
        position: relative;
        left: auto;
        top: auto;
        margin-top: 30px;
    }

    .m-header-sp-btn__item {
        font-size: 1.4rem;
        font-weight: 700;
    }

    .m-header-sp-btn__item+.m-header-sp-btn__item {
        margin-top: 15px;
    }

    .m-header-sp-btn__item a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
        height: 40px;
        border-radius: 20px;
    }

    .m-header-sp-btn__item a .icon {
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        background-size: 100%;
    }

    .m-header-sp-btn__item a.top {
        background-color: #ffffff;
    }

    .m-header-sp-btn__item a.top .icon {
        background-image: url(../images/common/icon-donguri-br.png);
    }

    .m-header-sp-btn__item a.close {
        border: solid 1px #ffffff;
        color: #ffffff;
        background-color: transparent;
    }

    .m-header-sp-btn__item a.close .icon:before,
    .m-header-sp-btn__item a.close .icon:after {
        position: absolute;
        left: 50%;
        top: 50%;
        content: "";
        width: 10px;
        height: 2px;
        background-color: #ffffff;
    }

    .m-header-sp-btn__item a.close .icon:before {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .m-header-sp-btn__item a.close .icon:after {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .m-header-nav {
        position: fixed;
        left: 0;
        top: 70px;
        width: 100%;
        height: calc(100% - 70px);
        padding: 30px 20px;
        background-color: #EBBC59;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-transition: .3s;
        transition: .3s;
        z-index: 5099;
        overflow: auto;
    }

    .m-header-nav.is-active {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .m-header-global-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -30px;
    }

    .m-header-global-nav__item {
        width: calc(100% / 2);
        font-size: 1.4rem;
        margin-bottom: 30px;
    }

    .m-header-global-nav__item a {
        padding-top: 5px;
        color: #ffffff;
    }

    .m-header-global-nav__item a:before {
        width: 48px;
        height: 40px;
    }

    .m-header-global-nav__item a:hover:before {
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  pickup
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-pickup-bnr {
        margin-left: 30px;
        margin-right: 30px;
    }

    .m-pickup-bnr__item {
        margin-left: 0;
    }

    .m-pickup-bnr-title {
        width: 66%;
        height: 40%;
        border-radius: 3px;
    }

    .m-pickup-bnr-title:before {
        content: "";
        width: calc(100% - 3px);
        height: calc(100% - 3px);
        border-radius: 2px;
    }

    .m-pickup-bnr-title .en {
        font-size: 2rem;
    }

    .m-pickup-bnr-title .ja {
        font-size: 1rem;
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  footer
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .l-footer-inner {
        max-width: inherit;
        padding-top: 0px;
        padding-bottom: 20px;
    }

    .m-footer-nav {
        display: block;
        padding: 20px;
    }

    .m-footer-nav__title {
        width: auto;
        text-align: left;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .m-footer-nav__title figure {
        width: 100px;
        margin-right: 20px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .m-footer-nav__content {
        display: block;
        width: auto;
    }

    .m-footer-nav__content>* {
        margin-left: 0px;
    }

    .m-footer-nav-list__item {
        margin-top: 1em;
        font-size: 1.3em;
    }

    .m-footer-nav-list__item+.m-footer-nav-list__item {
        margin-top: 1em;
    }

    .m-footer-nav-list__item--sub {
        font-size: 1.2rem;
    }

    .m-footer-nav-list-child {
        width: auto;
        font-size: 1.2rem;
    }

    .m-footer-nav-instagram {
        margin-top: 0px;
        font-size: 1.1rem;
    }

    .m-footer-nav-instagram .icon {
        width: 30px;
        height: 30px;
        margin-right: 5px;
    }

    .m-footer-pt {
        position: absolute;
        width: 50px;
        height: 50px;
        right: 15px;
        bottom: 15px;
    }

    .m-footer-address {
        margin-top: 0px;
        padding: 20px 70px 0 20px;
        font-size: 1.1rem;
        text-align: left;
    }

    .m-footer-cr {
        font-size: 1rem;
    }

    @media screen and (max-width: 767px) {

        /* footer mobile */
        .m-footer-nav-list__item span {
            padding-left: 0px;
        }

        .m-footer-nav-list-child {
            display: flex;
            width: 100%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-size: 1.4rem;
            font-weight: normal;
            padding-left: 25px;
        }
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  slider
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-icon-slide-prev,
    .m-icon-slide-next {
        width: 30px;
        height: 30px;
    }

    .m-icon-slide-prev {
        left: -35px;
    }

    .m-icon-slide-next {
        right: -35px;
    }
}

@media screen and (max-width: 767px) {

    /* =======================================================================
  Mobile 首頁
  ======================================================================= */
    .m-home-mv {
        position: relative;
        left: auto;
        max-width: inherit;
        margin-top: 20px;
        margin-left: -10%;
        margin-right: -10%;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        padding-top: 0px;
        padding-bottom: 70px;
    }

    .m-home-mv-list-title {
        left: 0;
        width: 100%;
        bottom: -70px;
        text-align: center;
        font-size: 1.8rem;
    }

    .m-home-mv-datetime {
        display: none;
    }

    .m-home-concept {
        display: block;
        margin-left: 0;
    }

    .m-home-concept>* {
        width: auto;
        margin-left: 0;
    }

    .m-home-concept>*+* {
        margin-top: 20px;
    }

    .m-home-concept-content {
        text-align: center;
    }

    .m-home-concept-image {
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        padding-top: 0%;
        text-align: center;
    }

    .m-home-concept-image:before {
        width: calc(482 / 520 * 100%);
        height: calc(356 / 340 * 100%);
        top: 0;
        background-repeat: no-repeat;
        background-size: 100% auto;
    }

    .m-home-shop {
        display: block;
        margin-top: 20px;
    }

    .m-home-shop__list {
        width: auto;
        margin-right: 0;
        padding: 20px;
        border-radius: 5px;
    }

    .m-home-shop__list__item>*+* {
        margin-left: 5px;
    }

    .m-home-shop__list__item .icon {
        width: 16px;
        height: 16px;
    }

    .m-home-topics {
        max-width: inherit;
    }

    .m-home-topics__item {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .m-home-topics__item>*+* {
        margin-left: 0;
    }

    .m-home-topics__item .datetime {
        font-size: 1rem;
        margin-top: 0;
        margin-right: 5px;
    }

    .m-home-topics__item .cat {
        margin-top: 0;
        min-width: inherit;
        font-size: 1rem;
    }

    .m-home-topics__item a {
        flex-shink: 0;
        margin-top: 5px;
    }

    .m-home-topics__item a:before {
        width: 8px;
        height: 8px;
        margin-top: -4px;
    }

    .m-home-products {
        margin-bottom: -20px;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .m-home-products__item {
        width: calc(100% / 2);
        margin-bottom: 20px;
    }

    .m-none {
        display: none
    }

    .m-header-btn {
        top: 0px;
    }

    /* =======================================================================
  content
  ======================================================================= */

    .m-content-nav {
        display: block;
    }

    .m-content-nav__item+.m-content-nav__item {
        margin-left: 0;
        margin-top: 10px;
    }

    .m-shop-index-title .en {
        font-size: 1.5rem;
    }

    .m-shop-index-title .ja {
        font-size: 2.2rem;
    }

    .m-shop-index-title__image {
        margin-left: -30%;
        margin-right: -30%;
    }

    .m-shop-index-title__image:before {
        height: 15px;
    }

    .m-shop-detail-head {
        position: relative;
        display: block;
    }

    .m-shop-detail-head__image {
        width: auto;
        margin-bottom: 20px;
        margin-right: 0;
    }

    .m-shop-detail-head__content {
        width: auto;
    }

    .m-shop-detail-head-title .icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
        background-size: 16px;
    }

    .m-shop-detail-head-definition-list {
        display: block;
        padding-top: 15px;
        padding-bottom: 15px;
        margin-top: 0px;
    }

    .m-shop-detail-head-definition-list__title {
        width: auto;
        margin-bottom: 5px;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .m-shop-detail-head-icon-open {
        margin-right: 5px;
        padding: .25em .5em;
        font-size: 1.2rem;
    }

    .m-shop-detail-head-icon-open small {
        font-size: 1rem;
    }

    .m-shop-detail-gallery-wrap {
        margin-right: 0;
    }

    .m-shop-detail-gallery {
        float: none;
        width: auto;
        *zoom: 1;
        margin-left: -2px;
    }

    .m-shop-detail-gallery:after {
        content: "";
        display: table;
        clear: both;
    }

    .m-shop-detail-gallery:nth-of-type(even) {
        margin-left: -2px;
    }

    .m-shop-detail-gallery__item {
        margin-bottom: 2px;
        margin-left: 2px;
        width: calc(254 / 802 * 100%);
    }

    .m-shop-detail-gallery__item--m {
        width: calc(266 / 802 * 100%);
    }

    .m-shop-detail-gallery__item--l {
        width: calc(537 / 802 * 100%);
    }

    .m-shop-detail-chat {
        display: block;
    }

    .m-shop-detail-chat__content {
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        margin-right: 0px;
        margin-bottom: 20px;
    }

    .m-shop-detail-chat-title {
        min-height: 40px;
        padding-left: 0px;
    }

    .m-shop-detail-chat-title .en {
        font-size: 1.5rem;
    }

    .m-shop-detail-chat-title .ja {
        font-size: 2rem;
    }

    .m-shop-detail-chat-title:before {
        width: 35px;
        height: 35px;
        margin-top: -20px;
    }

    .m-shop-detail-map {
        padding-bottom: 56.25%;
        height: 0;
    }

    /* =======================================================================
  mobile home
  ======================================================================= */
    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  index
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-products-index-item {
        display: block;
    }

    .m-products-index-item+.m-products-index-item {
        margin-top: 30px;
    }

    .m-products-index-item__content {
        width: auto;
        margin-bottom: 20px;
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  detail
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-products-detail-icon {
        width: 70px;
        height: 70px;
        font-size: 1rem;
        margin-bottom: -20px;
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  timeline
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-m-products-timeline {
        max-width: inherit;
    }

    .m-products-timeline-title {
        margin-top: 40px;
    }

    .m-products-timeline-title:before {
        top: -40px;
    }

    .m-products-timeline-col--1980-1,
    .m-products-timeline-col__item--1980-1,
    .m-products-timeline-item--1990-1,
    .m-products-timeline-col--1990-1,
    .m-products-timeline-col__item--1990-1,
    .m-products-timeline-item--2000-1,
    .m-products-timeline-col--2000-1,
    .m-products-timeline-col__item--2000-1,
    .m-products-timeline-col--2000-2,
    .m-products-timeline-col--2000-3 {
        margin-top: 0;
    }

    .m-products-timeline-col {
        display: block;
    }

    .m-products-timeline-col__item {
        width: auto;
    }

    .m-products-timeline-col__item+.m-products-timeline-col__item {
        margin-top: 30px;
    }

    .m-products-timeline-col+.m-products-timeline-col {
        margin-top: 30px;
    }

    .m-products-timeline-image {
        position: relative;
        margin-top: 20px;
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }

    .m-products-timeline-image--1990-1,
    .m-products-timeline-image--2000-1,
    .m-products-timeline-image--2000-2 {
        overflow: hidden;
    }

    .m-products-timeline-image--1990-1 img,
    .m-products-timeline-image--2000-1 img,
    .m-products-timeline-image--2000-2 img {
        position: absolute;
        left: 50%;
        top: 0;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        width: 100%;
        height: auto;
    }

    .m-products-timeline-image--1990-1 {
        padding-bottom: 15%;
    }

    .m-products-timeline-image--2000-1 {
        padding-bottom: 30%;
    }

    .m-products-timeline-image--2000-2 {
        padding-bottom: 10%;
        margin-bottom: -30px;
    }

    .m-products-timeline-item {
        position: relative;
        width: auto;
        height: auto;
        padding: 20px 20px 30px;
        background-image: none;
        background-color: #ffffff;
        border-radius: 12px;
        -webkit-box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.1);
        box-shadow: 8px 8px 0 0 rgba(0, 0, 0, 0.1);
        overflow: visible;
    }

    .m-products-timeline-item+.m-products-timeline-item {
        margin-top: 30px;
    }

    .m-products-timeline-item--reverse {
        padding: 20px 20px 30px;
        background-image: none;
    }

    .m-products-timeline-item__icon {
        margin-right: 10px;
        font-size: 1.2rem;
        width: 60px;
        height: 60px;
    }

    .m-products-timeline-item__image {
        right: -15px;
        bottom: -30px;
        width: 80px;
    }


    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  making-brand
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-recruit-making-new-breads-col {
        display: block;
        margin-top: 30px;
    }

    .m-recruit-making-new-breads-col:nth-of-type(1) {
        margin-right: 0;
    }

    .m-recruit-making-new-breads-col:nth-of-type(3) {
        margin-right: 0;
    }

    .m-recruit-making-new-breads-col__image {
        margin-top: 20px;
        text-align: center;
    }

    .m-recruit-making-new-breads-col__content {
        width: auto;
        margin-right: 0;
        margin-top: -20px;
    }

    .m-recruit-making-new-breads-col__content-1 {
        width: auto;
        margin-right: 0;
        margin-top: -20px;
    }

    .m-recruit-making-new-breads-col:nth-of-type(1) .m-recruit-making-new-breads-col__content {
        -webkit-transform: none;
        transform: none;
    }

    .m-recruit-making-new-breads-col:nth-of-type(even) .m-recruit-making-new-breads-col__content {
        margin-right: 0;
        margin-left: 0;
    }

    .m-recruit-making-new-breads-col:nth-of-type(even) {
        margin-top: 30px;
    }

    /* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  training
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
    .m-recruit-training-step {
        display: block;
    }

    .m-recruit-training-step__item {
        width: auto;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        border-radius: 10px 0 0 0;
        padding: 20px;
        margin-top: 50px;
    }

    .m-recruit-training-step__item>* {
        width: auto;
    }

    .m-recruit-training-step__item:not(:nth-of-type(1)):before {
        left: 50%;
        top: -25px;
        bottom: auto;
        margin-left: -16px;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

    .m-recruit-training-step__item:nth-of-type(1) {
        width: auto;
    }

    .m-recruit-training-step__item:nth-of-type(2),
    .m-recruit-training-step__item:nth-of-type(3),
    .m-recruit-training-step__item:nth-of-type(4) {
        padding-top: 20px;
    }

    .m-recruit-training-step__item:nth-of-type(2) .m-recruit-training-step-icon,
    .m-recruit-training-step__item:nth-of-type(3) .m-recruit-training-step-icon,
    .m-recruit-training-step__item:nth-of-type(4) .m-recruit-training-step-icon {
        top: -60px;
        left: auto;
    }

    .m-recruit-training-step__item:nth-of-type(1) {
        margin-top: 70px;
    }

    .m-recruit-training-step__item:nth-of-type(3) {
        margin-top: 20px;
    }

    .m-recruit-training-step-icon {
        width: 90px;
        height: 90px;
        top: -60px;
        left: auto;
        right: 0px;
        padding-top: 10px;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    .m-recruit-training-step-icon:before {
        content: "";
        border-top-width: 10px;
        border-left-width: 6px;
        border-right-width: 6px;
        bottom: -9px;
    }

    .m-recruit-training-flow-item {
        display: block;
        margin-left: 70px;
    }

    .m-recruit-training-flow-item:before {
        left: -20px;
        top: -20px;
        height: calc(100% + 40px);
    }

    .m-recruit-training-flow-item--first:before {
        top: 10px;
        height: calc(100% + 10px);
    }

    .m-recruit-training-flow-item--last:before {
        height: 35px;
    }

    .m-recruit-training-flow-item-icon {
        position: absolute;
        top: 5px;
        left: -70px;
        width: 50px;
        padding-right: 10px;
        font-size: 1.2rem;
    }

    .m-recruit-training-flow-item-icon:before {
        top: 2px;
        width: 10px;
        height: 10px;
        right: -6px;
        border-width: 2px;
    }

    .m-recruit-training-flow-item-icon--2 {
        top: auto;
        bottom: 20px;
    }

    .m-recruit-training-flow-item__image {
        *zoom: 1;
        width: auto;
        margin-top: 20px;
        margin-left: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .m-recruit-training-flow-item__image:after {
        content: "";
        display: table;
        clear: both;
    }

    .m-recruit-training-flow-item__image__item {
        position: relative;
        width: 55%;
        float: left;
    }

    .m-recruit-training-flow-item__image__item:nth-of-type(even) {
        text-align: right;
        float: right;
    }

    .m-recruit-training-flow-item__image__item:not(:nth-of-type(1)) {
        margin-top: -15%;
    }

    .m-recruit-training-flow-item__image--reverse .m-recruit-training-step-item__image__item {
        text-align: right;
        float: right;
    }

    .m-recruit-training-flow-item__image--reverse .m-recruit-training-step-item__image__item:nth-of-type(even) {
        text-align: left;
        float: left;
    }

    .m-recruit-training-flow-item__content {
        width: auto;
    }

    .m-recruit-training-flow-item-title .icon {
        padding: 5px 10px;
        margin-left: 10px;
        font-size: 1.2rem;
        border-radius: 2px;
    }

    .m-recruit-training-flow-item-title .icon:before {
        border-right-width: 6px;
        border-top-width: 3px;
        border-bottom-width: 3px;
        left: -6px;
    }


    /* =======================================================================
  公司概要
  ======================================================================= */
    .m-company-philosophy-list {
        display: block;
        margin-left: 0px;
        margin-right: 0px;
    }

    .m-company-philosophy-list__item {
        border-radius: 5px;
        width: auto;
        margin-left: 0;
        padding: 20px;
    }

    .m-company-philosophy-list__item+.m-company-philosophy-list__item {
        margin-top: 25px;
    }

    .m-company-philosophy-list__item .icon {
        width: 30px;
        height: 30px;
        font-size: 1.5rem;
    }

    .m-company-philosophy-text {
        padding-bottom: 60px;
        float: none;
    }

    .m-company-philosophy-text__image {
        left: auto;
        right: 0;
        width: 30%;
    }

    .m-company-philosophy-text__content {
        width: auto;
        height: auto;
        border-radius: 5px;
        padding: 20px;
        background-image: none;
        background-color: #CE9D50;
        background-size: cover;
    }

    .m-company-tbl {
        display: block;
        border: solid 2px #E6CEA7;
    }

    .m-company-tbl thead,
    .m-company-tbl tbody,
    .m-company-tbl tfoot,
    .m-company-tbl tr,
    .m-company-tbl th,
    .m-company-tbl td {
        display: block;
    }

    .m-company-tbl tr+tr {
        border-top: solid 2px #E6CEA7;
    }

    .m-company-tbl th,
    .m-company-tbl td {
        padding: 10px;
        border: 0;
        vertical-align: top;
    }

    .m-company-tbl th {
        width: auto;
        border-bottom: solid 2px #E6CEA7;
    }

    .m-company-shop {
        margin-left: 0px;
        margin-bottom: 0px;
    }

    .m-company-shop__item {
        float: none;
        width: auto;
        margin-bottom: 0;
        padding-left: 0;
    }

    .m-company-shop__item+.m-company-shop__item {
        margin-top: 10px;
    }


    /* =======================================================================
  about
  ======================================================================= */
    .m-cms-body hr,
    .m-blog-article-body hr {
        margin-bottom: 1em;
    }

    .m-cms-body blockquote,
    .m-blog-article-body blockquote {
        margin: 0 0 1em;
        padding: 15px;
    }

    .m-cms-body img,
    .m-blog-article-body img {
        max-width: 100%;
        height: auto;
    }

    .m-cms-body img.alignleft,
    .m-cms-body img.alignright,
    .m-cms-body img.aligncenter,
    .m-blog-article-body img.alignleft,
    .m-blog-article-body img.alignright,
    .m-blog-article-body img.aligncenter {
        float: none;
        display: block;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .m-cms-body img.alignleft,
    .m-cms-body img.alignright,
    .m-blog-article-body img.alignleft,
    .m-blog-article-body img.alignright {
        margin-bottom: 15px;
    }

    .m-cms-body h1,
    .m-cms-body h2,
    .m-cms-body h3,
    .m-cms-body h4,
    .m-cms-body h5,
    .m-cms-body h6,
    .m-cms-body ul,
    .m-cms-body ol,
    .m-cms-body p,
    .m-blog-article-body h1,
    .m-blog-article-body h2,
    .m-blog-article-body h3,
    .m-blog-article-body h4,
    .m-blog-article-body h5,
    .m-blog-article-body h6,
    .m-blog-article-body ul,
    .m-blog-article-body ol,
    .m-blog-article-body p {
        margin-bottom: 15px;
    }

    .m-cms-body ul,
    .m-cms-body ol,
    .m-cms-body p,
    .m-cms-body table,
    .m-cms-body blockquote,
    .m-blog-article-body ul,
    .m-blog-article-body ol,
    .m-blog-article-body p,
    .m-blog-article-body table,
    .m-blog-article-body blockquote {
        font-size: 1.3rem;
        line-height: 1.5;
    }

    .m-cms-body h1,
    .m-blog-article-body h1 {
        font-size: 1.9rem;
    }

    .m-cms-body h2,
    .m-blog-article-body h2 {
        font-size: 1.8rem;
    }

    .m-cms-body h3,
    .m-blog-article-body h3 {
        font-size: 1.7rem;
    }

    .m-cms-body h4,
    .m-blog-article-body h4 {
        font-size: 1.6rem;
    }

    .m-cms-body h5,
    .m-blog-article-body h5 {
        font-size: 1.5rem;
    }

    .m-cms-body h6,
    .m-blog-article-body h6 {
        font-size: 1.4rem;
    }

    .m-cms-body table,
    .m-blog-article-body table {
        width: 100%;
        margin-bottom: 1em;
    }
}

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
keyframes
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
@-webkit-keyframes fadein {
    0% {
        opacity: 0;
        display: none;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    1% {
        opacity: 0;
        display: block;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes fadein {
    0% {
        opacity: 0;
        display: none;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    1% {
        opacity: 0;
        display: block;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    100% {
        opacity: 1;
        display: block;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@keyframes scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(1.15);
        transform: scale(1.15);
    }
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }
}

.m-home-mv-list-image-text--01,
.m-home-mv-list-image-text--03-01,
.m-home-mv-list-image-text--04-02 {
    -webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-timing-function: steps(2);
    animation-timing-function: steps(2);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.m-home-mv-list-image-text--02,
.m-home-mv-list-image-text--03-02,
.m-home-mv-list-image-text--04-01,
.m-home-mv-list-image-text--05 {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: steps(2);
    animation-timing-function: steps(2);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}

@media screen and (min-width: 768px) {
    body:not(.t-ipad):not(.t-cookied) .js-home-anima {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
    }

    body:not(.t-ipad):not(.t-cookied) .js-home-anima.is-active {
        -webkit-animation-name: fadein;
        animation-name: fadein;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
        -webkit-animation-direction: normal;
        animation-direction: normal;
        -webkit-animation-fill-mode: forwards;
        animation-fill-mode: forwards;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }
}