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

file name  : copy.css
author     : Abilive
style info : コピー
=================================================================== */
/* ===================================================================
CSS information

file name  : _settings.scss
author     : Abilive
style info : 汎用設定
=================================================================== */
.con_int {
  margin-right: auto;
  margin-left: auto;
  font-size: 1rem;
  text-align: center;
  line-height: 2;
  margin-bottom: 4.16rem;
}
@media only screen and (min-width: 1025px) {
  .con_int {
    width: calc(1180 / 1440 * 100%);
    max-width: calc(1180px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_int {
    max-width: calc(1180px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_int {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_int {
    width: calc(348 / 428 * 100%);
  }
}

.tab_search {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 3.33rem;
  display: flex;
}
@media only screen and (min-width: 1025px) {
  .tab_search {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .tab_search {
    max-width: calc(1000px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .tab_search {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .tab_search {
    width: calc(388 / 428 * 100%);
  }
}
.tab_search label {
  font-size: 1rem;
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 4.08rem;
  border-top-left-radius: 0.41rem;
  border-top-right-radius: 0.41rem;
  border-bottom: 1px solid var(--color-line);
}
.tab_search label input[type="radio"] {
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.tab_search label:has(input:checked) {
  background-color: var(--color-main);
  color: #EFECE2;
}
.tab_search label:has(input:checked) input {
  cursor: default;
}

#banquetSearchForm:has(input[id="tab_banquet"]:checked) [data-type="dinner"] {
  display: none;
}
#banquetSearchForm:has(input[id="tab_banquet"]:checked) ~ * [data-type="dinner"] {
  display: none;
}
#banquetSearchForm:has(input[id="tab_dinner"]:checked) [data-type="banquet"] {
  display: none;
}
#banquetSearchForm:has(input[id="tab_dinner"]:checked) ~ * [data-type="banquet"] {
  display: none;
}
#banquetSearchForm:has(input[id="tab_dinner"]:checked) ~ * .box_cond .box_det {
  width: 100%;
}
#banquetSearchForm:has(input[id="tab_dinner"]:checked) ~ * .box_cond .box_det dt {
  width: 12rem;
}

.tmp_req {
  background-color: #3C2A24;
  color: #fff;
  width: 3.66rem;
  height: 1.75rem;
  display: flex;
  align-items: center;
  margin-right: 0.33rem;
  justify-content: center;
}

.con_search {
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 1025px) {
  .con_search {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_search {
    max-width: calc(1000px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_search {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_search {
    width: calc(388 / 428 * 100%);
  }
}

.box_search {
  width: calc(900 / 1000 * 100%);
  margin-right: auto;
  margin-left: auto;
  --cb: 24px;
}
@media only screen and (max-width: 767px) {
  .box_search {
    width: calc(348 / 388 * 100%);
  }
}
.box_search .txt_req {
  display: flex;
  align-items: center;
  margin-bottom: 4.16rem;
}
@media only screen and (max-width: 767px) {
  .box_search .txt_req {
    margin-bottom: 1rem;
  }
}
.box_search input[type="text"], .box_search input[type="number"], .box_search select {
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  font-size: 1.25rem;
  width: 100%;
  height: 4rem;
  border: 1px solid var(--color-sub02);
  background-color: #fff;
  padding-left: 1em;
  border-radius: 0.41rem;
}
.box_search label {
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .box_search {
    --cb: 1.5em;
  }
}
.box_search input[type="radio"] {
  position: relative;
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  width: var(--cb);
  aspect-ratio: 1;
  border: 1px solid var(--color-sub02);
  border-radius: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_search input[type="radio"]::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  border-radius: 100px;
  background-color: #3C2A24;
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .box_search input[type="radio"]::before {
    width: calc(16 / 24 * 100%);
    height: calc(16 / 24 * 100%);
  }
}
.box_search input[type="radio"]:checked::before {
  opacity: 1;
}
.box_search .cb {
  border: 1px solid var(--color-sub02);
  position: relative;
  width: var(--cb);
  aspect-ratio: 1;
}
.box_search .cb .ic_check {
  opacity: 0;
}
.box_search .cb .ic_check svg {
  width: calc(var(--cb) * .8);
  aspect-ratio: 1;
  position: absolute;
  left: 6%;
  top: 0;
}
.box_search .cb input[type="checkbox"] {
  position: relative;
  background: none;
  border: none;
  border-radius: 0;
  appearance: none;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  color: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  align-items: center;
  opacity: 0;
}
.box_search .cb input[type="checkbox"]:checked + .ic_check {
  opacity: 1;
}
.box_search .box_flex {
  display: flex;
  align-items: center;
}
.box_search .st {
  margin-bottom: 0.2rem;
}
.box_search .size_l {
  width: 37.5rem;
}
@media only screen and (max-width: 767px) {
  .box_search .size_l {
    width: 100%;
  }
}
.box_search .size_m {
  width: 29.16rem;
}
@media only screen and (max-width: 767px) {
  .box_search .size_m {
    width: 100%;
  }
}
.box_search .size_s {
  width: 20.83rem;
}
@media only screen and (max-width: 767px) {
  .box_search .size_s {
    width: 100%;
  }
}
.box_search .size_time {
  width: calc((100% - 3.75rem) / 2);
}
.box_search .unit {
  width: 3.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_search .box_elem + .box_elem {
  margin-top: 3.33rem;
}
@media only screen and (max-width: 767px) {
  .box_search .box_elem + .box_elem {
    margin-top: 1.5em;
  }
}
.box_search .box_elem .st {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.box_search .box_elem .st .t {
  font-size: 1.67rem;
  margin-right: 0.83rem;
}
.box_search .box_det {
  display: flex;
}
.box_search .box_layout {
  display: flex;
  flex-wrap: wrap;
}
.box_search .box_layout label {
  padding: calc(10 / 900 * 100%);
  display: block;
  border-radius: 0.83rem;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.03);
  width: calc(207 / 900 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_search .box_layout label {
    --parent: 900;
    --col: 4;
    --width: 207;
    --mtz: 1;
    --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
    width: calc(var(--width) / var(--parent) * 100%);
  }
  .box_search .box_layout label:not(:nth-child(4n+1)) {
    margin-left: calc(var(--margin) / var(--parent) * 100%);
  }
  .box_search .box_layout label:nth-child(n+5) {
    margin-top: calc(calc(var(--margin) / var(--parent) * 100%) * var(--mtz));
  }
}
@media only screen and (max-width: 767px) {
  .box_search .box_layout label {
    --parent: 10;
    --col: 2;
    --width: 4.75;
    --mtz: 1;
    --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
    width: calc(var(--width) / var(--parent) * 100%);
  }
  .box_search .box_layout label:not(:nth-child(2n+1)) {
    margin-left: calc(var(--margin) / var(--parent) * 100%);
  }
  .box_search .box_layout label:nth-child(n+3) {
    margin-top: calc(calc(var(--margin) / var(--parent) * 100%) * var(--mtz));
  }
}
.box_search .box_layout label .inner {
  border-radius: 0.83rem;
  border: 1px solid var(--color-text03);
  display: block;
  position: relative;
  padding: calc(10 / 207 * 100%);
}
.box_search .box_layout label .inner .img {
  margin-top: 1.66rem;
  display: block;
  width: 100%;
}
.box_search .box_layout label .inner .img img {
  width: 86%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: auto;
}
.box_search .box_layout label .inner .t {
  display: block;
  text-align: center;
  line-height: 1.5;
  min-height: 3em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.box_search .box_layout label::before {
  background: var(--color-bg03);
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: .5;
}
.box_search .box_layout label:has(input[type="radio"]:checked) {
  box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.09);
}
.box_search .box_layout label:has(input[type="radio"]:checked)::before {
  opacity: 1;
}
.box_search .box_opt {
  margin-bottom: 6.66rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .box_search .box_opt {
    margin-bottom: 0;
    flex-direction: column;
  }
}
.box_search .box_opt label {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid rgba(189, 184, 183, 0.5);
  border-radius: 0.41rem;
  display: flex;
  align-items: center;
  height: 4rem;
  padding-left: 1.25rem;
  line-height: 1.3;
  padding-right: 1em;
}
@media only screen and (min-width: 768px) {
  .box_search .box_opt label {
    --parent: 895;
    --col: 2;
    --width: 440;
    --mtz: 1;
    --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
    width: calc(var(--width) / var(--parent) * 100%);
  }
  .box_search .box_opt label:not(:nth-child(2n+1)) {
    margin-left: calc(var(--margin) / var(--parent) * 100%);
  }
  .box_search .box_opt label:nth-child(n+3) {
    margin-top: calc(calc(var(--margin) / var(--parent) * 100%) * var(--mtz));
  }
}
@media only screen and (max-width: 767px) {
  .box_search .box_opt label:not(:first-child) {
    margin-top: .75em;
  }
}
.box_search .box_opt label:has(:checked) {
  background-color: white;
  border: 1px solid #bdb8b7;
}
.box_search .box_opt label .t {
  width: calc(100% - var(--cb));
  padding-left: 1rem;
}
.box_search .box_sel {
  position: relative;
}
.box_search .box_sel .ic {
  position: absolute;
  right: 1em;
  top: 50%;
  right: 1em;
  height: 0;
  display: flex;
  align-items: center;
}
.box_search .box_sel .ic svg {
  width: 0.83rem;
  height: 0.58rem;
}
.box_search .btn_submit {
  margin-top: 6.66rem;
}
@media only screen and (max-width: 767px) {
  .box_search .btn_submit {
    margin-top: 2em;
  }
}

.con_cond {
  margin-right: auto;
  margin-left: auto;
  margin-top: 8.33rem;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cond {
    width: calc(1180 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_cond {
    width: calc(308 / 428 * 100%);
  }
}
.con_cond:not(.is-show) {
  display: none;
}
@media only screen and (min-width: 1441px) {
  .con_cond {
    max-width: calc(800px * 14 / 12);
  }
}
@media only screen and (min-width: 1025px) and (max-width: 1440px) {
  .con_cond {
    max-width: 800px;
  }
}
@media only screen and (max-width: 767px) {
  .con_cond {
    margin-top: 6rem;
  }
}
.con_cond:has(.opt[data-option="false"]) + .con_result .option .include {
  display: none;
}
.con_cond:has(.opt[data-option="false"]) + .con_result .option .no {
  display: block;
}
.con_cond:has(.opt[data-option="true"]) + .con_result .option .include {
  display: block;
}
.con_cond:has(.opt[data-option="true"]) + .con_result .option .no {
  display: none;
}

.box_cond {
  border-radius: 0.83rem;
  margin-top: 3.33rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_cond {
    margin-top: 1.25em;
  }
}
.box_cond.is-hide {
  display: none;
}
.box_cond > .inner {
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
  background-color: #efeee8;
  display: flex;
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .box_cond > .inner {
    flex-direction: column;
  }
}
.box_cond .arr {
  position: relative;
  height: 2.5em;
  top: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  overflow: hidden;
  z-index: 1;
  transform: scaleX(70%);
}
.box_cond .arr::before {
  content: "";
  box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.1);
  display: block;
  width: 5em;
  height: 5em;
  background-color: #efeee8;
  transform: rotate(45deg);
  transform-origin: 0 0;
  margin-right: auto;
  margin-left: auto;
  position: absolute;
  left: 50%;
  top: 0%;
  margin-top: -5em;
}
.box_cond .box_img {
  background-color: #fff;
  border-radius: 0.83rem 0 0 0.83rem;
  width: calc(265 / 800 * 100%);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_img {
    padding-top: 1em;
    padding-bottom: 1em;
    width: 100%;
  }
}
.box_cond .box_img .img {
  width: 70%;
}
.box_cond .box_img .img img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_img .img {
    width: 50%;
  }
}
.box_cond .box_img .img img {
  display: none;
}
.box_cond .box_img .img[data-img="ko"] .ko {
  display: block;
}
.box_cond .box_img .img[data-img="ro"] .ro {
  display: block;
}
.box_cond .box_img .img[data-img="school"] .school {
  display: block;
}
.box_cond .box_img .img[data-img="seat"] .seat {
  display: block;
}
.box_cond .box_img .img[data-img="seat_buffet"] .seat_buffet {
  display: block;
}
.box_cond .box_img .img[data-img="theater"] .theater {
  display: block;
}
.box_cond .box_det {
  width: calc(535 / 800 * 100%);
  padding-top: 3.33rem;
  padding-bottom: 3.33rem;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det {
    padding-top: 1.25em;
    padding-bottom: 1.5em;
    width: 100%;
  }
}
.box_cond .box_det > .inner {
  width: calc(440 / 535 * 100%);
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .box_cond .box_det .st {
    font-size: 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det .st {
    font-size: 1.17rem;
  }
}
.box_cond .box_det .st .banquet {
  display: none;
}
.box_cond .box_det .st .dinner {
  display: none;
}
.box_cond .box_det .st[data-tab="banquet"] .banquet {
  display: block;
}
.box_cond .box_det .st[data-tab="dinner"] .dinner {
  display: block;
}
.box_cond .box_det dl {
  font-size: 1rem;
  margin-top: 1em;
  margin-bottom: 1em;
}
.box_cond .box_det dl div {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det dl div {
    line-height: 1.2;
  }
}
.box_cond .box_det dl div:not(:first-child) {
  margin-top: 1.66rem;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det dl div:not(:first-child) {
    margin-top: .75em;
  }
}
.box_cond .box_det dl dt {
  background-color: #988984;
  color: #EFECE2;
  width: 9.58rem;
  border-radius: 100px;
  margin-right: 1.25rem;
  justify-content: center;
  display: flex;
  align-items: center;
  padding-right: .5em;
  padding-left: .5em;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det dl dt {
    width: 9rem;
    line-height: 1.2;
    padding: .3em .5em;
  }
}
.box_cond .box_det .opt {
  font-size: 1rem;
}
@media only screen and (max-width: 767px) {
  .box_cond .box_det .opt {
    line-height: 1.5;
  }
}
.box_cond .box_det .opt .false {
  display: none;
}
.box_cond .box_det .opt .true {
  display: none;
}
.box_cond .box_det .opt[data-option="false"] .false {
  display: block;
}
.box_cond .box_det .opt[data-option="true"] .true {
  display: block;
}
.box_cond .box_det .layout .inn {
  display: block;
}
.box_cond .box_det .layout .inn::before {
  content: "・";
}

.txt_no {
  display: none;
}

.con_result {
  margin-right: auto;
  margin-left: auto;
  margin-top: 6.66rem;
}
@media only screen and (min-width: 1025px) {
  .con_result {
    width: calc(1000 / 1440 * 100%);
    max-width: calc(1000px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .con_result {
    max-width: calc(1000px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_result {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .con_result {
    width: calc(388 / 428 * 100%);
  }
}
.con_result:not(.is-show) {
  display: none;
}
.con_result:not(.is-show) ~ .btn_again {
  display: none;
}

.txt_result {
  text-align: center;
  margin-top: 2.91rem;
}
@media only screen and (max-width: 767px) {
  .txt_result {
    margin-top: 1em;
  }
}

.txt_list {
  margin-top: 1.25rem;
  text-align: center;
}
.txt_list a {
  color: #555555;
  text-align: center;
}
.txt_list .ic {
  margin-left: .75em;
}
.txt_list .ic svg {
  width: 0.33rem;
  aspect-ratio: 4 / 8;
}

.box_result {
  margin-top: 2.08rem;
}
.box_result > .inner {
  display: flex;
  flex-wrap: wrap;
  margin-left: calc(-32 / 1000 * 100%);
}
.box_result > .inner:has(.box_det.is-active) .box_det:not(.is-active) {
  display: none;
}
.box_result .box_det {
  background-color: #f3f2ed;
  border-radius: 0.83rem;
  margin-bottom: calc(32 / 1032 * 100%);
}
@media only screen and (min-width: 768px) {
  .box_result .box_det {
    width: calc(312 / 1032 * 100%);
    margin-left: calc(32 / 1032 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det {
    --parent: 10;
    --col: 2;
    --width: 4.8;
    --mtz: 1;
    --margin: calc((var(--parent) - (var(--width) * var(--col))) / (var(--col) - 1));
    width: calc(var(--width) / var(--parent) * 100%);
  }
  .box_result .box_det:not(:nth-child(2n+1)) {
    margin-left: calc(var(--margin) / var(--parent) * 100%);
  }
  .box_result .box_det:nth-child(n+3) {
    margin-top: calc(calc(var(--margin) / var(--parent) * 100%) * var(--mtz));
  }
}
.box_result .box_det > .inner {
  padding-top: 1.66rem;
  padding-bottom: 1.66rem;
  border-radius: 0.83rem;
  margin: 0.83rem;
  border: 1px solid #D0C9C3;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}
.box_result .box_det > .inner > * {
  width: calc(300 / 350 * 100%);
  margin-right: auto;
  margin-left: auto;
}
.box_result .box_det > .inner .img {
  border-radius: 0.41rem;
  overflow: hidden;
  position: relative;
  order: -1;
}
.box_result .box_det > .inner .img .inf {
  font-size: 0.83rem;
  position: absolute;
  left: 0;
  top: 0;
  height: 2.33rem;
  background-color: var(--color-main);
  color: #fff;
  padding-left: 0.83rem;
  padding-right: 0.83rem;
  display: flex;
  align-items: center;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .img .inf {
    padding: .5em;
    height: auto;
  }
}
.box_result .box_det > .inner .name {
  margin-top: 1.25em;
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .box_result .box_det > .inner .name {
    font-size: 1.33rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .name {
    font-size: 1.17rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .name {
    margin-top: .5em;
  }
}
.box_result .box_det > .inner .costs {
  color: #65473D;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .box_result .box_det > .inner .costs {
    font-size: 1.83rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .costs {
    font-size: 1.5rem;
  }
}
.box_result .box_det > .inner .option {
  line-height: 1.4;
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .option {
    font-size: 0.75rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .option {
    margin-top: .5em;
  }
}
.box_result .box_det > .inner .btn {
  --h: 3.33rem;
  margin-top: 1.66rem;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn {
    --h: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn {
    margin-top: .75em;
  }
}
.box_result .box_det > .inner .btn .a {
  border: 2px solid var(--color-cv02);
  background-color: #fff;
  color: var(--color-cv02);
}
@media only screen and (min-width: 768px) {
  .box_result .box_det > .inner .btn .a {
    font-size: 1.17rem;
  }
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn .a {
    font-size: 1rem;
  }
}
.mouse .box_result .box_det > .inner .btn .a:hover, .touch .box_result .box_det > .inner .btn .a.touchstart {
  background-color: var(--color-cv02);
  color: #fff;
}
.touch .box_result .box_det > .inner .btn .a {
  -webkit-tap-highlight-color: transparent;
}
.touch .box_result .box_det > .inner .btn .a.touchend {
  transition-delay: 200ms;
}
.box_result .box_det > .inner .btn .a .inner {
  height: auto;
}
.box_result .box_det > .inner .btn_det {
  display: flex;
  justify-content: flex-end;
  margin-top: 1em;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn_det {
    margin-top: .75em;
  }
}
.box_result .box_det > .inner .btn_det + .btn_det {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn_det + .btn_det {
    margin-top: .25em;
  }
}
.box_result .box_det > .inner .btn_det a {
  text-decoration: none !important;
  text-align: right;
  color: #555;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn_det a {
    letter-spacing: 0;
    line-height: 1.4;
  }
}
.box_result .box_det > .inner .btn_det .ic {
  margin-left: .75em;
}
@media only screen and (max-width: 767px) {
  .box_result .box_det > .inner .btn_det .ic {
    margin-left: .75em;
  }
}
.box_result .box_det > .inner .btn_det .ic svg {
  width: 0.33rem;
  aspect-ratio: 4 / 8;
}
.box_result.is-hide {
  display: none;
}
.box_result.is-hide + .txt_no {
  display: block;
}

.txt_no {
  font-size: 1.17rem;
  text-align: center;
  margin-top: 2em;
  display: none;
}

.btn_again {
  margin-right: auto;
  margin-left: auto;
  margin-top: 6.66rem;
  display: none;
}
@media only screen and (min-width: 1025px) {
  .btn_again {
    width: calc(1260 / 1440 * 100%);
    max-width: calc(1260px);
  }
}
@media only screen and (min-width: 1025px) and (min-width: 1441px) {
  .btn_again {
    max-width: calc(1260px * ((14 + 0) / 12));
  }
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .btn_again {
    width: calc(1260 / 1440 * 100%);
  }
}
@media only screen and (max-width: 767px) {
  .btn_again {
    width: calc(388 / 428 * 100%);
  }
}
