/*========================================
各ページののcss

　●　p01 トップ index

========================================*/


/*========================================
　●　p01 トップ
========================================*/
#topvisionImg{width: 100%; max-height: 700px;}


/*============================== ようこそエリア */
.welcomeArea{
 height: 704px;
 padding: 31px 0 28px 0;
 color: #000;
 background:
  url("../images/bg/bg_line01.png") center top no-repeat,
  url("../images/bg/bg_line01.png") center bottom no-repeat,
  url("../images/bg/bg_welcome.jpg") right center no-repeat;
}


.welcomeArea h2{float: left;}


.welcomeMsg{
 float: left;
 width: 865px;
 margin: 23px 0 0 42px;
 padding: 20px 20px;
/* background: rgba(255,255,255,0.8); */
 background: url("../images/p01/bg_welcome_msg.png") center bottom;
 box-shadow: 0px 5px 12px -5px #aaa;
}

.welcomeWrap:after{
 display: block;
 content: "";
 clear: both;
}


.welcome_p02{
 padding: 3px 0 3px 15px;
}



/*============================== 空室検索エリア */
.roomsearchArea{
 margin: 0 auto;
 padding: 70px 0 60px 0;
 color: #000;
}

/*-------------------- チェック用 */
.plan_form,
.check_in,
.guests,
.type,
.price,
.search_btn{
 /* border: 1px #666 solid; */
}
/*--------------------------------*/
.plan_form{
 display: table;
 width: 950px;
 margin: 0 auto;
 font-size: 1.5rem;
 border: 1px #333 solid;
}

form{/* height: 100px; */}

#plan_form_H,
#plan_form_M,
#plan_form_R{
/* border: 1px red dotted;  チェック用 */
}

#plan_form_H{display: table-cell; width: 170px; vertical-align: middle;}
#plan_form_M{display: table-cell; width: 640px; vertical-align: middle;}
#plan_form_R{display: table-cell; width: 150px; vertical-align: middle;}


#plan_form_M-1{
 display: inline-block;
 padding: 18px 0px 5px 20px;
}
#plan_form_M-2{
 display: inline-block;
 padding: 5px 0px 5px 20px;
}


/*----------*/
.plan_form img{
 vertical-align: middle;
 margin-right: 8px;
}
#plan_form_H img{margin: 0;}

.plan_form p.flist{ margin-right: 8px; display: inline;}

/*----------*/
p.text_r{
 display: inline;
 padding-left: 10px;
}

.plan_form .check_in{
 float: left;
}
.plan_form .guests{
 float: left;
 padding-left: 35px;
}
.plan_form .type{
 float: left;
}
.plan_form .price{
 float: left;
 padding-left: 35px;
}


.plan_form .search_btn{
 width: 125px;
 height: 60px;
}
.plan_form hr{
 clear: both;
 width: 0;
 height: 0;
 color: #fff;
 border-color: #fff;
}


/*============================== プランエリア */
.planArea{
 padding: 0 0 112px 0;
}

/*============================== 魅力エリア */
.miryokuArea{
}

.miryoku{
 padding: 10px 0 10px 0;
}

.miryoku h3{
 padding: 0 0 15px 0;
 font-size: 2.4rem;
 line-height: 1;
}
.miryoku p{
 font-size: 1.5rem;
}

.miryoku01_msg,
.miryoku03_msg{
 position: absolute; top: 30px; left: 40px; z-index: 50;
 width: 425px;
 height: 275px;
 padding: 30px 15px 0 25px;
 color: #000;
 background: url("../images/bg/grd_w03.png") top center repeat-x;
}

.miryoku02_msg{
 position: absolute; top: 30px; right: 40px; z-index: 50;
 width: 425px;
 height: 275px;
 padding: 30px 15px 0 25px;
 color: #000;
 background: url("../images/bg/grd_w03.png") top center repeat-x;
}