@charset "UTF-8";
:root {
  --font:#000;
  --orange:#FF6300;
  --grill-black:#262626;
  --burger-red:#D01340;
  --burger-bg:#F5F3E6;
  --burger-blue:#1B6AA3;
  --coffee-beige:#D2B48C;
  --coffee-brown:#403831;
  --coffee-bg:#F0EBE0;
  --coffee-main:#633E25;
  --table-bg:#EAEAEA;
  --table-border:#BDBDBD;
  --grill-gray:#262626;
  --chicken-blue:#044082;
  --shopping-red:#C40033;
  --font-size-10:10px;
  --font-size-12:12px;
  --font-size-14:14px;
  --font-size-16:16px;
  --font-size-21:21px;
  --font-size-24:24px;
  --font-size-32:32px;
  --font-size-36:36px;
  --font-size-38:38px;
  --font-size-40:40px;
  --font-size-42:42px;
}

@media screen and (max-width:768px) {
  :root {
    --font-size-14:12px;
    --font-size-16:14px;
    --font-size-21:16px;
    --font-size-24:18px;
    --font-size-32:22px;
    --font-size-36:24px;
    --font-size-38:26px;
    --font-size-40:28px;
    --font-size-42:38px;
  }
}
/* normalize.css v1.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Address `font-family` inconsistency between `textarea` and other form
 * elements.
 */
html,
button,
input,
select,
textarea {
  font-family: sans-serif;
}

/**
 * Address margins handled incorrectly in IE 6/7.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
a {
  text-decoration: none;
  color: var(--black);
  display: block;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address font sizes and margins set differently in IE 6/7.
 * Address font sizes within `section` and `article` in Firefox 4+, Safari 5,
 * and Chrome.
 */
h1 {
  font-size: 2em;
}

h2 {
  font-size: 1.5em;
}

h3 {
  font-size: 1.17em;
}

h4 {
  font-size: 1em;
}

h5 {
  font-size: 0.83em;
}

h6 {
  font-size: 0.67em;
}

/**
 * Address styling not present in IE 7/8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 3+, Safari 4/5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 * Known issue: no IE 6/7 normalization.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 6/7/8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address margins set differently in IE 6/7.
 */
p,
pre {
  margin: 1em 0;
}

/**
 * Correct font family set oddly in IE 6, Safari 4/5, and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  _font-family: "courier new", monospace;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/**
 * Address CSS quotes not supported in IE 6/7.
 */
q {
  quotes: none;
}

/**
 * Address `quotes` property not supported in Safari 4.
 */
q:before,
q:after {
  content: "";
  content: none;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Lists
   ========================================================================== */
/**
 * Address margins set differently in IE 6/7.
 */
dl,
menu,
ol,
ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

/**
 * Address paddings set differently in IE 6/7.
 */
menu,
ol,
ul {
  padding: 0 0 0 40px;
}

/**
 * Correct list images handled incorrectly in IE 7.
 */
nav ul,
nav ol {
  list-style: none;
  list-style-image: none;
}

li {
  list-style: none;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0; /* 1 */
  -ms-interpolation-mode: bicubic; /* 2 */
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0; /* 1 */
  padding: 0;
  white-space: normal; /* 2 */
  *margin-left: -7px; /* 3 */
}

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%; /* 1 */
  margin: 0; /* 2 */
  vertical-align: baseline; /* 3 */
  *vertical-align: middle; /* 3 */
}

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
  *overflow: visible; /* 4 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type=checkbox],
input[type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
  *height: 13px; /* 3 */
  *width: 13px; /* 3 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* スクロールバーを非表示にする（必要に応じて） */
::-webkit-scrollbar {
  width: 0px;
  background: transparent;
}

/* Firefox対応 */
.scroll-container {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE and Edge */
}

.scroll-container::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ==========================================================================
   reset
   ========================================================================== */
/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*, *::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

* {
  margin: 0;
}

body {
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

#root, #__next {
  isolation: isolate;
}

html {
  font-size: 10px;
  line-height: 1.5;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
}
@media screen and (max-width:768px) {
  html {
    font-size: 5px;
  }
}

body {
  position: relative;
}

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

a {
  display: block;
  text-decoration: none;
}

img {
  -o-object-fit: contain;
     object-fit: contain;
  image-rendering: -webkit-optimize-contrast;
  max-width: 100%;
  height: auto;
  pointer-events: none;
  user-drag: none;
  -webkit-user-drag: none;
}

dl, ol, ul, dd {
  padding: 0;
  margin: 0;
}

p, pre {
  margin: 0;
}

div, p, a {
  font-size: var(--font-size-16);
  color: var(--font);
  line-height: 170%;
}

small {
  display: block;
  font-size: var(--font-size-10);
}

section {
  margin: 0 auto 8rem;
}

@media screen and (max-width:768px) {
  main {
    margin-top: 56px;
  }
}

.d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-grid-sb {
  display: -ms-grid;
  display: grid;
}

.l-float {
  float: left;
}

.l-f-kumbh {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
}

.col-2 {
  -ms-grid-columns: 1fr 2vw 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 2vw;
}

.col-3 {
  -ms-grid-columns: 1fr 3vw 1fr 3vw 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 3vw;
}
@media screen and (max-width:768px) {
  .col-3 {
    -ms-grid-columns: none;
    grid-template-columns: none;
  }
}

.col-4 {
  -ms-grid-columns: 1fr 2vw 1fr 2vw 1fr 2vw 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 2vw;
}
@media screen and (max-width:768px) {
  .col-4 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.wrapper {
  width: 95%;
  max-width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:768px) {
  .wrapper {
    width: auto;
    margin: 0 16px;
  }
}

.common-ttl {
  text-align: center;
  font-size: var(--font-size-32);
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-weight: 200;
  margin-bottom: 3rem;
}

.btn {
  display: block;
  padding: 10px 0;
  border-radius: 10vw;
  border: 2px solid transparent;
  color: #fff;
  font-size: var(--font-size-14);
  font-weight: bold;
  text-align: center;
  -webkit-transition: color 0.3s, background-color 0.3s, border-color 0.3s;
  transition: color 0.3s, background-color 0.3s, border-color 0.3s;
}

.l-menuStyle {
  width: 100%;
  aspect-ratio: 36/7;
}
@media screen and (max-width:768px) {
  .l-menuStyle {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4rem 0;
  }
}

.l-link {
  display: inline-block;
  color: var(--burger-blue);
  text-decoration: underline;
}

.spOnly {
  display: none;
}
@media screen and (max-width:768px) {
  .spOnly {
    display: inline;
  }
}

.pcOnly {
  display: inline;
}
@media screen and (max-width:768px) {
  .pcOnly {
    display: none;
  }
}

.l-menuStyle_btn {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  color: #fff;
  font-weight: 200;
  font-size: var(--font-size-24);
  text-align: center;
  width: 52%;
  padding: 1.2rem 0;
  margin: 3rem auto 0;
  border: 2px solid transparent;
}
@media screen and (max-width:768px) {
  .l-menuStyle_btn {
    width: 100%;
    padding: 1.2rem 4rem;
  }
}
.l-menuStyle_btn.-coffee {
  background: var(--coffee-brown);
  border-radius: 10vw;
}
.l-menuStyle_btn.-coffee:hover {
  color: var(--coffee-brown);
  background: #fff;
  font-weight: bold;
  border: 2px solid var(--coffee-brown);
  border-color: var(--coffee-brown);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 1rem;
  overflow: hidden;
  max-width: 310px;
}
@media screen and (max-width:768px) {
  .card {
    max-width: inherit;
  }
}
.card.-burger .card_header {
  padding-left: 15px;
  padding-right: 15px;
}
.card.-burger .card_header {
  padding-top: 15px;
}
.card .card_conts {
  padding-left: 27px;
  padding-right: 27px;
  margin: 10px 0 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.card .card_header {
  aspect-ratio: 1.5/1;
  overflow: hidden;
}
@media screen and (max-width:768px) {
  .card .card_header {
    aspect-ratio: 3/1;
  }
}
.card .card_header img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.card .card_header.-full {
  padding: 0;
}
.card .card_title {
  font-size: var(--font-size-16);
  font-weight: bold;
  margin-bottom: 1rem;
}
.card .card_title.l-red {
  color: var(--burger-red);
}
.card .card_conts_item {
  position: relative;
  margin-bottom: 0.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 2em;
  font-size: var(--font-size-14);
}
.card .card_conts_item a {
  font-size: var(--font-size-14);
}
.card .card_conts_item:before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  display: inline-block;
  width: 2.2rem;
  aspect-ratio: 1/1;
  margin-right: 7px;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}
@media screen and (max-width:768px) {
  .card .card_conts_item:before {
    width: 3.5rem;
  }
}
.card .card_conts_item.l-red:before {
  background: var(--burger-red);
}
.card .card_conts_item.l-brown:before {
  background: var(--coffee-brown);
}
.card .card_conts_item.l-bk:before {
  background: var(--font);
}
.card .card_conts_item.-address:before {
  mask-image: url(../../images/common/map.svg);
  -webkit-mask-image: url(../../images/common/map.svg);
}
.card .card_conts_item.-phone:before {
  mask-image: url(../../images/common/phone.svg);
  -webkit-mask-image: url(../../images/common/phone.svg);
}
.card .card_conts_item.-time:before {
  mask-image: url(../../images/common/clock.svg);
  -webkit-mask-image: url(../../images/common/clock.svg);
}
.card .card_conts_item.-holiday {
  margin-bottom: 0;
}
.card .card_conts_item.-holiday:before {
  mask-image: url(../../images/common/calender.svg);
  -webkit-mask-image: url(../../images/common/calender.svg);
}
.card .card_footer {
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
.card .card_footer a {
  width: 100%;
}
.card.-burger {
  border: 2px solid var(--burger-red);
}
.card.-burger .btn {
  background: var(--burger-red);
}
.card.-burger .btn:hover {
  color: var(--burger-red);
  background: #fff;
  border: 2px solid var(--burger-red);
  border-color: var(--burger-red);
}
.card.-coffee {
  background: var(--coffee-bg);
}
.card.-coffee .card_conts div {
  color: var(--coffee-brown);
}
.card.-coffee .btn {
  background: var(--coffee-brown);
}
.card.-coffee .btn:hover {
  color: var(--coffee-brown);
  background: #fff;
  border: 2px solid var(--coffee-brown);
  border-color: var(--coffee-brown);
}
.card.-yoshinoshoten {
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3019607843);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.3019607843);
  -webkit-box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 8px 12px 6px rgba(0, 0, 0, 0.1490196078);
}
.card.-yoshinoshoten .btn {
  background: var(--font);
}
.card.-yoshinoshoten .btn:hover {
  color: var(--font);
  background: #fff;
  border: 2px solid var(--font);
  border-color: var(--font);
}

.storeClose {
  position: relative;
}
.storeClose:after {
  position: absolute;
  display: inline-block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  content: "現在臨時休業中";
  background: var(--burger-red);
  height: 44px;
  line-height: 44px;
  width: 198px;
  text-align: center;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width:768px) {
  .storeClose:after {
    width: 118px;
  }
}

.productsList .productsList_item {
  position: relative;
  border-radius: 10px;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.productsList .productsList_item span {
  position: absolute;
  top: 10px;
  right: 11px;
  display: block;
  width: 24px;
  height: 24px;
  mask-image: url(../../images/common/search.svg);
  -webkit-mask-image: url(../../images/common/search.svg);
  mask-size: contain;
  -webkit-mask-size: contain;
  background: #AAA;
  border-radius: 50%;
  z-index: 10;
}
.productsList .productsList_item:hover {
  pointer: cursor;
}
.productsList .productsList_item:hover span {
  background: #fff;
}
.productsList .productsList_item_img {
  width: 100%;
  height: 100%;
}
.productsList .productsList_item_img:hover {
  -webkit-transform: scale(1.2, 1.2);
          transform: scale(1.2, 1.2);
  -webkit-transition: 1s all;
  transition: 1s all;
}
.productsList .productsList_item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
}

.modal-contents {
  position: relative;
  max-width: 80vw;
  max-height: 80vh;
  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;
}

.modal-contents img {
  max-width: 100%;
  max-height: 600px;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
}

.modal-close {
  position: absolute;
  width: 32px;
  height: 32px;
  top: -30px;
  right: -30px;
  background: url("../../images/common/close.svg") no-repeat center center;
  background-size: contain;
  cursor: pointer;
  z-index: 10;
}

@media (max-width: 640px) {
  .modal-contents {
    width: 90.4vw;
    height: 60.2vw;
  }
}
@media (max-width: 640px) {
  .modal-close {
    right: 0;
  }
}
.modal-close:hover {
  opacity: 0.7;
}

/*===========
inview
===========*/
.fadeIn {
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}

.fadeIn.is-show {
  opacity: 1;
}

.inview_each {
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 0.4s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.4s ease-out, -webkit-transform 0.6s ease-out;
  transition: opacity 0.4s ease-out, transform 0.6s ease-out;
  transition: opacity 0.4s ease-out, transform 0.6s ease-out, -webkit-transform 0.6s ease-out;
}
.inview_each.is-show {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

header.main {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 400px;
  margin-bottom: 8rem;
  background-color: transparent;
  -webkit-transition: background-color 0.6s ease;
  transition: background-color 0.6s ease;
}
@media screen and (max-width:768px) {
  header.main {
    height: 320px;
  }
}
header.main .sp_hamburger {
  background: var(--font);
}
header.main .sp_hamburger span {
  background: #fff;
}
header.main .header_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
header.main .lower_ttl h2 {
  position: absolute;
  bottom: 6rem;
  color: #fff;
  line-height: 1.5;
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-size: var(--font-size-40);
  font-weight: 300;
}
@media screen and (max-width:768px) {
  header.main .lower_ttl h2 {
    bottom: 8rem;
  }
}
header.main.-home {
  height: 100vh;
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  header.main.-home {
    height: 320px;
  }
}
header.main.h-404 {
  position: relative;
  height: 100vh;
  margin-bottom: 0;
}
header.main.h-404::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../../images/main/topSlider_dougsgroup01.jpg) top/cover no-repeat;
  opacity: 0.41;
  z-index: -2;
}
header.main.h-404::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(50%, rgba(0, 0, 0, 0)));
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0) 50%);
  z-index: -1;
}
header.main.h-404 .h-404_block {
  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;
  height: 100%;
}
header.main.h-404 .h-404_block h2, header.main.h-404 .h-404_block p {
  text-align: center;
  color: var(--coffee-brown);
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-weight: bold;
}
header.main.h-404 .h-404_block h2 {
  font-size: var(--font-size-36);
  margin-bottom: 1.1em;
}
header.main.h-404 .h-404_block h2 span {
  font-size: 0.66em;
  display: block;
  margin-bottom: 2rem;
}
header.main.h-404 .btn {
  color: #fff;
  background: var(--coffee-brown);
  width: 80%;
  max-width: 320px;
  min-width: 280px;
  margin: 4rem auto;
}
header.main.h-404 .btn:hover {
  background: #fff;
  color: var(--coffee-brown);
  border-color: var(--coffee-brown);
}
header.main.-about {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_about.jpg);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_about.jpg);
}
header.main.-message {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_message.jpg);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_message.jpg);
}
header.main.-gift {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_gift.jpg);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_gift.jpg);
}
header.main.-gift h2 {
  width: 60%;
}
header.main.-dogcollars {
  margin-bottom: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_dogcollars.jpg);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_dogcollars.jpg);
}
@media screen and (max-width:768px) {
  header.main.-dogcollars {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_dogcollars_sp.jpg) center/cover no-repeat;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_dogcollars_sp.jpg) center/cover no-repeat;
  }
}
header.main.-miyakojima {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0))), url(../../images/common/h-img_miyakojima.jpg);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0)), url(../../images/common/h-img_miyakojima.jpg);
}

.header_inner {
  position: fixed;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  top: 2rem;
  left: 0;
  right: 0;
  width: calc(100% - 100px);
  margin: auto auto;
  z-index: 99;
}
@media screen and (max-width:768px) {
  .header_inner {
    width: 100%;
    height: 56px;
    top: 0;
    background: #fff;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.header_inner h1 {
  width: 88px;
  height: 60px;
  mask: url(../../images/common/burgerLogo_wh.svg) no-repeat center/contain;
  -webkit-mask: url(../../images/common/burgerLogo_wh.svg) no-repeat center/contain;
  background: #fff;
}
@media screen and (max-width:768px) {
  .header_inner h1 {
    width: 140px;
    height: 32px;
    background: url(../../images/common/dougsburgerLogo_txt.svg) center/contain no-repeat;
    z-index: 999;
    -webkit-mask: none;
    mask: none;
  }
}
.header_inner h1 a {
  color: transparent;
}
@media screen and (max-width:768px) {
  .header_inner nav {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background: #fff;
    -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;
  }
  .header_inner nav.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (min-width:769px) {
  .header_inner #mainHeaderNav {
    height: 60px;
  }
  .header_inner #mainHeaderNav li {
    height: 100%;
  }
  .header_inner #mainHeaderNav li a {
    height: 100%;
    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;
  }
}
.header_inner .header_inner_menus {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width:769px) {
  .header_inner .header_inner_menus li a {
    position: relative;
  }
  .header_inner .header_inner_menus li a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transition: -webkit-transform 0.6s ease;
    transition: -webkit-transform 0.6s ease;
    transition: transform 0.6s ease;
    transition: transform 0.6s ease, -webkit-transform 0.6s ease;
  }
  .header_inner .header_inner_menus li a:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .header_inner .header_inner_menus li a.active::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media screen and (max-width:768px) {
  .header_inner .header_inner_menus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 16px;
  }
}
@media screen and (max-width:768px) {
  .header_inner .menuList li {
    width: 100%;
  }
  .header_inner .menuList li:after {
    content: "";
    display: block;
    background: url(../../images/common/dotted_border.svg) left/contain repeat-x;
    width: 100%;
    height: 1px;
  }
}
.header_inner .menuList li a {
  color: #fff;
  font-size: var(--font-size-14);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  margin-right: 2.78vw;
}
@media screen and (max-width:768px) {
  .header_inner .menuList li a {
    font-size: 16px;
    padding: 4rem 2rem;
    margin-right: 0;
    color: #000;
  }
}

.dougsgrill_header_inner, .dougschicken_header_inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner, .dougschicken_header_inner {
    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;
  }
}
.dougsgrill_header_inner h1, .dougschicken_header_inner h1 {
  color: transparent;
  width: 21.5%;
  height: 4rem;
  -webkit-mask: url(../../images/common/dougsgrillLogo.svg) no-repeat center/contain;
          mask: url(../../images/common/dougsgrillLogo.svg) no-repeat center/contain;
  background: #fff;
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner h1, .dougschicken_header_inner h1 {
    width: 30%;
  }
}
.dougsgrill_header_inner .shopsNavMenu, .dougschicken_header_inner .shopsNavMenu {
  border: none;
}
.dougsgrill_header_inner .shopsNavMenu li a, .dougschicken_header_inner .shopsNavMenu li a {
  color: #fff;
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner, .dougschicken_header_inner {
    width: 100%;
    height: 56px;
    background: var(--grill-gray);
    margin: 0;
  }
}
.dougsgrill_header_inner .header_sns a, .dougschicken_header_inner .header_sns a {
  background: #fff;
}

.dougsgrill_header_nav a {
  color: #fff !important;
}

.header_sns {
  gap: 1.6vw;
}
@media screen and (max-width:768px) {
  .header_sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 6rem 0 8rem;
  }
}
.header_sns a {
  width: 32px;
  aspect-ratio: 1/1;
  background: #fff;
}
.header_sns a.header_sns_fb {
  -webkit-mask: url(../../images/common/sns_fb.svg) no-repeat center/contain;
          mask: url(../../images/common/sns_fb.svg) no-repeat center/contain;
}
.header_sns a.header_sns_fb:hover {
  background: #1877F2 !important;
}
@media screen and (max-width:768px) {
  .header_sns a.header_sns_fb:hover {
    background: transparent;
  }
}
@media screen and (max-width:768px) {
  .header_sns a.header_sns_fb {
    -webkit-mask: none;
            mask: none;
    background: url(../../images/common/sns_fb_bk.svg) center/contain no-repeat;
  }
  .header_sns a.header_sns_fb:hover {
    background: transparent;
  }
}
.header_sns a.header_sns_insta {
  -webkit-mask: url(../../images/common/sns_insta.svg) no-repeat center/contain;
          mask: url(../../images/common/sns_insta.svg) no-repeat center/contain;
}
.header_sns a.header_sns_insta:hover {
  background: #DD2A7B !important;
}
@media screen and (max-width:768px) {
  .header_sns a.header_sns_insta {
    -webkit-mask: none;
            mask: none;
    background: url(../../images/common/sns_insta_bk.svg) center/contain no-repeat;
  }
  .header_sns a.header_sns_insta:hover {
    background: transparent;
  }
}
@media screen and (max-width:768px) {
  .header_sns a {
    background: var(--font);
    width: 44px;
    height: 44px;
  }
}

@media screen and (min-width:769px) {
  #mainHeader.scrolled {
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
            box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    padding: 10px 50px;
    top: 0;
    right: 0;
    width: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #mainHeader.scrolled li a {
    position: relative;
    color: var(--font);
  }
  #mainHeader.scrolled li a:after {
    background: var(--font);
  }
  #mainHeader.scrolled h1, #mainHeader.scrolled .header_sns a {
    background: var(--font);
  }
}

#headerFixed.scrolled {
  position: fixed;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  padding: 16px;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#headerFixed.scrolled.dougsgrill_header_inner {
  background-color: var(--grill-gray);
}
#headerFixed.scrolled.dougschicken_header_inner {
  background-color: var(--chicken-blue);
}

.otherHeader {
  z-index: 99;
}
@media screen and (max-width:768px) {
  .otherHeader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 56px;
    background: #fff;
  }
  .otherHeader .shopsNavMenu {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .otherHeader .shopsNavMenu a {
    font-size: 16px;
    font-weight: 300;
    padding: 1rem 0;
  }
}

.shopsNavMenu {
  padding: 5px 3rem;
  border-top: 1px solid var(--coffee-brown);
  border-bottom: 1px solid var(--coffee-brown);
  gap: 4.2vw;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:768px) {
  .shopsNavMenu {
    padding: 0 1rem;
    gap: 0;
    border-bottom: none;
  }
}
.shopsNavMenu li {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-size: var(--font-size-14);
  font-weight: 200;
}

.sp_hamburger {
  position: absolute;
  top: 10px;
  right: 15px;
  width: 36px;
  height: 36px;
  border-radius: 100vw;
  cursor: pointer;
  z-index: 100;
  display: none;
}
@media screen and (max-width:768px) {
  .sp_hamburger {
    display: block;
  }
}
.sp_hamburger span {
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  display: block;
  width: 16px;
  height: 3px;
  background: #333;
  margin: 0 auto;
  border-radius: 2px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.sp_hamburger span:nth-child(2) {
  top: 16px;
}
.sp_hamburger span:nth-child(3) {
  top: 22px;
}
.sp_hamburger.l-white {
  position: fixed;
}
.sp_hamburger.l-white span {
  background: #fff;
}
.sp_hamburger.active span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(5px, 5px);
          transform: rotate(45deg) translate(5px, 5px);
}
.sp_hamburger.active span:nth-child(2) {
  opacity: 0;
}
.sp_hamburger.active span:nth-child(3) {
  top: 21px;
  -webkit-transform: rotate(-45deg) translate(3px, -3px);
          transform: rotate(-45deg) translate(3px, -3px);
}

@media screen and (max-width:768px) {
  #navMenu {
    width: 100%;
    position: absolute;
    top: 56px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width:768px) and (max-width:768px) {
  #navMenu .menuList li {
    width: 100%;
  }
  #navMenu .menuList li:after {
    content: "";
    display: block;
    background: url(../../images/common/dotted_border.svg) left/contain repeat-x;
    width: 100%;
    height: 1px;
  }
}
@media screen and (max-width:768px) {
  #navMenu .menuList li a {
    color: #fff;
    font-size: var(--font-size-14);
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    margin-right: 2.78vw;
  }
}
@media screen and (max-width:768px) and (max-width:768px) {
  #navMenu .menuList li a {
    font-size: 16px;
    padding: 4rem 2rem;
    margin-right: 0;
    color: #000;
  }
}
@media screen and (max-width:768px) {
  #navMenu {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background: #fff;
    -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;
  }
  #navMenu.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#navMenu .header_sns {
  display: none;
}
@media screen and (max-width:768px) {
  #navMenu.active .header_sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.sns_fb {
  -webkit-mask: url(../../images/common/sns_fb.svg) no-repeat center/contain;
          mask: url(../../images/common/sns_fb.svg) no-repeat center/contain;
  background: #fff;
}
@media screen and (max-width:768px) {
  .sns_fb {
    mask: none;
    -webkit-mask: none;
    background: url(../../images/common/sns_fb_wh.svg) center/contain no-repeat;
  }
}

.sns_insta {
  -webkit-mask: url(../../images/common/sns_insta.svg) no-repeat center/contain;
          mask: url(../../images/common/sns_insta.svg) no-repeat center/contain;
  background: #fff;
}
@media screen and (max-width:768px) {
  .sns_insta {
    mask: none;
    -webkit-mask: none;
    background: url(../../images/common/sns_insta_wh.svg) center/contain no-repeat;
  }
}

footer.mainFooter {
  background: #2C2C2C;
  padding: 4rem 0;
}
footer.mainFooter a, footer.mainFooter small {
  color: #fff;
}
footer.mainFooter a {
  font-size: var(--font-size-12);
}
footer.mainFooter li {
  margin-bottom: 2rem;
}
footer.mainFooter small {
  font-size: var(--font-size-10);
  text-align: left;
}
@media screen and (min-width:769px) {
  footer.mainFooter small {
    margin-top: -2.5em;
  }
}
@media screen and (max-width:768px) {
  footer.mainFooter small {
    text-align: center;
  }
}
footer.mainFooter .mainFooterConts_logo a {
  width: 19rem;
  aspect-ratio: 3/2;
  margin-bottom: 3.5rem;
}
@media screen and (max-width:768px) {
  footer.mainFooter .mainFooterConts_logo a {
    margin: auto auto 4rem;
  }
}
footer.mainFooter .mainFooterConts_logo a img {
  width: 100%;
}
footer.mainFooter .mainFooter_inner {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:768px) {
  footer.mainFooter .mainFooter_inner {
    -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;
  }
}
footer.mainFooter .mainFooterConts_nav {
  gap: 7vw;
}
@media screen and (max-width:768px) {
  footer.mainFooter .mainFooterConts_nav {
    gap: 0;
    -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;
  }
}
footer.mainFooter .mainFooterConts_sns {
  gap: 1.6vw;
}
footer.mainFooter .mainFooterConts_sns a {
  width: 32px;
  aspect-ratio: 1/1;
}
@media screen and (max-width:768px) {
  footer.mainFooter .mainFooterConts_sns a {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width:768px) {
  footer.mainFooter .mainFooterConts_sns {
    gap: 6rem;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 4rem 0;
  }
}

footer.otherFooter li:hover {
  text-decoration: underline;
}
footer.otherFooter .footer_nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5vw;
}
footer.otherFooter .footer_sns {
  gap: 1.5rem;
}
footer.otherFooter.otherFooter {
  width: 100%;
  padding: 4.5rem 0 2rem;
  margin-top: 6rem;
}
footer.otherFooter.otherFooter .otherFooterConts {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-columns: 24% 5.25vw auto 5.25vw auto;
  grid-template-columns: 24% auto auto;
  max-width: 737px;
  gap: 5.25vw;
  margin: auto auto 2rem;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts {
    display: block;
    padding: 0 24px;
  }
}
footer.otherFooter.otherFooter a {
  color: #fff !important;
}
footer.otherFooter.otherFooter .otherFooterConts_nav {
  gap: 2vw;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 4rem auto 0;
    gap: 0;
  }
}
footer.otherFooter.otherFooter .otherFooterConts_nav a {
  font-size: var(--font-size-12);
  line-height: 1;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_nav a {
    font-size: 14px;
    margin-bottom: 20px;
  }
}
footer.otherFooter.otherFooter .otherFooterConts_nav li {
  margin-bottom: 1.2rem;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_nav li {
    margin-bottom: 2rem;
  }
}
footer.otherFooter.otherFooter .otherFooterConts_nav li:last-of-type {
  margin-bottom: 0;
}
footer.otherFooter.otherFooter .otherFooterConts_nav ul:first-of-type {
  margin-bottom: 10px;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_nav ul:first-of-type {
    margin-bottom: 0;
  }
}
footer.otherFooter.otherFooter .otherFooterConts_sns {
  gap: 1.6rem;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_sns {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
footer.otherFooter.otherFooter .otherFooterConts_sns a {
  width: 32px;
  aspect-ratio: 1/1;
}
footer.otherFooter.otherFooter small {
  color: #fff;
  text-align: center;
  font-size: 10px;
}
@media screen and (max-width:768px) {
  footer.otherFooter.otherFooter .otherFooterConts_logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
footer.otherFooter.otherFooter.-yoshinoshoten {
  background: var(--font);
}
footer.otherFooter.otherFooter.-yoshinoshoten .otherFooterConts_logo a {
  width: 178px;
  margin: auto;
}
footer.otherFooter.otherFooter.-dougsChicken {
  background: var(--chicken-blue);
}
footer.otherFooter.otherFooter.-dougsChicken .otherFooterConts {
  -ms-grid-columns: 13.5% auto auto;
  grid-template-columns: 13.5% auto auto;
}
footer.otherFooter.otherFooter.-dougsCoffee {
  background: var(--coffee-brown);
  margin-top: 0;
}
footer.otherFooter.otherFooter.-dougsCoffee .otherFooterConts {
  -ms-grid-columns: 13.5% auto auto;
  grid-template-columns: 13.5% auto auto;
}
footer.otherFooter.otherFooter.-dougsgrill {
  background: var(--grill-gray);
  margin-top: 0;
}
footer.otherFooter.otherFooter.-dougsgrill .otherFooterConts {
  -ms-grid-columns: 13.5% auto auto;
  grid-template-columns: 13.5% auto auto;
}

.main h3 {
  font-size: var(--font-size-24);
  font-weight: bold;
}
.main .main_ttl {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 3rem;
}
@media screen and (max-width:768px) {
  .main .main_ttl {
    display: inline-block;
  }
}
.main .main_ttl span {
  margin-left: 1.5em;
  font-size: var(--font-size-14);
}
@media screen and (max-width:768px) {
  .main .main_ttl span {
    margin-left: 0;
    display: block;
  }
}
.main.home {
  margin-top: 0;
}

.topSlider {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden; /* スライドがはみ出ないように */
}
@media screen and (max-width:768px) {
  .topSlider {
    height: 320px !important;
  }
}
.topSlider :before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), color-stop(20%, transparent));
  background: linear-gradient(rgba(0, 0, 0, 0.3), transparent 20%);
  pointer-events: none; /* グラデーションの上でもクリック可能にする */
  z-index: 1;
}
.topSlider .slick-list,
.topSlider .slick-track,
.topSlider .slick-slide {
  height: 100%;
}
@media screen and (max-width:768px) {
  .topSlider .slick-list,
  .topSlider .slick-track,
  .topSlider .slick-slide {
    height: 320px !important;
  }
}
.topSlider .slick-list img {
  width: 100% !important;
  height: 100vh !important;
  -o-object-fit: cover !important;
     object-fit: cover !important;
}
@media screen and (max-width:768px) {
  .topSlider .slick-list img {
    height: 320px !important;
  }
}

main.home {
  background: var(--font);
  color: #fff;
  padding: 8rem 0 10rem;
}
main.home .main_ttl {
  color: #fff;
  margin-bottom: 3rem;
}

.topMenu {
  padding-top: 8rem;
  margin-top: -8rem;
}

.topInfo {
  margin-bottom: 0;
}
.topInfo .d-grid-sb {
  -ms-grid-columns: 72% 1fr;
  grid-template-columns: 72% 1fr;
}
@media screen and (max-width:768px) {
  .topInfo .d-grid-sb {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-auto-flow: row;
    gap: 8vw;
  }
}
.topInfo .press-list {
  height: 280px;
  overflow: scroll;
}
@media screen and (max-width:768px) {
  .topInfo .press-list {
    height: 400px;
  }
}
.topInfo .press-list li, .topInfo .press-list a, .topInfo .press-list time {
  font-size: var(--font-size-14);
  color: #fff;
}
.topInfo .press-list li:hover, .topInfo .press-list a:hover, .topInfo .press-list time:hover {
  text-decoration: underline;
}
.topInfo .press-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:768px) {
  .topInfo .press-list li {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.topInfo .press-list time {
  margin-right: 3em;
}
@media screen and (max-width:768px) {
  .topInfo .press-list time {
    margin-right: 1em;
  }
}
.topInfo .dougsgiftBtn, .topInfo .onlineshopBtn {
  color: #fff;
  font-weight: bold;
  width: 100%;
}
.topInfo .dougsgiftBtn:hover, .topInfo .onlineshopBtn:hover {
  opacity: 0.8;
}
.topInfo .dougsgiftBtn {
  margin-bottom: 3rem;
}
.topMenu-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media screen and (max-width:768px) {
  .topMenu-list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.topMenu-list_item {
  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-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  text-decoration: none;
  color: #fff;
}
.topMenu-list_item p {
  font-size: var(--font-size-14);
  font-weight: bold;
  color: #fff;
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  margin-top: 1rem;
}

.topMenu-list_item img {
  width: 100%;
  aspect-ratio: 1/1;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  pointer-events: auto;
}
.topMenu-list_item img:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

#dougsMessage {
  margin-bottom: 8rem;
}
#dougsMessage .d-flex {
  gap: 5vw;
}
@media screen and (max-width:768px) {
  #dougsMessage .d-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#dougsMessage article {
  width: 53%;
  max-width: 530px;
}
@media screen and (max-width:768px) {
  #dougsMessage article {
    width: 100%;
    max-width: inherit;
  }
}
#dougsMessage article p:first-of-type {
  margin-bottom: 3rem;
}
#dougsMessage figure {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

#aboutUs .aboutUs_colum1 {
  gap: 4.1vw;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width:769px) {
  #aboutUs .aboutUs_colum1 .image-gallery {
    width: 300px;
  }
}
#aboutUs .aboutUs_colum1 .image-gallery img {
  margin-bottom: 4rem;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum1 .image-gallery img {
    margin-bottom: 1rem;
  }
}
#aboutUs .aboutUs_colum1 section:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  #aboutUs .image-gallery {
    overflow: hidden;
  }
  #aboutUs .image-gallery div {
    display: inline-block;
    margin-right: 10px;
  }
  #aboutUs .image-gallery img {
    height: 200px;
    width: auto;
  }
}
#aboutUs .image-gallery .slick-slide {
  width: 100%;
}
#aboutUs .aboutUs_colum3, #aboutUs .aboutUs_colum5, #aboutUs .aboutUs_colum6 {
  gap: 6rem;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum3, #aboutUs .aboutUs_colum5, #aboutUs .aboutUs_colum6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}
#aboutUs .aboutUs_colum3 .aboutUs_columc_txt, #aboutUs .aboutUs_colum5 .aboutUs_columc_txt, #aboutUs .aboutUs_colum6 .aboutUs_columc_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#aboutUs .aboutUs_colum3 .aboutUs_columc_txt p span, #aboutUs .aboutUs_colum5 .aboutUs_columc_txt p span, #aboutUs .aboutUs_colum6 .aboutUs_columc_txt p span {
  font-weight: bold;
}
#aboutUs .aboutUs_colum1_txt {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#aboutUs .l-float {
  width: 45%;
  max-width: 450px;
  margin-right: 5rem;
}
@media screen and (max-width:768px) {
  #aboutUs .l-float {
    margin-right: 2rem;
  }
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum3 img {
    width: 50%;
    margin: auto;
  }
}
#aboutUs .aboutUs_colum5 img {
  width: 36%;
  max-width: 360px;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum5 img {
    width: 50%;
    max-width: inherit;
    margin: auto;
  }
}
#aboutUs .aboutUs_colum6 {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum6 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#aboutUs .aboutUs_colum6 img {
  width: 40%;
  max-width: 400px;
}
@media screen and (max-width:768px) {
  #aboutUs .aboutUs_colum6 img {
    width: 100%;
    max-width: inherit;
  }
}
#aboutUs .aboutUs_colum6 .main_ttl {
  display: block;
}
#aboutUs .aboutUs_colum6 .main_ttl span {
  display: inline-block;
  margin-left: 0;
}
@media screen and (max-width:768px) {
  #aboutUs .image-gallery {
    width: 100%;
  }
  #aboutUs .image-gallery .slick-slide {
    margin-right: 10px;
    padding-right: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 220px !important;
  }
}

#miyakojima .miyakojima_conts1 {
  position: relative;
  margin-bottom: 15.7rem;
}
@media screen and (max-width:768px) {
  #miyakojima .miyakojima_conts1 {
    margin-bottom: 0;
  }
}
#miyakojima .miyakojima_conts1_img {
  width: auto;
  height: 49rem;
  margin-left: auto;
  background: url(../../images/main/miyakojima_content01.png) right/contain no-repeat;
}
@media screen and (max-width:768px) {
  #miyakojima .miyakojima_conts1_img {
    width: 100%;
    height: auto;
    aspect-ratio: 9/5;
  }
}
#miyakojima .miyakojima_conts1_txt {
  position: absolute;
  top: 55%;
  left: 0;
  background: #fff;
  width: 50%;
  padding: 3.8rem 0;
}
@media screen and (max-width:768px) {
  #miyakojima .miyakojima_conts1_txt {
    position: inherit;
    top: 0;
    margin: auto;
    width: 100%;
  }
}
#miyakojima .miyakojima_conts2 {
  z-index: 10;
}
@media screen and (max-width:768px) {
  #miyakojima .miyakojima_conts3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#miyakojima .miyakojima_conts3 img {
  width: 45%;
  max-width: 450px;
  margin-right: 5rem;
}
@media screen and (max-width:768px) {
  #miyakojima .miyakojima_conts3 img {
    width: 100%;
    margin: 2rem auto;
  }
}
#miyakojima .miyakojima_conts4 h3 {
  text-align: center;
  margin-bottom: 3.5rem;
}

@media screen and (max-width:768px) {
  #dogcollars {
    margin-top: 0;
  }
}
#dogcollars .l-link {
  color: var(--orange);
}
#dogcollars h3 {
  margin-bottom: 2rem;
}
#dogcollars .dogcollars_note {
  width: 100%;
  padding: 2rem 0;
  background: var(--orange);
  margin-bottom: 5rem;
}
#dogcollars .dogcollars_note p {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#dogcollars .dogcollars_about_imgTtl {
  width: 75%;
  margin-bottom: 6rem;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_about_imgTtl {
    width: 100%;
    max-width: 500px;
  }
}
#dogcollars .dogcollars_about {
  -ms-grid-columns: auto 6vw 20%;
  grid-template-columns: auto 20%;
  gap: 6vw;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_about {
    -ms-grid-columns: none;
    grid-template-columns: none;
    grid-auto-flow: row;
  }
}
#dogcollars .dogcollars_about .dogcollars_about_img {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../../images/main/collars_doug.jpg) top/contain no-repeat;
}
#dogcollars .dogcollars_about .dogcollars_about_img:after {
  position: absolute;
  top: -120px;
  right: -88px;
  content: "";
  display: block;
  width: 168px;
  height: 169px;
  background: url(../../images/main/collars_certified.png) top/contain no-repeat;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_about .dogcollars_about_img {
    display: none;
  }
}
#dogcollars .dogcollars_limitation {
  position: relative;
}
#dogcollars .dogcollars_limitation h3 {
  color: #FF6300;
}
#dogcollars .dogcollars_limitation .dogcollars_limitation_txt {
  width: 67%;
  margin-right: auto;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_limitation .dogcollars_limitation_txt {
    width: 100%;
  }
}
#dogcollars .dogcollars_limitation:after {
  content: "";
  position: absolute;
  right: -100px;
  top: 20px;
  display: block;
  width: 392px;
  height: 640px;
  background: url(../../images/main/collars_airtag.png) top/contain no-repeat;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_limitation:after {
    position: relative;
    right: inherit;
    top: inherit;
    width: 70%;
    height: auto;
    aspect-ratio: 1/2;
    margin: auto;
    background: url(../../images/main/collars_airtag-sp.jpg) top/contain no-repeat;
  }
}
#dogcollars .findMy {
  margin: 2rem auto;
}
#dogcollars .products-comment {
  margin: 3rem 0 10px;
}
#dogcollars .other-table_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width:768px) {
  #dogcollars .other-table_wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#dogcollars .other-table_wrapper span {
  display: block;
}
#dogcollars .other-table_wrapper.-collars {
  margin-bottom: 2rem;
}
#dogcollars dl {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border: solid 1px var(--table-border);
  border-right: none;
}
@media screen and (max-width:768px) {
  #dogcollars dl {
    width: 100%;
    border-right: solid 1px #b7b7b7;
    border-bottom: none;
  }
}
#dogcollars dl dt, #dogcollars dl dd {
  padding: 5px 30px;
  font-size: 14px;
  font-weight: 300;
  color: #555;
  line-height: 22px;
  text-align: center;
}
#dogcollars dl dt {
  background-color: #f0f0f0;
  border-bottom: solid 1px #b7b7b7;
}
#dogcollars dl:last-of-type {
  border-right: solid 1px #b7b7b7;
}
@media screen and (max-width:768px) {
  #dogcollars dl:last-of-type {
    border-bottom: solid 1px #b7b7b7;
  }
}
#dogcollars .collarSpec_lowwer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:768px) {
  #dogcollars .collarSpec_lowwer {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
}
#dogcollars .collarSpec_lowwer dt, #dogcollars .collarSpec_lowwer dd {
  padding: 5px 47px;
}
#dogcollars .collarSpec_lowwer_midtxt {
  font-size: var(--font-size-12);
  margin-left: 2rem;
}
@media screen and (max-width:768px) {
  #dogcollars .collarSpec_lowwer_midtxt {
    width: 100%;
    text-align: left;
  }
}
#dogcollars .collarSpec_lowwer_midtxt .l-link {
  font-size: var(--font-size-12);
}
#dogcollars .dogcollars_price .dogcollars_price_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  margin-bottom: 10px;
}
@media screen and (max-width:768px) {
  #dogcollars .dogcollars_price .dogcollars_price_detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
    margin-top: 30px;
  }
}
#dogcollars .dogcollars_price .dogcollars_price_detail strong {
  color: #DA0000;
  font-size: var(--font-size-40);
  font-weight: bold;
}
#dogcollars .dogcollars_price .dogcollars_price_detail span {
  font-size: var(--font-size-16);
}
#dogcollars .dogcollars_point {
  text-align: center;
}
#dogcollars .dogcollars_point_btn {
  display: inline-block;
  color: var(--orange);
  text-align: center;
  font-weight: bold;
  border: 1px solid var(--orange);
  border-radius: 100vw;
  padding: 10px 10rem;
  margin: 2rem auto 10rem;
}

#dougsgrill {
  position: relative;
}

.burger-ttl {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin-bottom: 6.4rem;
  background: url(../../images/burger/burger-ttl.svg) center/contain repeat-x;
}
.burger-ttl span {
  color: var(--burger-red);
  display: inline-block;
  margin: auto;
  font-family: "League Gothic", sans-serif;
  text-align: center;
  font-size: 6rem;
  background: #fff;
  padding: 0 4.2rem;
  position: absolute;
  left: 0;
  right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  top: -35px;
}
@media screen and (max-width:768px) {
  .burger-ttl span {
    top: -19px;
  }
}

#dougsburger_header {
  background: #fff;
  position: fixed;
  top: 30px;
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 10px;
  width: 90%;
  max-width: 1200px;
  z-index: 199;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width:768px) {
  #dougsburger_header {
    width: 100%;
    top: 0;
    border-radius: 0;
    background: var(--burger-bg);
  }
}
@media screen and (max-width:768px) {
  #dougsburger_header .otherHeader {
    background: var(--burger-bg);
  }
}
@media screen and (max-width:768px) {
  #dougsburger_header #navMenu {
    background: var(--burger-bg);
  }
}
@media screen and (max-width:768px) {
  #dougsburger_header .sp_hamburger {
    background: var(--burger-red);
  }
}

.dougsburger_header_inner {
  margin: 20px 30px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: inherit;
}
@media screen and (max-width:768px) {
  .dougsburger_header_inner {
    margin: 0;
  }
}
.dougsburger_header_inner h1 {
  height: 22px;
  width: auto;
}
@media screen and (max-width:768px) {
  .dougsburger_header_inner h1 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.dougsburger_header_inner h1 a {
  height: 100%;
}
.dougsburger_header_inner h1 img {
  height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.dougsburger_header_inner nav a {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-weight: bold;
  color: var(--burger-red);
}
.dougsburger_header_inner .shopsNavMenu {
  border: none;
  gap: 2.1vw;
}
.dougsburger_header_inner .header_sns {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  gap: 1.05vw;
}
@media screen and (min-width:769px) {
  .dougsburger_header_inner .header_sns a {
    background: var(--burger-red);
  }
}

.dougburger_head {
  position: relative;
  width: 100%;
  height: 57vh;
  min-height: 575px;
  padding-top: 100px;
  border-bottom: 9px solid var(--burger-blue);
  background: url(../../images/burger/dougsburger_head.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, from(#F5F3E6), to(#F5F3E6)) no-repeat;
  background: url(../../images/burger/dougsburger_head.png) no-repeat 50% 65%, linear-gradient(#F5F3E6, #F5F3E6) no-repeat;
  background-size: auto 65%, cover;
  margin-bottom: 80px;
}
@media screen and (max-width:768px) {
  .dougburger_head {
    background: url(../../images/burger/dougsburger_head_sp.png) no-repeat 50% 65%, -webkit-gradient(linear, left top, left bottom, from(#F5F3E6), to(#F5F3E6)) no-repeat;
    background: url(../../images/burger/dougsburger_head_sp.png) no-repeat 50% 65%, linear-gradient(#F5F3E6, #F5F3E6) no-repeat;
    background-size: auto 75%, cover;
  }
}
.dougburger_head:after {
  position: absolute;
  bottom: 6px;
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  background: var(--burger-blue);
}

.dougsBurgerMenu_sub {
  display: block;
  text-align: center;
  margin: auto;
}
.dougsBurgerMenu_sub img {
  margin: auto;
}

.BurgerMenuList_item {
  border-radius: 10px;
  border: 2px solid var(--burger-red);
  overflow: hidden;
}
.BurgerMenuList_item h3 {
  color: var(--burger-red);
  font-size: var(--font-size-32);
  text-align: center;
  font-family: "League Gothic", sans-serif;
  padding: 13px;
  line-height: 1.2;
}
@media screen and (max-width:768px) {
  .BurgerMenuList_item h3 {
    font-size: 14px;
  }
}

.BurgerMenuList {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 20px;
}
.BurgerMenuList .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.BurgerMenuList .slick-slide {
  margin-right: 10px;
  padding-right: 10px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.BurgerMenuList div {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media screen and (max-width:768px) {
  #dougsBurgerLocation .col-3 {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}

.burgerFooter {
  position: relative;
  width: 100%;
  background: var(--burger-bg);
  padding: 4rem 0 2rem;
}
@media screen and (max-width:768px) {
  .burgerFooter {
    overflow: hidden;
  }
}
.burgerFooter:before, .burgerFooter:after {
  position: absolute;
  content: "";
  display: block;
  background: url(../../images/burger/burger_bg.png) top/contain no-repeat;
  width: 33%;
  aspect-ratio: 16/9;
}
.burgerFooter:before {
  left: 4vw;
  top: 0;
}
@media screen and (max-width: 768px) and (min-width: 500px) {
  .burgerFooter:before {
    left: -50vw;
    top: 0;
    width: 75%;
  }
}
@media screen and (max-width: 499px) {
  .burgerFooter:before {
    left: -50vw;
    top: 0;
    width: 85%;
  }
}
.burgerFooter:after {
  right: 0;
  bottom: 0px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
  background-position: right;
}
@media screen and (max-width:768px) {
  .burgerFooter:after {
    right: -80vw;
    bottom: 0px;
    width: 133%;
  }
}
.burgerFooter li a {
  color: var(--burger-red);
  font-size: var(--font-size-12);
  font-weight: normal;
}
@media screen and (max-width:768px) {
  .burgerFooter li a {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.burgerFooter small {
  color: var(--burger-red);
  display: block;
  text-align: center;
}
.burgerFooter .footer_nav {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 3.5vw;
}
@media screen and (max-width:768px) {
  .burgerFooter .footer_nav {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
  }
}

a.burgerMenu_btn {
  display: block;
  color: #fff !important;
  font-family: "League Gothic", sans-serif;
  font-size: var(--font-size-32);
  text-align: center;
  background: var(--burger-red);
  font-weight: bold;
  border: 2px solid transparent;
  border-radius: 100vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 52%;
  min-width: 320px;
  margin: 3rem auto;
  height: 60px;
  line-height: 60px;
}
a.burgerMenu_btn:hover {
  color: var(--burger-red) !important;
  background: #fff;
  font-weight: bold;
  border: 2px solid var(--burger-red);
}

@media screen and (max-width:768px) {
  .card.-burger .card_conts, .card.-burger .card_header, .card.-burger .card_footer {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.burgerFooter_logo {
  width: 16.2%;
}
@media screen and (max-width:768px) {
  .burgerFooter_logo {
    width: 50%;
    margin-bottom: 8rem;
  }
}

.burgerFooter_conts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2vw;
}

.burderFooter_sns {
  margin-bottom: 2rem;
  gap: 1.5rem;
}
.burderFooter_sns a {
  width: 22px;
  aspect-ratio: 1/1;
  background: var(--burger-red);
}
@media screen and (max-width:768px) {
  .burderFooter_sns a {
    width: 40px;
  }
  .burderFooter_sns a.sns_fb {
    background: url(../../images/common/sns_fb.svg) center/contain no-repeat;
  }
  .burderFooter_sns a.sns_insta {
    background: url(../../images/common/sns_insta.svg) center/contain no-repeat;
  }
}

.dougscoffee h2, .dougscoffee h3, .dougscoffee span, .dougscoffee p {
  color: var(--coffee-brown);
}
.dougscoffee #navMenu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width:768px) {
  .dougscoffee #navMenu {
    background: var(--coffee-bg);
  }
}
#dougscoffee_header {
  position: fixed;
  top: 0;
  padding: 24px 0;
  background: var(--coffee-bg);
  width: 100%;
}
@media screen and (max-width:768px) {
  #dougscoffee_header {
    padding: 0;
  }
}
#dougscoffee_header h1 {
  width: 12.4%;
  height: 120px;
  max-width: 124px;
  min-width: 40px;
  aspect-ratio: 5/4;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
@media screen and (max-width:768px) {
  #dougscoffee_header h1 {
    width: 32.8%;
    height: auto;
    max-width: inherit;
    aspect-ratio: 31/5;
    margin-bottom: 0;
  }
}
#dougscoffee_header picture {
  height: 100%;
  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;
}
#dougscoffee_header picture img {
  height: 100%;
}
@media screen and (min-width:769px) {
  #dougscoffee_header.scrolled {
    -webkit-transition: ease 0.5s;
    transition: ease 0.5s;
    padding-bottom: 10px;
  }
  #dougscoffee_header.scrolled h1 {
    height: 48px;
  }
}
#dougscoffee_header .sp_hamburger {
  background: var(--coffee-brown);
}
#dougscoffee_header .sp_hamburger span {
  background: #fff;
}

.dougscoffee_header_inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width:768px) {
  .dougscoffee_header_inner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
  }
}
.dougscoffee_header_inner h1 {
  margin-bottom: 2rem;
}

.coffee_head {
  width: 100%;
  aspect-ratio: 36/7;
  margin-top: 190px;
}
@media screen and (max-width:768px) {
  .coffee_head {
    aspect-ratio: 2/1;
    margin-top: 0;
  }
}

.coffee_head {
  background: url(../../images/dougscoffee/coffee_head.jpg) top/cover no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.coffee_head h2 {
  margin: auto;
  text-align: center;
  color: #fff;
  font-size: var(--font-size-36);
}

.dougsCoffeeAbout h3 {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  font-size: var(--font-size-24);
  font-weight: bold;
}
.dougsCoffeeAbout h3 span {
  display: block;
  font-size: var(--font-size-14);
  font-weight: 200;
}
@media screen and (max-width:768px) {
  .dougsCoffeeAbout h2, .dougsCoffeeAbout h3 {
    text-align: center;
    margin-bottom: 2rem;
  }
}

.dougsCoffeeLocation {
  background: var(--coffee-beige);
  padding: 8rem 0;
}

.dougsCoffeeMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../../images/dougscoffee/coffee_menu.jpg) top/cover no-repeat;
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  .dougsCoffeeMenu {
    aspect-ratio: 2/1;
  }
}

#dougsgrill h2, #dougsgrill h3, #dougsgrill span, #dougsgrill p {
  color: var(--grill-gray);
}
#dougsgrill h2 {
  font-size: var(--font-size-36);
}

#dougsgrill_header {
  width: 100%;
  height: 100vh;
  margin: 0 auto 8rem;
  padding-top: 3rem;
  background: url(../../images/dougsgrill/grill_head.jpg) top/cover no-repeat;
}
@media screen and (max-width:768px) {
  #dougsgrill_header {
    padding-top: 0;
    height: auto;
    aspect-ratio: 3/2;
  }
}
@media screen and (max-width:768px) {
  #dougsgrill_header .sp_hamburger {
    background: #fff;
  }
}
#dougsgrill_header .sp_hamburger span {
  background: var(--grill-gray);
}
#dougsgrill_header a.header_sns_insta {
  background: url(../../images/common/sns_insta_wh.svg) center/contain no-repeat;
}
#dougsgrill_header a.header_sns_fb {
  background: url(../../images/common/sns_fb_wh.svg) center/contain no-repeat;
}

.dougsgrill_header_inner h1 {
  -webkit-mask: url(../../images/common/dougsgrillLogo.svg) no-repeat center/contain;
          mask: url(../../images/common/dougsgrillLogo.svg) no-repeat center/contain;
}
.dougsgrill_header_inner #navMenu {
  width: auto;
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner #navMenu {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background: #262626;
    -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;
  }
  .dougsgrill_header_inner #navMenu.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner #navMenu .menuList li {
    width: 100%;
  }
  .dougsgrill_header_inner #navMenu .menuList li:after {
    content: "";
    display: block;
    background: url(../../images/common/dotted_border.svg) left/contain repeat-x;
    width: 100%;
    height: 1px;
  }
}
.dougsgrill_header_inner #navMenu .menuList li a {
  color: #fff;
  font-size: var(--font-size-14);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  margin-right: 2.78vw;
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner #navMenu .menuList li a {
    font-size: 16px;
    padding: 4rem 2rem;
    margin-right: 0;
    color: #fff;
  }
}
@media screen and (max-width:768px) {
  .dougsgrill_header_inner {
    background: var(--grill-gray);
  }
}

.dougsgrill_header_nav a {
  color: #fff !important;
}

.dougsgrill_head {
  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: 100%;
}
@media screen and (max-width:768px) {
  .dougsgrill_head {
    margin-top: 56px;
  }
}
.dougsgrill_head h2 {
  color: #fff !important;
  text-align: center;
  margin: auto;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 300;
  padding-bottom: 10rem;
}
@media screen and (max-width:768px) {
  .dougsgrill_head h2 {
    font-size: clamp(16px, 4.8vw, 24px) !important;
  }
}

.dougsGrillAbout .common-ttl span {
  width: 14.2%;
  display: block;
  margin: auto;
  text-align: center;
}

.dougsGrillLocation {
  background: #F0F0F0;
  padding: 8rem 0;
}
.dougsGrillLocation .wrapper {
  position: relative;
}
@media screen and (max-width:768px) {
  .dougsGrillLocation .wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.dougsGrillLocation .card {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  background: #fff;
}
@media screen and (max-width:768px) {
  .dougsGrillLocation .card {
    position: inherit;
    -webkit-transform: inherit;
            transform: inherit;
  }
}
.dougsGrillLocation .card_header {
  padding-top: 3.2rem;
  width: 21.6rem;
  margin: auto;
}
@media screen and (max-width:768px) {
  .dougsGrillLocation .card_header {
    padding: 3.2rem 0;
    width: 60%;
    aspect-ratio: inherit;
  }
}
.dougsGrillLocation .card_header img {
  -o-object-fit: contain;
     object-fit: contain;
}
.dougsGrillLocation .card_btn {
  color: #fff;
  background: var(--grill-gray);
  border-radius: 0;
}
.dougsGrillLocation .card_btn:hover {
  color: var(--grill-gray);
  background: #fff;
  font-weight: bold;
  border: 2px solid var(--grill-gray);
  border-color: var(--grill-gray);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.dougsGrillLocation .dougsGrillLocation_img {
  width: 80%;
  aspect-ratio: 2/1;
  margin-left: auto;
  background: url(../../images/dougsgrill/grill_location.jpg) center/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGrillLocation .dougsGrillLocation_img {
    width: 100%;
    margin-bottom: 20px;
  }
}

.dougsGrillAbout_block {
  position: relative;
  margin-bottom: 15.5rem;
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block {
    margin-bottom: 12rem;
  }
}
.dougsGrillAbout_block.-first .dougsGrillAbout_block_img {
  background: url(../../images/dougsgrill/grill_about01.jpg) top/cover no-repeat;
}
.dougsGrillAbout_block.-first .dougsGrillAbout_block_txt {
  right: 0;
  bottom: -10rem;
  padding: 3rem 0 0 3rem;
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block.-first .dougsGrillAbout_block_txt {
    bottom: 0;
    padding: 0;
  }
}
.dougsGrillAbout_block.-last .dougsGrillAbout_block_img {
  position: relative;
  background: url(../../images/dougsgrill/grill_about02.jpg) top/cover no-repeat;
}
.dougsGrillAbout_block.-last .dougsGrillAbout_block_img:before {
  position: absolute;
  content: "";
  width: 19rem;
  aspect-ratio: 1/1;
  top: 2.8rem;
  left: -16rem;
  display: block;
  background: url(../../images/dougsgrill/certified.png) top/contain no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block.-last .dougsGrillAbout_block_img:before {
    width: 31rem;
    top: -12rem;
    left: -2rem;
  }
}
.dougsGrillAbout_block.-last .dougsGrillAbout_block_txt {
  left: 0;
  bottom: -10rem;
  padding: 3rem 3rem 0 0;
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block.-last .dougsGrillAbout_block_txt {
    bottom: 0;
    padding: 0;
  }
}
.dougsGrillAbout_block.-last .dougsGrillAbout_block_img {
  margin-left: auto;
}

.dougsGrillAbout_block_img {
  width: 64%;
  max-width: 640px;
  aspect-ratio: 32/21;
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block_img {
    width: 100%;
    margin-bottom: 2rem;
  }
}

.dougsGrillAbout_block_txt {
  position: absolute;
  width: 50%;
  max-width: 500px;
  background: rgba(255, 255, 255, 0.8);
}
@media screen and (max-width:768px) {
  .dougsGrillAbout_block_txt {
    position: inherit;
    width: 100%;
  }
}
.dougsGrillAbout_block_txt h3 {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: var(--font-size-36);
  font-weight: 200;
  margin-bottom: 1rem;
}
.dougsGrillAbout_block_txt h3 span {
  display: block;
  font-size: var(--font-size-14);
  font-weight: bold;
}

.dougsGrillMenu {
  width: 100%;
  aspect-ratio: 72/25;
  background: url(../../images/dougsgrill/grill_menu.jpg) top/cover no-repeat;
  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;
  margin-bottom: 0;
}
@media screen and (max-width:768px) {
  .dougsGrillMenu {
    padding: 4rem 0;
  }
}

a.grillMenu_btn {
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
  color: #fff !important;
  font-weight: 200;
  font-size: var(--font-size-24);
  text-align: center;
  width: 52%;
  padding: 2rem 0;
  margin: 8rem auto 0;
  background: var(--grill-gray);
  border: 2px solid transparent;
}
@media screen and (max-width:768px) {
  a.grillMenu_btn {
    width: 100%;
    margin-top: 2rem;
    padding: 2rem 4rem;
  }
}
a.grillMenu_btn:hover {
  color: var(--grill-gray) !important;
  background: #fff;
  font-weight: bold;
  border: 2px solid var(--grill-gray);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

#dougschicken_header {
  width: 100%;
  height: 600px;
  padding-top: 3rem;
  margin-bottom: 8rem;
  background: url(../../images/dougschicken/chicken_head.png) top/cover no-repeat;
}
@media screen and (max-width:768px) {
  #dougschicken_header {
    aspect-ratio: 3/2;
    height: auto;
  }
}
@media screen and (max-width:768px) {
  #dougschicken_header nav a {
    color: #fff;
  }
}
@media screen and (max-width:768px) {
  #dougschicken_header .sp_hamburger {
    background: #fff;
    position: fixed;
  }
}
#dougschicken_header .sp_hamburger span {
  background: var(--chicken-blue);
}
#dougschicken_header a.header_sns_insta {
  background: url(../../images/common/sns_insta_wh.svg) center/contain no-repeat;
}
#dougschicken_header a.header_sns_fb {
  background: url(../../images/common/sns_fb_wh.svg) center/contain no-repeat;
}

.dougschicken_header_inner h1 {
  -webkit-mask: url(../../images/common/dougschickenLogo.svg) no-repeat center/contain;
          mask: url(../../images/common/dougschickenLogo.svg) no-repeat center/contain;
}
.dougschicken_header_inner #navMenu {
  width: auto;
}
@media screen and (max-width:768px) {
  .dougschicken_header_inner #navMenu {
    opacity: 0;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
    position: absolute;
    width: 100%;
    top: 56px;
    left: 0;
    background: #044082;
    -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;
  }
  .dougschicken_header_inner #navMenu.active {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@media screen and (max-width:768px) {
  .dougschicken_header_inner #navMenu .menuList li {
    width: 100%;
  }
  .dougschicken_header_inner #navMenu .menuList li:after {
    content: "";
    display: block;
    background: url(../../images/common/dotted_border.svg) left/contain repeat-x;
    width: 100%;
    height: 1px;
  }
}
.dougschicken_header_inner #navMenu .menuList li a {
  color: #fff;
  font-size: var(--font-size-14);
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  margin-right: 2.78vw;
}
@media screen and (max-width:768px) {
  .dougschicken_header_inner #navMenu .menuList li a {
    font-size: 16px;
    padding: 4rem 2rem;
    margin-right: 0;
    color: #fff;
  }
}
@media screen and (max-width:768px) {
  .dougschicken_header_inner {
    background: var(--chicken-blue);
  }
}

.dougschicken_head {
  margin-top: 13rem;
}
.dougschicken_head h2 {
  color: #fff;
  text-align: center;
  font-size: var(--font-size-36);
  margin: auto;
  line-height: 1.5;
  font-family: "Kumbh Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings: "YOPQ" 300;
}

.dougsChickenAbout h3 {
  margin: 6rem auto;
}
.dougsChickenAbout h3 img {
  width: 100%;
}

.dougsChickenAbout_box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:768px) {
  .dougsChickenAbout_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8rem;
  }
}
.dougsChickenAbout_box .-roasted {
  width: 44%;
}
.dougsChickenAbout_box .-simmered {
  width: 47%;
}
.dougsChickenAbout_box .-border {
  position: relative;
  width: 8%;
}
.dougsChickenAbout_box .-border img {
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width:768px) {
  .dougsChickenAbout_box .-roasted, .dougsChickenAbout_box .-border, .dougsChickenAbout_box .-simmered {
    width: 100%;
  }
}

#yoshinoshoten_topHeader {
  max-width: 680px;
  width: 68%;
  aspect-ratio: 3/2;
  margin: auto auto 4rem;
}

#yoshinoshoten_header {
  margin-bottom: 4rem;
  z-index: 99;
}
@media screen and (max-width:768px) {
  #yoshinoshoten_header {
    background: var(--font);
  }
}
#yoshinoshoten_header nav {
  margin: 4rem auto 0;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}
@media screen and (max-width:768px) {
  #yoshinoshoten_header nav {
    margin-top: 0;
  }
}
#yoshinoshoten_header .logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 6rem auto 0;
  width: 52%;
  max-width: 320px;
}
@media screen and (max-width:768px) {
  #yoshinoshoten_header .logo {
    width: auto;
    max-width: 80px;
    height: 100%;
    margin: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#yoshinoshoten_header.miyakojima {
  width: 50%;
  max-width: 500px;
}
#yoshinoshoten_header .sp_hamburger {
  background: #fff;
}
#yoshinoshoten_header .sp_hamburger span {
  background: var(--font);
}
#yoshinoshoten_header a.header_sns_insta {
  mask: none;
  -webkit-mask: none;
  background: url(../../images/common/sns_insta_wh.svg) center/contain no-repeat;
}
#yoshinoshoten_header a.header_sns_fb {
  mask: none;
  -webkit-mask: none;
  background: url(../../images/common/sns_fb_wh.svg) center/contain no-repeat;
}
@media screen and (max-width:768px) {
  #yoshinoshoten_header #navMenu {
    background: var(--font);
  }
  #yoshinoshoten_header #navMenu a {
    color: #fff;
  }
}
@media screen and (min-width:769px) {
  #yoshinoshoten_header #navMenu:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 400px;
    height: 1px;
    background: #000;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transition: -webkit-transform 0.4s ease;
    transition: -webkit-transform 0.4s ease;
    transition: transform 0.4s ease;
    transition: transform 0.4s ease, -webkit-transform 0.4s ease;
  }
}
#yoshinoshoten_header .navLogo {
  height: 80px;
  width: auto;
  margin: 10px auto;
  display: none;
}
@media screen and (min-width:769px) {
  #yoshinoshoten_header.scrolled .navLogo {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    display: block;
    width: 100%;
    background: #fff;
    z-index: 99;
    padding: 10px 0;
  }
  #yoshinoshoten_header.scrolled .navLogo img {
    height: 100%;
    width: 120px;
    margin: auto;
  }
  #yoshinoshoten_header.scrolled h1 {
    display: none;
  }
  #yoshinoshoten_header.scrolled #navMenu {
    z-index: 99;
    position: fixed;
    left: 0;
    right: 0;
    top: 80px;
    margin: 0 auto;
    width: 100%;
    background: #fff;
  }
  #yoshinoshoten_header.scrolled #navMenu .shopsNavMenu {
    border: none;
  }
  #yoshinoshoten_header.scrolled #navMenu .shopsNavMenu {
    width: 100%;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #yoshinoshoten_header.scrolled #navMenu:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    width: 100%;
  }
}

@media screen and (max-width:768px) {
  .yoshinoGroup_about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media screen and (max-width:768px) {
  .yoshinoGroup_locations {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8vw;
  }
}

@media screen and (max-width:768px) {
  .yoshinoshotenAbout {
    margin-top: 80px;
  }
}
.yoshinoshotenAbout img {
  width: 36%;
  max-width: 368px;
  margin: 5rem auto;
}
@media screen and (max-width:768px) {
  .yoshinoshotenAbout img {
    width: 100%;
    max-width: 500px;
    margin: 2rem auto;
  }
}

.yoshinoshotenMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: url(../../images/yoshinoshoten/yoshinoshoten_menu.jpg) top/cover no-repeat;
}
.yoshinoshotenMenu.-miyakojima {
  background: url(../../images/yoshinoshoten/miyakojima_menu.jpg) top/cover no-repeat;
}
@media screen and (max-width:768px) {
  .yoshinoshotenMenu.l-menuStyle {
    padding: 10rem 0;
  }
}
.yoshinoshotenMenu > .wrapper {
  width: 100%;
}
.yoshinoshotenMenu .l-menuStyle_btn {
  background: var(--font);
  font-weight: bold;
}

.yoshinoshotenTop_btn {
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 4.6rem;
  background: var(--font);
  color: #fff;
  font-weight: bold;
  border-radius: 0.6rem;
}
.yoshinoshotenTop_btn::before, .yoshinoshotenTop_btn::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 2rem;
  margin: auto;
  width: 11px;
  height: 2px;
  border-radius: 9999px;
  background-color: #ffffff;
  -webkit-transform-origin: 1px 50%;
          transform-origin: 1px 50%;
}
.yoshinoshotenTop_btn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.yoshinoshotenTop_btn:after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.yoshinoshotenLocation {
  background: var(--font);
  padding: 6rem 0;
}
.yoshinoshotenLocation h2 {
  color: #fff;
}

.yoshinoshotenLocation_block {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3vw;
}
@media screen and (max-width:768px) {
  .yoshinoshotenLocation_block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.yoshinoshotenLocation_block .card {
  width: 310px;
  min-height: 369px;
  background: #fff;
  border-radius: 0;
}
@media screen and (max-width:768px) {
  .yoshinoshotenLocation_block .card {
    width: 100%;
    min-height: inherit;
  }
}
.yoshinoshotenLocation_block .card_header {
  padding-top: 3.2rem;
  width: 21.6rem;
  margin: auto;
}
@media screen and (max-width:768px) {
  .yoshinoshotenLocation_block .card_header {
    width: 100%;
  }
}
.yoshinoshotenLocation_block .card_header img {
  -o-object-fit: contain;
     object-fit: contain;
}
.yoshinoshotenLocation_block .card_btn {
  border-radius: 0;
}

img.yoshinoshotenLocation_img {
  width: 100%;
  height: 100%;
  max-height: 380px;
  max-width: 655px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media screen and (max-width:768px) {
  img.yoshinoshotenLocation_img {
    height: 100%;
    width: auto;
  }
}

#dougsGift {
  position: relative;
}
#dougsGift:before {
  position: absolute;
  top: -28rem;
  right: 5vw;
  content: "";
  display: block;
  background: url(../../images/shopping_gift/box_camp.png) center/contain no-repeat;
  width: 38.2rem;
  max-width: 38.2rem;
  aspect-ratio: 1/1;
  z-index: 10;
}
@media screen and (max-width:768px) {
  #dougsGift:before {
    position: relative;
    top: inherit;
    right: inherit;
    margin: auto auto 10rem;
    width: 75%;
    max-width: inherit;
  }
}

.-recommender .wrapper {
  gap: 7vw;
}
@media screen and (max-width:768px) {
  .-recommender .wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.-recommender img {
  max-width: 31rem;
  width: 30%;
  height: auto;
}
@media screen and (max-width:768px) {
  .-recommender img {
    width: 100%;
    max-width: inherit;
  }
}
.-recommender .recommender_ttl {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 200;
  font-size: var(--font-size-36);
  margin-bottom: 3rem;
}
.-recommender .recommender_ttl span {
  display: block;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-weight: bold;
  margin-top: 5px;
  font-size: var(--font-size-14);
}

.dougsGiftblock_txt {
  width: 670px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width:768px) {
  .dougsGiftblock_txt {
    padding: 0;
    width: 100%;
  }
}
.dougsGiftblock_txt h2 {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif;
  font-weight: bold;
  font-size: var(--font-size-42);
  line-height: 120%;
  margin-bottom: 10px;
  text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white, -1px 0px 0 white, 1px 0px 0 white, 0px -1px 0 white, 0px 1px 0 white, 0px 2px 6px rgba(0, 0, 0, 0.15), 0px 1px 2px rgba(0, 0, 0, 0.3);
}
.dougsGift_price {
  color: var(--shopping-red);
  font-size: 35px;
  font-weight: bold;
  margin-bottom: 3rem;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Yu Mincho", "MS PMincho", serif;
}
@media screen and (max-width:768px) {
  .dougsGift_price {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.dougsGift_price span {
  line-height: 1;
}
.dougsGift_price span.product-info, .dougsGift_price span.additional-info {
  color: var(--font);
  display: block;
}
.dougsGift_price span.currency {
  font-size: 20px;
}
.dougsGift_price span.product-info {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  font-size: var(--font-size-12);
}
.dougsGift_price span.additional-info {
  font-size: var(--font-size-14);
}
.dougsGift_price span.additional-info2 {
  color: var(--font);
  font-size: var(--font-size-12);
}

.product-detail {
  margin-bottom: 3rem;
}
@media screen and (max-width:768px) {
  .product-detail {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.dougsGiftblock {
  width: 100%;
  height: 600px;
  margin-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width:768px) {
  .dougsGiftblock {
    height: inherit;
    padding: 10rem 0;
  }
}
@media screen and (max-width:768px) {
  .dougsGiftblock .dougsGiftblock_img {
    display: none;
  }
}
.dougsGiftblock:nth-of-type(2n+1) {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.dougsGiftblock:nth-of-type(2n+1) .wrapper {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width:768px) {
  .dougsGiftblock:nth-of-type(2n+1) .wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.dougsGiftblock.-burger {
  background: url(../../images/shopping_gift/gift_imgDougsBurger.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-burger {
    background: url(../../images/shopping_gift/gift_imgDougsBurger_sp.jpg) center/cover no-repeat;
  }
}
.dougsGiftblock.-burger h2 span {
  display: block;
}
.dougsGiftblock.-burger h2 span.burger01 {
  font-size: var(--font-size-38);
}
.dougsGiftblock.-burger h2 span.burger02 {
  font-size: var(--font-size-24);
}
.dougsGiftblock.-burger .dougsGiftblock_txt {
  width: 830px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-burger .dougsGiftblock_txt {
    width: 100%;
  }
}
.dougsGiftblock.-burger .product-detail {
  max-width: 540px;
}
.dougsGiftblock.-bangleRight {
  background: url(../../images/shopping_gift/gift_imgBangle_l.jpg) left/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-bangleRight {
    background: url(../../images/shopping_gift/gift_imgBangle_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-bangleLeft {
  background: url(../../images/shopping_gift/gift_imgBangle_r.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-bangleLeft {
    background: url(../../images/shopping_gift/gift_imgBangle_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-coffee {
  background: url(../../images/shopping_gift/gift_imgCoffee.jpg) left/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-coffee {
    background: url(../../images/shopping_gift/gift_imgCoffee_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-coffee .dougsGiftblock_txt {
  width: 560px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-coffee .dougsGiftblock_txt {
    width: 100%;
  }
}
.dougsGiftblock.-collar {
  background: url(../../images/shopping_gift/gift_imgCollar.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-collar {
    background: url(../../images/shopping_gift/gift_imgCollar_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-collar h2 {
  line-height: 1.2;
  font-size: var(--font-size-40);
  letter-spacing: -0.05em;
}
.dougsGiftblock.-collar h2 span {
  display: block;
  font-size: var(--font-size-24);
}
.dougsGiftblock.-collar .dougsGiftblock_txt {
  margin-left: auto !important;
}
.dougsGiftblock.-crewneck h2 span, .dougsGiftblock.-vneck h2 span {
  font-size: 0.85em;
  line-height: 1.2;
}
.dougsGiftblock.-crewneck h2 span span, .dougsGiftblock.-vneck h2 span span {
  font-size: 0.94em;
  display: block;
}
.dougsGiftblock.-crewneck {
  background: url(../../images/shopping_gift/gift_imgCrewneck.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-crewneck {
    background: url(../../images/shopping_gift/gift_imgCrewneck_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-vneck {
  background: url(../../images/shopping_gift/gift_imgVneck.jpg) left/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-vneck {
    background: url(../../images/shopping_gift/gift_imgVneck_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-dugschicken {
  background: url(../../images/shopping_gift/gift_imgChicken.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-dugschicken {
    background: url(../../images/shopping_gift/gift_imgChicken_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-drip {
  background: url(../../images/shopping_gift/gift_imgDrip.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-drip {
    background: url(../../images/shopping_gift/gift_imgDrip_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-mango {
  background: url(../../images/shopping_gift/gift_imgMango.jpg) right/cover no-repeat;
  height: 722px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango {
    height: auto;
  }
}
.dougsGiftblock.-mango .dougsGiftblock_txt {
  position: relative;
}
.dougsGiftblock.-mango .dougsGiftblock_txt:after {
  position: absolute;
  right: -16vw;
  content: "";
  display: block;
  background: url(../../images/shopping_gift/gift_mangoBadge.png) center/cover no-repeat;
  width: 200px;
  aspect-ratio: 1/1;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .dougsGiftblock_txt:after {
    display: none;
  }
}
.dougsGiftblock.-mango .dougsGiftblock_txt .product-detail {
  position: relative;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .dougsGiftblock_txt .product-detail:after {
    margin: 6rem auto 0;
    content: "";
    display: block;
    background: url(../../images/shopping_gift/gift_mangoBadge.png) center/cover no-repeat;
    width: 56%;
    max-width: 400px;
    aspect-ratio: 1/1;
  }
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango {
    background: url(../../images/shopping_gift/gift_imgMango_sp.jpg) right/cover no-repeat;
  }
}
.dougsGiftblock.-mango h2 span {
  font-size: 18px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango h2 span {
    display: block;
  }
}
.dougsGiftblock.-mango .dougsGift_price {
  margin-bottom: 10px;
  line-height: 1.1;
}
.dougsGiftblock.-mango .price {
  line-height: 1.5;
}
.dougsGiftblock.-mango .mango_box {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .mango_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.dougsGiftblock.-mango .mango_box:first-of-type {
  margin-bottom: 30px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .mango_box:first-of-type {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .mango_box:last-of-type {
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
  }
}
.dougsGiftblock.-mango .mango_box img {
  width: 244px;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-mango .mango_box img {
    width: 100%;
    margin: auto;
  }
}
.dougsGiftblock.-samugetan {
  background: url(../../images/shopping_gift/gift_imgSangyetang.jpg) left/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-samugetan {
    background: url(../../images/shopping_gift/gift_imgSangyetang_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-okaki {
  background: url(../../images/shopping_gift/gift_img03.jpg) right/cover no-repeat;
}
.dougsGiftblock.-totes_white h2, .dougsGiftblock.-totes_black h2 {
  line-height: 1.2;
}
.dougsGiftblock.-totes_white h2 img, .dougsGiftblock.-totes_black h2 img {
  height: 38px;
  width: auto;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-totes_white h2 img, .dougsGiftblock.-totes_black h2 img {
    height: 34px;
  }
}
.dougsGiftblock.-totes_white .totesColor, .dougsGiftblock.-totes_black .totesColor {
  display: block;
  font-size: var(--font-size-24);
}
.dougsGiftblock.-totes_white h2, .dougsGiftblock.-totes_sky h2 {
  line-height: 1.2;
}
.dougsGiftblock.-totes_white h2 img, .dougsGiftblock.-totes_sky h2 img {
  height: 38px;
  width: auto;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-totes_white h2 img, .dougsGiftblock.-totes_sky h2 img {
    height: 34px;
  }
}
.dougsGiftblock.-totes_white .totesColor, .dougsGiftblock.-totes_sky .totesColor {
  display: block;
  font-size: var(--font-size-24);
}
.dougsGiftblock.-totes_white {
  background: url(../../images/shopping_gift/gift_imgWhite.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-totes_white {
    background: url(../../images/shopping_gift/gift_imgWhite.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-totes_white h2 {
  max-width: 484px;
}
.dougsGiftblock.-totes_white > .d-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.dougsGiftblock.-totes_sky {
  background: url(../../images/shopping_gift/gift_imgSky.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-totes_sky {
    background: url(../../images/shopping_gift/gift_imgSky_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-totes_sky h2 {
  max-width: 484px;
}
.dougsGiftblock.-totes_black {
  background: url(../../images/shopping_gift/gift_imgBlack.jpg) right/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-totes_black {
    background: url(../../images/shopping_gift/gift_imgBlack_sp.jpg) top/cover no-repeat;
  }
}
.dougsGiftblock.-totes_black h2 {
  max-width: 484px;
}
.dougsGiftblock.-honey {
  background: url(../../images/shopping_gift/gift_imgHoney.jpg) left/cover no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock.-honey {
    background: url(../../images/shopping_gift/gift_imgHoney_sp.jpg) left/cover no-repeat;
  }
}
.dougsGiftblock .wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7vw;
}
.dougsGiftblock .dougsGiftblock_spImg {
  display: none;
}
@media screen and (max-width:768px) {
  .dougsGiftblock .dougsGiftblock_spImg {
    display: block;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
    margin-bottom: 4rem;
  }
  .dougsGiftblock .dougsGiftblock_spImg img {
    margin: auto;
  }
  .dougsGiftblock .dougsGiftblock_spImg img:first-child {
    margin-bottom: 30px;
  }
}
.dougsGiftblock .shopBtn {
  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;
  font-size: var(--font-size-12);
  font-weight: bold;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
  color: #fff;
  width: 200px;
  padding: 10px 20px 10px 20px;
  border-radius: 4px;
  background: #6C7B98;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.2509803922);
}
.dougsGiftblock .shopBtn:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  background: url(../../images/common/cart.svg) center/contain no-repeat;
}
@media screen and (max-width:768px) {
  .dougsGiftblock .shopBtn {
    -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
            order: 5;
    width: 100%;
    border-radius: 100vw;
  }
}
.dougsGiftblock .shopBtn.-nolink {
  opacity: 0.3;
}
.dougsGiftblock .note {
  margin-top: 3rem;
}