@charset "UTF-8";
/*-------------------------------
reset
---------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,object,iframe,pre,code,p,blockquote,form,fieldset,legend,table,th,td,caption,tbody,tfoot,thead,article,aside,figure,footer,header,hgroup,menu,nav,section,audio,video,canvas,main {margin: 0;padding:0}

article,aside,figure,figcaption,footer,h1,h2,h3,h4,h5,h6,header,hgroup,menu,nav,section,main {display: block}

html {overflow-y: scroll}

html,body {width: 100%;height:100%}

h1,h2,h3,h4,h5,h6 {font-size: 100%; font-weight:normal;}
li {list-style: none; font-weight:normal;}
caption,th,td {vertical-align:top}

input,textarea,select,label {
	margin: 0 0 0;
	padding: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: initial;
}


td, th {
	display: table-cell;
	vertical-align: inherit;
}

label {cursor: pointer}
img {border: 0;vertical-align:middle}

/*-------------------------------
margin-padding
---------------------------------*/
.mb0{margin:0;}
.mb5{margin:0 0 5px 0;}
.mb10{margin:0 0 10px 0;
      font-weight:bold;
}
.mb15{margin:0 0 15px 0;}
.mb20{margin:0 0 20px 0;}
.mb30{margin:0 0 30px 0;}
.mb40{margin:0 0 40px 0;}
.mb50{margin:0 0 50px 0;}
.mb60{margin:0 0 60px 0;}
.mb70{margin:0 0 70px 0;}
.mb80{margin:0 0 80px 0;}
.mb90{margin:0 0 90px 0;}
.mb100{margin:0 0 100px 0;}

/*-------------------------------
base
---------------------------------*/
a:link {color: #222;text-decoration:none}
a:visited {color: #222;text-decoration:none}
a:hover {color: #222;text-decoration:none}
a:active {color: #222;text-decoration:none}


body {
	color: #333;
	background: #f8f2ec;
	font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ' Meiryo,'Lucida Grande',sans-serif;
	font-size: 14px;
	line-height: 1.7;
	-webkit-text-size-adjust: 100%;
	height: 100% !important;
}

.in, .in2{display:none;}
.out{display:block;}

p{
	margin:0 0 10px;
}

dt a:hover img, li a:hover img,
p a:hover img{
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}

/*-------------------------------
h
---------------------------------*/
h2{
	text-align:center;
	color:#fff;
	padding:50px 0;
	background:url(../img/common/bg.jpg);
	clear:both;
}

h2 span{
	display:block;
	font-size:30px;
}

h3{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#007f34;
	margin:0 0 30px;
}
h3 span{
	display:block;
	font-size:14px;
	font-weight:normal;
}

h4 {
	font-size: 14px;
	margin: 0 0 5px;
}

h5{
	font-size:18px;
	font-weight:bold;
	padding:6px 10px;
	background:#e7ded3;
	margin:0 0 20px;
	
}
h5 span{
	padding:2px 10px;
	border-left:3px solid #b88206;
}

/*-------------------------------
rayout
---------------------------------*/
.wrapper{
	width:1000px;
	margin:50px auto;
}

.auto{
	margin:0 auto 5px;
}

section{
	overflow:hidden;
}

/*-------------------------------
header
---------------------------------*/
header{
	background:url(../img/common/bg_header.jpg) repeat-x top;
	z-index:1;
}

.head_box{
	overflow:hidden;
	width:1120px;
	margin:0 auto;
}

.head_box h1{
	background:#fff;
	padding:18px;
	margin:0 6px 10px;
	box-shadow:0 0 5px 1px rgba(0,0,0,0.3);
	width:200px;
	text-align:center;
	float:left;
}

.head_box #pc_menu{
	
}

.head_box nav ul.gnav{
	overflow:hidden;
	float:right;
	margin:15px 5px 10px 0;
}

.head_box nav ul.gnav li{
	float:left;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	background:url(../img/common/line_01.gif) no-repeat right;
}
.head_box nav ul.gnav li:first-child{
	background:url(../img/common/line_01.gif) no-repeat left, url(../img/common/line_01.gif) no-repeat right;
}
.head_box nav ul.gnav li span{
	font-size:10px;
	display:block;
	font-weight:normal;
	letter-spacing:0.05em;
}
.head_box nav ul.gnav li a{
	display:block;
	padding:8px 20px;
	color:#007f34;
}

.head_box nav ul.gnav li a:hover{
	color:#fff;
	background:url(../img/common/line_01.gif) no-repeat right rgba(0,127,52,0.8);
}
.head_box nav ul.gnav li:first-child a:hover{
	background:url(../img/common/line_01.gif) no-repeat left, url(../img/common/line_01.gif) no-repeat right rgba(0,127,52,0.8);
}

.head_box nav ul.snav{
	margin-top:12px;
	text-align:right;
}

.head_box nav ul.snav li{
	display:inline-block;
	margin:0 3px;
}
.head_box nav ul.snav li p{
	display:inline-block;
	font-size:12px;
}
.head_box nav ul.snav li.arrow{
	vertical-align:top;
	margin-top:10px;
}
.head_box nav ul.snav li.arrow a{
	color:#007f34;
	position:relative;
	padding:0 0 0 13px;
}
.head_box nav ul.snav li.arrow a:before{
	position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #007f34;
    border-right: 1px solid #007f34;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.head_box nav ul.snav li a:hover{
	text-decoration:underline;
}

#sp_menu{
	display:none;
}

/*-------------------------------
footer
---------------------------------*/
footer{
	background:url(../img/common/bg.jpg);
	padding-top:5px;
}

.banner_box{
	background:url(../img/common/bg.jpg);
}

.banner{
	text-align:center;
	width:1000px;
	padding:10px 0 15px;
	margin:0 auto;
	overflow:hidden;
}

.banner li{
	float:left;
	margin:0 4px 0 0;
}
.banner li:last-child{
	margin:0;
}

.bottom_nav{
	border-bottom:1px solid #ccc;
}

.bottom_nav ul{
	width:1000px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:left;
}

.bottom{
	border-top:1px solid #fff;
	overflow:hidden;
	padding-top:20px;
	width:1000px;
	margin:0 auto;
}

.bottom .left{
	float:left;
	padding-top:20px;
}
.bottom .right{
	float:right;
}

.bottom_nav li{
	display:inline-block;
	margin-right:8px;
	font-size:12px;
}
.bottom_nav li a{
	position:relative;
	padding:0 0 0 12px;
}

.bottom_nav li a:before{
	position: absolute;
    top: 50%;
    left: 0px;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    border-top: 1px solid #007f34;
    border-right: 1px solid #007f34;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.bottom_nav li a:hover{
	text-decoration:underline;
}

.footer_box{
	background:#f8f2ec;
	text-align:center;
	padding-top:40px;
}

footer .end{
	padding:10px;
	text-align:center;
	color:#fff;
	font-size:12px;
	padding:5px 0;
	margin:0;
	background:url(../img/common/bg.jpg);
}

/*-------------------------------
sns
---------------------------------*/
.sns{
	text-align:right;
	padding:0 0 15px;
}

.sns li{
	display:inline-block;
	vertical-align:middle;
	margin:0 2px;
}

/*-------------------------------
reserve
---------------------------------*/
.reserve_box{
	background:#fff;
}

#frmplanseek{
	width:1000px;
	margin:0 auto;
}

.reserve_form{
	width:100%;
	height:250px;
	margin:0 auto;
	overflow:hidden;
}

#booking_inner h3{
	display:inline-block;
	vertical-align:middle;
	margin:0 20px 0 0;
	padding:10px 30px 10px 0;
	border-right:1px solid #ccc;
}

#booking_inner h3 span{
	display:none;
}

#booking_inner {
	width: 1000px;
	margin: 0 auto 0 10px;
	padding:12px 0 12px;
	font-size: 12px;
	position:relative;
}

.booking {
	font-size	 : 14px;
	font-weight	 : bold;
}
.booking_date {
	display: inline-block;
    vertical-align: middle;
}
.booking_date_2col {
	float		 : left;
	display		 : block;
	width		 : 80px;
	margin-right	 : 5px;
	padding		 : 0 5px;
}

#searchtypearea{
	overflow:hidden;
}

#searchtypearea p{
	margin:0 0 5px;
}

#searchtypearea ul{
	overflow:hidden;
}

#searchtypearea li{
	display:inline-block;
	margin-right:5px;
}

#searchtypearea li a, .arrow li a{
	position:relative;
	padding:0 0 0 12px;
}

#searchtypearea li a::after, .arrow li a:after{
	position: absolute;
	top: 50%;
	left: 0px;
	display: block;
	content: '';
	width: 6px;
	height: 6px;
	margin-top: -3px;
	border-top: 1px solid #007f34;
	border-right: 1px solid #007f34;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#searchtypearea li a:hover{
	text-decoration:underline;
}

.reserve_btn{
	position:absolute;
	top:15px;
	right:20px;
}

#ninzuarea p{
	display:inline-block;
	vertical-align:top;
	margin-right:10px;
}

#nitteiarea,
#ninzuarea,
#ryokinarea{
	width: 100%;
	padding: 5px 0;
}

#searchtypearea {
	width: 100%;
}

.reserve_sp{
	display:none;
}

.arrow{
	margin:10px 0 0;
}
.arrow li{
	display:inline-block;
	margin:0 5px 5px 0;
}
.arrow li:last-child{
	margin:0;
}

/*-------------------------------
top
---------------------------------*/
.main{
	position:relative;
}

.main img{
	width:100%;
	height:auto;
}

.main p{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	width: 616px;
    height: 188px;
	margin:auto;
	background:rgba(0,127,52,0.7);
	border-radius:8px;
}

.main p span{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:400px;
	height:100px;
	text-align:center;
	color:#fff;
	font-size:15px;
}

.features dl.right_box{
	display:block;
	overflow:hidden;
	clear:both;
	margin:0;
}
.features dl.right_box dt{
	float:right;
	width:55%;
	margin:0;
}

.features dl.left_box{
	display:table;
	margin:0;
}

.features dl.left_box dt{
	width:55%;
	float:none;
	display:table-cell;
	vertical-align:top;
	margin:0;
}

.features dt img{
	width:100%;
	height:auto;
}

.features dl.left_box dd{
	padding:40px 40px;
	overflow:hidden;
	box-sizing:border-box;
	width:45%;
	display:table-cell;
}
.features dl.right_box dd{
	overflow:hidden;
	width:45%;
	box-sizing:border-box;
	padding:40px 0 40px 80px;
}

.features dd .title{
	font-size:16 px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 15px -10px;
	display:table;
	border-collapse: separate;
    border-spacing: 15px 0;
}
.features dd .title span{
	display:table-cell;
	vertical-align:top;
	width:40px;
}

.features .box{
	width:91%;
}

/*----------------------------------------------------------------*/
.btn{
	text-align:center;
	font-size:15px;
	box-shadow:0 0 4px 1px rgba(0,0,0,0.3);
	background: -moz-linear-gradient(top, rgba(255,114,36,1) 49%, rgba(241,90,36,1) 52%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(255,114,36,1)), color-stop(52%,rgba(241,90,36,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(255,114,36,1) 49%,rgba(241,90,36,1) 52%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(255,114,36,1) 49%,rgba(241,90,36,1) 52%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(255,114,36,1) 49%,rgba(241,90,36,1) 52%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(255,114,36,1) 49%,rgba(241,90,36,1) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7224', endColorstr='#f15a24',GradientType=0 ); /* IE6-9 */
	display:table;
}

.btn a{
	color:#fff;
	padding:12px 45px 12px 30px;
	display:block;
	position:relative;
}

.btn a::before,
.btn a::after {
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #fff;
	border-radius: 3px;
}
.btn a::before {
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn a::after {
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.btn:hover{
	background: #f15a24;
}


.btn2, .button li{
	background: -moz-linear-gradient(top, #009634 49%, #007f34 52%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,#009634), color-stop(52%,#007f34)); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, #009634 49%,#007f34 52%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, #009634 49%,#007f34 52%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, #009634 49%,#007f34 52%); /* IE10 preview */
	background: linear-gradient(to bottom, #009634 49%,#007f34 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009634', endColorstr='#007f34',GradientType=0 ); /* IE6-9 */
	display:table;
	text-align:center;
	font-size:15px;
	box-shadow:0 0 4px 1px rgba(0,0,0,0.3);
}

.btn2:hover, .button li:hover{
	background:#007f34;
}

.btn2 a{
	color:#fff;
	position:relative;
	display:block;
	padding:12px 45px 12px 30px
}

.btn2 a::before,
.btn2 a::after,
.button li a:before,
.button li a:after{
	position: absolute;
	top: 50%;
	right: 15px;
	display: block;
	content: '';
	width: 10px;
	height: 2px;
	background-color: #fff;
	border-radius: 3px;
}
.btn2 a::before, .button li a:before{
	margin-top: -3px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.btn2 a::after, .button li a:after{
	margin-top: 3px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*----------------------------------------------------------------*/
.top_map{
	position:relative;
}

.black{
	position:absolute;
	bottom:0;
	padding:15px 0;
	background:rgba(0,0,0,0.7);
	margin:0;
	width:100%;
	box-sizing:border-box;
}

.black ul{
	text-align:center;
}

.black li{
	display:inline-block;
	margin:0 3px;
	width:218px;
}


.photo{
	margin-bottom:20px;
}
.photo img{
	width:100%;
	height:100%;
}

.title2{
	font-size:24px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 15px;
}

.triple{
	margin:0 0 40px;
}

.triple dl{
	display:inline-block;
	vertical-align:top;
	width:320px;
	margin:0 15px 30px 0;
}
.triple dl:last-child, .triple dl:nth-child(3n){
	margin:0 0 30px;
}

.triple dt{
	margin:0 0 10px;
}

.triple .title{
	font-size:18px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 5px;
}
.triple ul{
	border-left:3px solid #ccc;
	background:#f2f2f2;
	padding: 12px 15px;
	font-size:12px;
}
.tel_banner{
	width:1000px;
	margin:0 auto;
	padding-bottom:10px;
}
.tel_banner img{
	max-width:100%;
	height:auto;
}

.stayplan_banner{
	margin:0 0 20px;
	text-align:center;
}
.stayplan_banner li{
	display:inline-block;
	margin:0 6px 0;
}

.recommend{
	overflow:hidden;
}
.recommend dl{
	vertical-align:top;
	background:#fff;
	padding:15px;
	overflow:hidden;
	margin:5px 5px 15px 5px;
	box-shadow:0 0 4px 1px rgba(0,0,0,0.3);
}

.recommend .left{
	float:left;
	width:49%;
}
.recommend .right{
	float:right;
	width:49%;
}

.recommend{
	margin:0 0 30px;
}

.recommend dt{
	float:left;
	margin:0 12px 0 0;
}
.recommend dd{
	overflow:hidden;
}
.recommend dd .title{
	font-size:16px;
	font-weight:bold;
}
.recommend dd .title a{
	color:#007f34;
}
.recommend dd .title a:hover{
	text-decoration:underline;
}
.recommend dd p{
	margin-left:4px;
}

.recommend .plan_title{
	display:none;
	color:#fff;
	padding:5px 10px;
	font-size:14px;
	margin:0 0 15px;
}
.recommend .left .plan_title{
	background:#1a778d;
}
.recommend .right .plan_title{
	background:#e86a6d;
}

.breakfast_bg{
	background:url(../img/top/breakfast_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.breakfast_bg .box{
	width:1000px;
	
	margin:0 auto;
	padding:100px 0 60px 0px;
}
.breakfast_bg .box .btn{
	margin:0 0 0 80px;
}

.breakfast_bg .box .text_img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 0 30px;
}



.howto_bg{
	background:url(../img/top/howto_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.howto_bg .box{
	width:1000px;
	
	margin:0 auto;
	padding:100px 0 60px 0px;
}
.howto_bg .box .btn{
	margin:0 0 0 80px;
}

.howto_bg .box .text_img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 0 30px;
}

.dantai_bg{
	background:url(../img/top/dantai_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.dantai_bg .box{
	width:1000px;
	
	margin:0 auto;
	padding:100px 0 60px 0px;
}
.dantai_bg .box .btn{
	margin:0 0 0 80px;
}

.dantai_bg .box .text_img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 0 30px;
}


.family_bg{
	background:url(../img/top/family_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.family_bg .box{
	width:1000px;
	
	margin:0 auto;
	padding:100px 0 60px 0px;
}
.family_bg .box .btn{
	margin:0 0 0 80px;
}

.family_bg .box .text_img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 0 30px;
}

.kandume_bg{
	background:url(../img/top/kandume_bg.jpg) no-repeat;
	background-size:cover;
	width:100%;
}
.kandume_bg .box{
	width:1000px;
	
	margin:0 auto;
	padding:100px 0 60px 0px;
}
.kandume_bg .box .btn{
	margin:0 0 0 80px;
}

.kandume_bg .box .text_img{
	width:auto;
	max-width:100%;
	height:auto;
	margin:0 0 30px;
}

.topics dl{
	overflow:hidden;
	font-size:12px;
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin:0 20px 20px 0;
}
.topics dl:nth-child(2n){
	margin:0 0px 20px 0;
}
.topics dl:hover a .title, .topics dl:hover a h1{
	text-decoration:underline;
}

.topics dt{
	float:left;
	margin:0 15px 0 0;
}
.topics dd{
	overflow:hidden;
}
.topics dd .title, .topics dd h1{
	color:#007f34;
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
}

.day{
	color:#6d6d6d;
	font-size:12px;
}

.topics dd .day{
	margin:0 0 5px 0;
}
.topics dd .day span.news_tag{
	color: #fff;
    background: #ff8904;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 20px 2px;
    font-size: 11px;
	margin:0 0 0 10px;
}

.topics dd .day span.blog_tag{
	color: #fff;
    background: #ff8904;
    border-radius: 4px;
    display: inline-block;
    padding: 2px 20px 2px;
    font-size: 11px;
	margin:0 0 0 10px;
}

.top_map #map_canvas{
	height:640px;
}

/*-------------------------------
pankuzu
---------------------------------*/
#pankuzu{
	background: url(../img/common/bg.jpg);
	box-shadow:0 4px 8px 0px rgba(0,0,0,0.3);
	margin:0 0 30px;
}

#pankuzu ul{
	width:1000px;
	margin:0 auto;
	padding:5px 0;
}

#pankuzu li{
	display:inline-block;
	font-size:12px;
	margin-left:5px;
	color:#fff;
}
#pankuzu li a{
	color:#fff;
	position:relative;
	padding:0 18px 0 0;
}
#pankuzu li a:after{
	position: absolute;
	top: 50%;
	right: 0px;
	display: block;
	content: '';
	width: 7px;
	height: 7px;
	margin-top: -3px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*-------------------------------
news
---------------------------------*/
.main_image{
	position:relative;
	width:100%;
}
.main_image img{
	width:100%;
	height:auto;
}
.main_image h1{
	font-size:36px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	margin:auto;
	position:absolute;
	width:37%;
	height:85px;
	left:0;
	right:0;
	top:0;
	bottom:0;
	text-shadow:0 0 5px rgba(0,0,0,0.6);
}
.main_image h1 span{
	display:block;
	font-size:14px;
	font-weight:normal;
	letter-spacing:0.1em;
}

#news .topics section{
	margin:0 0 50px;
	width:48%;
	display:inline-block;
	vertical-align:top;
	margin:0 20px 20px 0;
}
#news .topics section:nth-child(2n){
	margin:0 0px 20px 0;
}

#news .topics dl{
	overflow:hidden;
	font-size:12px;
	width:100%;
	margin:0;
	display:block;
}

.topics dl:hover img, .blog_list dl:hover img, .select_stayplan dl:hover img{
	filter: alpha(opacity=80);
	-ms-filter: alpha(opacity=80);
	opacity: 0.8;
}



#news_detail{
	padding-bottom:40px;
}

#news_detail section{
	background:url(../img/common/line_02.gif) repeat-x bottom;
	margin:0 0 25px;
	padding:0 0 5px;
}

#news_detail section h1, #blog_detail section h1,
#stayplan_detail section h1{
	font-size:24px;
	font-weight:bold;
	color:#007f34;
	background:url(../img/common/line_02.gif) repeat-x bottom;
	margin:0 0 5px;
	padding:0 0 5px;
}

#news_detail .day{
	margin:0 0 40px;
}
#news_detail section p{
	margin:0 0 20px;
}

.pdf_btn a{
	background:url(../img/common/pdf.png) no-repeat left center;
	padding:5px 0 5px 35px;
	font-size:14px;
	color:#f15a24;
}
.pdf_btn a:hover{
	text-decoration:underline;
}

/*----------------------
		wp-pagenavi
----------------------*/

.wp-pagenavi {
font-size:14px;
margin:0 auto 10px;
text-align:center;
clear: both;
}

.wp-pagenavi a {
text-decoration: none;
padding: 8px 11px;
margin: 0 6px 0 0;
border: 1px solid #f7931e;
line-height:2.5em;
color:#f7931e;
background:#fff;
}

.wp-pagenavi a:hover {
font-weight: normal;
padding: 8px 11px;
color:#fff;
background: #f7931e;
border: 1px solid #f7931e;
}

.wp-pagenavi span {
text-decoration: none;
padding: 8px 11px;
margin: 0 6px 0 0;
}

.wp-pagenavi span.current {
font-weight: normal;
padding: 8px 11px;
color:#fff;
background: #f7931e;
border: 1px solid #f7931e;
}

.wp-pagenavi span.pages {
color:#fff;
font-weight: normal;
background:#000;
border: 1px solid #000;
margin: 0 10px 0 0;
}

/*-------------------------------
blog
---------------------------------*/
.select_menu{
	margin:0 0 35px;
}

.select_menu li{
	display:inline-block;
	margin-right:10px;
}

.blog_list{
	margin:0 0 40px;
}

.blog_list dl{
	overflow:hidden;
	background:url(../img/common/line_02.gif) repeat-x bottom;
	margin:0 0 15px;
	padding:0 0 20px;
}

.blog_list dt{
	float:left;
	margin:3px 20px 0 3px;
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
}
.blog_list dt img{
	padding:2px;
}
.blog_list dd{
	overflow:hidden;
}
.blog_list dd h1{
	font-size:16px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 5px;
}

.blog_list dl a:hover h1{
	text-decoration:underline;
}

.blog_list .tags{
	margin:0 0 8px;
}

.tags li{
	color:#fff;
	border-radius:4px;
	background:#f7931e;
	text-align:center;
	padding:0px 15px;
	display:inline-block;
	margin:0 10px 0 0;
	font-size:12px;
}
.tags li.day{
	text-align:left;
	background:none;
	color:#6d6d6d;
	padding:0;
}

#blog_detail section{
	background:url(../img/common/line_02.gif) repeat-x bottom;
	margin:0 0 40px;
	padding:0 0 20px;
}

#blog_detail .tags{
	margin:0 0 20px;
}

#blog_detail .left{
	float:left;
	width:48%;
}

#blog_detail .left p{
	margin:0 0 20px;
}

#blog_detail .right{
	float:right;
	width:48%;
}

#blog_detail .right p{
	margin-bottom:15px;
}

#blog_detail .right img{
	max-width:100%;
	height:auto;
}

/*-------------------------------
stayplan
---------------------------------*/
.select_tags{
	margin:0 0 40px;
}

.select_tags li{
	display:inline-block;
}

.select_tags li.select a, .select_tags li:hover a{
	padding: 8px 11px;
    color: #fff;
    background: #f7931e;
    border: 1px solid #f7931e;
}
.select_tags li a{
	padding: 8px 11px;
    margin: 0 6px 0 0;
    border: 1px solid #f7931e;
    line-height: 2.5em;
    color: #f7931e;
    background: #fff;
}

.select_stayplan dl{
	position:relative;
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	display:inline-block;
	margin:0 7px 5px 0;
}

.select_stayplan dl:last-child{
	margin:0 0px 5px 0;
}
.select_stayplan dt{
	padding:3px;
}

.select_stayplan dd{
	position:absolute;
	bottom:3px;
	left:3px;
	background:rgba(0,0,0,0.5);
	text-align:center;
	color:#fff;
	padding:2px 0;
	width:97%;
}

.stayplan_list dl{
	background:#fff;
	padding:20px 20px 40px;
	margin:0 0 40px;
	position:relative;
}

.stayplan_list dl::before,
.stayplan_list dl::after {
	position: absolute;
	bottom: 12px;
	z-index: -1;
	content: '';
	width: 50%;
	height: 50%;
	box-shadow: 0 14px 15px rgba(0,0,0,.3);
}
.stayplan_list dl::before {
	left: 10px;
	-webkit-transform: rotate(-2deg);
	transform: rotate(-2deg);
}
.stayplan_list dl::after {
	right: 10px;
	-webkit-transform: rotate(2deg);
	transform: rotate(2deg);
}


.stayplan_list dt{
	float:left;
	box-sizing:border-box;
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	margin:0 20px 0 0;
	
}
.stayplan_list dt img{
	padding:3px;
	margin:0;
}

.stayplan_list dt span{
	box-sizing:border-box;
	display:block;
}

.stayplan_list dd{
	overflow:hidden;
	padding-top:5px;
}

.stayplan_list dd .btn2{
	margin-left:4px;
}

.stayplan_list dd h1{
	font-size:20px;
	font-weight:bold;
	margin:0 0 5px;
}
.stayplan_list dd h1 a{
	color:#007f34;
}
.stayplan_list dd h1 a:hover{
	text-decoration:underline;
}

.stayplan_list dd .infomartion{
	overflow:hidden;
	padding:0;
	margin:0 0 20px;
}

.stayplan_list .tags{
	margin:0 0 10px;
}

.infomartion{
	overflow:hidden;
	margin:0 0 20px;
}

.infomartion dt{
	float:left;
	clear:both;
	box-shadow:none;
	margin:0;
	padding:5px 0;
	font-size:13px;
	font-weight:bold;
	color:#007f34;
}
.infomartion dd{
	overflow:visible;
	padding:5px 0 5px 80px;
	border-bottom:1px solid #ccc;
}

#stayplan_detail section{
	margin:0 0 40px;
}

#stayplan_detail .box{
	overflow:hidden;
	margin:0 0 40px;
}

#stayplan_detail .tags{
	margin:0 0 30px;
}

#stayplan_detail .left{
	float:left;
	width:60%;
}

#stayplan_detail .right{
	float:right;
	width:360px;
}

#stayplan_detail .left p{
	margin-bottom:20px;
}


.swap{
	overflow:hidden;
}

.swap p{
	position:relative;
	margin:0 0 5px;
	height:280px;
}

.swap p a{
	position:absolute;
	top:5px;
	right:5px;
	display:block;
	text-indent:-9999px;
	outline:none;
	width:39px;
	height:40px;
}
.swap .thum li{
	margin:0 4px 5px 0;
	display:inline-block;
}
.swap .thum li a{
	display:block;
	overflow:hidden;
}

.swap li a.selected img,
.swap li a:hover img{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/*-------------------------------
rooms
---------------------------------*/
#rooms section{
	padding:0 0 40px;
}

#rooms .rooms_list section{
	padding:0;
}

#rooms .rooms_list .last dl:last-child{
	background:none;
}

.rooms_list dl{
	overflow:hidden;
	background:url(../img/common/line_02.gif) repeat-x bottom;
	margin:0 0 30px;
	padding:0 0 30px;
}

.rooms_list dt{
	float:left;
	position:relative;
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	margin:5px 20px 5px 5px;
	padding:0 3px 0 0;
}

.rooms_list dt img{
	
	box-sizing:border-box;
}


.rooms_list .bx-wrapper {
	position: relative;
	padding:  0;
	*zoom: 1;
	width:366px;
	float:left;
}

.rooms_list dt span{
	box-sizing:border-box;
	display:block;
}

.rooms_list dt em.orange{
	color:#fff;
	background:#ff8904;
	border-radius:4px;
	display:inline-block;
	position:absolute;
	top:15px;
	left:15px;
	padding:5px 8px 4px;
	font-size:13px;
	font-style:normal;
	z-index:1;
}

.rooms_list dt img{
	padding:3px;
}
.rooms_list dd{
	overflow:hidden;
}
.rooms_list dd h1{
	font-size:20px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 5px;
}
.rooms_list dd .infomartion{
	background:none;
	padding:0;
}

.rooms_list dd .infomartion dt{
	background:none;
	box-shadow:none;
}
.rooms_list dd .infomartion dd{
	overflow:visible;
}

.button{
	margin:5px 0;
}

.button2{
	margin:5px auto;
	text-align:center;
}

.button li, .button2 li{
	display:inline-block;
	margin: 0 5px;
}

.button li a{
	padding: 10px 35px 10px 20px;
	color:#fff;
	position:relative;
	display:block;
}
.button li.none{
	background:#b3b3b3;
	padding:10px 25px;
	color:#fff;
}

/*-------------------------------
breakfast
---------------------------------*/
.white_image{
	margin:0 0px 30px;
	box-sizing:border-box;
	text-align:center;
	width:100%;
	height:auto;
	background:#fff;
	padding:4px;
	box-shadow:0px 0px 6px 1px rgba(0,0,0,0.2);
	
}
.white_image img{
	
	box-sizing:border-box;
	max-width:100%;
}

.catch{
	margin:0 0 20px;
	font-size:24px;
	font-weight:bold;
	color:#007f34;
}


#breakfast{
	padding-bottom:40px;
}

#breakfast .triple .title, #facility .triple .title{
	color:#007f34;
}

#breakfast .triple dd span{
	font-size:12px;
	line-height:1.5;
	display: block;
	margin:0 0 10px;
}

.left_box{
	overflow:hidden;
	margin:0 0 50px;
}
.left_box dt{
	float:left;
	margin:0 20px 0 0;
}
.left_box dd{
	overflow:hidden;
}
.left_box .infomartion dd{
	overflow:visible;
	padding: 5px 0 5px 100px;
}

/*-------------------------------
facility
---------------------------------*/
#facility .left_box{
	overflow:hidden;
	margin:0 0 40px;
}
#facility .left_box dt{
	float:left;
	margin:3px 20px 3px 3px;
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
}
#facility .left_box dt img{
	padding:3px;
}

#facility .left_box dd .title{
	font-size:20px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 5px;
}
#facility .left_box .infomartion dt{
	background:none;
	box-shadow:none;
}
#facility .left_box .infomartion dd {
    overflow: visible;
}

#facility .left_box p, #company .left_box p{
	margin:0 0 20px;
}
#facility .left_box .btn, #company .left_box .btn{
	margin: 5px;
}

#facility .infomartion dd{
	padding: 5px 0 5px 150px;
}

/*-------------------------------
meeting
---------------------------------*/
.double{
	padding-bottom:40px;
}

.double dl{
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin:0 15px 0 0;
}
.double dl:last-child{
	margin:0;
}

.double dt, .hall dt{
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	margin:0 0 15px;
}
.double dt img{
	width:100%;
	height:auto;
	padding:3px;
	box-sizing:border-box;
}
.double dd .title{
	font-size:20px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 10px;
}

.hall dl{
	display:inline-block;
	width:32%;
	vertical-align:top;
	margin:0 15px 30px 0;
}
.hall dl:nth-child(3n){
	margin:0 0 30px;
}

.hall dt{
	text-align:center;
	padding:20px 0;
}

.hall dd .title{
	font-size:18px;
	font-weight:bold;
	color:#007f34;
	margin:0 0 5px;
}

.hall dd .infomartion{
	width:100%;
}

.hall dd .infomartion dt{
	background:none;
	box-shadow:none;
	margin:0;
	padding:5px 0;
}

.hall dd .infomartion dd{
	padding: 5px 0 5px 150px;
}

.fee{
	background:#ccc;
	width:100%;
	margin:0 0 20px;
	border:0;
}
.fee th{
	font-size:13px;
	font-weight:bold;
	text-align:center;
	color:#007f34;
	background:#f1ece6;
	padding:8px 0 7px;
}
.fee td{
	background:#fff;
	text-align:center;
	padding:6px;
}

ul.nagare{
	margin:0 0 15px 5px;
}

ul.nagare li{
	display:inline-block;
	position:relative;
	width:22%;
	padding:0 22px 0 0;
	margin:0 10px 0 0;
}

ul.nagare li p{
	background:#fff;
	box-shadow:0 0 5px 1px rgba(0,0,0,0.2);
	border-radius:5px;
	padding:15px 0;
	text-align:center;
	
	
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ヒラギノ明朝 Pro W6","HGS明朝E","HG明朝E","ＭＳ Ｐ明朝",serif ;
	font-size:18px;
}
ul.nagare li:after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-left: 8px solid #998675;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
	position:absolute;
	right:0;
	top:35%;
}
ul.nagare li:last-child{
	margin:0;
	padding:0;
}
ul.nagare li:last-child:after{
	content:normal;
}

#meeting section{
	padding-bottom:40px;
}


/*-------------------------------
sightseeing
---------------------------------*/
.map_sightseeing{
	background:#fff;
	padding:3px;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	margin-bottom:50px;
	box-sizing:border-box;
	
}
.map_sightseeing #map_canvas{
	height:460px;
}

#sightseeing section{
	padding-bottom:40px;
}

#sightseeing .small{
	font-size:12px;
}


/*-------------------------------
access
---------------------------------*/
.map_access{
	background:#fff;
	padding:3px;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	margin-bottom:50px;
	box-sizing:border-box;
}
.map_inner{
	position:relative;
}
.map_access #map_canvas{
	height:460px;
}
.map_access p {
	position: absolute;
    bottom: 0px;
	color:#fff;
	text-align:center;
    padding: 10px 3px;
    background: rgba(0,0,0,0.7);
    margin: 0;
    width: 100%;
    box-sizing: border-box;
}

.root h4 {
    position: relative;
    background: #d5c5b2;
    text-align: center;
    font-size: 22px;
    padding: 10px;
	margin:0 0 40px;
}
.root h4:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(213, 197, 178, 0);
    border-top-color: #d5c5b2;
    border-width: 10px;
    margin-left: -10px;
}
.root section{
	padding-bottom:40px;
}
.root p {
    text-align: center;
    margin: 0 0 30px;
}
.root p img {
    max-width: 100%;
    height: auto;
}

.right_box{
	overflow:hidden;
	margin:0 0 20px;
}
.right_box dt{
	float:right;
	margin:0 0 0 20px;
}
.right_box dd{
	overflow:hidden;
}
#access .right_box .title{
	color:#007f34;
	font-size:20px;
	font-weight:bold;
}

#access .right_box .btn{
	margin:5px;
}
#access .right_box .btn a{
	padding: 12px 70px 12px 50px;
}

#access .right_box .btn a::before, #access .right_box .btn a::after{
	content:normal;
}

#access .right_box .btn a::after{
	content:"";
	background:url(../img/common/pdf.png) no-repeat right center;
	width:26px;
	height:26px;
	-webkit-transform: rotate(0deg);
    transform: rotate(0deg);
	top:25%;
	right:25px;
	margin:0;
	
}

/*-------------------------------
contact
---------------------------------*/
.contact_form dl{
	overflow:hidden;
	border-top:1px solid #ccc;
}

.contact_form dt{
	padding:17px 0 0 59px;
	font-size:15px;
	font-weight:bold;
	float:left;
	clear:both;
}
.contact_form dt.check{
	padding:17px 0 0 10px;
}
.contact_form dt.check:before{
	content:"必須";
	color:#fff;
	border-radius:4px;
	padding:5px 8px;
	background:#c42c3c;
	text-align:center;
	margin:0 10px 0 0;
	font-size:11px;
	font-weight:normal;
}

.contact_form dd{
	padding:15px 0 15px 240px;
	border-bottom:1px solid #ccc;
}

.contact_form input{
	font-size:13px;
	padding: 6px 4px;
}

.contact_form .wide{
	width:100%;
	box-sizing:border-box;
}

.contact .title{
	font-weight:bold;
	font-size:15px;
}

.contact_form textarea{
	width:100%;
	box-sizing:border-box;
}

.contact_form .contact_submit3 {
    margin: 0 auto;
    width: 264px;
}

.contact_form .contact_submit3 input{
	text-align:center;
	margin:50px auto;
	width:264px;
	height:65px;
    border-style: none;
}

.contact_form .contact_submit3 input.submit{
	width:264px;
	height:65px;
	border:none;
	cursor:pointer;
	background:url(../img/contact/btn_submit.png) no-repeat center center;
	background-size: contain;
}

.contact_form .contact_submit3 input.disabled{
	width:264px;
	height:65px;
	border:none;
	cursor:pointer;
	background:url(../img/contact/btn_no_submit.png) no-repeat center center;
	background-size: contain;
}

/*-------------------------------
company
---------------------------------*/
.group{
	margin-bottom:50px;
}

.group dl{
	background:#fff;
	box-shadow:0 0 3px 1px rgba(0,0,0,0.3);
	padding:10px;
	overflow:hidden;
	width:47%;
	min-height:158px;
	display:inline-block;
	vertical-align:top;
	margin:0 12px 18px 0;
}
.group dl:nth-child(2n){
	margin:0 0px 10px 0;
}
.group dt{
	float:left;
	margin:0 10px 0 0;
}
.group dd{
	overflow:hidden;
}
.group dd .title{
	font-size:16px;
	font-weight:bold;
	margin:0 0 5px;
}
.group dd .title a{
	color:#007f34;
}
.group dd .title a:hover{
	text-decoration:underline;
}

#company section{
	padding-bottom:40px;
}

#company .left_box .title{
	font-size:20px;
	color:#007f34;
	font-weight:bold;
	margin:0 0 10px;
}

#company .infomartion{
	border-top:1px solid #ccc;
}

#company .infomartion dt{
	padding: 8px 0 7px 5px;
}

#company .infomartion dd{
	padding: 8px 0 7px 120px;
}

/*-------------------------------
privacy
---------------------------------*/
#privacy p{
	padding-bottom:20px;
}
#privacy p a{
	color:#007f34;
}
#privacy p a:hover{
	text-decoration:underline;
}
#privacy .title{
	font-weight:bold;
	font-size:16px;
	margin:0;
}

#privacy ul{
	margin-bottom:40px;
}

/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:1120px) {

.head_box{
	width:auto;
}

}

/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:1024px) {

.out2{display:none;}
.in2{display:block;}

.wrapper{
	width:auto;
	margin:25px 15px;
}

h2{
	padding:35px 0;
}
h2 span{
	font-size:24px;
}

/* ------------------------
	header
------------------------ */
.head_box nav ul.gnav{
	clear:both;
	margin:10px 10px 10px 15px;
	float:none;
	text-align:center;
	width:inherit;
	box-sizing: border-box;
	display:table;
	width:100%;
}
.head_box nav ul.gnav li{
	width:auto;
	display:table-cell;
	width:13%;
	font-size:14px;
}
.head_box nav ul.gnav li:nth-child(4){
	width:17%;
}
.head_box nav ul.gnav li a {
    padding: 8px 15px 8px 10px;
}

.head_box{
	width:100%;
}

.head_box nav ul.snav li.arrow{
	margin:10px 10px 0 0;
}
.head_box nav ul.snav li.arrow{
	display:block;
}

.head_box nav#pc_menu{
	width:auto;
}

/* ------------------------
	footer
------------------------ */
.banner{
	width:auto;
	text-align:center;
}
.banner li{
	float:none;
	display:inline-block;
	width:24%;
}

.banner li img{
	max-width:100%;
	height:auto;
}

.bottom{
	width:auto;
}

.bottom_nav ul{
	width:auto;
	margin:0 15px;
	box-sizing:border-box;
}

.bottom .left, .bottom .right{
	float:none;
}

/*-------------------------------
sns
---------------------------------*/
.sns{
	text-align:center;
}

/*-------------------------------
reserve
---------------------------------*/
#frmplanseek {
    width: auto;
    margin: 0 15px 0 0;
}

#booking_inner{
	width:100%;
	padding:15px 10px 10px 10px;
	box-sizing:border-box;
}

#booking_inner h3{
	padding: 20px 30px 20px 0;
}


#searchtypearea p{
	float:none;
}
#reserve{
	width:100%;
}

.reserve_btn{
	width:140px;
	height:auto;
	top:20px;
	right:10px;
}

#reserve .reserve_btn{
	right:0px;
}

.reserve_btn input{
	width:100%;
	height:auto;
}

.reserve_form{
	height:230px;
	width:100%;
}
.reserve_form {
    margin: 0 auto -0 0;
}

/* ------------------------
	pankuzu
------------------------ */
#pankuzu ul{
	width:100%;
	padding: 5px;
	box-sizing:border-box;
}


/* ------------------------
	top
------------------------ */
.main p {
    width: 450px;
    height: 195px;
}

.features dd .title{
	font-size:18px;
}

.features dd .title span{
	width:50px;
	height:50px;
}
.features dd .title span img{
	width:100%;
	height:auto;
}

.features dl.left_box dd, .features dl.right_box dd{
	padding:20px 25px;
}

.features .box{
	width:auto;
}

.triple dl{
	display:block;
	width:100%;
	margin:0 0 20px;
	overflow:hidden;
}
.triple dt{
	float:left;
	margin:0 20px 0 0;
}
.triple dd{
	overflow:hidden;
}

.stayplan_banner{
	text-align:center;
}

.stayplan_banner li{
	width:48%;
	margin: 0 5px 0;
}
.stayplan_banner li img{
	width:100%;
	height:auto;
}
.recommend{
	margin:0 5px 30px;
}


.recommend dl{
	box-sizing:border-box;
	display:block;
	margin:5px 5px 10px;
}

.breakfast_bg .box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0px;
}

.breakfast_bg .box .text_img{
	width:250px;
	margin:0 0 20px 40px;
}
.breakfast_bg .box .text_img img{
	width:100%;
	height:auto;
}

.howto_bg .box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0px;
}

.howto_bg .box .text_img{
	width:250px;
	margin:0 0 20px 40px;
}
.howto_bg .box .text_img img{
	width:100%;
	height:auto;
}

.dantai_bg .box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0px;
}

.dantai_bg .box .text_img{
	width:250px;
	margin:0 0 20px 40px;
}
.dantai_bg .box .text_img img{
	width:100%;
	height:auto;
}


.family_bg .box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0px;
}

.family_bg .box .text_img{
	width:250px;
	margin:0 0 20px 40px;
}
.family_bg .box .text_img img{
	width:100%;
	height:auto;
}


.kandume_bg .box {
    width: 100%;
    margin: 0 auto;
    padding: 30px 0 20px 0px;
}

.kandume_bg .box .text_img{
	width:250px;
	margin:0 0 20px 40px;
}
.kandume_bg .box .text_img img{
	width:100%;
	height:auto;


.tel_banner{
	width:auto;
	margin:0 15px;
	box-sizing:border-box;
}

.tel_banner img{
	width:100%;
	height:auto;
}

/* ------------------------
	news
------------------------ */
.main_image h1 {
    font-size: 28px;
	height: 70px;
}

#news_detail section h1, #blog_detail section h1{
    font-size: 20px;
}

#news_detail section img{
	width:100%;
	height:auto;
}
/* ------------------------
	stayplan
------------------------ */
#stayplan_detail .left {
    width: 49%;
}

/* ------------------------
	breakfast
------------------------ */
.catch {
    font-size: 20px;
}


.left_box dt{
	width:40%;
}

.left_box dt img{
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.left_box .infomartion dt{
	width:auto;
}

/* ------------------------
	meeting
------------------------ */
.double dl {
    display: inline-block;
    vertical-align: top;
    width: 48%;
}


/* ------------------------
	company
------------------------ */
.group dl, .group dl:nth-child(2n){
	width:100%;
	box-sizing:border-box;
	margin:0 0 20px;
}

#company .left_box dt {
    width: 30%;
}
.hall dl{
	margin: 0 1% 30px 0;
}
.hall dt img{
	max-width:100%;
	height:auto;
}

.hall dt{
	padding:20px;
}

ul.nagare li{
	width:21%;
}
ul.nagare li p{
	font-size:16px;
}


}


/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:768px) {


/* ------------------------
	header
------------------------ */
.head_box h1{
	width:130px;
	height:auto;
	left:15px;
}
.head_box h1 img{
	width:100%;
	height:auto;
}

.head_box nav ul.gnav li{
	font-size:14px;
}

/* ------------------------
	reserve
------------------------ */

.reserve_box{
	padding:10px 0 5px;
	box-sizing:border-box;
}

.reserve_btn {
    width: 120px;
    height: auto;
}

.reserve_btn input{
	width: 120px;
    height: auto;
}

#booking_inner h3 {
    padding: 20px 20px 20px 0;
	margin: 0 10px 0 0;
}



/* ------------------------
	top
------------------------ */

.features dl.left_box dt, .features dl.right_box dt {
    width: 50%;
}

.features dl.left_box dd, .features dl.right_box dd{
	width:50%;
	padding:30px 20px;
}

.title2{
	font-size:18px;
}

.recommend dt{
	width:110px;
	margin:0 10px 15px 0;
	
}
.recommend dt img{
	width:100%;
	height:auto;
}
.recommend dd .title{
	margin:0 0 5px;
	font-size:13px;
}
.recommend dd .btn2{
	clear:both;
	display:block;
}

.recommend dd{
	overflow:visible;
}

/* ------------------------
	news
------------------------ */
.main_image h1{
	font-size:20px;
	width: 60%;
	height: 52px;
}
.main_image h1 span{
	font-size:12px;
}

#news_detail section h1, #blog_detail section h1,
#stayplan_detail section h1{
    font-size: 18px;
}

/* ------------------------
	stayplan
------------------------ */
.stayplan_list dt{
	width:40%;
}
.stayplan_list dt img{
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.stayplan_list dd h1, .rooms_list dd h1{
	font-size:18px;
}

#stayplan_detail .right{
	float:none;
	width:100%;
	margin:0 0 20px;
}
#stayplan_detail .right p{
	width:100%;
	height:auto;
}
#stayplan_detail .right p img{
	width:100%;
	height:auto;
}

#stayplan_detail .left{
	 float:none;
	width:100%;
}
/* ------------------------
	rooms
------------------------ */
#rooms .select_stayplan dl{
	width:24%;
	margin: 0 4px 5px 0;
}
#rooms .select_stayplan dl:last-child{
	margin: 0 0 5px 0;
}

#rooms .select_stayplan dt{
	width:100%;
	height:auto;
	box-sizing:border-box;
}

#rooms .select_stayplan dt img{
	width:100%;
	height:auto;
}

#rooms .select_stayplan dd{
	width: 96%;
}

.rooms_list dt{
	width:40%;
}
.rooms_list dt img{
	width:100%;
	height:auto;
	box-sizing:border-box;
}

.rooms_list .infomartion dt{
	width:auto;
}


/* ------------------------
	access
------------------------ */
.root h4{
	font-size:18px;
}

#access .right_box dt {
	width:40%;
}
#access .right_box dt img{
	width:100%;
	height:auto;
}
#access .right_box .title {
    font-size: 18px;
}

}

/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:736px) {
body{font-size:13px;}
.out{display:none;}
.in{display:block;}

h2{padding:25px 0;}
h2 span{font-size:18px;}

h3 {font-size: 20px;}
h3 span {font-size: 13px;}

h5 {font-size: 16px;}

/* ------------------------
	header
------------------------ */
header{
	position:fixed;
	top:0;
	width:100%;
	background: url(../img/common/bg_header.jpg) repeat-x top #f8f2ec;
}
.head_box{
	width:100%;
}

.head_box h1 {
    width: 100px;
    height: auto;
	padding:15px;
}

ul.snav{
	display:none;
}

.head_box nav#pc_menu{
	clear:both;
	float:none;
}

.head_box nav ul.gnav{
	display:none;
}

.head_box #sp_menu{
	display:block;
	margin:10px 10px 30px 0px;
	text-align:right;
}
.head_box #sp_menu li{
	display:inline-block;
}

/* ------------------------
	footer
------------------------ */
.banner li {
    float: none;
    display: inline-block;
    width: 23%;
}

/*-------------------------------
reserve
---------------------------------*/
#frmplanseek{
	display:none;
}

.reserve_form {
    margin: 0 auto 0 0;
	height: 185px;
}

.reserve_box form, .reserve_box #reserve{
	display:none;
}

.reserve_sp{
	display:block;
	margin:0 15px;
	border-radius:8px;
	text-align:center;
	font-size: 14px;
	background: -moz-linear-gradient(top, rgba(0,150,52,1) 49%, rgba(0,127,52,1) 52%); /* FF3.6-15 */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(49%,rgba(0,150,52,1)), color-stop(52%,rgba(0,127,52,1))); /* Chrome4-9,Safari4-5 */
	background: -webkit-linear-gradient(top, rgba(0,150,52,1) 49%,rgba(0,127,52,1) 52%); /* Chrome10-25,Safari5.1-6 */
	background: -o-linear-gradient(top, rgba(0,150,52,1) 49%,rgba(0,127,52,1) 52%); /* Opera 11.10-11.50 */
	background: -ms-linear-gradient(top, rgba(0,150,52,1) 49%,rgba(0,127,52,1) 52%); /* IE10 preview */
	background: linear-gradient(to bottom, rgba(0,150,52,1) 49%,rgba(0,127,52,1) 52%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009634', endColorstr='#007f34',GradientType=0 ); /* IE6-9 */
}

.reserve_sp a{
	color:#fff;
	padding: 5px;
	display:block;
	background: linear-gradient(rgb(0, 150, 52) 50%, rgb(0, 127, 52) 54%);
    margin: 0px;
}

.arrow{
	margin:10px 15px 5px;
}

/* ------------------------
	pankuzu
------------------------ */
#pankuzu{
	display:none;
}


/* ------------------------
	top
------------------------ */

.triple dt{
	width:40%;
}

.triple dt img{
	width:100%;
	height:auto;	
}

.main{
	margin-top:90px;
}

.main p {
    width: 370px;
    height: 115px;
}

.main p span{
	font-size:22px;
	width: 290px;
    height: 70px;
}

.topics dl{
	margin: 0 15px 20px 0;
}

.stayplan_banner li {
    width: 48%;
}

.top_map #map_canvas{
	height:400px;
}
.black{
	position:static;
	background:#333;
}

/* ------------------------
	news
------------------------ */
.main_image{
	margin-top: 87px;
}
#news .topics section{
	width:100%;
	display:block;
	margin:0 0 20px;
}

/* ------------------------
	stayplan
------------------------ */
.select_stayplan, .select_tags, .stayplan_list .tags{
	display:none;
}

.stayplan_list dd h1 {
    font-size: 16px;
}

#stayplan_detail .box{
	margin-bottom:20px;
}


/* ------------------------
	rooms
------------------------ */
#rooms .select_stayplan{
	display:block;
}

.button li{
	margin:0 5px 10px;
}

#rooms01, #rooms02, #rooms03 , #rooms04{
	padding-top:90px;
	margin-top:-90px;
}

.rooms_list dt span{
	font-size:12px;
}

.btn_i img{
	max-width:100%;
	height:auto;
}

/* ------------------------
	breakfast
------------------------ */
.catch {
    font-size: 18px;
}



#breakfast .left_box{
	margin:0 0 30px;
}
/* ------------------------
	facility
------------------------ */
#facility .left_box dd .title, #company .left_box dd .title {
    font-size: 18px;
}
/* ------------------------
	meeting
------------------------ */
.double dd .title {
    font-size: 18px;
}
.hall dl, .hall dl:nth-child(3n){
    display: inline-block;
    width: 48%;
    vertical-align: top;
    margin: 0 15px 30px 0;
}
.hall dl:nth-child(2n){
	margin: 0 0 30px 0;
}
ul.nagare{
	margin:0 5px 15px;
}

ul.nagare li{
	width:100%;
	box-sizing:border-box;
	padding:0 0 10px;
	margin:0 0px 20px;
}
ul.nagare li:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 8px solid #998675;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
	border-bottom:none;
    position: absolute;
    right: 49%;
    top: 95%;
}

.fee th{
	text-align:left;
	padding:8px 2px 7px 8px;
	width: 48%;
}
.fee td{
	text-align:left;
	padding:8px 2px 7px 8px;
}


/* ------------------------
	access
------------------------ */
.root h4{
	font-size:16px;
}
.root p{
	margin:0 0 15px;
}

.map_access #map_canvas{
	height:300px;
}

/* ------------------------
	sightseeing
------------------------ */
.map_sightseeing #map_canvas{
	height:300px;
}

/* ------------------------
	contact
------------------------ */
.contact_form dt, .contact_form dt.check{
	float:none;
	padding:8px 5px;
	font-size:14px;
}
.contact_form dd{
	padding:0 5px 8px;
}


}


/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:568px) {

/* ------------------------
	top
------------------------ */
.stayplan_banner{
	display:none;
}
.recommend .plan_title{
	display:block;
}

.recommend .left, .recommend .right{
	float:none;
	width:100%;
	
}
.recommend .left{
	margin-bottom:40px;
}

/* ------------------------
	rooms
------------------------ */
#rooms .select_stayplan dl {
    width: 23.5%;
}

#rooms .select_stayplan dd {
    width: 95%;
	font-size:12px;
}

}

/* ------------------------
	Pad
------------------------ */
@media screen and (max-width:480px) {

body{font-size:12px;}

.sp_out{display:none;}
.sp_in{display:block;}

/* ------------------------
	footer
------------------------ */
.banner{
	margin:0 15px;
	padding:0;
}

.banner li{
	width:49%;
	display:block;
	float:left;
	margin:0 5px 5px 0;
}

.banner li:nth-child(2n){
	margin:0 0 10px;
}

.footer_box p{
	width:75%;
	height:auto;
	margin:0 auto 10px;
}
.footer_box p img{
	width:100%;
	height:auto;
}

/*-------------------------------
reserve
---------------------------------*/
.reserve_form {
    height: 150px;
}

/* ------------------------
	top
------------------------ */
.main p {
    width: 230px;
    height: 85px;
}
.main p span {
    font-size: 16px;
	width: 210px;
    height: 50px;
}

.features dl{
	padding:0 0 20px;
}

.features dl.left_box dt, .features dl.right_box dt{
	display:block;
	width:100%;
	margin:0 0 20px;
}

.features dl.left_box dd, .features dl.right_box dd{
	width:auto;
	padding:0 15px;
	display:block;
}

.features dd .title, .triple .title{
	font-size:15px;
}

.btn{
	margin:5px auto 10px;
}

.triple dl{
	margin:0 0 30px;
}

.triple dt{
	float:none;
	width:100%;
	margin:0 0 15px;
}

.stayplan_banner li{
	width:100%;
	margin:0 0 10px;
}



.breakfast_bg {
    background: url(../img/top/breakfast_bg.jpg) 65% no-repeat;
    background-size: cover;
}

.breakfast_bg .box .text_img{
	width:220px;
	margin:0 auto 20px;
}

.breakfast_bg .box .btn{
	margin:0 auto;
}

.howto_bg {
    background: url(../img/top/howto_bg.jpg) 65% no-repeat;
    background-size: cover;
}

.howto_bg .box .text_img{
	width:220px;
	margin:0 auto 20px;
}

.howto_bg .box .btn{
	margin:0 auto;
}

.dantai_bg {
    background: url(../img/top/dantai_bg.jpg) 65% no-repeat;
    background-size: cover;
}

.dantai_bg .box .text_img{
	width:220px;
	margin:0 auto 20px;
}

.dantai_bg .box .btn{
	margin:0 auto;
}


.family_bg {
    background: url(../img/top/family_bg.jpg) 65% no-repeat;
    background-size: cover;
}

.family_bg .box .text_img{
	width:220px;
	margin:0 auto 20px;
}

.family_bg .box .btn{
	margin:0 auto;
}

.kandume_bg {
    background: url(../img/top/kandume_bg.jpg) 65% no-repeat;
    background-size: cover;
}

.kandume_bg .box .text_img{
	width:220px;
	margin:0 auto 20px;
}

.kandume_bg .box .btn{
	margin:0 auto;
}

.topics dl{
	width:100%;
	display:block;
	margin:0 0 10px;
}
.topics dd .day{
	margin:0 0 5px;
}
.topics dd .title, .topics dd h1{
	font-size:14px;
}
.topics dd{
	padding-right:20px;
}
.topics dd p{
	display:none;
}
.topics dd .title, .topics dd .day{
	display:block;
}

.black li{
	margin:0 auto 10px;
	display:block;
}
.black li:last-child{
	margin:0 auto;
}

/* ------------------------------------------------ */
.btn, .btn2, .button li, .button2 li{
	font-size:14px;
}

.btn a, .btn2 a {
    color: #fff;
    position: relative;
    display: block;
    padding: 8px 40px 8px 25px;
}
.btn a::before, .btn a::after,
.btn2 a::before, .btn2 a::after,
.button li a:before, .button li a:after,
.button2 li a:before, .button2 li a:after{
	top:48%;
}

.button2 li{
	margin:5px auto 10px;
	width:155px;
	display:block;
}

/* ------------------------
	news
------------------------ */
.main_image h1 {
    height: 32px;
	font-size: 19px;
}
.main_image h1 span{display:none;}

.topics dl{
	border-bottom:1px solid #ccc;
	padding-bottom:15px;
}

.topics dl, .blog_list dl{
	position:relative;
}

.topics dl:after, .blog_list dl:after{
	position: absolute;
    top: 50%;
    right: 5px;
    display: block;
    content: '';
    width: 10px;
    height: 10px;
    margin-top: -4px;
    border-top: 1px solid #007f34;
    border-right: 1px solid #007f34;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#news .topics section, #news .topics section:nth-child(2n){
	margin:0 0 15px;
}

#news_detail section h1 {
    font-size: 16px;
}
#news_detail .day{
	margin:0 0 20px;
}

.pdf_btn a{
	font-size:12px;
}

/*-------------------------------
blog
---------------------------------*/
.blog_list dd h1{
	font-size:14px;
	display:block;
}

.blog_list dd p{
	display:none;
}

.blog_list dt{
	width:110px;
	height:auto;
	margin: 3px 15px 0 3px;
}

.blog_list dt img{
	width:100%;
	height:auto;
	box-sizing:border-box;
}
.blog_list dd{
	padding-right:15px;
}

.tags li{
	margin:0 10px 3px 0;
}

#blog_detail section h1{
	font-size:16px;
}

#blog_detail .left, #blog_detail .right{
	float:none;
	margin:0 0 20px;
	width:100%;
}

/*-------------------------------
stayplan
---------------------------------*/
.stayplan_list dl{
	padding:15px 15px 10px 10px;
	box-shadow: 0 12px 10px -6px rgba(0,0,0,.3);
	margin: 0 0 25px;
}
.stayplan_list dd .btn2{
	margin:0 auto 10px;
}

.stayplan_list dl::before, .stayplan_list dl::after{
	content:normal;
}

.stayplan_list dd h1 {
    font-size: 14px;
}

.stayplan_list dt {
    width: 120px;
	margin: 3px 15px 3px 3px;
}
.stayplan_list dd p{
	display:none;
}
.stayplan_list dd .btn2{
	display:block;
	margin:5px 5px 10px;
}
.stayplan_list dd{
	overflow:visible;
}
.stayplan_list dd .infomartion{
	box-shadow:none;
	clear: both;
	margin: 15px 3px 20px;
}

.infomartion dt{
	width:auto;
	float:left;
	margin:0;
	padding: 5px 0 0;
}

#stayplan_detail section h1{
	font-size:16px;
}

/*-------------------------------
rooms
---------------------------------*/
#rooms .select_stayplan dl{
	width:49%;
	margin: 0 0 7px 0;
}
#rooms section h1{
	font-size:16px;
}

.rooms_list dt{
	width:auto;
	float:none;
	overflow: hidden;
	margin:5px 5px 15px;
	padding-bottom: 45px;
}

.rooms_list dd{
	clear:both;
}

.rooms_list dd .infomartion dt{
	float:left;
	padding:4px 0 5px 3px;
	margin:0;
}
.rooms_list dd .infomartion dd{
	margin:0 ;
	
	clear:none;
}

.button{
	text-align:center;
}

.button li{
	display:block;
}

/* ------------------------
	breakfast
------------------------ */
.white_image{
	margin:0 0 15px;
}

.catch {
    font-size: 16px;
	margin:0 0 10px;
}


#breakfast .left_box dt{
    width: 100%;
	float:none;
	margin:0 0 20px;
}

#breakfast .left_box .infomartion dt, #facility .left_box .infomartion dt{
    width: auto;
	float:left;
	margin:0;
}

/* ------------------------
	facility
------------------------ */
#facility .left_box dt{
    width: auto;
	float:none;
	margin:5px 5px 15px;
}

#facility .left_box dd .title, #company .left_box dd .title{
    font-size: 16px;
}
#facility .left_box dd{
	margin:0 5px;
}
#facility .left_box .btn, #company .left_box .btn{
	margin: 5px auto 10px;
}

#facility .infomartion dt{
	float:none;
	padding:5px 0 0;
}

#facility .infomartion dd{
	padding: 0px 0 8px 0;
    clear: both;
    margin: 0;
}

/* ------------------------
	meeting
------------------------ */
.double dl{
	width:100%;
	margin:0 0 30px;
	display:block;
}
.double dd .title {
    font-size: 16px;
}

.hall dl, .hall dl:nth-child(3n){
	width:100%;
	margin:0 0 30px;
	display:block;
	overflow:hidden;
}
.hall dt{
	width:45%;
	float:left;
	margin:0 12px 0 0;
	padding:10px;
}
.hall dd{
	overflow:hidden;
}
.hall dd .infomartion dt{
	float:none;
	width:auto;
	margin:0;
	padding:6px 0 0;
	text-align:left;
}
.hall dd .infomartion dd{
	padding:0px 0 5px;
}
.hall dd .title{
	font-size:16px;
	margin:0;
}



/* ------------------------
	access
------------------------ */
#access .right_box dt{
	width: 100%;
	float:none;
	margin:0 0 20px;
}

.root h4{
	padding:5px;
	font-size:14px;
}

/* ------------------------
	company
------------------------ */
#company .infomartion dd {
    padding: 8px 0 7px 80px;
}

.group dt, #company .left_box dt{
	width:100%;
	margin:0 0 10px;
	float:none;
}
.group dt img{
	width:100%;
	height:auto;
}

/*----------------------------------------------------
	obi
----------------------------------------------------*/

.obi {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.obi:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: red;
	content: "ｵｽｽﾒ";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.obi2 {
	position: relative;
	display: inline-block;
	overflow: hidden; /* 不要部分を消す */
	padding: 1px;
}
.obi2:after {
	content: "";
	position: absolute;
	z-index: 1;
	width: 100px;
	height: auto;
	background: Green;
	content: "New!";	/* 表示するテキスト */
	text-align: center;
	color: #fff;
	font-family: 'Arial';
	font-weight: bold;
	padding: 5px 10px;
	left: -30px;
	top: 3px;
	transform: rotate(-30deg);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}



/* ------------------------
	privacy
------------------------ */
#privacy p{
	padding:0 0 10px;
}
#privacy ul {
    margin-bottom: 20px;
}




}