@charset "UTF-8";
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #fff;
  background-color: #000;
}

.fs10_12 {
  font-size: 0.625rem;
  line-height: 1.7;
}
@media (min-width: 575px) {
  .fs10_12 {
    font-size: calc(0.625rem + (1vw - 0.36rem) * 0.2427);
    min-height: 0vw;
  }
}
@media (min-width: 1399px) {
  .fs10_12 {
    font-size: 0.751rem;
  }
}

.fs14_16 {
  font-size: 0.875rem;
  line-height: 1.7;
}
@media (min-width: 575px) {
  .fs14_16 {
    font-size: calc(0.875rem + (1vw - 5.76px) * 0.2427);
    min-height: 0vw;
  }
}
@media (min-width: 1399px) {
  .fs14_16 {
    font-size: 1rem;
  }
}

.fs16_18 {
  font-size: 1rem;
  line-height: 1.7;
  margin-bottom: -0.5rem;
}
@media (min-width: 575px) {
  .fs16_18 {
    font-size: calc(1rem + (1vw - 0.36rem) * 0.2427);
    min-height: 0vw;
  }
}
@media (min-width: 1399px) {
  .fs16_18 {
    font-size: 1.125rem;
  }
}

.fs24_32 {
  font-size: 1.5rem;
  line-height: 1.7;
}
@media (min-width: 575px) {
  .fs24_32 {
    font-size: calc(1.5rem + (1vw - 0.36rem) * 0.9709);
    min-height: 0vw;
  }
}
@media (min-width: 1399px) {
  .fs24_32 {
    font-size: 2rem;
  }
}

a {
  text-decoration: none;
}

.min {
  font-family: "Noto Serif JP", serif;
}

.gosi {
  font-family: "Noto Sans JP", sans-serif;
}

.border-top-none {
  border-top: none !important;
}

.about-text-aka {
  color: #C72020;
}

.about-text-aka02 {
  color: #CF4F10;
}

.about-text-ki {
  color: #B09A13;
}

.about-text-usu {
  color: #F0E1C4;
}

.about-text-ou {
  color: #907458;
}

.title-box {
  margin: 6rem 0 3rem;
}
@media (max-width: 767px) {
  .title-box {
    height: 130px !important;
    margin: 2rem 0 1.5rem;
  }
}
.title-box.title-box02 {
  margin: 10rem 0 3rem;
}
@media (max-width: 767px) {
  .title-box.title-box02 {
    height: 130px !important;
    margin: 2rem 0 1.5rem;
  }
}

.title-box_white {
  margin: 0 0 3rem;
}
@media (max-width: 767px) {
  .title-box_white {
    height: 130px !important;
    margin: 0 0 1.5rem;
  }
}

@media (max-width: 767px) {
  .title-border {
    margin-bottom: 7px !important;
  }
}

.text-left {
  text-align: left;
}

.text-justify {
  text-align: justify;
}

.link-hov a {
  transition: 0.5s;
}
.link-hov a:hover {
  opacity: 0.7;
}

.mt-5_ {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .mt-5_ {
    margin-top: 1rem;
  }
}

.mt-7_ {
  margin-top: 7rem;
}
@media (max-width: 767px) {
  .mt-7_ {
    margin-top: 1rem;
  }
}

.mt-9_ {
  margin-top: 9rem;
}
@media (max-width: 767px) {
  .mt-9_ {
    margin-top: 3rem;
  }
}

.mb-2_ {
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .mb-2_ {
    margin-bottom: 1rem;
  }
}

.mb-5_ {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .mb-5_ {
    margin-bottom: 2rem;
  }
}

.mb-7_ {
  margin-bottom: 7rem;
}
@media (max-width: 767px) {
  .mb-7_ {
    margin-bottom: 1rem;
  }
}

.mb-9_ {
  margin-bottom: 9rem;
}
@media (max-width: 767px) {
  .mb-9_ {
    margin-bottom: 1rem;
  }
}

.pt-13_ {
  padding-top: 13rem;
}
@media (max-width: 767px) {
  .pt-13_ {
    padding-top: 3rem;
  }
}

.py-5_ {
  padding: 5rem 0;
}
@media (max-width: 767px) {
  .py-5_ {
    padding: 1rem;
  }
}

.py-7_ {
  padding: 7rem 0;
}
@media (max-width: 767px) {
  .py-7_ {
    padding: 1rem;
  }
}

.pe-5_ {
  padding-right: 5rem;
}
@media (max-width: 767px) {
  .pe-5_ {
    padding-right: 1rem;
  }
}

.rounded-15_ {
  border-radius: 1.5rem;
}

.w-80 {
  width: 80% !important;
}
@media (max-width: 575px) {
  .w-80 {
    width: 100% !important;
  }
}

.ls05_ {
  letter-spacing: 0.5rem;
}
@media (max-width: 767px) {
  .ls05_ {
    letter-spacing: 0;
  }
}

header {
  opacity: 1;
  position: absolute;
  width: 100%;
  display: flex;
  background: none;
  z-index: 99;
}

#navbtn {
  display: none;
}
@media (max-width: 991px) {
  #navbtn {
    position: fixed;
    right: 1rem;
    padding: 0;
    outline: none;
    border: none;
    background: none;
    width: 30px;
    height: 20px;
    cursor: pointer;
    display: block;
  }
  #navbtn::before, #navbtn::after {
    content: "";
    display: block;
    height: 1px;
    background-color: #fff;
    transform: translateY(10px);
    transition: 0.3s ease-in-out;
  }
  #navbtn::before {
    transform: translateY(-10px);
    box-shadow: 0 10px #fff;
  }
}

#navbar {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 2rem 1rem 1rem 1rem;
  background: linear-gradient(rgb(0, 0, 0), rgba(0, 0, 0, 0));
  position: fixed;
}
@media (max-width: 991px) {
  #navbar {
    justify-content: space-between;
  }
}

.nav ul {
  display: flex;
  margin-bottom: 0;
  align-items: center;
}
@media (max-width: 991px) {
  .nav ul {
    display: block;
    padding-left: 0;
  }
}
.nav ul li {
  list-style: none;
}
@media (max-width: 991px) {
  .nav ul li {
    text-align: center;
  }
}
@media (max-width: 991px) {
  .nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 初期：非表示 */
    visibility: hidden;
    opacity: 0;
    /* ふわっと表示 */
    transition: 0.5s ease-in-out;
  }
}

.open nav {
  visibility: visible;
  opacity: 1;
}
.open #navbtn::before {
  transform: rotate(-45deg);
  box-shadow: none;
}
.open #navbtn::after {
  transform: rotate(45deg);
  box-shadow: none;
}

.nav-link {
  display: inline-block;
  color: #fff;
  padding: 0 0.7rem;
  text-align: center;
  transition: 0.3s;
}
.nav-link:hover {
  color: #fff;
  opacity: 0.5;
}
@media (max-width: 991px) {
  .nav-link div {
    font-size: 1.2rem;
  }
}
.nav-link span {
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.5rem;
}
@media (max-width: 991px) {
  .nav-link span {
    display: none;
  }
}
@media (max-width: 1199px) {
  .nav-link {
    padding: 0 0.7rem !important;
  }
}
@media (max-width: 991px) {
  .nav-link {
    padding: 0;
    margin: 1rem 0;
  }
}

.nav-logo {
  width: 13%;
  max-width: 200px;
  transition: 0.3s;
}
@media (max-width: 991px) {
  .nav-logo {
    width: 150px;
  }
}
.nav-logo:hover {
  opacity: 0.5;
}

.nav-btn01 {
  background-color: #C30D23;
  border: 2px solid #fff;
  border-radius: 10px;
  transition: 0.3s;
}
.nav-btn01:hover {
  background: #000;
}
@media (max-width: 767px) {
  .nav-btn01 {
    width: 100%;
  }
}
.nav-btn01 a {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  padding: 0.6rem 1.5rem;
  font-size: 1vw;
}
.nav-btn01 a:hover {
  opacity: 1 !important;
}
@media (max-width: 767px) {
  .nav-btn01 a {
    font-size: 1rem;
  }
}
@media (max-width: 1199px) {
  .nav-btn01.btn01-nav a {
    padding: 0.6rem 1rem;
  }
}
@media (max-width: 991px) {
  .nav-btn01.btn01-nav a {
    font-size: 0.7rem;
  }
}
@media (max-width: 767px) {
  .nav-btn01.btn01-nav a {
    font-size: 1rem;
  }
}
@media (max-width: 991px) {
  .nav-btn01.btn01-nav {
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}
@media (max-width: 575px) {
  .nav-btn01.btn01-nav {
    width: 100%;
  }
}

.nav-item-sozai {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .nav-item-sozai {
    display: none;
  }
}
.nav-item-sozai img {
  width: 100%;
}
@media (max-width: 991px) {
  .nav-item-sozai img {
    width: 3%;
  }
}

.nav-text {
  display: flex;
  align-items: center;
}
@media (max-width: 991px) {
  .nav-text {
    justify-content: center;
    margin-bottom: 2rem;
    margin-top: 1rem;
  }
}
.nav-text div {
  font-size: 0.8rem;
  line-height: 1.2;
  padding: 0 1.5rem 0 1rem;
}
@media (max-width: 1199px) {
  .nav-text div {
    font-size: 0.5rem;
    padding: 0 1rem 0 1rem;
  }
}
@media (max-width: 991px) {
  .nav-text div {
    font-size: 0.7rem;
  }
}
.nav-text div span {
  font-size: 2.1rem;
}
@media (max-width: 1199px) {
  .nav-text div span {
    font-size: 2.3vw;
  }
}
@media (max-width: 991px) {
  .nav-text div span {
    font-size: 1.2rem;
    padding-left: 0.3rem;
  }
}

.scroll-nav .nav-link span {
  display: none;
}

@media (max-width: 767px) {
  .list-group {
    text-align: center;
  }
}

footer {
  padding: 0;
  background-color: #000;
}

.copyright {
  background: none;
  padding: 0;
  text-align: center;
}
@media (max-width: 767px) {
  .copyright {
    font-size: 0.5rem;
  }
}

.foot-share-wrapper {
  background-color: #fff;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.foot-share-box {
  border: 2px solid #000;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .foot-share-box {
    border: 1px solid #000;
  }
}
.foot-share-box a {
  color: #000;
  padding: 0.5rem 1rem;
  transition: 0.3s;
  font-size: 1rem;
}
@media (max-width: 767px) {
  .foot-share-box a {
    padding: 0.5rem 0.2rem;
    font-size: 0.5rem;
  }
}
.foot-share-box a:hover {
  background: #000;
  color: #fff;
}

.foot-sns-box {
  padding: 0 0.5rem;
}
@media (max-width: 767px) {
  .foot-sns-box > div:nth-child(1) a img {
    width: 60% !important;
  }
}
@media (max-width: 767px) {
  .foot-sns-box > div:nth-child(2) a img {
    width: 100% !important;
  }
}

.scroll-down {
  position: absolute;
  bottom: 15%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-animation: arrowmove 1s ease-in-out infinite;
          animation: arrowmove 1s ease-in-out infinite;
}
@-webkit-keyframes arrowmove {
  0% {
    bottom: 15%;
  }
  50% {
    bottom: 16%;
  }
  100% {
    bottom: 15%;
  }
}
@keyframes arrowmove {
  0% {
    bottom: 15%;
  }
  50% {
    bottom: 16%;
  }
  100% {
    bottom: 15%;
  }
}
.scroll-down::before {
  content: "";
  position: absolute;
  top: 4.4rem;
  left: 53%;
  /*矢印の形状*/
  width: 1px;
  height: 0.7rem;
  background: #eee;
  transform: skewX(-31deg);
}
.scroll-down::after {
  content: "";
  position: absolute;
  top: 2rem;
  left: 50%;
  transform: translateX(-50%);
  /*矢印の形状*/
  width: 1px;
  height: 50px;
  background: #eee;
}

.index-video-wrapper {
  height: 100vh;
  position: relative;
}

#index-video-area {
  position: absolute;
  z-index: -1;
  /*最背面に設定*/
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}

#index-video {
  /*天地中央配置*/
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh;
  /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  height: 56.25vw;
  /* 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}

.index-fv-text {
  margin-bottom: 2rem;
}
@media (max-width: 575px) {
  .index-fv-text {
    margin-bottom: 1rem;
  }
}
.index-fv-text div {
  text-align: center;
  font-size: 3rem;
  line-height: 1.5;
  letter-spacing: 0.7rem;
  margin-right: -0.7rem;
}
@media (max-width: 575px) {
  .index-fv-text div {
    letter-spacing: 0.5rem;
    margin-right: -0.5rem;
  }
}
@media (min-width: 575px) {
  .index-fv-text div {
    font-size: calc(3rem + (1vw - 0.36rem) * 6.7961);
    min-height: 0vw;
    line-height: 1.3;
  }
}
@media (min-width: 1399px) {
  .index-fv-text div {
    font-size: 6.5rem;
    line-height: 1.2;
  }
}

.index-fv-pattern {
  width: 100%;
  height: 100%;
  background: url(../image/yokojima.png);
  opacity: 0.9;
}

.index-fv-parts-wrapper {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%, -50%);
  width: 95%;
}
.index-fv-parts-wrapper img {
  width: 43%;
  max-width: 450px;
  display: flex;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .index-fv-parts-wrapper img {
    width: 80%;
    max-width: 300px;
  }
}

.index-about-wrapper {
  position: relative;
}

.index-about-img {
  transition: 0.5s;
}
.index-about-img:hover {
  transform: scale(1.2, 1.2);
}

.index-abouttext-wrapper {
  display: flex;
  justify-content: flex-end;
}
.index-abouttext-wrapper > div {
  width: 45%;
}
@media (max-width: 991px) {
  .index-abouttext-wrapper > div {
    width: 100%;
  }
}

@media (max-width: 991px) {
  .index-about-bgimg {
    top: -4rem;
  }
}
@media (max-width: 767px) {
  .index-about-bgimg {
    top: -2rem;
  }
}
.index-about-bgimg img {
  width: 60%;
  position: absolute;
  top: -4%;
  left: -10%;
  z-index: -99;
}
@media (max-width: 991px) {
  .index-about-bgimg img {
    top: 0;
  }
}
@media (max-width: 767px) {
  .index-about-bgimg img {
    top: -1rem;
    width: 70%;
  }
}

.index-committed-block {
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .index-committed-block {
    flex-direction: column;
    margin-bottom: 1.5rem;
  }
}
.index-committed-block > div:nth-child(1):nth-child(1) {
  text-align: center;
}
@media (max-width: 767px) {
  .index-committed-block > div:nth-child(1):nth-child(1) {
    width: 100%;
  }
}
.index-committed-block > div:nth-child(1):nth-child(1) img {
  width: 13%;
  margin-bottom: 0.5rem;
}
.index-committed-block > div:nth-child(2) {
  width: 50%;
}
@media (max-width: 767px) {
  .index-committed-block > div:nth-child(2) {
    margin: 0 auto 1rem;
    width: 100%;
  }
}
.index-committed-block.committed-block01 > div:nth-child(1), .index-committed-block.committed-block03 > div:nth-child(1), .index-committed-block.committed-block05 > div:nth-child(1) {
  width: calc(50% - 3rem);
  margin-right: 3rem;
}
@media (min-width: 1199px) {
  .index-committed-block.committed-block01 > div:nth-child(1), .index-committed-block.committed-block03 > div:nth-child(1), .index-committed-block.committed-block05 > div:nth-child(1) {
    width: calc(50% - 5rem);
    margin-right: 5rem;
  }
}
@media (max-width: 767px) {
  .index-committed-block.committed-block01 > div:nth-child(1), .index-committed-block.committed-block03 > div:nth-child(1), .index-committed-block.committed-block05 > div:nth-child(1) {
    width: 100%;
    margin-right: 0;
  }
}
.index-committed-block.committed-block02 > div:nth-child(1), .index-committed-block.committed-block04 > div:nth-child(1) {
  width: calc(50% - 3rem);
  margin-left: 3rem;
}
@media (min-width: 1199px) {
  .index-committed-block.committed-block02 > div:nth-child(1), .index-committed-block.committed-block04 > div:nth-child(1) {
    width: calc(50% - 5rem);
    margin-left: 5rem;
  }
}
@media (max-width: 767px) {
  .index-committed-block.committed-block02 > div:nth-child(1), .index-committed-block.committed-block04 > div:nth-child(1) {
    width: 100%;
    margin-left: 0;
  }
}
.index-committed-block.committed-block05 {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .index-recommends-svg {
    width: 80%;
  }
}

.index-recommends-block-wrapper {
  width: 100%;
}
.index-recommends-block-wrapper.block01 {
  background: url(../image/recommends_udon_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.index-recommends-block-wrapper.block02 {
  background: url(../image/recommends_mentai_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
  color: #000;
}
.index-recommends-block-wrapper.block03 {
  background: url(../image/recommends_motu_bg.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  height: 100%;
}

.index-recommends-blockin {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7rem 0;
}
@media (max-width: 767px) {
  .index-recommends-blockin {
    display: block;
    padding: 3rem 0;
  }
}
.index-recommends-blockin > div {
  width: 50%;
}
@media (max-width: 767px) {
  .index-recommends-blockin > div {
    width: 100%;
    text-align: center;
  }
}
.index-recommends-blockin > div:nth-child(1) {
  width: calc(50% - 3rem);
  margin-right: 3rem;
}
@media (min-width: 1199px) {
  .index-recommends-blockin > div:nth-child(1) {
    width: calc(50% - 5rem);
    margin-right: 5rem;
  }
}
@media (max-width: 767px) {
  .index-recommends-blockin > div:nth-child(1) {
    width: 100%;
    margin-left: 0;
  }
}
.index-recommends-blockin .recommends-motu-text-wh {
  width: 80%;
  margin: 0 auto;
  display: inherit;
}
@media (max-width: 767px) {
  .index-recommends-blockin .recommends-motu-text-wh {
    width: 60%;
  }
}
.index-recommends-blockin .order-2 {
  width: calc(50% - 3rem);
  margin-left: 3rem;
  margin-right: 0 !important;
}
@media (min-width: 1199px) {
  .index-recommends-blockin .order-2 {
    width: calc(50% - 5rem);
    margin-left: 5rem;
  }
}

.index-recommends-main-img {
  max-width: 100%;
  width: 100%;
}
@media (max-width: 767px) {
  .index-recommends-main-img {
    max-width: 60%;
  }
}

.index-recommends-btn {
  display: inline-block;
  width: 100%;
  text-align: center;
}
.index-recommends-btn a {
  display: inline-block;
  padding: 0.5rem 3rem;
  border: 1px solid #fff;
  border-radius: 0.7rem;
  color: #fff;
  transition: 0.3s;
}
.index-recommends-btn a:hover {
  background: #C30D23;
}
.index-recommends-btn.recommends-btn-black a {
  color: #000;
  border: 1px solid #000;
  transition: 0.3s;
}
.index-recommends-btn.recommends-btn-black a:hover {
  color: #fff;
}

.index-recommends-text01 {
  letter-spacing: 0.2rem;
}
@media (max-width: 575px) {
  .index-recommends-text01 {
    letter-spacing: 0;
  }
}

.index-arrange-box a, .index-blog-box a {
  transition: 0.3s;
  display: block;
}
.index-arrange-box a:hover, .index-blog-box a:hover {
  opacity: 0.5;
}

.index-blog-btn {
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .index-blog-btn {
    margin-bottom: 3rem;
  }
}

@media (max-width: 767px) {
  .index-blog_img {
    height: 200px !important;
  }
}

.index-news-wrapper {
  background: #fff;
  color: #000;
  padding-top: 6rem;
}
@media (max-width: 767px) {
  .index-news-wrapper {
    padding-top: 2rem;
  }
}
.index-news-wrapper .title-border {
  border-bottom: #000 solid 1px;
}

#youtube_bn a {
  display: block;
  transition: 0.3s;
}
#youtube_bn a:hover {
  opacity: 0.5;
}

.youtube_check_box {
  border-radius: 20px 0 0 20px;
}
@media (max-width: 767px) {
  .youtube_check_box {
    border-radius: 20px 20px 0 0;
  }
}

.youtube_box {
  border-radius: 0 20px 20px 0;
}
@media (max-width: 767px) {
  .youtube_box {
    border-radius: 0 0 20px 20px;
  }
}

.youtube_check {
  transform: rotate(-90deg);
  position: absolute;
  font-size: 2.5rem;
  letter-spacing: 0.8rem;
  padding-left: 0.6rem;
}
@media (max-width: 767px) {
  .youtube_check {
    font-size: 1.8rem;
    transform: rotate(0deg);
  }
}

.index-shopbn-wrapper {
  margin-top: 7rem;
}
@media (max-width: 767px) {
  .index-shopbn-wrapper {
    margin-top: 2rem;
  }
}

.item_shop_link {
  width: 100%;
}
.item_shop_link a {
  background-color: #C30D23;
  border-radius: 1.5rem;
  transition: 0.3s;
}
.item_shop_link a:hover {
  opacity: 0.5;
}

.anslink-wrap {
  margin-top: 0.5rem;
}
.anslink-wrap a {
  transition: 0.3s;
}
.anslink-wrap a:hover {
  opacity: 0.5;
}

.item a {
  color: #fff;
}
.item > a:nth-child(1)::after {
  content: "";
  display: block;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding-top: 1rem;
}

.faq_list_red {
  color: #CD1313;
}

.about-boxin {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(223, 223, 223, 0.5);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .about-boxin {
    display: block;
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
  }
}
.about-boxin > div:first-child {
  width: 20%;
  text-align: right;
}
@media (max-width: 767px) {
  .about-boxin > div:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: 0.3rem;
  }
}
.about-boxin > div:nth-child(2) {
  width: 80%;
  padding-left: 3rem;
}
@media (max-width: 767px) {
  .about-boxin > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.about-map {
  width: 100%;
  height: 500px;
}
@media (max-width: 767px) {
  .about-map {
    height: 300px;
  }
}

.guide-wrapper {
  background: #000;
}

.guide-boxin {
  display: flex;
  width: 100%;
  border-bottom: 1px solid rgba(223, 223, 223, 0.5);
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}
@media (max-width: 767px) {
  .guide-boxin {
    display: block;
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
  }
}
.guide-boxin > div:first-child {
  width: 20%;
  text-align: right;
}
@media (max-width: 767px) {
  .guide-boxin > div:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: 0.3rem;
  }
}
.guide-boxin > div:nth-child(2) {
  width: 80%;
  padding-left: 3rem;
}
@media (max-width: 767px) {
  .guide-boxin > div:nth-child(2) {
    width: 100%;
    padding-left: 0;
  }
}

.guide-kes-box {
  display: flex;
  border: 1px solid #fff;
  width: 60%;
  margin-bottom: 2rem;
}
@media (max-width: 767px) {
  .guide-kes-box {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.guide-kes-box > div:first-child {
  border-right: 1px solid #fff;
  width: 60%;
  text-align: center;
}
.guide-kes-box > div:first-child > div:first-child {
  border-bottom: 1px solid #fff;
}
.guide-kes-box > div:nth-child(2) {
  width: 40%;
  text-align: center;
}
.guide-kes-box > div:nth-child(2) > div:first-child {
  border-bottom: 1px solid #fff;
}

.guide-text-hov {
  color: #6c757d;
  transition: 0.3s;
}
.guide-text-hov:hover {
  color: #6c757d !important;
  opacity: 0.7 !important;
}

.guide-soryo-wrapper {
  width: 100%;
  overflow-x: scroll;
}

.guide-soryo-box-wrapper {
  border: 1px solid #fff;
  text-align: center;
  border-collapse: collapse;
  width: 1000px;
}

.guide-bdb {
  border-bottom: 1px solid #fff;
}

.guide-bdt {
  border-top: 1px solid #fff;
}

.guide-bdr {
  border-right: 1px solid #fff;
}

.guide-bdl {
  border-left: 1px solid #fff;
}

.privacy_box {
  border: none;
  padding: 0;
}

.privacy-wrapper {
  background: #000;
  color: #fff;
}

.privacy_box h3 {
  color: #fff;
  border-bottom: 1px solid #bbb;
  padding-bottom: 0.5rem;
  margin-top: 0;
  margin-bottom: 2.5rem;
  font-size: 1.2rem;
}
@media (max-width: 767px) {
  .privacy_box h3 {
    margin-bottom: 1rem;
    font-size: 0.9rem;
    line-height: 1.5;
  }
}
.privacy_box span {
  display: inline-block;
  padding-left: 0.75rem;
}
@media (max-width: 767px) {
  .privacy_box span {
    padding-left: 0.5rem;
  }
}
.privacy_box ol {
  padding-left: 2rem;
}
@media (max-width: 767px) {
  .privacy_box ol {
    padding-left: 1.5rem;
  }
}
@media (max-width: 767px) {
  .privacy_box ol ol {
    padding-left: 10px;
  }
}
.privacy_box .privacy-tr {
  color: #fff;
}
.privacy_box .privacy-tr td {
  padding: 1.5rem 1.5rem 1.5rem 0;
}
.privacy_box .privacy-tr td:first-child {
  width: 10%;
}
@media (max-width: 767px) {
  .privacy_box .privacy-tr td:first-child {
    width: 30%;
  }
}
.privacy_box .privacy-tr td:nth-child(2) {
  width: 70%;
}
.privacy_box p {
  line-height: 170%;
}

.contact-req {
  padding: 0.375rem 0.75rem;
  border-radius: 0.25rem;
}

.btn-info {
  color: #000 !important;
  background-color: #fff;
  border: none;
  transition: 0.3s;
  padding: 0.5rem 3rem;
  cursor: pointer;
}
@media (max-width: 767px) {
  .btn-info {
    width: 100%;
  }
}
.btn-info:hover {
  background: #fff;
  opacity: 0.7;
}
.btn-info.reset {
  color: #fff !important;
  background-color: #000;
  border: 1px solid #fff;
  opacity: 0.5;
}
.btn-info.reset:hover {
  opacity: 1;
}

.btn-check:active + .btn-info, .btn-check:checked + .btn-info, .btn-info.active, .btn-info:active, .show > .btn-info.dropdown-toggle {
  background: #fff !important;
  border: none !important;
}

#preview img {
  width: 200px;
  margin: 10px;
}

.file-btn {
  background-color: #fff;
  padding: 0.5rem 2rem;
  color: #000;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: 0.3s;
}
.file-btn:hover {
  opacity: 0.5;
}
.file-btn input {
  display: none;
}

#index-recommends-ank-udon {
  margin-top: -3rem;
  padding-top: 5rem;
}
@media (max-width: 575px) {
  #index-recommends-ank-udon {
    margin-top: -1rem;
    padding-top: 2rem;
  }
}

#index-recommends-ank-mentai, #index-recommends-ank-motu {
  margin-top: -3rem;
  padding-top: 5rem;
}
@media (max-width: 575px) {
  #index-recommends-ank-mentai, #index-recommends-ank-motu {
    margin-top: 0rem;
    padding-top: 2rem;
  }
}

.item_list-items-parts {
  margin: 5rem 0;
  font-size: 2.5rem;
}
@media (max-width: 767px) {
  .item_list-items-parts {
    margin: 2rem 0;
    font-size: 2rem;
  }
}
.item_list-items-parts.items-parts {
  margin: 0 0 5rem;
}
@media (max-width: 767px) {
  .item_list-items-parts.items-parts {
    margin: 0 0 2rem;
  }
}

.about-fv {
  width: 100%;
  height: 27rem;
}
@media (max-width: 1199px) {
  .about-fv {
    height: 20rem;
  }
}
@media (max-width: 767px) {
  .about-fv {
    height: 15rem;
  }
}
.about-fv.item_list {
  background: url(../image/item_list_fv.jpg);
  background-position: center;
  background-size: cover;
}
.about-fv.archive_list {
  background: url(../image/recipe_fv.jpg);
  background-position: center;
  background-size: cover;
}
.about-fv.blog {
  background: url(../image/blog_fv.jpg);
  background-position: center;
  background-size: cover;
}
.about-fv.spot_list {
  background: url(../image/spot_fv.jpg);
  background-position: center;
  background-size: cover;
}
.about-fv.faq_list, .about-fv.guide, .about-fv.privacy, .about-fv.about, .about-fv.news {
  background: url(../image/about_fv.jpg);
  background-position: center;
  background-size: cover;
}

.item_img_box {
  display: block;
  content: "";
  height: 250px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
.item_img_box:hover {
  opacity: 0.5;
}
@media (max-width: 1199px) {
  .item_img_box {
    height: 220px;
  }
}
@media (max-width: 991px) {
  .item_img_box {
    height: 160px;
  }
}
@media (max-width: 767px) {
  .item_img_box {
    height: 54vw;
  }
}
@media (max-width: 767px) {
  .item_img_box.item_img_box_detail {
    height: 30vw;
  }
}

.item-list-bn-wrapper {
  margin-top: 9rem;
}
@media (max-width: 991px) {
  .item-list-bn-wrapper {
    margin-top: 3rem;
  }
}
.item-list-bn-wrapper a {
  display: block;
  transition: 0.3s;
}
.item-list-bn-wrapper a:hover {
  opacity: 0.5;
}

@media (max-width: 575px) {
  .LP-w100 {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
  }
}

.cul01-text01 {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .cul01-text01 {
    font-size: 0.7rem;
  }
}

.cul02-text02 {
  font-size: 0.9rem;
}
@media (max-width: 767px) {
  .cul02-text02 {
    font-size: 0.5rem;
  }
}
.cul02-text02 span {
  font-size: 1.4rem;
}
@media (max-width: 767px) {
  .cul02-text02 span {
    font-size: 0.9rem;
  }
}

@media (max-width: 767px) {
  .item_detail_itembox-out > div:nth-child(1) {
    --bs-gutter-x: 0;
  }
}

.item_detail-cartbtn {
  background: #C30D23;
  border-radius: 0.5rem;
  border: 2px solid #C30D23;
  transition: 0.3s;
}
.item_detail-cartbtn:hover {
  border: 2px solid #fff;
  background-color: #000;
}
.item_detail-cartbtn a {
  padding: 1rem 1rem;
  display: block;
  color: #fff;
  text-align: center;
}

.item_detail-youtube-wrapper {
  margin-top: 7rem;
}
@media (max-width: 767px) {
  .item_detail-youtube-wrapper {
    margin-top: 3rem;
  }
}

.youtube {
  width: 60%;
  position: relative;
  padding-top: 34.5%;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .youtube {
    width: 80%;
    padding-top: 44.5%;
  }
}
@media (max-width: 575px) {
  .youtube {
    width: 100%;
    padding-top: 100%;
  }
}

.item-detail-wrapper {
  padding-top: 13rem;
}
@media (max-width: 767px) {
  .item-detail-wrapper {
    padding-top: 7rem;
  }
}

.item_detail_itembox-wrapper > div:first-child {
  width: 50%;
  padding-left: 3rem;
}
@media (max-width: 1199px) {
  .item_detail_itembox-wrapper > div:first-child {
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
  }
}
.item_detail_itembox-wrapper > div:nth-child(2) {
  width: 42%;
}
@media (max-width: 1199px) {
  .item_detail_itembox-wrapper > div:nth-child(2) {
    width: 100%;
  }
}

.swiper-button-prev, .swiper-button-next {
  top: 38% !important;
  background-size: 17px 44px !important;
  width: 17px !important;
  height: 44px !important;
}
@media (max-width: 575px) {
  .swiper-button-prev, .swiper-button-next {
    top: 35vw !important;
  }
}

.swiper-button-prev {
  background-image: url(../image/arrow_left.png) !important;
  left: 0 !important;
}
@media (max-width: 1199px) {
  .swiper-button-prev {
    left: -50px !important;
  }
}
@media (max-width: 767px) {
  .swiper-button-prev {
    left: 10px !important;
    background-image: url(../image/arrow_left_black.png) !important;
  }
}

.swiper-button-next {
  background-image: url(../image/arrow_right.png) !important;
  right: -50px !important;
}
@media (max-width: 767px) {
  .swiper-button-next {
    right: 10px !important;
    background-image: url(../image/arrow_right_black.png) !important;
  }
}

.swiper-container {
  overflow: hidden;
}

.swiper-button-next:after, .swiper-button-prev:after {
  display: none;
}

.slider-thumbnail .swiper-slide {
  opacity: 0.5;
  overflow: hidden;
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

.item_detail_item_image {
  display: block;
  content: "";
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 450px;
}
@media (max-width: 1399px) {
  .item_detail_item_image {
    height: 383px;
  }
}
@media (max-width: 1199px) {
  .item_detail_item_image {
    height: 580px;
  }
}
@media (max-width: 991px) {
  .item_detail_item_image {
    height: 522px;
  }
}
@media (max-width: 767px) {
  .item_detail_item_image {
    height: 390px;
  }
}
@media (max-width: 575px) {
  .item_detail_item_image {
    height: 70vw;
  }
}

.item_detail_item_image02 {
  height: 110px;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 1399px) {
  .item_detail_item_image02 {
    height: 110px;
  }
}
@media (max-width: 1399px) {
  .item_detail_item_image02 {
    height: 90px;
  }
}
@media (max-width: 1199px) {
  .item_detail_item_image02 {
    height: 150px;
  }
}
@media (max-width: 991px) {
  .item_detail_item_image02 {
    height: 125px;
  }
}
@media (max-width: 767px) {
  .item_detail_item_image02 {
    height: 90px;
  }
}
@media (max-width: 575px) {
  .item_detail_item_image02 {
    height: 17vw;
  }
}

.text-link-white {
  color: white;
  transition: 0.3s;
}
.text-link-white:hover {
  color: white;
  opacity: 0.5;
}

.item_detail_btn {
  padding: 0.375rem 0.5rem;
  border: 1.5px solid #fff;
  border-radius: 0.5rem;
  color: #fff;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .item_detail_btn {
    font-size: 0.5rem;
    border: 1px solid #fff;
  }
}
.item_detail_btn:hover {
  background-color: #C30D23;
  color: #fff;
}

.table th, .table td {
  padding: 1rem;
}
@media (max-width: 767px) {
  .table th {
    border-bottom: 0;
    padding: 0 0 0.2rem;
  }
  .table td {
    padding: 0 0 1.2rem;
    margin-bottom: 1.2rem;
  }
  .table th, .table td {
    display: block;
    width: 100%;
  }
}

.bg-nikured.nikured-w {
  width: 75vw;
}
@media (min-width: 1399px) {
  .bg-nikured.nikured-w {
    width: 80%;
  }
}
@media (max-width: 575px) {
  .bg-nikured.nikured-w {
    width: 100%;
  }
}

.item_shop_link_text {
  letter-spacing: 0.6rem;
  font-size: 2.3vw;
}
@media (min-width: 1399px) {
  .item_shop_link_text {
    letter-spacing: 0.6rem;
    font-size: 2rem;
  }
}
@media (max-width: 1199px) {
  .item_shop_link_text {
    font-size: 2vw;
  }
}
@media (max-width: 575px) {
  .item_shop_link_text {
    letter-spacing: 0.2rem;
    font-size: 1rem;
    text-align: center;
  }
}

.bn-box {
  height: 23vh;
  background-image: url(../image/sozai_nikumozi_shopbn.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
  position: relative;
}
@media (min-width: 1399px) {
  .bn-box {
    height: 13rem;
  }
}
@media (max-width: 575px) {
  .bn-box {
    height: 6rem;
  }
}

.bn-inner {
  color: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 3.2rem;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.5rem;
}
@media (max-width: 575px) {
  .bn-inner {
    font-size: 0.8rem;
  }
}
.bn-inner h3 {
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  letter-spacing: 0;
}
@media (max-width: 1399px) {
  .bn-inner h3 {
    font-size: 2.4rem;
  }
}
@media (max-width: 575px) {
  .bn-inner h3 {
    font-size: 1.5rem;
    margin-bottom: 0.1rem;
  }
}

.blog_img {
  content: "";
  background-color: #353535;
  height: 170px;
  width: auto;
  background-size: cover;
  background-position: center center;
}
@media (min-width: 1199px) {
  .blog_img {
    height: 250px;
  }
}
@media (max-width: 1199px) {
  .blog_img {
    height: 200px;
  }
}
@media (max-width: 991px) {
  .blog_img {
    height: 170px;
  }
}
@media (max-width: 767px) {
  .blog_img {
    height: 300px;
  }
}

.blog_border {
  width: 100%;
  border-bottom: 1px solid #fff;
  opacity: 0.5;
}
.blog_border.blog_border02 {
  width: 91%;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 767px) {
  .blog_border {
    display: none;
  }
}

@media (max-width: 767px) {
  .blog_tab_text a {
    font-size: 10px;
  }
}

.spot_img_box {
  height: 250px;
  width: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media (min-width: 1199px) {
  .spot_img_box {
    height: 250px;
  }
}
@media (max-width: 1199px) {
  .spot_img_box {
    height: 200px;
  }
}
@media (max-width: 991px) {
  .spot_img_box {
    height: 170px;
  }
}
@media (max-width: 767px) {
  .spot_img_box {
    height: 200px;
  }
}

@media (max-width: 767px) {
  .archive_detail-cartbtn {
    text-align: center;
  }
}

.archive-detail-wrapper {
  padding-top: 13rem;
}
@media (max-width: 767px) {
  .archive-detail-wrapper {
    padding-top: 7rem;
  }
}

.balloon1 {
  position: relative;
  display: inline-block;
  margin: 0 0 40px 0;
  padding: 20px 20px !important;
  width: 100%;
  color: white;
  border-radius: 50px;
}
@media (max-width: 767px) {
  .balloon1 {
    padding: 10px 20px !important;
  }
}

.recipes {
  --bs-gutter-y: 7rem;
  --bs-gutter-x: 5rem;
  margin-bottom: 7rem;
}
@media (max-width: 991px) {
  .recipes {
    --bs-gutter-y: 5rem;
  }
}
@media (max-width: 767px) {
  .recipes {
    --bs-gutter-y: 3rem;
    --bs-gutter-x: 1rem;
  }
}

.archive_img_box {
  display: block;
  content: "";
  height: 400px;
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: 0.3s;
}
.archive_img_box:hover {
  opacity: 0.5;
}
@media (max-width: 1199px) {
  .archive_img_box {
    height: 300px;
  }
}
@media (max-width: 991px) {
  .archive_img_box {
    height: 200px;
  }
}
@media (max-width: 767px) {
  .archive_img_box {
    height: 250px;
  }
}
.archive_img_box.index_archive_img_box {
  height: 250px;
}

.archive_list-text {
  font-size: 0.625rem;
  line-height: 1.7;
}
@media (min-width: 575px) {
  .archive_list-text {
    font-size: calc(0.625rem + (1vw - 0.36rem) * 0.9709);
    min-height: 0vw;
  }
}
@media (min-width: 1399px) {
  .archive_list-text {
    font-size: 1.125rem;
  }
}

.title-inner {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  height: 3.2rem;
}
.title-inner div {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}
@media (max-width: 767px) {
  .title-inner h3 {
    margin-bottom: 0;
  }
}

.youtube-bn-text {
  font-size: 1.5rem;
}
@media (max-width: 1399px) {
  .youtube-bn-text {
    font-size: 1.4rem;
  }
}
@media (max-width: 1199px) {
  .youtube-bn-text {
    font-size: 0.8rem;
  }
}
@media (max-width: 991px) {
  .youtube-bn-text {
    font-size: 0.6rem;
  }
}
@media (max-width: 767px) {
  .youtube-bn-text {
    font-size: calc(0.875rem + (1vw - 5.76px) * 0.2427);
  }
}

.youtube-bn-wrapper {
  width: 80%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .youtube-bn-wrapper {
    width: 100%;
  }
}

.news-text-gosi pre {
  font-family: "Noto Sans JP", sans-serif;
}

.message-wrapper {
  padding-top: 17rem;
  text-align: center;
}
@media (max-width: 991px) {
  .message-wrapper {
    padding-top: 12rem;
  }
}
@media (max-width: 767px) {
  .message-wrapper {
    padding-top: 10rem;
    text-align: left;
  }
}/*# sourceMappingURL=style.css.map */