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

　●　基本横幅,サイト固有設定
　●　下層ページタイトル部分
　●　背景
　●　h要素

　●　おすすめプランエリア（仮）
　●　空室検索エリア

　●　ヘッダー（＆簡易ヘッダー）
　●　sideプラン
　●　上へ
　●　フッター（＆フッター付近宿プラン）

色メモ
メインの緑　：　#59963e

メインの水色：　#4e8ea4

カーキ色　　：　#9b7f33
黄緑色　　　：　#94d354

薄い黄緑色　：　#e5f5d1
薄い水色　　：　#c2e9ee
薄い黄色　　：　#fffce2

ピンク　　　；　#ffb5a4

薄いグレー　：　#f9f8f4

黄色　　　　：　#feea33

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


/*========================================
　●　基本横幅,サイト固有設定
========================================*/
body{}

.mainWidth{
 width: 1176px;
 margin: 0 auto;
}

hr.bar02{
 height: 35px;
 margin: 0px 0 15px 0;
 background: url("../images/parts/bar02.gif") center center no-repeat;
 border: 0px none;
}

/*========================================
　●　下層ページタイトル部分
========================================*/
.subpageHeader{
 width: 100%;
 height: 376px;
 padding: 0 0 0 60px;
}

/*------------------------------  */
.p02{background: url("../images/bg/bg_subheader02.jpg") center center no-repeat,#f1efe8;} /* 薄灰 */
.p03{background: url("../images/bg/bg_subheader03.jpg") center center no-repeat,#fffce2;} /* 薄黄 */
.p04{background: url("../images/bg/bg_subheader04.jpg") center center no-repeat,#f1efe8;} /* 薄灰 */
.p05{background: url("../images/bg/bg_subheader05.jpg") center center no-repeat,#f1efe8;} /* 薄灰 */
.p06{background: url("../images/bg/bg_subheader06.jpg") center center no-repeat,#f1efe8;} /* 薄灰 */

/*========================================
　●　背景
========================================*/

.bg01{background: url("../images/bg/bg01.png") top center no-repeat;}

.bg02_01{background: url("../images/bg/bg02_01.png") top center no-repeat;}

.bg02_01sub{
 padding-top: 135px;
 background: url("../images/bg/bg02_01.png") top center no-repeat;
}

/*========================================
　●　h要素
========================================*/
.h_type01{
 color: #000;
 font-size: 3.0rem;
 font-weight: 500;
 line-height: 1;
 text-align: center;
}

.h_type02{
 min-height: 70px;
 margin-bottom: 18px;
 padding: 20px 0 15px 65px;
 color: #000;
 font-size: 3.2rem;
 font-weight: 500;
 line-height: 1;
 background: url("../images/bg/bg_h_type02.png") 10px center no-repeat;
 border-bottom: 1px #666 solid;
}

.h_type03yellow{
 min-height: 70px;
 padding: 20px 0 15px 65px;
 color: #000;
 font-size: 3.2rem;
 font-weight: 500;
 line-height: 1;
 background: url("../images/bg/bg_h_type03yellow.png") left center no-repeat;
}

.h_type03blue{
 min-height: 70px;
 padding: 20px 0 15px 65px;
 color: #000;
 font-size: 3.2rem;
 font-weight: 500;
 line-height: 1;
 background: url("../images/bg/bg_h_type03blue.png") left center no-repeat;
}

.h_type03green{
 min-height: 70px;
 padding: 20px 0 15px 65px;
 color: #000;
 font-size: 3.2rem;
 font-weight: 500;
 line-height: 1;
 background: url("../images/bg/bg_h_type03green.png") left center no-repeat;
}

@media all and (-ms-high-contrast:none){
 .h_type_iehack01{
  padding: 25px 0 10px 65px;
 }
}

/*========================================
　●　おすすめプランエリア（仮）
========================================*/
.planlist{
 padding: 50px 0 20px 0;
}

.planlistInner{
	margin: 50px auto 30px;
	display: table;
}
#mini{
	width:345px;
	margin-left: 30px;
	border: 1px solid #94d354;
	float: right;
}
#mini:nth-child(3){
	margin-left: 0px;
}
#mini a img{
	width:300px;
	margin: 20px 20px 0;
}
#mini a{
	display:table;
}
#mini a:hover{
	opacity: 0.6;
}
#minileft{
	margin: 10px 20px 20px;
}
#minileft h4 a{
	font-size:1.8em;
	color:#2F2F2F;
	text-decoration: none;
	font-weight: bolder;
	margin-bottom: 10px;
}
#minileft p{
	font-size:1.5em;
}

/*========================================
　●　空室検索エリア
========================================*/
.roomsearchInner{
 width: 870px;
 padding-top: 4px;
}

.plan_form{
 width: calc(1140px - 270px);
 padding-top: 18px;
 font-size: 1.4rem;
}

.planWrap{
 display: flex;
 width: 100%;
 background: #fff;
 border: 1px #4E8EA4 solid;
}

#plan_form_M,
#plan_form_R{
}

#plan_form_M{width: 685px;}
#plan_form_R{width: 185px;}


#plan_form_M-1{
 display: inline-block;
 padding: 15px 0px 5px 55px;
}
#plan_form_M-2{
 display: inline-block;
 padding: 5px 0px 10px 55px;
}


/*----------*/
.plan_form img{
 vertical-align: middle;
 margin-right: 8px;
}
.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: 30px;
}
.plan_form .type{
 float: left;
}
.plan_form .price{
 float: left;
 padding-left: 30px;
}


.plan_form .search_btn{
 padding-top: 19px;
}
.plan_form hr{
 clear: both;
 width: 0;
 height: 0;
}



/*========================================
　●　ヘッダー（＆簡易ヘッダー）
========================================*/
/*============================== ヘッダー */
header{
 padding: 23px 0 0 0;
 height: 141px;
}

/*------------------------------ ヘッダーメイン部分（簡易ヘッダー共通部分） */
.headerInner{
 display: flex;
 overflow: hidden;
 width: 1176px;
 height: 88px;
 margin: 0 auto;
}

.headerH1{width: 220px;}

nav{
 width: 736px;
 padding: 31px 20px 0 0;
}

.tel01{
 width: 220px;
 padding-top: 10px;
}


nav ul {
 display: flex;
 justify-content: flex-end;
 width: 100%;
 padding: 4px;
 list-style: none;
/* font-size: 0; */
}
nav li {
 color: #438127;
 margin: 0 11px;
 font-size: 1.8rem;
}
nav li a {
 display: block;
 color: #000;
 font-weight: 600;
 text-decoration: none;
}
nav li a img{display: inline-block;}

nav li a:after {
 display: block;
 width: 0;
 padding-top: 9px;
 content: '';
 border-bottom: 4px solid #feea33;
 transition: all 0.3s ease;
}
nav li a:hover:after {
 width: 100%;
 border-bottom: 4px solid #feea33;
}

/*============================== 簡易ヘッダー */
#miniMenuWrap{
 position: fixed; top: 0; z-index: 5000;
 display: none;
 width: 100%;
 height: auto;
 background: #fff;
 border-bottom: 1px #438127 solid;
 box-shadow:0px 5px 12px -5px #888888;
}

#miniMenu{
 margin: 0 auto;
 height: 95px;
 padding-top: 5px;
 text-align: center;
}


/*========================================
　●　sideプラン
========================================*/
a.sideplan01{
 position: fixed; top: 202px; right: 0px; z-index: 300;
 transition: 0.3s linear;
}

a.sideplan01:hover{
 opacity: 0.6;
}

a.sideplan02{
 position: fixed; top: 370px; right: 0px; z-index: 300;
 transition: 0.3s linear;
}

a.sideplan02:hover{
 opacity: 0.6;
}

/*========================================
　●　上へ
========================================*/
#toTOP{
 position: fixed; bottom: 30px; right: 30px; z-index: 800;
 overflow: hidden;
 width: 60px;
 height: 60px;
 background: #94d354;

}

#toTOP a{
 display: inline-block;
 transition: 0.2s linear;
}

#toTOP a:hover{
 opacity: 0.5;
}


/*========================================
　●　フッター（＆フッター付近宿プラン）
========================================*/
/*============================== フッター付近宿プラン */
.footerPlanArea{
 padding: 0px 0 50px 0;
}

.plan01_02{
 overflow: hidden;
 width: 580px;
 height: 100px;
 margin: 0 auto 20px auto;
 background: #fff;
}

.plan01_02 a{
 display: inline-block;
 transition: 0.4s ease-in;
}
.plan01_02 a:hover{opacity: 0.5;}


.linkLongstay{
 display: inline-block;
 width: 380px;
 height: 50px;
 margin: 0 auto;
 padding-top: 10px;
 color: #fff;
 font-size: 1.8rem;
 text-align: center;
 text-decoration: none;
 background: #4e8ea4;

 transition: 0.3s ease-in;
}

@media all and (-ms-high-contrast:none){
 .linkLongstay{
  padding-top: 14px;
 }
}


a.linkLongstay:hover{
 color: #4e8ea4;
 background: #fff;
}


/*============================== フッターエリア */
/*------------------------------ フッター部分メニュー */
ul.footerMenu{text-align: center;}

.footerMenu li{
 display: inline-block;
 margin: 0 0 10px 0;
 padding: 0 10px;
 color: #9b7f33;
 font-size: 1.8rem;
 line-height: 1;
 border-right: 1px #9b7f33 solid;
}
.footerMenu li:last-child{border-style: none;}



.footerMenu li a{text-decoration: none;}

.footerMenu li a:link   {color: #9b7f33;}
.footerMenu li a:visited{color: #9b7f33;}
.footerMenu li a:hover  {color: #feea33;}

/*------------------------------ フッターメイン部分 */
.footerMain{
 height: 175px;
 background: #59963e;
}

.footerMainInner{
 display: flex;
 height: 175px;
}

.footerMainLeft,
.footerMainRight{
 width: 50%;
}

.footerMainLeft{
 padding: 10px 0 0 0;
 color: #fff;
 line-height: 1.3;
 text-align: center;
}

.footerMainRight{
 color: #50813b;
 font-size: 1.8rem;
 background: #e5f5d2;
}
.footerMainRight dl{
 padding: 30px 0 0 40px;
 line-height: 1.5;
}
.footerMainRight dt{
 padding-bottom: 0px;
}
.footerMainRight dd{
 padding: 0 0 5px 18px;
}

/*------------------------------ コピーライト */
.footerCopyright{
 height: 32px;
 padding-top: 2px;
 font-size: 1.6rem;
 text-align: center;
}

.footerCopyright img{vertical-align: middle;}


@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .footerCopyright{
    padding-top: 7px;
  }
}