@charset "UTF-8";
/* ///////////////////////////////////////////
  style.scss
/////////////////////////////////////////// */
/*====================================
  00_base
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@import url("../js/plugin/swiper/swiper.min.css");
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-family: sans-serif;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

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

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

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

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}


@font-face {
  font-family: "NijiMincho";
  src: url("../images/font/RainbowMincyou-Regular.woff") format("opentype");
}
/*====================================
  01_layout
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  layout.scss
  全体のレイアウトに関する記述
/////////////////////////////////////////// */
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin-inline: 0;
  padding: 0;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  background-color: #fff;
  color: #3f3f3f;
  font-feature-settings: "palt";
  overflow-x: hidden;
}
@media only screen and (max-width: 768px) {
  body {
    margin-top: 82px;
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
@media print, screen and (min-width: 769px) {
  body {
    margin-top: 120px;
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
body.fixed {
  height: 100%;
  overflow: hidden;
  /*
  .header {
    @include screen {
      padding: 0 60px 0 50px;
    }
  }
  */
}
body * {
  transition: all 0.3s ease;
}

h1,
h2,
h3,
h4,
h5,
h6,
table,
tr,
td,
th,
ol,
ul,
li,
dl,
dt,
dd,
p {
  margin: 0;
  padding: 0;
  font-style: normal;
  font-weight: normal;
  font-size: 100%;
  list-style: none;
}

i,
em {
  font-style: normal;
}

img {
  border: none;
  margin: 0;
  padding: 0;
}

figure {
  display: block;
  margin: 0;
}

a,
*:focus {
  outline: none;
}

*::selection {
  background: #3f3f3f;
  color: #fff;
}

*::-moz-selection {
  background: #3f3f3f;
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .hideSP {
    display: none !important;
  }
}

@media print, screen and (min-width: 769px) {
  .hidePC {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .hideTB {
    display: none !important;
  }
}

@media print, screen and (min-width: 1220px) {
  .hideDT {
    display: none !important;
  }
}

main {
  margin: 0 auto;
  position: relative;
}

a:link {
  color: #3f3f3f;
}
a:visited {
  color: #3f3f3f;
}
a:hover {
  color: #3f3f3f;
}
a:active {
  color: #3f3f3f;
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  page.scss
  下層ページに関する記述
/////////////////////////////////////////// */
/* =====================
  ページタイトル
===================== */
.page__title {
  width: 100%;
  line-height: 1.4;
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: bold;
  text-align: center;
  background-image: url("../images/common/pagetitle-bg_h.png");
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .page__title {
    height: 100px;
    font-size: 2rem;
    padding: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .page__title {
    height: 160px;
    font-size: 3rem;
    padding: 30px;
  }
}
.page__title .wrap {
  display: block;
  width: 100%;
  max-width: 1120px;
  height: 100%;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.page__title .wrap span {
  display: block;
  font-size: 1.6rem;
}
.page__title span {
  display: block;
  font-size: 1.6rem;
}

/* =====================
  ぱんくずリスト
===================== */
/* =====================
  article
===================== */
@media only screen and (max-width: 768px) {
  .page__container {
    padding: 30px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page__container {
    padding: 80px 0;
  }
}

/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  404.scss
  404に関する記述
/////////////////////////////////////////// */
/*=================================
  404
=================================*/
.page--404 .notfound__body {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--404 .notfound__body {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--404 .notfound__body {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--404 .notfound__body {
    padding: 100px 80px;
  }
}
.page--404 .notfound__body p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
.page--404 .notfound__body .button {
  max-width: 300px;
  width: auto !important;
  width: 300px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--404 .notfound__body .button {
    margin-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--404 .notfound__body .button {
    margin-top: 50px;
  }
}
.page--404 .notfound__body .button a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
}
.page--404 .notfound__body .button a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .page--404 .notfound__body .button a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .page--404 .notfound__body .button a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}

/*====================================
  02_module
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  module.scss
  各ページで使い回すパーツやスタイルに関する記述
/////////////////////////////////////////// */
/* =====================
  見出し
===================== */
.mod__heading01 {
  line-height: 1.4;
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  position: relative;
}
.mod__heading01::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__heading01 {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading01 {
    font-size: 3.6rem;
  }
}
.mod__heading01::after {
  width: 100%;
  height: 10px;
  content: "";
  display: block;
  background: url(../images/common/heading-border01.png) repeat-x;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__heading01::after {
    max-width: 90%;
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading01::after {
    max-width: 450px;
    margin-top: 25px;
  }
}

.mod__heading02 {
  line-height: 1.4;
  color: #fff;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #3f3f3f;
}
.mod__heading02::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__heading02 {
    font-size: 2rem;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading02 {
    height: 125px;
    font-size: 3.6rem;
  }
}

.mod__heading03 {
  line-height: 1.4;
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  position: relative;
}
.mod__heading03::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__heading03 {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading03 {
    font-size: 3.6rem;
  }
}

.mod__heading04 {
  line-height: 1.4;
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.14em;
  text-align: center;
}
.mod__heading04::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__heading04 {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__heading04 {
    font-size: 4rem;
  }
}

/* =====================
  ボタン
===================== */
.mod__button {
  width: 100%;
  max-width: 300px;
}
.mod__button a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
}
.mod__button a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__button a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .mod__button a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}

.mod__button02 {
  width: 100%;
  max-width: 280px;
}
.mod__button02 a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  background: #fff;
  border: none;
  border-radius: 30px;
  letter-spacing: 0.2em;
}
.mod__button02 a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__button02 a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .mod__button02 a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
.mod__button02 a::after {
  display: none;
}

.mod__button03 {
  width: 100%;
  max-width: 200px;
  height: 40px;
  color: #4d4d4d !important;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  background-color: #fff;
  border: 1px solid #4d4d4d;
  border-radius: 20px;
  cursor: pointer;
  transition: all 0.2s linear;
  margin: 0 auto;
}
@media print, screen and (min-width: 769px) {
  .mod__button03:hover {
    color: #fff !important;
    background-color: #4d4d4d;
    text-decoration: none !important;
  }
}

.mod__button04--girls {
  width: 100%;
  max-width: 270px;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid transparent;
  background-color: #fef3f8;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  position: relative;
  height: 60px;
  border-radius: 30px;
  color: #f7a1cb;
  line-height: 1.5;
}
.mod__button04--girls::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__button04--girls:hover {
    color: #fef3f8;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .mod__button04--girls:hover::after {
    border-color: transparent transparent transparent #fef3f8;
  }
}
.mod__button04--girls:link {
  color: #f7a1cb;
}
.mod__button04--girls:hover {
  color: #fef3f8 !important;
}
.mod__button04--girls::after {
  transition: all 0.2s linear;
}

.mod__button04--boys {
  width: 100%;
  max-width: 270px;
  height: 50px;
  color: #34b3e5;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid transparent;
  background-color: #ebf7fc;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  position: relative;
  height: 60px;
  border-radius: 30px;
  color: #34b3e5 !important;
  line-height: 1.5;
}
.mod__button04--boys::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #34b3e5;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__button04--boys:hover {
    color: #ebf7fc;
    background-color: #34b3e5;
    text-decoration: none;
  }
  .mod__button04--boys:hover::after {
    border-color: transparent transparent transparent #ebf7fc;
  }
}
.mod__button04--boys:link {
  color: #34b3e5;
}
.mod__button04--boys:hover {
  color: #ebf7fc !important;
}
.mod__button04--boys::after {
  transition: all 0.3s ease;
}

.mod__band-btn {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 1em;
  background: #f8fac5;
}
.mod__band-btn > a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #f8fac5;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  max-width: 400px;
  border-radius: 5px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.mod__band-btn > a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__band-btn > a:hover {
    color: #f8fac5;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .mod__band-btn > a:hover::after {
    border-color: transparent transparent transparent #f8fac5;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__band-btn > a {
    max-width: 450px;
  }
}
.mod__band-btn > a:hover {
  color: #3f3f3f;
  background: #fff;
}
.mod__band-btn > a:hover::after {
  border-color: transparent transparent transparent #3f3f3f;
}

/* =====================
  もっとみるボタン（アコーディオン）
===================== */
.mod__button--more {
  width: 100%;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), #ffffff, #ffffff);
  text-align: center;
  position: absolute;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mod__button--more {
    padding: 40px 0 20px;
    bottom: -20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__button--more {
    padding: 40px 0;
    bottom: -40px;
  }
}
.mod__button--more.open {
  position: static;
  padding-bottom: 0;
}
.mod__button--more.open span::before {
  transform: rotate(180deg);
}
.mod__button--more span {
  display: inline-block;
  color: #f7a1cb;
  background-color: #fff;
  border: solid 1px #f7a1cb;
  border-radius: 30px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .mod__button--more span {
    font-size: 1.4rem;
    padding: 8px 50px 8px 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__button--more span {
    font-size: 2rem;
    padding: 10px 50px 10px 20px;
  }
}
.mod__button--more span::before, .mod__button--more span::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 15px;
  height: 1px;
  background: #f7a1cb;
  transition: all 0.3s ease-in-out;
}
.mod__button--more span::before {
  transform: rotate(90deg);
}

/* =====================
  ブログカテゴリー一覧
===================== */
@media only screen and (max-width: 768px) {
  .mod__blog__categoryList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  .mod__blog__categoryList > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .mod__blog__categoryList > * {
    width: 49%;
    margin: 0 2% 0 0;
  }
  .mod__blog__categoryList > *:nth-child(2n) {
    margin-right: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__categoryList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
    align-content: flex-start;
  }
  .mod__blog__categoryList > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .mod__blog__categoryList > * {
    width: 20%;
    margin: 0;
  }
  .mod__blog__categoryList > *:nth-child(5n) {
    margin-right: 0;
  }
}
.mod__blog__categoryList li a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  border-radius: 6px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: normal;
  font-size: 90%;
  line-height: 1.25;
}
.mod__blog__categoryList li a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__categoryList li a:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .mod__blog__categoryList li a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__categoryList li:nth-of-type(n + 3) {
    margin-top: 10px;
  }
  .mod__blog__categoryList li a {
    height: 2.4em;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__categoryList li {
    padding: 0 5px;
  }
  .mod__blog__categoryList li:nth-of-type(n + 6) {
    margin-top: 10px;
  }
  .mod__blog__categoryList li a {
    height: 40px;
  }
}

/* =====================
  ブログ記事一覧
===================== */
/* =====================
  ページネーション
===================== */
/* =====================
  ページャー（次へ・前へ）
===================== */
/* =====================
  お問い合わせフォーム
===================== */
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.mod__contactForm dl dt,
.mod__contactForm dl dd {
  line-height: 1.4;
  background: #f5f2ef;
}
.mod__contactForm dl dt::before,
.mod__contactForm dl dd::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.4) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dt,
  .mod__contactForm dl dd {
    padding: 0 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dt,
  .mod__contactForm dl dd {
    display: flex;
    padding: 20px;
  }
  .mod__contactForm dl dt:nth-of-type(n + 2),
  .mod__contactForm dl dd:nth-of-type(n + 2) {
    margin-top: 5px;
  }
  .mod__contactForm dl dt.wide,
  .mod__contactForm dl dd.wide {
    width: 100%;
  }
}
.mod__contactForm dl dt {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dt {
    font-size: 1.8rem;
    padding-top: 15px;
  }
  .mod__contactForm dl dt:nth-of-type(n + 2) {
    border-top: 5px solid #fff;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dt {
    width: 30%;
    font-size: 2.4rem;
    align-items: center;
    flex-wrap: wrap;
    align-content: flex-start;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__contactForm dl dt {
    width: 250px;
    max-width: none;
  }
}
.mod__contactForm dl dt small {
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  padding: 0 5px;
  background: #a9ceee;
  margin-left: 5px;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dt small {
    font-size: 1.2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dt small {
    font-size: 1.3rem;
    margin-top: 5px;
  }
}
.mod__contactForm dl dt small.required {
  background: #eeb3cf;
}
.mod__contactForm dl dt span {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  font-weight: normal;
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dt span {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dt span {
    font-size: 1.6rem;
  }
}
.mod__contactForm dl dd {
  /*IE10以降に適用されるCSSハック */
  /*Chromeだけに適用されるCSSハック*/
  /*Firefoxだけに適用されるCSSハック*/
  /*Safariだけに適用されるCSSハック*/
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd.wide {
    margin: 0;
    padding: 0 20px 20px 20px;
  }
}
@media all and (-ms-high-contrast: none) {
  .mod__contactForm dl dd select::-ms-expand {
    display: none;
  }
  .mod__contactForm dl dd select {
    padding-right: 31px;
  }
}
@media all and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
  .mod__contactForm dl dd select {
    -webkit-appearance: none;
    padding-right: 31px;
  }
}
@-moz-document url-prefix() {
  .mod__contactForm dl dd select {
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: "";
  }
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .mod__contactForm dl dd select {
    -webkit-appearance: none;
    padding-right: 31px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd {
    padding: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd {
    width: 70%;
    padding-left: 0;
    flex-direction: column;
    justify-content: center;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__contactForm dl dd {
    width: calc(100% - 250px);
    max-width: none;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd:last-of-type {
    padding-bottom: 20px;
    border-top: none;
  }
}
.mod__contactForm dl dd.error-item input[type=text],
.mod__contactForm dl dd.error-item input[type=email],
.mod__contactForm dl dd.error-item input[type=tel],
.mod__contactForm dl dd.error-item textarea,
.mod__contactForm dl dd.error-item select {
  background-color: #fadce2;
}
.mod__contactForm dl dd.error-item .mwform-radio-field-text::after,
.mod__contactForm dl dd.error-item .mwform-checkbox-field-text::after {
  background-color: #fadce2;
}
.mod__contactForm dl dd input[type=text],
.mod__contactForm dl dd input[type=email],
.mod__contactForm dl dd input[type=tel],
.mod__contactForm dl dd textarea,
.mod__contactForm dl dd select {
  width: 100%;
  color: #3f3f3f;
  background: #fff;
  border: none;
  border-radius: 6px;
  box-shadow: none;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd input[type=text],
  .mod__contactForm dl dd input[type=email],
  .mod__contactForm dl dd input[type=tel],
  .mod__contactForm dl dd textarea,
  .mod__contactForm dl dd select {
    padding: 7px 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd input[type=text],
  .mod__contactForm dl dd input[type=email],
  .mod__contactForm dl dd input[type=tel],
  .mod__contactForm dl dd textarea,
  .mod__contactForm dl dd select {
    padding: 14px 10px;
  }
}
.mod__contactForm dl dd select {
  background: url(../images/common/select-arrow.png) right center no-repeat #fff;
  background-size: contain;
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd select {
    font-size: 2.4rem;
    padding: 8px 31px 8px 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd #name,
  .mod__contactForm dl dd #kana,
  .mod__contactForm dl dd #phone,
  .mod__contactForm dl dd #post,
  .mod__contactForm dl dd #zip,
  .mod__contactForm dl dd #prefectures,
  .mod__contactForm dl dd #pref {
    max-width: 200px;
  }
}
.mod__contactForm dl dd #prefectures,
.mod__contactForm dl dd #pref {
  margin-bottom: 10px;
}
.mod__contactForm dl dd input[type=radio],
.mod__contactForm dl dd input[type=checkbox] {
  display: none;
}
.mod__contactForm dl dd .mwform-radio-field,
.mod__contactForm dl dd .mwform-checkbox-field {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  display: inline-block;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field:nth-of-type(n + 2),
  .mod__contactForm dl dd .mwform-checkbox-field:nth-of-type(n + 2) {
    margin-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd .mwform-radio-field:nth-of-type(n + 2),
  .mod__contactForm dl dd .mwform-checkbox-field:nth-of-type(n + 2) {
    margin-left: 35px;
  }
}
.mod__contactForm dl dd .mwform-radio-field label,
.mod__contactForm dl dd .mwform-checkbox-field label {
  margin: 0;
}
.mod__contactForm dl dd .mwform-radio-field-text,
.mod__contactForm dl dd .mwform-checkbox-field-text {
  box-sizing: border-box;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0;
  border-radius: 8px;
  vertical-align: middle;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field-text,
  .mod__contactForm dl dd .mwform-checkbox-field-text {
    line-height: 1;
    font-size: 1.6rem;
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd .mwform-radio-field-text,
  .mod__contactForm dl dd .mwform-checkbox-field-text {
    line-height: 1.4;
    font-size: 1.8rem;
    padding-left: 20px;
  }
}
.mod__contactForm dl dd .mwform-radio-field-text::before,
.mod__contactForm dl dd .mwform-checkbox-field-text::before {
  content: "";
  background-color: #3f3f3f;
  display: block;
  border-radius: 50%;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3px;
  margin: auto 0;
  opacity: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field-text::before,
  .mod__contactForm dl dd .mwform-checkbox-field-text::before {
    width: 10px;
    height: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd .mwform-radio-field-text::before,
  .mod__contactForm dl dd .mwform-checkbox-field-text::before {
    width: 12px;
    height: 12px;
  }
}
.mod__contactForm dl dd .mwform-radio-field-text::after,
.mod__contactForm dl dd .mwform-checkbox-field-text::after {
  content: "";
  display: block;
  transition: border-color 0.2s linear;
  box-sizing: border-box;
  border: 1px solid #3f3f3f;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .mwform-radio-field-text::after,
  .mod__contactForm dl dd .mwform-checkbox-field-text::after {
    width: 16px;
    height: 16px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd .mwform-radio-field-text::after,
  .mod__contactForm dl dd .mwform-checkbox-field-text::after {
    width: 18px;
    height: 18px;
  }
}
.mod__contactForm dl dd input[type=radio]:checked + .mwform-radio-field-text::before,
.mod__contactForm dl dd input[type=checkbox]:checked + .mwform-checkbox-field-text::before {
  opacity: 1;
}
.mod__contactForm dl dd .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .form__image {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm dl dd .form__image {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
    margin-top: 20px;
  }
  .mod__contactForm dl dd .form__image > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .mod__contactForm dl dd .form__image > * {
    width: 30%;
    margin: 0 5% 0 0;
  }
  .mod__contactForm dl dd .form__image > *:nth-child(3n) {
    margin-right: 0;
  }
}
.mod__contactForm dl dd .form__image li {
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm dl dd .form__image li:nth-child(n+2) {
    margin-top: 10px;
  }
}
.mod__contactForm dl dd .form__image li input[type=file] {
  display: block;
}
.mod__contactForm dl dd .form__image li img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.mod__contactForm dl dd .form__image li .mwform-file-delete {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #fff;
  border-radius: 50%;
}
.mod__contactForm .policy {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm .policy {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm .policy {
    margin-top: 50px;
  }
}
.mod__contactForm .policy p {
  text-align: center;
}
.mod__contactForm .policy p a {
  color: #3f3f3f;
  text-decoration: underline;
}
.mod__contactForm .policy p a:hover {
  text-decoration: none;
}
.mod__contactForm #submit {
  display: flex;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm #submit {
    flex-direction: column;
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm #submit {
    justify-content: center;
    margin: 50px auto 0 auto;
  }
}
.mod__contactForm #submit input[type=submit],
.mod__contactForm #submit .return {
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: url(../images/common/right-arrow-green.png) right 15px center no-repeat #f3eca0;
  background-size: 6px 8px;
  border: none;
  border-bottom: 4px solid #bcaf3d;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm #submit input[type=submit],
  .mod__contactForm #submit .return {
    height: 50px;
    font-size: 1.6rem;
    margin-top: -4px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm #submit input[type=submit],
  .mod__contactForm #submit .return {
    width: 400px;
    height: 70px;
    font-size: 2.4rem;
    margin: 0 15px;
  }
}
.mod__contactForm #submit input[type=submit]:hover,
.mod__contactForm #submit .return:hover {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm #submit input[type=submit]:hover,
  .mod__contactForm #submit .return:hover {
    height: 46px;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm #submit input[type=submit]:hover,
  .mod__contactForm #submit .return:hover {
    height: 66px;
    margin-top: 4px;
  }
}
.mod__contactForm #submit .return {
  background: url(../images/common/left-arrow-green.png) left 15px center no-repeat #f5f5f5;
  border-bottom: 4px solid darkgray;
  background-size: 6px 8px;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm #submit .return {
    margin-bottom: 15px;
  }
}
.mod__contactForm .mw_wp_form_confirm .policy {
  display: none;
}
@media only screen and (max-width: 768px) {
  .mod__contactForm .mw_wp_form_confirm dl dd {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__contactForm .mw_wp_form_confirm dl dd {
    font-size: 1.8rem;
  }
}
/* =====================
  よくある質問（Q&Aクイック受付）ページへのリンク
===================== */
.mod__faqlink {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .mod__faqlink {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__faqlink {
    padding: 100px 80px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__faqlink {
    padding: 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__faqlink .mod__heading01 {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__faqlink .mod__heading01 {
    margin-bottom: 50px;
  }
}
.mod__faqlink .mod__heading01::after {
  display: none;
}
.mod__faqlink p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .mod__faqlink p {
    text-align: center;
    font-size: 1.8rem;
  }
}
.mod__faqlink a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #ef4396;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #ef4396;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  width: 300px;
  max-width: calc(100% - 40px);
}
.mod__faqlink a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #ef4396;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__faqlink a:hover {
    color: #fff;
    background-color: #ef4396;
    text-decoration: none;
  }
  .mod__faqlink a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .mod__faqlink a {
    margin: 25px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__faqlink a {
    margin: 50px auto 0;
  }
}

/* =====================
  男の子向け・女の子向け・カラーで選ぶページへのリンク
===================== */
.mod__pagelink {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .mod__pagelink {
    padding: 0 20px 50px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__pagelink {
    padding: 0 30px 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__pagelink {
    padding: 0 80px 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pagelink ul {
    padding-top: 30px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagelink ul {
    display: flex;
    justify-content: space-between;
    padding-top: 50px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__pagelink ul li:nth-child(n+2) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagelink ul li {
    width: 32.1429%;
    max-width: 360px;
  }
}
.mod__pagelink ul li a {
  line-height: 1.4;
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none;
  display: flex;
  align-items: center;
  padding: 2px;
  background: #fff;
  border: 2px solid #3f3f3f;
  position: relative;
  overflow: hidden;
  /*
  &::before {
    content: "";
    display: inline-block;
    overflow: hidden;
    @include screen {
      width: 113px;
      height: 78px;
      margin-right: 20px;
    }
  }
  */
}
@media print, screen and (min-width: 769px) {
  .mod__pagelink ul li a {
    height: 86px;
    padding-right: 40px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__pagelink ul li a {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__pagelink ul li a {
    font-size: 1.8rem;
  }
}
.mod__pagelink ul li a:hover i img {
  transform: scale(1.1);
  transition-duration: 0.3s;
}
.mod__pagelink ul li a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
.mod__pagelink ul li a i {
  display: block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .mod__pagelink ul li a i {
    width: 35%;
    margin-right: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__pagelink ul li a i {
    width: 113px;
    height: 78px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__pagelink ul li a i {
    margin-right: 15px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__pagelink ul li a i {
    margin-right: 20px;
  }
}
.mod__pagelink ul li a i img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  max-width: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: all 0.3s ease;
}

/* =========================
  商品リスト　ラインナップ
========================= */
/* =========================
  カラー一覧
========================= */
.mod__colors_lineup {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .mod__colors_lineup li {
    width: 30%;
  }
  .mod__colors_lineup li:nth-child(n+4) {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__colors_lineup li {
    width: 14.4643%;
    max-width: 162px;
  }
  .mod__colors_lineup li:nth-child(n+7) {
    margin-top: 40px;
  }
}
.mod__colors_lineup li.black a p {
  background: #22201f;
}
.mod__colors_lineup li.blue a p {
  background: #0f3784;
}
.mod__colors_lineup li.green a p {
  background: #164e2b;
}
.mod__colors_lineup li.silver a p {
  background: #b3b3b3;
}
.mod__colors_lineup li.saxe a p {
  background: #74c1e3;
}
.mod__colors_lineup li.pink a p {
  background: #d9024b;
}
.mod__colors_lineup li.red a p {
  background: #cc0000;
}
.mod__colors_lineup li.purple a p {
  background: #a689c6;
}
.mod__colors_lineup li.pearl a {
  color: #7b7b7b;
}
.mod__colors_lineup li.pearl a p {
  background: #e0e0c7;
}
.mod__colors_lineup li.wine a p {
  background: #990033;
}
.mod__colors_lineup li.brown a p {
  background: #793e1c;
}
.mod__colors_lineup li.camel a p {
  background: #c68056;
}
.mod__colors_lineup li.white a p {
  color: #666;
  background: #fff;
  border: 1px solid #666;
}
.mod__colors_lineup li.gray a p {
  background: #807e83;
}
.mod__colors_lineup li.mint a p {
  background: #b8d0cb;
}
.mod__colors_lineup li.yellow a p {
  background: #f7f49b;
}
.mod__colors_lineup li a {
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  align-items: center;
}
@media only screen and (max-width: 768px) {
  .mod__colors_lineup li a:hover figure {
    transform: translateY(-10px);
  }
}
@media print, screen and (min-width: 769px) {
  .mod__colors_lineup li a:hover figure {
    transform: translateY(-20px);
  }
}
.mod__colors_lineup li a p {
  line-height: 1.2;
  height: 50px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  margin-top: 5px;
}
.mod__colors_lineup li a p::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.2) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__colors_lineup li a p {
    width: 80%;
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__colors_lineup li a p {
    font-size: 1.6rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__colors_lineup li a p {
    width: 80%;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__colors_lineup li a p {
    width: 130px;
  }
}
.mod__colors_lineup li a figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}

/* =========================
  2023年度カタログ請求受付中
========================= */
.mod__catalog {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__catalog {
    padding: 0px 20px 40px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__catalog {
    padding: 0px 30px 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__catalog {
    padding: 0px 80px 100px 80px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__catalog .mod__heading01 {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog .mod__heading01 {
    margin-bottom: 20px;
  }
}
.mod__catalog figure {
  max-width: 800px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .mod__catalog figure {
    margin: 10px auto;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog figure {
    margin: 30px auto;
  }
}
.mod__catalog figure img {
  display: block;
  width: 100%;
  height: auto;
}
.mod__catalog h3,
.mod__catalog .home__catalog__subheading {
  text-align: center;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .mod__catalog h3,
  .mod__catalog .home__catalog__subheading {
    margin-bottom: 20px;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog h3,
  .mod__catalog .home__catalog__subheading {
    margin-bottom: 40px;
    font-size: 2.4rem;
  }
}
.mod__catalog p {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media only screen and (max-width: 768px) {
  .mod__catalog p {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog p {
    text-align: center;
    margin-bottom: 20px;
  }
}
.mod__catalog p.em {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.mod__catalog p .girls,
.mod__catalog p .boys,
.mod__catalog p .bright {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.mod__catalog p .girls span,
.mod__catalog p .boys span,
.mod__catalog p .bright span {
  display: inline;
}
@media only screen and (max-width: 768px) {
  .mod__catalog p .girls span,
  .mod__catalog p .boys span,
  .mod__catalog p .bright span {
    font-size: 1.6rem;
    padding: 0 3px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog p .girls span,
  .mod__catalog p .boys span,
  .mod__catalog p .bright span {
    font-size: 2.4rem;
    padding: 0 5px;
  }
}
.mod__catalog p .girls {
  background: linear-gradient(transparent 50%, #fef3f8 100%);
}
.mod__catalog p .boys {
  background: linear-gradient(transparent 50%, #fffafa 100%);
}
.mod__catalog p .bright {
  background: linear-gradient(transparent 50%, #fbfdfc 100%);
}
.mod__catalog ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  align-content: flex-start;
  max-width: 900px;
}
.mod__catalog ul > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .mod__catalog ul {
    margin: 15px auto 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog ul {
    margin: 50px auto 20px;
  }
}
.mod__catalog ul li {
  width: 46%;
}
.mod__catalog ul li p {
  text-align: center;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .mod__catalog ul li p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog ul li p {
    font-size: 2.4rem;
  }
}
.mod__catalog ul li p span {
  display: block;
  color: #ef4396;
}
@media only screen and (max-width: 768px) {
  .mod__catalog ul li p span {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog ul li p span {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .mod__catalog ul li figure {
    margin: 10px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog ul li figure {
    margin: 20px auto 0;
  }
}
.mod__catalog ul + p {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mod__catalog ul + p {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog ul + p {
    font-size: 2.4rem;
  }
}
.mod__catalog ul + p span {
  color: #ef4396;
}
.mod__catalog a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  font-weight: normal;
  text-align: center;
  justify-content: center;
}
.mod__catalog a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__catalog a:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .mod__catalog a:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .mod__catalog a {
    max-width: 340px;
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog a {
    max-width: 340px;
    width: auto;
    margin: 0 auto;
    margin-top: 50px;
  }
}
.mod__catalog a::after {
  border-color: transparent transparent transparent #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .mod__catalog a:nth-of-type(n + 2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__catalog a:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
.mod__catalog a .em {
  display: inline-block;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  color: #34b3e5;
  margin-top: -0.1em;
  margin-right: 0.3em;
}

/* =====================
  バナー（ショールーム&展示会）
===================== */
.mod__storebnr {
  background: #ffd8d6;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr {
    padding: 20px;
    margin: 0px 0 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr {
    display: flex;
    justify-content: space-between;
    padding: 10px 30px;
    margin: 0px 0 100px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li {
    width: 50%;
  }
}
.mod__storebnr li.exhibition a:hover {
  color: inherit;
}
.mod__storebnr li.exhibition a p {
  /*
  i {
    display: block;
    position: absolute;
    right: 50%;
    transform : translateX(50%);
    color: #fff;
    background-color: $color3;
    border-radius: 50%;
    @include flexMiddle;
    @include smartphone {
      width: 40px;
      height: 40px;
      top: -20px;
      font-size: 1.2rem;
    }
    @include screen {
      width: 60px;
      height: 60px;
      top: -30px;
      font-size: 1.6rem;
      @include tablet {
        width: 50px;
        height: 50px;
        top: -25px;
        font-size: 1.4rem;
      }
    }
  }*/
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li.exhibition a p {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li.exhibition a p {
    font-size: 3rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li.exhibition a p {
    font-size: 2rem;
  }
}
.mod__storebnr li.exhibition a p > span {
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
  /*
  @include smartphone {
    padding-top: 25px;
  }
  @include screen {
    padding-top: 30px;
  }
  */
}
.mod__storebnr li.exhibition a p .color span:nth-of-type(1), .mod__storebnr li.exhibition a p .color span:nth-of-type(4) {
  color: #eca1ca;
}
.mod__storebnr li.exhibition a p .color span:nth-of-type(2), .mod__storebnr li.exhibition a p .color span:nth-of-type(5) {
  color: #7ebded;
}
.mod__storebnr li.exhibition a p .color span:nth-of-type(3), .mod__storebnr li.exhibition a p .color span:nth-of-type(6) {
  color: #e6d223;
}
.mod__storebnr li.showroom a p .block {
  display: block;
  font-size: 0;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li.showroom a p .block span {
    padding: 0 5px;
    margin: 5px 5px 0 0;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li.showroom a p .block span {
    padding: 8px 10px;
    margin: 5px 5px 0 0;
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li.showroom a p .block span {
    font-size: 2rem;
  }
}
.mod__storebnr li a {
  color: #3f3f3f;
  text-decoration: none;
  display: block;
  position: relative;
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a {
    margin: 10px;
  }
}
.mod__storebnr li a p {
  width: 100%;
  height: 100%;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  line-height: 1.4;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.4);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a p {
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a p {
    font-size: 2.4rem;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__storebnr li a p {
    font-size: 2.4rem;
    padding: 30px 0;
  }
}
.mod__storebnr li a p span {
  transition: none;
}
.mod__storebnr li a p > span {
  padding: 0.5em;
}
.mod__storebnr li a p .catch {
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a p .catch {
    font-size: 1.4rem;
    margin-top: 5px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a p .catch {
    font-size: 1.2rem;
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__storebnr li a p .catch {
    font-size: 1.8rem;
    margin-top: 20px;
    margin-bottom: -15px;
  }
}
.mod__storebnr li a p .block {
  display: block;
  font-size: 0;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a p .block {
    margin-top: 5px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a p .block {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__storebnr li a p .block {
    margin-top: 20px;
  }
}
.mod__storebnr li a p .block span {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a p .block span {
    padding: 0 5px;
    margin: 3px 3px 0 0;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a p .block span {
    padding: 5px 10px;
    margin: 5px 5px 0 0;
    font-size: 2rem;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a p .block span {
    font-size: 1.4rem;
  }
}
.mod__storebnr li a p .commment {
  display: block;
  margin-top: 1em;
  color: #c9ebf8;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a p .commment {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a p .commment {
    font-size: 2rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a p .commment {
    margin-top: 0.5em;
    font-size: 1.4rem;
  }
}
.mod__storebnr li a .home__campaign__thumb {
  display: block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
}
.mod__storebnr li a .home__campaign__thumb:before {
  content: "";
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a .home__campaign__thumb:before {
    padding-top: 35%;
    padding-top: 200px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a .home__campaign__thumb:before {
    padding-top: 50%;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__storebnr li a .home__campaign__thumb:before {
    padding-top: 100%;
  }
}
.mod__storebnr li a .home__campaign__thumb img {
  transition: all 0.3s ease;
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: "object-fit: cover;";
}
.mod__storebnr li a:hover {
  color: #fff;
  box-shadow: 6.474px 6.252px 24px 0px rgba(0, 0, 0, 0.25);
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a:hover {
    margin: 0;
    border: 10px solid #fff;
  }
}
.mod__storebnr li a:hover p {
  background: rgba(31, 49, 52, 0.5);
}
.mod__storebnr li a:hover p span {
  transition: none;
}
.mod__storebnr li a:hover .home__campaign__thumb {
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__storebnr li a:hover .home__campaign__thumb img {
    transform: scale(1.1);
  }
}
@media print, screen and (min-width: 769px) {
  .mod__storebnr li a:hover .home__campaign__thumb img {
    transform: scale(1.2);
  }
}

/* =====================
  バナー（フジタに決めたワケ）
===================== */
.mod__bnr--reason {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--reason {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__bnr--reason {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__bnr--reason {
    padding: 100px 80px;
  }
}
.mod__bnr--reason a {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--reason a {
    max-width: 480px;
  }
}
.mod__bnr--reason a:hover {
  opacity: 0.6;
}
.mod__bnr--reason a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.mod__bnr--reason a img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* =====================
  バナー（セミナー、ランドセル貸出し、オンライン接客、インスタスナップ、）
===================== */
.mod__bnr--seminar,
.mod__bnr--rental,
.mod__bnr--online,
.mod__bnr--instasnap {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--seminar,
  .mod__bnr--rental,
  .mod__bnr--online,
  .mod__bnr--instasnap {
    padding: 30px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__bnr--seminar,
  .mod__bnr--rental,
  .mod__bnr--online,
  .mod__bnr--instasnap {
    padding: 100px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__bnr--seminar,
  .mod__bnr--rental,
  .mod__bnr--online,
  .mod__bnr--instasnap {
    padding: 100px 80px;
  }
}
.mod__bnr--seminar a,
.mod__bnr--rental a,
.mod__bnr--online a,
.mod__bnr--instasnap a {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 600px;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--seminar a,
  .mod__bnr--rental a,
  .mod__bnr--online a,
  .mod__bnr--instasnap a {
    max-width: 480px;
  }
}
.mod__bnr--seminar a:hover,
.mod__bnr--rental a:hover,
.mod__bnr--online a:hover,
.mod__bnr--instasnap a:hover {
  opacity: 0.6;
}
.mod__bnr--seminar a::before,
.mod__bnr--rental a::before,
.mod__bnr--online a::before,
.mod__bnr--instasnap a::before {
  content: "";
  display: block;
  padding-top: 100%;
}
.mod__bnr--seminar a img,
.mod__bnr--rental a img,
.mod__bnr--online a img,
.mod__bnr--instasnap a img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.mod__bnr--2col {
  display: flex;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--2col {
    flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__bnr--2col {
    flex-direction: row;
  }
}
@media only screen and (max-width: 768px) {
  .mod__bnr--2col > div {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__bnr--2col > div {
    width: 50%;
  }
}

/* =====================
  バナー（早わかり動画）
===================== */
.mod__bnr--faq {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--faq {
    padding: 30px 20px 0px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__bnr--faq {
    padding: 100px 30px 0px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__bnr--faq {
    padding: 100px 80px 0px;
  }
}
.mod__bnr--faq a,
.mod__bnr--faq figure {
  display: block;
  margin: 0 auto;
  width: 100%;
  position: relative;
  top: 0;
  left: 0;
}
.mod__bnr--faq a::before,
.mod__bnr--faq figure::before {
  content: "";
  display: block;
}
.mod__bnr--faq a img,
.mod__bnr--faq figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .mod__bnr--faq a,
  .mod__bnr--faq figure {
    max-width: 480px;
  }
  .mod__bnr--faq a::before,
  .mod__bnr--faq figure::before {
    padding-top: 133%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__bnr--faq a,
  .mod__bnr--faq figure {
    max-width: 900px;
  }
  .mod__bnr--faq a::before,
  .mod__bnr--faq figure::before {
    padding-top: 100%;
  }
  .mod__bnr--faq a img,
  .mod__bnr--faq figure img {
    max-width: 900px;
  }
}

/* =========================
  追加生産決定
========================= */
.mod__additional {
  display: block;
  width: 100%;
  height: 250vh;
  padding: 50px 20px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod__additional {
    height: 250vh;
    padding: 20px;
  }
}
.mod__additional__contents {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
  align-content: center;
  flex-direction: column;
  position: sticky;
}
.mod__additional__contents > * {
  order: 0;
  flex: 0 1 auto;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .mod__additional__contents {
    top: 120px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__additional__contents {
    top: 160px;
  }
}
.mod__additional__contents .item {
  width: 100%;
  max-width: 500px;
  height: auto;
  position: relative;
}
.mod__additional__contents .item:before {
  display: block;
  content: "";
  padding-top: 100%;
}
.mod__additional__contents .item.show2 .img2 {
  opacity: 1 !important;
}
.mod__additional__contents .item.show3 .img3 {
  opacity: 1 !important;
}
.mod__additional__contents .item.show4 .img4 {
  opacity: 1 !important;
}
.mod__additional__contents .item img {
  display: block;
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0 !important;
  transition: all 0s;
}
.mod__additional__contents .item img.img1 {
  opacity: 1 !important;
}
.mod__additional__btn {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__additional__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__additional__btn {
    margin-top: 50px;
  }
}

/* =========================
  ショールーム情報
========================= */
.mod__showroom {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__showroom {
    padding: 30px 0px 50px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom {
    padding: 0;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__showroom {
    padding: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom {
    border-top: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom:nth-of-type(odd) .text {
    padding: 20px 0 50px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__showroom:nth-of-type(odd) .text {
    padding: 20px 0 50px 50px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom:nth-of-type(even) {
    flex-direction: row;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom:nth-of-type(even) .text {
    padding: 20px 30px 50px 0;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__showroom:nth-of-type(even) .text {
    padding: 20px 50px 50px 0;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom:first-of-type {
    border-top: none;
  }
}
.mod__showroom__btn {
  position: relative;
  display: block;
  border-radius: 6px;
  padding: 0.5em 2.5em 0.5em 1em;
  background: #f7a1cb;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 1em auto 0;
  max-width: 380px;
}
.mod__showroom__btn:link, .mod__showroom__btn:visited {
  color: #fff;
}
.mod__showroom__btn::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
.mod__showroom__btn.btn--blue {
  background: #34b3e5;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text {
    width: 41.9643%;
    max-width: 470px;
  }
}
.mod__showroom .text .head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.mod__showroom .text .head > * {
  order: 0;
  flex: 0 1 auto;
  align-self: center;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .head {
    justify-content: center;
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .head {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom .text .head {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom .text .head > * {
    align-self: flex-start;
  }
}
.mod__showroom .text .head .mod__heading03 {
  margin-bottom: 0 !important;
}
.mod__showroom .text .head i {
  max-width: 120px;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .head i {
    padding-left: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .head i {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__showroom .text .head i {
    margin-top: 20px;
    padding: 0;
  }
}
.mod__showroom .text .head i img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.mod__showroom .text .mod__heading03 {
  color: #8e6143;
  flex-shrink: 0;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .mod__heading03 {
    margin-bottom: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .mod__heading03 {
    margin-bottom: 15px;
    text-align: left;
  }
}
.mod__showroom .text .mod__heading03 .small {
  display: block;
  font-size: 0.8em;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .box {
    text-align: center;
  }
}
.mod__showroom .text .box.close span {
  background-color: #707070;
}
.mod__showroom .text .box span {
  display: inline-block;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #ed7986;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .box span {
    font-size: 1.4rem;
    padding: 7px 12px 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .box span {
    font-size: 2rem;
    padding: 8px 15px 10px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .box--l {
    text-align: center;
  }
}
.mod__showroom .text .box--l span {
  display: inline-block;
  line-height: 1;
  color: #fff;
  text-align: center;
  background-color: #ed7986;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .box--l span {
    font-size: 1.4rem;
    padding: 7px 12px 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .box--l span {
    font-size: 2.4rem;
    padding: 8px 15px 10px;
  }
}
.mod__showroom .text > p {
  margin-top: 1em;
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text > p {
    line-height: 1.6;
    font-size: 1.6rem;
  }
}
.mod__showroom .text dl {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text dl {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl {
    margin-top: 40px;
  }
}
.mod__showroom .text dl dt,
.mod__showroom .text dl dd {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl dt,
  .mod__showroom .text dl dd {
    line-height: 1.5;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text dl dt:nth-of-type(n + 2),
  .mod__showroom .text dl dd:nth-of-type(n + 2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl dt:nth-of-type(n + 2),
  .mod__showroom .text dl dd:nth-of-type(n + 2) {
    margin-top: 12px;
  }
}
.mod__showroom .text dl dt {
  padding-right: 15px;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text dl dt {
    width: 30%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl dt {
    width: 95px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text dl dd {
    width: 70%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl dd {
    width: calc(100% - 95px);
  }
}
.mod__showroom .text dl dd span {
  display: flex;
  align-items: center;
}
.mod__showroom .text dl dd span::before {
  width: 11px;
  height: 16px;
  content: "";
  background: url(../images/common/pin-icon-pink.png) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.mod__showroom .text dl dd span a {
  text-decoration: underline;
}
.mod__showroom .text dl dd span a:hover {
  text-decoration: none;
}
.mod__showroom .text dl dd span.em {
  display: inline;
  color: #ff0033;
}
.mod__showroom .text dl dd span.em::before {
  display: none;
}
.mod__showroom .text dl dd span.em a {
  color: #ff0033;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text dl dd > a {
    text-decoration: underline;
  }
  .mod__showroom .text dl dd > a:hover {
    text-decoration: none;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text dl dd > a {
    text-decoration: none;
    pointer-events: none;
  }
}
.mod__showroom .text .slider {
  width: 100%;
  margin: 20px auto 0px;
}
.mod__showroom .text .slider .slick-slider div {
  transition: none;
}
.mod__showroom .text .slider.portrait .slider__slide li:before, .mod__showroom .text .slider.portrait .slider__thumb li:before {
  padding-top: 133.378%;
}
.mod__showroom .text .slider__slide {
  border: 1px solid #ccc;
  opacity: 0;
  overflow: hidden;
  height: auto;
  aspect-ratio: 740/493;
}
.mod__showroom .text .slider__slide.slick-initialized {
  opacity: 1;
}
.mod__showroom .text .slider__slide li {
  position: relative;
  width: 100%;
}
.mod__showroom .text .slider__slide li:before {
  display: block;
  content: "";
  padding-top: 66.667%;
}
.mod__showroom .text .slider__slide li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .slider__thumb {
    padding-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .slider__thumb {
    padding-top: 20px;
  }
}
.mod__showroom .text .slider__thumb li {
  cursor: pointer;
  position: relative;
  height: auto;
  aspect-ratio: 740/493;
}
.mod__showroom .text .slider__thumb li:before {
  display: block;
  content: "";
  padding-top: 66.667%;
}
.mod__showroom .text .slider__thumb li.thumbnail-current {
  opacity: 0.6;
}
.mod__showroom .text .slider__thumb li img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .text .slider__thumb li:nth-child(n+5) {
    margin-top: 5px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .text .slider__thumb li:nth-child(n+5) {
    margin-top: 10px;
  }
}
.mod__showroom .text figure {
  width: 100%;
  margin: 20px auto 0px;
  position: relative;
}
.mod__showroom .text figure:before {
  display: block;
  content: "";
  padding-top: 66.667%;
}
.mod__showroom .text figure img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mod__showroom .map {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .map {
    width: 100%;
    height: 0;
    padding-top: 74.923%;
    position: relative;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .map {
    width: 58.0357%;
    max-width: 650px;
  }
}
.mod__showroom .map img {
  max-width: 100%;
  height: auto;
}
.mod__showroom .map iframe {
  width: 100%;
  height: 100%;
  max-height: 100%;
}
@media only screen and (max-width: 768px) {
  .mod__showroom .map iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom .map iframe {
    display: block;
    object-fit: cover;
  }
}
.mod__showroom .close--2023 {
  position: relative;
  padding: 15px;
}
.mod__showroom .close--2023::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 10;
}
.mod__showroom .close--2023::after {
  white-space: pre-wrap;
  content: "2023年度の展示販売は\a終了いたしました。";
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  background: rgba(255, 255, 255, 0.9);
  padding: 20px;
  color: #ef4396;
  font-weight: bold;
  text-align: center;
  white-space: pre;
  z-index: 30;
}
@media only screen and (max-width: 768px) {
  .mod__showroom__note {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__note {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom__review {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__review {
    margin-top: 50px;
  }
}
.mod__showroom__review .review__ttl {
  font-weight: bold;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .mod__showroom__review .review__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__review .review__ttl {
    font-size: 1.8rem;
  }
}
.mod__showroom__review .review__ttl .call {
  position: relative;
  display: inline-block;
  padding: 0 15px;
}
.mod__showroom__review .review__ttl .call::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%) rotate(-15deg);
  width: 6px;
  height: 40px;
  background: url(./../images/common/icon_bar.svg) center no-repeat;
  background-size: contain;
}
.mod__showroom__review .review__ttl .call::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%) rotate(15deg);
  width: 6px;
  height: 40px;
  background: url(./../images/common/icon_bar.svg) center no-repeat;
  background-size: contain;
}
.mod__showroom__review .review__ttl .voice {
  position: relative;
  padding-right: 45px;
  font-size: 150%;
  color: #ef4396;
}
.mod__showroom__review .review__ttl .voice::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  width: 40px;
  height: 30px;
  background: url(./../images/common/icon_voice.svg) center no-repeat;
  background-size: contain;
}
.mod__showroom__review .review__container {
  display: flex;
  flex-direction: column;
  border: 1px solid #ccc;
}
@media only screen and (max-width: 768px) {
  .mod__showroom__review .review__container {
    margin-top: 0.5em;
    padding: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__review .review__container {
    margin-top: 0.5em;
    padding: 20px;
  }
}
.mod__showroom__review .review__rating {
  display: flex;
  order: -1;
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__review .review__rating {
    height: 25px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__showroom__review .review__rating .rating-star {
    width: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__showroom__review .review__rating .rating-star {
    width: 25px;
  }
}
.mod__showroom__review .review__comment {
  margin-top: 1em;
}
.mod__showroom__review .review__morebtn {
  margin-top: 20px;
}
.mod__showroom__review .review__morebtn .mod__button03 {
  max-width: 280px;
}

/* =========================
  展示会情報
========================= */
.mod__exhibition {
  border-collapse: collapse;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition {
    width: 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__exhibition {
    width: 1120px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__exhibition {
    width: 100%;
    max-width: 1120px;
  }
}
.mod__exhibition tr {
  /*
  &.pre {
    td {
      &:nth-child(5) {
        > a {
          position: relative;
          pointer-events: none;
          color: transparent;
          border-color: $color11;
          &::before {
            content: "準備中";
            position: absolute;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            background-color: $color10;
            color: $accentColor;
            line-height: 36px;
            opacity: 0.5;
          }
          &::after {
            content: "2022年1月7日(金)より予約開始";
            color: $accentColor3;
            width: 100%;
            bottom: -20px;
          }
        }
        p {
          display: block;
        }
      }
    }
  }
  */
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr {
    scroll-margin-top: 82px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr {
    scroll-margin-top: 120px;
  }
}
.mod__exhibition tr.attention td {
  background: #f5f2ef !important;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif !important;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr.attention td {
    font-size: 1.4rem !important;
    text-align: left !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr.attention td {
    font-size: 1.6rem !important;
  }
}
.mod__exhibition tr.attention span {
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr.attention span {
    text-align: center;
  }
}
.mod__exhibition tr.cancel td {
  position: relative;
  border-color: rgba(247, 161, 203, 0.6);
}
.mod__exhibition tr.cancel td::after {
  display: block;
  display: flex;
  justify-content: center;
  align-items: center;
  content: "";
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.2em;
  text-align: center;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background-color: rgba(247, 161, 203, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr.cancel td:nth-child(2)::after {
    padding: 0px 20px;
    content: "緊急事態宣言延長に伴い、開催中止・延期とさせていただきます。";
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr.cancel td:nth-child(3)::after {
    padding: 0px;
    content: "緊急事態宣言延長に伴い、開催中止・延期とさせていただきます。";
  }
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr.cancel.kansai td:nth-child(2)::after {
    content: "緊急事態宣言延長に伴い、開催中止・延期とさせていただきます。今後大阪エリアでの延期開催を予定しております。";
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr.cancel.kansai td:nth-child(3)::after {
    content: "緊急事態宣言延長に伴い、開催中止・延期とさせていただきます。今後大阪エリアでの延期開催を予定しております。";
  }
}
.mod__exhibition tr th,
.mod__exhibition tr td {
  line-height: 1.6;
  text-align: center;
  border: 1px solid #fff;
  padding: 15px;
}
.mod__exhibition tr th::before,
.mod__exhibition tr td::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr th,
  .mod__exhibition tr td {
    display: block;
    width: 100%;
  }
}
.mod__exhibition tr th .sat,
.mod__exhibition tr td .sat {
  color: #34b3e5;
}
.mod__exhibition tr th .sun,
.mod__exhibition tr td .sun {
  color: #ef4396;
}
.mod__exhibition tr th span,
.mod__exhibition tr td span {
  display: inline-block;
}
.mod__exhibition tr th span.suspension,
.mod__exhibition tr td span.suspension {
  color: #ffd8d6;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  display: block;
  margin: 0;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr th span.suspension,
  .mod__exhibition tr td span.suspension {
    font-size: 1.4rem;
    margin-top: 3px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr th span.suspension,
  .mod__exhibition tr td span.suspension {
    font-size: 1.6rem;
  }
}
.mod__exhibition tr th span.frame,
.mod__exhibition tr td span.frame {
  display: inline-block;
  padding: 0.2em 0.5em;
  margin-right: 0.5em;
  font-weight: bold;
  background: #f3eca0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.mod__exhibition tr th span.access,
.mod__exhibition tr td span.access {
  display: block;
  margin-top: 1em;
}
.mod__exhibition tr th span.station,
.mod__exhibition tr td span.station {
  display: block;
  margin-top: 0.5em;
}
.mod__exhibition tr th {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  height: 50px;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr th {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr th {
    font-size: 1.8rem;
  }
}
.mod__exhibition tr td {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  background: #f5f2ef;
  /*
  &:nth-of-type(6) {
    .tel {
      @include smartphone {
        text-decoration: underline;
        &:hover {
          text-decoration: none;
        }
      }
      @include screen {
        text-decoration: none;
        pointer-events: none;
      }$accentFont

    }
  }
  */
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td {
    text-align: center;
  }
}
.mod__exhibition tr td p + p {
  margin-top: 0.5em;
}
.mod__exhibition tr td:nth-of-type(1) {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  vertical-align: center;
  background: #f3eca0;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(1) {
    font-size: 1.8rem;
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(1) {
    font-size: 2.4rem;
    width: 160px;
  }
}
.mod__exhibition tr td:nth-of-type(1) span {
  display: block;
  color: #f7a1cb;
  font-size: 0.7em;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(2) {
    width: 100%;
    text-align: left;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(2) {
    width: 260px;
  }
}
.mod__exhibition tr td:nth-of-type(2) dl dt {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.mod__exhibition tr td:nth-of-type(2) dl dd {
  display: block;
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  margin-top: 8px;
}
.mod__exhibition tr td:nth-of-type(2) dl dd.end {
  line-height: 1.2;
  color: #fff;
  display: inline-block;
  padding: 1px 3px;
  background: #ffd8d6;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(3) {
    width: 100%;
    text-align: left;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(3) {
    width: 380px;
  }
}
.mod__exhibition tr td:nth-of-type(3) dl dt,
.mod__exhibition tr td:nth-of-type(3) dl dd {
  text-align: left;
}
.mod__exhibition tr td:nth-of-type(3) dl dt {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 5px;
}
.mod__exhibition tr td:nth-of-type(3) dl dt:nth-of-type(n + 2) {
  margin-top: 8px;
}
.mod__exhibition tr td:nth-of-type(3) dl dd {
  letter-spacing: -0.5px;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(4) {
    width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(4) {
    width: 120px;
  }
}
.mod__exhibition tr td:nth-of-type(4) .map {
  width: 100%;
  max-width: 100px;
  height: 50px;
  color: #3f3f3f;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  height: 40px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  border: none;
  background: #fff;
  border-radius: 6px;
  box-shadow: 1.439px 1.389px 0px 0px rgba(0, 0, 0, 0.2);
}
.mod__exhibition tr td:nth-of-type(4) .map::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #3f3f3f;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(4) .map:hover {
    color: #fff;
    background-color: #3f3f3f;
    text-decoration: none;
  }
  .mod__exhibition tr td:nth-of-type(4) .map:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(4) .map {
    max-width: 300px;
  }
}
.mod__exhibition tr td:nth-of-type(4) .map::before {
  width: 11px;
  height: 16px;
  content: "";
  background: url(../images/common/pin-icon-pink.png) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 8px;
}
.mod__exhibition tr td:nth-of-type(4) .map::after {
  display: none;
}
.mod__exhibition tr td:nth-of-type(4) .map:hover::before {
  background: url(../images/common/pin-icon-white.png) no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(5) {
    width: 100%;
    text-align: center;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(5) {
    width: 210px;
  }
}
.mod__exhibition tr td:nth-of-type(5) .reserve {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #f7a1cb;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #f7a1cb;
  background-color: #fff;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  height: 40px;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  padding: 0 10px;
  background: #fff;
  border: 2px solid #f7a1cb;
  border-radius: 6px;
  box-shadow: 1.439px 1.389px 0px 0px rgba(0, 0, 0, 0.2);
}
.mod__exhibition tr td:nth-of-type(5) .reserve::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #f7a1cb;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__exhibition tr td:nth-of-type(5) .reserve:hover {
    color: #fff;
    background-color: #f7a1cb;
    text-decoration: none;
  }
  .mod__exhibition tr td:nth-of-type(5) .reserve:hover::after {
    border-color: transparent transparent transparent #fff;
  }
}
@media only screen and (max-width: 768px) {
  .mod__exhibition tr td:nth-of-type(5) .reserve {
    max-width: 300px;
  }
}
.mod__exhibition tr td:nth-of-type(5) .reserve::after {
  display: none;
}
.mod__exhibition tr td:nth-of-type(5) .reserve.commingsoon {
  pointer-events: none;
}
.mod__exhibition tr td:nth-of-type(5) .reserve.close {
  position: relative;
  color: #fff;
  background: #ccc;
  border-color: #ccc;
  pointer-events: none;
  box-shadow: none;
  margin-bottom: 2em;
}
.mod__exhibition tr td:nth-of-type(5) .reserve.full {
  color: #fff;
  background: #ffd8d6;
  pointer-events: none;
  box-shadow: none;
}
.mod__exhibition tr td:nth-of-type(5) p {
  line-height: 1.4;
  margin-top: 0.8em;
  font-size: 0.8em;
  text-align: left;
}
.mod__exhibition #jun-iwate td:nth-of-type(2) dl {
  position: relative;
}
.mod__exhibition #jun-iwate td:nth-of-type(2) dl::before {
  content: "ランドセル\aわくわくフェスティバル出展";
  white-space: pre-wrap;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% -100%;
  width: max-content;
  border-radius: 100vmax;
  background-color: #f8fac5;
  padding-inline: 1em;
  font-size: 1rem;
}
.mod__exhibition .mod__attention {
  background: #f5f2ef !important;
  padding: 40px !important;
}
.mod__exhibition .mod__attention > * {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif !important;
}
.mod__exhibition .mod__attention .attention-ttl {
  font-weight: bold;
  letter-spacing: 0.1em;
}
.mod__exhibition .mod__attention p {
  margin-top: 0;
  margin-bottom: 1em;
}
.mod__exhibition .mod__attention ul {
  text-align: left;
  list-style-type: circle;
  list-style-position: outside;
}

/* =========================
  展示会・ショールーム情報
  エリアから探す
========================= */
@media only screen and (max-width: 768px) {
  .mod__areasearch {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch {
    margin-top: 60px;
  }
}
.mod__areasearch > li {
  display: block;
  background-color: #fff;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li {
    padding: 15px 20px 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li {
    padding: 20px 40px;
  }
}
.mod__areasearch > li.hokkaido li::before {
  background-color: #cbbb55;
}
.mod__areasearch > li.tohoku li::before {
  background-color: #a0d7f1;
}
.mod__areasearch > li.kanto li::before {
  background-color: #f1b057;
}
.mod__areasearch > li.chubu li::before {
  background-color: #ceb1ce;
}
.mod__areasearch > li.kansai li::before {
  background-color: #fecf4e;
}
.mod__areasearch > li.chugoku li::before {
  background-color: #eab7d1;
}
.mod__areasearch > li.shikoku li::before {
  background-color: #f6ca93;
}
.mod__areasearch > li.kyushu li::before {
  background-color: #c5d779;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li:nth-child(n+2) {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li:nth-child(n+2) {
    margin-top: 40px;
  }
}
.mod__areasearch > li h3 {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li h3 {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li h3 {
    font-size: 3rem;
  }
}
.mod__areasearch > li ul {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: flex-start;
}
.mod__areasearch > li ul > * {
  order: 0;
  flex: 0 1 auto;
  align-self: auto;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li ul {
    margin-top: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li ul {
    margin-top: 15px;
  }
}
.mod__areasearch > li li {
  font-family: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Helvetica Neue", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "メイリオ", Meiryo, "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, Arial, sans-serif;
  position: relative;
  padding-left: 34px;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li li {
    margin-bottom: 8px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li li {
    font-size: 1.8rem;
    margin-bottom: 5px;
  }
}
.mod__areasearch > li li::before, .mod__areasearch > li li::after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  vertical-align: middle;
}
.mod__areasearch > li li::before {
  border-radius: 50%;
  background-color: #cbbb55;
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li li::before {
    width: 20px;
    height: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li li::before {
    width: 24px;
    height: 24px;
  }
}
.mod__areasearch > li li::after {
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li li::after {
    left: 5px;
    width: 7px;
    height: 7px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li li::after {
    left: 5px;
    width: 10px;
    height: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__areasearch > li li:not(:last-child) {
    margin-right: 10px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__areasearch > li li:not(:last-child) {
    margin-right: 30px;
  }
}
.mod__areasearch > li li a:hover {
  opacity: 0.7;
}

/* =====================
  ブログ本文内　リンクボタン
===================== */
.mod__blog__btn a {
  width: 100%;
  max-width: 300px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #3f3f3f;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0;
  background-color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none !important;
  font-weight: normal;
}
.mod__blog__btn a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__btn a:hover {
    color: #3f3f3f;
    background-color: #fff;
    text-decoration: none;
  }
  .mod__blog__btn a:hover::after {
    border-color: transparent transparent transparent #3f3f3f;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__btn a {
    margin: 15px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__btn a {
    margin-top: 30px;
  }
}
.mod__blog__btn a::after {
  border-color: transparent transparent transparent #fff;
}
.mod__blog__btn--cta a {
  width: 100%;
  max-width: 300px;
  height: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #ef4396;
  background-color: #ef4396;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0;
  background-color: #ef4396;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none !important;
  font-weight: normal;
}
.mod__blog__btn--cta a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__btn--cta a:hover {
    color: #ef4396;
    background-color: #fff;
    text-decoration: none;
  }
  .mod__blog__btn--cta a:hover::after {
    border-color: transparent transparent transparent #ef4396;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__btn--cta a {
    margin: 15px auto 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__btn--cta a {
    margin-top: 30px;
  }
}
.mod__blog__btn--cta a::after {
  border-color: transparent transparent transparent #fff;
}

/* =====================
  ブログ本文内　お客様相談室リンク（電話、問合せフォーム）
===================== */
.mod__blog__contact {
  border: 1px solid #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact {
    margin-top: 45px;
    padding: 25px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact {
    margin-top: 90px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__blog__contact {
    padding: 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__blog__contact {
    padding: 50px 49px;
  }
}
.mod__blog__contact .mod__heading01 {
  color: #ff0033;
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact .mod__heading01 {
    margin: 0 auto 25px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact .mod__heading01 {
    margin: 0 auto 45px !important;
  }
}
.mod__blog__contact .mod__heading01::after {
  display: none;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__blog__contact ul:nth-of-type(1) {
    max-width: 870px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__blog__contact ul:nth-of-type(1) {
    max-width: 930px;
  }
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(1) {
  line-height: 1.6;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(1)::before {
  content: "";
  display: block;
  height: 0;
  width: 0;
  margin-top: calc((1 - 1.6) * 0.5em);
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) {
    margin-bottom: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) {
    font-size: 1.6rem;
  }
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a {
  text-decoration: none;
  display: block;
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a {
    font-size: 1.8rem;
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a span {
    font-size: 2.4rem;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a span {
    font-size: 2.8rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(1) a span {
    font-size: 3.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) {
    width: 43.0108%;
    max-width: 400px;
  }
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a {
  color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #f3eca0;
  border-bottom: 4px solid #bcaf3d;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a {
    height: 50px;
    font-size: 1.6rem;
    margin-top: -4px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a {
    height: 70px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a {
    font-size: 2.4rem;
  }
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
.mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a:hover {
  border-bottom: none;
}
@media only screen and (max-width: 768px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a:hover {
    height: 46px;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__contact ul:nth-of-type(1) li:nth-child(2) a:hover {
    height: 66px;
    margin-top: 4px;
  }
}

/* =====================
  ブログ本文内　カタログ請求リンク、お客様相談室リンク
===================== */
.mod__blog__cs,
.mod__blog__catalog {
  border: 1px solid #3f3f3f;
}
@media only screen and (max-width: 768px) {
  .mod__blog__cs,
  .mod__blog__catalog {
    margin-top: 45px;
    padding: 25px 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__cs,
  .mod__blog__catalog {
    margin-top: 60px;
  }
}
@media only screen and (min-width: 769px) and (min-width: 769px) and (max-width: 1219px) {
  .mod__blog__cs,
  .mod__blog__catalog {
    padding: 30px;
  }
}
@media print, screen and (min-width: 769px) and (min-width: 1220px) {
  .mod__blog__cs,
  .mod__blog__catalog {
    padding: 50px 49px;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__cs .mod__heading01,
  .mod__blog__catalog .mod__heading01 {
    margin: 0 auto 25px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__cs .mod__heading01,
  .mod__blog__catalog .mod__heading01 {
    margin: 0 auto 45px !important;
  }
}
.mod__blog__cs .mod__heading01::after,
.mod__blog__catalog .mod__heading01::after {
  display: none;
}
.mod__blog__cs .mod__heading01 span,
.mod__blog__catalog .mod__heading01 span {
  display: block;
  color: #34b3e5;
  font-size: 0.8em;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__cs div,
  .mod__blog__catalog div {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
    align-content: flex-start;
  }
  .mod__blog__cs div > *,
  .mod__blog__catalog div > * {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
  }
  .mod__blog__cs div > *,
  .mod__blog__catalog div > * {
    width: 48%;
    margin: 0 4% 0 0;
  }
  .mod__blog__cs div > *:nth-child(2n),
  .mod__blog__catalog div > *:nth-child(2n) {
    margin-right: 0;
  }
}
.mod__blog__cs div figure img,
.mod__blog__catalog div figure img {
  display: block;
  width: 100%;
  max-width: 640px;
  height: auto;
  margin: 0 auto;
}
.mod__blog__cs div p,
.mod__blog__catalog div p {
  text-align: center;
  margin-bottom: 0;
}
.mod__blog__cs div p a,
.mod__blog__catalog div p a {
  width: 100%;
  max-width: 100%;
  height: 50px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 15px;
  border: 1px solid #3f3f3f;
  background-color: #3f3f3f;
  cursor: pointer;
  transition: all 0.2s linear;
  position: relative;
  margin: 0 auto;
  background-color: #3f3f3f;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none !important;
  font-weight: normal;
}
.mod__blog__cs div p a::after,
.mod__blog__catalog div p a::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
@media print, screen and (min-width: 769px) {
  .mod__blog__cs div p a:hover,
  .mod__blog__catalog div p a:hover {
    color: #3f3f3f;
    background-color: #fff;
    text-decoration: none;
  }
  .mod__blog__cs div p a:hover::after,
  .mod__blog__catalog div p a:hover::after {
    border-color: transparent transparent transparent #3f3f3f;
  }
}
@media only screen and (max-width: 768px) {
  .mod__blog__cs div p a,
  .mod__blog__catalog div p a {
    margin-top: 15px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__blog__cs div p a,
  .mod__blog__catalog div p a {
    margin-top: 30px;
  }
}
.mod__blog__cs div p a::after,
.mod__blog__catalog div p a::after {
  border-color: transparent transparent transparent #fff;
}

/* =====================
  ロゴアニメーション
===================== */
.mod__logoanm {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logoanm {
    padding: 0px 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .mod__logoanm {
    padding: 0px 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .mod__logoanm {
    padding: 0px 80px;
  }
}
.mod__logoanm div {
  position: relative;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logoanm div {
    width: 80%;
    max-width: 180px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logoanm div {
    max-width: 360px;
  }
}
.mod__logoanm div::before {
  display: block;
  content: "";
  padding-top: 107.22%;
}
.mod__logoanm div img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =====================
  ロゴサイズ調整
===================== */
.mod__logo--yumepika {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logo--yumepika {
    width: 200px;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logo--yumepika {
    width: 400px;
    max-width: 100%;
  }
}
.mod__logo--petitheart-md {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logo--petitheart-md {
    width: 160px;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logo--petitheart-md {
    width: 280px;
    max-width: 100%;
  }
}
.mod__logo--petitheart {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logo--petitheart {
    width: 208px;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logo--petitheart {
    width: 280px;
    max-width: 100%;
  }
}
.mod__logo--blackcaps-flash {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logo--blackcaps-flash {
    width: 208px;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logo--blackcaps-flash {
    width: 280px;
    max-width: 100%;
  }
}
.mod__logo--rainbowforce {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mod__logo--rainbowforce {
    width: 287px;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__logo--rainbowforce {
    width: 396px;
    max-width: 100%;
  }
}

/* =====================
  2023本店リニューアル
===================== */
@media only screen and (max-width: 768px) {
  .mod__renewal {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.mod__renewal__wrap {
  display: flex;
  flex-wrap: wrap;
  background: #f9f8fc;
}
@media only screen and (max-width: 768px) {
  .mod__renewal__wrap {
    border-radius: 30px;
    padding: 20px;
    flex-direction: column;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__wrap {
    border-radius: 40px;
    padding: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__ttl {
    width: 47.5961538462%;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__rsv {
    width: 52.4038461538%;
    padding-left: 40px;
  }
}
.mod__renewal__rsv__ttl {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .mod__renewal__rsv__ttl {
    margin-top: 20px;
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__rsv__ttl {
    font-size: 2.8rem;
  }
}
.mod__renewal__rsv__desc {
  text-align: left !important;
}
@media only screen and (max-width: 768px) {
  .mod__renewal__rsv__desc {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__rsv__desc {
    margin-top: 40px;
  }
}
.mod__renewal__rsv__btn {
  position: relative;
  display: block;
  border-radius: 6px;
  padding: 0.5em 2.5em 0.5em 1em;
  background: #f7a1cb;
  color: #fff;
  text-align: center;
  font-weight: bold;
  margin: 1em auto 0;
  max-width: 380px;
}
.mod__renewal__rsv__btn:link, .mod__renewal__rsv__btn:visited {
  color: #fff;
}
.mod__renewal__rsv__btn::after {
  width: 0;
  height: 0;
  content: "";
  display: inline-block;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent #fff;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 17px;
  margin: auto 0;
}
.mod__renewal__rsv__btn.btn--blue {
  background: #34b3e5;
}
.mod__renewal__note {
  width: 100%;
  margin-top: 1em;
}
@media only screen and (max-width: 768px) {
  .mod__renewal__note {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal__note {
    margin-top: 40px;
  }
}
.mod__renewal .note {
  border: 4px solid #f7a1cb;
}
@media only screen and (max-width: 768px) {
  .mod__renewal .note {
    border-radius: 30px;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal .note {
    border-radius: 40px;
    padding: 40px;
  }
}
.mod__renewal .note__ttl {
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .mod__renewal .note__ttl {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal .note__ttl {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .mod__renewal .note__desc {
    margin-top: 20px;
    text-align: left !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mod__renewal .note__desc {
    margin-top: 40px;
  }
}

/* =====================
  ヘルパーモジュール
===================== */
.hp__color--girls {
  color: #f7a1cb;
}

.color--girls {
  color: #f7a1cb !important;
}

.color--red {
  color: #ef4396 !important;
}

.color--boys {
  color: #34b3e5 !important;
}

.bold {
  font-weight: bold;
}

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.p-blo {
  display: inline-block;
}

@media only screen and (max-width: 768px) {
  .mt-l {
    margin-top: 80px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mt-l {
    margin-top: 160px !important;
  }
}

@media only screen and (max-width: 768px) {
  .mt-m {
    margin-top: 40px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mt-m {
    margin-top: 80px !important;
  }
}

@media only screen and (max-width: 768px) {
  .mt-s {
    margin-top: 20px !important;
  }
}
@media print, screen and (min-width: 769px) {
  .mt-s {
    margin-top: 40px !important;
  }
}

@media only screen and (max-width: 768px) {
  .btn-l {
    max-width: 300px;
  }
}
@media print, screen and (min-width: 769px) {
  .btn-l {
    max-width: 330px;
  }
}

/*====================================
  03_post
=====================================*/
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*
$color1: #1f3134; //黒っぽい緑
$color2: #ff0033; //赤
$color3: #b40034; //エンジ色
$color4: #0f3784; //青

//2022～
$color5: #aac467; //黄緑
$color7: #595757; //濃グレー

$mainColor: $color1;
$accentColor: #fff; //白

//2022～
$fontColor: $color7;

$bgColor1: #f8eef7; //薄ピンク
$bgColor2: #e0eff2; //水色
$bgColor3: #f4efe4; //ベージュ
$bgColor4: #f5f2ef; //グレーっぽいベージュ
$bgColor5: #fffee6; //薄黄色

$bdColor1: #d5d7d6; //グレー

$pastelColor1: #e3a7c8;
$pastelColor2: #f3efa1;
$pastelColor3: #a8cae5;
$pastelColor4: #ed7986;

$pastelColor1-dark: #eca1ca;
$pastelColor2-dark: #e6d223;
$pastelColor3-dark: #7ebded;

$mkColor1: #f6d1e5; //薄ピンク
$mkColor2: #c6e0f6; //水色
$mkColor3: #faf3b1; //黄色

//2022～
$boysColor: #5aa7ab;
$girlsColor: #ab226d;
$boysBgColor: #d4e5e6;
$girlsBgColor: #eadfe4;

$btnColor: #9fa0a0;
*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*--------------------
～2021用フォント設定
--------------------*/
@font-face {
  font-family: "HoshizoraMincho";
  src: url(./../images/font/StarSkyMincyou-Regular.woff2) format("woff2");
  src: url(./../images/font/StarSkyMincyou-Regular.woff) format("woff");
}
/*--------------------
2022～フォント設定
--------------------*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/* /////////////////////////////////
  margin-top
///////////////////////////////// */
/* ///////////////////////////////////////////
  diary.scss
  ゆめピカダイアリーに関する記述
/////////////////////////////////////////// */
.page--diary {
  /* /////////////////////////////////
    ページ内共通
  ///////////////////////////////// */
  /* /////////////////////////////////
    ゆめピカダイアリー
  ///////////////////////////////// */
}
.page--diary img {
  max-width: 100%;
  height: auto;
}
.page--diary .page__title {
  background: url(../images/page/catalog/bg__confetti-line.svg) center center no-repeat !important;
  background-size: cover !important;
  color: #f7a1cb;
  letter-spacing: 0.1em;
}
.page--diary .yumepika-diary {
  padding-bottom: 0;
}
.page--diary .yumepika-diary__head {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__head {
    height: 100vw;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__head {
    height: 485px;
    background: url(../images/page/catalog/bg__confetti-line.svg) center center no-repeat;
    background-size: cover;
  }
}
.page--diary .yumepika-diary__head__mv {
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
}
.page--diary .yumepika-diary__head__mv img {
  width: 100%;
  max-width: 1280px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__body {
    background: url(../images/page/catalog/bg__ameba--sp.png) center top no-repeat;
    background-size: cover;
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__body {
    background: url(../images/page/catalog/bg__ameba.jpg) center top no-repeat;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.page--diary .yumepika-diary__content {
  overflow: hidden;
}
.page--diary .yumepika-diary__content__wrap {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
  margin-bottom: 20px;
  position: relative;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--diary .yumepika-diary__content__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--diary .yumepika-diary__content__wrap {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__wrap {
    max-width: 440px;
  }
}
.page--diary .yumepika-diary__content__wrap > * {
  margin-top: 1em;
}
.page--diary .yumepika-diary__content__ttl {
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__ttl {
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__ttl {
    font-size: 3rem;
  }
}
.page--diary .yumepika-diary__content__figure {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__figure {
    margin-top: 20px;
    padding: 20px 0;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__figure {
    margin-top: 40px;
    padding: 40px 0;
  }
}
.page--diary .yumepika-diary__content__figure::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: calc(100% + 80px);
  height: 100%;
  background: rgba(243, 239, 161, 0.4);
  z-index: -1;
}
.page--diary .yumepika-diary__content__figure figcaption {
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
  color: #f7a1cb;
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__figure figcaption {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__figure figcaption {
    font-size: 2.6rem;
  }
}
.page--diary .yumepika-diary__content__figure figcaption--sub {
  display: block;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__figure figcaption--sub {
    font-size: 1.3rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__figure figcaption--sub {
    font-size: 2rem;
  }
}
.page--diary .yumepika-diary__content__figure > img {
  position: relative;
  display: block;
  max-width: 100%;
  height: auto;
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__figure > img {
    width: calc(50% - 20px);
  }
}
.page--diary .yumepika-diary__content__figure > img::after {
  content: "";
  position: absolute;
  top: -20px;
  left: -20px;
  display: block;
  width: 100%;
  height: 100%;
  background: #f2f0a1;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__figure > img:nth-of-type(n + 2) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__figure > img:nth-of-type(n + 2) {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__content__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__content__btn {
    margin-top: 40px;
  }
}
.page--diary .yumepika-diary__offer {
  background-color: rgba(243, 239, 161, 0.4);
  text-align: center;
  padding-top: 30px;
  padding-bottom: 30px;
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer {
    overflow: hidden;
  }
}
.page--diary .yumepika-diary__offer__wrap {
  display: block;
  max-width: 660px;
  margin: 0 auto;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__wrap {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--diary .yumepika-diary__offer__wrap {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--diary .yumepika-diary__offer__wrap {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__wrap {
    max-width: 315px;
  }
}
.page--diary .yumepika-diary__offer__wrap::before {
  content: "";
  position: absolute;
  background: url(../images/page/catalog/deco_catalog--a.png) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__wrap::before {
    top: 0;
    left: 0;
    transform: translate(0, -50%);
    width: 60px;
    height: 60px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer__wrap::before {
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
    width: 160px;
    height: 160px;
  }
}
.page--diary .yumepika-diary__offer__wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(100%, -50%);
  width: 160px;
  height: 160px;
  background: url(../images/page/catalog/deco_catalog--b.png) center no-repeat;
  background-size: contain;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__wrap::after {
    top: -30px;
    right: 0;
    transform: translate(0, -50%);
    width: 92px;
    height: 92px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer__wrap::after {
    top: 50%;
    right: 0;
    transform: translate(100%, -50%);
    width: 160px;
    height: 160px;
  }
}
.page--diary .yumepika-diary__offer__ttl {
  position: relative;
  color: #9f8cc0;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__ttl {
    font-size: 1.8rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer__ttl {
    font-size: 2.2rem;
  }
}
.page--diary .yumepika-diary__offer__ttl a,
.page--diary .yumepika-diary__offer__ttl a:link,
.page--diary .yumepika-diary__offer__ttl a:visited {
  color: #9f8cc0;
  border-bottom: 1px solid #9f8cc0;
}
.page--diary .yumepika-diary__offer__desc {
  color: #9f8cc0;
  margin-top: 30px;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__desc {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer__desc {
    font-size: 1.8rem;
  }
}
.page--diary .yumepika-diary__offer__list {
  margin-top: 0.5em;
  color: #9f8cc0;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__offer__list {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__offer__list {
    font-size: 1.6rem;
  }
}
.page--diary .yumepika-diary__offer__list li {
  margin-top: 1em;
  list-style: disc;
  list-style-position: inside;
}
.page--diary .yumepika-diary__opinions {
  max-width: 500px;
  border: 12px solid #ffbcaf;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__opinions {
    margin: 20px auto 0;
    padding: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__opinions {
    margin: 40px auto 0;
    padding: 40px;
  }
}
.page--diary .yumepika-diary__opinions__ttl {
  color: #ffbcaf;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-align: center;
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__opinions__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__opinions__ttl {
    font-size: 1.6rem;
  }
}
.page--diary .yumepika-diary__opinions__desc {
  margin-top: 1em;
}
.page--diary .yumepika-diary__opinions__color {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em;
}
.page--diary .yumepika-diary__opinions__color__caption {
  width: 100%;
  font-family: "HoshizoraMincho", "Times New Roman", Times, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro W3", "HiraMinPro-W3", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "Noto Serif JP", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__opinions__color__caption {
    font-size: 1.6rem;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__opinions__color__caption {
    font-size: 1.8erm;
  }
}
.page--diary .yumepika-diary__opinions__color > img {
  display: block;
  width: calc(33.3333333333% - 13.3333333333px);
  height: auto;
}
.page--diary .yumepika-diary__opinions__color > img:nth-of-type(n + 2) {
  margin-left: 20px;
}
.page--diary .yumepika-diary__opinions__color .color--pink {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #fdeadc;
  color: #f886a9;
}
.page--diary .yumepika-diary__opinions__color .color--purple {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #abb3f2;
  color: #fff;
}
.page--diary .yumepika-diary__opinions__color .color--sky {
  width: calc(33.3333333333% - 13.3333333333px);
  background: #67aaf8;
  color: #fff;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__opinions__btn {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__opinions__btn {
    margin-top: 40px;
  }
}
.page--diary .yumepika-diary__posts {
  display: block;
  max-width: 1280px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__posts {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--diary .yumepika-diary__posts {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--diary .yumepika-diary__posts {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__posts {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__posts {
    margin-top: 50px;
  }
}
.page--diary .yumepika-diary__pager {
  display: block;
  max-width: 1060px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__pager {
    padding: 0 20px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1219px) {
  .page--diary .yumepika-diary__pager {
    padding: 0 30px;
  }
}
@media print, screen and (min-width: 1220px) {
  .page--diary .yumepika-diary__pager {
    padding: 0 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .yumepika-diary__pager {
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .yumepika-diary__pager {
    margin-bottom: 80px;
  }
}
@media only screen and (max-width: 768px) {
  .page--diary .mod__pagination {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 769px) {
  .page--diary .mod__pagination {
    margin-top: 50px;
  }
}

/*====================================
  03_page
=====================================*/
/*
@import "03_page/home";
@import "03_page/pages";
@import "03_page/bright";
@import "03_page/boys";
@import "03_page/girls";
@import "03_page/colors";
@import "03_page/cover";
@import "03_page/catalog";
@import "03_page/exhibition";
@import "03_page/showroom";
@import "03_page/contact";
@import "03_page/how_to_choice";
@import "03_page/support";
@import "03_page/repair";
@import "03_page/randoselu";
@import "03_page/review";
@import "03_page/company";
@import "03_page/faq";
@import "03_page/customer_support";
@import "03_page/guide";
@import "03_page/trade";
@import "03_page/item";
@import "03_page/material";
@import "03_page/cozy";
@import "03_page/quiz";
@import "03_page/question";
@import "03_page/allitem";
@import "03_page/reason";
*//*# sourceMappingURL=common.css.map */