@charset 'utf-8';

.hotel-card {
  display: flex;
  flex-direction: column;
}

.hotel-card dd {
  margin: 7px 0;
}

.hotel-card .thumb {
  order: 0;
  text-align: center;
  min-height: 0%; /* IE11での崩れ防止用 */
}

.hotel-card .thumb .caption {
  display: block;
  font-size: 1.3rem;
  margin-top: 5px;
}

.hotel-card .region {
  order: 1;
}

.hotel-card .region .region-label {
  background: #091574;
  color: #fff;
  padding: 1px 15px;
}

.hotel-card .hotel-name {
  font-size: 1.8rem;
  font-weight: bold;
  order: 2;
}

.hotel-card .appeal-text1 {
  order: 3;
  padding: 12px 12px 12px 30px;
  border-radius: 3px;
  background: linear-gradient(90deg, #FFD577 0%, #FFD577 20px, #FFF7CC 0%, #FFF7CC 100%);
  box-shadow: 0px 3px 4px -1px #c4c4c4;
}


.hotel-card .appeal-text1 .appeal-text1-header {
  display: block;
  margin: 0 auto;
  width: 175px;
  text-align: center;
  margin-bottom: 10px;
  border-bottom: 2px dashed #FFD577;
  color: #c33c00;
  line-height: 2;
}

.hotel-card .appeal-text1 .plusone-text-list li::before {
  content: '・';
  display: inline-block;
  width: 7px;
  text-indent: -0.5em;
}

.hotel-card .appeal-text2 {
  order: 4;
}

.hotel-card .special {
  order: 5;
}

.hotel-card .modal-button {
  order: 6;
}

/* コンポーネントスタイル上書き */
.modal-open-btn.res-ib-link li { width: 30%;}
.modal-open-btn.res-ib-link .res-btn-link .btn-text { text-align: center !important;}
@media (max-width: 767px){
.modal-open-btn.res-ib-link li { width: 100%;}
}