@media all and (min-width: 721px) {
  .ss-hotel { box-shadow: 1px 1px 3px #ddd;}
    .ss-hotel-column2 .hotel-sub {
        clear: both;
      }
      #carSsHtl1 .jssBox.column_2 .column-list { margin-left: 0; margin-right: 0;}
    #carSsHtl1 .ss-hotel {
        position: relative;
      }
    
      #carSsHtl1 .ss-hotel .hotel-main .area-name {
        color: #333333;
      }
    
      #carSsHtl1 .ss-hotel .hotel-main.carimg {
        width: 35%;
        float: left;
      }
    
      #carSsHtl1 .ss-hotel .hotel-main.carimg img {
        margin-bottom: 16px;
      }
    
      #carSsHtl1 .ss-hotel .hotel-price {
        margin: 8px 0 0 5px;
        display: block;
      }
    
      #carSsHtl1 .ss-hotel .hotel-pr {
        font-size: 13px;
        color: #777;
      }
    
      #carSsHtl1 .ss-hotel .hotel-price span.details {
        font-size: 24px;
        font-weight: bolder;
        display: block;
        color: #bf0000;
        background: none;
        padding: 0 0 4px;
        min-height: auto;
        -webkit-box-align: center;
        position: relative;
        top: 0;
        left: 0;
      }
    
      #carSsHtl1 .ss-hotel .hotel-price span.details em {
        font-style: normal;
        font-size: 16px;
      }
    
      #carSsHtl1 .ss-hotel .hotel-price span.details em.grey {
        font-weight: normal;
        color: #333;
        font-size: 12px !important;
        white-space: nowrap;
      }
      #carSsHtl1{max-width: 1280px; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 40px 0; border-radius: 10px; display: flex;justify-content: space-between; flex-wrap: wrap;}
#carSsHtl1 .ss-hotel{box-sizing: border-box; width: 49%;}
#carSsHtl1 .ss-hotel .hotel-price { text-align: left; /*border-bottom: 1px dotted #333;*/ margin: 8px 0 0!important;}
#carSsHtl1 .ss-hotel .hotel-container { padding: 0 15px 0 0; box-sizing: initial;}
#carSsHtl1 .ss-hotel .hotel-sub{ left: 15px !important; top: 135px; width: 60%; position: absolute; padding-left: 0;}

#carSsHtl1 .ss-hotel .carCard--icons{border-top: 1px dashed #777; margin: 8px 0; padding: 8px 0; font-size: 13px; color: #777; display: flex; justify-content: flex-start; }
#carSsHtl1 .ss-hotel .carCard--icons p{padding: 4px 4px 4px 26px; margin-right: 4px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_point{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_point.svg) no-repeat left center / 24px 24px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_card{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_card.svg) no-repeat left center / 24px 24px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_wide{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_wide.svg) no-repeat left center / 24px 24px;}
#carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr {
    padding-left: 30px;
    color: #000000;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconA {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType1.svg)
      no-repeat;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconB {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType2.svg)
      no-repeat;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconC {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType3.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconD {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType4.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconE {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType5.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconF {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType6.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconG {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType7.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconH {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType8.svg)
      no-repeat;
  }
}
@media all and (max-width: 720px) {
.ss-hotel .hotel-sub { box-sizing: border-box; padding-left: 0;}
#carSsHtl1 .ss-hotel{margin: 0 0 10px; background: #fff;}
#carSsHtl1 .ss-hotel .hotel-price { text-align: left; /*border-bottom: 1px dotted #333;*/ margin: 8px 0 0!important; padding-top: 0;}
#carSsHtl1 .ss-hotel .hotel-container { padding: 0 15px 0 0;}
#carSsHtl1 .ss-hotel .hotel-sub{ left: 15px !important;}
#carSsHtl1 .ss-hotel .carCard--icons{border-top: 1px dashed #777; margin: 8px 0; padding-top: 8px; font-size: 13px; color: #777; display: flex; flex-wrap: wrap; justify-content: flex-start;}
#carSsHtl1 .ss-hotel .carCard--icons p{padding: 4px 4px 4px 22px; margin-right: 4px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_point{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_point.svg) no-repeat left center / 20px 20px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_card{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_card.svg) no-repeat left center / 20px 20px;}
#carSsHtl1 .ss-hotel .carCard--icons p.icon_wide{background: url(https://img.travel.rakuten.co.jp/cars/special/golf/images/icon_wide.svg) no-repeat left center / 20px 20px;}
#carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr {
    padding-left: 30px;
    color: #000000;
    font-size: 12px;
    padding-top: 8px;
    padding-bottom: 8px;
    position: static;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconA {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType1.svg)
      no-repeat;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconB {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType2.svg)
      no-repeat;
  }
  #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconC {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType3.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconD {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType4.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconE {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType5.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconF {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType6.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconG {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType7.svg)
      no-repeat;
  }
   #carSsHtl1 .ss-hotel.ss-hotel-column2.new .hotel-main .hotel-pr.iconH {
    background: url(https://img.travel.rakuten.co.jp/share/assets/test/demo/carSearch/images/carType8.svg)
      no-repeat;
  }
  #carSsHtl1 .ss-hotel .hotel-main .area-name {
    font-size: 12px;
    color: #777;
  }

  #carSsHtl1 .ss-hotel .hotel-main.carimg {
    width: 35%;
    float: left;
  }

  #carSsHtl1 .ss-hotel .hotel-container {
    width: 65%; margin-bottom: 0;
  }

  #carSsHtl1 .ss-hotel .hotel-main .hotel-pr {
    position: absolute;
    top: 65px;
    left: calc(35% + 20px);
  }

  #carSsHtl1 .ss-hotel .hotel-price {
    padding-top: 25px;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details {
    line-height: 20px;
    padding: 0;
    font-size: 21px;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em {
    font-size: 12px;
  }
  #carSsHtl1 .ss-hotel .hotel-main.carimg {
    width: 35%;
    float: left;
  }


  #carSsHtl1 .ss-hotel .hotel-main .hotel-pr {
    position: absolute;
    top: 65px;
    left: calc(35% + 20px);
  }

  #carSsHtl1 .ss-hotel .hotel-price {
    padding-top: 0
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details {
    line-height: 20px;
    padding: 0;
    font-size: 21px;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em {
    font-size: 12px;
  }
  #carSsHtl1 .ss-hotel {
    position: relative;
  }

  #carSsHtl1 .ss-hotel .hotel-main .area-name {
    color: #333333;
  }

  #carSsHtl1 .ss-hotel .hotel-main.carimg {
    width: 35%;
    float: left;
  }

  #carSsHtl1 .ss-hotel .hotel-main.carimg img {
    margin-bottom: 10px;
  }

  #carSsHtl1 .ss-hotel .hotel-price {
    margin: 8px 0 0 5px;
    display: block;
  }

  #carSsHtl1 .ss-hotel .hotel-pr {
    font-size: 13px;
    color: #777;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details {
    font-size: 24px;
    font-weight: bolder;
    display: block;
    color: #bf0000;
    background: none;
    padding: 0 0 4px;
    min-height: auto;
    -webkit-box-align: center;
    position: relative;
    top: 0;
    left: 0;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em {
    font-style: normal;
    font-size: 16px;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em.grey {
    font-weight: normal;
    color: #333;
    font-size: 12px !important;
    white-space: nowrap;
  }
  #carSsHtl1 .ss-hotel {
    position: relative;
  }

  #carSsHtl1 .ss-hotel .hotel-main .area-name {
    color: #333333;
  }

  #carSsHtl1 .ss-hotel .hotel-main.carimg {
    width: 35%;
    float: left;
  }

  #carSsHtl1 .ss-hotel .hotel-main.carimg img {
    margin-bottom: 10px;
  }

  #carSsHtl1 .ss-hotel .hotel-price {
    margin: 8px 0 0 5px;
    display: block;
  }

  #carSsHtl1 .ss-hotel .hotel-pr {
    font-size: 13px;
    color: #777;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details {
    font-size: 24px;
    font-weight: bolder;
    display: block;
    color: #bf0000;
    background: none;
    padding: 0 0 4px;
    min-height: auto;
    -webkit-box-align: center;
    position: relative;
    top: 0;
    left: 0;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em {
    font-style: normal;
    font-size: 16px;
  }

  #carSsHtl1 .ss-hotel .hotel-price span.details em.grey {
    font-weight: normal;
    color: #333;
    font-size: 12px !important;
    white-space: nowrap;
  }
  #carSsHtl1 .ss-hotel .hotel-price span {font-size: 18px !important; display: inline !important;}
  #carSsHtl1 .ss-hotel .hotel-price span.details em {
    font-size: 12px;
  }
}
.ss-button-green {
    background-color: #00a040;
    border:
  1px solid #00a040;}