@charset "UTF-8";

/*-------------検索結果用-------------*/

@media only screen and (min-width: 769px) {
  #js-benefitlist .dc__shop_list{
    display: block;
  }
  
  #js-benefitlist .dc__shop_list::after{
    content: '';
    display: block;
    clear: both;
  }
  
  #js-benefitlist .dc__shop_list .dc__col:nth-of-type(1){
    float: left;
  }  
  
  #js-benefitlist .dc__shop_list .dc__col:nth-of-type(2){
    float: right;
  }  
  
  #js-benefitlist .dc__shop_list .dc__col:nth-of-type(2) .dc__mb_big .dc__text_big{
    clear: left;
  }
  
  #js-benefitlist .dc__shop_list > .dc__col:nth-of-type(3){
    clear: left;
    float: left;
    max-width: 41.66667%;
    width: 41.66667%;
  }  
}

/*-------------優待詳細用-------------*/

.accordion{
  display: none;
}

/*-------------<em>赤字用-------------*/

.dc__tab_box em {
  color: #ed424f;
  font-style: normal;
}

/*-----■部屋タイプ・定員数上の余白用-----*/

.dc__content_box .dc__text_red {
  margin-top: 2rem;
}

/*-----■優待期間、■部屋タイプ・優待料金が2回表示される場合の赤字用-----*/

.dc__content_box .caution {
  color: #ed424f;
}

.dc__content_box ul + .catch {
  margin-top: 2rem;
}

/*-----リスト、※調整用-----*/

.dc__tab_box ul.plan li {
  padding-left: 1em;
  text-indent: -1em;
}

.dc__tab_box ul.disc li {
  padding-left: 1em;
  text-indent: -1em;
}

/*-----罫線との余白 ※調整用-----*/

.dc__tab_box ul.plan {
  margin-bottom: 1.2rem;
}

.dc__tab_box ul.disc {
  color: #888888;
  margin-top: 1.2rem;
}

/*-----■アコーディオン用-----*/

.open{
    position: relative;
    display: block;
    font-weight: bold;
    line-height: 3rem;
    padding: .4rem .4rem .4rem 2rem;
    font-size: 1.6rem;
    color: #2477ab!important;
    text-decoration: none;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: 0.2s;
}

.open:before {
    position: absolute;
    right: .4rem;
    color: #fff;
    background-color: #2477ab;
    border: 1px solid #92bbd5;
    height: 3rem;
    width: 3rem;
    font-size: 2rem;
    font-weight: bold;
}

.open.dc__active:before {
    color: #2477ab;
    background-color: #fff;
}

.open:hover{
    opacity: 0.7;
}

.icon_plus:before {
    content: '\e80e';
}

.icon_minus:before {
    content: '\e808';
}

@media only screen and (max-width:1024px){
    .open {
        width: auto;
        margin: 0 -10px;
        overflow: hidden;
        padding: 1rem 1rem 1rem 2rem;
    }
    .open:before{
        right: 2rem;
    }
}

/*-----■アコーディオン内エリア用-----*/

.accordion{
    padding: 2rem;
}

hr.border{
    margin: 0 0 1rem 0;
    border-top: 0;
    border-bottom: 1px solid #dbdbdb;
}

/*-----■現行スタイル移植-----*/

.dc__tab_box p.warning { font-weight: bold; color: #AD3335; }
.dc__tab_box p.link { margin-bottom: 14px; }
.dc__tab_box span.bold { font-weight: bold; }
.dc__tab_box span.gold { color: #836f40; }
.dc__tab_box span.normal { font-weight: normal; }

/*-----■ご予約方法エリア調整-----*/

@media only screen and (max-width: 768px) {
	.dc__p_big p.dc__text_left{
		text-align: center !important;
	}
	.dc__p_big .dc__mt_mid .dc__mdl_win_01 .dc__text_list{
		padding-left: 0 !important;
		display: inline !important;
	}
	.dc__p_big .dc__mt_mid .dc__mdl_win_01 .dc__text_list:before{
		position: static !important;
	}
}

/*-----■オンライン予約-----*/

.dc__benefit_reservation {
	display:none;	
}

.dc__benefit_subttl{
	height: auto;
	line-height: 3rem;
	padding-top: 0.28rem;
	padding-bottom: 0.28rem;
/*	background-color: #2a558e;*/
	color: #fff;
	font-size: 1.6rem;
	font-weight:bold;
	border-bottom:solid 1px #eee;
}

/*-----■店舗・施設名箇所　表示調整-----*/
@media only screen and (min-width: 769px) {
	.dc__yugu_title_txt {
		width : -webkit-calc(100% - 425px) ;
		width : calc(100% - 425px) ;
	}
}
.dc__yugu_title_txt .dc__col {
	font-size: 1.4rem;
	float: none;
	display: block;
	padding-left: 0;
}

/*-----印刷-----*/
@media print {
  .dc__tab_box {
    display: block;
    margin-bottom: 50px;
    position: relative;
  }
  .dc__tabs {
    height: auto !important;
  }
}

/*-----■口コミ-----*/
.dc__benefit_review {
    display :none;
    padding-top :0.5rem;
}

.dc__benefit_review .dc__app_write .icon_angle_right:before {
    content: '';
    background-image: url(/content/dam/diners/img/common/common_icon_A233_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 23px;
    margin: 0 6px 3px 0;
    vertical-align: middle;
}
.dc__benefit_review .dc__app_view .icon_angle_right:before {
    content: '';
    background-image: url(/content/dam/diners/img/common/icon_search_white.png);
    background-size: contain;
    background-repeat: no-repeat;
    width: 32px;
    height: 23px;
    margin: 0 0 3px 0;
    vertical-align: middle;
}

/*-----■国内クラホ・詳細画面アイコン非表示-----*/
.DomesticHotelsDinersClub .dc__yugu_tag {
	display:none;
}