@charset "UTF-8";
/*
Theme Name: WASHICLUB
Text Domain: washiclub.jp
Version: 1.2
Author: 和詩倶楽部
Author URI: https://www.washiclub.jp
Theme URI: https://www.washiclub.jp
*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*==========================
リセットCSS
===========================*/
/* line 33, style.scss */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 41, style.scss */
body {
  line-height: 1;
}

/* line 44, style.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 47, style.scss */
address {
  font-style: normal;
}

/* line 50, style.scss */
nav ul {
  list-style: none;
}

/* line 53, style.scss */
blockquote, q {
  quotes: none;
}

/* line 56, style.scss */
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

/* line 60, style.scss */
a {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #666;
}

/* line 68, style.scss */
del {
  text-decoration: line-through;
}

/* line 71, style.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 75, style.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs  */
/* line 79, style.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 87, style.scss */
input, select {
  vertical-align: middle;
}

/* line 90, style.scss */
ul li {
  list-style: none;
}

/* line 95, style.scss */
.text_center {
  text-align: center;
}

/* line 99, style.scss */
.futura {
  font-family: futura-pt, sans-serif;
  font-weight: 400;
  font-style: normal;
}

/* line 104, style.scss */
.kozuka_u {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* line 109, style.scss */
.kozuka_b {
  font-family: kozuka-gothic-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 115, style.scss */
.gothic_B {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* line 120, style.scss */
.gothic_H {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 900;
  font-style: normal;
}

/* line 125, style.scss */
.gothic_N {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 300;
  font-style: normal;
}

/* line 130, style.scss */
.gothic_R {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 400;
  font-style: normal;
}

@media screen and (min-width: 781px) {
  /* line 137, style.scss */
  .pd10 {
    padding: 10px 0;
  }

  /* line 140, style.scss */
  .pd15 {
    padding: 15px 0;
  }

  /* line 143, style.scss */
  .pd20 {
    padding: 20px 0;
  }

  /* line 146, style.scss */
  .pd30 {
    padding: 30px 0;
  }

  /* line 149, style.scss */
  .pd40 {
    padding: 40px 0;
  }

  /* line 152, style.scss */
  .pd50 {
    padding: 50px 0;
  }

  /* line 155, style.scss */
  .pd60 {
    padding: 60px 0;
  }

  /* line 158, style.scss */
  .pd70 {
    padding: 70px 0;
  }

  /* line 161, style.scss */
  .pd80 {
    padding: 80px 0;
  }

  /* line 164, style.scss */
  .pd90 {
    padding: 90px 0;
  }

  /* line 167, style.scss */
  .pd100 {
    padding: 100px 0;
  }

  /* line 170, style.scss */
  .pb10 {
    padding-bottom: 10px !important;
  }

  /* line 173, style.scss */
  .pb15 {
    padding-bottom: 15px !important;
  }

  /* line 176, style.scss */
  .pb20 {
    padding-bottom: 20px !important;
  }

  /* line 179, style.scss */
  .pb30 {
    padding-bottom: 30px !important;
  }

  /* line 182, style.scss */
  .pb40 {
    padding-bottom: 40px !important;
  }

  /* line 185, style.scss */
  .pb50 {
    padding-bottom: 50px !important;
  }

  /* line 188, style.scss */
  .pb60 {
    padding-bottom: 60px !important;
  }

  /* line 191, style.scss */
  .pb70 {
    padding-bottom: 70px !important;
  }

  /* line 194, style.scss */
  .pb80 {
    padding-bottom: 80px !important;
  }

  /* line 197, style.scss */
  .pb90 {
    padding-bottom: 90px !important;
  }

  /* line 200, style.scss */
  .pb100 {
    padding-bottom: 100px !important;
  }

  /*余白Padding_Top設定*/
  /* line 204, style.scss */
  .pt0 {
    padding-top: 0px !important;
  }

  /* line 207, style.scss */
  .pt10 {
    padding-top: 10px !important;
  }

  /* line 210, style.scss */
  .pt15 {
    padding-top: 15px !important;
  }

  /* line 213, style.scss */
  .pt20 {
    padding-top: 20px !important;
  }

  /* line 216, style.scss */
  .pt30 {
    padding-top: 30px !important;
  }

  /* line 219, style.scss */
  .pt40 {
    padding-top: 40px !important;
  }

  /* line 222, style.scss */
  .pt50 {
    padding-top: 50px !important;
  }

  /* line 225, style.scss */
  .pt60 {
    padding-top: 60px !important;
  }

  /* line 228, style.scss */
  .pt70 {
    padding-top: 70px !important;
  }

  /* line 231, style.scss */
  .pt80 {
    padding-top: 80px !important;
  }

  /* line 234, style.scss */
  .pt90 {
    padding-top: 90px !important;
  }

  /* line 237, style.scss */
  .pt100 {
    padding-top: 100px !important;
  }

  /* line 240, style.scss */
  .pt110 {
    padding-top: 110px !important;
  }

  /* line 243, style.scss */
  .pt120 {
    padding-top: 120px !important;
  }

  /* line 246, style.scss */
  .mb10 {
    margin-bottom: 10px;
  }

  /* line 249, style.scss */
  .mb15 {
    margin-bottom: 15px;
  }

  /* line 252, style.scss */
  .mb20 {
    margin-bottom: 20px;
  }

  /* line 255, style.scss */
  .mb30 {
    margin-bottom: 30px;
  }

  /* line 258, style.scss */
  .mt30 {
    margin-top: 30px;
  }

  /* line 261, style.scss */
  .mb40 {
    margin-bottom: 40px;
  }

  /* line 264, style.scss */
  .mb50 {
    margin-bottom: 50px;
  }

  /* line 267, style.scss */
  .mb60 {
    margin-bottom: 60px;
  }

  /* line 270, style.scss */
  .mb70 {
    margin-bottom: 70px;
  }

  /* line 273, style.scss */
  .mb80 {
    margin-bottom: 80px;
  }

  /* line 276, style.scss */
  .mb90 {
    margin-bottom: 90px;
  }

  /* line 279, style.scss */
  .mb100 {
    margin-bottom: 100px;
  }

  /* line 282, style.scss */
  .br_pc {
    display: block;
  }

  /* line 285, style.scss */
  .br_sp {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  /* line 290, style.scss */
  .pd10 {
    padding: 5px 0;
  }

  /* line 293, style.scss */
  .pd15 {
    padding: 7px 0;
  }

  /* line 296, style.scss */
  .pd20 {
    padding: 10px 0;
  }

  /* line 299, style.scss */
  .pd30 {
    padding: 15px 0;
  }

  /* line 302, style.scss */
  .mt30 {
    margin-top: 15px;
  }

  /* line 305, style.scss */
  .pd40 {
    padding: 20px 0;
  }

  /* line 308, style.scss */
  .pd50 {
    padding: 25px 0;
  }

  /* line 311, style.scss */
  .pd60 {
    padding: 30px 0;
  }

  /* line 314, style.scss */
  .pd70 {
    padding: 35px 0;
  }

  /* line 317, style.scss */
  .pd80 {
    padding: 40px 0;
  }

  /* line 320, style.scss */
  .pd90 {
    padding: 45px 0;
  }

  /* line 323, style.scss */
  .pd100 {
    padding: 50px 0;
  }

  /* line 326, style.scss */
  .pb10 {
    padding-bottom: 5px !important;
  }

  /* line 329, style.scss */
  .pb15 {
    padding-bottom: 7px !important;
  }

  /* line 332, style.scss */
  .pb20 {
    padding-bottom: 10px !important;
  }

  /* line 335, style.scss */
  .pb30 {
    padding-bottom: 15px !important;
  }

  /* line 338, style.scss */
  .pb40 {
    padding-bottom: 20px !important;
  }

  /* line 341, style.scss */
  .pb50 {
    padding-bottom: 25px !important;
  }

  /* line 344, style.scss */
  .pb60 {
    padding-bottom: 30px !important;
  }

  /* line 347, style.scss */
  .pb70 {
    padding-bottom: 35px !important;
  }

  /* line 350, style.scss */
  .pb80 {
    padding-bottom: 40px !important;
  }

  /* line 353, style.scss */
  .pb90 {
    padding-bottom: 45px !important;
  }

  /* line 356, style.scss */
  .pb100 {
    padding-bottom: 50px !important;
  }

  /*余白Padding_Top設定*/
  /* line 360, style.scss */
  .pt0 {
    padding-top: 0px !important;
  }

  /* line 363, style.scss */
  .pt10 {
    padding-top: 5px !important;
  }

  /* line 366, style.scss */
  .pt15 {
    padding-top: 7px !important;
  }

  /* line 369, style.scss */
  .pt20 {
    padding-top: 10px !important;
  }

  /* line 372, style.scss */
  .pt30 {
    padding-top: 15px !important;
  }

  /* line 375, style.scss */
  .pt40 {
    padding-top: 20px !important;
  }

  /* line 378, style.scss */
  .pt50 {
    padding-top: 25px !important;
  }

  /* line 381, style.scss */
  .pt60 {
    padding-top: 30px !important;
  }

  /* line 384, style.scss */
  .pt70 {
    padding-top: 35px !important;
  }

  /* line 387, style.scss */
  .pt80 {
    padding-top: 40px !important;
  }

  /* line 390, style.scss */
  .pt90 {
    padding-top: 450px !important;
  }

  /* line 393, style.scss */
  .pt100 {
    padding-top: 50px !important;
  }

  /* line 396, style.scss */
  .pt110 {
    padding-top: 55px !important;
  }

  /* line 399, style.scss */
  .pt120 {
    padding-top: 60px !important;
  }

  /* line 402, style.scss */
  .mb10 {
    margin-bottom: 5px;
  }

  /* line 405, style.scss */
  .mb15 {
    margin-bottom: 7px;
  }

  /* line 408, style.scss */
  .mb20 {
    margin-bottom: 10px;
  }

  /* line 411, style.scss */
  .mb30 {
    margin-bottom: 15px;
  }

  /* line 414, style.scss */
  .mb40 {
    margin-bottom: 20px;
  }

  /* line 417, style.scss */
  .mb50 {
    margin-bottom: 25px;
  }

  /* line 420, style.scss */
  .mb60 {
    margin-bottom: 30px;
  }

  /* line 423, style.scss */
  .mb70 {
    margin-bottom: 35px;
  }

  /* line 426, style.scss */
  .mb80 {
    margin-bottom: 40px;
  }

  /* line 429, style.scss */
  .mb90 {
    margin-bottom: 45px;
  }

  /* line 432, style.scss */
  .mb100 {
    margin-bottom: 50px;
  }

  /* line 435, style.scss */
  .br_pc {
    display: none;
  }

  /* line 438, style.scss */
  .br_sp {
    display: block;
  }
}
@media screen and (min-width: 781px) {
  /* line 443, style.scss */
  .br_sp {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  /* line 448, style.scss */
  .br_sp {
    display: block;
  }
}
/*==========================
共通書式
===========================*/
/*各要素*/
/* line 460, style.scss */
* {
  min-width: 0;
  min-height: 0;
}

/* line 464, style.scss */
html {
  font-family: sans-serif;
  /* 1 */
  line-height: 1.15;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 3 */
  -webkit-text-size-adjust: 100%;
  /* 3 */
}

/*共通｜ボディ要素*/
/* line 471, style.scss */
body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  font-size: 1.4rem;
  color: #111;
  transition: z-index 0ms 5.28455ms;
  overflow-x: hidden;
  background-color: #fff;
  margin: 0;
  line-height: 2;
  box-sizing: border-box;
  color: #222;
  max-width: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-appearance: none;
}
/* line 486, style.scss */
body::-webkit-scrollbar {
  width: 15px;
}
/* line 489, style.scss */
body::-webkit-scrollbar-track {
  background-color: #ccc;
  transition: 0.8s;
}
/* line 493, style.scss */
body::-webkit-scrollbar-thumb {
  background-color: #222;
  border-radius: 3px;
}
/* line 496, style.scss */
body::-webkit-scrollbar-thumb:hover {
  cursor: grab;
}

/* line 501, style.scss */
a {
  text-decoration: none;
  transition: 0.3s;
}

/* line 505, style.scss */
a:hover {
  transition: 0.3s;
}

/*共通｜フォントサイズ設定*/
@media (max-width: 780px) {
  /* line 511, style.scss */
  html {
    font-size: 62.5%;
  }

  /* line 514, style.scss */
  body {
    font-size: 1.2rem;
    font-size: 12px;
    line-height: 1;
  }
}
@media (min-width: 781px) {
  /* line 522, style.scss */
  html {
    font-size: 62.5%;
  }

  /* line 525, style.scss */
  body {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1;
  }
}
/* line 534, style.scss */
h1, h2, h3, h4, h5, h6 {
  display: block;
  padding: 0;
  margin: 0;
}

/* line 539, style.scss */
#content {
  background-color: #fff;
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 1201px) {
  /* line 545, style.scss */
  .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 552, style.scss */
  .container {
    max-width: 1200px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 780px) {
  /* line 558, style.scss */
  .container {
    max-width: 100%;
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* line 564, style.scss */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}

/*フッターの下部固定*/
/* line 570, style.scss */
body#front_page {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* line 575, style.scss */
footer#footer {
  margin-top: auto;
}

/*共通｜PC｜ヘッダー*/
@media screen and (min-width: 1201px) {
  /* line 586, style.scss */
  #header {
    height: 100px;
    width: 100%;
    position: fixed;
    z-index: 2000;
  }

  /* line 592, style.scss */
  #header .brand_logo_sp {
    display: none;
  }

  /* line 595, style.scss */
  #header .brand_logo_pc img {
    height: 80px;
    width: auto;
    padding: 10px;
  }

  /* line 600, style.scss */
  .open #global-nav {
    z-index: 5000;
    visibility: visible;
  }

  /* line 604, style.scss */
  #global-nav {
    visibility: hidden;
    position: fixed;
    color: #fff;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    padding: 15px;
  }

  /* line 615, style.scss */
  #global-nav ul {
    height: 100%;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
  }

  /* line 625, style.scss */
  #global-nav a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
  }

  /* line 631, style.scss */
  .webshop_link {
    position: fixed;
    top: 10px;
    right: 100px;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #12724D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
  }

  /* line 646, style.scss */
  .webshop_link a i {
    font-size: 3.0rem;
    color: #fff;
  }

  /* line 650, style.scss */
  .webshop_link a p {
    font-size: 1.2rem;
    text-align: center;
    padding-top: 5px;
    color: #fff;
  }

  /* line 657, style.scss */
  #nav-bg {
    content: "";
    width: 80px;
    height: 80px;
    top: 10px;
    right: 10px;
    display: block;
    position: fixed;
    background: #269bce;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1000;
    border-radius: 50%;
  }

  /* line 675, style.scss */
  .open #nav-bg {
    -webkit-transform: scale(70);
    transform: scale(70);
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    border-radius: 50%;
    opacity: 0.9;
  }

    /* ***********************************************************
* #nav-toggle
* *********************************************************** */
  /* line 686, style.scss */
  #nav-toggle {
    display: block;
    position: fixed;
    right: 25px;
    top: 25px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 10px 5px;
    z-index: 5001;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  /* line 698, style.scss */
  #nav-toggle div {
    position: relative;
  }

  /* line 701, style.scss */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    left: 0;
    zoom: 1;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }

  /* line 712, style.scss */
  #nav-toggle span:nth-child(1) {
    top: 0;
  }

  /* line 715, style.scss */
  #nav-toggle span:nth-child(2) {
    top: 15px;
  }

  /* line 718, style.scss */
  #nav-toggle span:nth-child(3) {
    top: 30px;
  }

  /* line 721, style.scss */
  .open #nav-toggle {
    background: transparent;
  }

  /* line 724, style.scss */
  .open #nav-toggle span {
    background: #fff;
    z-index: 5000;
  }

  /* line 728, style.scss */
  .open #nav-toggle span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    zoom: 1;
  }

  /* line 734, style.scss */
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  /* line 738, style.scss */
  .open #nav-toggle span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    zoom: 1;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 746, style.scss */
  #header {
    height: 80px;
    width: 100%;
    position: fixed;
    z-index: 2000;
  }

  /* line 752, style.scss */
  #header .brand_logo_sp {
    display: none;
  }

  /* line 755, style.scss */
  #header .brand_logo_pc img {
    height: 70px;
    width: auto;
    padding: 5px;
  }

  /* line 760, style.scss */
  .open #global-nav {
    z-index: 5000;
    visibility: visible;
  }

  /* line 764, style.scss */
  #global-nav {
    visibility: hidden;
    position: fixed;
    color: #fff;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    padding: 0px;
  }

  /* line 775, style.scss */
  #global-nav ul {
    height: 100%;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row;
  }

  /* line 785, style.scss */
  #global-nav a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
  }

  /* line 791, style.scss */
  .webshop_link {
    position: fixed;
    top: 5px;
    right: 80px;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #12724D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
  }

  /* line 806, style.scss */
  .webshop_link a i {
    font-size: 2.7rem;
    color: #fff;
  }

  /* line 810, style.scss */
  .webshop_link a p {
    font-size: 1.1rem;
    text-align: center;
    padding-top: 5px;
    color: #fff;
  }

  /* line 817, style.scss */
  #nav-bg {
    content: "";
    width: 70px;
    height: 70px;
    top: 5px;
    right: 5px;
    display: block;
    position: fixed;
    background: #269bce;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1000;
    border-radius: 50%;
  }

  /* line 835, style.scss */
  .open #nav-bg {
    -webkit-transform: scale(50);
    transform: scale(50);
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    border-radius: 50%;
    opacity: 0.9;
  }

  /* line 843, style.scss */
  #nav-toggle {
    display: block;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    padding: 10px 5px;
    z-index: 5001;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  /* line 855, style.scss */
  #nav-toggle div {
    position: relative;
  }

  /* line 858, style.scss */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    left: 0;
    zoom: 1;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }

  /* line 869, style.scss */
  #nav-toggle span:nth-child(1) {
    top: 0;
  }

  /* line 872, style.scss */
  #nav-toggle span:nth-child(2) {
    top: 15px;
  }

  /* line 875, style.scss */
  #nav-toggle span:nth-child(3) {
    top: 30px;
  }

  /* line 878, style.scss */
  .open #nav-toggle {
    background: transparent;
  }

  /* line 881, style.scss */
  .open #nav-toggle span {
    background: #fff;
    z-index: 5000;
  }

  /* line 885, style.scss */
  .open #nav-toggle span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    zoom: 1;
  }

  /* line 891, style.scss */
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  /* line 895, style.scss */
  .open #nav-toggle span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    zoom: 1;
  }
}
@media screen and (max-width: 780px) {
  /* line 903, style.scss */
  #header {
    height: 60px;
    width: 100%;
    position: fixed;
    z-index: 2000;
  }

  /* line 909, style.scss */
  #header .brand_logo_sp img {
    height: 40px;
    width: auto;
    padding: 5px;
  }

  /* line 914, style.scss */
  #header .brand_logo_pc {
    display: none;
  }

  /* line 917, style.scss */
  .open #global-nav {
    z-index: 5000;
    visibility: visible;
  }

  /* line 921, style.scss */
  #global-nav {
    visibility: hidden;
    position: fixed;
    color: #fff;
    top: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    padding: 0px;
    margin: 0 auto;
  }

  /* line 933, style.scss */
  #global-nav ul {
    height: 100%;
    width: 100%;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: column;
  }

  /* line 943, style.scss */
  #global-nav a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 10px 20px;
  }

  /* line 949, style.scss */
  .webshop_link {
    position: fixed;
    top: 5px;
    right: 60px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-color: #12724D;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 1;
  }

  /* line 964, style.scss */
  .webshop_link a i {
    font-size: 2.1rem;
    color: #fff;
  }

  /* line 968, style.scss */
  .webshop_link a p {
    font-size: 1.0rem;
    text-align: center;
    padding-top: 3px;
    color: #fff;
  }

  /* line 975, style.scss */
  #nav-bg {
    content: "";
    width: 50px;
    height: 50px;
    top: 5px;
    right: 5px;
    display: block;
    position: fixed;
    background: #269bce;
    -webkit-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(1);
    transform: scale(1);
    z-index: 1000;
    border-radius: 50%;
  }

  /* line 993, style.scss */
  .open #nav-bg {
    -webkit-transform: scale(50);
    transform: scale(50);
    -webkit-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    border-radius: 50%;
    opacity: 0.9;
  }

  /* line 1001, style.scss */
  #nav-toggle {
    display: block;
    position: fixed;
    right: 10px;
    top: 8px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    padding: 10px 5px;
    z-index: 5001;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  /* line 1013, style.scss */
  #nav-toggle div {
    position: relative;
  }

  /* line 1016, style.scss */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    zoom: 1;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }

  /* line 1027, style.scss */
  #nav-toggle span:nth-child(1) {
    top: 0;
  }

  /* line 1030, style.scss */
  #nav-toggle span:nth-child(2) {
    top: 10px;
  }

  /* line 1033, style.scss */
  #nav-toggle span:nth-child(3) {
    top: 20px;
  }

  /* line 1036, style.scss */
  .open #nav-toggle {
    background: transparent;
  }

  /* line 1039, style.scss */
  .open #nav-toggle span {
    background: #fff;
    z-index: 5000;
  }

  /* line 1043, style.scss */
  .open #nav-toggle span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    zoom: 1;
  }

  /* line 1049, style.scss */
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }

  /* line 1053, style.scss */
  .open #nav-toggle span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    zoom: 1;
  }
}
/* line 1062, style.scss */
#global-nav ul li {
  opacity: 0;
}

/* line 1065, style.scss */
.open #global-nav ul li {
  opacity: 1;
  transition: 0.3s;
}

/* line 1069, style.scss */
.open #global-nav ul li:nth-child(2) {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}

/* line 1073, style.scss */
.open #global-nav ul li:nth-child(3) {
  -webkit-transition-delay: .3s;
  transition-delay: .3s;
}

/* line 1077, style.scss */
.open #global-nav ul li:nth-child(4) {
  -webkit-transition-delay: .4s;
  transition-delay: .4s;
}

/* line 1081, style.scss */
.open #global-nav ul li:nth-child(5) {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}

/* line 1085, style.scss */
.open #global-nav ul li:nth-child(6) {
  -webkit-transition-delay: .6s;
  transition-delay: .6s;
}

/* line 1089, style.scss */
.open #global-nav ul li:nth-child(7) {
  -webkit-transition-delay: .7s;
  transition-delay: .7s;
}

/* line 1093, style.scss */
.open #global-nav ul li:nth-child(8) {
  -webkit-transition-delay: .8s;
  transition-delay: .8s;
}

/* line 1097, style.scss */
.open #global-nav ul li:nth-child(9) {
  -webkit-transition-delay: .9s;
  transition-delay: .9s;
}

/* line 1101, style.scss */
.open #global-nav ul li:nth-child(10) {
  -webkit-transition-delay: 1s;
  transition-delay: 1s;
}

/*ホーム｜ムービーコンテンツ*/
/* line 1106, style.scss */
.video-container {
  width: 100%;
  height: 100vh;
  position: relative;
}

/*ホーム｜スライダーコンテンツ*/
@media screen and (min-width: 1201px) {
  /* line 1113, style.scss */
  #top_cover {
    height: 100vh;
    width: 100%;
    background-color: #efefef;
    position: relative;
  }

  /* line 1119, style.scss */
  #top_cover .top_cover_content {
    height: 100vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* line 1126, style.scss */
  #top_cover .top_cover_content .swiper-wrapper {
    height: 100vh;
    width: 100%;
  }

  /* line 1130, style.scss */
  #top_cover .top_cover_content .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 780px) {
  /* line 1138, style.scss */
  #top_cover {
    height: 50vh;
    width: 100%;
    background-color: #efefef;
    position: relative;
  }

  /* line 1144, style.scss */
  #top_cover .top_cover_content {
    height: 50vh;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

  /* line 1151, style.scss */
  #top_cover .top_cover_content .swiper-wrapper {
    height: 50vh;
    width: 100%;
  }

  /* line 1155, style.scss */
  #top_cover .top_cover_content .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/*ホーム｜営業時間 PC版*/
@media screen and (min-width: 1201px) {
  /* line 1164, style.scss */
  #top_cover .today_shop {
    position: absolute;
    box-sizing: border-box;
    width: 35%;
    left: 45px;
    bottom: 45px;
    color: #fff;
    line-height: 1;
    padding: 30px;
    z-index: 100;
  }
  /* line 1174, style.scss */
  #top_cover .today_shop .today_date {
    font-style: normal;
    font-style: normal;
    margin-bottom: 15px;
    font-size: 4.0rem;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
  }
  /* line 1182, style.scss */
  #top_cover .today_shop .today_date .week_name {
    font-size: 1.3rem;
  }
  /* line 1187, style.scss */
  #top_cover .today_shop .today_title {
    font-size: 1.3rem;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 1194, style.scss */
  #top_cover .today_shop .today_information {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: table;
    border: 1px solid #efefef;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }
  /* line 1202, style.scss */
  #top_cover .today_shop .today_information::before {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    width: 50px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    top: -10px;
    left: -25px;
  }
  /* line 1214, style.scss */
  #top_cover .today_shop .today_information::after {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    width: 50px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    bottom: -10px;
    right: -25px;
  }
  /* line 1227, style.scss */
  #top_cover .today_shop .today_information .business_information {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 30px;
    box-sizing: border-box;
  }
  /* line 1233, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 1237, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname .business_shop_img {
    flex-basis: 30%;
  }
  /* line 1240, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname .business_shop_name {
    flex-basis: 70%;
    font-size: 1.3rem;
    text-align: center;
    padding: 5px;
  }
  /* line 1248, style.scss */
  #top_cover .today_shop .today_information .business_information:first-child {
    border-right: 1px solid #efefef;
  }
  /* line 1251, style.scss */
  #top_cover .today_shop .today_information .business_time {
    text-align: center;
    display: block;
    padding: 15px 0;
  }
  /* line 1255, style.scss */
  #top_cover .today_shop .today_information .business_time .business_time_title {
    font-size: 1.2rem;
    margin-right: 0.5rem;
    background-color: #fff;
    color: #666;
    padding: 5px 10px;
  }
  /* line 1263, style.scss */
  #top_cover .today_shop .today_information .business_status {
    padding: 10px 0;
  }
  /* line 1265, style.scss */
  #top_cover .today_shop .today_information .business_status .open {
    background-color: #45aab3;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1271, style.scss */
  #top_cover .today_shop .today_information .business_status .close {
    background-color: #222;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1277, style.scss */
  #top_cover .today_shop .today_information .business_status .preview {
    background-color: #539350;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1285, style.scss */
  #top_cover .today_shop .today_information .business_shop_link a {
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
  }
  /* line 1292, style.scss */
  #top_cover .today_shop .today_information .business_shop_link a:hover {
    background-color: #fff;
    color: #222;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 1303, style.scss */
  #top_cover .today_shop {
    position: absolute;
    box-sizing: border-box;
    width: 35%;
    left: 30px;
    bottom: 30px;
    color: #fff;
    line-height: 1;
    padding: 15px;
    z-index: 100;
  }
  /* line 1313, style.scss */
  #top_cover .today_shop .today_date {
    font-style: normal;
    font-style: normal;
    margin-bottom: 15px;
    font-size: 3.0rem;
    letter-spacing: 2px;
    display: flex;
    align-items: center;
  }
  /* line 1321, style.scss */
  #top_cover .today_shop .today_date .week_name {
    font-size: 1.2rem;
  }
  /* line 1326, style.scss */
  #top_cover .today_shop .today_title {
    font-size: 1.3rem;
    padding: 15px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
  /* line 1333, style.scss */
  #top_cover .today_shop .today_information {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    display: table;
    border: 1px solid #efefef;
    padding: 0;
    background-color: rgba(255, 255, 255, 0.1);
  }
  /* line 1341, style.scss */
  #top_cover .today_shop .today_information::before {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    width: 50px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    top: -10px;
    left: -25px;
  }
  /* line 1353, style.scss */
  #top_cover .today_shop .today_information::after {
    content: "";
    position: absolute;
    transform: rotate(-45deg);
    width: 50px;
    height: 25px;
    background-color: rgba(255, 255, 255, 0.5);
    z-index: 1;
    bottom: -10px;
    right: -25px;
  }
  /* line 1366, style.scss */
  #top_cover .today_shop .today_information .business_information {
    display: table-cell;
    width: 50%;
    text-align: center;
    padding: 15px;
    box-sizing: border-box;
  }
  /* line 1372, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 1376, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname .business_shop_img {
    flex-basis: 30%;
  }
  /* line 1379, style.scss */
  #top_cover .today_shop .today_information .business_information .today_info__shopname .business_shop_name {
    flex-basis: 70%;
    font-size: 1.3rem;
    text-align: center;
    padding: 5px;
  }
  /* line 1387, style.scss */
  #top_cover .today_shop .today_information .business_information:first-child {
    border-right: 1px solid #efefef;
  }
  /* line 1390, style.scss */
  #top_cover .today_shop .today_information .business_time {
    font-size: 1.3rem;
    text-align: center;
    display: block;
    padding: 10px 0;
  }
  /* line 1395, style.scss */
  #top_cover .today_shop .today_information .business_time .business_time_title {
    font-size: 1.2rem;
    margin-right: 0.5rem;
    background-color: #fff;
    color: #666;
    padding: 5px 10px;
  }
  /* line 1403, style.scss */
  #top_cover .today_shop .today_information .business_status {
    padding: 10px 0;
  }
  /* line 1405, style.scss */
  #top_cover .today_shop .today_information .business_status .open {
    background-color: #45aab3;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1411, style.scss */
  #top_cover .today_shop .today_information .business_status .close {
    background-color: #222;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1417, style.scss */
  #top_cover .today_shop .today_information .business_status .preview {
    background-color: #539350;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 1425, style.scss */
  #top_cover .today_shop .today_information .business_shop_link a {
    font-size: 1.2rem;
    display: block;
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    padding: 10px;
  }
  /* line 1433, style.scss */
  #top_cover .today_shop .today_information .business_shop_link a:hover {
    background-color: #fff;
    color: #222;
  }
}
@media screen and (max-width: 780px) {
  /* line 1444, style.scss */
  #top_cover .today_shop {
    display: none;
  }
}
/*トップ｜緊急情報*/
@media screen and (min-width: 781px) {
  /* line 1460, style.scss */
  #breakingnews .breakingnews_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #e60012;
    box-sizing: border-box;
  }

  /* line 1469, style.scss */
  #breakingnews .breakingnews_title {
    flex-basis: 30%;
    color: #e60012;
    font-size: 24px;
    text-align: center;
    padding: 30px;
  }

  /* line 1476, style.scss */
  #breakingnews .breakingnews_timeline {
    flex-basis: 70%;
    font-size: 1.4rem;
    padding: 0 30px;
  }

  /* line 1481, style.scss */
  #breakingnews .breakingnews_timeline article {
    border-bottom: 1px solid #cdcdcd;
    padding: 30px 0;
  }

  /* line 1485, style.scss */
  #breakingnews .breakingnews_timeline article:last-child {
    border: none;
    padding: 30px 0 30px 0;
  }

  /* line 1489, style.scss */
  #breakingnews .breakingnews_timeline article h4 {
    color: #e60012;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  /* line 1494, style.scss */
  #breakingnews .breakingnews_timeline article time {
    padding: 15px 0;
    display: block;
    text-align: right;
  }

  /* line 1499, style.scss */
  #breakingnews .breakingnews_timeline article p {
    line-height: 2;
    text-align: justify;
  }
}
@media screen and (max-width: 780px) {
  /* line 1508, style.scss */
  #breakingnews .breakingnews_wrap {
    border: 1px solid #e60012;
    box-sizing: border-box;
  }

  /* line 1513, style.scss */
  #breakingnews .breakingnews_title {
    color: #e60012;
    font-size: 2.4ewm;
    text-align: center;
    padding: 45px 15px 30px 15px;
  }

  /* line 1519, style.scss */
  #breakingnews .breakingnews_timeline {
    font-size: 1.4rem;
    padding: 0 15px;
  }

  /* line 1523, style.scss */
  #breakingnews .breakingnews_timeline article {
    border-bottom: 1px solid #cdcdcd;
    padding: 30px 0;
  }

  /* line 1527, style.scss */
  #breakingnews .breakingnews_timeline article:last-child {
    border-bottom: none;
    padding: 30px 0 15px 0;
  }

  /* line 1531, style.scss */
  #breakingnews .breakingnews_timeline article h4 {
    color: #e60012;
    font-size: 1.6rem;
    line-height: 1.8;
  }

  /* line 1536, style.scss */
  #breakingnews .breakingnews_timeline article time {
    padding: 15px 0;
    display: block;
    text-align: right;
  }

  /* line 1541, style.scss */
  #breakingnews .breakingnews_timeline article p {
    line-height: 1.7;
    text-align: justify;
  }
}
/*予約カレンダー｜月間カレンダー*/
@media screen and (min-width: 781px) {
  /* line 1549, style.scss */
  .monthly-calendar {
    width: 100%;
  }

  /* line 1552, style.scss */
  .monthly-calendar table {
    width: 100%;
    border-collapse: collapse;
    font-style: normal;
    box-sizing: border-box;
  }

  /* line 1558, style.scss */
  .monthly-calendar caption {
    text-align: center;
    font-size: 3.6rem;
    padding: 15px 0;
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 1567, style.scss */
  .monthly-calendar .sun {
    color: #FC0408;
  }

  /* line 1570, style.scss */
  .monthly-calendar .sat {
    color: #14499F;
  }

  /* line 1573, style.scss */
  .monthly-calendar .no-day {
    background-color: #fff;
  }

  /* line 1576, style.scss */
  .monthly-calendar .today {
    background-color: #E5EE43;
  }

  /* line 1579, style.scss */
  .monthly-prev-next {
    padding: 10px 0;
    font-size: 1.8rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  /* line 1586, style.scss */
  .monthly-prev {
    float: left;
    border: 1px solid #666;
    padding: 15px 25px;
  }

  /* line 1591, style.scss */
  .monthly-prev-next .monthly-prev::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f137";
    margin-right: 0.5em;
  }

  /* line 1597, style.scss */
  .monthly-prev-next .monthly-next {
    float: right;
    border: 1px solid #666;
    padding: 15px 25px;
  }

  /* line 1602, style.scss */
  .monthly-prev-next .monthly-next::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f138";
    margin-left: 0.5em;
  }

  /* line 1608, style.scss */
  .monthly-prev-next br {
    display: none;
  }

  /* line 1611, style.scss */
  .schedule-note {
    font-size: 1.2rem;
  }

  /* line 1614, style.scss */
  .monthly-calendar .day-number {
    font-size: 3.6rem;
    text-align: center;
  }

  /* line 1618, style.scss */
  .calendar-mark {
    padding: 10px 0;
    text-align: center;
  }

  /* line 1622, style.scss */
  .calendar-mark .c_mark img {
    width: 30%;
  }

  /* line 1625, style.scss */
  .monthly-calendar table tr {
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
  }
}
@media screen and (max-width: 780px) {
  /* line 1631, style.scss */
  .monthly-calendar {
    width: 100%;
  }

  /* line 1634, style.scss */
  .monthly-calendar table {
    width: 100%;
    font-style: normal;
  }

  /* line 1638, style.scss */
  .monthly-calendar caption {
    text-align: center;
    font-size: 2.4rem;
    padding: 15px 0;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 1646, style.scss */
  .monthly-calendar .week-title {
    padding: 10px 0;
    font-size: 1.8rem;
    font-weight: 400;
    text-align: center;
    width: 14.2857%;
  }

  /* line 1653, style.scss */
  .monthly-calendar tr {
    border-bottom: 1px solid #cdcdcd;
  }

  /* line 1656, style.scss */
  .monthly-calendar tr:nth-child(odd) {
    background-color: #eee;
  }

  /* line 1659, style.scss */
  .monthly-calendar tr:first-child {
    border-top: 3px solid #666;
    border-bottom: 3px solid #666;
    background-color: #fff;
  }

  /* line 1664, style.scss */
  .monthly-calendar tr:last-child {
    border-bottom: 3px solid #666;
  }

  /* line 1667, style.scss */
  .monthly-calendar .sun {
    color: #FC0408;
  }

  /* line 1670, style.scss */
  .monthly-calendar .sat {
    color: #14499F;
  }

  /* line 1673, style.scss */
  .monthly-calendar .day-box {
    padding: 10px 0;
    font-size: 2.1rem;
    font-style: normal;
  }

  /* line 1678, style.scss */
  .monthly-calendar .today {
    background-color: #E5EE43;
  }

  /* line 1681, style.scss */
  .monthly-calendar .no-day {
    background-color: #fff;
  }

  /* line 1684, style.scss */
  .monthly-prev-next {
    padding: 10px 0;
    font-size: 1.4rem;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  /* line 1691, style.scss */
  .monthly-prev {
    float: left;
    border: 1px solid #666;
    padding: 10px;
  }

  /* line 1696, style.scss */
  .monthly-prev-next .monthly-prev::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f137";
    margin-right: 0.5em;
  }

  /* line 1702, style.scss */
  .monthly-prev-next .monthly-next {
    float: right;
    border: 1px solid #666;
    padding: 10px;
  }

  /* line 1707, style.scss */
  .monthly-prev-next .monthly-next::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f138";
    margin-left: 0.5em;
  }

  /* line 1713, style.scss */
  .monthly-prev-next br {
    display: none;
  }

  /* line 1716, style.scss */
  .schedule-note {
    font-size: 1.2rem;
  }

  /* line 1719, style.scss */
  .monthly-calendar .day-number {
    font-size: 2.1rem;
    text-align: center;
  }

  /* line 1723, style.scss */
  .calendar-mark {
    padding: 0;
    text-align: center;
  }

  /* line 1727, style.scss */
  .calendar-mark .c_mark img {
    width: 60%;
  }

  /* line 1730, style.scss */
  .monthly-calendar table tr {
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
  }
}
/*予約カレンダー｜時間帯指定カレンダー*/
@media screen and (min-width: 781px) {
  /* line 1740, style.scss */
  .mtssb-timetable-link tr:first-child {
    padding: 10px;
  }

  /* line 1743, style.scss */
  .day-calendar th {
    vertical-align: middle;
  }

  /* line 1746, style.scss */
  .day-calendar .c_mark img {
    width: 50px;
    height: 50px;
  }

  /* line 1750, style.scss */
  .mtssb-daily-action {
    padding: 15px 0;
  }

  /* line 1753, style.scss */
  .mtssb-daily-action button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 1770, style.scss */
  .mtssb-daily-action button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
@media screen and (max-width: 780px) {
  /* line 1779, style.scss */
  .mtssb-timetable-link tr {
    padding: 10px 0 0 0;
  }

  /* line 1782, style.scss */
  .day-calendar th,
  .day-calendar td {
    vertical-align: middle;
  }

  /* line 1786, style.scss */
  .mtssb-timetable-link .day-right {
    padding: 10px;
  }

  /* line 1789, style.scss */
  .day-calendar .c_mark img {
    width: 40px;
    height: 40px;
  }

  /* line 1793, style.scss */
  .mtssb-daily-action {
    padding: 15px 0;
  }

  /* line 1796, style.scss */
  .mtssb-daily-action button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 14rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 1813, style.scss */
  .mtssb-daily-action button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
/*トップ｜セパレーター*/
@media screen and (min-width: 781px) {
  /* line 1823, style.scss */
  #separator {
    height: 50vh;
    width: 100%;
    position: relative;
  }

  /* line 1828, style.scss */
  #separator .swiper-container {
    height: 50vh;
    width: 100%;
  }

  /* line 1832, style.scss */
  #separator .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media screen and (max-width: 780px) {
  /* line 1839, style.scss */
  #separator {
    height: 40vh;
    width: 100%;
    position: relative;
  }

  /* line 1844, style.scss */
  #separator .swiper-container {
    height: 40vh;
    width: 100%;
  }

  /* line 1848, style.scss */
  #separator .swiper-slide {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
}
/*トップ｜イントロ*/
@media screen and (min-width: 781px) {
  /* line 1857, style.scss */
  #introduction .intro_text {
    color: #333;
    text-align: center;
    padding: 50px;
  }

  /* line 1863, style.scss */
  #introduction .intro_text h3 {
    font-size: 3.6rem;
    padding-bottom: 2em;
    line-height: 1.8;
  }

  /* line 1868, style.scss */
  #introduction .intro_text p {
    font-size: 14px;
    line-height: 1.8;
  }
}
@media screen and (max-width: 780px) {
  /* line 1874, style.scss */
  #introduction .intro_text {
    color: #333;
    padding: 50px 0;
  }

  /* line 1879, style.scss */
  #introduction .intro_text h3 {
    font-size: 3.0rem;
    padding-bottom: 2em;
    line-height: 1.7;
    text-align: center;
  }

  /* line 1885, style.scss */
  #introduction .intro_text p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
}
/*共通｜記事ボックス表示*/
@media screen and (min-width: 1201px) {
  /* line 1893, style.scss */
  .newsbox {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 45px;
  }

  /* line 1900, style.scss */
  .newsbox_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 1909, style.scss */
  .newsbox_info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
  }

  /* line 1916, style.scss */
  .newsbox_cat {
    font-size: 1.3rem;
    flex-basis: 50%;
  }

  /* line 1920, style.scss */
  .newsbox_cat .cat_icon {
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
  }

  /* line 1925, style.scss */
  .newsbox_day {
    font-size: 1.4rem;
    flex-basis: 40%;
    text-align: right;
    font-style: normal;
  }

  /* line 1931, style.scss */
  .newsbox_title {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.5;
  }

  /* line 1936, style.scss */
  .newsbox article a:hover .newsbox_title {
    text-decoration: underline;
    transition: 0.3s;
  }

  /* line 1940, style.scss */
  .newsbox article a:hover .newsbox_img {
    opacity: 0.6;
    transition: 0.3s;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 1946, style.scss */
  .newsbox {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 45px;
  }

  /* line 1953, style.scss */
  .newsbox_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 1962, style.scss */
  .newsbox_info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
  }

  /* line 1969, style.scss */
  .newsbox_cat {
    font-size: 1.2rem;
    flex-basis: 50%;
  }

  /* line 1973, style.scss */
  .newsbox_cat .cat_icon {
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
  }

  /* line 1978, style.scss */
  .newsbox_day {
    font-size: 1.4rem;
    font-weight: bold;
    flex-basis: 40%;
    text-align: right;
    font-style: normal;
  }

  /* line 1985, style.scss */
  .newsbox_title {
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.6;
  }

  /* line 1990, style.scss */
  .newsbox article a:hover .newsbox_title {
    text-decoration: underline;
    transition: 0.3s;
  }

  /* line 1994, style.scss */
  .newsbox article a:hover .newsbox_img {
    opacity: 0.6;
    transition: 0.3s;
  }
}
@media screen and (max-width: 780px) {
  /* line 2000, style.scss */
  .newsbox {
    display: block;
    width: 100%;
  }

  /* line 2004, style.scss */
  .newsbox article {
    margin-bottom: 10px;
  }

  /* line 2007, style.scss */
  .newsbox article a {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
  }

  /* line 2013, style.scss */
  .newsbox_img {
    flex-basis: 30%;
  }

  /* line 2016, style.scss */
  .newsbox_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 2025, style.scss */
  .newsbox_data {
    flex-basis: 65%;
  }

  /* line 2028, style.scss */
  .newsbox_info {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
  }

  /* line 2035, style.scss */
  .newsbox_cat {
    display: block;
    font-size: 1.3rem;
    flex-basis: 50%;
  }

  /* line 2040, style.scss */
  .newsbox_cat .cat_icon {
    padding: 3px 10px;
    color: #fff;
    border-radius: 3px;
  }

  /* line 2045, style.scss */
  .newsbox_day {
    font-size: 1.4rem;
    font-weight: bold;
    flex-basis: 50%;
    text-align: right;
    font-style: normal;
  }

  /* line 2052, style.scss */
  .newsbox_title {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.4;
  }

  /* line 2057, style.scss */
  .newsbox_data .event_date {
    display: none;
  }

  /* line 2060, style.scss */
  .newsbox_data .event_place {
    display: none;
  }
}
/* line 2065, style.scss */
.event_firstday {
  background-color: #F50206;
}

/* line 2068, style.scss */
.event_lastday {
  background-color: #5E0CAC;
}

/* line 2071, style.scss */
.event_open {
  background-color: #F39800;
}

/* line 2074, style.scss */
.event_close {
  background-color: #615C5C;
}

/* line 2077, style.scss */
.event_preview {
  background-color: #4F8C29;
}

/*共通｜ページプリローダー*/
/* line 2083, style.scss */
.shutter {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #1e1e1e;
  z-index: 9999;
  -webkit-animation: byeShutter 5s forwards;
  animation: byeShutter 5s forwards;
}

/* line 2094, style.scss */
.shutter::before, .shutter::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

/* line 2102, style.scss */
.shutter::before {
  background-color: #b5a58b;
  width: 0;
  height: 1px;
  -webkit-animation: shutterOpen1 5s forwards;
  animation: shutterOpen1 5s forwards;
}

/* line 2109, style.scss */
.shutter::after {
  width: 120%;
  height: 0;
  margin-left: -10%;
  background-color: #f3f3f3;
  -webkit-animation: shutterOpen2 5s forwards;
  animation: shutterOpen2 5s forwards;
}

/* line 2117, style.scss */
.shutter_inner {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

@-webkit-keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}
@-webkit-keyframes shutterOpen1 {
  0% {
    width: 0;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  90% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@keyframes shutterOpen1 {
  0% {
    width: 0;
    height: 1px;
  }
  50% {
    width: 100%;
    height: 1px;
  }
  90% {
    width: 100%;
    height: 100%;
  }
  100% {
    width: 100%;
    height: 100%;
  }
}
@-webkit-keyframes shutterOpen2 {
  60% {
    width: 120%;
    height: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  90% {
    width: 120%;
    height: 100%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    width: 120%;
    height: 100%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@keyframes shutterOpen2 {
  60% {
    width: 120%;
    height: 0;
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  90% {
    width: 120%;
    height: 100%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  100% {
    width: 120%;
    height: 100%;
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes contentScale {
  70% {
    -webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
    transform: perspective(800px) scale(0.9) rotateX(15deg);
  }
  100% {
    -webkit-transform: perspective(800px) scale(1) rotateX(0);
    transform: perspective(800px) scale(1) rotateX(0);
  }
}
@keyframes contentScale {
  70% {
    -webkit-transform: perspective(800px) scale(0.9) rotateX(15deg);
    transform: perspective(800px) scale(0.9) rotateX(15deg);
  }
  100% {
    -webkit-transform: perspective(800px) scale(1) rotateX(0);
    transform: perspective(800px) scale(1) rotateX(0);
  }
}
/*フッター*/
@media screen and (min-width: 781px) {
  /* line 2249, style.scss */
  #footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000;
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  /* line 2259, style.scss */
  #footer .link_banner {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 40px  0;
  }

  /* line 2267, style.scss */
  .fadeInBlack {
    animation-name: fadeInBlack;
    animation-delay: 1s;
  }

  /* line 2272, style.scss */
  #footer .link_banner_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  /* line 2278, style.scss */
  #footer .link_banner_inner .link_webshop,
  #footer .link_banner_inner .link_booking {
    flex-basis: 45%;
  }

  /* line 2282, style.scss */
  #footer .link_banner_inner a {
    display: block;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.4rem;
    padding: 20px 10px;
    color: #fff;
    transition: 0.3s;
  }

  /* line 2291, style.scss */
  #footer .link_banner_inner a:hover {
    background-color: #fff;
    color: #333;
    transition: 0.3s;
  }

  /* line 2297, style.scss */
  #footer .footer_menu {
    padding: 40px 0;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
  }

  /* line 2304, style.scss */
  #footer .footer_menu_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1.4rem;
  }

  /* line 2313, style.scss */
  #footer .footer_menu00 {
    flex-basis: 40%;
  }

  /* line 2316, style.scss */
  #footer .footer_menu01,
  #footer .footer_menu02,
  #footer .footer_menu03 {
    flex-basis: 20%;
  }

  /* line 2321, style.scss */
  #footer .footer_menu_wrap a {
    color: #fff;
    display: block;
    padding: 10px 0;
  }

  /* line 2327, style.scss */
  #footer .copyright {
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(36, 13, 1, 0.9);
    font-size: 1.2rem;
  }

  /* line 2336, style.scss */
  #footer .page_top {
    width: 90px;
    height: 90px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
  }

  /* line 2348, style.scss */
  #footer .page_top a {
    color: #fff;
    font-size: 3.0rem;
    display: block;
    transition: 0.3s;
  }

  /* line 2354, style.scss */
  #footer .page_top a:hover {
    color: #333;
    transition: 0.3s;
    display: block;
  }
}
@media screen and (max-width: 780px) {
  /* line 2361, style.scss */
  #footer {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-color: #000;
    position: fixed;
    bottom: 0;
    width: 100%;
  }

  /* line 2371, style.scss */
  #footer .link_banner {
    background-color: rgba(0, 0, 0, 0.7);
    padding: 30px  0 15px 0;
  }

  /* line 2380, style.scss */
  #footer .link_banner_inner {
    display: flex;
    flex-direction: column;
  }

  /* line 2385, style.scss */
  #footer .link_banner_inner .link_webshop,
  #footer .link_banner_inner .link_booking {
    width: 100%;
    margin-bottom: 15px;
  }

  /* line 2390, style.scss */
  #footer .link_banner_inner a {
    display: block;
    border: 1px solid #fff;
    text-align: center;
    font-size: 1.4rem;
    padding: 10px 10px;
    color: #fff;
    transition: 0.3s;
  }

  /* line 2399, style.scss */
  #footer .link_banner_inner a:hover {
    background-color: #fff;
    color: #333;
    transition: 0.3s;
  }

  /* line 2405, style.scss */
  #footer .footer_menu {
    padding: 20px 0;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
  }

  /* line 2410, style.scss */
  #footer .menu_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 1.4rem;
  }

  /* line 2417, style.scss */
  #footer .menu_wrap li {
    flex-basis: 45%;
    text-align: center;
  }

  /* line 2422, style.scss */
  #footer .footer_menu00 {
    flex-basis: 100%;
  }

  /* line 2426, style.scss */
  #footer .footer_menu_wrap a {
    color: #fff;
    display: block;
    padding: 10px 0;
  }

  /* line 2432, style.scss */
  #footer .copyright {
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(36, 13, 1, 0.9);
    font-size: 1.0rem;
  }

  /* line 2441, style.scss */
  #footer .page_top {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-around;
  }

  /* line 2453, style.scss */
  #footer .page_top a {
    color: #fff;
    font-size: 2.4rem;
    display: block;
    transition: 0.3s;
  }

  /* line 2459, style.scss */
  #footer .page_top a:hover {
    color: #333;
    transition: 0.3s;
    display: block;
  }
}
/* line 2467, style.scss */
.cv_btn {
  padding: 30px 0;
  text-align: center;
  display: flex;
  justify-content: center;
}

/* line 2473, style.scss */
.cv_btn a {
  display: block;
  padding: 20px 50px;
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 700;
  font-style: normal;
  transition: 0.3s;
  background-color: #281801;
  color: #fff;
}

/* line 2483, style.scss */
.cv_btn a::after {
  content: "\f061";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin-left: 0.5em;
}

/* line 2490, style.scss */
.cv_btn a:hover {
  background-color: #dd6605;
  color: #fff;
  transition: 0.3s;
}

/*ホーム｜店舗情報*/
@media screen and (min-width: 781px) {
  /* line 2500, style.scss */
  #shop_info .shop_info_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 0px;
  }
  /* line 2506, style.scss */
  #shop_info .shop_info_wrap .shop_info_img {
    margin-bottom: 15px;
  }
  /* line 2509, style.scss */
  #shop_info .shop_info_wrap .shop_info_name {
    margin-bottom: 15px;
  }
  /* line 2511, style.scss */
  #shop_info .shop_info_wrap .shop_info_name h4 {
    font-size: 2.4rem;
    font-weight: 700;
  }
  /* line 2516, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime {
    margin-bottom: 15px;
  }
  /* line 2518, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  /* line 2522, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time .shop_info_bt_title {
    background-color: #222;
    color: #fff;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 1rem;
  }
  /* line 2529, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time .shop_info_time {
    font-size: 1.8rem;
  }
  /* line 2533, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status {
    text-align: center;
    padding: 5px;
  }
  /* line 2536, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.open {
    background-color: #45aab3;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2542, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.close {
    background-color: #222;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2548, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.preview {
    background-color: #539350;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2556, style.scss */
  #shop_info .shop_info_wrap .shop_addr {
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  /* line 2561, style.scss */
  #shop_info .shop_info_wrap .shop_tel {
    font-size: 2.4rem;
  }
  /* line 2563, style.scss */
  #shop_info .shop_info_wrap .shop_tell::before {
    content: "\f2a0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    margin-left: 0.5em;
  }
  /* line 2570, style.scss */
  #shop_info .shop_info_wrap .shop_action_btn__PC {
    display: block;
  }
  /* line 2573, style.scss */
  #shop_info .shop_info_wrap .shop_action_btn__SP {
    display: none;
  }
}
@media screen and (max-width: 780px) {
  /* line 2581, style.scss */
  #shop_info .shop_info_wrap {
    display: block;
  }
  /* line 2583, style.scss */
  #shop_info .shop_info_wrap .shop_info_img {
    margin-bottom: 15px;
  }
  /* line 2586, style.scss */
  #shop_info .shop_info_wrap .shop_info_name {
    margin-bottom: 15px;
    text-align: center;
  }
  /* line 2589, style.scss */
  #shop_info .shop_info_wrap .shop_info_name h4 {
    font-size: 2.0rem;
    font-weight: 700;
  }
  /* line 2594, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime {
    margin-bottom: 15px;
  }
  /* line 2596, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }
  /* line 2600, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time .shop_info_bt_title {
    background-color: #222;
    color: #fff;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 1rem;
  }
  /* line 2607, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .shop_business_time .shop_info_time {
    font-size: 1.8rem;
  }
  /* line 2611, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status {
    text-align: center;
    padding: 5px;
  }
  /* line 2614, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.open {
    background-color: #45aab3;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2620, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.close {
    background-color: #222;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2626, style.scss */
  #shop_info .shop_info_wrap .shop_info_businesstime .business_open_status.preview {
    background-color: #539350;
    color: #fff;
    padding: 10px;
    border-radius: 3px;
  }
  /* line 2634, style.scss */
  #shop_info .shop_info_wrap .shop_addr {
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  /* line 2639, style.scss */
  #shop_info .shop_info_wrap .shop_tel {
    font-size: 2.4rem;
    text-align: center;
  }
  /* line 2642, style.scss */
  #shop_info .shop_info_wrap .shop_tell::before {
    content: "\f2a0";
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    margin-left: 0.5em;
  }
  /* line 2649, style.scss */
  #shop_info .shop_info_wrap .shop_action_btn__PC {
    display: none;
  }
  /* line 2652, style.scss */
  #shop_info .shop_info_wrap .shop_action_btn__SP {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 0px;
  }
}
/*催事情報個別*/
@media screen and (min-width: 781px) {
  /* line 2667, style.scss */
  .event_single_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }

  /* line 2673, style.scss */
  .event_single_img {
    flex-basis: 40%;
  }

  /* line 2676, style.scss */
  .event_single_data {
    flex-basis: 55%;
  }

  /* line 2679, style.scss */
  .event_single_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 2689, style.scss */
  .event_single_title {
    text-align: center;
    font-size: 2.4rem;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 45px 0;
  }

  /* line 2697, style.scss */
  .event_single_data .event_single_status {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
  }

  /* line 2703, style.scss */
  .event_single_data .event_single_status .cat_icon {
    display: block;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px;
  }

  /* line 2709, style.scss */
  .event_single_data dl {
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.4rem;
    padding: 15px 0;
  }

  /* line 2717, style.scss */
  .event_single_data dt {
    flex-basis: 30%;
    font-weight: bold;
    text-align: center;
  }

  /* line 2722, style.scss */
  .event_single_data dd {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 780px) {
  /* line 2729, style.scss */
  .event_single_img {
    margin-bottom: 30px;
  }

  /* line 2735, style.scss */
  .event_single_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 2745, style.scss */
  .event_single_title {
    text-align: center;
    font-size: 1.8rem;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 45px 0;
  }

  /* line 2753, style.scss */
  .event_single_data .event_single_status {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
  }

  /* line 2759, style.scss */
  .event_single_data .event_single_status .cat_icon {
    display: block;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 30px;
  }

  /* line 2765, style.scss */
  .event_single_data dl {
    border-bottom: 1px solid #cdcdcd;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    font-size: 1.4rem;
    padding: 15px 0;
  }

  /* line 2773, style.scss */
  .event_single_data dt {
    flex-basis: 30%;
    font-weight: bold;
    text-align: center;
  }

  /* line 2778, style.scss */
  .event_single_data dd {
    flex-basis: 70%;
  }
}
@media screen and (min-width: 781px) {
  /* line 2784, style.scss */
  .single_pager {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 45px 0;
  }

  /* line 2791, style.scss */
  .single_pager .prev_post a,
  .single_pager .next_post a {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
  }

  /* line 2806, style.scss */
  .single_pager .prev_post a:hover,
  .single_pager .next_post a:hover {
    background-position: left bottom;
    color: #fff;
  }

  /* line 2811, style.scss */
  .single_pager .prev_post a::before {
    content: "\f060";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 0.5em;
  }

  /* line 2817, style.scss */
  .single_pager .next_post a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 0.5em;
  }
}
@media screen and (max-width: 780px) {
  /* line 2825, style.scss */
  .single_pager {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding: 45px 0;
  }

  /* line 2832, style.scss */
  .single_pager .prev_post a,
  .single_pager .next_post a {
    display: block;
    padding: 10px 30px 10px 20px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.2rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
  }

  /* line 2847, style.scss */
  .single_pager .prev_post a:hover,
  .single_pager .next_post a:hover {
    background-position: left bottom;
    color: #fff;
  }

  /* line 2852, style.scss */
  .single_pager .prev_post a::before {
    content: "\f060";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-right: 0.5em;
  }

  /* line 2858, style.scss */
  .single_pager .next_post a::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 0.5em;
  }
}
@media screen and (min-width: 781px) {
  /* line 2867, style.scss */
  .news_single_title {
    text-align: center;
    font-size: 2.4rem;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 45px 0;
  }

  /* line 2875, style.scss */
  .news_single_wrap {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
  }

  /* line 2881, style.scss */
  .news_single_img {
    flex-basis: 40%;
  }

  /* line 2884, style.scss */
  .news_single_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 2893, style.scss */
  .news_single_text {
    flex-basis: 55%;
    font-size: 1.4rem;
  }

  /* line 2897, style.scss */
  .news_single_text .news_single_data {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 45px;
  }

  /* line 2904, style.scss */
  .news_single_data .news_single_cat {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
  }

  /* line 2909, style.scss */
  .news_single_data .cat_icon {
    display: block;
    padding: 10px;
    border-radius: 4px;
  }

  /* line 2914, style.scss */
  .news_single_text .news_single_honbun {
    line-height: 2;
    text-align: justify;
  }
}
@media screen and (max-width: 780px) {
  /* line 2923, style.scss */
  .news_single_img {
    margin-bottom: 30px;
  }

  /* line 2926, style.scss */
  .news_single_img span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 2936, style.scss */
  .news_single_title {
    text-align: center;
    font-size: 1.8rem;
    font-family: kozuka-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding: 45px 0;
  }

  /* line 2944, style.scss */
  .news_single_data {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }

  /* line 2951, style.scss */
  .news_single_data .news_single_cat {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
  }

  /* line 2957, style.scss */
  .news_single_cat .cat_icon {
    display: block;
    padding: 10px;
    border-radius: 4px;
  }

  /* line 2962, style.scss */
  .news_single_honbun {
    line-height: 1.8;
    text-align: justify;
  }
}
@media screen and (min-width: 781px) {
  /* line 2969, style.scss */
  .section_title {
    font-weight: 700;
    font-style: normal;
    font-size: 5rem;
    padding: 0px 0 80px 0;
  }

  /* line 2976, style.scss */
  .sub_title {
    font-weight: 400;
    font-style: normal;
    font-size: 1.4rem;
    padding-top: 15px;
    padding-left: 2em;
  }

  /* line 2984, style.scss */
  .border_title {
    font-size: 1.6ewm;
    border-top: 3px solid #666;
    border-bottom: 3px solid #666;
    padding: 7px 0;
    margin: 30px 0;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 780px) {
  /* line 2996, style.scss */
  .section_title {
    font-weight: 700;
    font-style: normal;
    font-size: 3rem;
    padding: 0px 0 40px 0;
    line-height: 1;
  }

  /* line 3004, style.scss */
  .sub_title {
    font-weight: 700;
    font-style: normal;
    font-size: 1.4rem;
    display: block;
    line-height: 1;
    padding-top: 7px;
  }
}
/* line 3014, style.scss */
.read_copy {
  font-size: 1.8rem;
  color: #F36400;
  padding: 15px 0;
}

@media screen and (min-width: 781px) {
  /* line 3023, style.scss */
  #kamisuki_calendar .kamisuki_intro {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-content: stretch;
  }

  /* line 3029, style.scss */
  #kamisuki_calendar .kamisuki_explanation {
    flex-basis: 50%;
    background-image: url("https://test.washiclub.jp/wp/wp-content/uploads/2020/07/kamisuki2017_img01.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 3036, style.scss */
  #kamisuki_calendar .kamisuki_calendar_wrap {
    padding: 0 50px;
    flex-basis: 50%;
  }

  /* line 3040, style.scss */
  #kamisuki_calendar .kamisuki_comment h4 {
    font-size: 3.6rem;
    line-height: 1.5;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 2px;
  }

  /* line 3048, style.scss */
  #kamisuki_calendar .kamisuki_comment p {
    padding: 45px 0;
    line-height: 1.9;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 780px) {
  /* line 3055, style.scss */
  #kamisuki_calendar .kamisuki_intro {
    display: block;
  }

  /* line 3059, style.scss */
  #kamisuki_calendar .kamisuki_explanation {
    height: 60vh;
    background-image: url("https://test.washiclub.jp/wp/wp-content/uploads/2020/07/kamisuki2017_img01.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }

  /* line 3066, style.scss */
  #kamisuki_calendar .kamisuki_calendar_wrap {
    padding: 30px 15px;
  }

  /* line 3070, style.scss */
  #kamisuki_calendar .kamisuki_comment h4 {
    font-size: 3.6rem;
    line-height: 1.2;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 900;
    font-style: normal;
    letter-spacing: 2px;
  }

  /* line 3078, style.scss */
  #kamisuki_calendar .kamisuki_comment p {
    padding: 45px 0;
    line-height: 1.9;
    font-size: 1.4rem;
  }
}
/*ショップ｜ショップ情報個別*/
@media screen and (min-width: 781px) {
  /* line 3087, style.scss */
  #shop .shop_intro {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 45px;
  }

  /* line 3094, style.scss */
  #shop .shop_intro .shop_main_img {
    flex-basis: 50%;
  }

  /* line 3097, style.scss */
  #shop .shop_intro .shop_name {
    flex-basis: 45%;
    text-align: center;
  }

  /* line 3101, style.scss */
  #shop .shop_name h4 {
    font-size: 2.4rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 3107, style.scss */
  #shop .shop_name h5 {
    font-size: 1.8rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-top: 15px;
    margin-bottom: 30px;
    color: #F36400;
  }

  /* line 3116, style.scss */
  #shop .shop_intro .todays_info {
    border: 2px solid #666;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* line 3125, style.scss */
  #shop .shop_intro .todays_info dt {
    margin-right: 1em;
    font-weight: bold;
  }

  /* line 3130, style.scss */
  #shop .shop_gallery {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    padding: 45px 0;
  }

  /* line 3137, style.scss */
  #shop .shop_gallery li {
    flex-basis: 30%;
  }

  /* line 3140, style.scss */
  #shop .shop_title {
    text-align: center;
    font-size: 2.4rem;
    padding: 0px 0 45px 0;
  }

  /* line 3146, style.scss */
  #shop .shop_data_wrap {
    border: 3px solid #cdcdcd;
    padding: 45px;
    box-sizing: border-box;
  }

  /* line 3151, style.scss */
  #shop .shop_data dl {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cdcdcd;
    padding: 30px 0;
    line-height: 1.6;
  }

  /* line 3160, style.scss */
  #shop .shop_data dt {
    flex-basis: 30%;
    text-align: center;
    font-weight: bold;
    color: #F36400;
  }

  /* line 3166, style.scss */
  #shop .shop_data dd {
    flex-basis: 65%;
  }

  /* line 3170, style.scss */
  #shop .shop_access {
    padding: 45px 0;
  }

  /* line 3173, style.scss */
  #shop .shop_access_wrap article {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid #cdcdcd;
    line-height: 1.6;
  }

  /* line 3182, style.scss */
  #shop .shop_access_traffic {
    flex-basis: 20%;
    text-align: center;
    font-weight: bold;
  }

  /* line 3187, style.scss */
  #shop .shop_access_strat {
    flex-wrap: 30%;
    font-weight: bold;
    color: #F36400;
    text-align: left;
  }

  /* line 3193, style.scss */
  #shop .shop_access_means {
    flex-basis: 50%;
  }

  /* line 3196, style.scss */
  #shop .by_bus {
    background-color: #166B48;
    color: #fff;
    padding: 5px 15px;
    width: 100%;
    border-radius: 4px;
    display: block;
  }

  /* line 3204, style.scss */
  #shop .by_train {
    background-color: #e2d611;
    color: #333;
    padding: 5px 15px;
    width: 100%;
    border-radius: 4px;
    display: block;
  }

  /* line 3212, style.scss */
  #shop .by_car {
    background-color: #e60012;
    color: #fff;
    padding: 5px 15px;
    width: 100%;
    border-radius: 4px;
    display: block;
  }
}
@media screen and (max-width: 780px) {
  /* line 3222, style.scss */
  #shop .shop_intro {
    margin-bottom: 45px;
  }

  /* line 3225, style.scss */
  #shop .shop_intro .shop_main_img {
    width: 100%;
  }

  /* line 3228, style.scss */
  #shop .shop_intro .shop_name {
    text-align: center;
    padding: 30px 0;
  }

  /* line 3232, style.scss */
  #shop .shop_name h4 {
    font-size: 2.1rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 3238, style.scss */
  #shop .shop_name h5 {
    font-size: 1.6rem;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-top: 10px;
    color: #F36400;
    margin-bottom: 30px;
  }

  /* line 3247, style.scss */
  #shop .shop_intro .todays_info {
    border: 2px solid #666;
    text-align: center;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  /* line 3256, style.scss */
  #shop .shop_intro .todays_info dt {
    margin-right: 1em;
    font-weight: bold;
  }

  /* line 3261, style.scss */
  #shop .shop_gallery {
    padding: 30px 0;
  }

  /* line 3264, style.scss */
  #shop .shop_gallery li {
    margin-bottom: 5px;
  }

  /* line 3267, style.scss */
  #shop .shop_title {
    text-align: center;
    font-size: 2.1rem;
    padding: 0px 0 30px 0;
  }

  /* line 3273, style.scss */
  #shop .shop_data_wrap {
    border: 3px solid #cdcdcd;
    padding: 0 20px;
    box-sizing: border-box;
  }

  /* line 3278, style.scss */
  #shop .shop_data dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
    line-height: 1.6;
  }

  /* line 3286, style.scss */
  #shop .shop_data dl:last-child {
    border-bottom: none;
  }

  /* line 3289, style.scss */
  #shop .shop_data dt {
    font-weight: bold;
    color: #F36400;
  }

  /* line 3297, style.scss */
  #shop .shop_access {
    padding: 20px 0;
  }

  /* line 3300, style.scss */
  #shop .shop_access_wrap article {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #cdcdcd;
    line-height: 1.6;
  }

  /* line 3310, style.scss */
  #shop .shop_access_traffic {
    font-weight: bold;
    flex-basis: 100%;
  }

  /* line 3314, style.scss */
  #shop .shop_access_strat {
    font-weight: bold;
    color: #F36400;
    text-align: left;
    flex-basis: 30%;
  }

  /* line 3320, style.scss */
  #shop .shop_access_means {
    flex-basis: 65%;
  }

  /* line 3323, style.scss */
  #shop .by_bus {
    background-color: #166B48;
    color: #fff;
    padding: 3px 15px;
    border-radius: 4px;
    display: inline;
  }

  /* line 3330, style.scss */
  #shop .by_train {
    background-color: #e2d611;
    color: #fff;
    padding: 3px 15px;
    border-radius: 4px;
    display: inline;
  }

  /* line 3337, style.scss */
  #shop .by_car {
    background-color: #e60012;
    color: #fff;
    padding: 3px 15px;
    border-radius: 4px;
    display: inline;
  }
}
/*紙漉き体験｜特徴*/
@media screen and (min-width: 1201px) {
  /* line 3348, style.scss */
  #kamisuki_feature {
    background-image: url("img/kamisuki_bg01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  /* line 3354, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap {
    color: #fff;
  }
  /* line 3356, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap h4 {
    color: #dd6605;
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  /* line 3362, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  /* line 3367, style.scss */
  #kamisuki_feature .kamisuki_case {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 45px;
    grid-row-gap: 45px;
  }
  /* line 3373, style.scss */
  #kamisuki_feature .kamisuki_case article {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
  }
  /* line 3376, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon {
    padding: 30px 30px 0 30px;
  }
  /* line 3379, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
  /* line 3384, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_tips {
    padding: 15px 30px 30px 30px;
    color: #222;
    text-align: center;
  }
}
@media screen and (min-width: 601px) and (max-width: 1200px) {
  /* line 3394, style.scss */
  #kamisuki_feature {
    background-image: url("img/kamisuki_bg01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  /* line 3400, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap {
    color: #fff;
  }
  /* line 3402, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap h4 {
    color: #dd6605;
    font-size: 2.1rem;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  /* line 3408, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  /* line 3413, style.scss */
  #kamisuki_feature .kamisuki_case {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  /* line 3419, style.scss */
  #kamisuki_feature .kamisuki_case article {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
  }
  /* line 3422, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon {
    padding: 30px 30px 0 30px;
  }
  /* line 3425, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
  /* line 3430, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_tips {
    padding: 15px 30px 30px 30px;
    color: #222;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  /* line 3440, style.scss */
  #kamisuki_feature {
    background-image: url("img/kamisuki_bg01.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 3445, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap {
    color: #fff;
  }
  /* line 3447, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap h4 {
    color: #dd6605;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-bottom: 30px;
  }
  /* line 3453, style.scss */
  #kamisuki_feature .kamisuki_feature_wrap p {
    font-size: 1.4rem;
    line-height: 1.6;
  }
  /* line 3458, style.scss */
  #kamisuki_feature .kamisuki_case {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  /* line 3464, style.scss */
  #kamisuki_feature .kamisuki_case article {
    background-color: rgba(255, 255, 255, 0.7);
    text-align: center;
  }
  /* line 3467, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon {
    padding: 15px 15px 0 15px;
  }
  /* line 3470, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_icon img {
    width: 50%;
    display: block;
    margin: 0 auto;
  }
  /* line 3475, style.scss */
  #kamisuki_feature .kamisuki_case article .kamisuki_tips {
    padding: 7px 15px 15px 15px;
    color: #222;
    text-align: center;
    line-height: 1.3;
  }
}
/*紙漉き体験｜体験の流れ*/
@media screen and (min-width: 781px) {
  /* line 3489, style.scss */
  #kamisuki_flow {
    background-color: #fff;
  }
  /* line 3491, style.scss */
  #kamisuki_flow article {
    margin-bottom: 60px;
  }
  /* line 3494, style.scss */
  #kamisuki_flow article:nth-child(odd) .kamisuki_flow_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
  }
  /* line 3501, style.scss */
  #kamisuki_flow article:nth-child(odd) .kamisuki_flow_img {
    flex-basis: 60%;
  }
  /* line 3504, style.scss */
  #kamisuki_flow article:nth-child(odd) .kamisuki_flow_text {
    flex-basis: 40%;
    margin-left: -70px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 50px;
    border-bottom: 1px solid #666;
    border-right: 1px solid #666;
  }
  /* line 3512, style.scss */
  #kamisuki_flow article:nth-child(even) .kamisuki_flow_wrap {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
  }
  /* line 3519, style.scss */
  #kamisuki_flow article:nth-child(even) .kamisuki_flow_img {
    flex-basis: 60%;
  }
  /* line 3522, style.scss */
  #kamisuki_flow article:nth-child(even) .kamisuki_flow_text {
    flex-basis: 40%;
    margin-right: -70px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 50px;
    border-bottom: 1px solid #666;
    border-left: 1px solid #666;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
  }
  /* line 3531, style.scss */
  #kamisuki_flow .kamisuki_flow_number {
    font-size: 5.0rem;
    line-height: 1.5;
    font-weight: 700;
    font-style: normal;
    color: #dd6605;
  }
  /* line 3538, style.scss */
  #kamisuki_flow .kamisuki_flow_title h6 {
    font-size: 2.1rem;
    line-height: 1.5;
    color: #dd6605;
  }
  /* line 3543, style.scss */
  #kamisuki_flow .kamisuki_flow_explanation {
    line-height: 1.5;
    padding: 15px 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  /* line 3549, style.scss */
  #kamisuki_flow .kamisuki_flow_onepoint {
    border: 2px solid #C73F41;
    box-sizing: border-box;
    padding: 15px;
    color: #C73F41;
    font-size: 1.3rem;
    line-height: 1.4;
    background-color: #F7C8C9;
    border-radius: 6px;
  }
}
@media screen and (max-width: 780px) {
  /* line 3562, style.scss */
  #kamisuki_flow {
    background-color: #fff;
  }
  /* line 3564, style.scss */
  #kamisuki_flow article {
    margin-bottom: 45px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
  }
  /* line 3570, style.scss */
  #kamisuki_flow .kamisuki_flow_number {
    font-size: 5rem;
    line-height: 1.2;
    font-weight: 700;
    font-style: normal;
    color: #dd6605;
  }
  /* line 3577, style.scss */
  #kamisuki_flow .kamisuki_flow_title h6 {
    font-size: 2.1rem;
    line-height: 1.5;
    color: #dd6605;
  }
  /* line 3582, style.scss */
  #kamisuki_flow .kamisuki_flow_explanation {
    font-size: 1.4rem;
    line-height: 1.6;
    line-height: 1.5;
    padding: 15px 0;
  }
  /* line 3588, style.scss */
  #kamisuki_flow .kamisuki_flow_onepoint {
    border: 2px solid #C73F41;
    box-sizing: border-box;
    padding: 15px;
    color: #C73F41;
    font-weight: 500;
    background-color: #F7C8C9;
    border-radius: 6px;
    font-size: 1.3rem;
    line-height: 1.4;
  }
}
/*紙漉き体験｜体験の概要*/
@media screen and (min-width: 781px) {
  /* line 3604, style.scss */
  #kamisuki_guideline {
    background-color: #eee;
  }
  /* line 3607, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dl {
    display: grid;
    grid-template-columns: 0.25fr 0.75fr;
    grid-template-rows: 1fr;
    rid-column-gap: 0px;
    grid-row-gap: 0px;
    border-bottom: 1px solid #666;
    padding: 30px 0;
    font-size: 1.4rem;
  }
  /* line 3617, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dt {
    ont-weight: bold;
    color: #dd6605;
  }
  /* line 3621, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dd {
    line-height: 1.4;
  }
  /* line 3624, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table {
    margin: 0px 0 15px 0;
    padding: 10px;
    line-height: 1.6;
  }
  /* line 3629, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap th {
    border-bottom: 2px solid #666;
    border-top: 2px solid #666;
    background-color: #fff;
  }
  /* line 3634, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    text-align: center;
  }
  /* line 3639, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr:last-child {
    border-bottom: 2px solid #666;
  }
  /* line 3642, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr:nth-child(odd) {
    background-color: #fff;
  }
  /* line 3645, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap .sun {
    color: #C90A0D;
  }
  /* line 3648, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap .sat {
    color: #24577F;
  }
  /* line 3652, style.scss */
  #kamisuki_guideline .kamisuki_guideline_list {
    font-size: 1.4rem;
    line-height: 1.4;
    padding-left: 1.5em;
    text-indent: -1.5em;
  }
  /* line 3657, style.scss */
  #kamisuki_guideline .kamisuki_guideline_list li::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f111";
    margin-right: 0.5em;
    color: #dd6605;
  }

  /* line 3666, style.scss */
  .kamisuki_booking_means {
    background-color: #CC144E;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin: 15px 0;
  }

  /* line 3674, style.scss */
  .kamisuki_forchildren {
    border: 5px solid #D00004;
    box-sizing: border-box;
    padding: 30px;
    background-color: #FDFEE0;
    margin: 60px 0;
    line-height: 1.4;
  }
  /* line 3681, style.scss */
  .kamisuki_forchildren h4 {
    font-size: 2.1rem;
    font-weight: 700;
    color: #D00004;
    padding-bottom: 30px;
    text-align: center;
  }
}
@media screen and (max-width: 780px) {
  /* line 3691, style.scss */
  #kamisuki_guideline {
    background-color: #eee;
  }
  /* line 3694, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    padding-bottom: 30px;
    font-size: 1.4rem;
  }
  /* line 3702, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dt {
    width: 100%;
    font-weight: bold;
    color: #dd6605;
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 15px;
    border: 2px solid #F36400;
    padding: 7px;
    border-radius: 5px;
    background-color: #fff;
  }
  /* line 3714, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap dd {
    width: 100%;
    line-height: 1.4;
  }
  /* line 3718, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table {
    margin: 0px 0 15px 0;
    padding: 10px;
    line-height: 1.6;
  }
  /* line 3722, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table th {
    border-bottom: 2px solid #666;
    border-top: 2px solid #666;
    background-color: #fff;
  }
  /* line 3727, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr {
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    text-align: center;
  }
  /* line 3732, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr:last-child {
    border-bottom: 2px solid #666;
  }
  /* line 3735, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table tr:nth-child(odd) {
    background-color: #fff;
  }
  /* line 3738, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table .sun {
    color: #C90A0D;
  }
  /* line 3741, style.scss */
  #kamisuki_guideline .kamisuki_guideline_wrap table .sat {
    color: #24577F;
  }
  /* line 3746, style.scss */
  #kamisuki_guideline .kamisuki_guideline_list {
    line-height: 1.4;
    padding-left: 1.5em;
    text-indent: -1.5em;
    font-size: 1.4rem;
  }
  /* line 3751, style.scss */
  #kamisuki_guideline .kamisuki_guideline_list li::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    content: "\f111";
    margin-right: 0.5em;
    color: #dd6605;
  }
  /* line 3759, style.scss */
  #kamisuki_guideline .kamisuki_booking_means {
    background-color: #CC144E;
    color: #fff;
    text-align: center;
    padding: 5px;
    margin: 15px 0;
  }
  /* line 3766, style.scss */
  #kamisuki_guideline .kamisuki_forchildren {
    border: 5px solid #D00004;
    box-sizing: border-box;
    padding: 15px;
    background-color: #FDFEE0;
    margin: 30px 0;
  }
  /* line 3772, style.scss */
  #kamisuki_guideline .kamisuki_forchildren h4 {
    font-size: 2.1rem;
    font-weight: 700;
    color: #D00004;
    padding: 45px 0;
    text-align: center;
  }
  /* line 3779, style.scss */
  #kamisuki_guideline .kamisuki_forchildren p {
    font-size: 1.4rem;
    line-height: 1.4;
  }
}
/*紙漉き体験｜FAQ*/
@media screen and (min-width: 781px) {
  /* line 3791, style.scss */
  #kamisuki_faq {
    background-color: #fff;
  }

  /* チェックボックスは非表示 */
  /* line 3795, style.scss */
  .accordion-hidden {
    display: none;
  }

  /* Question部分 */
  /* line 3800, style.scss */
  .accordion-open {
    display: block;
    padding: 15px 150px 15px 90px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    border-radius: 5px;
    /*
    background: #52a261;
    */
  }

  /* 開閉状態を示すアイコン+の作成 */
  /* line 3815, style.scss */
  .accordion-open::before,
  .accordion-open::after {
    content: '';
    width: 20px;
    height: 3px;
    background: #22378B;
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
  }

  /* 一本は縦にして+を作る */
  /* line 3828, style.scss */
  .accordion-open::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
  }

  /* QとAのデザイン */
  /* line 3834, style.scss */
  .accordion-open span,
  .accordion-close span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
  }

  /* line 3846, style.scss */
  .accordion .faq_question {
    color: #22378B;
    font-size: 2.4rem;
    font-weight: 700;
  }

  /* line 3851, style.scss */
  .accordion .faq_answer {
    color: #D00004;
    font-size: 2.4rem;
    font-weight: 700;
  }

  /* アコーディオンが開いたら縦棒を横棒にして-にする */
  /* line 3858, style.scss */
  .accordion-hidden:checked + .accordion-open:after {
    transform: translateY(-50%) rotate(0);
  }

  /* Answer部分 */
  /* line 3863, style.scss */
  .accordion-close {
    display: block;
    height: 0;
    /* 要素の高さは0 */
    overflow: hidden;
    /* 非表示 */
    padding: 0 150px 0 90px;
    opacity: 0;
    transition: 0.5s;
    /* 表示速度の設定 */
    position: relative;
    border: 1px solid #D00004;
  }

  /* チェックボックスにチェックが入ったらAnswer部分を表示する */
  /* line 3875, style.scss */
  .accordion-hidden:checked + .accordion-open + .accordion-close {
    height: auto;
    opacity: 1;
    padding: 10px 150px 10px 90px;
    background: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    border-radius: 5px;
  }
}
@media screen and (max-width: 780px) {
  /* line 3886, style.scss */
  #kamisuki_faq {
    background-color: #fff;
  }

  /* チェックボックスは非表示 */
  /* line 3890, style.scss */
  .accordion-hidden {
    display: none;
  }

  /* Question部分 */
  /* line 3895, style.scss */
  .accordion-open {
    display: block;
    padding: 15px 60px 15px 60px;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    border-radius: 5px;
  }

  /* 開閉状態を示すアイコン+の作成 */
  /* line 3908, style.scss */
  .accordion-open::before,
  .accordion-open::after {
    content: '';
    width: 20px;
    height: 3px;
    background: #22378B;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
  }

  /* 一本は縦にして+を作る */
  /* line 3921, style.scss */
  .accordion-open::after {
    transform: translateY(-50%) rotate(90deg);
    transition: .5s;
  }

  /* QとAのデザイン */
  /* line 3927, style.scss */
  .accordion-open span,
  .accordion-close span {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 100%;
    position: absolute;
    text-align: center;
    left: 0;
    top: 0;
  }

  /* line 3939, style.scss */
  .accordion .faq_question {
    color: #22378B;
    font-size: 2.4rem;
    font-weight: 700;
  }

  /* line 3944, style.scss */
  .accordion .faq_answer {
    color: #D00004;
    font-size: 2.4rem;
    font-weight: 700;
  }

  /* アコーディオンが開いたら縦棒を横棒にして-にする */
  /* line 3951, style.scss */
  .accordion-hidden:checked + .accordion-open:after {
    transform: translateY(-50%) rotate(0);
  }

  /* Answer部分 */
  /* line 3956, style.scss */
  .accordion-close {
    display: block;
    height: 0;
    /* 要素の高さは0 */
    overflow: hidden;
    /* 非表示 */
    padding: 0px 10px 0px 60px;
    opacity: 0;
    transition: 0.5s;
    /* 表示速度の設定 */
    position: relative;
    border: 1px solid #D00004;
  }

  /* チェックボックスにチェックが入ったらAnswer部分を表示する */
  /* line 3968, style.scss */
  .accordion-hidden:checked + .accordion-open + .accordion-close {
    height: auto;
    opacity: 1;
    padding: 10px 10px 10px 60px;
    background: #fff;
    font-weight: 400;
    margin-bottom: 15px;
    border-radius: 5px;
    line-height: 1.5;
    text-align: justify;
  }
}
/*紙漉き体験｜紙漉きイントロ*/
@media screen and (min-width: 781px) {
  /* line 3985, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 60px;
    grid-row-gap: 0px;
    align-items: center;
  }
  /* line 3995, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap .kamisuki_intro_text h4 {
    font-size: 2.1rem;
    color: #dd6605;
    padding: 15px 0;
  }
  /* line 4000, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap .kamisuki_intro_text p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
}
@media screen and (max-width: 780px) {
  /* line 4009, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap {
    display: flex;
    flex-direction: column;
  }
  /* line 4012, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap .kamisuki_intro_img {
    margin-bottom: 30px;
  }
  /* line 4016, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap .kamisuki_intro_text h4 {
    font-size: 1.8rem;
    color: #dd6605;
    padding: 15px 0;
    text-align: center;
  }
  /* line 4022, style.scss */
  #kamisuki_intro .kamisuki_intro_wrap .kamisuki_intro_text p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
}

/*紙漉き体験｜予約お問い合わせ2022.6.8*/
@media screen and (min-width: 601px) {
  /* line 4036, style.scss */
  #kamisuki_booking .kamisuki_action h5 {
    color: #dd6605;
    font-size: 2.1rem;
    text-align: center;
    margin-bottom: 15px;
  }
  /* line 4042, style.scss */
  #kamisuki_booking .kamisuki_action p {
    font-size: 1.4rem;
    text-align: center;
  }
  /* line 4046, style.scss */
  #kamisuki_booking .kamisuki_action .action_tel_pc {
    display: block;
    font-size: 3.5rem;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  /* line 4053, style.scss */
  #kamisuki_booking .kamisuki_action .action_tel_sp {
    display: none;
  }
  /* line 4057, style.scss */
  #kamisuki_booking .kamisuki_action_btn {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 4062, style.scss */
  #kamisuki_booking .kamisuki_action_btn a {
    width: 50%;
    background-color: #281801;
    color: #fff;
    font-size: 1.8rem;
    padding: 20px;
    transition: 0.3s;
    text-align: center;
    border-radius: 3px;
  }
  /* line 4072, style.scss */
  #kamisuki_booking .kamisuki_action_btn a:hover {
    background-color: #dd6605;
    transition: 0.3s;
  }
  /* line 4077, style.scss */
  #kamisuki_booking ul {
    font-size: 1.3rem;
    line-height: 1.3;
    text-align: center;
  }
}
@media screen and (max-width: 600px) {
  /* line 4085, style.scss */
  #kamisuki_booking .kamisuki_action h5 {
    color: #dd6605;
    font-size: 2.1rem;
    text-align: center;
    margin-bottom: 15px;
  }
  /* line 4091, style.scss */
  #kamisuki_booking .kamisuki_action p {
    font-size: 1.4rem;
    text-align: center;
    line-height: 1.4;
  }
  /* line 4097, style.scss */
  #kamisuki_booking .kamisuki_action_btn {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 4102, style.scss */
  #kamisuki_booking .kamisuki_action_btn a {
    width: 100%;
    background-color: #281801;
    color: #fff;
    font-size: 1.8rem;
    padding: 20px;
    transition: 0.3s;
    text-align: center;
    border-radius: 3px;
  }
  /* line 4112, style.scss */
  #kamisuki_booking .kamisuki_action_btn a:hover {
    background-color: #dd6605;
    transition: 0.3s;
  }
  /* line 4117, style.scss */
  #kamisuki_booking .action_tel_pc {
    display: none;
  }
  /* line 4121, style.scss */
  #kamisuki_booking .action_tel_sp .kamisuki_action_btn {
    padding: 15px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  /* line 4126, style.scss */
  #kamisuki_booking .action_tel_sp .kamisuki_action_btn a {
    width: 100%;
    background-color: #281801;
    color: #fff;
    font-size: 1.8rem;
    padding: 20px;
    transition: 0.3s;
    text-align: center;
    border-radius: 3px;
  }
  /* line 4136, style.scss */
  #kamisuki_booking .action_tel_sp .kamisuki_action_btn a:hover {
    background-color: #dd6605;
    transition: 0.3s;
  }
  /* line 4142, style.scss */
  #kamisuki_booking ul {
    font-size: 1.2rem;
    line-height: 1.3;
    text-align: center;
  }
}

/*紙漉き体験｜カレンダー凡例*/
@media screen and (min-width: 781px) {
  /* line 4157, style.scss */
  .kamisuki_calender_rules {
    padding: 30px 0;
  }

  /* line 4160, style.scss */
  .kamisuki_calender_rules h4 {
    text-align: center;
    font-size: 1.8rem;
  }

  /* line 4164, style.scss */
  .calendar_rules_wrap {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    padding: 15px 0;
  }

  /* line 4172, style.scss */
  .calendar_rules_wrap .calendar_rules_monthly {
    flex-basis: 48%;
  }

  /* line 4175, style.scss */
  .calendar_rules_wrap .calendar_rules_daily {
    flex-basis: 48%;
  }

  /* line 4178, style.scss */
  .calendar_rules_wrap table th,
  .calendar_rules_wrap table td {
    vertical-align: middle;
    text-align: center;
  }

  /* line 4183, style.scss */
  .calendar_rules_wrap table th {
    border-top: 3px solid #666;
    border-bottom: 3px solid #666;
    padding: 5px 0;
  }

  /* line 4188, style.scss */
  .calendar_rules_wrap td {
    border-bottom: 1px solid #666;
  }

  /* line 4191, style.scss */
  .calendar_rules_wrap tr:last-child {
    border-bottom: 3px solid #666;
  }

  /* line 4194, style.scss */
  .calendar_rules_wrap .c_mark img {
    width: 20px;
    height: 20px;
    padding: 5px 10px 0 10px;
  }

  /*紙漉き体験｜日別カレンダー*/
  /* line 4202, style.scss */
  .day-calendar {
    width: 100%;
    max-width: 100%;
  }

  /* line 4206, style.scss */
  .day-calendar caption {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 2.4rem;
    margin: 30px 0;
  }

  /* line 4222, style.scss */
  .day-calendar tr:first-child {
    padding: 10px;
  }

  /* line 4225, style.scss */
  .day-calendar th {
    vertical-align: middle;
  }

  /* line 4228, style.scss */
  .day-calendar .c_mark img {
    width: 50px;
    height: 50px;
    padding: 10px 10px 0 10px;
  }

  /* line 4233, style.scss */
  .mtssb-daily-action {
    padding: 15px 0;
  }

  /* line 4236, style.scss */
  .mtssb-daily-action button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 4253, style.scss */
  .mtssb-daily-action button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
@media screen and (max-width: 780px) {
  /* line 4260, style.scss */
  .mtssb-timetable-link tr {
    padding: 10px;
  }

  /* line 4263, style.scss */
  .day-calendar th {
    vertical-align: middle;
  }

  /* line 4266, style.scss */
  .mtssb-timetable-link .day-right {
    padding: 10px;
  }

  /* line 4269, style.scss */
  .day-calendar .c_mark img {
    width: 40px;
    height: 40px;
  }

  /* line 4273, style.scss */
  .mtssb-daily-action {
    padding: 15px 0;
  }

  /* line 4276, style.scss */
  .mtssb-daily-action button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 4293, style.scss */
  .mtssb-daily-action button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
@media screen and (min-width: 781px) {
  /* line 4304, style.scss */
  #kamisuki_calendar .monthly-calendar {
    display: none;
  }

  /* line 4307, style.scss */
  .timetable-calendar {
    width: 100%;
  }
  /* line 4309, style.scss */
  .timetable-calendar table {
    width: 100%;
    border-collapse: collapse;
    font-family: Helvetica,Arial, "sans-serif";
    font-size: 1.4rem;
    font-style: normal;
    box-sizing: border-box;
  }
  /* line 4316, style.scss */
  .timetable-calendar table .calendar-caption {
    font-size: 3rem;
    padding: 20px;
  }
  /* line 4320, style.scss */
  .timetable-calendar table th {
    border-top: 3px solid #666;
    border-bottom: 3px solid #666;
    padding: 5px;
  }
  /* line 4325, style.scss */
  .timetable-calendar table td {
    border-bottom: 1px solid #666;
    padding: 5px;
  }
  /* line 4329, style.scss */
  .timetable-calendar table tr:last-child {
    border-bottom: 3px solid #666;
  }
  /* line 4332, style.scss */
  .timetable-calendar table tr:nth-of-type(even) {
    background-color: #efefef;
  }
  /* line 4335, style.scss */
  .timetable-calendar table .day-box {
    width: 14.28571%;
  }
  /* line 4338, style.scss */
  .timetable-calendar table .week-title.sun,
  .timetable-calendar table .sun .day-number,
  .timetable-calendar table .holiday .day-number {
    color: #B70205;
  }
  /* line 4343, style.scss */
  .timetable-calendar table .week-title.sat,
  .timetable-calendar table .sat .day-number {
    color: #269CC1;
  }
  /* line 4347, style.scss */
  .timetable-calendar table .schedule-note {
    text-align: center;
    font-size: 1.2rem;
    padding-bottom: 10px;
  }
  /* line 4352, style.scss */
  .timetable-calendar table .day-number {
    text-align: center;
    font-size: 3.2rem;
    padding: 10px 0;
  }
  /* line 4357, style.scss */
  .timetable-calendar table .calendar-time-mark {
    margin-left: 5px;
    margin-right: 5px;
    border: 1px solid #cdcdcd;
    padding: 10px;
    border-radius: 3px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 5px;
    transition: 0.3s;
    background-color: #fff;
  }
  /* line 4370, style.scss */
  .timetable-calendar table .calendar-time-mark:hover {
    background-color: #222;
    color: #fff;
    transition: 0.3s;
    cursor: pointer;
  }
  /* line 4377, style.scss */
  .timetable-calendar table .calendar-time-mark:last-child {
    padding-bottom: 10px;
  }
  /* line 4380, style.scss */
  .timetable-calendar table .calendar-time-mark .time-string {
    text-align: right;
    padding-right: 1em;
    font-size: 1.6rem;
  }
  /* line 4385, style.scss */
  .timetable-calendar table .c_mark {
    text-align: left;
    align-self: center;
  }
  /* line 4389, style.scss */
  .timetable-calendar table .c_mark img {
    width: 20px;
    height: 20px;
  }
  /* line 4393, style.scss */
  .timetable-calendar table .calendar-time-disable {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 4398, style.scss */
  .timetable-calendar table .today {
    background-color: #E5EE43;
  }
}
@media screen and (max-width: 780px) {
  /* line 4405, style.scss */
  .timetable-calendar {
    display: none;
  }
}
/*トップ｜紙漉き紹介*/
@media screen and (min-width: 781px) {
  /* line 4414, style.scss */
  #top_kamisuki .top_kamisuki_wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 60px;
    grid-row-gap: 60px;
  }
  /* line 4420, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img01 {
    grid-area: 1 / 1 / 2 / 2;
    position: relative;
    width: 100%;
    height: 100%;
  }
  /* line 4425, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img01::before {
    position: absolute;
    content: "";
    background-image: url("img/top_kamisuki_img01.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  /* line 4438, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text {
    grid-area: 1 / 2 / 2 / 3;
  }
  /* line 4440, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text h4 {
    font-size: 3.6rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
  }
  /* line 4447, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text p {
    line-height: 1.8;
    font-size: 1.4rem;
    text-align: justify;
    padding: 15px 0;
  }
  /* line 4454, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender {
    grid-area: 2 / 1 / 3 / 2;
  }
  /* line 4457, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img02 {
    position: relative;
    width: 100%;
    height: 100%;
    grid-area: 2 / 2 / 3 / 3;
  }
  /* line 4462, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img02::before {
    position: absolute;
    content: "";
    background-image: url("img/top_kamisuki_img02.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 780px) {
  /* line 4478, style.scss */
  #top_kamisuki .top_kamisuki_wrap {
    display: flex;
    flex-direction: column;
  }
  /* line 4481, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img01 {
    width: 100%;
    height: 50vh;
    margin-bottom: 60px;
    background-image: url("img/top_kamisuki_img01.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  /* line 4490, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text {
    margin-bottom: 60px;
  }
  /* line 4492, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text h4 {
    font-size: 2.5rem;
    line-height: 1.4;
    font-weight: 700;
    font-style: normal;
    letter-spacing: 2px;
    text-align: center;
  }
  /* line 4500, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_text p {
    line-height: 1.8;
    font-size: 1.4rem;
    text-align: justify;
    padding: 15px 0;
  }
  /* line 4507, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender {
    margin-bottom: 60px;
  }
  /* line 4510, style.scss */
  #top_kamisuki .top_kamisuki_wrap .top_kamisuki_img02 {
    width: 100%;
    height: 50vh;
    margin-bottom: 30px;
    background-image: url("img/top_kamisuki_img02.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

/*トップ｜紙漉きカレンダー本体*/
/* line 4528, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .calendar-mark {
  padding: 0;
}
/* line 4531, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .c_mark img {
  height: 20px;
  width: 20px;
  padding: 0;
}
/* line 4536, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar table a {
  pointer-events: none;
}
/* line 4539, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar tr,
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar th,
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar td {
  padding: 0;
}
/* line 4544, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .day-number {
  font-size: 1.8rem;
  padding: 0;
}
/* line 4548, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .day-box {
  padding: 5px 0;
  font-size: 2.1rem;
  font-style: normal;
  text-align: center;
}
/* line 4554, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .disable {
  background-image: none;
}
/* line 4557, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar table tr {
  padding: 5px 0;
}
/* line 4560, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .schedule-note {
  font-size: 1.0rem;
}
/* line 4563, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .week-title {
  padding: 10px 0;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  width: 14.2857%;
}
/* line 4570, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .header-row {
  border-top: 3px solid #666;
  border-bottom: 3px solid #666;
  background-color: #fff;
}
/* line 4575, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar tr:nth-child(even) .day-box {
  background-color: #eee;
}
/* line 4578, style.scss */
#top_kamisuki .top_kamisuki_wrap .top_kamisuki_calender .monthly-calendar .week-row:last-child {
  border-bottom: 3px solid #666;
}

/*紙漉き予約｜予約フォーム*/
@media screen and (min-width: 781px) {
  /* line 4591, style.scss */
  #booking-form table {
    width: 100%;
  }

  /* line 4594, style.scss */
  #booking-form table tr {
    border-bottom: 1px solid #666;
    padding: 10px 0;
  }

  /* line 4598, style.scss */
  #booking-form #booking-reservation-fieldset,
  #booking-form #booking_client-fieldset,
  #booking-form #booking-message-fieldset,
  #booking-form .booking-confirm-fieldset,
  #booking-option-fieldset {
    margin-bottom: 60px;
  }

  /* line 4605, style.scss */
  #booking-form #booking-reservation-fieldset legend,
  #booking-form #booking_client-fieldset legend,
  #booking-form #booking-message-fieldset legend,
  #booking-option-fieldset legend {
    border-bottom: 3px solid #666;
    border-top: 3px solid #666;
    padding: 10px 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.6rem;
  }

  /* line 4618, style.scss */
  #booking-form #booking-reservation-fieldset table tr,
  #booking-form #booking_client-fieldset table tr,
  #booking-form #booking-message-fieldset table tr,
  #booking-option-fieldset table tr {
    padding: 15px 0;
  }

  /* line 4624, style.scss */
  #booking-form #booking-reservation-fieldset table td,
  #booking-form #booking_client-fieldset table td,
  #booking-form #booking-message-fieldset table td,
  #booking-option-fieldset table td {
    padding: 15px 0;
  }

  /* line 4630, style.scss */
  #booking-form #booking-reservation-fieldset table th,
  #booking-form #booking_client-fieldset table th,
  #booking-form #booking-message-fieldset table th,
  #booking-option-fieldset table th {
    vertical-align: middle;
    padding: 10px 0;
    width: 30%;
  }

  /* line 4638, style.scss */
  #booking-form #booking-reservation-fieldset table td,
  #booking-form #booking_client-fieldset table td,
  #booking-form #booking-message-fieldset table td,
  #booking-option-fieldset table td {
    width: 70%;
  }

  /* line 4644, style.scss */
  #booking-form .booking-form-booking-name-row td {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
  }

  /* line 4650, style.scss */
  #booking-form .booking-form-booking-name-row .booking_form_name {
    flex-basis: 50%;
    font-size: 1.8rem;
    font-weight: bold;
  }

  /* line 4655, style.scss */
  #booking-form .booking-form-booking-name-row .booking_form_date {
    flex-basis: 50%;
    font-size: 1.8rem;
    font-weight: bold;
  }

  /* line 4660, style.scss */
  #booking-form .content-text.medium,
  #booking-form .content-text.fat {
    width: 100%;
    box-sizing: border-box;
    font-size: 18px;
    padding: 10px;
    border: #ccc 1px solid;
  }

  /* line 4668, style.scss */
  #booking-form #client-address2 {
    margin-top: 10px;
  }

  /* line 4671, style.scss */
  #booking-form #booking-sei {
    margin-right: 1em;
  }

  /* line 4674, style.scss */
  #booking-form .content-text.small-medium {
    width: 40%;
    box-sizing: border-box;
    font-size: 1.8rem;
    padding: 10px;
    margin-bottom: 5px;
    border: #ccc 1px solid;
  }

  /* line 4682, style.scss */
  #booking-form select {
    -webkit-appearance: none;
    appearance: none;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.8rem;
    border: #ccc 1px solid;
    border-radius: 0;
    background: #fff;
    background-image: url("img/select_arrow.svg");
    background-repeat: no-repeat;
    background-size: 16px 10px;
    background-position: right 10px center;
  }

  /* line 4697, style.scss */
  #booking-form select::-ms-expand {
    display: none;
  }

  /* line 4700, style.scss */
  #booking-form .client-adult {
    margin-bottom: 10px;
  }

  /* line 4703, style.scss */
  #booking-form .error-message {
    position: relative;
    padding: 10px;
    background-color: #ffadad;
    margin-top: 20px;
    border-radius: 5px;
  }

  /* line 4710, style.scss */
  #booking-form .error-message::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    left: 20px;
    top: -15px;
    border-left: 20px solid #ffadad;
    border-top: 20px solid #ffadad;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  /* 白い半円 */
  /* line 4726, style.scss */
  #booking-form .error-message::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    left: 35px;
    top: -20px;
    border-left: 20px solid #ffffff;
    border-top: 20px solid #ffffff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  /* line 4741, style.scss */
  #booking-form .required {
    color: red;
  }

  /* line 4744, style.scss */
  #booking-form #action-button {
    padding: 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  /* line 4750, style.scss */
  #booking-form #action-button button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 4767, style.scss */
  #booking-form #action-button button::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 0.5em;
  }

  /* line 4774, style.scss */
  #booking-form #action-button button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
@media screen and (max-width: 780px) {
  /* line 4780, style.scss */
  #booking-form table {
    width: 100%;
  }

  /* line 4783, style.scss */
  #booking-form table tr {
    border-bottom: 1px solid #666;
    padding: 30px 0;
  }

  /* line 4787, style.scss */
  #booking-form #booking-reservation-fieldset,
  #booking-form #booking_client-fieldset,
  #booking-form #booking-message-fieldset,
  #booking-option-fieldset {
    margin-bottom: 60px;
  }

  /* line 4793, style.scss */
  #booking-form #booking-reservation-fieldset legend,
  #booking-form #booking_client-fieldset legend,
  #booking-form #booking-message-fieldset legend,
  #booking-option-fieldset legend {
    border-bottom: 3px solid #666;
    border-top: 3px solid #666;
    padding: 7px 0;
    text-align: center;
    width: 100%;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.5rem;
  }

  /* line 4806, style.scss */
  #booking-form #booking-reservation-fieldset table tr,
  #booking-form #booking_client-fieldset table tr,
  #booking-form #booking-message-fieldset table tr,
  #booking-option-fieldset table tr {
    display: flex;
    flex-wrap: wrap;
  }

  /* line 4817, style.scss */
  #booking-form #booking-reservation-fieldset table th,
  #booking-form #booking_client-fieldset table th,
  #booking-form #booking-message-fieldset table th
  #booking-option-fieldset table th {
    width: 100%;
    text-align: left;
  }

  /* line 4824, style.scss */
  #booking-form #booking-reservation-fieldset table td,
  #booking-form #booking_client-fieldset table td,
  #booking-form #booking-message-fieldset table td
  #booking-option-fieldset table td {
    width: 100%;
  }

  /* line 4830, style.scss */
  #booking-form .booking-form-booking-name-row td {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* line 4836, style.scss */
  #booking-form .booking-form-booking-name-row .booking_form_name {
    padding-bottom: 5px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
  }

  /* line 4842, style.scss */
  #booking-form .booking-form-booking-name-row .booking_form_date {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
  }

  /* line 4847, style.scss */
  #booking-form .content-text.medium,
  #booking-form .content-text.fat {
    width: 100%;
    box-sizing: border-box;
    font-size: 1.8rem;
    padding: 10px;
    border: #ccc 1px solid;
  }

  /* line 4855, style.scss */
  #booking-form #client-address2 {
    margin-top: 10px;
  }

  /* line 4858, style.scss */
  #booking-form #booking-sei {
    margin-right: 1em;
  }

  /* line 4861, style.scss */
  #booking-form .content-text.small-medium {
    width: 43%;
    box-sizing: border-box;
    font-size: 1.8rem;
    padding: 10px;
    margin-bottom: 5px;
    border: #ccc 1px solid;
  }

  /* line 4869, style.scss */
  #booking-form select {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 1.8rem;
    border: #ccc 1px solid;
    border-radius: 0;
    background: #fff;
    background-image: url("img/select_arrow.svg");
    background-repeat: no-repeat;
    background-size: 16px 10px;
    background-position: right 10px center;
  }

  /* line 4884, style.scss */
  #booking-form select::-ms-expand {
    display: none;
  }

  /* line 4887, style.scss */
  #booking-form .client-adult {
    margin-bottom: 10px;
  }

  /* line 4890, style.scss */
  #booking-form .error-message {
    position: relative;
    padding: 10px;
    background-color: #ffadad;
    margin-top: 20px;
    border-radius: 5px;
  }

  /* line 4897, style.scss */
  #booking-form .error-message::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    left: 20px;
    top: -15px;
    border-left: 20px solid #ffadad;
    border-top: 20px solid #ffadad;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  /* 白い半円 */
  /* line 4913, style.scss */
  #booking-form .error-message::after {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: rotate(45deg);
    left: 35px;
    top: -20px;
    border-left: 20px solid #ffffff;
    border-top: 20px solid #ffffff;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
  }

  /* line 4928, style.scss */
  #booking-form .required {
    color: red;
  }

  /* line 4931, style.scss */
  #booking-form #action-button {
    padding: 30px 0;
    text-align: center;
    display: flex;
    justify-content: center;
  }

  /* line 4937, style.scss */
  #booking-form #action-button button {
    display: block;
    padding: 20px 60px 20px 50px;
    background: linear-gradient(to right, #471e0e 50%, #fff 50%);
    background-size: 200% 100.5%;
    background-position: right bottom;
    font-size: 1.4rem;
    color: #020202;
    border: 1px solid #cdcdcd;
    border-left: 10px solid #471e0e;
    border-color: #471e0e;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.08);
    transition: all .5s ease-out;
    font-family: source-han-sans-japanese, sans-serif;
    font-weight: 700;
    font-style: normal;
  }

  /* line 4954, style.scss */
  #booking-form #action-button button::after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    margin-left: 0.5em;
  }

  /* line 4961, style.scss */
  #booking-form #action-button button:hover {
    background-position: left bottom;
    color: #fff;
  }
}
/*紙漉き予約｜予約確認*/
/* line 4969, style.scss */
#booking-form #booking-confirm-fieldset legend,
#booking-form #booking-confirm-fieldset .option-confirm-header {
  border-bottom: 3px solid #666;
  border-top: 3px solid #666;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1.6rem;
  margin-top: 60px;
}

/* line 4981, style.scss */
#booking-form #booking-confirm-fieldset table tr {
  border-bottom: 1px solid #ddd;
}

/* line 4984, style.scss */
#booking-form #booking-confirm-fieldset table th,
#booking-form #booking-confirm-fieldset table td {
  padding: 15px 0;
  vertical-align: middle;
}

/*紙漉き予約｜予約完了*/
/* line 4990, style.scss */
.booking_thanks_title {
  padding: 30px 0 60px 0;
}

/* line 4993, style.scss */
.booking_thanks_title h3 {
  font-size: 3.6rem;
  display: block;
  text-align: center;
  padding-bottom: 20px;
}

/* line 4999, style.scss */
.booking_thanks_title p {
  font-weight: bold;
  text-align: center;
}

/* line 5003, style.scss */
.booking_thanks_message {
  padding: 30px 0;
}

/* line 5006, style.scss */
.booking_thanks_message article {
  padding: 30px 0;
}

/* line 5009, style.scss */
.booking_thanks_message h4 {
  border-top: 3px solid #333;
  border-bottom: 3px solid #333;
  padding: 10px 0;
  font-size: 1.6rem;
  text-align: center;
}

/* line 5016, style.scss */
.booking_thanks_message p {
  padding-top: 30px;
  line-height: 1.9;
}

/* line 5020, style.scss */
.booking_thanks_message em {
  font-weight: bold;
  color: red;
  font-style: normal;
}

/*共通｜ページタイトル*/
@media screen and (min-width: 1201px) {
  /* line 5029, style.scss */
  #page_title {
    height: 60vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 5035, style.scss */
  #page_title .page_title_wrap {
    position: relative;
    height: 60vh;
    width: 100%;
  }
  /* line 5040, style.scss */
  #page_title .page_title_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 6.0rem;
    color: #fff;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 5051, style.scss */
  #page_title {
    height: 60vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 5057, style.scss */
  #page_title .page_title_wrap {
    position: relative;
    height: 60vh;
    width: 100%;
  }
  /* line 5062, style.scss */
  #page_title .page_title_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4.0rem;
    color: #fff;
  }
}
@media screen and (max-width: 780px) {
  /* line 5073, style.scss */
  #page_title {
    height: 50vh;
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  /* line 5079, style.scss */
  #page_title .page_title_wrap {
    position: relative;
    height: 50vh;
    width: 100%;
  }
  /* line 5084, style.scss */
  #page_title .page_title_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4.0rem;
    color: #fff;
  }
}
@media screen and (min-width: 1401px) {
  /* line 5099, style.scss */
  #home__cover {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 450px;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  /* line 5109, style.scss */
  #home__cover .home_cover_content {
    height: 100vh;
    background-color: #efefef;
    position: relative;
    width: 100%;
  }
  /* line 5114, style.scss */
  #home__cover .home_cover_content .movie_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  /* line 5121, style.scss */
  #home__cover .home_cover_content .home_cover_copy {
    position: absolute;
    bottom: 90px;
    left: 90px;
    z-index: 100;
  }
  /* line 5126, style.scss */
  #home__cover .home_cover_content .home_cover_copy h2 {
    font-size: 5rem;
    color: #fff;
    font-family: #home__cover .home_cover_content .home_cover_copy h2 a1mincyo;
    letter-spacing: 5px;
  }
  /* line 5135, style.scss */
  #home__cover .home_cover_infos {
    position: relative;
  }
  /* line 5137, style.scss */
  #home__cover .home_cover_infos .home_business_info {
    position: absolute;
    bottom: 30px;
    padding: 30px 30px 0 30px;
  }
  /* line 5144, style.scss */
  #home__cover .video-container {
    height: 100vh;
    width: 100%;
  }
}
@media screen and (min-width: 901px) and (max-width: 1400px) {
  /* line 5151, style.scss */
  #home__cover {
    width: 100%;
    max-width: 100%;
    height: 100vh;
    box-sizing: border-box;
    display: grid;
    grid-template-columns: 1fr 350px;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  /* line 5161, style.scss */
  #home__cover .home_cover_content {
    height: 100vh;
    background-color: #efefef;
    position: relative;
    width: 100%;
  }
  /* line 5166, style.scss */
  #home__cover .home_cover_content .movie_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  /* line 5173, style.scss */
  #home__cover .home_cover_content .home_cover_copy {
    position: absolute;
    bottom: 60px;
    left: 60px;
    z-index: 100;
  }
  /* line 5178, style.scss */
  #home__cover .home_cover_content .home_cover_copy h2 {
    font-size: 4rem;
    color: #fff;
    font-family: #home__cover .home_cover_content .home_cover_copy h2 a1mincyo;
    letter-spacing: 5px;
  }
  /* line 5186, style.scss */
  #home__cover .home_cover_infos {
    position: relative;
  }
  /* line 5188, style.scss */
  #home__cover .home_cover_infos .home_business_info {
    position: absolute;
    bottom: 30px;
    padding: 30px 30px 0 30px;
  }
  /* line 5195, style.scss */
  #home__cover .video-container {
    height: 100vh;
    width: 100%;
    position: relative;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  /* line 5203, style.scss */
  #home__cover {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* line 5207, style.scss */
  #home__cover .home_cover_content {
    background-color: #efefef;
    position: relative;
    width: 100%;
    height: 80vh;
  }
  /* line 5212, style.scss */
  #home__cover .home_cover_content .movie_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  /* line 5219, style.scss */
  #home__cover .home_cover_content .home_cover_copy {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 100;
  }
  /* line 5224, style.scss */
  #home__cover .home_cover_content .home_cover_copy h2 {
    font-size: 3rem;
    color: #fff;
    font-family: #home__cover .home_cover_content .home_cover_copy h2 a1mincyo;
    letter-spacing: 5px;
  }
  /* line 5233, style.scss */
  #home__cover .home_cover_infos .home_business_info {
    padding: 15px;
  }
  /* line 5238, style.scss */
  #home__cover .video-container {
    height: 80vh;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  /* line 5245, style.scss */
  #home__cover {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
  }
  /* line 5249, style.scss */
  #home__cover .home_cover_content {
    background-color: #efefef;
    position: relative;
    width: 100%;
    height: 60vh;
  }
  /* line 5254, style.scss */
  #home__cover .home_cover_content .movie_content {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
  }
  /* line 5261, style.scss */
  #home__cover .home_cover_content .home_cover_copy {
    position: absolute;
    bottom: 30px;
    left: 30px;
    z-index: 100;
  }
  /* line 5266, style.scss */
  #home__cover .home_cover_content .home_cover_copy h2 {
    font-size: 3rem;
    color: #fff;
    font-family: #home__cover .home_cover_content .home_cover_copy h2 a1mincyo;
    letter-spacing: 3px;
  }
  /* line 5274, style.scss */
  #home__cover .home_cover_infos {
    padding: 15px;
  }
  /* line 5278, style.scss */
  #home__cover .video-container {
    height: 60vh;
    width: 100%;
  }
}
@media screen and (min-width: 901px) {
  /* line 5286, style.scss */
  .business_info_date {
    font-style: normal;
    font-style: normal;
    margin-bottom: 15px;
    font-size: 3.5rem;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
  }
  /* line 5294, style.scss */
  .business_info_date .week_name {
    font-size: 1.3rem;
  }

  /* line 5302, style.scss */
  .business_info_shops .business_shop_box {
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 0 30px 30px 0;
  }
  /* line 5306, style.scss */
  .business_info_shops .business_shop_box.honten {
    margin-bottom: 30px;
  }
  /* line 5309, style.scss */
  .business_info_shops .business_shop_box .shop_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 5313, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_img {
    flex-basis: 30%;
  }
  /* line 5316, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_name {
    font-size: 1.4rem;
    flex-basis: 70%;
    text-align: center;
    font-weight: 700;
  }
  /* line 5322, style.scss */
  .business_info_shops .business_shop_box .shop_info i {
    margin-left: 1em;
  }
  /* line 5326, style.scss */
  .business_info_shops .business_shop_box .business_open_time {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  /* line 5331, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_open_title {
    font-size: 1.2rem;
    border: 1px solid #222;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 1em;
  }
  /* line 5338, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #be2727;
    color: #fff;
    width: 100%;
  }
  /* line 5346, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_summer {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #b3ae28;
    color: #fff;
    width: 100%;
  }
  /* line 5354, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_winter {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #cf9b1d;
    color: #fff;
    width: 100%;
  }
  /* line 5363, style.scss */
  .business_info_shops .business_shop_box .business_open_status {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
  }
  /* line 5367, style.scss */
  .business_info_shops .business_shop_box .business_open_status.open {
    background-color: #45aab3;
    color: #fff;
  }
  /* line 5371, style.scss */
  .business_info_shops .business_shop_box .business_open_status.close {
    background-color: #222;
    color: #fff;
  }
  /* line 5375, style.scss */
  .business_info_shops .business_shop_box .business_open_status.preview {
    background-color: #539350;
    color: #fff;
  }
}
@media screen and (min-width: 601px) and (max-width: 900px) {
  /* line 5385, style.scss */
  .business_info_date {
    font-style: normal;
    font-style: normal;
    margin-bottom: 15px;
    font-size: 3.5rem;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 60px 0;
  }
  /* line 5395, style.scss */
  .business_info_date .week_name {
    font-size: 1.3rem;
  }

  /* line 5401, style.scss */
  .business_info_shops {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }
  /* line 5407, style.scss */
  .business_info_shops .business_shop_box {
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 0 30px 30px 0;
  }
  /* line 5411, style.scss */
  .business_info_shops .business_shop_box .shop_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 5415, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_img {
    flex-basis: 25%;
  }
  /* line 5418, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_name {
    font-size: 1.4rem;
    flex-basis: 75%;
    text-align: center;
    font-weight: 700;
  }
  /* line 5424, style.scss */
  .business_info_shops .business_shop_box .shop_info i {
    margin-left: 1em;
  }
  /* line 5428, style.scss */
  .business_info_shops .business_shop_box .business_open_time {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  /* line 5433, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_open_title {
    font-size: 1.2rem;
    border: 1px solid #222;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 1em;
  }
  /* line 5440, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #be2727;
    color: #fff;
    width: 100%;
  }
  /* line 5448, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_summer {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #b3ae28;
    color: #fff;
    width: 100%;
  }
  /* line 5456, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_winter {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #cf9b1d;
    color: #fff;
    width: 100%;
  }
  /* line 5465, style.scss */
  .business_info_shops .business_shop_box .business_open_status {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
  }
  /* line 5469, style.scss */
  .business_info_shops .business_shop_box .business_open_status.open {
    background-color: #45aab3;
    color: #fff;
  }
  /* line 5473, style.scss */
  .business_info_shops .business_shop_box .business_open_status.close {
    background-color: #222;
    color: #fff;
  }
  /* line 5477, style.scss */
  .business_info_shops .business_shop_box .business_open_status.preview {
    background-color: #539350;
    color: #fff;
  }
}
@media screen and (max-width: 600px) {
  /* line 5487, style.scss */
  .business_info_date {
    font-style: normal;
    font-style: normal;
    padding: 60px 0;
    font-size: 3rem;
    letter-spacing: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  /* line 5496, style.scss */
  .business_info_date .week_name {
    font-size: 1.3rem;
  }

  /* line 5503, style.scss */
  .business_info_shops .business_shop_box {
    border-right: 1px solid #222;
    border-bottom: 1px solid #222;
    padding: 0 30px 30px 0;
  }
  /* line 5507, style.scss */
  .business_info_shops .business_shop_box.honten {
    margin-bottom: 30px;
  }
  /* line 5510, style.scss */
  .business_info_shops .business_shop_box .shop_info {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  /* line 5514, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_img {
    flex-basis: 25%;
  }
  /* line 5517, style.scss */
  .business_info_shops .business_shop_box .shop_info .shop_info_name {
    font-size: 1.4rem;
    flex-basis: 75%;
    text-align: center;
    font-weight: 700;
  }
  /* line 5524, style.scss */
  .business_info_shops .business_shop_box .business_open_time {
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  /* line 5529, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_open_title {
    font-size: 1.2rem;
    border: 1px solid #222;
    padding: 3px 15px;
    border-radius: 3px;
    margin-right: 1em;
  }
  /* line 5536, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #be2727;
    color: #fff;
    width: 100%;
  }
  /* line 5544, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_summer {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #b3ae28;
    color: #fff;
    width: 100%;
  }
  /* line 5552, style.scss */
  .business_info_shops .business_shop_box .business_open_time .business_holiday_winter {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
    background-color: #cf9b1d;
    color: #fff;
    width: 100%;
  }
  /* line 5561, style.scss */
  .business_info_shops .business_shop_box .business_open_status {
    text-align: center;
    padding: 10px 15px;
    border-radius: 3px;
  }
  /* line 5565, style.scss */
  .business_info_shops .business_shop_box .business_open_status.open {
    background-color: #45aab3;
    color: #fff;
  }
  /* line 5569, style.scss */
  .business_info_shops .business_shop_box .business_open_status.close {
    background-color: #222;
    color: #fff;
  }
  /* line 5573, style.scss */
  .business_info_shops .business_shop_box .business_open_status.preview {
    background-color: #539350;
    color: #fff;
  }
}
/*About｜イントロ*/
@media screen and (min-width: 781px) {
  /* line 5585, style.scss */
  .outline_intro .article_text_wrap {
    display: grid;
    grid-template-columns: 1fr 0.5fr;
    grid-template-rows: 1fr;
    grid-column-gap: 45px;
    grid-row-gap: 0px;
    align-items: flex-start;
  }
  /* line 5592, style.scss */
  .outline_intro .article_text_wrap .article_text_honbun {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}
@media screen and (max-width: 780px) {
  /* line 5602, style.scss */
  .outline_intro .article_text_wrap {
    display: flex;
    flex-direction: column;
  }
  /* line 5605, style.scss */
  .outline_intro .article_text_wrap .article_text_honbun {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
    margin-bottom: 30px;
  }
  /* line 5611, style.scss */
  .outline_intro .article_text_wrap .article_text_img {
    display: flex;
    justify-content: flex-end;
  }
  /* line 5614, style.scss */
  .outline_intro .article_text_wrap .article_text_img img {
    width: 50%;
    height: auto;
  }
}
/*About｜事業内容*/
@media screen and (min-width: 1201px) {
  /* line 5625, style.scss */
  .outline_menu {
    background-color: #efefef;
  }
  /* line 5627, style.scss */
  .outline_menu .outline_list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }
  /* line 5634, style.scss */
  .outline_menu .outline_list .outline_box .outline_img {
    margin-bottom: 15px;
  }
  /* line 5638, style.scss */
  .outline_menu .outline_list .outline_box .outline_title h4 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #dd6605;
  }
  /* line 5647, style.scss */
  .outline_menu .outline_list .outline_box .outline_explanation p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
}
@media screen and (min-width: 781px) and (max-width: 1200px) {
  /* line 5658, style.scss */
  .outline_menu {
    background-color: #efefef;
  }
  /* line 5660, style.scss */
  .outline_menu .outline_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  /* line 5666, style.scss */
  .outline_menu .outline_list .outline_box .outline_img {
    margin-bottom: 15px;
  }
  /* line 5670, style.scss */
  .outline_menu .outline_list .outline_box .outline_title h4 {
    font-weight: 700;
    font-size: 1.5rem;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #dd6605;
  }
  /* line 5679, style.scss */
  .outline_menu .outline_list .outline_box .outline_explanation p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
}
@media screen and (max-width: 780px) {
  /* line 5691, style.scss */
  .outline_menu {
    background-color: #efefef;
  }
  /* line 5693, style.scss */
  .outline_menu .outline_list {
    display: flex;
    flex-direction: column;
  }
  /* line 5696, style.scss */
  .outline_menu .outline_list .outline_box {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 15px;
    margin-bottom: 30px;
  }
  /* line 5702, style.scss */
  .outline_menu .outline_list .outline_box .outline_img {
    grid-area: 1 / 1 / 3 / 2;
  }
  /* line 5705, style.scss */
  .outline_menu .outline_list .outline_box .outline_title {
    grid-area: 1 / 2 / 2 / 3;
  }
  /* line 5707, style.scss */
  .outline_menu .outline_list .outline_box .outline_title h4 {
    font-weight: 700;
    font-size: 1.6rem;
    margin-bottom: 10px;
    line-height: 1.5;
    color: #dd6605;
  }
  /* line 5715, style.scss */
  .outline_menu .outline_list .outline_box .outline_explanation {
    grid-area: 2 / 2 / 3 / 3;
  }
  /* line 5717, style.scss */
  .outline_menu .outline_list .outline_box .outline_explanation p {
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: justify;
  }
}
/*About｜会社概要*/
@media screen and (min-width: 781px) {
  /* line 5732, style.scss */
  .outline_table .outline_table_wrap dl {
    display: grid;
    grid-template-columns: 0.3fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 0px;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  /* line 5742, style.scss */
  .outline_table .outline_table_wrap dl dt {
    color: #dd6605;
  }
}
@media screen and (max-width: 780px) {
  /* line 5755, style.scss */
  .outline_table .outline_table_wrap dl {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  /* line 5762, style.scss */
  .outline_table .outline_table_wrap dl dt {
    color: #dd6605;
  }
}
/*紙漉き体験｜予約マイページ*/
/* line 5775, style.scss */
.booking_mypage_wrap .booking_mypage_caption {
  margin-bottom: 30px;
}
/* line 5777, style.scss */
.booking_mypage_wrap .booking_mypage_caption h4 {
  font-size: 2rem;
  margin-bottom: 30px;
}
/* line 5781, style.scss */
.booking_mypage_wrap .booking_mypage_caption p {
  font-size: 1.4rem;
  line-height: 1.8;
}
/* line 5786, style.scss */
.booking_mypage_wrap .booking_mypage_login {
  padding: 60px;
  background-color: #efefef;
}
/* line 5790, style.scss */
.booking_mypage_wrap table {
  width: 100%;
  box-sizing: border-box;
}
/* line 5793, style.scss */
.booking_mypage_wrap table tr {
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
/* line 5800, style.scss */
.booking_mypage_wrap table th {
  flex-basis: 30%;
  text-align: left;
}
/* line 5804, style.scss */
.booking_mypage_wrap table td {
  flex-basis: 65%;
}
/* line 5808, style.scss */
.booking_mypage_wrap .form_text {
  padding: 10px;
  font-size: 1.8rem;
  border: 1px solid #cdcdcd;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
}
/* line 5816, style.scss */
.booking_mypage_wrap .subscription-search {
  text-align: center;
  padding: 30px;
}
/* line 5819, style.scss */
.booking_mypage_wrap .subscription-search .button {
  font-size: 1.4rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 3px;
  padding: 15px 45px;
  background-color: #281801;
  color: #fff;
  transition: 0.3s;
}
/* line 5832, style.scss */
.booking_mypage_wrap .subscription-search .button:hover {
  background-color: #dd6605;
  transition: 0.3s;
}
/* line 5839, style.scss */
.booking_mypage_wrap .booking_mypage_data table {
  width: 100%;
  padding: 15px;
  box-sizing: border-box;
  background-color: aqua;
}
/* line 5845, style.scss */
.booking_mypage_wrap .booking_mypage_data tr {
  width: 100%;
}
/* line 5848, style.scss */
.booking_mypage_wrap .booking_mypage_data .subscription-header form {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  border: 1px solid #cdcdcd;
  padding: 15px;
}

/*Contact｜お問い合わせフォーム*/
@media screen and (min-width: 781px) {
  /* line 5863, style.scss */
  .contact_form dl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px;
  }
  /* line 5869, style.scss */
  .contact_form dl dt {
    flex-basis: 30%;
    padding-right: 30px;
  }
  /* line 5873, style.scss */
  .contact_form dl dd {
    flex-basis: 70%;
  }

  /* line 5878, style.scss */
  .form_header {
    padding: 15px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
  }

  /* line 5888, style.scss */
  .form_text {
    padding: 10px;
    font-size: 1.8rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 5896, style.scss */
  .form_textarea {
    padding: 10px;
    font-size: 1.8rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    width: 100%;
    line-height: 1.6;
    box-sizing: border-box;
  }

  /* line 5905, style.scss */
  .required {
    font-size: 1.0rem;
    background-color: #bd1111;
    color: #fff;
    padding: 2px 15px;
    border-radius: 3px;
    float: right;
    clear: both;
  }
}
@media screen and (max-width: 780px) {
  /* line 5917, style.scss */
  .contact_form dl {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #cdcdcd;
    padding: 10px;
    margin-bottom: 15px;
  }
  /* line 5923, style.scss */
  .contact_form dl dt {
    color: #dd6605;
  }

  /* line 5930, style.scss */
  .form_header {
    padding: 15px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 30px;
    border-top: 2px solid #222;
    border-bottom: 2px solid #222;
  }

  /* line 5940, style.scss */
  .form_text {
    padding: 10px;
    font-size: 1.5rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    width: 100%;
    box-sizing: border-box;
  }

  /* line 5948, style.scss */
  .form_textarea {
    padding: 10px;
    font-size: 1.5rem;
    border: 1px solid #cdcdcd;
    border-radius: 3px;
    width: 100%;
    line-height: 1.5;
    box-sizing: border-box;
  }

  /* line 5957, style.scss */
  .required {
    font-size: 1.0rem;
    background-color: #bd1111;
    color: #fff;
    padding: 2px 15px;
    border-radius: 3px;
    float: right;
    clear: both;
  }
}
/* line 5970, style.scss */
.form_submit {
  padding: 60px;
  display: flex;
  justify-content: center;
}
/* line 5974, style.scss */
.form_submit .contact_btn {
  font-size: 1.4rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 3px;
  padding: 15px 45px;
  background-color: #281801;
  color: #fff;
  transition: 0.3s;
}
/* line 5987, style.scss */
.form_submit .contact_btn:hover {
  background-color: #dd6605;
  transition: 0.3s;
}
/* line 5992, style.scss */
.form_submit .contact_back_btn {
  margin-left: 0.5em;
  font-size: 1.4rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 3px;
  padding: 15px 45px;
  background-color: #fff;
  border: 1px solid #222;
  color: #222;
  transition: 0.3s;
}
/* line 6007, style.scss */
.form_submit .contact_back_btn:hover {
  background-color: #281801;
  color: #fff;
  transition: 0.3s;
}

/*Contact｜進捗バー*/
/* line 6017, style.scss */
.contact_step_wrap {
  position: relative;
  width: 100%;
  height: 30px;
  margin-bottom: 60px;
}
/* line 6022, style.scss */
.contact_step_wrap .contact_step_list {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: space-around;
  align-items: center;
  color: #fff;
  z-index: 11;
}
/* line 6034, style.scss */
.contact_step_wrap .contact_step_bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  z-index: 10;
}
/* line 6042, style.scss */
.contact_step_wrap .contact_step_bar_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: #ccc;
  z-index: 9;
}

/* line 6052, style.scss */
.step_bar01 {
  animation-name: step_bar01;
  animation-direction: 1s;
  animation-fill-mode: forwards;
}

/* line 6057, style.scss */
.step_bar02 {
  animation-name: step_bar02;
  animation-direction: 1.5s;
  animation-fill-mode: forwards;
}

/* line 6062, style.scss */
.step_bar03 {
  animation-name: step_bar03;
  animation-direction: 1s;
  animation-fill-mode: forwards;
}

@keyframes step_bar01 {
  0% {
    width: 0;
    background-color: #281801;
  }
  100% {
    width: 33%;
    background-color: #281801;
  }
}
@-webkit-keyframes step_bar01 {
  0% {
    width: 0;
    background-color: #281801;
  }
  100% {
    width: 33%;
    background-color: #281801;
  }
}
@keyframes step_bar02 {
  0% {
    width: 33%;
    background-color: #281801;
  }
  100% {
    width: 66%;
    background-color: #281801;
  }
}
@-webkit-keyframes step_bar02 {
  0% {
    width: 33%;
    background-color: #281801;
  }
  100% {
    width: 66%;
    background-color: #281801;
  }
}
@keyframes step_bar03 {
  0% {
    width: 66%;
    background-color: #281801;
  }
  80% {
    width: 100%;
    background-color: #281801;
  }
  100% {
    background-color: #281801;
  }
}
@-webkit-keyframes step_bar03 {
  0% {
    width: 66%;
    background-color: #281801;
  }
  80% {
    width: 100%;
    background-color: #281801;
  }
  100% {
    background-color: #281801;
  }
}
/*Admin｜管理画面*/
/* line 6137, style.scss */
.admin_menu_wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 0px;
}
/* line 6143, style.scss */
.admin_menu_wrap .kamisuki_admin {
  border: 2px solid #222;
  border-radius: 5px;
  padding: 60px;
}
/* line 6148, style.scss */
.admin_menu_wrap .website_admin {
  border: 2px solid #222;
  border-radius: 5px;
  padding: 60px;
}
/* line 6153, style.scss */
.admin_menu_wrap .admin_menu_btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-column-gap: 30px;
  grid-row-gap: 30px;
}
/* line 6161, style.scss */
.admin_menu_wrap .admin_menu_btns .admin_menu_btn a {
  display: block;
  padding: 30px;
  color: #fff;
  font-size: 14px;
  transition: 0.3s;
  border-radius: 3px;
  text-align: center;
}
/* line 6170, style.scss */
.admin_menu_wrap .admin_menu_btns .admin_menu_btn a:hover {
  transition: 0.3s;
  background-color: #222;
}
/* line 6175, style.scss */
.admin_menu_wrap .admin_menu_btns .btn01 {
  background-color: #bd1111;
}
/* line 6178, style.scss */
.admin_menu_wrap .admin_menu_btns .btn02 {
  background-color: #b5a223;
}
/* line 6181, style.scss */
.admin_menu_wrap .admin_menu_btns .btn03 {
  background-color: #196f87;
}
/* line 6184, style.scss */
.admin_menu_wrap .admin_menu_btns .btn04 {
  background-color: #29ae1f;
}
/* line 6187, style.scss */
.admin_menu_wrap .admin_menu_btns .btn05 {
  background-color: #ec6d71;
}
/* line 6190, style.scss */
.admin_menu_wrap .admin_menu_btns .btn06 {
  background-color: #005243;
}
/* line 6193, style.scss */
.admin_menu_wrap .admin_menu_btns .btn07 {
  background-color: #4a488e;
}
/* line 6196, style.scss */
.admin_menu_wrap .admin_menu_btns .btn08 {
  background-color: #9f6f55;
}

/*共通｜紙漉きカレンダーマーク*/
/* line 6205, style.scss */
.maru {
  color: #0595d4;
}

/* line 6208, style.scss */
.sankaku {
  color: #fb9f0d;
}

/* line 6211, style.scss */
.batsu {
  color: #F80509;
}

/* line 6214, style.scss */
.bar {
  color: #cdcdcd;
}

/*紙漉き体験｜マイページログイン*/
@media screen and (min-width: 781px) {
  /* line 6221, style.scss */
  .booking_mypage_wrap {
    width: 70%;
    margin: 0 auto;
  }
  /* line 6224, style.scss */
  .booking_mypage_wrap .content-form {
    border: 1px solid #cdcdcd;
    padding: 30px 30px 0 30px;
  }
  /* line 6227, style.scss */
  .booking_mypage_wrap .content-form .required {
    float: left;
  }
  /* line 6230, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input {
    display: grid;
    grid-template-columns: 0.4fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
    align-items: center;
  }
  /* line 6237, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input:first-child {
    margin-top: 30px;
  }
  /* line 6240, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input .required {
    float: right;
  }
}
@media screen and (max-width: 780px) {
  /* line 6249, style.scss */
  .booking_mypage_wrap .content-form {
    border: 1px solid #cdcdcd;
    padding: 30px 30px 0 30px;
  }
  /* line 6252, style.scss */
  .booking_mypage_wrap .content-form .required {
    float: left;
  }
  /* line 6255, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input {
    margin-top: 15px;
  }
  /* line 6257, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input:first-child {
    margin-top: 30px;
  }
  /* line 6260, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input .required {
    float: right;
  }
  /* line 6263, style.scss */
  .booking_mypage_wrap .content-form .mypage_login_input dt {
    margin-bottom: 5px;
  }
}
/*紙漉き体験｜マイページ予約データ*/
/* line 6273, style.scss */
.mypage_booking_header .booking_header_wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
/* line 6277, style.scss */
.mypage_booking_header .booking_header_wrap .subscription_title {
  font-size: 1.8rem;
  font-weight: 700;
}
/* line 6282, style.scss */
.mypage_booking_header .booking_header_wrap .subscription_cancel .button {
  font-size: 1.4rem;
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  border-radius: 3px;
  padding: 15px 45px;
  background-color: #281801;
  color: #fff;
  transition: 0.3s;
}
/* line 6295, style.scss */
.mypage_booking_header .booking_header_wrap .subscription_cancel .button:hover {
  background-color: #dd6605;
  transition: 0.3s;
}

/* line 6303, style.scss */
.mypage_booking_body {
  padding: 30px 0;
}
/* line 6305, style.scss */
.mypage_booking_body dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  border-bottom: 1px solid #cdcdcd;
}
/* line 6311, style.scss */
.mypage_booking_body dl dt {
  flex-basis: 25%;
  color: #dd6605;
}
/* line 6315, style.scss */
.mypage_booking_body dl dd {
  flex-basis: 75%;
}

/*お知らせ個別｜詳細テーブル*/
@media screen and (min-width: 781px) {
  /* line 6323, style.scss */
  .info_table {
    border: 4px solid #cdcdcd;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 30px;
  }
  /* line 6328, style.scss */
  .info_table dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
  }
  /* line 6334, style.scss */
  .info_table dl dt {
    flex-basis: 30%;
  }
  /* line 6337, style.scss */
  .info_table dl dd {
    flex-basis: 70%;
  }
}
@media screen and (max-width: 780px) {
  /* line 6344, style.scss */
  .info_table {
    border: 4px solid #cdcdcd;
    box-sizing: border-box;
    margin-top: 30px;
    padding: 15px;
  }
  /* line 6349, style.scss */
  .info_table dl {
    border-bottom: 1px solid #cdcdcd;
    padding: 15px 0;
  }
  /* line 6352, style.scss */
  .info_table dl dt {
    color: #dd6605;
    margin-bottom: 5px;
  }
}
/*商品一覧*/
/* line 6365, style.scss */
#item_list .item_list_wrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-column-gap: 45px;
  grid-row-gap: 45px;
}
/* line 6372, style.scss */
#item_list .item_list_wrap .item_box .item_box_img .swiper-container {
  width: 100%;
  height: 300px;
}
/* line 6375, style.scss */
#item_list .item_list_wrap .item_box .item_box_img .swiper-container .swiper-wrapper {
  width: 100%;
  height: 300px;
}
/* line 6378, style.scss */
#item_list .item_list_wrap .item_box .item_box_img .swiper-container .swiper-wrapper .swiper-slide {
  content: "";
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  width: 100%;
  height: 300px;
}

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