@charset "UTF-8";
.data-infobox--ttl {
  align-items: center;
  display: flex;
  justify-content: center
}
.guarantee-area {
  cursor: context-menu;
  position: relative;
  z-index: 3
}
.guarantee-area.datalist .guarantee {
  align-items: center;
  display: flex;
  justify-content: flex-start
}
.guarantee-area.datalist .guarantee::after {
  content: '：';
  display: block
}
.guarantee {
  display: block;
  padding: 2px 0 0 5px
}
.guarantee img {
  width: 18px;
  height: 18px
}
.guarantee-desc {
  align-items: center;
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  display: none;
  font-size: 1.2rem;
  font-weight: 400;
  justify-content: flex-start;
  padding: 10px;
  position: absolute;
  text-align: left;
  top: -80px;
  width: 242px;
  z-index: 4;
  left: -54px
}
.guarantee-desc::after {
  background-color: #fff;
  bottom: -10px;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  clip-path: polygon(0 0,0% 100%,100% 50%);
  content: '';
  height: 20px;
  position: absolute;
  right: 124px;
  transform: rotate(90deg);
  width: 16px
}
.guarantee-area.loan .guarantee-desc {
  width: 500px;
  padding: 20px;
  bottom: 40px;
  top: inherit;
  left: -173px
}
.guarantee-area.loan .guarantee-desc .ttl {
  font-size: 1.4rem;
  margin: 0 0 8px 0
}
.guarantee-area.loan .guarantee-desc .txt {
  line-height: 1.6
}
.guarantee-area.loan .guarantee-desc .list-condition {
  display: flex;
  font-size: 1.2rem;
  font-weight: 700
}
.guarantee-area.loan .guarantee-desc .list-condition li {
  border-right: 1px solid #ddd;
  text-align: center;
  padding: 0 12px;
  margin: 0 0 4px 0
}
.guarantee-area.loan .guarantee-desc a.underline {
  text-decoration: underline
}
.guarantee-area.loan .guarantee-desc::after {
  right: 0;
  left: 0;
  margin: auto
}
.txtlink {
  color: #06f;
  text-decoration: underline;
  transition: opacity .2s ease-out
}
.txtlink:hover {
  opacity: .7;
  text-decoration: none
}
.bs-notice {
  color: #555
}
.mb12 {
  margin-bottom: 12px!important
}
.btn-default {
  height: 54px
}
.btn-default::after {
  border-top: 2px solid #06f;
  border-right: 2px solid #06f
}
.contents-wrap.search-detail {
  width: 1024px
}
.contents-wrap.search-detail .ttl-search-type00 .ttl {
  font-weight: 700;
  color: #003990
}
.search-detail--columns {
  display: flex;
  justify-content: space-between;
  margin-bottom: 14px
}
.search-detail--columns .pickup-item {
  display: none
}
.search-detail--columns .search-detail--slider-main {
  margin-bottom: 10px
}
.search-detail--columns .search-detail--slider-main .swiper-main {
  width: 100%;
  height: 100%
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-slide img {
  width: 100%
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-pagination {
  color: #fff;
  background-color: rgba(0,0,0,.3);
  border-radius: 5px;
  width: 70px;
  line-height: 30px;
  height: 30px;
  position: absolute;
  left: 15px;
  bottom: 15px;
  font-size: 1.4rem
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-next,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-prev {
  border-radius: 50%;
  width: 48px;
  height: 48px;
  top: calc(50% - 24px);
  margin-top: 0;
  transition: opacity .2s ease-in-out
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-next:hover,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-prev:hover {
  opacity: .7
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-prev,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-next {
  left: 0;
  background: 0 0
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-prev:after,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-next:after {
  content: "";
  background: rgba(0,0,0,.6);
  width: 32px;
  height: 32px;
  border-radius: 50%
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-prev::before,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-next::before {
  content: '';
  display: block;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  content: '';
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 20px;
  width: 10px;
  height: 10px
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-next,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-prev {
  right: 0;
  background: 0 0
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-next:after,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-prev:after {
  content: "";
  background: rgba(0,0,0,.6);
  width: 32px;
  height: 32px;
  border-radius: 50%
}
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-button-next::before,
.search-detail--columns .search-detail--slider-main .swiper-main .swiper-container-rtl .swiper-button-prev::before {
  content: '';
  display: block;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  content: '';
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  width: 10px;
  height: 10px
}
.search-detail--columns .search-detail--slider-thumbs {
  margin-top: 15px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-thumb {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  position: relative
}
.search-detail--columns .search-detail--slider-thumbs .swiper-thumb:after,
.search-detail--columns .search-detail--slider-thumbs .swiper-thumb:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  width: 40px;
  height: 124px;
  z-index: 5
}
.search-detail--columns .search-detail--slider-thumbs .swiper-thumb:before {
  background: #fff;
  left: 0
}
.search-detail--columns .search-detail--slider-thumbs .swiper-thumb:after {
  background: #fff;
  right: 0
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide {
  width: 416px;
  overflow: hidden;
  min-width: 416px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li {
  float: left;
  line-height: 1;
  width: 80px;
  height: 60px;
  overflow: hidden;
  margin-left: 4px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li img {
  width: 100%
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:first-child,
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:nth-child(2),
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:nth-child(3),
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:nth-child(4),
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:nth-child(5) {
  margin-bottom: 4px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:first-child,
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li:nth-child(6) {
  margin-left: 0
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li.is-active {
  position: relative
}
.search-detail--columns .search-detail--slider-thumbs .swiper-slide li.is-active:after {
  content: "";
  width: 100%;
  height: 100%;
  border: 2px solid #003990;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next,
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev {
  border-radius: 6px;
  width: 27px;
  height: 104px;
  top: calc(50% - 52px);
  margin-top: 0;
  transition: opacity .2s ease-in-out
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next:after,
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev:after {
  display: none
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next:hover,
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev:hover {
  opacity: .7
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-next {
  left: 5px;
  background: #fff;
  border: 1px solid #ddd
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev::before,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-next::before {
  content: '';
  display: block;
  border-bottom: 2px solid #06f;
  border-left: 2px solid #06f;
  content: '';
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 10px;
  width: 10px;
  height: 10px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev.swiper-button-disabled,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-next.swiper-button-disabled {
  background: #f8f8f8;
  opacity: 1
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-prev.swiper-button-disabled::before,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-next.swiper-button-disabled::before {
  border-bottom: 2px solid #ddd;
  border-left: 2px solid #ddd
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-prev {
  right: 5px;
  background: #fff;
  border: 1px solid #ddd
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next::before,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-prev::before {
  content: '';
  display: block;
  border-top: 2px solid #06f;
  border-right: 2px solid #06f;
  content: '';
  display: block;
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 10px;
  width: 10px;
  height: 10px
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next.swiper-button-disabled,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-prev.swiper-button-disabled {
  background: #f8f8f8;
  opacity: 1
}
.search-detail--columns .search-detail--slider-thumbs .swiper-button-next.swiper-button-disabled::before,
.search-detail--columns .search-detail--slider-thumbs .swiper-container-rtl .swiper-button-prev.swiper-button-disabled::before {
  border-top: 2px solid #ddd;
  border-right: 2px solid #ddd
}
.search-detail--columns .search-detail--column.slider {
  margin: 0 0 20px;
  width: 500px
}
.search-detail--columns .search-detail--column.slider .slider--main {
  width: 600px;
  height: auto
}
.search-detail--columns .search-detail--column.slider .slider--main img {
  width: 100%;
  height: auto
}
.search-detail--columns .search-detail--column.data {
  width: 470px;
  position: relative
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .price-ttl {
  font-size: 1.4rem;
  line-height: 1;
  margin-bottom: 5px
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount {
  color: #e65514;
  margin-bottom: 0
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .man {
  font-size: 4.8rem;
  line-height: 1
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .man:after {
  font-size: 3rem;
  content: '.'
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .yen {
  font-size: 3rem
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .yen:after {
  font-size: 2.6rem;
  content: '万円'
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .soldout {
  display: none
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sold-already {
  display: none;
  font-size: 3.6rem
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sold-already--hatsuuri2022,
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sold-already--holidays2022 {
  display: none;
  font-size: 3.4rem
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .amount-inner {
  display: flex;
  align-items: center
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub {
  display: block;
  color: #333
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .ttl {
  font-size: 1.2rem;
  display: block
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .txt {
  font-size: 1.4rem;
  display: flex;
  align-items: baseline
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .txt .man {
  font-size: 1.4rem
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .txt .man:after {
  font-size: 1.4rem;
  content: '.'
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .txt .yen {
  font-size: 1.4rem
}
.search-detail--columns .search-detail--column.data .search-detail--price-wrap .amount .sub .txt .yen:after {
  font-size: 1.4rem;
  content: '万円'
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 25px;
  font-size: 1.4rem
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap .txt:first-child {
  margin-right: 20px
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap .txt:last-child {
  margin-left: 20px
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap .txt {
  display: flex;
  line-height: 1;
  align-items: center
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap .txt .ttl {
  background: #eee;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px 10px;
  margin-right: 5px;
  font-size: 1.2rem
}
.search-detail--columns .search-detail--column.data .search-detail--warranty-wrap .txt .txt-link {
  color: #2bbfa2;
  text-decoration: underline
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap {
  margin-bottom: 34px
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr td,
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr th {
  font-size: 1.4rem;
  border-left: 1px solid #ddd;
  text-align: center;
  vertical-align: top
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr td.tbl-data-width1,
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr th.tbl-data-width1 {
  width: 110px;
  border-left: none
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr td.tbl-data-width2,
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr th.tbl-data-width2 {
  width: 105px
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr td.tbl-data-width3,
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr th.tbl-data-width3 {
  width: 85px
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr th {
  font-weight: 700;
  line-height: 1;
  padding-bottom: 16px
}
.search-detail--columns .search-detail--column.data .search-detail--table-wrap table tr td {
  line-height: 1.57143;
  vertical-align: middle;
  padding: 0 7px
}
.search-detail--columns .search-detail--column .test-type--a {
  margin: 0 0 20px
}
.search-detail--columns .search-detail--column .test-type--a .button--default {
  width: 100%;
  font-size: 1.8rem;
  line-height: 36px
}
.search-detail--columns .search-detail--column .test-type--a .button--default.reservation {
  background-color: #fff;
  border: 2px solid #e50000;
  box-sizing: border-box;
  color: #333;
  overflow: hidden;
  padding: 8px 10px 9px;
  position: relative
}
.search-detail--columns .search-detail--column .test-type--a .button--default.reservation.coupon::before {
  background-color: #e50000;
  content: '特典あり';
  color: #fff;
  display: block;
  font-size: 1.1rem;
  left: -20px;
  line-height: 1;
  padding: 2px 20px;
  position: absolute;
  transform: rotate(-35deg);
  top: 7px;
  z-index: 4
}
.search-detail--columns .search-detail--column .test-type--a .button--default.reservation.icn-calendar .icn {
  bottom: 0;
  display: block;
  left: 20px;
  margin: auto 0;
  top: 0;
  position: absolute
}
.search-detail--columns .search-detail--column .test-type--a .button--default.reservation::after {
  background-image: none;
  border-right: 2px solid #e50000;
  border-top: 2px solid #e50000;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  top: 0;
  width: 10px
}
.search-detail--columns .search-detail--column .test-type--b {
  margin: 0 0 20px
}
.search-detail--columns .search-detail--column .test-type--b .button--default {
  width: 100%;
  font-size: 1.8rem;
  line-height: 36px
}
.search-detail--columns .search-detail--column .test-type--b .button--default.reservation {
  background-color: #e50000;
  border: 2px solid #e50000;
  box-sizing: border-box;
  color: #fff;
  overflow: hidden;
  padding: 8px 10px 9px;
  position: relative
}
.search-detail--columns .search-detail--column .test-type--b .button--default.reservation.coupon::before {
  background-color: #e50000;
  content: '特典あり';
  color: #fff;
  display: block;
  font-size: 1.1rem;
  left: -20px;
  line-height: 1;
  padding: 2px 20px;
  position: absolute;
  transform: rotate(-35deg);
  top: 7px;
  z-index: 4
}
.search-detail--columns .search-detail--column .test-type--b .button--default.reservation.icn-calendar .icn {
  bottom: 0;
  display: block;
  left: 60px;
  margin: auto 0;
  top: 0;
  position: absolute
}
.search-detail--columns .search-detail--column .test-type--b .button--default.reservation::after {
  background-image: none;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  top: 0;
  width: 10px
}
.search-detail--columns .search-detail--column .ver202106 {
  margin: 0 0 20px
}
.search-detail--columns .search-detail--column .ver202106.buyer-link {
  margin: 10px 0 0;
  padding: 0 0 0 30px;
  position: relative;
  text-decoration: none
}
.search-detail--columns .search-detail--column .ver202106.buyer-link::before {
  background-color: #2bbfa2;
  -webkit-border-radius: 11px;
  -moz-border-radius: 11px;
  -ms-border-radius: 11px;
  -o-border-radius: 11px;
  border-radius: 11px;
  content: ""!important;
  display: block;
  height: 22px;
  left: 0;
  position: absolute;
  top: 2px;
  width: 22px
}
.search-detail--columns .search-detail--column .ver202106.buyer-link::after {
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  content: '';
  color: #fff;
  display: block;
  height: 8px;
  left: 7px;
  position: absolute;
  top: 8px;
  width: 8px;
  transform: rotate(135deg)
}
.search-detail--columns .search-detail--column .ver202106.buyer-link a {
  color: #333!important;
  font-weight: 700
}
.search-detail--columns .search-detail--column .ver202106.buyer-link a.sharestock {
  display: flex
}
.search-detail--columns .search-detail--column .ver202106.buyer-link a.sharestock::after {
  content: '（限定車）';
  display: block
}
.search-detail--columns .search-detail--column .ver202106.buyer-link .ordertxt {
  font-size: 1.3rem;
  font-weight: 400
}
.search-detail--columns .search-detail--column .ver202106.btn-area {
  border-top: 1px solid #eee;
  margin: 10px 0 0;
  padding: 15px 0 0
}
.search-detail--columns .search-detail--column .ver202106 .button--default {
  width: 100%;
  font-size: 1.8rem;
  line-height: 36px
}
.search-detail--columns .search-detail--column .ver202106 .button--default.reservation {
  background-color: #fff;
  border: 2px solid #e50000;
  box-sizing: border-box;
  color: #333;
  overflow: hidden;
  padding: 8px 10px 9px;
  position: relative
}
.search-detail--columns .search-detail--column .ver202106 .button--default.reservation.coupon::before {
  background-color: #e50000;
  content: '特典あり';
  color: #fff;
  display: block;
  font-size: 1.1rem;
  left: -20px;
  line-height: 1;
  padding: 2px 20px;
  position: absolute;
  transform: rotate(-35deg);
  top: 7px;
  z-index: 0
}
.search-detail--columns .search-detail--column .ver202106 .button--default.reservation.icn-calendar .icn {
  bottom: 0;
  display: block;
  left: 60px;
  margin: auto 0;
  top: 0;
  position: absolute
}
.search-detail--columns .search-detail--column .ver202106 .button--default.reservation::after {
  background-image: none;
  border-right: 2px solid #e50000;
  border-top: 2px solid #e50000;
  bottom: 0;
  content: '';
  display: block;
  height: 10px;
  margin: auto;
  position: absolute;
  right: 10px;
  transform: rotate(45deg);
  top: 0;
  width: 10px
}
.contents-wrap.search-detail .search-detail--columns .search-detail--column {
  width: 500px
}
.itembox-data {
  position: relative;
  padding: 0
}
.itembox-data .price-area {
  margin: 0 0 12px 0;
  display: flex;
  align-items: flex-end;
  gap: 42px
}
.itembox-data .price-area .price {
  line-height: 1
}
.itembox-data .price-area .price-ttl {
  font-weight: 700
}
.itembox-data .price-area .price-ttl span {
  font-size: 1.4rem;
  line-height: 1.4
}
.itembox-data .price-area .price-ttl span.sold-already {
  display: none
}
.itembox-data .price-area .amount {
  align-items: baseline;
  color: #04c;
  display: flex;
  font-weight: 700;
  justify-content: flex-start;
  margin: 0
}
.itembox-data .price-area .amount span {
  align-items: baseline;
  display: flex;
  justify-content: flex-start
}
.itembox-data .price-area .amount span.man {
  font-size: 5rem
}
.itembox-data .price-area .amount span.man::after {
  content: '.';
  font-size: 3.6rem
}
.itembox-data .price-area .amount span.yen {
  font-size: 3.6rem
}
.itembox-data .price-area .amount span.yen::after {
  content: '万円';
  font-size: 2.4rem
}
.itembox-data .price-area .price-sub {
  line-height: 1
}
.itembox-data .price-area .price-sub .price-ttl {
  align-items: center;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center;
  margin: 0 10px 0 0;
  padding: 0 0 5px 0;
  width: 68px
}
.itembox-data .price-area .price-sub .price-ttl span {
  font-size: 1.2rem
}
.itembox-data .price-area .price-sub .price-ttl::after {
  display: none
}
.itembox-data .price-area .price-sub .amount {
  align-items: baseline;
  color: #333;
  display: flex;
  font-weight: 700;
  justify-content: flex-start;
  margin: 0
}
.itembox-data .price-area .price-sub .amount span {
  align-items: baseline;
  display: flex;
  justify-content: flex-start
}
.itembox-data .price-area .price-sub .amount span.man {
  font-size: 2rem
}
.itembox-data .price-area .price-sub .amount span.man::after {
  content: '.';
  font-size: 1.6rem
}
.itembox-data .price-area .price-sub .amount span.yen {
  font-size: 1.6rem
}
.itembox-data .price-area .price-sub .amount span.yen::after {
  content: '万円';
  font-size: 1.4rem
}
.itembox-data .loan-estimate {
  background: #edf3fb;
  padding: 12px;
  margin: 0 0 20px 0
}
.itembox-data .loan-estimate .ttl {
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.4;
  margin: 0 0 6px 0
}
.itembox-data .loan-estimate .cont {
  display: flex;
  margin: 0 0 8px 0
}
.itembox-data .loan-estimate .price {
  color: #df032e;
  font-weight: 700;
  margin: 0 8px 0 0;
  line-height: 1
}
.itembox-data .loan-estimate .price .price-ttl {
  font-size: 1.6rem
}
.itembox-data .loan-estimate .price .amount {
  font-size: 3.6rem;
  line-height: 1
}
.itembox-data .loan-estimate .price .amount::after {
  content: '円';
  font-size: 1.6rem
}
.itembox-data .loan-estimate .price-sub .price-ttl {
  background: #003990;
  color: #fff;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px
}
.itembox-data .loan-estimate .price-sub .times {
  font-weight: 700;
  font-size: 1.4rem
}
.itembox-data .data-info {
  align-items: normal;
  display: flex
}
.itembox-data .data-info.upper {
  justify-content: center;
  width: 500px;
  margin: 0 0 20px 0
}
.itembox-data .data-info.upper .data-infobox {
  align-items: center;
  border-left: 1px solid #ddd;
  font-size: 1.4rem;
  display: flex;
  justify-content: center;
  padding: 20px 0 0;
  position: relative;
  text-align: center;
  width: 124px
}
.itembox-data .data-info.upper .data-infobox:first-child {
  border-left: none
}
.itembox-data .data-info.upper .data-infobox:nth-child(n+5) {
  width: 80px;
  flex-shrink: 0
}
.itembox-data .data-info.upper .data-infobox--ttl {
  font-weight: 700;
  height: 20px;
  left: 0;
  margin: 0 auto;
  right: 0;
  top: 0;
  position: absolute
}
.search-detail--column .btn-area {
  display: flex;
  gap: 12px
}
.search-detail--column .btn-area .btn--reservation {
  width: 240px;
  border: 1px solid #df032e;
  color: #333;
  font-weight: 700
}
.search-detail--column .btn-area .btn--reservation::after {
  display: none
}
.search-detail--column .btn-area .btn-application {
  width: 240px;
  padding: 0 0 0 12px
}
.search-detail--column .btn-area .btn-application::after {
  display: none
}
.search-detail--column .btn-area .btn-application .ico {
  align-items: center;
  background-color: #fff;
  border-radius: 16px;
  color: #e80c1e;
  content: '最短\即日';
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  height: 32px;
  justify-content: center;
  line-height: 1;
  margin: 0 8px 0 0;
  width: 32px;
  white-space: pre;
  position: absolute;
  left: 12px
}
.search-detail--more-bayer {
  padding: 0 15px;
  margin-bottom: 5px
}
.search-detail--more-bayer .bayer-txt {
  font-size: 1.4rem;
  line-height: 1.57143
}
.search-detail--more-bayer .bayer-link a {
  font-size: 1.6rem;
  line-height: 1.625;
  text-decoration: underline;
  font-weight: 700
}
.search-detail--evaluation {
  background: #f8f8f8;
  padding: 20px
}
.search-detail--evaluation .evaluation-label {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: 15px
}
.search-detail--evaluation .evaluation-label .detail {
  font-weight: 700
}
.search-detail--evaluation .star-review-wrap {
  display: flex;
  justify-content: space-between
}
.search-detail--evaluation .star-review-wrap .star-review-item {
  display: flex;
  background: #fff;
  align-items: center;
  padding: 15px 30px;
  width: 482px
}
.search-detail--evaluation .star-review-wrap .star-review-item .star-review-label {
  font-size: 1.6rem;
  font-weight: 700;
  width: 234px
}
.search-detail--evaluation .star-review-wrap .star-review-item .star {
  width: 166px;
  height: 28px;
  display: block;
  margin: 0 12px 0 0;
  position: relative
}
.search-detail--evaluation .star-review-wrap .star-review-item .star-review-value {
  color: #04c;
  font-size: 2rem;
  font-weight: 700;
  width: 60px;
  text-align: right
}
.jisharon-form-wrap .form-ttl {
  color: #fffe99;
  text-align: left;
  padding: 24px 0 20px 24px;
  font-size: 2.4rem
}
.jisharon-form-wrap .form-desc {
  text-align: left;
  color: #fff;
  padding: 0 24px 20px 24px;
  line-height: 1.8
}
.jisharon-form-wrap .checkbox label {
  color: #333
}
.jisharon-form-wrap .checkbox label .txtlink,
.jisharon-form-wrap .q-wrap .note .txtlink {
  color: #06f
}
.jisharon-form-wrap textarea {
  padding: 12px 12px;
  width: 270px;
  height: 80px;
  border: 1px solid #ccc;
  border-radius: 5px;
  font-size: 1.4rem;
  vertical-align: top
}
#jisharon-pay .loan-estimate {
  margin: 0 0 32px 0;
  display: flex;
  align-items: center
}
#jisharon-pay .loan-estimate .price {
  color: #df032e;
  font-weight: 700;
  margin: 0 8px 0 0;
  line-height: 1
}
#jisharon-pay .loan-estimate .price .price-ttl {
  font-size: 1.6rem
}
#jisharon-pay .loan-estimate .price .amount {
  font-size: 3.6rem;
  line-height: 1
}
#jisharon-pay .loan-estimate .price .amount::after {
  content: '円';
  font-size: 1.6rem
}
#jisharon-pay .loan-estimate .price-sub {
  margin: 0 12px 0 0
}
#jisharon-pay .loan-estimate .price-sub .price-ttl {
  background: #003990;
  color: #fff;
  border-radius: 3px;
  font-size: 1rem;
  font-weight: 700;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 18px
}
#jisharon-pay .loan-estimate .price-sub .times {
  font-weight: 700;
  font-size: 1.4rem
}
#jisharon-pay .loan-estimate .txtlink.about {
  vertical-align: bottom;
  font-size: 1.4rem
}
#jisharon-pay .loan-detail {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 14px
}
#jisharon-pay .loan-detail .box {
  display: flex;
  border: 1px solid #ddd;
  width: 332px
}
#jisharon-pay .loan-detail .box .ttl {
  width: 190px;
  background: #f8f8f8;
  padding: 7px 8px 5px;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1
}
#jisharon-pay .loan-detail .box .desc {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 142px;
  font-size: 1.4rem;
  font-weight: 700
}
#jisharon-pay .list-condition {
  display: flex;
  align-items: center
}
#jisharon-pay .list-condition li {
  padding: 4px 12px;
  border-right: 1px solid #ddd;
  font-size: 1.4rem;
  font-weight: 700
}
#jisharon-pay .price-area {
  border-top: 1px solid #ddd;
  padding: 20px 0 0 0;
  display: flex;
  align-items: flex-end;
  gap: 20px
}
#jisharon-pay .price-area .price {
  line-height: 1;
  display: flex;
  align-items: end;
  gap: 4px
}
#jisharon-pay .price-area .price-ttl {
  font-weight: 700;
  font-size: 1.4rem
}
#jisharon-pay .price-area .amount {
  align-items: baseline;
  display: flex;
  font-weight: 700;
  justify-content: flex-start;
  margin: 0
}
#jisharon-pay .price-area .amount span {
  align-items: baseline;
  display: flex;
  justify-content: flex-start
}
#jisharon-pay .price-area .amount span.man {
  font-size: 2.4rem
}
#jisharon-pay .price-area .amount span.man::after {
  content: '.';
  font-size: 1.6rem
}
#jisharon-pay .price-area .amount span.yen {
  font-size: 1.6rem
}
#jisharon-pay .price-area .amount span.yen::after {
  content: '万円'
}
#jisharon-pay .price-area .price-sub {
  line-height: 1;
  display: flex;
  align-items: end;
  gap: 2px
}
#jisharon-pay .price-area .price-sub .price-ttl {
  align-items: center;
  font-size: 1.2rem;
  font-weight: 700;
  justify-content: center
}
#jisharon-pay .price-area .price-sub .price-ttl span {
  font-size: 1.2rem
}
#jisharon-pay .price-area .price-sub .price-ttl span::after {
  content: '：';
  display: inline-block
}
#jisharon-pay .price-area .price-sub .price-ttl::after {
  display: none
}
#jisharon-pay .price-area .price-sub .amount {
  align-items: baseline;
  color: #333;
  display: flex;
  font-weight: 700;
  justify-content: flex-start;
  margin: 0
}
#jisharon-pay .price-area .price-sub .amount span {
  align-items: baseline;
  display: flex;
  justify-content: flex-start
}
#jisharon-pay .price-area .price-sub .amount span.man {
  font-size: 1.2rem
}
#jisharon-pay .price-area .price-sub .amount span.man::after {
  content: '.';
  font-size: 1.2rem
}
#jisharon-pay .price-area .price-sub .amount span.yen {
  font-size: 1.1rem
}
#jisharon-pay .price-area .price-sub .amount span.yen::after {
  content: '万円';
  font-size: 1.1rem
}
.detail-icon-list {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  margin-bottom: 26px;
  gap: 12px
}
.detail-icon-list li {
  display: flex;
  flex-flow: column;
  align-items: center;
  align-content: center;
  justify-content: start;
  width: 80px;
  height: 80px;
  border: 1px solid #ddd;
  position: relative;
  border-radius: 6px;
  background: #f8f8f8;
  padding: 6px 0 0 0;
  flex-wrap: nowrap
}
.detail-icon-list li img {
  width: 66px;
  height: 36px
}
.detail-icon-list li .desc {
  font-size: 1rem;
  line-height: 1.2;
  color: #555;
  font-weight: 400;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}
.detail-check-list-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  gap: 12px
}
.detail-check-list-box li {
  color: #ddd;
  width: 195px;
  line-height: 33px;
  border-radius: 4px;
  font-size: 1.2rem;
  padding-left: 26px;
  background: #f8f8f8 url(/assets/img/jisharon/common/ico_check_off.webp) no-repeat 12px 50%;
  background-size: 10px;
  font-weight: 700
}
.detail-check-list-box li span {
  overflow: hidden;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 14em
}
.detail-check-list-box li.is-check-on {
  color: #003990;
  background: #fffbed url(/assets/img/jisharon/common/ico_check_on.webp) no-repeat 10px 50%;
  background-size: 10px 7px
}
.flex-column {
  display: flex;
  flex-wrap: wrap;
  gap: 24px
}
.flex-column.col-2 .search-detail-table {
  width: 500px
}
.flex-column.col-2 .search-detail-table th {
  width: 40%
}
.flex-column.col-2 .search-detail-table td {
  width: 60%
}
.flex-column.col-3 .search-detail-table {
  width: 325px
}
.flex-column.col-3 .search-detail-table th {
  width: 32.30769%
}
.flex-column.col-3 .search-detail-table td {
  width: 67.69231%
}
.search-detail-table {
  width: 100%;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd
}
.search-detail-table tbody td,
.search-detail-table tbody th {
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 8px;
  box-sizing: border-box;
  font-size: 1.4rem;
  line-height: 1.57143
}
.search-detail-table tbody th {
  background: #f5f5f5;
  font-weight: 700;
  text-align: left
}
#warranty .service-wrap {
  display: flex;
  gap: 20px
}
#warranty .service-wrap .service-box {
  display: flex;
  border: 1px solid #ddd;
  font-weight: 700;
  font-size: 1.4rem
}
#warranty .service-wrap .service-box .ttl {
  background: #003990;
  width: 100px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 0 2px
}
#warranty .service-wrap .service-box .desc {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center
}
#warranty .ico {
  margin-left: 8px;
  vertical-align: text-bottom
}
.shopInformation {
  display: flex;
  gap: 32px;
  margin: 0 0 48px 0
}
.shopInformation .shopInformation__shopname {
  display: flex;
  flex-flow: column;
  margin: 0 0 32px 0
}
.shopInformation .shopInformation__shopname .area {
  font-weight: 700;
  font-size: 1.6rem;
  display: inline-block;
  margin: 0 0 8px 0;
  line-height: 1
}
.shopInformation .shopInformation__shopname .shopInformation__name {
  color: #06f;
  font-size: 2rem;
  font-weight: 700;
  text-decoration: underline;
  transition: opacity .2s ease-out
}
.shopInformation .shopInformation__shopname .shopInformation__name:hover {
  opacity: .7;
  text-decoration: none
}
.shopDetail__description {
  font-size: 1.6rem;
  margin: 0 0 20px 0
}
.shopDetail__description .desc-box {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 12px 0;
  flex-wrap: wrap;
  font-size: 1.6rem;
  position: relative
}
.shopDetail__description .desc-box.icon-pin {
  display: flex;
  flex-flow: column;
  justify-content: start;
  align-items: start
}
.shopDetail__description .desc-box.icon-calender,
.shopDetail__description .desc-box.icon-clock,
.shopDetail__description .desc-box.icon-pin,
.shopDetail__description .desc-box.icon-tel {
  padding-left: 32px
}
.shopDetail__description .desc-box:last-child {
  margin: 0
}
.shopDetail__description .icon-pin:before {
  top: 2px;
  left: 0;
  background: url("/assets/img/jisharon/common/ico_pin.webp") no-repeat center;
  background-size: 12px 19px;
  width: 24px;
  height: 24px
}
.shopDetail__description .icon-tel:before {
  background: url("/assets/img/jisharon/common/ico_tel02.webp") no-repeat center;
  background-size: 18px 18px;
  width: 24px;
  height: 24px;
  left: 0
}
.shopDetail__description .icon-tel.free::after {
  color: #003990;
  font-size: 1.6rem;
  content: "通話無料";
  margin: 0 0 0 8px
}
.shopDetail__description .icon-clock:before {
  background: url("/assets/img/jisharon/common/ico_clock.webp") no-repeat center;
  background-size: 18px 18px;
  width: 24px;
  height: 24px;
  margin: inherit;
  top: 2px;
  left: 0
}
.shopDetail__description .icon-calender:before {
  background: url("/assets/img/jisharon/common/ico_calender.webp") no-repeat center;
  background-size: 16px 16px;
  width: 24px;
  height: 24px;
  margin: inherit;
  top: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: '';
  position: absolute;
  margin: auto
}
.car-panel-list-wrap > .ttl {
  font-weight: 700;
  font-size: 2rem;
  margin: 0 0 24px 0;
  line-height: 1
}
.car-panel-list {
  display: flex;
  gap: 20px
}
.car-panel-list .list-item {
  position: relative;
  width: 240px;
  padding: 0 0 12px 0;
  border: 1px solid #ddd;
  border-radius: 6px
}
.car-panel-list .list-item .itembox-link {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1
}
.car-panel-list .list-item > :not(.itembox-link) {
  position: relative;
  z-index: 1;
  pointer-events: none;
  transition: opacity .3s ease
}
.car-panel-list .list-item .bs-notice-txt,
.car-panel-list .list-item .guarantee-area {
  position: relative;
  z-index: 2;
  pointer-events: auto
}
.car-panel-list .list-item .bs-notice-txt a,
.car-panel-list .list-item .guarantee-area a {
  position: relative;
  z-index: 2;
  pointer-events: auto
}
.car-panel-list .list-item:hover > :not(.itembox-link) {
  opacity: .7
}
.car-panel-list .list-img {
  width: 240px;
  overflow: hidden;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px
}
.car-panel-list .car-name {
  font-size: 1.4rem;
  padding: 8px;
  font-weight: 700;
  font-size: 1.4rem;
  color: #333
}
.car-panel-list .price-area {
  display: flex;
  align-items: end;
  margin: 0 8px 12px;
  gap: 8px
}
.car-panel-list .price-area .price:first-child .price-ttl {
  font-weight: 700;
  margin: 0 0 2px 0
}
.car-panel-list .price-area .price:first-child .amount {
  color: #04c;
  font-weight: 700;
  font-size: 2rem
}
.car-panel-list .price-area .price:first-child .amount .yen {
  font-size: 1.2rem;
  font-weight: 700
}
.car-panel-list .price-area .price-ttl {
  font-size: 1rem;
  margin: 0 0 6px 0
}
.car-panel-list .price-area .amount {
  font-size: 1.2rem;
  line-height: 1
}
.car-panel-list .price-area .amount .man::after {
  content: '.'
}
.car-panel-list .price-area .amount .yen::after {
  font-size: 1rem;
  content: '万円'
}
.car-panel-list .loan-estimate {
  background: #edf3fb;
  margin: 0 8px;
  padding: 8px
}
.car-panel-list .loan-estimate .loan-estimate-box {
  margin: 0 0 8px 0
}
.car-panel-list .loan-estimate .loan-estimate-box .ttl {
  font-weight: 700;
  font-size: 1rem
}
.car-panel-list .loan-estimate .loan-estimate-box .cont {
  display: flex;
  align-items: end;
  margin: -10px 0 0 0
}
.car-panel-list .loan-estimate .loan-estimate-box .cont .price {
  color: #df032e;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  display: flex;
  align-items: baseline
}
.car-panel-list .loan-estimate .loan-estimate-box .cont .price::after {
  font-size: 1rem;
  content: '円'
}
.car-panel-list .loan-estimate .loan-estimate-box .cont .price .price-ttl {
  font-size: 1rem
}
.car-panel-list .loan-estimate .loan-estimate-box .cont .price-sub {
  font-size: 1.1rem;
  display: flex;
  flex-flow: column;
  text-align: center;
  font-weight: 700
}
.car-panel-list .loan-estimate .loan-estimate-box .cont .price-sub .price-ttl {
  border-radius: 3px;
  background: #003990;
  color: #fff;
  padding: 2px 4px;
  font-size: .9rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700
}
.car-panel-list .data-info {
  display: flex;
  margin: 0 8px 12px;
  gap: 12px 8px;
  flex-wrap: wrap
}
.car-panel-list .data-info .data-infobox {
  display: flex;
  align-items: center;
  width: 54%;
  gap: 4px
}
.car-panel-list .data-info .data-infobox .guarantee-desc {
  left: -78px
}
.car-panel-list .data-info .data-infobox:first-child {
  width: 54%
}
.car-panel-list .data-info .data-infobox:nth-child(2n) {
  width: 42%
}
.car-panel-list .data-info .data-infobox:nth-child(n+3) {
  gap: 12px
}
.car-panel-list .data-info .data-infobox:nth-child(n+5) {
  width: 100%;
  gap: 8px
}
.car-panel-list .data-info .data-infobox .data-infobox--ttl {
  width: 40px;
  height: 20px;
  background: #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem
}
.car-panel-list .data-info .data-infobox .data-infobox--ttl .guarantee {
  margin: 0 0 0 3px;
  padding: 0;
  width: 10px;
  height: 10px
}
.car-panel-list .data-info .data-infobox .data-infobox--ttl .guarantee img {
  width: 100%;
  height: auto
}
.car-panel-list .data-info .data-infobox .data-infobox--desc {
  font-size: 1.1rem
}
.car-panel-list .data-info .data-infobox .star {
  width: 116px;
  height: 18px;
  display: block;
  margin: 0 12px 0 0;
  position: relative
}
.star::after {
  width: 100%;
  height: 100%;
  display: block;
  content: "";
  position: absolute;
  background: url(/assets/img/satei/souba/img_review-cover.webp) no-repeat;
  background-size: 100% 100%
}
.star.score0_5 {
  background: linear-gradient(90deg,#fddf3c 8.5%,#ddd 8.5%)
}
.star.score1,
.star.score1_0 {
  background: linear-gradient(90deg,#fddf3c 20%,#ddd 20%)
}
.star.score1_5 {
  background: linear-gradient(90deg,#fddf3c 29%,#ddd 29%)
}
.star.score2,
.star.score2_0 {
  background: linear-gradient(90deg,#fddf3c 40%,#ddd 40%)
}
.star.score2_5 {
  background: linear-gradient(90deg,#fddf3c 50%,#ddd 50%)
}
.star.score3,
.star.score3_0 {
  background: linear-gradient(90deg,#fddf3c 60%,#ddd 60%)
}
.star.score3_5 {
  background: linear-gradient(90deg,#fddf3c 71%,#ddd 71%)
}
.star.score4,
.star.score4_0 {
  background: linear-gradient(90deg,#fddf3c 80%,#ddd 80%)
}
.star.score4_5 {
  background: linear-gradient(90deg,#fddf3c 91.5%,#ddd 91.5%)
}
.star.score5,
.star.score5_0 {
  background: linear-gradient(90deg,#fddf3c 100%,#ddd 100%)
}
.nav {
  background: #f8f8f8;
  padding: 24px 0;
  margin: 0 0 48px 0
}
.nav .btn-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px
}
.modal-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background: rgba(255,255,255,.5);
  z-index: 8
}
.modal-area {
  position: relative;
  z-index: 20
}
.modal-area .modalbox {
  position: fixed;
  padding: 32px 32px;
  width: 700px;
  background: #fff;
  border-top: 4px solid #003990;
  box-shadow: 0 2px 5px rgba(0,0,0,.2);
  transition: opacity .2s ease-out .1s,-webkit-transform .6s cubic-bezier(.23, 1, .32, 1);
  transition: opacity .2s ease-out .1s,transform .6s cubic-bezier(.23, 1, .32, 1);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  opacity: 0;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  overflow: visible
}
.modal-area .modalbox.on {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1
}
.modal-area .modalbox .detail-shoplist-scrollarea {
  height: 380px;
  overflow-y: scroll
}
.modal-area .modalbox .detail-shoplist-scrollarea .area-list-wrap {
  margin-bottom: 20px
}
.modal-area .modalbox .detail-shoplist-scrollarea .area-list-wrap .ttl {
  margin-bottom: 12px;
  font-weight: 700
}
.modal-area .modalbox .detail-shoplist-scrollarea .area-list-wrap .area-list {
  display: flex;
  flex-wrap: wrap
}
.modal-area .modalbox .detail-shoplist-scrollarea .area-list-wrap .area-list .list-item {
  margin: 0 32px 12px 0
}
.modal-area .modalbox .btn-close {
  position: absolute;
  top: -39px;
  right: -29px;
  width: 50px;
  height: 50px;
  background: rgba(0,0,0,.3) url(/assets/img/search/detail/btn_modal_close.svg) no-repeat 50% 50%;
  border-radius: 50%;
  transition: opacity .2s ease-out;
  z-index: 10
}
.modal-area .modalbox .btn-close .modal-close {
  display: table-cell;
  width: 50px;
  height: 50px;
  text-indent: -99px;
  overflow: hidden
}


