@charset "UTF-8";
audio:not([controls]) {
  display: none;
}

button {
  overflow: visible;
  -webkit-appearance: button;
}

a, button {
  outline: 0;
}

details {
  display: block;
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}

input {
  -webkit-border-radius: 0;
}
input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
}
input[type=number] {
  width: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

main {
  display: block;
}

pre {
  overflow: auto;
}

progress {
  display: inline-block;
}

small {
  font-size: 75%;
}

summary {
  display: block;
}

svg:not(:root) {
  overflow: hidden;
}

template {
  display: none;
}

textarea {
  overflow: auto;
}

[hidden] {
  display: none;
}

*,
::before,
::after {
  box-sizing: inherit;
}

* {
  font-size: inherit;
  line-height: inherit;
}
*:before, *:after {
  box-sizing: border-box;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

*,
::before,
::after {
  border-style: solid;
  border-width: 0;
}

* {
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

:root {
  background-color: #FFFFFF;
  box-sizing: border-box;
  color: #000000;
  cursor: default;
  font: 100%/1.5 sans-serif;
  text-rendering: optimizeLegibility;
}

a {
  text-decoration: none;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

button,
input,
select,
textarea {
  background-color: transparent;
}

button,
input,
select,
textarea {
  color: inherit;
  font-family: inherit;
  font-style: inherit;
  font-weight: inherit;
}

button,
[type=button],
[type=date],
[type=datetime],
[type=datetime-local],
[type=email],
[type=month],
[type=number],
[type=password],
[type=reset],
[type=search],
[type=submit],
[type=tel],
[type=text],
[type=time],
[type=url],
[type=week],
select,
textarea {
  min-height: 1.5em;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
}

nav ol,
nav ul {
  list-style: none;
}

select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
select::-ms-expand {
  display: none;
}
select::-ms-value {
  color: currentColor;
}

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

textarea {
  resize: vertical;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled] {
  cursor: default;
}

[hidden][aria-hidden=false] {
  clip: rect(0 0 0 0);
  display: inherit;
  position: absolute;
}
[hidden][aria-hidden=false]:focus {
  clip: auto;
}

body {
  -webkit-font-smoothing: antialiased;
}

ul li {
  list-style-type: none;
}

figure {
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

button {
  cursor: pointer;
}

@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
#privacy .top-image, .privacy .top-image, #aboutus .top-image, #order .top-image, #press .top-image, #contact .top-image, #topics .top-image, #delrey .top-image, #shop .top-image, #recruit .top-image {
  margin-top: -65.5px;
  position: relative;
}
@media (min-width: 768px) {
  #privacy .top-image, .privacy .top-image, #aboutus .top-image, #order .top-image, #press .top-image, #contact .top-image, #topics .top-image, #delrey .top-image, #shop .top-image, #recruit .top-image {
    margin-top: inherit;
    height: 18.875rem;
    width: 100%;
    overflow: hidden;
  }
}
#privacy .top-image .mask, .privacy .top-image .mask, #aboutus .top-image .mask, #order .top-image .mask, #press .top-image .mask, #contact .top-image .mask, #topics .top-image .mask, #delrey .top-image .mask, #shop .top-image .mask, #recruit .top-image .mask {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
#privacy .top-image .mask.mask_brown, .privacy .top-image .mask.mask_brown, #aboutus .top-image .mask.mask_brown, #order .top-image .mask.mask_brown, #press .top-image .mask.mask_brown, #contact .top-image .mask.mask_brown, #topics .top-image .mask.mask_brown, #delrey .top-image .mask.mask_brown, #shop .top-image .mask.mask_brown, #recruit .top-image .mask.mask_brown {
  background: rgba(69, 49, 33, 0.5);
}
#privacy .top-image > p, .privacy .top-image > p, #aboutus .top-image > p, #order .top-image > p, #press .top-image > p, #contact .top-image > p, #topics .top-image > p, #delrey .top-image > p, #shop .top-image > p, #recruit .top-image > p, #privacy .top-image h2, .privacy .top-image h2, #aboutus .top-image h2, #order .top-image h2, #press .top-image h2, #contact .top-image h2, #topics .top-image h2, #delrey .top-image h2, #shop .top-image h2, #recruit .top-image h2, #privacy .top-image h1, .privacy .top-image h1, #aboutus .top-image h1, #order .top-image h1, #press .top-image h1, #contact .top-image h1, #topics .top-image h1, #delrey .top-image h1, #shop .top-image h1, #recruit .top-image h1 {
  font-size: 1.959375rem;
  line-height: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 32.75px;
  font-family: "stix-two-text";
}
@media (min-width: 768px) {
  #privacy .top-image > p, .privacy .top-image > p, #aboutus .top-image > p, #order .top-image > p, #press .top-image > p, #contact .top-image > p, #topics .top-image > p, #delrey .top-image > p, #shop .top-image > p, #recruit .top-image > p, #privacy .top-image h2, .privacy .top-image h2, #aboutus .top-image h2, #order .top-image h2, #press .top-image h2, #contact .top-image h2, #topics .top-image h2, #delrey .top-image h2, #shop .top-image h2, #recruit .top-image h2, #privacy .top-image h1, .privacy .top-image h1, #aboutus .top-image h1, #order .top-image h1, #press .top-image h1, #contact .top-image h1, #topics .top-image h1, #delrey .top-image h1, #shop .top-image h1, #recruit .top-image h1 {
    margin-top: inherit;
    font-size: 2.73125rem;
  }
}
#privacy .top-image > p span, .privacy .top-image > p span, #aboutus .top-image > p span, #order .top-image > p span, #press .top-image > p span, #contact .top-image > p span, #topics .top-image > p span, #delrey .top-image > p span, #shop .top-image > p span, #recruit .top-image > p span, #privacy .top-image h2 span, .privacy .top-image h2 span, #aboutus .top-image h2 span, #order .top-image h2 span, #press .top-image h2 span, #contact .top-image h2 span, #topics .top-image h2 span, #delrey .top-image h2 span, #shop .top-image h2 span, #recruit .top-image h2 span, #privacy .top-image h1 span, .privacy .top-image h1 span, #aboutus .top-image h1 span, #order .top-image h1 span, #press .top-image h1 span, #contact .top-image h1 span, #topics .top-image h1 span, #delrey .top-image h1 span, #shop .top-image h1 span, #recruit .top-image h1 span {
  display: block;
  font-size: 0.75rem;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  #privacy .top-image > p span, .privacy .top-image > p span, #aboutus .top-image > p span, #order .top-image > p span, #press .top-image > p span, #contact .top-image > p span, #topics .top-image > p span, #delrey .top-image > p span, #shop .top-image > p span, #recruit .top-image > p span, #privacy .top-image h2 span, .privacy .top-image h2 span, #aboutus .top-image h2 span, #order .top-image h2 span, #press .top-image h2 span, #contact .top-image h2 span, #topics .top-image h2 span, #delrey .top-image h2 span, #shop .top-image h2 span, #recruit .top-image h2 span, #privacy .top-image h1 span, .privacy .top-image h1 span, #aboutus .top-image h1 span, #order .top-image h1 span, #press .top-image h1 span, #contact .top-image h1 span, #topics .top-image h1 span, #delrey .top-image h1 span, #shop .top-image h1 span, #recruit .top-image h1 span {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #privacy .top-image img, .privacy .top-image img, #aboutus .top-image img, #order .top-image img, #press .top-image img, #contact .top-image img, #topics .top-image img, #delrey .top-image img, #shop .top-image img, #recruit .top-image img {
    width: 1920px;
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
  }
}
#order .top-image h1, #press .top-image h1, #shop .top-image h1 {
  color: #9a7219;
}

@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
.full-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/**
 * ホバーエフェクトの mixin<br>
 * 効果：中央からラインが伸びる（下）<br>
 * 参考：http://www.nxworld.net/tips/15-text-link-hover-effect-and-design.html
 *
 * @param {String} color ラインのカラー　デフォルトは #888
 * @param {String} border_height ラインの高さ　デフォルトは 1px
 * @param {String} transition トランジション　デフォルトは 0.3s
 */
/**
 * ホバーエフェクトの mixin で「中央からラインが伸びる（下）」のホバーじと同じ効果を上書きする<br>
 * 効果：中央からラインが伸びる（下）：ホバー<br>
 */
/**
 * ボックス型のボタン
 * ボタンのテキストにはクラスを設定したタグに data-button-text プロパティを設定して before と after にボタン名として入れられる
 * テキストは before に設定される。
 * ホバー時にはテキストがせり上がるようにしながら after が表示される。
 */
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
/**
 * 指定されたプロパティに決められた基準のスペースを入れる mixin。
 *
 * @param {String} property name
 * @param {Number} 係数
 */
/**
 * フォントサイズ rem 設定用 mixin。
 *
 * @param {String} 配列での設定か、Extra small の指定
 * @param {String} Small の指定
 * @param {String} Midium の指定
 * @param {String} Large の指定
*/
/**
 * コンテンツのプロパティ設定用 mixin。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} 配列での設定か、Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * コンテンツスペース設定用 mixin。contents-space-XX にしたがって指定する。各サイズ設定に notset を入れるとそのサイズは設定されない。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空。例外的に vertical か side で左右、horizonal で上下の指定ができる。
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * wrapper 用のサイドスペース設定 mixin。contents-space-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空。例外的に vertical か side で左右、horizonal で上下の指定ができる。
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-space-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {Array} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-subspace-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {Array} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-space-XX にしたがって指定する
 *
 * @param {Map} サイズを指定　デフォルトは空
 */
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
html {
  -webkit-overflow-scrolling: touch;
}

body {
  font-family: "open-sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}
body a:focus, body button:focus {
  outline: none;
}

a:focus, button:focus {
  outline: none;
}

small {
  font-size: 1em;
}

span.ib-text span {
  display: inline-block;
}

img {
  max-width: 100%;
}

address {
  font-style: normal;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  min-width: 320px;
}
@media (max-width: 767px) {
  .wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 967px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}

.img-circle {
  border-radius: 50%;
  overflow: hidden;
}

.img-cover, .img-contain {
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.img-cover.img-center-top, .img-contain.img-center-top {
  background-position: center top;
}
.img-cover.img-center-bottom, .img-contain.img-center-bottom {
  background-position: center bottom;
}

.img-cover {
  background-size: cover;
}

.img-contain {
  background-size: contain;
}

.txt {
  display: inline-block;
}
.txt span {
  display: inline-block;
}

.ib-text span {
  display: inline-block;
}

.hidden {
  display: none !important;
}

.youtube, .googlemap, .if-resp {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
}
.youtube iframe, .googlemap iframe, .if-resp iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media (max-width: 374px) {
  .hidden-sp {
    display: none !important;
  }
}

@media (min-width: 375px) and (max-width: 767px) {
  .hidden-tb {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-mb {
    display: none !important;
  }
}

@media (min-width: 375px) {
  .hidden-no-sp {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 967px) {
  .hidden-spc {
    display: none !important;
  }
}

@media (min-width: 968px) {
  .hidden-lpc {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-pc {
    display: none !important;
  }
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
html.wf-active {
  visibility: visible !important;
}

:root {
  background: white;
  color: rgb(98, 98, 98);
}

.visible-xxs {
  display: none;
}
@media all and (max-width: 320px) {
  .visible-xxs {
    display: inline-block;
  }
}

.visible-xs {
  display: none;
}
@media all and (max-width: 414px) and (min-width: 321px) {
  .visible-xs {
    display: inline-block;
  }
}

.hidden-sp {
  display: none !important;
}
@media (min-width: 768px) {
  .hidden-sp {
    display: block !important;
  }
}

.hidden-pc {
  display: none !important;
}
@media (max-width: 767px) {
  .hidden-pc {
    display: block !important;
  }
}

body {
  font-size: 13px;
  font-size: 0.8125rem;
  line-height: 1.7307692308;
  letter-spacing: 0em;
}
body.home {
  background: white;
  z-index: -3;
}

.wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  min-width: 320px;
}

@media (max-width: 1023px) {
  .wrapper {
    padding-left: 22.5px;
    padding-right: 22.5px;
  }
}
@media (min-width: 1024px) and (max-width: 1199px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
a, button {
  text-decoration: none;
  color: inherit;
}
a:focus, a:hover, button:focus, button:hover {
  text-decoration: none;
  transition: 0.5s;
  cursor: pointer;
}
a svg > *, button svg > * {
  transition: 0.5s;
}
a:after, button:after {
  transition: 0.5s;
}

h1, h2 {
  font-family: "stix-two-text", "kozuka-mincho-pr6n";
  font-weight: 400;
}

#site_header {
  position: fixed;
  margin: 0 auto;
  width: 100%;
  z-index: 20;
}
#site_header .header {
  position: relative;
  z-index: 999;
  background-image: url(/wp-content/themes/delrey/images/common/background-tile.jpg);
  background-position: center center;
  background-size: 65.135px 72px;
  background-repeat: repeat;
  max-height: 72px;
}
@media all and (-ms-high-contrast: none\0 ) {
  #site_header .header *::-ms-backdrop, #site_header .header {
    padding-top: 35px;
  }
}
@media (min-width: 768px) {
  #site_header .header {
    background-size: 92.723px 94px;
    max-height: 94px;
  }
}
#site_header .social-btn {
  position: absolute;
  right: 119px;
  top: 18px;
}
#site_header .social-btn ul li {
  float: left;
}
#site_header .social-btn ul li a {
  padding-right: 20px;
  cursor: pointer;
}
#site_header .social-btn ul li a img.social-icon {
  width: 22px;
}
#site_header .social-btn ul li .logo-icon {
  width: 37px;
  padding-right: 10px;
}
#site_header .social-btn ul li .mark-icon {
  width: 136px;
  margin-left: auto;
  margin-right: auto;
}
#site_header .social-btn .temp_icon {
  position: relative;
}
#site_header .social-btn .temp_icon > a > figure {
  position: absolute;
  top: 40px;
  right: 20px;
}
#site_header .logo_mc_btn {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 66px);
  border-right: 1px solid #7e7065;
  padding-left: 15px;
}
@media all and (min-width: 960px) {
  #site_header .logo_mc_btn {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    border-right: none;
    padding-left: inherit;
    height: 94px;
    position: relative;
  }
}
#site_header .logo_mc_btn .logo {
  padding: 15px 0 15px;
  text-align: center;
  width: 100px;
}
@media all and (min-width: 960px) {
  #site_header .logo_mc_btn .logo {
    width: 142px;
    padding: inherit;
    margin-top: auto;
    margin-bottom: auto;
    padding-top: 4px;
  }
}
@media all and (max-width: 959px) {
  #site_header .logo_mc_btn .menu {
    display: none;
  }
}
@media all and (min-width: 960px) {
  #site_header .logo_mc_btn .menu {
    width: calc(100% - 142px);
    margin-top: auto;
    padding-bottom: 0.6rem;
  }
  #site_header .logo_mc_btn .menu #nav-items {
    display: flex;
    justify-content: flex-end;
    font-size: 0.875rem;
    color: white;
  }
}
@media all and (min-width: 960px) and (-ms-high-contrast: none\0 ) {
  #site_header .logo_mc_btn .menu #nav-items *::-ms-backdrop, #site_header .logo_mc_btn .menu #nav-items {
    padding-top: 20px;
  }
}
@media all and (min-width: 960px) {
  #site_header .logo_mc_btn .menu #nav-items li {
    padding-left: 1.125rem;
    padding-right: 1.125rem;
  }
  #site_header .logo_mc_btn .menu #nav-items li.custom-online-shop a {
    position: relative;
  }
  #site_header .logo_mc_btn .menu #nav-items li.custom-online-shop a:hover:before {
    content: "";
    position: absolute;
    top: -1.25rem;
    width: 26px;
    height: 18px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: url(/wp-content/themes/delrey/images/common/menu_active.svg) center top no-repeat;
  }
  #site_header .logo_mc_btn .menu #nav-items li.custom-online-shop a:before {
    background: none;
  }
  #site_header .logo_mc_btn .menu #nav-items li:last-child {
    padding-right: inherit;
  }
  #site_header .logo_mc_btn .menu #nav-items li.current_page_item, #site_header .logo_mc_btn .menu #nav-items li.current-menu-item, #site_header .logo_mc_btn .menu #nav-items li.current-menu-parent {
    cursor: pointer;
  }
  #site_header .logo_mc_btn .menu #nav-items li.current_page_item a, #site_header .logo_mc_btn .menu #nav-items li.current-menu-item a, #site_header .logo_mc_btn .menu #nav-items li.current-menu-parent a {
    position: relative;
  }
  #site_header .logo_mc_btn .menu #nav-items li.current_page_item a:before, #site_header .logo_mc_btn .menu #nav-items li.current-menu-item a:before, #site_header .logo_mc_btn .menu #nav-items li.current-menu-parent a:before {
    content: "";
    position: absolute;
    top: -1.25rem;
    width: 26px;
    height: 18px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: url(/wp-content/themes/delrey/images/common/menu_active.svg) center top no-repeat;
  }
  #site_header .logo_mc_btn .menu #nav-items li .sub-menu {
    position: absolute;
    padding: 0.8214rem 1.5714rem 1.5714rem;
    background: #3b2819;
    left: calc(-50% + 1rem);
    top: 2rem;
    display: none;
  }
  #site_header .logo_mc_btn .menu #nav-items li .sub-menu li {
    padding-left: 0rem;
    padding-right: 0rem;
    margin-top: 0.28rem;
    overflow: hidden;
  }
  #site_header .logo_mc_btn .menu #nav-items li .sub-menu li a {
    white-space: nowrap;
  }
  #site_header .logo_mc_btn .menu #nav-items li .sub-menu li a:hover {
    background: none;
  }
  #site_header .logo_mc_btn .menu #nav-items li a {
    position: relative;
  }
  #site_header .logo_mc_btn .menu #nav-items li a:hover:before {
    content: "";
    position: absolute;
    top: -1.25rem;
    width: 26px;
    height: 18px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: url(/wp-content/themes/delrey/images/common/menu_active.svg) center top no-repeat;
  }
  #site_header .logo_mc_btn .menu #nav-items .page-products, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop {
    position: relative;
    cursor: pointer;
  }
  #site_header .logo_mc_btn .menu #nav-items .page-products a, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop a {
    position: relative;
  }
}
@media (min-width: 960px) and (min-width: 768px) {
  #site_header .logo_mc_btn .menu #nav-items .page-products a:hover:before, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop a:hover:before {
    display: none;
  }
  #site_header .logo_mc_btn .menu #nav-items .page-products a:hover:after, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop a:hover:after {
    content: "";
    position: absolute;
    top: -1.25rem;
    width: 26px;
    height: 18px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: url(/wp-content/themes/delrey/images/common/menu_active.svg) center top no-repeat;
  }
}
@media screen and (min-width: 960px) and (max-width: 842px) and (min-width: 768px) {
  #site_header .logo_mc_btn .menu #nav-items .page-products a:hover:before, #site_header .logo_mc_btn .menu #nav-items .page-products a:hover:after, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop a:hover:before, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop a:hover:after {
    display: none;
  }
}
@media (min-width: 960px) and (max-width: 767px) {
  #site_header .logo_mc_btn .menu #nav-items .page-products .sub-menu li a, #site_header .logo_mc_btn .menu #nav-items .custom-online-shop .sub-menu li a {
    pointer-events: inherit;
  }
}
@media all and (min-width: 960px) {
  #site_header .logo_mc_btn .menu #nav-items .page-products a {
    pointer-events: none;
  }
}
@media (min-width: 960px) and (min-width: 768px) {
  #site_header .logo_mc_btn .menu #nav-items .page-products a {
    pointer-events: inherit;
  }
}
@media all and (max-width: 959px) {
  #site_header .gbtn {
    position: absolute;
    top: 0;
    right: 0;
    height: 66px;
    width: 66px;
  }
  #site_header .gbtn label {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
#site_header .marker {
  position: absolute;
  right: 20px;
  top: 34px;
}
#site_header .marker .mark-icon {
  width: 38.8571428571px;
}
#site_header .marker .mark-icon2 {
  height: 49.4545454545px;
}
@media screen and (max-width: 320px) {
  #site_header .marker {
    top: 12px;
  }
  #site_header .marker a {
    display: block;
    margin: 0 auto 6px;
    text-align: center;
  }
}

#footer .footer_1 {
  background: rgb(126, 112, 101);
  color: white;
}
#footer .footer_1 .wrapper {
  max-width: 70%;
  display: flex;
  justify-content: space-between;
}
@media all and (max-width: 959px) {
  #footer .footer_1 .wrapper {
    max-width: 90%;
  }
}
@media (max-width: 767px) {
  #footer .footer_1 .wrapper {
    max-width: 100%;
    display: block;
  }
}
#footer .footer_1 .wrapper .sns {
  margin-top: 1.5625rem;
}
#footer .footer_1 .forpc, #footer .footer_1 .formb {
  display: flex;
  justify-content: flex-start;
  padding: 1.5625rem 2.5rem;
}
@media (min-width: 768px) {
  #footer .footer_1 .forpc, #footer .footer_1 .formb {
    justify-content: center;
  }
}
#footer .footer_1 .forpc ul:first-child, #footer .footer_1 .formb ul:first-child {
  margin-right: 2rem;
}
@media (min-width: 768px) {
  #footer .footer_1 .forpc ul, #footer .footer_1 .formb ul {
    margin-right: 2rem;
  }
  #footer .footer_1 .forpc ul:last-child, #footer .footer_1 .formb ul:last-child {
    margin-right: 0;
  }
}
#footer .footer_1 .forpc ul li, #footer .footer_1 .formb ul li {
  margin-top: 0.75rem;
}
#footer .footer_1 .forpc ul li:first-child, #footer .footer_1 .formb ul li:first-child {
  margin-top: inherit;
}
#footer .footer_1 .forpc ul li.products > a, #footer .footer_1 .formb ul li.products > a {
  pointer-events: none;
  margin-bottom: 0.5rem;
  display: block;
}
#footer .footer_1 .forpc ul li ul.sub-menu, #footer .footer_1 .formb ul li ul.sub-menu {
  display: block !important;
  margin-left: 1rem;
}
#footer .footer_1 .forpc ul li ul.sub-menu li, #footer .footer_1 .formb ul li ul.sub-menu li {
  margin-top: 0.75rem;
  position: relative;
}
#footer .footer_1 .forpc ul li ul.sub-menu li:before, #footer .footer_1 .formb ul li ul.sub-menu li:before {
  content: "-";
  position: absolute;
  left: -0.5rem;
  top: 0%;
}
#footer .footer_1 .formb ul:first-child {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  #footer .footer_1 .formb ul {
    margin-right: 2rem;
    margin-left: auto;
  }
  #footer .footer_1 .formb ul:last-child {
    margin-right: 0;
  }
}
#footer .footer_1 .sns {
  display: flex;
  justify-content: center;
  padding-top: 0rem;
  padding-bottom: 1rem;
}
#footer .footer_1 .sns li {
  margin-left: 1.625rem;
}
@media (min-width: 768px) {
  #footer .footer_1 .sns li {
    margin-left: 2.75rem;
  }
}
#footer .footer_1 .sns li:first-child {
  margin-left: inherit;
}
#footer .footer_1 .sns .twitter svg {
  margin-top: auto;
  margin-bottom: auto;
}
#footer .footer_1 .sns .twitter svg .st0 {
  fill: #FFFFFF;
}
#footer .footer_1 .sns .fb svg .st0 {
  fill: #FFFFFF;
}
#footer .footer_1 .sns .fb svg .st1 {
  fill: rgb(126, 112, 101);
}
#footer .footer_1 .sns .instagram svg .st0 {
  fill: #FFFFFF;
}
#footer .footer_1 .sns .instagram svg .st1 {
  fill: rgb(126, 112, 101);
}
#footer .footer_1 .sns .mc_btn {
  color: white;
  text-align: center;
  font-size: 0.6875rem;
  margin-top: auto;
  margin-bottom: auto;
  padding-right: 17.5px;
}
#footer .footer_1 .sns .mc_btn.mllink {
  padding-right: 0;
}
#footer .footer_1 .sns .mc_btn img {
  width: 21.5px;
}
@media (min-width: 768px) {
  #footer .footer_1 .sns .mc_btn img {
    display: inline-block;
    margin-right: 0.5rem;
  }
}
#footer .footer_2 {
  background-image: url(/wp-content/themes/delrey/images/common/background-tile.jpg);
  background-position: center;
  background-size: 65.135px 66px;
  background-repeat: repeat;
  height: 5.375rem;
}
@media (min-width: 768px) {
  #footer .footer_2 > div {
    position: relative;
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
    height: 5.375rem;
  }
}
#footer .footer_2 > div .copyright {
  color: white;
  font-size: 0.625rem;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  #footer .footer_2 > div .copyright {
    margin-top: inherit;
    font-size: 0.875rem;
    padding-top: 1.25rem;
  }
}
#footer .footer_2 > div .copyright span {
  display: block;
  text-align: center;
}

.gbtn input {
  display: none;
}
@media all and (max-width: 959px) {
  .gbtn label div, .gbtn label div:before, .gbtn label div:after {
    background: rgb(98, 98, 98);
  }
  .gbtn input.active + label div, .gbtn input.active + label div:before, .gbtn input.active + label div:after {
    background: rgb(98, 98, 98);
  }
}

.modalCheck {
  display: none;
}

.modalWrap, .modalBg {
  position: fixed;
  top: calc(72px + 1rem);
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: auto;
  z-index: 10;
}
@media (min-width: 768px) {
  .modalWrap, .modalBg {
    top: calc(94px + 1rem);
  }
}

.modalWrap {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s cubic-bezier(1, 0, 0, 1);
  transition-property: opacity;
  will-change: opacity;
}

.modalBg {
  cursor: pointer;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
}
.modalBg label {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
}

.grecaptcha-badge {
  visibility: hidden;
}

.modalCon {
  position: absolute;
  top: 5%;
  left: 0;
  right: 0;
  width: calc(100% - 22.5px);
  max-width: 640px;
  height: 86%;
  margin: auto;
  z-index: 3;
}
@media (min-width: 768px) {
  .modalCon {
    max-width: 600px;
  }
}
.modalCon ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.34375rem;
  margin-right: -0.34375rem;
  padding: 2.5rem 0.625rem 0.8125rem 0.625rem;
}
.modalCon ul li {
  width: calc(50% - 0.6875rem);
  margin-left: 0.34375rem;
  margin-right: 0.34375rem;
  margin-bottom: 1.6875rem;
  font-size: 0.8125rem;
  line-height: 1.3846;
}
.modalCon ul li .name_value {
  min-height: 3.2404rem;
}
.modalCon ul li .name_value span {
  color: rgb(154, 114, 25);
  display: block;
  text-align: center;
}
.modalCon ul li p {
  margin-top: 0.2rem;
}

.modalInner {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  position: relative;
  height: 100%;
  padding: 0 1.5em 1.5em;
  cursor: default;
  background-color: #fff;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}
.modalInner > ul {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .modalInner > ul {
    margin-top: 5rem;
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important;
    padding: 0 1.25rem;
  }
  .modalInner > ul li {
    width: calc(50% - 2.5rem) !important;
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
}

.modalCloseBtn {
  position: absolute;
  top: 0;
  right: 0;
}
.modalCloseBtn label {
  display: inline-block;
  padding: 0 0.25em;
  color: #000;
  text-decoration: none;
  font-size: 3em;
  margin-top: -0.75rem;
  cursor: pointer;
}

.modalCheck:not(:checked) ~ .wrapper > *:not(.modalWrap) {
  filter: blur(0px);
}
.modalCheck:not(:checked) ~ .wrapper .modalWrap {
  opacity: 0;
  visibility: hidden;
}

.modalCheck:checked ~ .wrapper > *:not(.modalWrap) {
  filter: blur(3px);
}

#modal0:checked ~ .wrapper #modal0Con, #modal0:checked ~ .wrapper #cross0Con, #cross0:checked ~ .wrapper #modal0Con, #cross0:checked ~ .wrapper #cross0Con {
  opacity: 1;
  visibility: visible;
}

#modal1:checked ~ .wrapper #modal1Con, #modal1:checked ~ .wrapper #cross1Con, #cross1:checked ~ .wrapper #modal1Con, #cross1:checked ~ .wrapper #cross1Con {
  opacity: 1;
  visibility: visible;
}

#modal2:checked ~ .wrapper #modal2Con, #modal2:checked ~ .wrapper #cross2Con, #cross2:checked ~ .wrapper #modal2Con, #cross2:checked ~ .wrapper #cross2Con {
  opacity: 1;
  visibility: visible;
}

#modal3:checked ~ .wrapper #modal3Con, #modal3:checked ~ .wrapper #cross3Con, #cross3:checked ~ .wrapper #modal3Con, #cross3:checked ~ .wrapper #cross3Con {
  opacity: 1;
  visibility: visible;
}

#modal4:checked ~ .wrapper #modal4Con, #modal4:checked ~ .wrapper #cross4Con, #cross4:checked ~ .wrapper #modal4Con, #cross4:checked ~ .wrapper #cross4Con {
  opacity: 1;
  visibility: visible;
}

#modal5:checked ~ .wrapper #modal5Con, #modal5:checked ~ .wrapper #cross5Con, #cross5:checked ~ .wrapper #modal5Con, #cross5:checked ~ .wrapper #cross5Con {
  opacity: 1;
  visibility: visible;
}

#modal6:checked ~ .wrapper #modal6Con, #modal6:checked ~ .wrapper #cross6Con, #cross6:checked ~ .wrapper #modal6Con, #cross6:checked ~ .wrapper #cross6Con {
  opacity: 1;
  visibility: visible;
}

#modal7:checked ~ .wrapper #modal7Con, #modal7:checked ~ .wrapper #cross7Con, #cross7:checked ~ .wrapper #modal7Con, #cross7:checked ~ .wrapper #cross7Con {
  opacity: 1;
  visibility: visible;
}

#modal8:checked ~ .wrapper #modal8Con, #modal8:checked ~ .wrapper #cross8Con, #cross8:checked ~ .wrapper #modal8Con, #cross8:checked ~ .wrapper #cross8Con {
  opacity: 1;
  visibility: visible;
}

#modal9:checked ~ .wrapper #modal9Con, #modal9:checked ~ .wrapper #cross9Con, #cross9:checked ~ .wrapper #modal9Con, #cross9:checked ~ .wrapper #cross9Con {
  opacity: 1;
  visibility: visible;
}

#modal10:checked ~ .wrapper #modal10Con, #modal10:checked ~ .wrapper #cross10Con, #cross10:checked ~ .wrapper #modal10Con, #cross10:checked ~ .wrapper #cross10Con {
  opacity: 1;
  visibility: visible;
}

#modal11:checked ~ .wrapper #modal11Con, #modal11:checked ~ .wrapper #cross11Con, #cross11:checked ~ .wrapper #modal11Con, #cross11:checked ~ .wrapper #cross11Con {
  opacity: 1;
  visibility: visible;
}

#modal12:checked ~ .wrapper #modal12Con, #modal12:checked ~ .wrapper #cross12Con, #cross12:checked ~ .wrapper #modal12Con, #cross12:checked ~ .wrapper #cross12Con {
  opacity: 1;
  visibility: visible;
}

#modal13:checked ~ .wrapper #modal13Con, #modal13:checked ~ .wrapper #cross13Con, #cross13:checked ~ .wrapper #modal13Con, #cross13:checked ~ .wrapper #cross13Con {
  opacity: 1;
  visibility: visible;
}

#modal14:checked ~ .wrapper #modal14Con, #modal14:checked ~ .wrapper #cross14Con, #cross14:checked ~ .wrapper #modal14Con, #cross14:checked ~ .wrapper #cross14Con {
  opacity: 1;
  visibility: visible;
}

#modal15:checked ~ .wrapper #modal15Con, #modal15:checked ~ .wrapper #cross15Con, #cross15:checked ~ .wrapper #modal15Con, #cross15:checked ~ .wrapper #cross15Con {
  opacity: 1;
  visibility: visible;
}

#modal16:checked ~ .wrapper #modal16Con, #modal16:checked ~ .wrapper #cross16Con, #cross16:checked ~ .wrapper #modal16Con, #cross16:checked ~ .wrapper #cross16Con {
  opacity: 1;
  visibility: visible;
}

#modal17:checked ~ .wrapper #modal17Con, #modal17:checked ~ .wrapper #cross17Con, #cross17:checked ~ .wrapper #modal17Con, #cross17:checked ~ .wrapper #cross17Con {
  opacity: 1;
  visibility: visible;
}

#modal18:checked ~ .wrapper #modal18Con, #modal18:checked ~ .wrapper #cross18Con, #cross18:checked ~ .wrapper #modal18Con, #cross18:checked ~ .wrapper #cross18Con {
  opacity: 1;
  visibility: visible;
}

#modal19:checked ~ .wrapper #modal19Con, #modal19:checked ~ .wrapper #cross19Con, #cross19:checked ~ .wrapper #modal19Con, #cross19:checked ~ .wrapper #cross19Con {
  opacity: 1;
  visibility: visible;
}

#modal20:checked ~ .wrapper #modal20Con, #modal20:checked ~ .wrapper #cross20Con, #cross20:checked ~ .wrapper #modal20Con, #cross20:checked ~ .wrapper #cross20Con {
  opacity: 1;
  visibility: visible;
}

#modal21:checked ~ .wrapper #modal21Con, #modal21:checked ~ .wrapper #cross21Con, #cross21:checked ~ .wrapper #modal21Con, #cross21:checked ~ .wrapper #cross21Con {
  opacity: 1;
  visibility: visible;
}

#modal22:checked ~ .wrapper #modal22Con, #modal22:checked ~ .wrapper #cross22Con, #cross22:checked ~ .wrapper #modal22Con, #cross22:checked ~ .wrapper #cross22Con {
  opacity: 1;
  visibility: visible;
}

#modal23:checked ~ .wrapper #modal23Con, #modal23:checked ~ .wrapper #cross23Con, #cross23:checked ~ .wrapper #modal23Con, #cross23:checked ~ .wrapper #cross23Con {
  opacity: 1;
  visibility: visible;
}

#modal24:checked ~ .wrapper #modal24Con, #modal24:checked ~ .wrapper #cross24Con, #cross24:checked ~ .wrapper #modal24Con, #cross24:checked ~ .wrapper #cross24Con {
  opacity: 1;
  visibility: visible;
}

#modal25:checked ~ .wrapper #modal25Con, #modal25:checked ~ .wrapper #cross25Con, #cross25:checked ~ .wrapper #modal25Con, #cross25:checked ~ .wrapper #cross25Con {
  opacity: 1;
  visibility: visible;
}

#modal26:checked ~ .wrapper #modal26Con, #modal26:checked ~ .wrapper #cross26Con, #cross26:checked ~ .wrapper #modal26Con, #cross26:checked ~ .wrapper #cross26Con {
  opacity: 1;
  visibility: visible;
}

#modal27:checked ~ .wrapper #modal27Con, #modal27:checked ~ .wrapper #cross27Con, #cross27:checked ~ .wrapper #modal27Con, #cross27:checked ~ .wrapper #cross27Con {
  opacity: 1;
  visibility: visible;
}

#modal28:checked ~ .wrapper #modal28Con, #modal28:checked ~ .wrapper #cross28Con, #cross28:checked ~ .wrapper #modal28Con, #cross28:checked ~ .wrapper #cross28Con {
  opacity: 1;
  visibility: visible;
}

#modal29:checked ~ .wrapper #modal29Con, #modal29:checked ~ .wrapper #cross29Con, #cross29:checked ~ .wrapper #modal29Con, #cross29:checked ~ .wrapper #cross29Con {
  opacity: 1;
  visibility: visible;
}

#modal30:checked ~ .wrapper #modal30Con, #modal30:checked ~ .wrapper #cross30Con, #cross30:checked ~ .wrapper #modal30Con, #cross30:checked ~ .wrapper #cross30Con {
  opacity: 1;
  visibility: visible;
}

#modal31:checked ~ .wrapper #modal31Con, #modal31:checked ~ .wrapper #cross31Con, #cross31:checked ~ .wrapper #modal31Con, #cross31:checked ~ .wrapper #cross31Con {
  opacity: 1;
  visibility: visible;
}

#modal32:checked ~ .wrapper #modal32Con, #modal32:checked ~ .wrapper #cross32Con, #cross32:checked ~ .wrapper #modal32Con, #cross32:checked ~ .wrapper #cross32Con {
  opacity: 1;
  visibility: visible;
}

#modal33:checked ~ .wrapper #modal33Con, #modal33:checked ~ .wrapper #cross33Con, #cross33:checked ~ .wrapper #modal33Con, #cross33:checked ~ .wrapper #cross33Con {
  opacity: 1;
  visibility: visible;
}

#modal34:checked ~ .wrapper #modal34Con, #modal34:checked ~ .wrapper #cross34Con, #cross34:checked ~ .wrapper #modal34Con, #cross34:checked ~ .wrapper #cross34Con {
  opacity: 1;
  visibility: visible;
}

#modal35:checked ~ .wrapper #modal35Con, #modal35:checked ~ .wrapper #cross35Con, #cross35:checked ~ .wrapper #modal35Con, #cross35:checked ~ .wrapper #cross35Con {
  opacity: 1;
  visibility: visible;
}

#modal36:checked ~ .wrapper #modal36Con, #modal36:checked ~ .wrapper #cross36Con, #cross36:checked ~ .wrapper #modal36Con, #cross36:checked ~ .wrapper #cross36Con {
  opacity: 1;
  visibility: visible;
}

#modal37:checked ~ .wrapper #modal37Con, #modal37:checked ~ .wrapper #cross37Con, #cross37:checked ~ .wrapper #modal37Con, #cross37:checked ~ .wrapper #cross37Con {
  opacity: 1;
  visibility: visible;
}

#modal38:checked ~ .wrapper #modal38Con, #modal38:checked ~ .wrapper #cross38Con, #cross38:checked ~ .wrapper #modal38Con, #cross38:checked ~ .wrapper #cross38Con {
  opacity: 1;
  visibility: visible;
}

#modal39:checked ~ .wrapper #modal39Con, #modal39:checked ~ .wrapper #cross39Con, #cross39:checked ~ .wrapper #modal39Con, #cross39:checked ~ .wrapper #cross39Con {
  opacity: 1;
  visibility: visible;
}

#modal40:checked ~ .wrapper #modal40Con, #modal40:checked ~ .wrapper #cross40Con, #cross40:checked ~ .wrapper #modal40Con, #cross40:checked ~ .wrapper #cross40Con {
  opacity: 1;
  visibility: visible;
}

#modal41:checked ~ .wrapper #modal41Con, #modal41:checked ~ .wrapper #cross41Con, #cross41:checked ~ .wrapper #modal41Con, #cross41:checked ~ .wrapper #cross41Con {
  opacity: 1;
  visibility: visible;
}

#modal42:checked ~ .wrapper #modal42Con, #modal42:checked ~ .wrapper #cross42Con, #cross42:checked ~ .wrapper #modal42Con, #cross42:checked ~ .wrapper #cross42Con {
  opacity: 1;
  visibility: visible;
}

#modal43:checked ~ .wrapper #modal43Con, #modal43:checked ~ .wrapper #cross43Con, #cross43:checked ~ .wrapper #modal43Con, #cross43:checked ~ .wrapper #cross43Con {
  opacity: 1;
  visibility: visible;
}

#modal44:checked ~ .wrapper #modal44Con, #modal44:checked ~ .wrapper #cross44Con, #cross44:checked ~ .wrapper #modal44Con, #cross44:checked ~ .wrapper #cross44Con {
  opacity: 1;
  visibility: visible;
}

#modal45:checked ~ .wrapper #modal45Con, #modal45:checked ~ .wrapper #cross45Con, #cross45:checked ~ .wrapper #modal45Con, #cross45:checked ~ .wrapper #cross45Con {
  opacity: 1;
  visibility: visible;
}

#modal46:checked ~ .wrapper #modal46Con, #modal46:checked ~ .wrapper #cross46Con, #cross46:checked ~ .wrapper #modal46Con, #cross46:checked ~ .wrapper #cross46Con {
  opacity: 1;
  visibility: visible;
}

#modal47:checked ~ .wrapper #modal47Con, #modal47:checked ~ .wrapper #cross47Con, #cross47:checked ~ .wrapper #modal47Con, #cross47:checked ~ .wrapper #cross47Con {
  opacity: 1;
  visibility: visible;
}

#modal48:checked ~ .wrapper #modal48Con, #modal48:checked ~ .wrapper #cross48Con, #cross48:checked ~ .wrapper #modal48Con, #cross48:checked ~ .wrapper #cross48Con {
  opacity: 1;
  visibility: visible;
}

#modal49:checked ~ .wrapper #modal49Con, #modal49:checked ~ .wrapper #cross49Con, #cross49:checked ~ .wrapper #modal49Con, #cross49:checked ~ .wrapper #cross49Con {
  opacity: 1;
  visibility: visible;
}

#modal50:checked ~ .wrapper #modal50Con, #modal50:checked ~ .wrapper #cross50Con, #cross50:checked ~ .wrapper #modal50Con, #cross50:checked ~ .wrapper #cross50Con {
  opacity: 1;
  visibility: visible;
}

#modal51:checked ~ .wrapper #modal51Con, #modal51:checked ~ .wrapper #cross51Con, #cross51:checked ~ .wrapper #modal51Con, #cross51:checked ~ .wrapper #cross51Con {
  opacity: 1;
  visibility: visible;
}

#modal52:checked ~ .wrapper #modal52Con, #modal52:checked ~ .wrapper #cross52Con, #cross52:checked ~ .wrapper #modal52Con, #cross52:checked ~ .wrapper #cross52Con {
  opacity: 1;
  visibility: visible;
}

#modal53:checked ~ .wrapper #modal53Con, #modal53:checked ~ .wrapper #cross53Con, #cross53:checked ~ .wrapper #modal53Con, #cross53:checked ~ .wrapper #cross53Con {
  opacity: 1;
  visibility: visible;
}

#modal54:checked ~ .wrapper #modal54Con, #modal54:checked ~ .wrapper #cross54Con, #cross54:checked ~ .wrapper #modal54Con, #cross54:checked ~ .wrapper #cross54Con {
  opacity: 1;
  visibility: visible;
}

#modal55:checked ~ .wrapper #modal55Con, #modal55:checked ~ .wrapper #cross55Con, #cross55:checked ~ .wrapper #modal55Con, #cross55:checked ~ .wrapper #cross55Con {
  opacity: 1;
  visibility: visible;
}

#modal56:checked ~ .wrapper #modal56Con, #modal56:checked ~ .wrapper #cross56Con, #cross56:checked ~ .wrapper #modal56Con, #cross56:checked ~ .wrapper #cross56Con {
  opacity: 1;
  visibility: visible;
}

#modal57:checked ~ .wrapper #modal57Con, #modal57:checked ~ .wrapper #cross57Con, #cross57:checked ~ .wrapper #modal57Con, #cross57:checked ~ .wrapper #cross57Con {
  opacity: 1;
  visibility: visible;
}

#modal58:checked ~ .wrapper #modal58Con, #modal58:checked ~ .wrapper #cross58Con, #cross58:checked ~ .wrapper #modal58Con, #cross58:checked ~ .wrapper #cross58Con {
  opacity: 1;
  visibility: visible;
}

#modal59:checked ~ .wrapper #modal59Con, #modal59:checked ~ .wrapper #cross59Con, #cross59:checked ~ .wrapper #modal59Con, #cross59:checked ~ .wrapper #cross59Con {
  opacity: 1;
  visibility: visible;
}

#modal60:checked ~ .wrapper #modal60Con, #modal60:checked ~ .wrapper #cross60Con, #cross60:checked ~ .wrapper #modal60Con, #cross60:checked ~ .wrapper #cross60Con {
  opacity: 1;
  visibility: visible;
}

#modal61:checked ~ .wrapper #modal61Con, #modal61:checked ~ .wrapper #cross61Con, #cross61:checked ~ .wrapper #modal61Con, #cross61:checked ~ .wrapper #cross61Con {
  opacity: 1;
  visibility: visible;
}

#modal62:checked ~ .wrapper #modal62Con, #modal62:checked ~ .wrapper #cross62Con, #cross62:checked ~ .wrapper #modal62Con, #cross62:checked ~ .wrapper #cross62Con {
  opacity: 1;
  visibility: visible;
}

#modal63:checked ~ .wrapper #modal63Con, #modal63:checked ~ .wrapper #cross63Con, #cross63:checked ~ .wrapper #modal63Con, #cross63:checked ~ .wrapper #cross63Con {
  opacity: 1;
  visibility: visible;
}

#modal64:checked ~ .wrapper #modal64Con, #modal64:checked ~ .wrapper #cross64Con, #cross64:checked ~ .wrapper #modal64Con, #cross64:checked ~ .wrapper #cross64Con {
  opacity: 1;
  visibility: visible;
}

#modal65:checked ~ .wrapper #modal65Con, #modal65:checked ~ .wrapper #cross65Con, #cross65:checked ~ .wrapper #modal65Con, #cross65:checked ~ .wrapper #cross65Con {
  opacity: 1;
  visibility: visible;
}

#modal66:checked ~ .wrapper #modal66Con, #modal66:checked ~ .wrapper #cross66Con, #cross66:checked ~ .wrapper #modal66Con, #cross66:checked ~ .wrapper #cross66Con {
  opacity: 1;
  visibility: visible;
}

#modal67:checked ~ .wrapper #modal67Con, #modal67:checked ~ .wrapper #cross67Con, #cross67:checked ~ .wrapper #modal67Con, #cross67:checked ~ .wrapper #cross67Con {
  opacity: 1;
  visibility: visible;
}

#modal68:checked ~ .wrapper #modal68Con, #modal68:checked ~ .wrapper #cross68Con, #cross68:checked ~ .wrapper #modal68Con, #cross68:checked ~ .wrapper #cross68Con {
  opacity: 1;
  visibility: visible;
}

#modal69:checked ~ .wrapper #modal69Con, #modal69:checked ~ .wrapper #cross69Con, #cross69:checked ~ .wrapper #modal69Con, #cross69:checked ~ .wrapper #cross69Con {
  opacity: 1;
  visibility: visible;
}

#modal70:checked ~ .wrapper #modal70Con, #modal70:checked ~ .wrapper #cross70Con, #cross70:checked ~ .wrapper #modal70Con, #cross70:checked ~ .wrapper #cross70Con {
  opacity: 1;
  visibility: visible;
}

#modal71:checked ~ .wrapper #modal71Con, #modal71:checked ~ .wrapper #cross71Con, #cross71:checked ~ .wrapper #modal71Con, #cross71:checked ~ .wrapper #cross71Con {
  opacity: 1;
  visibility: visible;
}

#modal72:checked ~ .wrapper #modal72Con, #modal72:checked ~ .wrapper #cross72Con, #cross72:checked ~ .wrapper #modal72Con, #cross72:checked ~ .wrapper #cross72Con {
  opacity: 1;
  visibility: visible;
}

#modal73:checked ~ .wrapper #modal73Con, #modal73:checked ~ .wrapper #cross73Con, #cross73:checked ~ .wrapper #modal73Con, #cross73:checked ~ .wrapper #cross73Con {
  opacity: 1;
  visibility: visible;
}

#modal74:checked ~ .wrapper #modal74Con, #modal74:checked ~ .wrapper #cross74Con, #cross74:checked ~ .wrapper #modal74Con, #cross74:checked ~ .wrapper #cross74Con {
  opacity: 1;
  visibility: visible;
}

#modal75:checked ~ .wrapper #modal75Con, #modal75:checked ~ .wrapper #cross75Con, #cross75:checked ~ .wrapper #modal75Con, #cross75:checked ~ .wrapper #cross75Con {
  opacity: 1;
  visibility: visible;
}

#modal76:checked ~ .wrapper #modal76Con, #modal76:checked ~ .wrapper #cross76Con, #cross76:checked ~ .wrapper #modal76Con, #cross76:checked ~ .wrapper #cross76Con {
  opacity: 1;
  visibility: visible;
}

#modal77:checked ~ .wrapper #modal77Con, #modal77:checked ~ .wrapper #cross77Con, #cross77:checked ~ .wrapper #modal77Con, #cross77:checked ~ .wrapper #cross77Con {
  opacity: 1;
  visibility: visible;
}

#modal78:checked ~ .wrapper #modal78Con, #modal78:checked ~ .wrapper #cross78Con, #cross78:checked ~ .wrapper #modal78Con, #cross78:checked ~ .wrapper #cross78Con {
  opacity: 1;
  visibility: visible;
}

#modal79:checked ~ .wrapper #modal79Con, #modal79:checked ~ .wrapper #cross79Con, #cross79:checked ~ .wrapper #modal79Con, #cross79:checked ~ .wrapper #cross79Con {
  opacity: 1;
  visibility: visible;
}

#modal80:checked ~ .wrapper #modal80Con, #modal80:checked ~ .wrapper #cross80Con, #cross80:checked ~ .wrapper #modal80Con, #cross80:checked ~ .wrapper #cross80Con {
  opacity: 1;
  visibility: visible;
}

#modal81:checked ~ .wrapper #modal81Con, #modal81:checked ~ .wrapper #cross81Con, #cross81:checked ~ .wrapper #modal81Con, #cross81:checked ~ .wrapper #cross81Con {
  opacity: 1;
  visibility: visible;
}

#modal82:checked ~ .wrapper #modal82Con, #modal82:checked ~ .wrapper #cross82Con, #cross82:checked ~ .wrapper #modal82Con, #cross82:checked ~ .wrapper #cross82Con {
  opacity: 1;
  visibility: visible;
}

#modal83:checked ~ .wrapper #modal83Con, #modal83:checked ~ .wrapper #cross83Con, #cross83:checked ~ .wrapper #modal83Con, #cross83:checked ~ .wrapper #cross83Con {
  opacity: 1;
  visibility: visible;
}

#modal84:checked ~ .wrapper #modal84Con, #modal84:checked ~ .wrapper #cross84Con, #cross84:checked ~ .wrapper #modal84Con, #cross84:checked ~ .wrapper #cross84Con {
  opacity: 1;
  visibility: visible;
}

#modal85:checked ~ .wrapper #modal85Con, #modal85:checked ~ .wrapper #cross85Con, #cross85:checked ~ .wrapper #modal85Con, #cross85:checked ~ .wrapper #cross85Con {
  opacity: 1;
  visibility: visible;
}

#modal86:checked ~ .wrapper #modal86Con, #modal86:checked ~ .wrapper #cross86Con, #cross86:checked ~ .wrapper #modal86Con, #cross86:checked ~ .wrapper #cross86Con {
  opacity: 1;
  visibility: visible;
}

#modal87:checked ~ .wrapper #modal87Con, #modal87:checked ~ .wrapper #cross87Con, #cross87:checked ~ .wrapper #modal87Con, #cross87:checked ~ .wrapper #cross87Con {
  opacity: 1;
  visibility: visible;
}

#modal88:checked ~ .wrapper #modal88Con, #modal88:checked ~ .wrapper #cross88Con, #cross88:checked ~ .wrapper #modal88Con, #cross88:checked ~ .wrapper #cross88Con {
  opacity: 1;
  visibility: visible;
}

#modal89:checked ~ .wrapper #modal89Con, #modal89:checked ~ .wrapper #cross89Con, #cross89:checked ~ .wrapper #modal89Con, #cross89:checked ~ .wrapper #cross89Con {
  opacity: 1;
  visibility: visible;
}

#modal90:checked ~ .wrapper #modal90Con, #modal90:checked ~ .wrapper #cross90Con, #cross90:checked ~ .wrapper #modal90Con, #cross90:checked ~ .wrapper #cross90Con {
  opacity: 1;
  visibility: visible;
}

#modal91:checked ~ .wrapper #modal91Con, #modal91:checked ~ .wrapper #cross91Con, #cross91:checked ~ .wrapper #modal91Con, #cross91:checked ~ .wrapper #cross91Con {
  opacity: 1;
  visibility: visible;
}

#modal92:checked ~ .wrapper #modal92Con, #modal92:checked ~ .wrapper #cross92Con, #cross92:checked ~ .wrapper #modal92Con, #cross92:checked ~ .wrapper #cross92Con {
  opacity: 1;
  visibility: visible;
}

#modal93:checked ~ .wrapper #modal93Con, #modal93:checked ~ .wrapper #cross93Con, #cross93:checked ~ .wrapper #modal93Con, #cross93:checked ~ .wrapper #cross93Con {
  opacity: 1;
  visibility: visible;
}

#modal94:checked ~ .wrapper #modal94Con, #modal94:checked ~ .wrapper #cross94Con, #cross94:checked ~ .wrapper #modal94Con, #cross94:checked ~ .wrapper #cross94Con {
  opacity: 1;
  visibility: visible;
}

#modal95:checked ~ .wrapper #modal95Con, #modal95:checked ~ .wrapper #cross95Con, #cross95:checked ~ .wrapper #modal95Con, #cross95:checked ~ .wrapper #cross95Con {
  opacity: 1;
  visibility: visible;
}

#modal96:checked ~ .wrapper #modal96Con, #modal96:checked ~ .wrapper #cross96Con, #cross96:checked ~ .wrapper #modal96Con, #cross96:checked ~ .wrapper #cross96Con {
  opacity: 1;
  visibility: visible;
}

#modal97:checked ~ .wrapper #modal97Con, #modal97:checked ~ .wrapper #cross97Con, #cross97:checked ~ .wrapper #modal97Con, #cross97:checked ~ .wrapper #cross97Con {
  opacity: 1;
  visibility: visible;
}

#modal98:checked ~ .wrapper #modal98Con, #modal98:checked ~ .wrapper #cross98Con, #cross98:checked ~ .wrapper #modal98Con, #cross98:checked ~ .wrapper #cross98Con {
  opacity: 1;
  visibility: visible;
}

#modal99:checked ~ .wrapper #modal99Con, #modal99:checked ~ .wrapper #cross99Con, #cross99:checked ~ .wrapper #modal99Con, #cross99:checked ~ .wrapper #cross99Con {
  opacity: 1;
  visibility: visible;
}

#modalFront:checked ~ #modalFrontCon {
  opacity: 1;
  visibility: visible;
  z-index: 99;
}
#modalFront:checked ~ #modalFrontCon.modalWrap, #modalFront:checked ~ #modalFrontCon .modalBg {
  top: 0;
}

@media (max-width: 767px) {
  .content {
    margin: 1.5em auto;
  }
  .modalInner {
    padding-left: 1em;
    padding-right: 1em;
  }
  .modalTtl {
    font-size: 1.5em;
    padding-bottom: 1em;
  }
  .modalText .modalCover {
    margin: 0 -1em 1em;
  }
}
.home .modalCon {
  top: 50%;
  transform: translateY(-50%);
  height: auto;
}
.home .modalCon .modalInner {
  padding: 1.5rem;
}
.home .modalCon .modalInner section .title {
  margin-top: 1.5rem;
}
.home .modalCon .modalInner section a {
  margin-top: 1.5rem;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgb(154, 114, 25);
  border-radius: 1rem;
  padding: 0.25rem 1.5rem;
  text-align: center;
  max-width: 18.75rem;
}
.home .modalCon .modalInner section a span {
  color: rgb(154, 114, 25);
}
.home .modalCon .modalInner section a:hover {
  background: rgb(154, 114, 25);
}
.home .modalCon .modalInner section a:hover span {
  color: white;
}

.wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
  color: rgb(154, 114, 25);
  border: 1px solid rgb(154, 114, 25) !important;
  padding: 0.5rem 1rem;
  text-align: center;
  width: 100%;
  background-color: rgba(154, 114, 25, 0.1);
  font-size: 1.125rem;
}

.scrollout {
  overflow: hidden;
  height: 100%;
}

.scrollin {
  overflow: visible;
  height: auto;
}

.is-fixed {
  width: 100vw;
  z-index: 100;
  position: fixed;
}
@media (max-width: 767px) {
  .is-fixed {
    margin-top: 0;
  }
}

.maincontent {
  padding-top: calc(72px);
}
@media all and (min-width: 960px) {
  .maincontent {
    padding-top: calc(94px);
  }
}

.single-post #site_header {
  top: 0;
}

.home .is-fixed {
  width: 100vw;
  z-index: 100;
  position: fixed;
}
@media (max-width: 767px) {
  .home .is-fixed {
    margin-top: 3.8rem;
  }
}
.home #site_header .header .logo_mc_btn .menu #nav-items .menu-item-has-children a:before, .home #site_header .header .logo_mc_btn .menu #nav-items .custom-online-shop a:before {
  display: none;
}

@media all and (max-width: 959px) {
  .gbtn {
    z-index: 999;
  }
  .gbtn #btnmenu {
    display: none;
  }
  .gbtn label {
    position: relative;
    width: 22px;
    height: 20px;
    display: inline-block;
    z-index: 999;
    cursor: pointer;
    transition: all 0.5s;
    text-align: left;
  }
  .gbtn label div, .gbtn label div:before, .gbtn label div:after {
    background: white;
    position: absolute;
    width: 22px;
    height: 2px;
    border-radius: 4px;
    transition: all 0.5s;
  }
  .gbtn label div:first-child {
    top: 2px;
  }
  .gbtn label div:nth-child(2) {
    top: 9px;
  }
  .gbtn label div:nth-child(3) {
    top: 17px;
  }
  .gbtn #btnmenu:checked + label > div {
    background: white;
  }
  .gbtn #btnmenu:checked + label div:first-child {
    top: 26%;
    left: 7%;
    width: 50%;
    transform: rotate(45deg);
    transition: width 0.3s, top 0.3s 0.3s, left 0.3s 0.3s, transform 0.3s 0.3s;
  }
  .gbtn #btnmenu:checked + label div:nth-child(2) {
    transform: rotate(-45deg);
    transition: transform 0.3s 0.3s;
  }
  .gbtn #btnmenu:checked + label div:nth-child(3) {
    width: 50%;
    right: 4%;
    top: 65%;
    transform: rotate(45deg);
    transition: width 0.3s, top 0.3s 0.3s, right 0.3s 0.3s, transform 0.3s 0.3s;
  }
}

.reweb {
  position: fixed;
  right: 10px;
  bottom: 220px;
  width: 148px;
  z-index: 19;
}
@media (max-width: 767px) {
  .reweb {
    bottom: 142px;
    width: 120px;
  }
}
.reweb.head {
  position: absolute;
  right: 0px;
  top: 16px;
  bottom: initial;
  z-index: 10001;
}
@media all and (max-width: 768px) {
  .reweb.head {
    right: 90px;
    top: 19px;
  }
}
@media (max-width: 767px) {
  .reweb.head {
    right: 90px;
    top: 20px;
    width: 128px;
  }
}
.reweb a:hover figure img {
  opacity: 0.8;
}

.goshop {
  position: fixed;
  right: 10px;
  bottom: 140px;
  width: 148px;
  z-index: 19;
}
@media (max-width: 767px) {
  .goshop {
    bottom: 80px;
    width: 120px;
  }
}
.goshop a:hover figure img {
  opacity: 0.8;
}

.gn-wrap {
  background: #534132;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  display: none;
  z-index: 101;
  overflow-y: scroll;
}
.gn-wrap .content-area .cont-posi > div {
  width: 100%;
}
.gn-wrap .content-area .cont-posi > div #nav-items {
  color: white;
  font-size: 1.125rem;
  padding-left: 5rem;
  margin-top: calc(72px + 2rem);
  margin-bottom: calc(72px);
}
@media (min-width: 768px) {
  .gn-wrap .content-area .cont-posi > div #nav-items {
    margin-top: calc(94px + 2rem);
    margin-bottom: calc(94px);
  }
}
.gn-wrap .content-area .cont-posi > div #nav-items li {
  margin-top: 1.625rem;
}
.gn-wrap .content-area .cont-posi > div #nav-items li:first-child {
  margin-top: inherit;
}
.gn-wrap .content-area .cont-posi > div #nav-items li .sub-menu {
  padding-left: 1.69rem;
  padding-top: 0.9375rem;
  padding-bottom: 0.5rem;
}
.gn-wrap .content-area .cont-posi > div #nav-items li .sub-menu li {
  margin-top: 0.5rem;
}
.gn-wrap .content-area .cont-posi > div #nav-items li .sub-menu li:before {
  left: 0;
  content: "・";
}
.gn-wrap .content-area .cont-posi > div #nav-items li .sub-menu li a {
  pointer-events: inherit;
}
.gn-wrap .content-area .cont-posi > div #nav-items .page-products, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop {
  position: relative;
  cursor: pointer;
}
.gn-wrap .content-area .cont-posi > div #nav-items .page-products a, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop a {
  position: relative;
}
@media (min-width: 768px) {
  .gn-wrap .content-area .cont-posi > div #nav-items .page-products a:hover:before, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop a:hover:before {
    display: none;
  }
  .gn-wrap .content-area .cont-posi > div #nav-items .page-products a:hover:after, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop a:hover:after {
    content: "";
    position: absolute;
    top: -1.25rem;
    width: 26px;
    height: 18px;
    left: 50%;
    right: 0;
    transform: translateX(-50%);
    background: url(/wp-content/themes/delrey/images/common/menu_active.svg) center top no-repeat;
  }
}
@media screen and (max-width: 842px) and (min-width: 768px) {
  .gn-wrap .content-area .cont-posi > div #nav-items .page-products a:hover:before, .gn-wrap .content-area .cont-posi > div #nav-items .page-products a:hover:after, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop a:hover:before, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop a:hover:after {
    display: none;
  }
}
@media (max-width: 767px) {
  .gn-wrap .content-area .cont-posi > div #nav-items .page-products .sub-menu li a, .gn-wrap .content-area .cont-posi > div #nav-items .custom-online-shop .sub-menu li a {
    pointer-events: inherit;
  }
}
.gn-wrap .content-area .cont-posi > div #nav-items .page-products a {
  pointer-events: none;
}
@media (min-width: 768px) {
  .gn-wrap .content-area .cont-posi > div #nav-items .page-products a {
    pointer-events: inherit;
  }
}
#order .example {
  max-width: 832px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 4rem;
  margin-bottom: 6.0625rem;
}
@media (max-width: 767px) {
  #order .example {
    margin-top: 3rem;
    margin-bottom: 2.54rem;
  }
}
#order .example ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#order .example ul li {
  text-align: center;
  width: 33.3333%;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  #order .example ul li {
    width: 48%;
  }
}
#order .example ul li > h4 {
  font-weight: 400;
}
#order .example ul li h4, #order .example ul li p {
  font-size: 0.875rem;
}

#sitemap h1 {
  margin: 3rem auto;
}
#sitemap .list {
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  font-size: 1rem;
  width: 50%;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  #sitemap .list {
    width: 70%;
    display: block;
  }
}
#sitemap .list > div .sub-menu {
  display: block !important;
}
#sitemap .list > div.second {
  margin-top: 2rem;
}
@media (max-width: 767px) {
  #sitemap .list > div.second {
    margin-top: 0rem;
  }
}
#sitemap .list > div .cat-item, #sitemap .list > div #nav-items, #sitemap .list > div .menu-item {
  margin-bottom: 0.5rem;
}
#sitemap .list > div .cat-item-17 {
  display: none;
}
#sitemap .list > div ul li ul {
  margin-left: 1rem;
}
#sitemap .list > div ul li ul li {
  padding-left: 0.5rem;
  position: relative;
}
#sitemap .list > div ul li ul li:before {
  content: "-";
  position: absolute;
  left: 0;
}
#sitemap .list > div ul li.child {
  margin-left: 1rem;
  padding-left: 0.5rem;
  position: relative;
}
#sitemap .list > div ul li.child:before {
  content: "-";
  position: absolute;
  left: 0;
}

@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
#privacy .top-image, .privacy .top-image, #aboutus .top-image, #order .top-image, #press .top-image, #contact .top-image, #topics .top-image, #delrey .top-image, #shop .top-image, #recruit .top-image {
  margin-top: -65.5px;
  position: relative;
}
@media (min-width: 768px) {
  #privacy .top-image, .privacy .top-image, #aboutus .top-image, #order .top-image, #press .top-image, #contact .top-image, #topics .top-image, #delrey .top-image, #shop .top-image, #recruit .top-image {
    margin-top: inherit;
    height: 18.875rem;
    width: 100%;
    overflow: hidden;
  }
}
#privacy .top-image .mask, .privacy .top-image .mask, #aboutus .top-image .mask, #order .top-image .mask, #press .top-image .mask, #contact .top-image .mask, #topics .top-image .mask, #delrey .top-image .mask, #shop .top-image .mask, #recruit .top-image .mask {
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
}
#privacy .top-image .mask.mask_brown, .privacy .top-image .mask.mask_brown, #aboutus .top-image .mask.mask_brown, #order .top-image .mask.mask_brown, #press .top-image .mask.mask_brown, #contact .top-image .mask.mask_brown, #topics .top-image .mask.mask_brown, #delrey .top-image .mask.mask_brown, #shop .top-image .mask.mask_brown, #recruit .top-image .mask.mask_brown {
  background: rgba(69, 49, 33, 0.5);
}
#privacy .top-image > p, .privacy .top-image > p, #aboutus .top-image > p, #order .top-image > p, #press .top-image > p, #contact .top-image > p, #topics .top-image > p, #delrey .top-image > p, #shop .top-image > p, #recruit .top-image > p, #privacy .top-image h2, .privacy .top-image h2, #aboutus .top-image h2, #order .top-image h2, #press .top-image h2, #contact .top-image h2, #topics .top-image h2, #delrey .top-image h2, #shop .top-image h2, #recruit .top-image h2, #privacy .top-image h1, .privacy .top-image h1, #aboutus .top-image h1, #order .top-image h1, #press .top-image h1, #contact .top-image h1, #topics .top-image h1, #delrey .top-image h1, #shop .top-image h1, #recruit .top-image h1 {
  font-size: 1.959375rem;
  line-height: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  margin-top: 32.75px;
  font-family: "stix-two-text";
}
@media (min-width: 768px) {
  #privacy .top-image > p, .privacy .top-image > p, #aboutus .top-image > p, #order .top-image > p, #press .top-image > p, #contact .top-image > p, #topics .top-image > p, #delrey .top-image > p, #shop .top-image > p, #recruit .top-image > p, #privacy .top-image h2, .privacy .top-image h2, #aboutus .top-image h2, #order .top-image h2, #press .top-image h2, #contact .top-image h2, #topics .top-image h2, #delrey .top-image h2, #shop .top-image h2, #recruit .top-image h2, #privacy .top-image h1, .privacy .top-image h1, #aboutus .top-image h1, #order .top-image h1, #press .top-image h1, #contact .top-image h1, #topics .top-image h1, #delrey .top-image h1, #shop .top-image h1, #recruit .top-image h1 {
    margin-top: inherit;
    font-size: 2.73125rem;
  }
}
#privacy .top-image > p span, .privacy .top-image > p span, #aboutus .top-image > p span, #order .top-image > p span, #press .top-image > p span, #contact .top-image > p span, #topics .top-image > p span, #delrey .top-image > p span, #shop .top-image > p span, #recruit .top-image > p span, #privacy .top-image h2 span, .privacy .top-image h2 span, #aboutus .top-image h2 span, #order .top-image h2 span, #press .top-image h2 span, #contact .top-image h2 span, #topics .top-image h2 span, #delrey .top-image h2 span, #shop .top-image h2 span, #recruit .top-image h2 span, #privacy .top-image h1 span, .privacy .top-image h1 span, #aboutus .top-image h1 span, #order .top-image h1 span, #press .top-image h1 span, #contact .top-image h1 span, #topics .top-image h1 span, #delrey .top-image h1 span, #shop .top-image h1 span, #recruit .top-image h1 span {
  display: block;
  font-size: 0.75rem;
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  #privacy .top-image > p span, .privacy .top-image > p span, #aboutus .top-image > p span, #order .top-image > p span, #press .top-image > p span, #contact .top-image > p span, #topics .top-image > p span, #delrey .top-image > p span, #shop .top-image > p span, #recruit .top-image > p span, #privacy .top-image h2 span, .privacy .top-image h2 span, #aboutus .top-image h2 span, #order .top-image h2 span, #press .top-image h2 span, #contact .top-image h2 span, #topics .top-image h2 span, #delrey .top-image h2 span, #shop .top-image h2 span, #recruit .top-image h2 span, #privacy .top-image h1 span, .privacy .top-image h1 span, #aboutus .top-image h1 span, #order .top-image h1 span, #press .top-image h1 span, #contact .top-image h1 span, #topics .top-image h1 span, #delrey .top-image h1 span, #shop .top-image h1 span, #recruit .top-image h1 span {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #privacy .top-image img, .privacy .top-image img, #aboutus .top-image img, #order .top-image img, #press .top-image img, #contact .top-image img, #topics .top-image img, #delrey .top-image img, #shop .top-image img, #recruit .top-image img {
    width: 1920px;
    visibility: visible;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: none;
  }
}
#order .top-image h1, #press .top-image h1, #shop .top-image h1 {
  color: #9a7219;
}

@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
.full-layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}

/**
 * ホバーエフェクトの mixin<br>
 * 効果：中央からラインが伸びる（下）<br>
 * 参考：http://www.nxworld.net/tips/15-text-link-hover-effect-and-design.html
 *
 * @param {String} color ラインのカラー　デフォルトは #888
 * @param {String} border_height ラインの高さ　デフォルトは 1px
 * @param {String} transition トランジション　デフォルトは 0.3s
 */
/**
 * ホバーエフェクトの mixin で「中央からラインが伸びる（下）」のホバーじと同じ効果を上書きする<br>
 * 効果：中央からラインが伸びる（下）：ホバー<br>
 */
/**
 * ボックス型のボタン
 * ボタンのテキストにはクラスを設定したタグに data-button-text プロパティを設定して before と after にボタン名として入れられる
 * テキストは before に設定される。
 * ホバー時にはテキストがせり上がるようにしながら after が表示される。
 */
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: open-sans, sans-serif;
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-mincho-pr6n, serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: stix-two-text, serif;
  font-weight: 700;
  font-style: normal;
}
/**
 * 指定されたプロパティに決められた基準のスペースを入れる mixin。
 *
 * @param {String} property name
 * @param {Number} 係数
 */
/**
 * フォントサイズ rem 設定用 mixin。
 *
 * @param {String} 配列での設定か、Extra small の指定
 * @param {String} Small の指定
 * @param {String} Midium の指定
 * @param {String} Large の指定
*/
/**
 * コンテンツのプロパティ設定用 mixin。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} 配列での設定か、Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * コンテンツスペース設定用 mixin。contents-space-XX にしたがって指定する。各サイズ設定に notset を入れるとそのサイズは設定されない。
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空。例外的に vertical か side で左右、horizonal で上下の指定ができる。
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * wrapper 用のサイドスペース設定 mixin。contents-space-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {String} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空。例外的に vertical か side で左右、horizonal で上下の指定ができる。
 * @param {String} Large の指定
 * @param {String} Midium の指定
 * @param {String} Small の指定
 * @param {String} Extra small の指定
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-space-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {Array} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-subspace-XX にしたがって指定する
 *
 * @param {String} property margin か padding　デフォルトは padding
 * @param {Array} position top, bottom などの場所の指定。空の場合は全体の指定　デフォルトは空
*/
/**
 * コンテンツの指定したプロパティを設定されている contents-space-XX にしたがって指定する
 *
 * @param {Map} サイズを指定　デフォルトは空
 */
#single-topics .topics_deatil .deatil_text .size-auto, #single-topics .category_detail .deatil_text .size-auto, #single-categoery .topics_deatil .deatil_text .size-auto, #single-categoery .category_detail .deatil_text .size-auto,
#single-topics .topics_deatil .deatil_text .size-full,
#single-topics .category_detail .deatil_text .size-full,
#single-categoery .topics_deatil .deatil_text .size-full,
#single-categoery .category_detail .deatil_text .size-full,
#single-topics .topics_deatil .deatil_text .size-large,
#single-topics .category_detail .deatil_text .size-large,
#single-categoery .topics_deatil .deatil_text .size-large,
#single-categoery .category_detail .deatil_text .size-large,
#single-topics .topics_deatil .deatil_text .size-medium,
#single-topics .category_detail .deatil_text .size-medium,
#single-categoery .topics_deatil .deatil_text .size-medium,
#single-categoery .category_detail .deatil_text .size-medium,
#single-topics .topics_deatil .deatil_text .size-thumbnail,
#single-topics .category_detail .deatil_text .size-thumbnail,
#single-categoery .topics_deatil .deatil_text .size-thumbnail,
#single-categoery .category_detail .deatil_text .size-thumbnail {
  max-width: 100%;
  height: auto;
}
#single-topics .topics_deatil .deatil_text .alignleft, #single-topics .category_detail .deatil_text .alignleft, #single-categoery .topics_deatil .deatil_text .alignleft, #single-categoery .category_detail .deatil_text .alignleft {
  float: left;
  margin: 0 1.5em 0.8em 0;
}
#single-topics .topics_deatil .deatil_text .alignright, #single-topics .category_detail .deatil_text .alignright, #single-categoery .topics_deatil .deatil_text .alignright, #single-categoery .category_detail .deatil_text .alignright {
  float: right;
  margin: 0 0 0.8em 1.5em;
}
#single-topics .topics_deatil .deatil_text .aligncenter, #single-topics .category_detail .deatil_text .aligncenter, #single-categoery .topics_deatil .deatil_text .aligncenter, #single-categoery .category_detail .deatil_text .aligncenter {
  display: block;
  margin: 2em auto;
}
#single-topics .topics_deatil .deatil_text .alignnone, #single-topics .category_detail .deatil_text .alignnone, #single-categoery .topics_deatil .deatil_text .alignnone, #single-categoery .category_detail .deatil_text .alignnone {
  max-width: 100%;
}
#single-topics .topics_deatil .deatil_text .more-link, #single-topics .category_detail .deatil_text .more-link, #single-categoery .topics_deatil .deatil_text .more-link, #single-categoery .category_detail .deatil_text .more-link {
  display: inline-block;
  margin-top: 0.8em;
}
#single-topics .topics_deatil .deatil_text .clear-float, #single-topics .category_detail .deatil_text .clear-float, #single-categoery .topics_deatil .deatil_text .clear-float, #single-categoery .category_detail .deatil_text .clear-float {
  clear: both;
}
#single-topics .topics_deatil .deatil_text .wp-caption, #single-topics .category_detail .deatil_text .wp-caption, #single-categoery .topics_deatil .deatil_text .wp-caption, #single-categoery .category_detail .deatil_text .wp-caption {
  max-width: 100%;
}
#single-topics .topics_deatil .deatil_text .wp-caption .wp-caption-text, #single-topics .category_detail .deatil_text .wp-caption .wp-caption-text, #single-categoery .topics_deatil .deatil_text .wp-caption .wp-caption-text, #single-categoery .category_detail .deatil_text .wp-caption .wp-caption-text {
  max-width: 100%;
}
#single-topics .topics_deatil .deatil_text p a, #single-topics .category_detail .deatil_text p a, #single-categoery .topics_deatil .deatil_text p a, #single-categoery .category_detail .deatil_text p a {
  color: rgb(154, 114, 25);
  text-decoration: underline;
}
#single-topics .topics_deatil .deatil_text p strong, #single-topics .category_detail .deatil_text p strong, #single-categoery .topics_deatil .deatil_text p strong, #single-categoery .category_detail .deatil_text p strong {
  font-weight: 600;
}

#page_top {
  position: fixed;
  width: 100%;
  bottom: 60px;
  right: 50px;
  z-index: 1001;
}
@media (max-width: 767px) {
  #page_top {
    bottom: 10px;
    right: 42px;
  }
}
#page_top > div {
  position: relative;
}
#page_top > div .back_btn {
  background: rgba(69, 49, 33, 0.8);
  width: 50px;
  height: 50px;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
  display: block;
  border-radius: 50%;
}
#page_top > div .back_btn a {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
#page_top > div .back_btn a img {
  width: 14.2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#item-category .category-top {
  position: relative;
}
#item-category .category-top h1 {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.875rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.6);
  color: rgb(154, 114, 25);
}
@media (min-width: 768px) {
  #item-category .category-top h1 {
    font-size: 2.3125rem;
    line-height: 77px;
  }
}
#item-category .cat_caption > p {
  color: rgb(98, 98, 98);
  text-align: center;
  line-height: 1.923;
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  #item-category .cat_caption > p {
    margin-top: 5rem;
    font-size: 1rem;
  }
}
#item-category .subcat_caption {
  text-align: center;
}
@media (min-width: 768px) {
  #item-category .subcat_caption {
    font-size: 0.875rem;
  }
}
#item-category .financier_link {
  color: rgb(154, 114, 25);
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 17.5rem;
  height: 2.25rem;
  border: 1px solid rgb(154, 114, 25);
  margin-left: auto;
  margin-right: auto;
  margin-top: 2rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  #item-category .financier_link {
    font-size: 1.0625rem;
  }
}
#item-category .financier_link:hover {
  background: rgb(154, 114, 25);
  color: white;
}
#item-category .sub-cat.headpos {
  margin-top: -94px;
  padding-top: 94px;
}
@media (min-width: 768px) {
  #item-category .sub-cat .wrapper {
    max-width: 1366px;
  }
  #item-category .sub-cat .wrapper > div {
    max-width: 1080px;
    margin-left: auto;
    margin-right: auto;
  }
}
#item-category .sub-cat .wrapper > figure {
  margin-left: -22.5px;
  margin-right: -22.5px;
}
@media (min-width: 768px) {
  #item-category .sub-cat .wrapper > figure {
    margin-left: inherit;
    margin-right: inherit;
  }
}
#item-category .sub-cat .sub-cat_name {
  font-size: 0.9375rem;
  margin-top: 2.5rem;
  margin-bottom: 2rem;
  display: flex;
}
@media (min-width: 768px) {
  #item-category .sub-cat .sub-cat_name {
    font-size: 1.0625rem;
    margin-top: 5rem;
    margin-bottom: 3.75rem;
  }
}
#item-category .sub-cat .sub-cat_name span {
  width: 8.6875rem;
  display: block;
  text-align: center;
  line-height: 1.46875rem;
  color: rgb(154, 114, 25);
  border-bottom: 1px solid rgb(126, 112, 101);
}
@media (min-width: 768px) {
  #item-category .sub-cat .sub-cat_name span {
    font-size: 1.0625rem;
    width: 10.4375rem;
    line-height: 1.93875rem;
  }
}
#item-category .sub-cat .sub-cat_name span:first-child {
  color: white;
  background: rgb(154, 114, 25);
}
@media (min-width: 768px) {
  #item-category .sub-cat .sub-cat_name span:first-child {
    font-size: 1.125rem;
  }
}
#item-category .sub-cat .sub-cat_name.seasonal {
  margin-top: 0.5rem;
}
@media (min-width: 768px) {
  #item-category .sub-cat .sub-cat_name.seasonal {
    margin-top: 2.5rem;
  }
}
#item-category .sub-cat .sub-cat_name.seasonal h2 {
  font-size: 30px;
  font-size: 1.875rem;
  line-height: 1.75;
  letter-spacing: 0em;
  color: rgb(154, 114, 25);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  line-height: 2.25;
}
@media (min-width: 768px) {
  #item-category .sub-cat .sub-cat_name.seasonal h2 {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: 1.7432432432;
    letter-spacing: 0em;
    margin-left: 0;
    padding-left: 6.75rem;
  }
}
#item-category .sub-cat .sub-cat_name.seasonal h2:before {
  content: "";
  border-bottom: 1px solid rgb(154, 114, 25);
  position: absolute;
}
@media (max-width: 767px) {
  #item-category .sub-cat .sub-cat_name.seasonal h2:before {
    width: 100%;
    bottom: 0;
    left: -50%;
  }
}
#item-category .sub-cat .sub-cat_name.seasonal h2:after {
  content: "";
  border-bottom: 1px solid rgb(154, 114, 25);
  position: absolute;
  width: 105%;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  #item-category .sub-cat .items {
    margin-top: 4.375rem;
  }
}
#item-category .sub-cat .items ul {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.34375rem;
  margin-right: -0.34375rem;
  justify-content: space-between;
}
@media (min-width: 768px) {
  #item-category .sub-cat .items ul {
    justify-content: flex-start;
  }
}
@media (min-width: 768px) {
  #item-category .sub-cat .items ul {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
#item-category .sub-cat .items ul li {
  width: calc(50% - 0.6875rem);
  margin-left: 0.34375rem;
  margin-right: 0.34375rem;
  margin-bottom: 1.6875rem;
  line-height: 1.3846;
  max-width: 160px;
}
@media (min-width: 768px) {
  #item-category .sub-cat .items ul li {
    width: calc(25% - 2.5rem);
    max-width: 15rem;
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 4.6875rem;
    font-size: 0.875rem;
    line-height: 1.75;
  }
}
#item-category .sub-cat .items ul li figure {
  position: relative;
}
#item-category .sub-cat .items ul li figure .newmark {
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(154, 114, 25);
  padding: 0.25rem 0.5rem;
  height: 1.5rem;
  width: 3rem;
  border-radius: 0.75rem;
  border: 2px solid white;
}
#item-category .sub-cat .items ul li .name_value {
  min-height: 3.2404rem;
}
@media (min-width: 768px) {
  #item-category .sub-cat .items ul li .name_value {
    margin-top: 1.125rem;
    min-height: 4.7rem;
  }
}
#item-category .sub-cat .items ul li .name_value span {
  color: rgb(154, 114, 25);
  display: block;
  text-align: center;
}
#item-category .sub-cat .items ul li .toec {
  word-break: break-all;
  margin-top: 0.5rem;
}
#item-category .sub-cat .items ul li .toec > iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 1rem;
}
#item-category .sub-cat .items ul li p {
  margin-top: 0.2rem;
}
#item-category .sub-cat .items ul li .item_btn {
  display: block;
  text-align: center;
  height: 1.93875rem;
  line-height: 1.93875rem;
  color: rgb(154, 114, 25);
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  border: 1px solid rgb(154, 114, 25);
  border-radius: 14px;
  cursor: pointer;
}
@media (min-width: 768px) {
  #item-category .sub-cat .items ul li .item_btn {
    max-width: 9.1375rem;
    height: 2rem;
    margin-left: auto;
    margin-right: auto;
  }
}
#item-category .sub-cat .items ul li .item_btn span {
  position: relative;
  display: inline-block;
  width: 100%;
}
#item-category .sub-cat .items ul li .item_btn span label {
  cursor: pointer;
  width: 100%;
  display: inline-block;
}
#item-category .sub-cat .items ul li .item_btn.cart {
  color: white;
  background: rgb(154, 114, 25);
}
#item-category .sub-cat .items ul li .item_btn.cart span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_brown.svg);
  display: none;
  width: 1.02rem;
  height: auto;
  margin-top: 0.2rem;
  position: absolute;
  left: 0;
}
#item-category .sub-cat .items ul li .item_btn:hover {
  color: rgb(154, 114, 25);
  background: white;
}
#item-category .sub-cat .items ul li .item_btn:hover.cart span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_white.svg);
  display: none;
}
#item-category .sub-cat .items ul li .item_caption {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.75;
  letter-spacing: 0em;
}
#item-category .sub-cat .items ul.cross_sec li {
  width: calc(100% - 0.6875rem);
}
#item-category .btn_area {
  display: flex;
  justify-content: center;
  margin-bottom: 4.375rem;
}
@media (min-width: 768px) {
  #item-category .btn_area {
    margin-bottom: 7.5rem;
  }
}
#item-category .btn_area a {
  font-weight: 400;
  display: block;
  width: 13.4375rem;
  box-shadow: 3.5px 3.5px 2.5px rgba(0, 0, 0, 0.3);
  color: white;
  border: 1px solid rgb(126, 112, 101);
}
@media (min-width: 768px) {
  #item-category .btn_area a {
    width: 16.53125rem;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
  }
}
#item-category .btn_area a p {
  background: rgb(126, 112, 101);
  font-size: 1.375rem;
  text-align: center;
  position: relative;
  padding-right: 0.8125rem;
  padding-bottom: 0.25rem;
  line-height: 1.5;
}
#item-category .btn_area a p:after {
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  right: 1rem;
  content: url(/wp-content/themes/delrey/images/common/icon-arrow-right-white.svg);
  width: 0.8125rem;
  height: auto;
}
#item-category .btn_area a p span {
  font-size: 1.125rem;
  display: block;
}

@media (min-width: 768px) {
  #container {
    overflow: hidden;
  }
}
@media (min-width: 768px) {
  #container .top-image {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
  }
}
#container .btn_area {
  display: flex;
  justify-content: center;
}
#container .btn_area .online-shop_btn {
  display: block;
  text-align: center;
  height: 1.93875rem;
  line-height: 1.93875rem;
  color: rgb(154, 114, 25);
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  width: 50%;
  border: 1px solid rgb(154, 114, 25);
  border-radius: 14px;
}
#container .btn_area .online-shop_btn span {
  position: relative;
  display: inline-block;
  width: 100%;
  font-size: 1.25rem;
}
#container h1 {
  font-size: 2rem;
  text-align: center;
  color: rgb(154, 114, 25);
}
@media (min-width: 768px) {
  #container h1 {
    font-size: 2.25rem;
  }
}
#container .top_caption {
  position: relative;
}
#container .top_caption:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-01.svg);
  top: 2.7rem;
  right: 8px;
  width: 35px;
}
@media (min-width: 768px) {
  #container .top_caption:before {
    content: url(/wp-content/themes/delrey/images/top/back-pc-01.svg);
    width: 24rem;
    top: 3.25rem;
    left: -13.875rem;
  }
}
#container .top_caption:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-02.svg);
  bottom: -100px;
  left: 0;
  width: 60px;
}
@media (min-width: 768px) {
  #container .top_caption:after {
    content: none;
  }
}
#container .top_caption > p {
  color: rgb(98, 98, 98);
  text-align: center;
  line-height: 1.923;
  margin-bottom: 3rem;
  width: 100%;
}
@media (min-width: 768px) {
  #container .top_caption > p {
    font-size: 1rem;
    line-height: 2;
    margin-top: 2rem;
  }
}
#container .cat {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  #container .cat {
    margin-top: 5.625rem;
  }
}
#container .cat.new_regular {
  justify-content: space-between;
}
#container .cat.new_regular .regular_text {
  position: relative;
}
#container .cat.new_regular .regular_text:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-03.svg);
  top: -47px;
  left: 0;
  width: 57.5px;
}
@media (min-width: 768px) {
  #container .cat.new_regular .regular_text:before {
    content: url(/wp-content/themes/delrey/images/top/back-pc-04.svg);
    width: 24.625rem;
    right: -20.875rem;
    top: -11.75rem;
    left: inherit;
  }
}
#container .cat.new_regular .regular_text:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-04.svg);
  bottom: -45px;
  right: -22.5px;
  width: 62px;
}
@media (min-width: 768px) {
  #container .cat.new_regular .regular_text:after {
    content: url(/wp-content/themes/delrey/images/top/back-pc-05.svg);
    width: 37.125rem;
    left: 10rem;
    top: 15rem;
  }
}
@media (min-width: 768px) {
  #container .cat.new_regular .new_text {
    position: relative;
  }
  #container .cat.new_regular .new_text:after {
    position: absolute;
    content: url(/wp-content/themes/delrey/images/top/back-pc-02.svg);
    top: 20rem;
    left: -23.75rem;
    width: 44.25rem;
  }
}
@media (min-width: 768px) {
  #container .cat.new_regular {
    display: flex;
  }
  #container .cat.new_regular > div {
    width: 50%;
    margin-top: 6.25rem;
  }
  #container .cat.new_regular .items {
    width: 50%;
    margin-left: 0;
    margin-right: 0;
  }
  #container .cat.new_regular .items figure {
    position: relative;
  }
  #container .cat.new_regular .items figure .newmark {
    position: absolute;
    top: 0;
    left: 0;
    background: rgb(154, 114, 25);
    padding: 0.25rem 0.5rem;
    height: 1.5rem;
    width: 3rem;
    border-radius: 0.75rem;
    border: 2px solid white;
  }
  #container .cat.new_regular .items li {
    width: calc(50% - 1.875rem);
    margin-left: 0;
    margin-right: 0;
    z-index: 2;
  }
  #container .cat.new_regular .items li:nth-child(even) {
    margin-left: 2.5rem;
  }
  #container .cat.new_regular:nth-child(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #container .cat.new_regular .items {
    width: 48%;
  }
}
@media (min-width: 768px) {
  #container .cat .special_order {
    position: relative;
  }
  #container .cat .special_order:before {
    position: absolute;
    content: url(/wp-content/themes/delrey/images/top/back-pc-11.svg);
    bottom: -12rem;
    left: -16rem;
    width: 21.125rem;
  }
  #container .cat .special_order:after {
    position: absolute;
    content: url(/wp-content/themes/delrey/images/top/back-pc-12.svg);
    bottom: -15rem;
    right: -16.375rem;
    width: 14.875rem;
  }
}
#container .cat h1 {
  margin-bottom: 1.4rem;
}
@media (min-width: 768px) {
  #container .cat h1 {
    margin-bottom: 2.1rem;
  }
}
#container .cat .cat_caption {
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.75;
  margin-bottom: 1.2rem;
  color: rgb(98, 98, 98);
}
@media (min-width: 768px) {
  #container .cat .cat_caption {
    font-size: 1rem;
    margin-bottom: 2.1rem;
  }
}
#container .cat .items {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.34375rem;
  margin-right: -0.34375rem;
  justify-content: space-between;
}
@media (min-width: 768px) {
  #container .cat .items {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
  }
}
#container .cat .items li {
  width: calc(50% - 0.6875rem);
  margin-left: 0.34375rem;
  margin-right: 0.34375rem;
  margin-bottom: 1.6875rem;
  line-height: 1.3846;
  z-index: 2;
}
@media (min-width: 768px) {
  #container .cat .items li {
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 3.5625rem;
    font-size: 0.875rem;
  }
}
#container .cat .items li figure {
  position: relative;
}
#container .cat .items li figure .newmark {
  position: absolute;
  top: 0;
  left: 0;
  background: rgb(154, 114, 25);
  padding: 0.25rem 0.5rem;
  height: 1.5rem;
  width: 3rem;
  border-radius: 0.75rem;
  border: 2px solid white;
}
#container .cat .items li .name_value {
  min-height: 3.2404rem;
}
@media (min-width: 768px) {
  #container .cat .items li .name_value {
    min-height: 4.7rem;
    line-height: 1.75;
  }
}
#container .cat .items li .name_value span {
  color: rgb(154, 114, 25);
  display: block;
  text-align: center;
}
#container .cat .items li .toec {
  margin-top: 0.5rem;
}
#container .cat .items li .toec > iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#container .cat .items li p {
  margin-top: 0.2rem;
}
#container .cat .items li .item_btn {
  display: block;
  text-align: center;
  height: 1.93875rem;
  line-height: 1.93875rem;
  color: rgb(154, 114, 25);
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  border: 1px solid rgb(154, 114, 25);
  border-radius: 14px;
}
@media (min-width: 768px) {
  #container .cat .items li .item_btn {
    width: 10.6875rem;
    margin-left: auto;
    margin-right: auto;
    height: 2rem;
    border-radius: 15px;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #container .cat .items li .item_btn {
    width: 100%;
  }
}
#container .cat .items li .item_btn span {
  position: relative;
  display: inline-block;
}
#container .cat .items li .item_btn.cart {
  color: white;
  background: rgb(154, 114, 25);
}
#container .cat .items li .item_btn.cart span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_brown.svg);
  display: none;
  width: 1.02rem;
  height: auto;
  margin-top: 0.2rem;
  position: absolute;
  left: 0;
}
#container .cat .items li .item_btn.cart:hover {
  color: rgb(154, 114, 25);
  background: white;
}
#container .cat .items li .item_btn.cart:hover span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_white.svg);
}
#container .cat .items li .toec {
  margin-top: 0.5rem;
}
#container .cat .items li .toec > iframe {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#container .cat .topics {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.375rem;
  margin-right: -0.375rem;
  margin-top: 3.375rem;
}
@media (min-width: 768px) {
  #container .cat .topics {
    margin-left: inherit;
    margin-right: inherit;
    justify-content: center;
  }
}
#container .cat .topics li {
  width: calc(50% - 0.75rem);
  margin-left: 0.375rem;
  margin-right: 0.375rem;
  margin-bottom: 1.6875rem;
  line-height: 1.3846;
  border: 0.5px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  box-shadow: 3.5px 3.5px 2.5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  #container .cat .topics li {
    width: 28.3334%;
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
    border: 1px solid #c2c2c2;
    border-left: 2px solid #c2c2c2;
    border-right: 2px solid #c2c2c2;
    margin-bottom: 4rem;
  }
}
#container .cat .topics li a figure {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
#container .cat .topics li a figure .mask {
  padding-top: 94.75%;
  content: "";
  display: block;
}
@media all and (-ms-high-contrast: none\0 ) {
  #container .cat .topics li a figure .mask *::-ms-backdrop, #container .cat .topics li a figure .mask {
    padding-top: 0;
  }
}
#container .cat .topics li a figure img {
  transform: scale(1);
  transition-duration: 0.5s;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media all and (-ms-high-contrast: none\0 ) {
  #container .cat .topics li a figure img *::-ms-backdrop, #container .cat .topics li a figure img {
    height: auto;
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
}
#container .cat .topics li a:hover figure img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}
#container .cat .topics li .topics_deail {
  padding: 0.625rem;
  line-height: 1.3929;
}
@media (min-width: 768px) {
  #container .cat .topics li .topics_deail {
    padding: 1.25rem;
  }
}
#container .cat .topics li .topics_deail span {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  #container .cat .topics li .topics_deail span {
    font-size: 0.875rem;
  }
}
#container .cat .topics li .topics_deail p {
  margin-top: 0.3333rem;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #container .cat .topics li .topics_deail p {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #container .cat .shop {
    display: flex;
    flex-wrap: wrap;
    width: 87.5%;
    margin-left: auto;
    margin-right: auto;
    justify-content: flex-start;
    margin-top: 4.025rem;
  }
}
#container .cat .shop li {
  width: 13.4375rem;
  margin-left: auto;
  margin-right: auto;
  color: rgb(154, 114, 25);
  border: 1px solid rgb(154, 114, 25);
  box-shadow: 3.5px 3.5px 2.5px rgba(0, 0, 0, 0.3);
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  #container .cat .shop li {
    width: calc(33.3333% - 3.125rem);
    margin-left: 1.5625rem;
    margin-right: 1.5625rem;
    margin-top: 2.875rem;
    box-shadow: 4px 4px 3px rgba(0, 0, 0, 0.3);
  }
}
#container .cat .shop li a {
  display: block;
}
#container .cat .shop li a p {
  font-size: 1.375rem;
  text-align: center;
  position: relative;
  padding-right: 0.8125rem;
  background: rgb(126, 112, 101);
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  line-height: 1.3;
}
@media (min-width: 768px) {
  #container .cat .shop li a p {
    line-height: 1.4;
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
  }
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #container .cat .shop li a p {
    font-size: 1.25rem;
  }
}
#container .cat .shop li a p:after {
  position: absolute;
  top: 57%;
  transform: translateY(-50%);
  right: 1rem;
  content: url(/wp-content/themes/delrey/images/common/icon-arrow-right-brown-1.svg);
  width: 0.8125rem;
  height: auto;
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #container .cat .shop li a p:after {
    width: 0.625rem;
    right: 0.6rem;
  }
}
#container .cat .shop li a p span {
  font-size: 1.125rem;
  display: block;
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #container .cat .shop li a p span {
    font-size: 1.0625rem;
  }
}
#container .cat .shop li:nth-child(even) {
  border: 1px solid rgb(126, 112, 101);
}
#container .cat .shop li:nth-child(even) a p {
  background: white;
}
#container .cat .shop li:nth-child(odd) {
  color: white;
  border: 1px solid rgb(126, 112, 101);
}
#container .cat .shop li:nth-child(odd) a p {
  background: rgb(126, 112, 101);
}
#container .cat .shop li:nth-child(odd) a p:after {
  content: url(/wp-content/themes/delrey/images/common/icon-arrow-right-white.svg);
}
#container .cat .btn_area {
  display: flex;
  justify-content: center;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #container .cat .btn_area {
    font-size: inherit;
  }
}
#container .cat .btn_area a {
  color: rgb(154, 114, 25);
}
@media (max-width: 767px) {
  #container .cat .btn_area a {
    display: block;
    text-align: center;
  }
}
#container .cat .btn_area .more span {
  position: relative;
  padding-right: 0.75rem;
  font-size: 1rem;
}
#container .cat .btn_area .more span:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/common/icon-arrow-right-brown-1.svg);
  width: 5.5px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
#container .cat .btn_area .order {
  color: white;
  background: rgb(126, 112, 101);
  padding: 0.282rem 1.688rem;
  margin-top: 2.5rem;
  margin-bottom: 3.4375rem;
}
@media (min-width: 768px) {
  #container .cat .btn_area .order {
    margin-top: 3.4375rem;
    margin-bottom: 11.375rem;
  }
}
#container .cat .btn_area .order span {
  position: relative;
  padding-right: 0.2rem;
}
#container .cat .btn_area .order span:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/common/icon-arrow-right-white.svg);
  width: 5.5px;
  right: -0.65rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  #container .cat .btn_area .order span {
    font-size: 1.125rem;
  }
}
#container .cat .financier {
  position: relative;
}
#container .cat .financier span {
  position: absolute;
  display: block;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.25rem;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: rgb(154, 114, 25);
  line-height: 3.46875rem;
  font-family: "stix-two-text", "kozuka-mincho-pr6n", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
@media (min-width: 768px) {
  #container .cat .financier span {
    width: inherit;
    font-size: 1.5rem;
    line-height: 4.4 0.2813rem;
    padding-left: 2.495rem;
    padding-right: 2.495rem;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#container .cat .financier span strong {
  font-size: 1.875rem;
  line-height: 2rem;
  font-family: "stix-two-text", "kozuka-mincho-pr6n";
  font-weight: 400;
}
@media (min-width: 768px) {
  #container .cat .financier span strong {
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
}
#container .cat .patisserie_text {
  position: relative;
}
#container .cat .patisserie_text:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-01.svg);
  top: 2.7rem;
  right: -5px;
  width: 35px;
}
@media (min-width: 768px) {
  #container .cat .patisserie_text:before {
    content: none;
  }
}
#container .cat .patisserie_text:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-02.svg);
  top: 0;
  left: -22.5px;
  width: 60px;
}
@media (min-width: 768px) {
  #container .cat .patisserie_text:after {
    content: none;
  }
}
#container .cat .tablet_text {
  position: relative;
}
#container .cat .tablet_text:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-05.svg);
  top: -2.7rem;
  left: -22.5px;
  width: 70px;
}
@media (min-width: 768px) {
  #container .cat .tablet_text:before {
    content: url(/wp-content/themes/delrey/images/top/back-pc-06.svg);
    top: inherit;
    bottom: 2.5rem;
    left: -22.125rem;
    width: 25.375rem;
  }
}
#container .cat .tablet_text:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-06.svg);
  top: 0;
  right: -22.5px;
  width: 65px;
}
@media (min-width: 768px) {
  #container .cat .tablet_text:after {
    content: url(/wp-content/themes/delrey/images/top/back-pc-07.svg);
    top: inherit;
    bottom: 2.5rem;
    right: -25.5rem;
    width: 35.75rem;
  }
}
#container .cat .topics_text {
  position: relative;
}
#container .cat .topics_text p {
  font-size: 1rem;
  margin-top: 3rem;
  margin-bottom: 3rem;
  text-align: center;
}
#container .cat .topics_text:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-03.svg);
  top: 0;
  left: -5px;
  width: 55px;
}
@media (min-width: 768px) {
  #container .cat .topics_text:before {
    content: url(/wp-content/themes/delrey/images/top/back-pc-08.svg);
    top: -4.625rem;
    left: -16.875rem;
    width: 23.375rem;
  }
}
#container .cat .shop_text {
  position: relative;
}
#container .cat .shop_text:before {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-04.svg);
  top: -70px;
  right: -22.5px;
  width: 60px;
}
@media (min-width: 768px) {
  #container .cat .shop_text:before {
    content: url(/wp-content/themes/delrey/images/top/back-pc-09.svg);
    top: -11rem;
    right: -26.625rem;
    width: 38.4372rem;
  }
}
#container .cat .shop_text:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-05.svg);
  top: 150px;
  left: -22.5px;
  width: 70px;
}
@media (min-width: 768px) {
  #container .cat .shop_text:after {
    content: none;
  }
}
#container .cat .order_text {
  position: relative;
}
#container .cat .order_text:after {
  position: absolute;
  content: url(/wp-content/themes/delrey/images/top/back-06.svg);
  top: -70px;
  right: -22.5px;
  width: 65px;
}
@media (min-width: 768px) {
  #container .cat .order_text:after {
    content: url(/wp-content/themes/delrey/images/top/back-pc-10.svg);
    top: -70px;
    left: -26.375rem;
    right: inherit;
    width: 29rem;
  }
}
@media (min-width: 768px) {
  #recruit .top-image > p span {
    letter-spacing: 0.3em;
  }
}
#recruit .wrapper {
  margin-top: 2.5rem;
  margin-bottom: 2.625rem;
}
@media (min-width: 768px) {
  #recruit .wrapper {
    margin-top: 4.6875rem;
    margin-bottom: 6.5625rem;
  }
}
@media (min-width: 768px) {
  #recruit .wrapper h4 {
    font-size: 1.125rem;
  }
}
#recruit .wrapper .recruit_caption {
  line-height: 2.036;
  font-size: 0.875rem;
  margin-top: 0.5rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_caption {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 5rem;
  }
}
#recruit .wrapper h3 {
  font-size: 1.3125rem;
  color: rgb(154, 114, 25);
  line-height: 1;
  margin-bottom: 1.375rem;
}
@media (min-width: 768px) {
  #recruit .wrapper h3 {
    font-size: 1.5rem;
    margin-bottom: 2.25rem;
  }
}
#recruit .wrapper h3 span {
  font-size: 0.875rem;
  color: rgb(98, 98, 98);
  padding-left: 0.3rem;
}
@media (min-width: 768px) {
  #recruit .wrapper h3 span {
    font-size: 1rem;
    padding-left: 0.667rem;
  }
}
#recruit .wrapper .recruit_info {
  border: 1px solid rgb(154, 114, 25);
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_info {
    max-width: 880px;
  }
}
#recruit .wrapper .recruit_info dl {
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_info dl {
    font-size: 1rem;
    display: flex;
    border-top: 1px solid rgb(154, 114, 25);
  }
}
#recruit .wrapper .recruit_info dl dt {
  width: 100%;
  background: #ebe3d1;
  border-top: 0.5px solid rgb(154, 114, 25);
  border-bottom: 0.5px solid rgb(154, 114, 25);
  padding: 0.375rem 0.78125rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_info dl dt {
    width: 18%;
    border: none;
    padding-left: 0.8rem;
    border-right: 1px solid rgb(154, 114, 25);
    position: relative;
  }
  #recruit .wrapper .recruit_info dl dt span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
#recruit .wrapper .recruit_info dl dd {
  width: 100%;
  padding: 0.375rem 0.78125rem;
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_info dl dd {
    width: 82%;
    padding: 0.8rem;
  }
}
@media (min-width: 768px) {
  #recruit .wrapper .recruit_info dl:first-child {
    border-top: none;
  }
}
#recruit .wrapper .recruit_info dl:first-child dt {
  border-top: none;
}

#shop .top-image > p span {
  letter-spacing: 0.4em;
}
@media (min-width: 768px) {
  #shop .top-image > p span {
    letter-spacing: 0.3em;
  }
}
#shop .top-image h1 {
  position: absolute;
}
@media (min-width: 768px) {
  #shop .top-image h1 {
    position: relative;
  }
}
#shop .top-image h1:before {
  position: absolute;
  content: "";
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  height: 5.5rem;
  z-index: -1;
  top: -0.5rem;
  left: 0;
}
@media (min-width: 768px) {
  #shop .top-image h1:before {
    height: 7.5rem;
    z-index: -1;
    top: -0.5rem;
  }
}
#shop .shop_info {
  margin-top: 2.4375rem;
  margin-bottom: 4.125rem;
}
#shop .shop_info .item {
  margin-top: 3.4375rem;
}
#shop .shop_info .item:first-child {
  margin-top: inherit;
}
#shop .shop_info .item h2 {
  font-size: 1.375rem;
  position: relative;
  height: 60px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  color: white;
  line-height: 1.4;
  font-family: "open-sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif;
}
@media (min-width: 768px) {
  #shop .shop_info .item h2 {
    height: 72.5px;
    font-size: 1.6875rem;
    line-height: 1.3;
  }
}
#shop .shop_info .item h2:before {
  content: "";
  position: absolute;
  width: 78.667%;
  height: 100%;
  left: 0;
  top: -0.25rem;
  background: rgb(126, 112, 101);
  z-index: -1;
}
@media (min-width: 768px) {
  #shop .shop_info .item h2:before {
    width: 62.5%;
  }
}
#shop .shop_info .item h2 span {
  font-size: 1.125rem;
  display: block;
  line-height: 1.47;
}
@media (min-width: 768px) {
  #shop .shop_info .item h2 span {
    font-size: 1.375rem;
  }
}
#shop .shop_info .item .wrapper {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper {
    padding-left: inherit;
    padding-right: inherit;
    display: flex;
    justify-content: space-between;
    margin-top: 3.75rem;
  }
}
@media screen and (max-width: 1155px) {
  #shop .shop_info .item .wrapper {
    padding-left: 37.5px;
    padding-right: 37.5px;
  }
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-text_map {
    width: 56.9%;
  }
}
#shop .shop_info .item .wrapper .shop-text_map .text h4 {
  line-height: 1;
  font-weight: 400;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-text_map .text h4 {
    font-size: 1.125rem;
  }
}
#shop .shop_info .item .wrapper .shop-text_map .text .shop_text {
  font-size: 0.875rem;
  line-height: 2.036;
  padding-top: 0.7rem;
  padding-bottom: 1.2rem;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-text_map .text .shop_text {
    font-size: 1rem;
  }
}
#shop .shop_info .item .wrapper .shop-text_map .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 52.25%;
  overflow: hidden;
  border: 1px solid #9a7219;
  height: 220px;
  margin-bottom: 1.375rem;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-text_map .map {
    padding-bottom: 58.258%;
    margin-bottom: inherit;
  }
}
#shop .shop_info .item .wrapper .shop-text_map .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 640px !important;
  margin-top: -170px;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-image {
    width: 39.3%;
  }
}
#shop .shop_info .item .wrapper .shop-image img {
  margin-bottom: 1.375rem;
}
@media (min-width: 768px) {
  #shop .shop_info .item .wrapper .shop-image img {
    width: 100%;
    margin-bottom: 1.6rem;
  }
}
#shop .shop_info .item:nth-child(even) h2 {
  color: rgb(154, 114, 25);
}
#shop .shop_info .item:nth-child(even) h2:before {
  border: 0.65px solid rgb(154, 114, 25);
  background: inherit;
  box-sizing: border-box;
  left: inherit;
  right: 0;
}
@media (min-width: 768px) {
  #shop .shop_info .item:nth-child(even) h2:before {
    border: 1.3px solid rgb(154, 114, 25);
  }
}
@media (min-width: 768px) {
  #shop .shop_info .item#ginza_mitsukoshi .wrapper {
    display: block;
  }
  #shop .shop_info .item#ginza_mitsukoshi .wrapper .shop-text_map {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #shop .shop_info .item#ginza_mitsukoshi .wrapper .shop-text_map .text {
    width: 43.1%;
  }
  #shop .shop_info .item#ginza_mitsukoshi .wrapper .shop-text_map .map {
    width: 56.9%;
    padding-bottom: 33.149%;
  }
}

#delrey .about_content .wrapper {
  padding-left: 2.2656rem;
  padding-right: 2.2656rem;
}
@media (min-width: 768px) {
  #delrey .about_content .wrapper {
    max-width: 935px;
    margin-left: auto;
    margin-right: auto;
    padding-left: inherit;
    padding-right: inherit;
  }
}
@media (min-width: 768px) and (max-width: 935px) {
  #delrey .about_content .wrapper {
    padding-left: 2.2656rem;
    padding-right: 2.2656rem;
  }
}
#delrey .about_content > div {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div {
    padding-top: 3.375rem;
    padding-bottom: 6.25rem;
  }
  #delrey .about_content > div .ribbon-left, #delrey .about_content > div .ribbon-right {
    position: relative;
    margin-bottom: 2rem;
  }
  #delrey .about_content > div .ribbon-left:before, #delrey .about_content > div .ribbon-right:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 40%;
    background: rgb(126, 112, 101);
    top: 0;
    left: 0;
  }
  #delrey .about_content > div .ribbon-left.ribbon-right:before, #delrey .about_content > div .ribbon-right.ribbon-right:before {
    right: 0;
    left: inherit;
  }
  #delrey .about_content > div .ribbon-left.ribbon-right h1, #delrey .about_content > div .ribbon-right.ribbon-right h1 {
    margin-left: auto;
    display: block;
    text-align: right;
  }
  #delrey .about_content > div .colmn_2 {
    display: flex;
    justify-content: space-between;
    margin-top: 3.375rem;
  }
  #delrey .about_content > div .colmn_2 > div, #delrey .about_content > div .colmn_2 > p {
    width: 47%;
  }
  #delrey .about_content > div .colmn_2 > div h2, #delrey .about_content > div .colmn_2 > p h2 {
    padding-top: inherit;
  }
  #delrey .about_content > div .colmn_2 > p {
    padding-top: 2.5rem;
  }
  #delrey .about_content > div .colmn_2 figure {
    width: 41%;
  }
  #delrey .about_content > div .colmn_2.reverse {
    flex-direction: row-reverse;
  }
}
#delrey .about_content > div div {
  font-size: 0.875rem;
  line-height: 2.0357;
}
@media (min-width: 768px) {
  #delrey .about_content > div div {
    line-height: 2.2857;
  }
}
#delrey .about_content > div div.about_text {
  text-align: center;
  padding-top: 2.34375rem;
  padding-bottom: 2.34375rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div div.about_text {
    line-height: 3.2143;
    padding-top: 1.25rem;
    padding-bottom: 0;
  }
}
#delrey .about_content > div h1 {
  font-size: 2rem;
  color: rgb(154, 114, 25);
  line-height: 1;
  padding-top: 3.125rem;
  padding-bottom: 2.5rem;
  text-align: center;
}
@media (min-width: 768px) {
  #delrey .about_content > div h1 {
    font-size: 1.875rem;
    color: white;
    line-height: 4.625rem;
    display: inline-block;
    text-align: inherit;
    padding-top: inherit;
    padding-bottom: inherit;
    width: 33.37%;
    position: relative;
    background: rgb(126, 112, 101);
  }
}
@media screen and (max-width: 831px) and (min-width: 768px) {
  #delrey .about_content > div h1 {
    width: 36.5%;
  }
}
#delrey .about_content > div h2 {
  font-size: 1.3125rem;
  color: rgb(154, 114, 25);
  line-height: 1;
  padding-top: 3.125rem;
  padding-bottom: 0.8rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div h2 {
    font-size: 1.5rem;
    padding-bottom: 1rem;
  }
}
#delrey .about_content > div h2 span {
  display: block;
  font-size: 0.875rem;
  padding-top: 0.5rem;
}
#delrey .about_content > div h2 span:first-child {
  padding-top: 0;
  padding-bottom: 0.5rem;
}
#delrey .about_content > div img {
  margin-top: 1.7rem;
  margin-bottom: 1.7rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div img {
    margin-top: inherit;
    margin-bottom: inherit;
  }
}
#delrey .about_content > div .btn_area {
  display: flex;
  justify-content: center;
  margin-bottom: 2.34rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div .btn_area {
    justify-content: flex-start;
    font-size: 1.125rem;
    margin-bottom: inherit;
  }
}
#delrey .about_content > div .btn_area:first-child {
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  #delrey .about_content > div .btn_area:first-child {
    margin-top: 2rem;
  }
}
#delrey .about_content > div .btn_area a {
  color: rgb(154, 114, 25);
}
@media (min-width: 768px) {
  #delrey .about_content > div .delrey_image {
    width: 42%;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
#delrey .about_content > div:nth-child(even) {
  background: rgba(248, 200, 201, 0.2);
}

#topics .wrapper {
  padding-left: 25px;
  padding-right: 25px;
}
@media (min-width: 768px) {
  #topics .wrapper {
    padding-left: 10px;
    padding-right: 10px;
  }
}
#topics p {
  font-size: 1rem;
  margin-top: 3rem;
  text-align: center;
  margin-bottom: 0rem;
}
#topics p.pager {
  margin-bottom: 3rem;
}
#topics .topics_list {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.5rem;
  margin-right: -0.5rem;
  margin-top: 1.1875rem;
  margin-bottom: 2.8125rem;
}
@media (min-width: 768px) {
  #topics .topics_list {
    margin-left: -1.25rem;
    margin-right: -1.25rem;
    margin-top: 2.5rem;
  }
}
#topics .topics_list li {
  width: calc(50% - 1rem);
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  margin-bottom: 1.1875rem;
  font-size: 0.8125rem;
  line-height: 1.3846;
  border: 0.5px solid #c2c2c2;
  border-left: 1px solid #c2c2c2;
  border-right: 1px solid #c2c2c2;
  box-shadow: 3.5px 3.5px 2.5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 768px) {
  #topics .topics_list li {
    width: calc(25% - 2.5rem);
    margin-left: 1.25rem;
    margin-right: 1.25rem;
    margin-bottom: 2.5rem;
    border: 1px solid #c2c2c2;
    border-left: 2px solid #c2c2c2;
    border-right: 2px solid #c2c2c2;
  }
}
#topics .topics_list li figure {
  width: 100%;
  position: relative;
  display: block;
  overflow: hidden;
}
#topics .topics_list li figure .mask {
  padding-top: 95.319%;
  content: "";
  display: block;
}
@media all and (-ms-high-contrast: none\0 ) {
  #topics .topics_list li figure .mask *::-ms-backdrop, #topics .topics_list li figure .mask {
    padding-top: 0;
  }
}
#topics .topics_list li figure img {
  transform: scale(1);
  transition-duration: 0.5s;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media all and (-ms-high-contrast: none\0 ) {
  #topics .topics_list li figure img *::-ms-backdrop, #topics .topics_list li figure img {
    height: auto;
    position: inherit;
    top: auto;
    left: auto;
    bottom: auto;
    right: auto;
  }
}
#topics .topics_list li a:hover figure img {
  transform: scale(1.1);
  transition-duration: 0.5s;
}
#topics .topics_list li .topics_text {
  padding: 0.625rem;
  line-height: 1.3929;
}
@media (min-width: 768px) {
  #topics .topics_list li .topics_text {
    padding: 1.25rem;
  }
}
#topics .topics_list li .topics_text span {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  #topics .topics_list li .topics_text span {
    font-size: 0.875rem;
  }
}
#topics .topics_list li .topics_text p {
  margin-top: 0.3333rem;
  font-size: 0.875rem;
  text-align: left;
}
@media (min-width: 768px) {
  #topics .topics_list li .topics_text p {
    font-size: 1rem;
  }
}
#topics .pager-box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: -1.875rem;
  margin-right: -1.875rem;
  margin-bottom: 7.0625rem;
}
@media (max-width: 767px) {
  #topics .pager-box {
    margin-left: 0rem;
    margin-right: 0rem;
  }
}
#topics .pager-box .pager {
  width: 1.875rem;
  height: 2rem;
  margin-left: 0.9375rem;
  margin-right: 0.9375rem;
  font-size: 1.125rem;
  font-family: "kozuka-mincho-pr6n";
  border: 1px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media all and (-ms-high-contrast: none\0 ) {
  #topics .pager-box .pager *::-ms-backdrop, #topics .pager-box .pager {
    padding-top: 1rem;
  }
}
#topics .pager-box .pager.current {
  border: 1px solid rgb(154, 114, 25);
}
#topics .pager-box .pager:hover {
  border: 1px solid rgb(154, 114, 25);
}
#topics .pager-box .pager span {
  color: rgb(154, 114, 25);
}
#topics .pager-box .next, #topics .pager-box .prev {
  color: rgb(154, 114, 25);
  font-size: 1.25rem;
}

#single-topics .top-image, #single-categoery .top-image {
  position: relative;
}
#single-topics .top-image .mask, #single-categoery .top-image .mask {
  background: rgba(69, 49, 33, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
#single-topics .top-image > h2, #single-categoery .top-image > h2 {
  font-size: 2.0625rem;
  line-height: 1;
  position: absolute;
  width: 100%;
  text-align: center;
  color: white;
  z-index: 1;
  top: 65%;
  transform: translateY(-50%);
}
#single-topics .top-image > h2 span, #single-categoery .top-image > h2 span {
  display: block;
  font-size: 0.75rem;
  margin-top: 1rem;
}
#single-topics .topics_deatil, #single-topics .category_detail, #single-categoery .topics_deatil, #single-categoery .category_detail {
  padding-left: 1.65625rem;
  padding-right: 1.65625rem;
  margin-top: 11.0625rem;
  margin-bottom: 3.75rem;
}
@media (min-width: 768px) {
  #single-topics .topics_deatil, #single-topics .category_detail, #single-categoery .topics_deatil, #single-categoery .category_detail {
    display: flex;
  }
}
@media (max-width: 767px) {
  #single-topics .topics_deatil, #single-topics .category_detail, #single-categoery .topics_deatil, #single-categoery .category_detail {
    margin-top: 6.625rem;
  }
}
@media (min-width: 768px) {
  #single-topics .topics_deatil figure, #single-topics .category_detail figure, #single-categoery .topics_deatil figure, #single-categoery .category_detail figure {
    width: 50%;
  }
}
#single-topics .topics_deatil figure img, #single-topics .category_detail figure img, #single-categoery .topics_deatil figure img, #single-categoery .category_detail figure img {
  border: 2px solid #e6e6e6;
}
@media (max-width: 767px) {
  #single-topics .topics_deatil figure img, #single-topics .category_detail figure img, #single-categoery .topics_deatil figure img, #single-categoery .category_detail figure img {
    height: auto;
  }
}
@media (min-width: 768px) {
  #single-topics .topics_deatil figure img, #single-topics .category_detail figure img, #single-categoery .topics_deatil figure img, #single-categoery .category_detail figure img {
    width: 76%;
    margin-left: auto;
    margin-right: auto;
    display: block;
    height: inherit;
  }
}
#single-topics .topics_deatil .deatil_text, #single-topics .category_detail .deatil_text, #single-categoery .topics_deatil .deatil_text, #single-categoery .category_detail .deatil_text {
  padding-top: 1.34rem;
}
@media (min-width: 768px) {
  #single-topics .topics_deatil .deatil_text, #single-topics .category_detail .deatil_text, #single-categoery .topics_deatil .deatil_text, #single-categoery .category_detail .deatil_text {
    width: 50%;
    padding-left: 1.25rem;
    padding-right: 2rem;
    padding-top: inherit;
  }
}
#single-topics .topics_deatil .deatil_text span, #single-topics .category_detail .deatil_text span, #single-categoery .topics_deatil .deatil_text span, #single-categoery .category_detail .deatil_text span {
  font-size: 0.875rem;
  line-height: 1;
  margin-bottom: 0.4rem;
  display: inline-block;
}
@media (min-width: 768px) {
  #single-topics .topics_deatil .deatil_text span, #single-topics .category_detail .deatil_text span, #single-categoery .topics_deatil .deatil_text span, #single-categoery .category_detail .deatil_text span {
    font-size: 1rem;
    margin-bottom: 0.8rem;
  }
}
#single-topics .topics_deatil .deatil_text h3, #single-topics .category_detail .deatil_text h3, #single-categoery .topics_deatil .deatil_text h3, #single-categoery .category_detail .deatil_text h3 {
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  #single-topics .topics_deatil .deatil_text h3, #single-topics .category_detail .deatil_text h3, #single-categoery .topics_deatil .deatil_text h3, #single-categoery .category_detail .deatil_text h3 {
    font-size: 1rem;
  }
}
#single-topics .topics_deatil .deatil_text h3.title, #single-topics .category_detail .deatil_text h3.title, #single-categoery .topics_deatil .deatil_text h3.title, #single-categoery .category_detail .deatil_text h3.title {
  font-size: 1.0625rem;
  margin-bottom: 0.8rem;
}
@media (min-width: 768px) {
  #single-topics .topics_deatil .deatil_text h3.title, #single-topics .category_detail .deatil_text h3.title, #single-categoery .topics_deatil .deatil_text h3.title, #single-categoery .category_detail .deatil_text h3.title {
    font-size: 1.1875rem;
  }
}
#single-topics .topics_deatil .deatil_text div p, #single-topics .category_detail .deatil_text div p, #single-categoery .topics_deatil .deatil_text div p, #single-categoery .category_detail .deatil_text div p {
  line-height: 2;
}
#single-topics .category_detail .deatil_text .name_value h3, #single-categoery .category_detail .deatil_text .name_value h3 {
  font-weight: 500;
}
#single-topics .category_detail .deatil_text .toec, #single-categoery .category_detail .deatil_text .toec {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
#single-topics .category_detail .deatil_text .toec .item_btn, #single-categoery .category_detail .deatil_text .toec .item_btn {
  display: block;
  text-align: center;
  height: 1.93875rem;
  line-height: 1.93875rem;
  color: rgb(154, 114, 25);
  margin-top: 0.2rem;
  margin-bottom: 0.4rem;
  border: 1px solid rgb(154, 114, 25);
  border-radius: 14px;
  cursor: pointer;
}
@media (min-width: 768px) {
  #single-topics .category_detail .deatil_text .toec .item_btn, #single-categoery .category_detail .deatil_text .toec .item_btn {
    width: 10.6875rem;
    margin-left: 0;
    margin-right: 1.5rem;
    height: 2rem;
    border-radius: 15px;
    margin-top: 0.5rem;
  }
}
@media screen and (max-width: 838px) and (min-width: 768px) {
  #single-topics .category_detail .deatil_text .toec .item_btn, #single-categoery .category_detail .deatil_text .toec .item_btn {
    width: 100%;
  }
}
@media (max-width: 767px) {
  #single-topics .category_detail .deatil_text .toec .item_btn, #single-categoery .category_detail .deatil_text .toec .item_btn {
    width: 46%;
    height: 2.25rem;
    border-radius: 18px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
#single-topics .category_detail .deatil_text .toec .item_btn span, #single-categoery .category_detail .deatil_text .toec .item_btn span {
  position: relative;
  display: inline-block;
}
#single-topics .category_detail .deatil_text .toec .item_btn span label, #single-categoery .category_detail .deatil_text .toec .item_btn span label {
  cursor: pointer;
}
#single-topics .category_detail .deatil_text .toec .item_btn.cart, #single-categoery .category_detail .deatil_text .toec .item_btn.cart {
  color: white;
  background: rgb(154, 114, 25);
}
#single-topics .category_detail .deatil_text .toec .item_btn.cart span:before, #single-categoery .category_detail .deatil_text .toec .item_btn.cart span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_brown.svg);
  display: none;
  width: 1.02rem;
  height: auto;
  margin-top: 0.2rem;
  position: absolute;
  left: 0;
}
#single-topics .category_detail .deatil_text .toec .item_btn:hover, #single-categoery .category_detail .deatil_text .toec .item_btn:hover {
  color: rgb(154, 114, 25);
  background: white;
}
#single-topics .category_detail .deatil_text .toec .item_btn:hover.cart span:before, #single-categoery .category_detail .deatil_text .toec .item_btn:hover.cart span:before {
  content: url(/wp-content/themes/delrey/images/common/cart_white.svg);
  display: none;
}
#single-topics .pager-wrapper, #single-categoery .pager-wrapper {
  display: flex;
  justify-content: space-between;
  max-width: 318px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.0625rem;
  margin-top: 10vh;
}
@media (max-width: 767px) {
  #single-topics .pager-wrapper, #single-categoery .pager-wrapper {
    margin-top: 7.27vh;
    margin-bottom: 14.965vh;
  }
}
#single-topics .pager-wrapper > div a, #single-categoery .pager-wrapper > div a {
  color: rgb(154, 114, 25);
  font-size: 1.125rem;
}

@media (max-width: 767px) {
  #single-categoery .category_detail .deatil_text .name_value {
    text-align: center;
  }
}
#single-categoery .category_detail .deatil_text .name_value h3 {
  color: rgb(154, 114, 25);
}
@media (max-width: 767px) {
  #single-categoery .category_detail .deatil_text .toec iframe {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
#single-categoery .pager-wrapper {
  display: block;
  text-align: center;
}

#order .wrapper, #press .wrapper, #contact .wrapper {
  margin-top: 1rem;
  margin-bottom: 2.625rem;
}
@media (min-width: 768px) {
  #order .wrapper, #press .wrapper, #contact .wrapper {
    margin-bottom: 6.5625rem;
  }
}
#order .wrapper div, #press .wrapper div, #contact .wrapper div {
  font-size: 0.875rem;
  color: rgb(154, 114, 25);
  line-height: 2.036;
}
@media (min-width: 768px) {
  #order .wrapper div, #press .wrapper div, #contact .wrapper div {
    font-size: 1rem;
    line-height: 2;
  }
}
#order .wrapper div.order_caption, #press .wrapper div.order_caption, #contact .wrapper div.order_caption {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #order .wrapper div.order_caption, #press .wrapper div.order_caption, #contact .wrapper div.order_caption {
    padding-left: inherit;
    padding-right: inherit;
    width: inherit;
  }
}
@media (max-width: 767px) {
  #order .wrapper div.order_caption, #press .wrapper div.order_caption, #contact .wrapper div.order_caption {
    margin-bottom: 4.5625rem;
  }
}
#order .wrapper .form_text, #press .wrapper .form_text, #contact .wrapper .form_text {
  font-size: 0.875rem;
  color: rgb(154, 114, 25);
  line-height: 2.036;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  #order .wrapper .form_text, #press .wrapper .form_text, #contact .wrapper .form_text {
    font-size: 1rem;
    line-height: 2;
    margin-bottom: 3.75rem;
  }
}
#order .wrapper .atte, #press .wrapper .atte, #contact .wrapper .atte {
  font-size: 0.875rem;
  color: rgb(154, 114, 25);
  line-height: 2.036;
}
@media (min-width: 768px) {
  #order .wrapper .atte, #press .wrapper .atte, #contact .wrapper .atte {
    font-size: 1rem;
    line-height: 2;
  }
}
#order .wrapper .input_area, #press .wrapper .input_area, #contact .wrapper .input_area {
  border: 1px solid rgb(154, 114, 25);
  margin-bottom: 2.3125rem;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area, #press .wrapper .input_area, #contact .wrapper .input_area {
    margin-top: 2rem;
    border: 1px solid rgb(154, 114, 25);
    margin-bottom: 3.75rem;
  }
}
#order .wrapper .input_area dl, #press .wrapper .input_area dl, #contact .wrapper .input_area dl {
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl, #press .wrapper .input_area dl, #contact .wrapper .input_area dl {
    font-size: 1rem;
    display: flex;
    border-top: 1px solid rgb(154, 114, 25);
  }
}
#order .wrapper .input_area dl dt, #press .wrapper .input_area dl dt, #contact .wrapper .input_area dl dt {
  width: 100%;
  background: #ebe3d1;
  border-top: 0.5px solid rgb(154, 114, 25);
  border-bottom: 0.5px solid rgb(154, 114, 25);
  padding: 0.375rem 0.78125rem;
  box-sizing: border-box;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dt, #press .wrapper .input_area dl dt, #contact .wrapper .input_area dl dt {
    width: 21%;
    border: none;
    border-right: 1px solid rgb(154, 114, 25);
    position: relative;
    padding-left: 1.5rem;
  }
  #order .wrapper .input_area dl dt label, #press .wrapper .input_area dl dt label, #contact .wrapper .input_area dl dt label {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  #order .wrapper .input_area dl dt span, #press .wrapper .input_area dl dt span, #contact .wrapper .input_area dl dt span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }
}
#order .wrapper .input_area dl dd, #press .wrapper .input_area dl dd, #contact .wrapper .input_area dl dd {
  width: 100%;
  padding: 0.625rem 2.2rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd, #press .wrapper .input_area dl dd, #contact .wrapper .input_area dl dd {
    width: 79%;
    padding: 0.875rem 3.5rem;
  }
}
#order .wrapper .input_area dl dd input, #press .wrapper .input_area dl dd input, #contact .wrapper .input_area dl dd input {
  border: 0.5px solid rgba(154, 114, 25, 0.5);
  line-height: 2.25rem;
  width: 100%;
  padding: 0.25rem 0.5rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd input, #press .wrapper .input_area dl dd input, #contact .wrapper .input_area dl dd input {
    border: 1px solid rgba(154, 114, 25, 0.5);
    width: 40%;
  }
}
#order .wrapper .input_area dl dd input.width-56, #press .wrapper .input_area dl dd input.width-56, #contact .wrapper .input_area dl dd input.width-56 {
  width: 56%;
  min-width: 140px;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd input.width-56, #press .wrapper .input_area dl dd input.width-56, #contact .wrapper .input_area dl dd input.width-56 {
    width: 22.2%;
  }
}
#order .wrapper .input_area dl dd.name, #order .wrapper .input_area dl dd.zip_code, #press .wrapper .input_area dl dd.name, #press .wrapper .input_area dl dd.zip_code, #contact .wrapper .input_area dl dd.name, #contact .wrapper .input_area dl dd.zip_code {
  padding-right: 0.68rem;
  padding-left: inherit;
}
#order .wrapper .input_area dl dd.name > div, #order .wrapper .input_area dl dd.zip_code > div, #press .wrapper .input_area dl dd.name > div, #press .wrapper .input_area dl dd.zip_code > div, #contact .wrapper .input_area dl dd.name > div, #contact .wrapper .input_area dl dd.zip_code > div {
  width: 50%;
  display: flex;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.name > div, #order .wrapper .input_area dl dd.zip_code > div, #press .wrapper .input_area dl dd.name > div, #press .wrapper .input_area dl dd.zip_code > div, #contact .wrapper .input_area dl dd.name > div, #contact .wrapper .input_area dl dd.zip_code > div {
    display: inline-block;
    width: auto;
  }
  #order .wrapper .input_area dl dd.name > div:first-child, #order .wrapper .input_area dl dd.zip_code > div:first-child, #press .wrapper .input_area dl dd.name > div:first-child, #press .wrapper .input_area dl dd.zip_code > div:first-child, #contact .wrapper .input_area dl dd.name > div:first-child, #contact .wrapper .input_area dl dd.zip_code > div:first-child {
    padding-left: 1.75rem;
  }
}
#order .wrapper .input_area dl dd.name > div span, #order .wrapper .input_area dl dd.zip_code > div span, #press .wrapper .input_area dl dd.name > div span, #press .wrapper .input_area dl dd.zip_code > div span, #contact .wrapper .input_area dl dd.name > div span, #contact .wrapper .input_area dl dd.zip_code > div span {
  padding-top: 0.45rem;
  padding-right: 0.68rem;
  padding-left: 0.68rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.name > div span, #order .wrapper .input_area dl dd.zip_code > div span, #press .wrapper .input_area dl dd.name > div span, #press .wrapper .input_area dl dd.zip_code > div span, #contact .wrapper .input_area dl dd.name > div span, #contact .wrapper .input_area dl dd.zip_code > div span {
    padding-left: 0;
  }
}
#order .wrapper .input_area dl dd.name > div input, #order .wrapper .input_area dl dd.zip_code > div input, #press .wrapper .input_area dl dd.name > div input, #press .wrapper .input_area dl dd.zip_code > div input, #contact .wrapper .input_area dl dd.name > div input, #contact .wrapper .input_area dl dd.zip_code > div input {
  width: 65%;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.name > div input, #order .wrapper .input_area dl dd.zip_code > div input, #press .wrapper .input_area dl dd.name > div input, #press .wrapper .input_area dl dd.zip_code > div input, #contact .wrapper .input_area dl dd.name > div input, #contact .wrapper .input_area dl dd.zip_code > div input {
    min-width: 100px;
  }
}
#order .wrapper .input_area dl dd.name, #press .wrapper .input_area dl dd.name, #contact .wrapper .input_area dl dd.name {
  display: flex;
}
#order .wrapper .input_area dl dd.zip_code span, #press .wrapper .input_area dl dd.zip_code span, #contact .wrapper .input_area dl dd.zip_code span {
  padding-left: 2.2rem;
  padding-right: 2.2rem;
  line-height: 1.75;
}
#order .wrapper .input_area dl dd.zip_code span.attention, #press .wrapper .input_area dl dd.zip_code span.attention, #contact .wrapper .input_area dl dd.zip_code span.attention {
  display: block;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.zip_code span, #press .wrapper .input_area dl dd.zip_code span, #contact .wrapper .input_area dl dd.zip_code span {
    font-size: 0.875rem;
    padding-left: 3.5rem;
    padding-right: 3.5rem;
  }
}
#order .wrapper .input_area dl dd.zip_code .btn_area, #press .wrapper .input_area dl dd.zip_code .btn_area, #contact .wrapper .input_area dl dd.zip_code .btn_area {
  display: flex;
  justify-content: flex-start;
  font-size: 0.8125rem;
  padding-left: 2.2rem;
  margin-top: 0.75rem;
  margin-bottom: 0.25rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.zip_code .btn_area, #press .wrapper .input_area dl dd.zip_code .btn_area, #contact .wrapper .input_area dl dd.zip_code .btn_area {
    font-size: inherit;
    padding-left: 3.5rem;
  }
}
#order .wrapper .input_area dl dd.zip_code .btn_area a, #press .wrapper .input_area dl dd.zip_code .btn_area a, #contact .wrapper .input_area dl dd.zip_code .btn_area a {
  border: 0.5px solid rgb(98, 98, 98);
  border-radius: 5px;
}
#order .wrapper .input_area dl dd.zip_code .btn_area a span, #press .wrapper .input_area dl dd.zip_code .btn_area a span, #contact .wrapper .input_area dl dd.zip_code .btn_area a span {
  padding-top: inherit;
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl dd.zip_code .btn_area a span, #press .wrapper .input_area dl dd.zip_code .btn_area a span, #contact .wrapper .input_area dl dd.zip_code .btn_area a span {
    padding-left: 0.6667rem;
    padding-right: 0.6667rem;
  }
}
#order .wrapper .input_area dl dd.tel span, #order .wrapper .input_area dl dd.email span, #press .wrapper .input_area dl dd.tel span, #press .wrapper .input_area dl dd.email span, #contact .wrapper .input_area dl dd.tel span, #contact .wrapper .input_area dl dd.email span {
  display: block;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
#order .wrapper .input_area dl dd textarea, #press .wrapper .input_area dl dd textarea, #contact .wrapper .input_area dl dd textarea {
  border: 0.5px solid rgba(154, 114, 25, 0.5);
  width: 100%;
  min-height: 12rem;
  padding: 0.25rem 0.5rem;
}
@media (min-width: 768px) {
  #order .wrapper .input_area dl:first-child, #press .wrapper .input_area dl:first-child, #contact .wrapper .input_area dl:first-child {
    border-top: none;
  }
}
#order .wrapper .input_area dl:first-child dt, #press .wrapper .input_area dl:first-child dt, #contact .wrapper .input_area dl:first-child dt {
  border-top: none;
}
@media (min-width: 768px) {
  #order .wrapper .confirmation_area, #press .wrapper .confirmation_area, #contact .wrapper .confirmation_area {
    width: 51%;
    margin-left: auto;
    margin-right: auto;
  }
}
#order .wrapper .confirmation_area .btn-area, #press .wrapper .confirmation_area .btn-area, #contact .wrapper .confirmation_area .btn-area {
  display: flex;
  justify-content: center;
  margin: 0.75rem -0.89rem;
}
@media (min-width: 768px) {
  #order .wrapper .confirmation_area .btn-area, #press .wrapper .confirmation_area .btn-area, #contact .wrapper .confirmation_area .btn-area {
    font-size: inherit;
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
#order .wrapper .confirmation_area .btn-area input, #press .wrapper .confirmation_area .btn-area input, #contact .wrapper .confirmation_area .btn-area input {
  width: calc(38% - 1.78rem);
  margin-left: 0.89rem;
  margin-right: 0.89rem;
  text-align: center;
  background: rgb(154, 114, 25);
  border: 1px solid rgb(154, 114, 25);
  color: white;
  border-radius: 18px;
  cursor: pointer;
  line-height: 2.25;
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #order .wrapper .confirmation_area .btn-area input, #press .wrapper .confirmation_area .btn-area input, #contact .wrapper .confirmation_area .btn-area input {
    font-size: 1rem;
  }
}
@media (min-width: 768px) {
  #order .wrapper .confirmation_area .btn-area input, #press .wrapper .confirmation_area .btn-area input, #contact .wrapper .confirmation_area .btn-area input {
    width: calc(14% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
    min-width: 115px;
    border: 1px solid rgb(154, 114, 25);
  }
}
@media (min-width: 768px) {
  #order .wrapper .order_text, #press .wrapper .order_text, #contact .wrapper .order_text {
    display: flex;
    margin-top: 7.1875rem;
    margin-bottom: 5rem;
  }
  #order .wrapper .order_text figure, #press .wrapper .order_text figure, #contact .wrapper .order_text figure {
    width: 50%;
    padding-left: 1.875rem;
  }
  #order .wrapper .order_text > p, #press .wrapper .order_text > p, #contact .wrapper .order_text > p {
    width: 50%;
    margin-top: 0;
    padding-right: 1.875rem;
    margin-top: auto;
    margin-bottom: auto;
  }
}

@media (min-width: 768px) {
  #order .wrapper div.order_caption {
    margin-top: 0;
    width: 50%;
  }
}

#aboutus {
  margin-bottom: 2.625rem;
}
@media (min-width: 768px) {
  #aboutus {
    margin-bottom: 6.5625rem;
  }
}
@media (min-width: 768px) {
  #aboutus .top-image > p span {
    letter-spacing: 0.3em;
  }
}
@media (min-width: 768px) {
  #aboutus .wrapper {
    max-width: 850px;
  }
}
#aboutus h4 {
  font-size: 1rem;
}
@media (min-width: 768px) {
  #aboutus h4 {
    font-size: 1.125rem;
  }
}
#aboutus .profile {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #aboutus .profile {
    margin-top: 4.6875rem;
  }
}
#aboutus .profile dl {
  font-size: 0.875rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  line-height: 2.036;
}
@media (min-width: 768px) {
  #aboutus .profile dl {
    font-size: 1rem;
    line-height: 2;
  }
}
#aboutus .profile dl dt {
  width: 38.57%;
}
@media (min-width: 768px) {
  #aboutus .profile dl dt {
    width: 24%;
  }
}
#aboutus .profile dl dd {
  width: 61.43%;
}
@media (min-width: 768px) {
  #aboutus .profile dl dd {
    width: 76%;
  }
}
#aboutus .information {
  margin-top: 2.5rem;
}
@media (min-width: 768px) {
  #aboutus .information {
    margin-top: 4.6875rem;
  }
}
#aboutus .information p {
  font-size: 0.875rem;
}
@media (min-width: 768px) {
  #aboutus .information p {
    font-size: 1rem;
    line-height: 2;
  }
}

#privacy, .privacy {
  margin-bottom: 2.625rem;
}
@media (min-width: 768px) {
  #privacy, .privacy {
    margin-bottom: 6.5625rem;
  }
}
#privacy .content, .privacy .content {
  margin-top: 2.5rem;
  font-size: 0.875rem;
  line-height: 2.0357;
}
@media (min-width: 768px) {
  #privacy .content, .privacy .content {
    margin-top: 4.6875rem;
    font-size: 1rem;
    line-height: 2;
  }
}

.privacy {
  padding-bottom: 4rem;
}
.privacy h3 {
  font-size: 1.25rem;
  text-align: center;
  color: rgb(154, 114, 25);
  font-weight: 400;
  font-family: "stix-two-text", "kozuka-mincho-pr6n", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

#pressrelease {
  position: relative;
  background-image: url(/wp-content/themes/delrey/images/release/release-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  background-size: 1920px;
  padding-bottom: 2rem;
}
#pressrelease .top-image img {
  width: 100%;
}
#pressrelease .movie {
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  width: 100%;
  margin-top: 70px;
}
@media (max-width: 767px) {
  #pressrelease .movie {
    margin-top: 2rem;
  }
}
@media screen and (max-width: 1023px) and (min-width: 768px) {
  #pressrelease .movie {
    margin-top: 2rem;
  }
}
#pressrelease .player {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-bottom: 2rem;
}
#pressrelease .player iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
#pressrelease .text img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem;
}
#pressrelease .text .svg01 {
  max-width: 544px;
  width: 80%;
}
#pressrelease .text .svg02 {
  max-width: 336px;
  width: 49.4%;
}

/*# sourceMappingURL=style.css.map */