* {margin:0; padding:0; color:#000000; font-size:100%; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN' , Meiryo, sans-serif;}
body{margin:0; padding:0; text-align:center; position: relative; color:#000000; font-size:14px; -webkit-text-size-adjust: 100%; background: #fff; min-width: 1300px;}

p{text-align:left; font-size:14px; margin:0 0 15px 0; line-height:1.8em;}
img { -ms-interpolation-mode: bicubic; border:none; margin:0; padding:0;}
a{text-decoration:none; color: #669900; font-weight:bold;}
a:hover{}
hr{ clear:both; margin:0; padding:0; visibility:hidden; height:0px; border:none;}
h1{
	margin: 0px;
	padding: 0px;
}
h2{ margin:0 0 15px 0;}
h2.index_titleimg{margin:0 0 40px 0;}
h2.contents_titleimg{margin:0 0 30px 0; padding:0 0 20px 0; background:url(../img/contents_title_border.jpg) repeat-x bottom; font-size:21px; font-weight: normal;}
h3.contents_titleimg{margin:0 0 30px 0; padding:0 0 20px 0; background:url(../img/contents_title_border.jpg) repeat-x bottom; font-size:21px; font-weight: normal;}

/*メインメニュー*/

ul#menu{}
ul#menu li {width:auto; margin:0 0 0 30px; height: 17px; list-style:none; float: right;}
ul.menu{}
ul.menu li {width:auto; margin:0 0 0 30px; height: 17px; list-style:none; float: right;}
/*ヘッダー*/

#header_wrap{min-width:1200px;}
#header{width:1200px; height:70px; margin:0 auto;}
#header_left{width:481px; float:left; padding:18px 0 0 0;}
#header_right{width:600px; float:right; padding:26px 0 0 0;}
.header_left{width:481px; float:left; padding:18px 0 0 0;}
.header_right{width:600px; float:right; padding:26px 0 0 0;}
#header_img{margin:0 0 40px 0}
#headbar {position: fixed; top: 0px; left: 0px; width:100%;  background:#fff; color: white; z-index:1000;}
#headbar .box{ width:1200px; margin:0 auto; padding:0 0 20px 0px; position:relative;}
#headbar .box .left{float:left; width:180px; padding:25px 0 0 0; margin:0 30px 0 0;}
#headbar .box .search{float:left; width:720px; padding:20px 0 0 0;}
#headbar .box .right{position: absolute; right:0; width:280px; padding:0;} 
#headsearch {position: fixed; top:0; right:0px; width:auto;  background:#fff; color: white; z-index:1000;}
#headbnr{
	position: absolute;
	top: 70px;
	right: 0;
	width: 280px;
	z-index: 10000;
}

/*フッター*/

#footer_wrap{min-width:1200px; margin:50px 0 0 0; background:url(../img/footer_bg.jpg) repeat-x bottom;}
#footer{margin:0 auto; width:1100px; height:240px; text-align: center;}
#footer p{text-align: center;}
#footer .submenu a{margin:0 20px 0 0; padding:0 0 0 0; color:#00913a;}


/*ベース*/

#wrapper{min-width:1300px; position: relative;}
#main_contents{width:1200px; margin:0 auto 0 auto;}
#main_contents_box{}
#contents_separate{}

#main_img{ text-align:center; background:#FFFFFF;}

#main_contents_left{float:left; margin:0 0 0 0; width:240px; text-align:left;}
#main_contents_right{float:right; margin:0 0 0 0; width:800px; text-align:left;}

#contents_border{width:910px; margin:40px auto 40px auto; border-top: #993300 1px dashed;}
#contents_border2{width:910px; margin:20px auto 20px auto; border-top: #993300 1px dashed;}


/* コンテンツ */

.sightseeing_header_img{height:400px; width:100%; background:url(../img/sightseeing_headerimg.jpg) no-repeat; background-size: cover;}

.contents_box{margin:0 auto; padding:50px 0; width:1100px;}

.contents_01{margin:0 0 0 0; display: flex; min-width:1300px;}
.contents_01 .left_box{flex-grow:3; background: rgba(255,255,255,0.50)}
.contents_01 .middle_box{flex-grow:1; width:1100px; padding:0 50px;}
.contents_01 .middle_box .box{padding:40px; width:1100px;}
.contents_01 .middle_box .left{float:left; width:320px;}
.contents_01 .middle_box .left h2{border-bottom:#fff 2px solid; padding:0 0 5px 0; margin:14px 0 30px 0;}
.contents_01 .middle_box .banner{}
.contents_01 .middle_box .right{float:right; width:730px; text-align: left;} 
.contents_01 .middle_box .right .plan_title{border-bottom:#fff 2px solid; padding:0 0 5px 0; margin: 0 0 20px 0;}
.contents_01 .middle_box .right .plan_title .box1{ float: left; width:300px; padding:9px 0 0 0;}
.contents_01 .middle_box .right .plan_title .box2{ float: right; width:200px;}
.contents_01 .right_box{flex-grow:3; height:930px; background: rgba(255,255,255,0.50)}

.contents_02{margin:0 0 0 0; display: flex; min-width:1300px;}
.contents_02 .left_box{flex-grow:3; background: rgba(255,255,255,0.50)}
.contents_02 .middle_box{flex-grow:1; width:1100px; padding:0 50px; background:url(../img/stay_bg.png) no-repeat center;}
.contents_02 .middle_box .box{ margin: 50px 0 0 0; padding:40px 40px 40px 50px; width:1100px; height:480px; }
.contents_02 .middle_box .box .box01{float:left; width:33%; margin:0 0px 0 0;box-sizing: border-box;}
.contents_02 .middle_box .box .box02{float:left; width:33%;box-sizing: border-box;} 
.contents_02 .middle_box .box p{ text-align: center; margin:20px 0 20px 0; color:#fff; height:60px;}
.contents_02 .middle_box .box h3{margin:0 0 20px 0;}
.contents_02 .right_box{flex-grow:3; background: rgba(255,255,255,0.50)}

.contents_03{margin:0 0 40px 0;}
.contents_03 .left{float:left; width:530px;}
.contents_03 .right{float:right; width:530px;}
.contents_03 .text{margin:20px 0 0 0}
.contents_03 .p01{padding:110px 0 0 0;}
.contents_03 .tel{font-size:18px;}

.contents_04{margin:0 0 40px 0;}

.contents_05{margin:0 0 40px 0;}
.contents_05 .box{padding:0 40px; margin:0 0 40px 0;}
.contents_05 .left{float:left; width:480px;}
.contents_05 .right{float:right; width:480px;} 
.contents_05 h3{margin:0 0 20px 0;}

.contents_06{ margin:0 0 60px 0;}
.contents_06 .box{
	display: flex;
	justify-content: center;
	margin:0 0 40px 0;
}
.contents_06 .box01{width:345px; margin: 0 30px 0 0;}
.contents_06 .box02{width:345px;} 
.contents_06 h3{text-align: left; color:#ed5c3a;}

.contents_07{margin:0 0 80px 0;}
.contents_07 .box{padding:0 50px; margin:0 0 40px 0;}
.contents_07 .left{float:left; width:480px;}
.contents_07 .left.p01{padding:80px 0 0 0;}
.contents_07 .right{float:right; width:480px;} 
.contents_07 h3{margin:0 0 20px 0;}
.contents_07 .text{margin:0 0 40px 0;}

.contents_08{ margin:0 0 60px 0;}
.contents_08 .box{margin:0 0 40px 0;}
.contents_08 .box01{float:left; width:345px; margin:0 32px 0 0;}
.contents_08 .box02{float:left; width:345px;} 
.contents_08 .box p{text-align: center;}

.contents_09{margin:0 0 40px 0; padding:0 60px;}
.contents_09 .left{float:left; width:475px;}
.contents_09 .right{float:right; width:475px;} 
.contents_09 p{text-align: center;}
.contents_09 .shop{background:url(../img/sightseeing_icon01.png) no-repeat left; padding:0 0 0 30px; color:#53382f; font-weight:bold; font-size:16px;}

.contents_10{margin:0 0 40px 0;}
.contents_10 .left{float:left; width:530px;}
.contents_10 .right{float:right; width:530px;}
.contents_10 .text{margin:20px 0 0 0}
.contents_10 .imgbox{}

.contents_11{margin:0 0 40px 0;}
.contents_11 .left{float:left; width:300px; padding:70px 0 0 0;}
.contents_11 .right{float:right; width:760px;}
.contents_11 h3{text-align: center; margin:0 0 40px 0;}

/* プランRSS */

.a_2 {margin:0 0 20px 0; padding:0;}
.a_2 .mini {margin:0 0 8px 0; border-left:#22ac80 10px solid; background: #fff; padding:15px;}
.a_2 .mini a{color:#22ac80;}
.a_2 .mini:nth-child(2){border-left:#559e19 10px solid;}
.a_2 .mini:nth-child(2) a{color:#559e19;}
.a_2 .mini:nth-child(3){border-left:#ea642a 10px solid;}
.a_2 .mini:nth-child(3) a{color:#ea642a;}
.a_2 .mini:nth-child(4){border-left:#c43f92 10px solid;}
.a_2 .mini:nth-child(4) a{color:#c43f92;}
.a_2 .minileft{float:left; width:470px; margin:0; padding:10px 0 0 0;}
.a_2 .minileft h3{ text-align:left; color:#8c3838; margin:0 0 5px 0;}
.a_2 .miniright {float:right; width:200px; margin:0; padding:0;}
.a_2 .miniright p {margin:0; padding:0; font-size:12px; overflow: hidden;}
.a_2 .miniright p a {margin:0; padding:0; display:block; }


/* 新着情報 */

.e_1 {margin:0 auto 20px auto; padding:10px; width: calc(100% - 40px); background:#fff; border: solid 1px #ea642a; outline: solid 10px #fff;}
.e_1 .sheetbox {margin:0; padding:0;}
.e_1 .sheetbox .post{border-bottom:#ea642a 1px solid; text-align:left; margin:0 0 10px 0;}
.e_1 .sheetbox .post:last-child{border-bottom:none; margin:0;}
.e_1 .sheetbox .post a{color:#e83828;}
.e_1 .sheetbox .post p{margin:5px 0 5px 0; padding:0 0 2px 0; font-size: 12px;}
.e_1 .sheetbox .post span{
	font-weight: normal;
	color: #e83828;
	margin: 0;
	padding: 0px;
}



/* 共通パーツ */

table{ border-left:#22a8a0 1px solid; border-top:#22a8a0 1px solid; padding:0px; margin:0 0 0 0; border-collapse: collapse; border-spacing: 0;}
table td{ border-bottom:#22a8a0 1px solid; border-right:#22a8a0 1px solid; padding:10px; text-align:left;}
table th{ border-bottom:#fff 1px solid; border-right:#22a8a0 1px solid; padding:10px; text-align:center; color:#FFFFFF; font-weight:bold; background:#22a8a0; }
table tr:last-of-type th{ border-bottom:#604c3f 1px solid;}
table .center{ text-align: center;}
table .bgcolor01{background:#54a7a2;}

.copy{ font-size:10px}

.flex-box{display:-webkit-box; display:box; display:flex; display:-ms-flexbox;}
.flex-box div{-webkit-box-flex: 1; box-flex: 1; width: 100%; padding:10px;}

.titleimg{margin:0 0 20px;}
.titleimg_center{margin:0 0 20px; text-align:center;}

.text_center{text-align:center;}

.link_btn{background:url(../img/link_icon01.png) no-repeat left #ed5c3a; padding:5px 10px 5px 30px; color:#fff;}

.link_icon{background: url(../img/link_icon01.png) no-repeat left #5c3b2a; background-position:10px;  padding:5px 10px 5px 30px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color:#fff; width:auto; text-align:right}

.info_box{ border:#fe6d53 2px solid; padding:20px; text-align: center;}
.info_box p{text-align: center;}
.info_box p:last-child{margin:0;}
.info_box h3{text-align: center;}

.gradation_wrap1{
  margin:0 0 50px 0;
  background: linear-gradient(45deg, #f8b62d, #ff6557, #ffb338);
  background-size: 300% 300%;
  animation:gradation_a 10s ease infinite;
}
.gradation_wrap2{
  margin:0 0 50px 0;
  background: linear-gradient(45deg, #107889, #36d3a1, #22a8a7);
  background-size: 400% 400%;
  animation:gradation_a 10s ease infinite;
}
.gradation_wrap3{
margin:0 0 50px 0;
  background: linear-gradient(45deg, #22ac80, #22a7ac);
  background-size: 600% 600%;
  animation:gradation_a 10s ease infinite;
}





.plan_form{
	width:776px;
}
.plan_form p{
	margin:0;
	padding:0;
}
.plan_form img{
	vertical-align: middle;
	margin-right:10px;
}
.plan_form .check_in{
	width: 228px;
	float: left;
	margin-right: 10px;
}
.plan_form .guests{
	width:220px;
	float:left;
	margin-bottom:8px;
	margin-right:12px;
}
.plan_form .type{
	width: 240px;
	float: left;
}
.plan_form .price{
	width:340px;
	float:left;
}
.plan_form .search_btn{
	width: 117px;
	height: 24px;
	float:left;
}
.plan_form hr{
	clear:both;
	width:0;
	height:0;
}







@keyframes gradation_a {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}