@charset "UTF-8";
/* ===================================================================
CSS information

file name  : cofairpy.css
author     : Abilive
style info : ウエディングフェア
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
#abi_page {
  background: var(--color-bg-base);
}

.con_fair_int {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_fair_int {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1441px) {
  .con_fair_int {
    max-width: calc(1000px * ((18 + 0) / 14));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_int {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_int {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_int .txt {
    margin-top: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_int .txt {
    margin-top: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_int .txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_int .txt {
    text-align: left;
  }
}

.wrp_fair_cal {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1441px) {
  .wrp_fair_cal {
    max-width: calc(1000px * ((18 + 0) / 14));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal {
    width: calc(348 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal {
    margin-top: 3.92rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal {
    margin-top: 3.21rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal {
    margin-top: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal {
    width: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .tmp_st .jp {
    word-break: keep-all;
    overflow-wrap: break-word;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .int_txt {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .int_txt {
    text-align: left;
  }
}
.wrp_fair_cal .con_fair_cal {
  background: #fff;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal {
    padding: 2.14rem 3.57rem 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal {
    padding: 2em 2em 2.5em;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker {
  width: 100%;
  padding: 0;
  border: none;
  border-radius: 0;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header {
  background: none;
  border-radius: 0;
  border: none;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
  font-family: 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 1.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
    font-size: 1.07rem;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    font-size: 1.43rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-year {
    font-size: 1.33rem;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month .num {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month .num {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-header .ui-datepicker-title .ui-datepicker-month .num {
    font-size: 2.33rem;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar {
  margin-top: 1em;
  border: 1px solid #F5F5F5;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar thead tr th {
  font-family: 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  font-weight: 500;
  padding: .5em .2em;
  line-height: 1;
  background: var(--color-F3F1EE);
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar thead tr th {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar thead tr th {
    font-size: 1.2rem;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar thead tr th:nth-of-type(n+2) {
  border-left: 1px solid #fff;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td {
  text-align: center;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td {
    height: 5.35rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td {
    height: 5em;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  border: 0;
  text-align: center;
  color: #333;
  background: #fff;
  position: relative;
  z-index: 1;
  transition: ease .3s color;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
    font-size: 1.29rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default {
    font-size: 1.07rem;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 1px solid #C3BCB5;
  transform: translate(-50%, -50%);
  z-index: -1;
  transition: ease .3s border, ease .3s background;
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default::before {
    width: 3.57rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default::before {
    width: 3.21rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td .ui-state-default::before {
    width: 1.7em;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.gla-sat .ui-state-default::before {
  border: 1px solid #D3E6EA;
  background: #D3E6EA;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.gla-sun .ui-state-default::before {
  border: 1px solid #F6DADA;
  background: #F6DADA;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-disabled .ui-state-default::before {
  border: 1px solid transparent;
  background: none;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-highlight {
  border: 0;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-highlight .ui-state-default {
  color: #fff;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .hasDatepicker .ui-datepicker .ui-datepicker-calendar tbody tr td.ui-state-highlight .ui-state-default::before {
  border: 1px solid var(--grad-cv);
  background: var(--grad-cv);
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  cursor: pointer;
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    width: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    width: 3.57rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    width: 3em;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev::before, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  z-index: -1;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  background: var(--color-F3F1EE);
  transition: ease .3s width, ease .3s height;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev.is-disabled, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next.is-disabled {
  opacity: 0;
  pointer-events: none;
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev .ic, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next .ic {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev:hover::before, .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next:hover::before {
    width: 130%;
    height: 130%;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev {
    left: -2.15rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev {
    left: -1.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev {
    left: -1.5em;
  }
}
.wrp_fair_cal .con_fair_cal .box_fair_cal .btn_prev .ic svg {
  transform: scale(-1, 1);
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    right: -2.15rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    right: -1.79rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_cal .box_fair_cal .btn_next {
    right: -1.5em;
  }
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_info {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_info {
    margin-top: 1.5em;
  }
}
.wrp_fair_cal .con_fair_info .txt {
  text-align: center;
}
.wrp_fair_cal .con_fair_info .tmp_btn {
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .con_fair_info .tmp_btn {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_info .tmp_btn {
    margin-top: 1.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .con_fair_info .tmp_btn {
    width: calc(200 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .con_fair_info .tmp_btn {
    width: calc(200 / 768 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .con_fair_info .tmp_btn {
    width: 80%;
  }
}
.wrp_fair_cal .con_fair_info .tmp_btn > a {
  max-width: none;
}
.wrp_fair_cal .ic_down {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .wrp_fair_cal .ic_down {
    width: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .ic_down {
    width: 5em;
  }
}
@media only screen and (min-width: 1025px) {
  .wrp_fair_cal .ic_down {
    margin-top: 4.28rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .wrp_fair_cal .ic_down {
    margin-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .wrp_fair_cal .ic_down {
    margin-top: 2.5em;
  }
}

.con_fair_list {
  margin-right: auto;
  margin-left: auto;
  background: var(--color-F3F1EE);
}
@media only screen and (min-width: 1025px) {
  .con_fair_list {
    width: calc(1180 / 1440 * 100%);
    max-width: calc(1180px);
  }
}
@media only screen and (min-width: 1441px) {
  .con_fair_list {
    max-width: calc(1180px * ((18 + 0) / 14));
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list {
    width: calc(388 / 428 * 100%);
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list {
    margin-top: 2.85rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list {
    margin-top: 2em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list {
    padding-top: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list {
    padding-top: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list {
    padding-top: 4em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list {
    padding-bottom: 6.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list {
    padding-bottom: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list {
    padding-bottom: 4em;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .con_fair_list {
    width: 90%;
  }
}
.con_fair_list .box_fair_list {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list {
    width: calc(1000 / 1180 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list {
    width: 90%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list {
    width: 93%;
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1199px) {
  .con_fair_list .box_fair_list {
    width: 90%;
  }
}
.con_fair_list .box_fair_list .fair_item {
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_item {
    padding-top: 2.85rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item {
    padding-top: 2.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_item {
    padding-bottom: 3.21rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item {
    padding-bottom: 3em;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_item:nth-of-type(n+2) {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item:nth-of-type(n+2) {
    margin-top: 2em;
  }
}
.con_fair_list .box_fair_list .fair_item .inner_item {
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_item .inner_item {
    width: calc(900 / 1000 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_item .inner_item {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item .inner_item {
    width: 93%;
  }
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt {
    margin-right: 1.42rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt {
    margin-right: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt {
    margin-right: 1em;
  }
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt .day {
  font-family: 'Cardo', 'Zen Old Mincho', "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt .day {
    font-size: 2.86rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt .day {
    font-size: 2.67rem;
  }
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt.c_sat span {
  color: #376AA6;
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .sche_txt.c_sun span {
  color: #D94C4C;
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .box_tit .fa_tit .jp {
  line-height: 1.5;
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .box_tit .f_cate {
  margin-top: .5em;
}
.con_fair_list .box_fair_list .fair_item .inner_item .fair_title .box_tit .f_cate .cate {
  padding: 0 .7em;
  border: 1px solid #C3BCB5;
  border-radius: 1em;
  background: #fff;
}
.con_fair_list .box_fair_list .fair_main {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main {
    margin-top: 1.78rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main {
    margin-top: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main {
    display: block;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_slide {
    width: calc(450 / 900 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_slide {
    width: 45%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_slide {
    width: 100%;
  }
}
.con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev, .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next {
  top: 45%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev .swiper-prev, .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev .swiper-next, .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next .swiper-prev, .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next .swiper-next {
    --swiper-arrow-size: 3.5rem;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev {
    left: -2.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev {
    left: -1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_prev {
    left: -1.25em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next {
    right: -2.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next {
    right: -1.25rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .btn_slide_next {
    right: -1.25em;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_slide .swiper-pagination-bullets {
    padding-top: 1em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    width: calc(400 / 900 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    width: 55%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    width: 100%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    margin-left: calc(50 / 900 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det {
    margin-top: 2.5em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item:nth-of-type(n+2) {
    margin-top: 0.92rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item:nth-of-type(n+2) {
    margin-top: 0.8em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .t_tit {
    width: calc(108 / 400 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .t_tit {
    width: 32%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .t_tit {
    width: 32%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    width: calc(108 / 400 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    width: 30%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    margin-left: calc(10 / 400 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt {
    margin-left: 2%;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span {
  position: relative;
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.wazuka {
  color: #467948;
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.wazuka {
    padding-left: 1.64rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.wazuka {
    padding-left: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.wazuka {
    padding-left: 1.2em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.wazuka::before {
  width: 1.14rem;
  height: 1rem;
  background: url(../../fair/images/triangle.svg) no-repeat;
  background-size: contain;
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.soldout {
  color: #CF0000;
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.soldout {
    padding-left: 1.64rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.soldout {
    padding-left: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.soldout {
    padding-left: 1.5em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.soldout::before {
  width: 1rem;
  height: 1rem;
  background: url(../../fair/images/sold.svg) no-repeat;
  background-size: contain;
}

.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.available {
  color: #38342F;
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.available {
    padding-left: 1.64rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.available {
    padding-left: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.available {
    padding-left: 1.5em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .inv_txt > span.available::before {
  width: 1rem;
  height: 1rem;
  background: url(../../fair/images/circle.svg) no-repeat;
  background-size: contain;
}

@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    width: calc(166 / 400 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    width: 34%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    width: 34%;
  }
}
@media only screen and (min-width: 1025px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    margin-left: calc(10 / 400 * 100%);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    margin-left: 2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn {
    margin-left: 2%;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn.is-soldout {
  pointer-events: none;
}
.con_fair_list .box_fair_list .fair_main .box_det .inv_inner .inn_item .tmp_btn.is-soldout .a {
  background: #C3BCB5;
}
.con_fair_list .box_fair_list .fair_main .box_det .info_inner {
  border: 1px solid var(--color-title-small);
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner {
    margin-top: 2.14rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner {
    margin-top: 2em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .info_inner .info_tit {
  text-align: center;
  color: #fff;
  letter-spacing: 0.1em;
  padding: 0 .5em;
  background: var(--color-title-small);
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .info_tit {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .info_tit {
    font-size: 0.93rem;
  }
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list {
    padding: 0.35rem 1.07rem 0.71rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list {
    padding: 0.5em 1em 1em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list > ul > li {
  line-height: 1.6;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list > ul > li {
    padding-left: 1.07rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list > ul > li {
    padding-left: 1em;
  }
}
.con_fair_list .box_fair_list .fair_main .box_det .info_inner .inn_list > ul > li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .con_fair_list .box_fair_list .fair_txt {
    margin-top: 1.42rem;
  }
}
@media only screen and (max-width: 767px) {
  .con_fair_list .box_fair_list .fair_txt {
    margin-top: 1.5em;
  }
}