@charset "utf-8";

/** ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

 ご利用案内
 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */


@media print,screen and (min-width : 501px) { /* ----------------------------------------------------------------------------------------------------*/

#contentHeadImg{
  background:url(contents_head_img.jpg) top center no-repeat; 
}

#menuList li:nth-child(4) a{
  background-color:rgba(255,255,255,1.0);
}

.colGreen18px span{
  font-size:14px;font-size:1.4rem;
}


/** 宿泊料金のご案内
────────────────────────────────────────────────── */

/** 宿泊料金 */
#priceInfo1{
  margin-top:30px; 
}
  #priceInfo1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #priceInfo1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
  }
  #priceInfo1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
  }

/** 部屋代割増条件 / 特別期間宿泊料金 / その他 */
#priceInfo2,
#priceInfo3,
#priceInfo4{
  margin-top:30px;
  line-height:1.4;
}
  #priceInfo2 li,
  #priceInfo3 li,
  #priceInfo4 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }
  #priceInfo2 li strong,
  #priceInfo3 li strong,
  #priceInfo4 li strong{
    font-size:16px;font-size:1.6rem;
  }

/** ご利用可能カード */
#priceInfo5{
  margin-top:30px;
}
  #priceInfo5 h2{
    margin-bottom:10px;
  }

/** 日帰り利用のご案内
────────────────────────────────────────────────── */

#dayTrip{
  margin-top:30px; 
}
  /** 入浴料金 */
  #dayTrip #dayTrip1{
    margin-top:10px; 
  }
  #dayTrip #dayTrip1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #dayTrip #dayTrip1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
  }
  #dayTrip #dayTrip1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
  }

  /** お食事料金(要予約) */
  #dayTrip #dayTrip2{
    margin-top:30px; 
    line-height:1.4;
  }
  #dayTrip #dayTrip2 ul{
    margin-bottom:10px;
  }
  #dayTrip #dayTrip2 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }

/** エステルーム　花の岬のご案内
────────────────────────────────────────────────── */

#relaxation{
  margin-top:30px; 
}
  /** 料金 */
  #relaxation #esthe1{
    margin-top:10px; 
  }
  #relaxation #esthe1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #relaxation #esthe1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
  }
  #relaxation #esthe1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
  }

#relaxation p{
		margin-top: 1em;
		margin-bottom: 1em;
	}


/** 各施設営業時間のご案内
────────────────────────────────────────────────── */
#openingHours{
  margin-top:30px; 
}
  #openingHours #openingHours1{
    margin-top:10px; 
  }
  #openingHours #openingHours1 ul{
    margin-bottom:10px;
  }
  #openingHours #openingHours1 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }

  #regularHoliday{
    margin-top:20px;
    background-color:#E66966;
    padding:10px;
    color:#FFF;
    text-align:center;
    font-size:18px;font-size:1.8rem;
  }

}
@media screen and (max-width : 500px) {  /* ----------------------------------------------------------------------------------------------------*/

#contentHeadImg{
  background:url(contents_head_sp.jpg) top center no-repeat; 
}

.colGreen18px span{
  font-size:14px;font-size:1.4rem;
  display:block;
}


/** 宿泊料金のご案内
────────────────────────────────────────────────── */

/** 宿泊料金 */
#priceInfo1{
  margin-top:30px; 
}
  #priceInfo1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #priceInfo1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
  }
  #priceInfo1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
  }

/** 部屋代割増条件 / 特別期間宿泊料金 / その他 */
#priceInfo2,
#priceInfo3,
#priceInfo4{
  margin-top:30px;
  line-height:1.4;
}
  #priceInfo2 li,
  #priceInfo3 li,
  #priceInfo4 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }
  #priceInfo2 li strong,
  #priceInfo3 li strong,
  #priceInfo4 li strong{
    font-size:16px;font-size:1.6rem;
  }

/** ご利用可能カード */
#priceInfo5{
  margin-top:30px;
}
  #priceInfo5 h2{
    margin-bottom:10px;
  }
  #priceInfo5 img{
    width:100%;
  }

/** 日帰り利用のご案内
────────────────────────────────────────────────── */

#dayTrip{
  margin-top:30px; 
}
  /** 入浴料金 */
  #dayTrip #dayTrip1{
    margin-top:10px; 
  }
  #dayTrip #dayTrip1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #dayTrip #dayTrip1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
	vertical-align: middle !important;
  }
  #dayTrip #dayTrip1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
	vertical-align: middle !important;
  }

  /** お食事料金(要予約) */
  #dayTrip #dayTrip2{
    margin-top:30px; 
    line-height:1.4;
  }
  #dayTrip #dayTrip2 ul{
    margin-bottom:10px;
  }
  #dayTrip #dayTrip2 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }

/** エステルーム　花の岬のご案内
────────────────────────────────────────────────── */

#relaxation{
  margin-top:30px; 
}
  /** 料金 */
  #relaxation #esthe1{
    margin-top:10px; 
  }
  #relaxation #esthe1 table{
    margin-top:10px; 
    width:100%;
    text-align:center;
  }
  #relaxation #esthe1 table th{
    border:solid 1px #DFDFDF;
    padding:5px 10px;
    background-color:#F8FBF2;
  }
  #relaxation #esthe1 table td{
    border:solid 1px #DFDFDF; 
    padding:5px 10px; 
  }



/** 各施設営業時間のご案内
────────────────────────────────────────────────── */
#openingHours{
  margin-top:30px; 
}
  #openingHours #openingHours1{
    margin-top:10px; 
  }
  #openingHours #openingHours1 ul{
    margin-bottom:10px;
  }
  #openingHours #openingHours1 li{
    margin:5px 0 0 20px;
    list-style-type:disc;
  }

  #regularHoliday{
    margin-top:20px;
    background-color:#E66966;
    padding:10px;
    color:#FFF;
    text-align:center;
    font-size:18px;font-size:1.8rem;
  }

}

.colRed18px{
	font-size:18px;
	color: red;
	display:block;
}
.colRed{
	color: red;
}

