@charset "UTF-8";
/* CSS Document */



#page_title h2{ padding-bottom:20px; font-size:26px;}

#page_title p{ width:80%; margin:0 auto; text-align:center; }

.bg{ padding:40px 0 50px 0; }
.bg_01{ color:#FFF; padding:5% 0 5% 0; background:url("../image/top/bg_room.jpg")  no-repeat; }
.bg_02{ color:#FFF; padding:12% 0 8% 0; background:url("../image/top/ph_bg_03.jpg.html")  no-repeat top; }
.bg_prx{ color:#FFF; background:url("../image/top/bg_room.jpg")  no-repeat; }
.contents p img{ width:48px; }


#news{ margin:0px 20px; }
#news p{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:13px; line-height:2em; text-align:center; border-bottom:1px dashed #666; padding-bottom:5px; margin-bottom:5px; }
#news p span{ color:#CC8089; }





@media screen and (max-width:899px) {
	
	.ti_copy{ border-bottom:1px solid #666; border-top:1px solid #666; margin:0 auto; margin-bottom:20px; width:90%; padding-bottom:10px;  text-align:center; padding-top:14px; font-size:12px;  }
	.ti_copy + p{ color: #fbfbfb;  }
.fix{ -webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover; }

	.ti_catch { color: #fbfbfb; }

	#page_title h2{ text-align:center; }
	.bg_01{ background-position:center; }
	
.bg_page_base{ clear:both; padding-top:30px; padding-bottom:10px; overflow:hidden; }
	
.tab{ overflow:hidden; display:block;  }
.tab li{ float:left; width:50%; border-top:1px solid #FFF; border-right:1px solid #FFF; border-left:1px solid #FFF; padding:20px 0; font-family:trajan,alte,sans-serif; letter-spacing:0.1em; text-align:center; font-size:14px; background-color:#fffdfc; }
.tab li span{ font-size:10px; font-family:alte,sans-serif; }

.area { display: none;   }
.tab li.active {  background: #EEE; }
.bg_gray{ background-color:#F4EEEA; }
.bg_gray02{ padding:0 10px; }


.bg_page_base #page_title{ display:none;}
#contents{ padding:10px; overflow:hidden; text-align:center; }
#contents p{ line-height:1.6em; text-align:center; padding-bottom:10px;}
#contents h4{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:1.6em; }
#contents a.contLink{ color: #FFF; !important}

.area h3{ display:none; }
#sc-link{ padding:0 15px;}
#sc-link li{ padding:5px;}

#tab1 { background: #EEEEEE; padding: 15px; 0}
	
	}


@media screen and (min-width: 900px) {
	
	.ti_copy{ border-bottom:1px solid #333; border-top:1px solid #333; margin:0 auto; margin-bottom:20px; padding-bottom:10px; width:30%; text-align:center; padding-top:14px; font-size:14px;  /*! color: #333; */}
	.ti_copy + p{ color: #fbfbfb;  }
	
	.ti_catch { color: #333; }
	
	.fix{
	background-attachment:fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	}
	
	#page_title h2{ text-align:center; }
	.bg_01{ background-position:top; }
	
	.bg_page_base{ clear:both; overflow:hidden; }
	
	.tab{ display:none; }
	.tab li{ }
	.area {}
	.tab li.active { }
	.bg_gray{ }
	.bg_gray02{ background-color:#F4EEEA; padding:0 60px; }

#contents{ padding:0px 10px 15px 10px; overflow:hidden;  text-align:center; }
#contents p.icon{ text-align:center; padding-bottom:10px;width: 150px;margin: 0 auto;}
#contents h4{ font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:16px; line-height:1.6em;  font-weight: bold;margin-bottom: 10px;}
.area h3{}
#contents a.contLink{ color: #FFF; !important}
	
#sc-link{ padding:10px;}
#sc-link li{ float: left; padding:10px;}

	
}

@media screen and (min-width: 1200px) {
#contents a.contLink{ color: #FFF; !important}
	

}