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

#room{
	background: url(https://www.hanajyukai.jp/images/room/bg_info.jpg) repeat center top;
}

.info{
	padding: 20px 0 40px 0;
}
.info h2{
	text-align: center;
	font-size: 150%;
}
.info .linkAre{
	margin: 50px 0 0 -10px;
}
.info .linkAre .Box{
	width: 153px;
	margin: 0 0 0 10px;
	float: left;
	border: #e1d6ca solid 1px;	
}
.info .linkAre .Box a{
	padding: 3px 3px 15px 3px;
	display: block;
	background: url(../images/icon_arrow.png) no-repeat center 97%, #fff;
}
.info .linkAre .Box a:hover{
	background: url(../images/icon_arrow.png) no-repeat center 97%, #ebe4dc;
	text-decoration: none;
}
.info .linkAre .Box p.img{
	position: relative;
}
.info .linkAre .Box p.img span{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 100;
}
.info .linkAre .Box h3{
	margin: 10px 0 0 0;
	text-align: center;
	font-size: 88%;
}
.info .linkAre .Box h3 span{
	display: block;
	font-size: 72%;
}

.anchor{
	padding: 0;
}
.anchor h2{
	font-size: 220%;
	text-align: center;
	margin: 0 0 20px 0;
}
.anchor h3{
	color: #9c7851;
	font-size: 200%;
	text-align: center;
	margin: 0 0 10px 0;
	border-bottom: none;
}
.anchor h3 span{
	display: block;
	font-size: 78%;
	color: #000;
}
.anchor p.copy{
	font-size: 150%;
	margin: 20px 0 10px 0;
}
.anchor p.copy span{
	color: #b33d5c;
}
.anchor p.text{
	margin: 20px 0 0 0;
}
.anchor p{
	text-align: center;
}
.anchor p.waku{
	width: 640px;
	text-align: center;
	padding: 5px 0;
	background: #9c7851;
	color: #fff;
	margin: 15px auto;
}
.anchor p.caution{
	color: #656565;
	font-size: 88%;
}
.anchor p.img {
	text-align: center;
	margin: 40px 0 30px 0;
}

.anchor .wideslider {
    width: 100%;
    height: 445px;
    text-align: left;
    position: relative;
    overflow: hidden;
	margin: 40px 0 30px 0;
}
 
.anchor .wideslider ul,
.anchor .wideslider ul li {
    float: left;
    display: inline;
    overflow: hidden;
	text-align: center;
}
 
.anchor .wideslider_base {
    top: 0;
    position: absolute;
}
.anchor .wideslider_wrap {
    top: 0;
    position: absolute;
    overflow: hidden;
 
}
.anchor .slider_prev,
.anchor .slider_next {
	display: none;
}
 
.anchor .pagination {
    bottom: 10px;
    left: 0;
    width: 100%;
    height: 15px;
    text-align: center;
    position: absolute;
    z-index: 200;
}
 
.anchor .pagination a {
    margin: 0 5px;
    width: 15px;
    height: 15px;
    display: inline-block;
    overflow: hidden;
    background: #333;
}
.anchor .pagination a.active {
    filter:alpha(opacity=100)!important;
    -moz-opacity: 1!important;
    opacity: 1!important;
}

 
/*  ClearFixElements
---------------------------------- */
.anchor .wideslider ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.anchor .wideslider ul {
    display: inline-block;
    overflow: hidden;
}

.anchor .plan{
	width: 700px;
	border: #ac7804 solid 1px;
	background: #262626;
	color: #fff;
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
}
.anchor .plan h2{
	display: inline-block;
	font-size: 125%;
	margin: 0;
}
.anchor .plan a.buttonList{
	color: #e63727;
	font-size: 88%;
    display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 30px 3px 15px;
	border: none;
	background: url(../../images/icon_arrow002.png) no-repeat 92% center, #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.anchor .plan a.buttonReserve{
	color: #fff;
	font-size: 88%;
    display: inline-block;
	margin: 0 0 0 10px;
	padding: 3px 30px 3px 15px;
	border: none;
	background: url(../../images/icon_arrow001.png) no-repeat 92% center, #6572c1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


.content01{
        background-color:rgba(151,151,151,0.1);
	padding: 70px 0 55px 0;
}
.content02{
	color: #fff;
        background-color:rgba(0,44,81,0.9);
	padding: 70px 0 55px 0;
}
.anchor .content02 h3 {
    color: #cdbba8;
}
.anchor .content02 h3 span {
    color: #fff;
}
.content03{
	padding: 70px 0 55px 0;
}
.content04{
        background-color:rgba(151,151,151,0.1);
	padding: 70px 0 55px 0;
}
.content05{
        background-color:rgba(151,151,151,0.1);
	padding: 70px 0 55px 0;
}
.content06{
	padding: 70px 0 55px 0;
}
.content07{
	background: #f2f2f2;
	padding: 70px 0 55px 0;
}
.content07.anchor{
        background-color:rgba(151,151,151,0.1);
	margin: 0;
}
.content07 .leftBox{
	width: 465px;
	float: left;
}
.content07 .rightBox{
	width: 465px;
	float: right;
}


.content11{
        background-color:rgba(156,120,83,0.1);
	padding: 70px 0 55px 0;
}
.content12{
        background-color:rgba(248,235,24,0.1);
	padding: 70px 0 55px 0;
}
.content13{
        background-color:rgba(0,0,118,0.1);
	padding: 70px 0 55px 0;
}