@charset "UTF-8";

@font-face {
  font-family: "Futura";
  src: url(../font/FuturaBookBT.ttf);
}

.nav-item {
  margin-right: 30px;
}

body {
  margin: 0;
  padding: 0;
  width: 100%;
  line-height: 1.6 !important;
  /* font-family: "游ゴシック", "Yu Gothic",
    "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック",
    "MS PGothic", Arial, Helvetica, Verdana, sans-serif !important; */
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif　!important;
  color: #221815 !important;
  letter-spacing: 0.2px;
}

li {
  list-style: none;
}
html {
  overflow-y: scroll;
  font-size: 14px;
  letter-spacing: 1px;
}

.futura {
  font-family: "Futura", sans-serif !important;
}

.letter_08 {
  letter-spacing: 0.8px;
}

.letter0 {
  letter-spacing: 0px;
}

.line_h12 {
  line-height: 1.2;
}

.line_h15 {
  line-height: 1.5;
}

.mt-6 {
  margin-top: 4rem !important;
}

.mt-45 {
  margin-top: 2rem !important;
}

.mr-45 {
  margin-right: 2rem !important;
}

.mb-45 {
  margin-bottom: 2rem !important;
}

.ml-45 {
  margin-left: 2rem !important;
}

.m-45 {
  margin: 2rem !important;
}

.a-color a {
  color: #221815;
}

.a-color a:hover {
  color: #221815;
  text-decoration: unset;
  opacity: 0.7;
}

.a-color-white a {
  color: white;
}

.a-color-white a:hover {
  color: white;
  text-decoration: unset;
  opacity: 0.7;
}

.a-color_black a {
  color: black;
}

.a-color_black a:hover {
  color: black;
  text-decoration: unset;
  opacity: 0.7;
}

.text-color1 {
  color: #221815;
}

.text-red {
  color: #FF0000;
}

.widget_title_none .widgettitle {
  display: none;
}

/* ------------------------------------------------------------------ */
/* ヘッダー */
/* ------------------------------------------------------------------ */
.navbar {
  padding: 0.5rem 0.8rem;
}

.navbar-toggler {
  border: none;
  padding: 0.25rem 0.5rem !important;
  border-radius: 0 !important;
  outline: 0 !important;
}
.navbar-light .navbar-toggler {
  border: none;
}
.navbar-collapse {
  background-color: rgba(255, 255, 255, 0.7);
  position: absolute !important;
  top: 44px;
  white-space: nowrap;
  right: 0px;
  padding: 1.5rem;
  z-index: 100;
}
.navbar-collapse li {
  padding: 3px 0;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  right: 0;
  transition: unset !important;
}
.head_widget .widgettitle {
  display: none;
}

.head_sns2 {
  color: #666464 !important;
}

.head_sns2 a {
  color: #666464;
}

.head_sns2 a:hover {
  color: #666464;
  text-decoration: unset;
  opacity: 0.7;
}

/* PC */
@media screen and (min-width: 768px) {
  .navbar-toggler {
    margin-left: 1rem;
  }
  .head_widget i {
    font-size: 24px;
    padding: 0.5em 0.8em;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .head_widget i {
    font-size: 24px;
    padding: 0.5em 0.3em;
  }
  .navbar {
    padding: 0.5em 0.3em !important;
  }
}



/* ------------------------------------------------------------------ */
/* 固定ページ用 */
/* ------------------------------------------------------------------ */
/* PC */
@media screen and (min-width: 768px) {
  .page_catch {
    object-fit:cover;
  }
}

/* スマホ */
@media screen and (max-width: 767px) {
  .page_catch {
    height: 300px;
    object-fit:cover;
  }
}

.blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-item {
  /* margin: 0 2em 1em 0 !important; */
}

/* ------------------------------------------------------------------ */
/* フッター */
/* ------------------------------------------------------------------ */
footer {
  border-top: 1px solid #000;
}
footer ul {
  padding-inline-start: 0px;
}

.footer_info {
  margin-bottom: 50px;
  font-size: 0.8rem;
}

.footer_info .widgettitle {
  display: none;
}

/* スマホ */
@media screen and (max-width: 767px) {
  footer {
    padding: 30px 0px;
  }
  footer li {
    padding: 4px 0px;
  }
  .f-border-left {
    border-left: none;
  }
}

/* PC */
@media screen and (min-width: 768px) {
  footer li {
    display: inline-block;
    padding: 30px 20px 10px 20px;
  }
  .f-border-left {
    border-left: 1px solid #000;
  }
}


/* ------------------------------------------------------------------ */
/* 商品詳細 */
/* ------------------------------------------------------------------ */
/* PC */
@media screen and (min-width: 768px) {
  .item_title {
    font-size: 2.0rem;
    padding-bottom: 10px;
    border-bottom: 1px solid #000;
  }
}
/* スマホ */
@media screen and (max-width: 767px) {
  .item_title {
    font-size: 1.6rem;
    border-bottom: 1px solid #000;
  }
}

.buy_date {
  border: 2px solid #0c73bb;
  background-color: #c6e2fd;
  padding: 10px;
  color: #0c73bb;
  max-width: 400px;
}

.item_prices {
  font-size: 1.2rem;
}