@charset "UTF-8";

.sp{
  display: none;
}

/* 大見出し 色変更 */
.page_trip .h1_def {
  color: #187fc4;
  border-top: 3px solid #187fc4;
  background: #d3edfb;
}

#tokuten_contents .clearfix:after {content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#tokuten_contents .clearfix {display:inline-block;}
#tokuten_contents .clearfix {height:1%;}
#tokuten_contents .clearfix {display:block;}


/* ご利用条件開始 */
#tokuten_contents div.unit:first-child {
  margin-top: 0;
}

#tokuten_contents .note ul {
  margin-top: 15px;
}

#tokuten_contents .note ul li {
  text-indent: -3em;
  padding-left: 2.6em;
  font-size: 95%;
}
/* ご利用条件終了 */


/*　バナー部分開始　*/
#tokuten_contents #main_bnr {
  margin-top: 50px;
}

#tokuten_contents #main_bnr:first-of-type {
  margin-top: 0;
}

#tokuten_contents #main_bnr {
  text-align: center;
}
#tokuten_contents #main_bnr img {
  width: auto;
}
/*　バナー部分終了　*/


/*　ショップ一覧開始　*/
#tokuten_contents #shop_lists {
  margin-top: 40px;
}

#tokuten_contents #shop_lists h3 {
  margin: 60px 10px 0 10px;
  padding: 6px 20px;
  background: #2E720B;
  font-size: 20px;
  color: #ffffff;
  font-weight: bold !important;
  letter-spacing: 1px;
}

#tokuten_contents #shop_lists .flex_cont {

}

#tokuten_contents #shop_lists ul {
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
}

#tokuten_contents #shop_lists ul li {
  list-style: none;
  padding: 20px 10px 0;
  /*border-top: 1px solid #D9F1CD;*/
  width: 48%;
}

#tokuten_contents #shop_lists ul li:nth-child(odd) {
  margin-right: 15px;
}

#tokuten_contents #shop_lists ul li:nth-child(even) {
  margin-left: 15px;
}


#tokuten_contents #shop_lists ul li .shop_name_box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

#tokuten_contents #shop_lists ul li .shop_name_box .shop_name {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#tokuten_contents #shop_lists ul li .shop_name_box .shop_name p {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
}

#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  margin-right: 12px;
  height: 24px;
}

/*　アイコン開始　*/
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.foods {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_foods.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.facility {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_facility.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.hotspring {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_hotspring.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.hotel {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_hotel.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.coffee {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_coffee.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.boat {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_boat.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.tourism {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_tourism.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.present {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_present.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.experience {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_experience.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.ticket {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_ticket.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.rentalcar {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_rentalcar.png) no-repeat center center;
  background-size: 24px;
}
#tokuten_contents #shop_lists ul li .shop_name_box .shop_name span.sceniccafe {
  background: url(/assets/img/etc/drawari/2022_hokkaido/tokuten/icon/icn_sceniccafe.png) no-repeat center center;
  background-size: 24px;
}
/*　アイコン終了　*/


#tokuten_contents #shop_lists ul li .shop_name_box .shop_hp {
  width: 42px;
  margin-left: 20px;
}

#tokuten_contents #shop_lists ul li .shop_name_box .shop_hp a {
  display: block;
  padding: 2px 1px 0;
  background: #2E720B;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
}


#tokuten_contents #shop_lists ul li .shop_name_box .shop_hp span {
  display: block;
  padding: 2px 1px 0;
  background: #eeeeee;
  text-align: center;
  color: #000000;
  font-size: 14px;
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_img {
  /*margin-bottom: 10px;*/
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_img img {
  width: 100%;
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box {
  /*float: left;
  width: 57%;*/
}

/* 特典開始 */
#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .shop_service {
  border: 2px solid #2C730B;
  padding: 10px 15px;
  color: #2C730B;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.6;
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .shop_service span {
  display: block;
}
/* 特典終了 */

/* 特典詳細開始 */
#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex {
  width: auto;
  margin-top: 6px;
}


#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex .shop_info {
  margin-top: 10px;
  margin-bottom: 50px;
  width: 100%;
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex .shop_info  th {
  font-weight: bold!important;
  width: 60px;
  padding-left: 10px;
  padding-right: 50px;
  white-space: nowrap;
}

#tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex .shop_info  td {
  line-height: 1.8;
  padding-bottom: 10px;
}


.ac_trig {
  position: relative;
  text-align: center;
  cursor: pointer;
}

.ac_trig:after {
  content: "";
  position: absolute;
  top: 46%;
  right: 120px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #2C730B;
  border-right: 2px solid #2C730B;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
  transform: translate(-50%, -50%) rotate(-225deg);
}

.ac_trig.active:after {
  content: "";
  position: absolute;
  top: 58%;
  right: 120px;
  width: 10px;
  height: 10px;
  border-top: 2px solid #2C730B;
  border-right: 2px solid #2C730B;
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}

.ac_content {
  display: none;
}


/* 特典詳細終了 */


@media screen and (max-width: 640px) {
  
  .pc{
    display: none;
  }
  
  
  #tokuten_contents #shop_lists h3 {
    margin: 30px 0 0 0;
    font-size: 18px;
  }

  #tokuten_contents #shop_lists ul {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
  }
  
  #tokuten_contents #shop_lists ul li {
    padding: 18px 0;
    width: 100%;
  }
  
  #tokuten_contents #shop_lists ul li:nth-child(odd) {
    margin-right: 0;
  }
  
  #tokuten_contents #shop_lists ul li:nth-child(even) {
    margin-left: 0;
  }
  
  #tokuten_contents #shop_lists ul li .shop_name_box .shop_hp {
    margin-left: 10px;
  }


  #tokuten_contents #shop_lists ul li .shop_detail_box .shop_img {
    margin-bottom: 10px;
  }
  
  #tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex {
    margin-top: 15px;
  }
  
  #tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex .shop_info {
  margin-top: 15px;
  margin-bottom: 20px;
}
  
  #tokuten_contents #shop_lists ul li .shop_detail_box .shop_info_box .details_tex .shop_info  th {
    width: 30%;
    padding-left: 10px;
    padding-right: 0;
  }
  



  
  
  
  
  
  
  
}