@charset "UTF-8";
/* 共通 */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  overflow-x: hidden;
}

body {
  font-family: "M PLUS 1p", serif;
  color: #303831;
  font-weight: 400;
  line-height: 1.5em;
  letter-spacing: 0.1em;
  margin: 0;
  width: 100vw;
  overflow-x: hidden;
}

p {
  line-height: 2em;
}

img {
  width: 100%;
  height: auto;
}

a {
  transition: 0.3s;
}
a:hover {
  opacity: 0.6;
}

.aspect_img {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.aspect_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.aspect_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}

.wp-block-list {
  margin: auto;
  padding: revert;
}

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

.tab_display {
  display: none;
}
@media screen and (max-width: 1024px) {
  .tab_display {
    display: block;
  }
}

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

.mv_inner {
  width: 90%;
  max-width: 1296px;
  margin: auto;
}

.content_inner {
  width: 80%;
  max-width: 1152px;
  margin: auto;
}

.bg_tori {
  background-image: url(../images/bg-tori-l2.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: bottom right;
}

.bg_tori2 {
  background-size: contain;
}

.to_top {
  width: 76px;
  position: fixed;
  bottom: 50px;
  right: 50px;
}
@media screen and (max-width: 768px) {
  .to_top {
    width: 42px;
    position: fixed;
    bottom: 25px;
    right: 25px;
  }
}

.text_center {
  text-align: center;
}

.text_right {
  text-align: right;
}

.mg_auto {
  margin: auto;
}

.mb_10 {
  margin-bottom: 10px;
}

.mb_20 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .mb_20 {
    margin-bottom: 10px;
  }
}

.mb_30 {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .mb_30 {
    margin-bottom: 15px;
  }
}

.mb_40 {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .mb_40 {
    margin-bottom: 20px;
  }
}

.mb_50 {
  margin-bottom: 50px;
}
@media screen and (max-width: 768px) {
  .mb_50 {
    margin-bottom: 25px;
  }
}

.mb_60 {
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .mb_60 {
    margin-bottom: 30px;
  }
}

.mb_70 {
  margin-bottom: 70px;
}
@media screen and (max-width: 768px) {
  .mb_70 {
    margin-bottom: 35px;
  }
}

.mb_80 {
  margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
  .mb_80 {
    margin-bottom: 40px;
  }
}

.mb_100 {
  margin-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .mb_100 {
    margin-bottom: 50px;
  }
}

.mb_140 {
  margin-bottom: 140px;
}
@media screen and (max-width: 768px) {
  .mb_140 {
    margin-bottom: 70px;
  }
}

/* ------- btn ----------- */
.btn_right {
  text-align: right;
}
@media screen and (max-width: 768px) {
  .btn_right {
    text-align: center;
  }
}

.link_btn {
  font-family: "Zen Old Mincho", serif;
  font-size: 13px;
  font-weight: 900;
  padding: 10px 40px 10px 20px;
  position: relative;
}
.link_btn::after {
  position: absolute;
  content: "";
  display: inline-block;
  width: 20px;
  height: 5px;
  right: 12px;
  bottom: 18px;
  background-image: url(../images/arrow-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.border_w {
  color: #fff;
  border: #fff 1px solid;
}
.border_w::after {
  background-image: url(../images/arrow-right.png);
}

.btn_red {
  color: #fff;
  background-color: #b2141a;
}
.btn_red::after {
  background-image: url(../images/arrow-right.png);
}

.border_b {
  color: #303831;
  border: #303831 1px solid;
}
.border_b::after {
  background-image: url(../images/arrow-right_b.png);
}

.border_btm {
  border-bottom: #303831 1px solid;
}
.border_btm::after {
  background-image: url(../images/arrow-right_b.png);
}

/* ------- 404 ----------- */
.min_content {
  min-height: 500px;
}
.min_content p {
  margin-top: 50px;
  text-align: center;
}

.error_content a {
  color: #b2141a;
}

/* ------- page ----------- */
.page_content {
  min-height: 500px;
}

/* ------- footer-contact ----------- */
.f_contact {
  position: relative;
}
.f_contact .f_contact_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.f_contact .f_contact_text h2 {
  font-size: 110px;
  font-weight: 900;
  line-height: 1em;
  color: #fff;
  margin: 0;
}
.f_contact .f_contact_text p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 13px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .f_contact .f_contact_text h2 {
    font-size: 70px;
  }
}
@media screen and (max-width: 768px) {
  .f_contact .f_contact_text h2 {
    font-size: 35px;
  }
}

/* header */
header {
  width: 100%;
  position: fixed;
  z-index: 999;
  transition: 0.5s;
}

header.scroll-nav {
  background-color: rgba(178, 20, 25, 0.6078431373);
}
.header_inner {
  padding: 10px 0;
  width: 90%;
  max-width: 1296px;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .header_inner {
    height: 75px;
  }
}

.header_logo {
  width: 223px;
}
@media screen and (max-width: 768px) {
  .header_logo {
    width: 30%;
  }
}

.global_nav {
  height: 35px;
  padding-left: 180px;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .global_nav {
    display: none;
  }
}
.global_nav ul {
  list-style: none;
  display: flex;
  align-items: center;
}
.global_nav ul li {
  width: 105px;
}
.global_nav ul li a {
  display: block;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  color: #fff;
  font-size: 13px;
  text-align: center;
}
.global_nav ul li a span {
  color: #ffe0a1;
  display: block;
  font-size: 11px;
  line-height: 0;
}

.sns_nav {
  display: flex;
  color: #fff;
  font-size: 13px;
  border: #fff 1px solid;
  padding: 12px 10px;
  margin-left: auto;
  margin-right: 30px;
}
@media screen and (max-width: 768px) {
  .sns_nav {
    display: none;
  }
}
.sns_nav p {
  margin-right: 20px;
}
.sns_nav .x_icon {
  margin-right: 10px;
}
.sns_nav .x_icon,
.sns_nav .insta_icon {
  width: 20px;
  height: auto;
}

.sp_sns_nav,
.tab_sns_nav {
  width: 60px;
  display: flex;
  justify-content: space-between;
}
.sp_sns_nav .x_icon,
.sp_sns_nav .insta_icon,
.tab_sns_nav .x_icon,
.tab_sns_nav .insta_icon {
  width: 24px;
  height: auto;
}

.sp_sns_nav {
  margin: auto;
}

.tab_sns_nav {
  display: none;
}
@media screen and (max-width: 768px) {
  .tab_sns_nav {
    display: flex;
    margin-left: auto;
    margin-right: 60px;
  }
}

.hamburger {
  display: none;
}

@media screen and (max-width: 1024px) {
  .hamburger {
    display: block;
    position: fixed;
    z-index: 999;
    right: 20px;
    top: 17px;
    width: 42px;
    height: 42px;
    cursor: pointer;
    text-align: center;
  }
}

.hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 3px;
  left: 6px;
  background: #fff;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hamburger span:nth-child(1) {
  top: 10px;
}

.hamburger span:nth-child(2) {
  top: 20px;
}

.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active span:nth-child(1) {
  top: 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}

.sp_global_nav {
  display: none;
  height: 100vh;
  overflow: auto;
  position: fixed;
  background: #c5942e;
  z-index: 555;
  top: 0;
  right: 0;
  color: #fff;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  width: 100%;
  padding: 60px 5%;
  font-size: 16px;
}
.sp_global_nav ul {
  list-style: none;
  margin-bottom: 30px;
}
.sp_global_nav ul li {
  text-align: center;
  padding: 20px 0;
}
.sp_global_nav ul li a {
  font-size: 18px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
}
.sp_global_nav ul li a span {
  display: block;
  color: #ffe0a1;
  font-size: 14px;
}
@media screen and (max-width: 1024px) {
  .sp_global_nav {
    display: block;
  }
}

.sp_global_nav.active {
  overflow: auto;
  z-index: 555;
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

/* footer */
footer {
  background-color: #303831;
  padding: 60px 0;
}
footer .content_inner {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
@media screen and (max-width: 1024px) {
  footer .content_inner {
    display: block;
  }
  footer .content_inner .footer_left {
    justify-content: center;
    margin-bottom: 30px;
  }
}
footer .footer_left {
  display: flex;
  align-items: center;
}
footer .footer_left .footer_logo {
  width: 125px;
  height: auto;
  margin-right: 30px;
}
footer .footer_left .footer_text p {
  color: #fff;
  margin-bottom: 10px;
}
footer .footer_left .footer_text p:nth-of-type(1) {
  font-family: "Zen Old Mincho", serif;
  font-size: 16px;
  font-weight: 900;
}
footer .footer_left .footer_text p:nth-of-type(2) {
  font-size: 18px;
  font-weight: 700;
}
footer .footer_left .f_sns_nav {
  width: 50px;
  display: flex;
  justify-content: space-between;
}
footer .footer_left .f_sns_nav .x_icon,
footer .footer_left .f_sns_nav .insta_icon {
  width: 20px;
  height: auto;
}
footer .footer_right .footer_nav {
  margin-bottom: 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
footer .footer_right .footer_nav li a {
  font-family: "Zen Old Mincho", serif;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer .footer_right .footer_nav {
    grid-template-columns: repeat(2, 1fr);
  }
}
footer .footer_right hr {
  color: #616b63;
  margin-bottom: 15px;
}
footer .footer_right .footer_copy {
  color: #fff;
  font-size: 10px;
  font-weight: 700;
}
/* top トップページ */
.top_mv {
  background: linear-gradient(180deg, #b2141a 0%, #a0050b 100%);
  padding-top: 75px;
}
.top_mv .top_mv_inner {
  position: relative;
  padding-bottom: 73px;
}
.top_mv .top_mv_inner .mv_line {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 110px;
}
.top_mv .top_mv_inner .mv_line .loop_area {
  background: url(../images/DATEDORI_w.png) repeat-x;
  width: 100%;
  height: 90px;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .top_mv .top_mv_inner .mv_line .loop_area {
    height: 80px;
  }
}
.top_mv .mv_wrap {
  position: relative;
}
.top_mv .mv_wrap .mv_img {
  clip-path: inset(0 round 30px);
}
@media screen and (max-width: 1024px) {
  .top_mv .mv_wrap .mv_img {
    display: none;
  }
}
.top_mv .mv_wrap .header_logo {
  position: absolute;
  height: auto;
  top: -60px;
  left: -5%;
}
.top_mv .mv_wrap .mv_text {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  font-family: "Zen Old Mincho", serif;
  font-size: 28px;
  font-weight: 900;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.4em;
  line-height: 2em;
}
@media screen and (max-width: 768px) {
  .top_mv .mv_wrap .mv_text {
    font-size: 20px;
  }
}
.top_mv .mv_wrap .mv_text p span {
  padding-top: 10px;
  background-color: #303831;
}
.top_mv .mv_wrap .mv_text p:nth-of-type(1) span {
  padding-bottom: 10px;
}
.top_mv .mv_wrap .mv_text p:nth-of-type(2) {
  text-indent: 2em;
}
.top_mv .mv_wrap .mv_text p:nth-of-type(4) {
  text-indent: 14em;
}

@keyframes loop-slide {
  from {
    background-position: 0 0;
  }
  to {
    background-position: -1200px 0;
  }
}
/* ------- top_about ----------- */
.top_about {
  position: relative;
  padding: 100px 0 160px;
}
@media screen and (max-width: 768px) {
  .top_about {
    padding: 50px 0 80px;
    height: 700px;
  }
}

.top_about_text {
  width: 37%;
  margin-left: 52%;
  color: #fff;
}
.top_about_text h2 {
  font-family: "Zen Old Mincho", serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.5em;
  margin-bottom: 50px;
}
.top_about_text p {
  font-size: 13px;
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .top_about_text {
    width: 88%;
    margin: auto;
  }
  .top_about_text h2 {
    font-size: 17px;
    margin-bottom: 25px;
  }
  .top_about_text p {
    font-size: 13px;
    margin-bottom: 20px;
  }
}

.top_about_img1 {
  position: absolute;
  left: 0;
  top: 160px;
  width: 45%;
  clip-path: inset(0 round 0 30px 30px 0);
}
@media screen and (max-width: 768px) {
  .top_about_img1 {
    top: 400px;
    width: 70%;
  }
}

.top_about_img2 {
  position: absolute;
  right: 5%;
  top: 510px;
  width: 20%;
  clip-path: inset(0 round 20px);
}
@media screen and (max-width: 1024px) {
  .top_about_img2 {
    top: 630px;
    width: 33%;
  }
}

.top_about_nami1 {
  width: 17.5%;
  position: absolute;
  left: 0;
  top: 60px;
}
@media screen and (max-width: 768px) {
  .top_about_nami1 {
    top: 20px;
  }
}

.top_about_nami2 {
  width: 20%;
  position: absolute;
  left: 40%;
  bottom: 160px;
}
@media screen and (max-width: 768px) {
  .top_about_nami2 {
    bottom: 132px;
    left: 70%;
  }
}

/* ------- top_topics ----------- */
.top_topics {
  position: relative;
  background-image: url(../images/bg-tori-l.png);
  background-position: right bottom;
  background-repeat: no-repeat;
  background-size: 50%;
  padding-top: 180px;
  padding-bottom: 160px;
}
@media screen and (min-width: 1440px) {
  .top_topics {
    padding-top: 220px;
  }
}
@media screen and (max-width: 768px) {
  .top_topics {
    padding-top: 80px;
    padding-bottom: 60px;
  }
}
.top_topics .bg_nami_w {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  margin-left: auto;
}
.top_topics .bg_nami_w img {
  vertical-align: bottom;
}

.top_ttl h2 {
  font-family: "Zen Old Mincho", serif;
  font-size: 45px;
  font-weight: 900;
  color: #303831;
  line-height: 1.1em;
}
.top_ttl h2 span {
  display: block;
  font-size: 13px;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .top_ttl h2 {
    font-size: 30px;
  }
  .top_ttl h2 span {
    font-size: 11px;
  }
}

.topics_pagenav {
  display: flex;
  align-items: center;
  justify-content: right;
  margin-top: 50px;
  margin-bottom: 30px;
}
.topics_pagenav .swiper_link_nav {
  position: relative;
  display: flex;
  align-items: center;
  width: 100px;
  justify-content: center;
}
.topics_pagenav .swiper-button-prev {
  display: block;
}
.topics_pagenav .swiper-button-prev::after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-image: url(../images/arrow_left.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.topics_pagenav .swiper-button-next {
  display: block;
}
.topics_pagenav .swiper-button-next::after {
  content: "";
  display: block;
  width: 34px;
  height: 34px;
  background-image: url(../images/arrow_right.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.swiper {
  overflow: visible;
}
@media screen and (max-width: 768px) {
  .swiper {
    width: 80%;
  }
}

/* ------- top_about_banner ----------- */
.top_about_banner {
  margin-top: -2px;
  background-image: url(../images/bg-top-banner.png);
  position: relative;
  padding: 50px 0 100px;
}
.top_about_banner .top_about_banner_kumo1 {
  width: 14%;
  position: absolute;
  bottom: 15%;
  left: 0;
}
.top_about_banner .top_about_banner_kumo2 {
  width: 14%;
  position: absolute;
  top: 15%;
  right: 0;
}
.top_about_banner .top_about_banner_wasi {
  background-image: url(../images/bg_wasi.png);
  position: relative;
  padding: 40px 0;
  width: 74%;
  max-width: 1064px;
  margin: auto;
}
.top_about_banner .top_about_banner_wasi .top_about_banner_tori {
  background-image: url(../images/kai_bannerTori.png);
  background-position: center;
  background-size: 20%;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 30px;
}
.top_about_banner .top_about_banner_wasi .kai_bannerLogo {
  width: 14%;
}
.top_about_banner .top_about_banner_wasi .top_about_banner_text {
  width: 40%;
}
.top_about_banner .top_about_banner_wasi .top_about_banner_text h2 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 26px;
  margin-bottom: 15px;
}
.top_about_banner .top_about_banner_wasi .top_about_banner_text hr {
  margin-bottom: 20px;
}
.top_about_banner .top_about_banner_wasi .top_about_banner_text p {
  font-size: 13px;
  margin-bottom: 40px;
}
.top_about_banner .kai_bannerImg {
  width: 30%;
}
.top_about_banner .kai_banner01 {
  width: 12%;
  position: absolute;
  top: 9%;
  left: 9%;
}
.top_about_banner .kai_banner02 {
  width: 12%;
  position: absolute;
  bottom: 9%;
  right: 3%;
}
.top_about_banner .bg_nami {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 38%;
}
.top_about_banner .bg_nami img {
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
  .top_about_banner {
    padding: 60px 0;
  }
  .top_about_banner .top_about_banner_kumo1 {
    bottom: 10%;
    left: 0;
  }
  .top_about_banner .top_about_banner_kumo2 {
    top: 10%;
    right: 0;
  }
  .top_about_banner .top_about_banner_wasi {
    width: 80%;
  }
  .top_about_banner .top_about_banner_wasi .top_about_banner_tori {
    display: block;
    margin: auto;
  }
  .top_about_banner .top_about_banner_wasi .kai_bannerLogo {
    position: absolute;
    top: 110px;
    left: 5%;
    width: 25%;
  }
  .top_about_banner .top_about_banner_wasi .top_about_banner_text {
    width: 90%;
    margin: auto;
    margin-bottom: 60px;
  }
  .top_about_banner .top_about_banner_wasi .top_about_banner_text h2 {
    text-align: center;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .top_about_banner .top_about_banner_wasi .top_about_banner_text p {
    width: 50%;
    margin-left: auto;
    margin-bottom: 40px;
  }
  .top_about_banner .kai_bannerImg {
    width: 80%;
    margin: auto;
  }
  .top_about_banner .kai_banner01 {
    width: 20%;
    top: 20px;
    left: 5%;
  }
  .top_about_banner .kai_banner02 {
    width: 20%;
    bottom: 3%;
    right: 3%;
  }
}
@media screen and (max-width: 488px) {
  .top_about_banner .top_about_banner_kumo1 {
    bottom: 20px;
    left: 0;
  }
  .top_about_banner .top_about_banner_kumo2 {
    top: 20px;
    right: 0;
  }
  .top_about_banner .top_about_banner_wasi {
    width: 90%;
  }
  .top_about_banner .top_about_banner_wasi .top_about_banner_text p {
    width: 68%;
    margin-bottom: 280px;
  }
  .top_about_banner .kai_bannerImg {
    position: absolute;
    bottom: 140px;
    left: 50%;
    transform: translateX(-50%);
  }
  .top_about_banner .kai_banner01 {
    width: 30%;
    top: 10px;
    left: 5%;
  }
  .top_about_banner .kai_banner02 {
    width: 30%;
    bottom: 3%;
    right: 3%;
  }
}

.top_eat {
  position: relative;
  background-color: #303831;
  padding: 110px 0 160px;
  margin-top: -2px;
}
.top_eat .top_ttl h2 {
  color: #fff;
}
.top_eat .store_nami1,
.top_eat .store_nami2 {
  position: absolute;
  width: 20%;
}
.top_eat .store_nami1 {
  bottom: 80px;
  left: 0;
}
.top_eat .store_nami2 {
  top: 80px;
  right: 0;
}

.f_banner {
  background-color: #303831;
}
.f_banner .banner_slider {
  width: 100%;
  margin-top: -50px;
}
@media screen and (max-width: 768px) {
  .f_banner .banner_slider {
    margin-top: -25px;
  }
}

/* sub_共通 */
.h3_ttl .ttl_icon {
  width: 40px;
  margin: auto;
  margin-bottom: 10px;
}
.h3_ttl h3 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 32px;
  margin: 0;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .h3_ttl .ttl_icon {
    width: 35px;
    margin: auto;
    margin-bottom: 10px;
  }
  .h3_ttl h3 {
    font-size: 28px;
    margin: 0;
    text-align: center;
  }
}

/* sub_mv */
.sub_mv_red {
  background: linear-gradient(180deg, #b2141a 0%, #a0050b 100%);
  padding-top: 75px;
  height: 500px;
  position: relative;
}
.sub_mv_red .sub_mv_logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 130px;
}
.sub_mv_red .mv_nami {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.sub_mv_red .mv_nami .mv_nami_L,
.sub_mv_red .mv_nami .mv_nami_R {
  width: 38%;
}
.sub_mv_red .about_nami {
  position: absolute;
  top: 60%;
  left: 0;
  width: 20%;
}
.sub_mv_red .about_nami2 {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20%;
}
@media screen and (max-width: 768px) {
  .sub_mv_red {
    height: 300px;
  }
  .sub_mv_red .sub_mv_logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
  }
}

/* sub_about */
.sub_mv_white {
  height: 150px;
  position: relative;
  background-color: #fff;
  margin-top: -2px;
}
.sub_mv_white .sub_mv_wrap {
  width: 58%;
  max-width: 840px;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%);
}
.sub_mv_white .sub_mv_ttl {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
}
.sub_mv_white .sub_mv_ttl h2 {
  font-size: 36px;
  color: #fff;
  margin: 0;
  line-height: 1.2em;
}
.sub_mv_white .sub_mv_ttl p {
  font-size: 21px;
  color: #ffe0a1;
  margin-bottom: 30px;
}
.sub_mv_white .sub_mv_img {
  position: relative;
  width: 100%;
  clip-path: inset(0 round 20px);
}
.sub_mv_white .ttl_icon {
  position: absolute;
  top: 80px;
  left: 50%;
  width: 40px;
  transform: translateX(-50%);
}
@media screen and (max-width: 1024px) {
  .sub_mv_white .sub_mv_wrap {
    width: 72%;
  }
}
@media screen and (max-width: 768px) {
  .sub_mv_white .sub_mv_wrap {
    bottom: 50px;
  }
  .sub_mv_white .sub_mv_ttl h2 {
    font-size: 24px;
  }
  .sub_mv_white .sub_mv_ttl p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .sub_mv_white .sub_mv_img {
    clip-path: inset(0 round 14px);
  }
  .sub_mv_white .ttl_icon {
    position: absolute;
    top: 64px;
    left: 50%;
  }
}

.submv_line_wrap {
  background-color: #fff;
  height: 200px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .submv_line_wrap {
    height: 150px;
  }
}

.submv_line {
  width: 100%;
  position: absolute;
  bottom: 50px;
  left: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  height: 110px;
}
.submv_line .loop_area {
  background: url(../images/DATEDORI_r.png) repeat-x;
  width: 100%;
  height: 90px;
  background-size: contain;
}
@media screen and (max-width: 768px) {
  .submv_line {
    bottom: 25px;
  }
  .submv_line .loop_area {
    height: 80px;
  }
}

.about_rekisi {
  padding: 60px 0 100px;
  background-color: #e9dbba;
}
.about_rekisi .h3_ttl {
  margin-bottom: 100px;
}

.about_rekisi_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
.about_rekisi_list .about_rekisi_text h4 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 22px;
  margin: 0;
}
.about_rekisi_list .about_rekisi_text hr {
  margin-top: 20px;
  margin-bottom: 30px;
}
.about_rekisi_list .about_rekisi_text p {
  font-size: 14px;
}
.about_rekisi_list .about_rekisi_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.about_rekisi_list .about_rekisi_img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.about_rekisi_list .about_rekisi_img:before {
  content: "";
  display: block;
  padding-top: 48%;
}
@media screen and (max-width: 768px) {
  .about_rekisi_list {
    grid-template-columns: repeat(1, 1fr);
  }
  .about_rekisi_list .about_rekisi_text h4 {
    font-size: 20px;
  }
}

.about_wake {
  position: relative;
  background-color: #fff;
  padding: 110px 0 200px;
}
.about_wake .h3_ttl {
  margin-bottom: 130px;
}
.about_wake .about_wake_list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .about_wake .about_wake_list {
    grid-template-columns: repeat(1, 1fr);
  }
}
.about_wake .about_wake_list .about_wake_item {
  border: #303831 1px solid;
  padding: 30px;
}
.about_wake .about_wake_list .about_wake_img {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-bottom: 50px;
}
.about_wake .about_wake_list .about_wake_img img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.about_wake .about_wake_list .about_wake_img:before {
  content: "";
  display: block;
  padding-top: 63%;
}
.about_wake .about_wake_list h4 {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  border-top-right-radius: 10px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 26px;
  color: #b2141a;
  margin: 0;
  padding: 15px 25px 5px;
}
@media screen and (max-width: 1024px) {
  .about_wake .about_wake_list h4 {
    font-size: 22px;
  }
}
.about_wake .about_wake_list p {
  font-size: 14px;
  margin-bottom: 20px;
}
.about_wake .about_wake_list p:nth-of-type(2) {
  font-size: 11px;
}
.about_wake .about_wake_nami {
  width: 20%;
  position: absolute;
  top: 150px;
  left: 0;
}
.about_wake .about_wake_nami2 {
  width: 20%;
  position: absolute;
  bottom: 100px;
  right: 0;
}

.about_recipe {
  background: url(../images/bg_about.png);
  padding: 110px 0 160px;
}
.about_recipe .h3_ttl {
  margin-bottom: 70px;
}
.about_recipe .about_recipe_p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 20px;
  text-align: center;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .about_recipe .about_recipe_p {
    font-size: 18px;
  }
}
.about_recipe .about_recipe_item {
  background-color: #fdf9f3;
  border: #303831 1px solid;
  border-radius: 10px;
  padding: 55px 53px;
  margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
  .about_recipe .about_recipe_item {
    padding: 40px 10px 20px;
  }
}
.about_recipe .about_recipe_item h4 {
  width: 600px;
  padding: 20px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 28px;
  text-align: center;
  margin: 0 auto;
  border-top: #303831 1px solid;
  border-bottom: #303831 1px solid;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .about_recipe .about_recipe_item h4 {
    width: 450px;
    font-size: 22px;
  }
}
@media screen and (max-width: 768px) {
  .about_recipe .about_recipe_item h4 {
    width: 90%;
    font-size: 18px;
    padding: 10px;
  }
}
.about_recipe .about_recipe_item .about_recipe_top {
  display: flex;
  width: 80%;
  max-width: 685px;
  margin: auto;
  margin-bottom: 30px;
}
.about_recipe .about_recipe_item .about_recipe_top .about_recipe_img {
  width: 152px;
  height: auto;
}
.about_recipe .about_recipe_item .about_recipe_top p {
  font-size: 14px;
}
@media screen and (max-width: 768px) {
  .about_recipe .about_recipe_item .about_recipe_top {
    display: block;
  }
  .about_recipe .about_recipe_item .about_recipe_top .about_recipe_img {
    width: 130px;
    height: auto;
    margin: auto;
    margin-bottom: 20px;
  }
}
.about_recipe .about_recipe_item .about_recipe_menu {
  display: flex;
  justify-content: center;
  gap: 28px;
}
.about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box {
  width: 23%;
  max-width: 240px;
}
.about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box .about_recipe_boximg {
  margin-bottom: 10px;
}
.about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 16px;
  width: fit-content;
  margin: auto;
}
@media screen and (max-width: 1024px) {
  .about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box p {
    font-size: 15px;
  }
}
@media screen and (max-width: 768px) {
  .about_recipe .about_recipe_item .about_recipe_menu {
    display: block;
  }
  .about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box {
    width: 80%;
    margin: auto;
    margin-bottom: 20px;
  }
  .about_recipe .about_recipe_item .about_recipe_menu .about_recipe_box .about_recipe_boximg {
    margin-bottom: 10px;
  }
}

/* sub_overview */
.overview_mission {
  padding: 60px 0 80px;
  background-color: #fff;
}
.overview_mission .overview_mission_img {
  width: 32%;
  max-width: 460px;
  margin: auto;
}
.overview_mission p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-size: 22px;
  width: 62%;
  max-width: 900px;
  margin: auto;
  line-height: 1.5em;
}
@media screen and (max-width: 1024px) {
  .overview_mission p {
    width: 80%;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .overview_mission p {
    font-size: 18px;
  }
  .overview_mission .overview_mission_img {
    width: 60%;
  }
}

.overview_aisatu .h3_ttl {
  margin-bottom: 60px;
}
.overview_aisatu .overview_aisatu_box {
  margin-bottom: 60px;
  display: flex;
  justify-content: center;
  gap: 50px;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text {
  width: 77%;
  max-width: 770px;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text > p {
  font-size: 14px;
  margin-bottom: 40px;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei {
  width: fit-content;
  margin-left: auto;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei p {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei p:nth-of-type(1) {
  font-size: 17px;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei p:nth-of-type(2) {
  font-size: 24px;
}
.overview_aisatu .overview_aisatu_box .overview_aisatu_img {
  width: 22%;
  max-width: 250px;
}
@media screen and (max-width: 768px) {
  .overview_aisatu .overview_aisatu_box {
    display: block;
  }
  .overview_aisatu .overview_aisatu_box .overview_aisatu_text {
    width: 100%;
  }
  .overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei p:nth-of-type(1) {
    font-size: 17px;
  }
  .overview_aisatu .overview_aisatu_box .overview_aisatu_text .overview_aisatu_syomei p:nth-of-type(2) {
    font-size: 18px;
  }
  .overview_aisatu .overview_aisatu_box .overview_aisatu_img {
    width: 50%;
  }
}

.overview_guidance {
  padding: 60px 0 100px;
  background-color: #e9dbba;
}
.overview_guidance .content_inner {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 60px;
}
@media screen and (max-width: 768px) {
  .overview_guidance .content_inner {
    grid-template-columns: repeat(1, 1fr);
  }
}
.overview_guidance .content_inner .overview_text h4 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 22px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .overview_guidance .content_inner .overview_text h4 {
    font-size: 18px;
  }
}
.overview_guidance .content_inner .overview_text hr {
  margin-top: 20px;
  margin-bottom: 30px;
}
.overview_guidance .content_inner .overview_text p {
  font-size: 14px;
  line-height: 2em;
}
.overview_guidance .content_inner .overview_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.overview_guidance .content_inner .overview_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.overview_guidance .content_inner .overview_img:before {
  content: "";
  display: block;
  padding-top: 72%;
}

.overview {
  position: relative;
  padding: 120px 0 160px;
}
.overview .h3_ttl {
  margin-bottom: 90px;
}
.overview .overview_list {
  width: 63%;
  max-width: 900px;
  margin: auto;
}
.overview .overview_list h4 {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 20px;
  margin-bottom: 50px;
}
.overview .overview_list table {
  width: 100%;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 15px;
}
.overview .overview_list table th {
  width: 25%;
  padding: 20px 30px;
  border-bottom: 1px #303831 solid;
}
.overview .overview_list table td {
  width: 75%;
  padding: 20px;
  border-bottom: 1px #303831 solid;
}
.overview .overview_nami1 {
  position: absolute;
  width: 20%;
  max-width: 290px;
  top: 250px;
  left: 0;
}
.overview .overview_nami2 {
  position: absolute;
  width: 20%;
  max-width: 290px;
  top: 210px;
  right: 0;
}
@media screen and (max-width: 1024px) {
  .overview {
    padding: 60px 0 80px;
  }
  .overview .overview_list {
    width: 90%;
  }
  .overview .overview_list table th {
    width: 25%;
  }
  .overview .overview_nami1 {
    top: 125px;
  }
  .overview .overview_nami2 {
    top: 100px;
  }
}
@media screen and (max-width: 768px) {
  .overview .overview_list table {
    margin-bottom: 30px;
  }
  .overview .overview_list table th {
    width: 100%;
    display: block;
    padding: 0;
    border: none;
  }
  .overview .overview_list table td {
    width: 100%;
    display: block;
    padding: 10px 0 0;
    margin-bottom: 20px;
    border-bottom: #cccccc 1px solid;
  }
}

/* archiveMv */
.archive_mv_red {
  background: linear-gradient(180deg, #b2141a 0%, #a0050b 100%);
  padding-top: 145px;
  height: 330px;
  position: relative;
}
.archive_mv_red .sub_mv_logo {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 130px;
}
@media screen and (max-width: 768px) {
  .archive_mv_red .sub_mv_logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 80px;
  }
}
.archive_mv_red .mv_nami {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.archive_mv_red .mv_nami .mv_nami_L,
.archive_mv_red .mv_nami .mv_nami_R {
  width: 38%;
}
.archive_mv_red .about_nami {
  position: absolute;
  top: 60%;
  left: 0;
  width: 20%;
}
.archive_mv_red .about_nami2 {
  position: absolute;
  top: 50%;
  right: 0;
  width: 20%;
}

.archive_mv_ttl {
  text-align: center;
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
}
.archive_mv_ttl h2 {
  font-size: 36px;
  color: #fff;
  margin: 0;
  line-height: 1.2em;
}
.archive_mv_ttl p {
  font-size: 21px;
  color: #ffe0a1;
  margin-bottom: 12px;
}
.archive_mv_ttl .ttl_icon {
  width: 30px;
  margin: auto;
}

.archive_mv_white {
  position: relative;
  height: 80px;
  background-color: #fff;
  margin-top: -2px;
  z-index: 100;
}

/* 店舗一覧 */
.archive_store_list {
  padding-bottom: 110px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 38px;
}
@media screen and (max-width: 1024px) {
  .archive_store_list {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .archive_store_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.store_item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: #303831 1px solid;
  background-color: #fff;
  padding: 20px;
}
.store_item .store_img {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.store_item .store_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.store_item .store_img:before {
  content: "";
  display: block;
  padding-top: 75%;
}
.store_item .store_text h3 {
  font-family: "Zen Old Mincho", serif;
  color: #b2141a;
  font-size: 15px;
  font-weight: 900;
  line-height: 1.5em;
  margin: 0.5em 0;
}
.store_item .store_text .store_tb {
  width: 100%;
  display: flex;
}
.store_item .store_text .store_th {
  padding: 5px;
}
.store_item .store_text .store_th p {
  border-radius: 3px;
  text-align: center;
  width: 60px;
  font-size: 11px;
  background-color: #c5942e;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0;
}
.store_item .store_text .store_td {
  padding: 5px;
  font-size: 12px;
  font-weight: 500;
}
.store_item .store_text .store_td p {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .store_item .store_text h3 {
    font-size: 14px;
    margin: 0.5em 0;
  }
}

.g_map {
  text-align: center;
  border: #303831 1px solid;
  padding: 10px 0;
  margin-top: 10px;
}
.g_map a {
  display: block;
  font-size: 13px;
  font-weight: 500;
  color: #303831;
}

/* 投稿一覧 */
.blog_archive {
  padding: 50px 0;
  min-height: 500px;
}

.archive_list {
  padding-bottom: 110px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 38px;
}
@media screen and (max-width: 768px) {
  .archive_list {
    grid-template-columns: repeat(1, 1fr);
    gap: 20px;
  }
}

.topics_item {
  position: relative;
  border: #303831 1px solid;
  padding: 6px;
  display: flex;
  justify-content: space-between;
}
.topics_item .topics_img {
  position: relative;
  width: 45%;
  overflow: hidden;
}
.topics_item .topics_img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}
.topics_item .topics_img:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.topics_item .topics_text {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 52%;
}
.topics_item .topics_text h3 {
  font-family: "Zen Old Mincho", serif;
  color: #b2141a;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.5em;
  margin: 0.5em 0;
}
.topics_item .topics_text p {
  font-size: 13px;
}
.topics_item .topics_text time {
  display: block;
  text-align: right;
  font-size: 13px;
  font-weight: 900;
  color: #d0d0d0;
}
@media screen and (max-width: 768px) {
  .topics_item .topics_text time {
    font-size: 12px;
    line-height: 2em;
  }
  .topics_item .topics_text h3 {
    font-size: 14px;
    margin: 0.5em 0;
  }
}
@media screen and (max-width: 768px) {
  .topics_item {
    display: block;
  }
  .topics_item .topics_img {
    width: 100%;
  }
  .topics_item .topics_text {
    width: 100%;
  }
  .topics_item .topics_text p {
    display: none;
  }
}

.new_mark {
  width: 50px;
  height: 45px;
  position: absolute;
  top: -10px;
  left: -10px;
  background-image: url(../images/new-mark.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

ul.post-categories {
  display: flex;
  list-style: none;
}
ul.post-categories li {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  background: #c5942e;
  color: #fff;
  font-size: 13px;
  line-height: 1em;
  padding: 4px 10px;
  margin-right: 5px;
}

/* sliderlist */
.swiper-slide {
  height: auto;
}
.swiper-slide .topics_item,
.swiper-slide .store_item {
  height: 100%;
}

/* ページナビ */
.page_navi {
  padding: 20px;
  width: 80%;
  margin: auto;
  margin-bottom: 50px;
  border-top: #cccccc 1px solid;
}

.pagination {
  text-align: center;
}

.nav-links,
.page-numbers {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.nav-links a,
.page-numbers a {
  text-decoration: none;
}

.nav-links a.page-numbers,
.nav-links .current,
.nav-links .dots {
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  background: #d6caca;
  color: #fff;
  border-radius: 50%;
  margin-right: 25px;
  font-size: 16px;
  font-weight: bold;
  box-shadow: 1px 1px 1px #c4d2c5;
}
.nav-links a.page-numbers:hover {
  color: #fff;
  background-color: #d6caca;
  opacity: 0.6;
  border-radius: 50%;
}
.nav-links .current {
  background: #b2141a;
  color: #ffffff;
  padding: 0;
}
.nav-links a.prev,
.nav-links a.next {
  background: none;
  box-shadow: none;
  position: relative;
  width: 25px;
  height: 25px;
}
.nav-links a.prev:hover,
.nav-links a.next:hover {
  background-color: transparent;
}
.nav-links .dots {
  background: transparent;
  border: none;
}

/* single */
.single_sec {
  width: 90%;
  max-width: 700px;
  min-height: 500px;
  margin: auto;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: #cccccc 1px solid;
}
.single_sec .single_ttl {
  padding: 15px;
  margin-bottom: 50px;
  border-bottom: #cccccc 1px solid;
}
.single_sec .single_ttl .single_ttl_top {
  display: flex;
  gap: 15px;
  margin-bottom: 20px;
}
.single_sec .single_ttl .single_ttl_top time {
  color: #d0d0d0;
  font-size: 13px;
  font-weight: bold;
}
.single_sec .single_ttl .single_ttl_top .post-categories a {
  font-size: 13px;
}
.single_sec .single_ttl h2 {
  font-family: "Zen Old Mincho", serif;
  font-weight: 900;
  font-size: 24px;
  margin: 0;
}

.previous_link {
  width: fit-content;
  margin: auto;
  margin-bottom: 60px;
  font-family: "Zen Old Mincho", serif;
  font-size: 13px;
  display: flex;
  list-style: none;
}
.previous_link li {
  padding: 20px;
  min-width: 110px;
}
@media screen and (max-width: 768px) {
  .previous_link li {
    padding: 10px;
    min-width: 80px;
  }
}

.single_content .store_img {
  width: 90%;
  margin: auto;
  margin-bottom: 30px;
}
.single_content .store_img img {
  aspect-ratio: 2;
  object-fit: cover;
}

table.s_store_tb {
  width: 100%;
}
table.s_store_tb th {
  padding: 10px;
  width: 25%;
}
table.s_store_tb th p {
  padding: 5px;
  border-radius: 3px;
  text-align: center;
  font-size: 16px;
  background-color: #c5942e;
  color: #fff;
  font-weight: 900;
  letter-spacing: 0;
}
table.s_store_tb td {
  vertical-align: middle;
  width: 80%;
  padding: 10px;
  font-size: 16px;
  font-weight: 500;
}
table.s_store_tb td p {
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  table.s_store_tb th,
  table.s_store_tb td {
    display: block;
    padding: 5px;
  }
  table.s_store_tb th {
    width: 50%;
  }
  table.s_store_tb td {
    width: 100%;
  }
}

/* contact お問い合わせ */
.contact_form {
  width: 90%;
  max-width: 700px;
  margin: auto;
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .contact_form {
    padding-bottom: 68px;
  }
}
.contact_form .form_p {
  font-size: 14px;
  margin-bottom: 100px;
}
.contact_form table {
  width: 100%;
  margin-bottom: 40px;
  font-family: "Zen Old Mincho", serif;
  font-weight: 600;
  font-size: 14px;
}
.contact_form table th {
  width: 25%;
  vertical-align: middle;
}
.contact_form table .form_width {
  vertical-align: top;
  padding: 15px 0;
}
.contact_form table .privacy_p {
  font-size: 15px;
}
.contact_form table .privacy_p a {
  text-decoration: underline;
}
.contact_form table td {
  padding: 15px 0;
}
.contact_form table td input::placeholder,
.contact_form table td textarea::placeholder {
  color: #d9d9d9;
}
.contact_form table td input[type=text],
.contact_form table td input[type=email],
.contact_form table td textarea {
  width: 90%;
  background-color: #fffdfa;
  padding: 15px;
  border: 1px solid #303831;
}
.contact_form table td input:focus,
.contact_form table td textarea:focus,
.contact_form table td select:focus {
  outline: none;
}
.contact_form .required {
  font-size: 10px;
  color: #b2141a;
}
@media screen and (max-width: 1024px) {
  .contact_form {
    width: 90%;
  }
  .contact_form table th {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  .contact_form {
    width: 90%;
  }
  .contact_form table {
    width: 100%;
    margin-bottom: 30px;
  }
  .contact_form table th {
    display: block;
    width: 100%;
    padding: 6px 0 0;
  }
  .contact_form table th p {
    padding: 6px 0;
  }
  .contact_form table td {
    width: 100%;
    display: block;
    padding: 6px 0;
  }
  .contact_form table td input,
  .contact_form table td textarea {
    width: 100%;
    padding: 6px;
  }
}

.submit_button {
  text-align: center;
}
.submit_button .link_btn {
  display: inline-block;
  margin-bottom: 20px;
}
.submit_button .btn_return {
  padding: 5px 20px;
  background-color: gray;
  color: #fff;
}