@charset "utf-8";


body{
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
	color : #454545;
	font-size : 95%;
	line-height : 1.8;
	background : url( '../image/bg-body.png' ) repeat 0 0;
}

a:link,
a:visited{
	color : #4040ff;
	text-decoration : underline;
}

a:hover,
a:active{
	color : #4040ff;
	text-decoration : none;
}




/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

body{
	font-size : 100%;
}

}
/* 640pixel end */

 /*続きを読むの設定その１－２*/
.grad-btn5 {
color: #3399ff;
cursor: pointer;
}
.grad-btn5::before {
  content: "Booking and cancellation policy↓"
  
}
.grad-item5 {
  position: relative;
  overflow: hidden;
  height: 0px; /*隠した状態の高さ*/
}
.grad-item5::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 60px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
}
.grad-trigger5 {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger5:checked ~ .grad-btn5::before {
  content: "Close↑" /*チェックされていたら、文言を変更する*/
}
.grad-trigger5:checked ~ .grad-item5 {
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger5:checked ~ .grad-item5::before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}
  /*続きを読むの設定その１－２ここまで*/
  
  p.futoji { font-weight: bold; }