@media all {
	
/* ===========================
nav
============================*/
#menu { display: none; }

/* ===========================
header
============================*/
.h_box {
	width: 100%;
	margin: 0px auto;
	background:url(../images/common/h_bg.png) repeat-x;
	height:150px;
}

.h_box .logo {
	margin:5px auto;
	width: 100%;
	max-width:333px;
}

.h_box .logo02 {
	display:none;
}

.h_box .h_contents_r {
	margin:0 auto;
	height:89px;
}

.h_box .h_contents_r img {
	width: 40%;
	max-width:69px;
}
	
/* ===========================
footer
============================*/
.f_box {
	width: 100%;
	margin: auto;
	padding: 20px 0;
}

.f_box dt {
	padding: 0 20px;
}

.f_box dt img { width:100%;
}

.f_box dt p { text-align: center; font-size:95%; }

.f_box dd {	padding: 0 20px; margin-bottom: 20px; text-align:center; }

.f_box dd div {
	text-align:center;
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width: 100%;
	vertical-align:top;
}

.f_box dd div p a {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}
	
/* ===========================
inquiry_box
============================*/

.inquiry_box_small { position: fixed; bottom: 0; z-index: 100; background: rgba(15,26,29,0.9); color: #FFF; width:100%; }
.inquiry_box_small ul { display: flex; }
.inquiry_box_small ul li { text-align: center; flex-grow: 1; width: 33.3%; }
.inquiry_box_small ul li div { padding: 5px 0; text-align:center; }
.inquiry_box_small img { max-width: 30px;}
.inquiry_box_small a { color: #FFF; text-decoration: none; }

/* ===========================
box
============================*/
.c_box_01 {
	float: left;
	width: 100%;
}

.c_box_02 {
	float: right;
	width: 100%;
}

.c_box_03 {
	float: left;
	width: 100%;
}

.c_box_04 {
	float: right;
	width: 100%;
}

.c_box_05 {
	width: 100%;
}

.c_box_07 {
	width: 100%;
}

.c_box_08 {
	width: 100%;
}

.c_box_09 {
	width: 100%;
}

.c_box_10 {
	float: left;
	width: 100%;
}

.c_box_11 {
	float: right;
	width: 100%;
}

.c_box_12 {
	width: 100%;
}

/* ===========================
m_images
============================*/
#m_images {
	width: 100%;
	margin: 0px auto;
}

#m_images img {
	width: 100%;
}


/* ===========================
banner
============================*/
.bnnr01 table td h2 { font-size: 100%; }

.r_bnnr {
	float: left;
	width: 46.2%;
	margin-left: 1%;
	margin-bottom: 10px;
}

.r_bnnr p { display: none; }
.s_bnnr { width: 98%; }

/* ===========================
title
============================*/
.title01 { font-size:120%; }
.title02 { font-size:170%; }
.title03 { font-size:120%; }

#main_title { padding:25px 20px 25px 20px; color:#2d1808; letter-spacing:0.2em;}
#main_title span { font-size:100%; font-weight:normal; color:#4d2d15;}
#main_title div { font-size:150%; margin-bottom:7px; font-weight:bold; }

/* ===========================
banner
============================*/
.contents_box_sliker {
	width:100%;
	margin: 0px auto 0px;
	background:#f7f6f6;}
	
.contents_box_sliker_box {
	width:80%;
	padding:10px; 
	margin: 0px auto 0px;}
	
/* ===========================
parts
============================*/

#wrapper h1 { background:url(../images/common/title_bg.png) left no-repeat;
font-size:140%;
color:#321906;
line-height:43px;
padding-left:55px;}

#wrapper h1 span{display: none;}

.vgscript {
	width: 100%;
	overflow: auto;
}

.no_style li {
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width: 47%;
	margin: 0 1% 20px 1%;
	text-align: center;
	vertical-align: top;
}

.no_style li div { margin-top: 10px; padding: 0px 10px; }
.no_style li div p { text-align: center; }

.top_stay li {
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width: 100%;
	vertical-align: top;
}

.top_stay li h2 { text-align: center; margin-top: 10px; }

.top_restaurant ul li {
	display: inline-block;
    /display: inline;
    /zoom: 1;
	width: 49%;
	vertical-align: top;
	margin-right: 0.2%;
	margin-bottom: 0.5%;
}

.top_restaurant ul .none_2 {
	display: none;
}

.top_restaurant h2 span {
	float: right;
}

.about img {
	width: 50%;
}

/* ===========================
table
=============================*/
.t02 {
	background: #efefef;
	width: 100%;
	border-collapse: collapse;
}

/* ===========================
button
============================*/
.button li {
	width:100%;
	font-size: 100%;
	margin-left: 5px;
	float: left;
}

/* ===========================
house
============================*/

.house_image ul {
	clear:both;
	width: 100%;
	margin-bottom:10px;
}

.house_image li {
	margin-bottom:15px;
}


.house_image img {
	width: 100%;
}

.house_image .title {
	font-size:120%;
	font-weight:bold;
	color:#8c4039;
}

.house_image p {
	font-size: 110%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	margin-bottom:10px;
}

.house_image .comment {
	color: #333333;
	font-weight:normal;
	text-align:left;
}

.house_image02 ul {
	clear:both;
	width: 100%;
	margin-bottom:10px;
}

.house_image02 li {
	margin-bottom:15px;
}


.house_image02 img {
	width: 100%;
}

.house_image02 .title {
	font-size:120%;
	font-weight:bold;
	color:#8c4039;
}

.house_image02 p {
	font-size: 110%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	margin-bottom:10px;
}

.house_image02 .comment {
	color: #333333;
	font-weight:normal;
	text-align:left;
}

.image_left { margin-right:0px;}
.image_right { margin-left:0px;}



/* ===========================
event
============================*/
.event_title { font-size:110%; font-weight:bold; color:#073185; margin-bottom:10px; line-height:150%; text-align:left;}
.event_catch { font-size:100%; font-weight:bold; margin-bottom:10px;}


	
	
/* ========================
	トップページ、各ページへのPR＆リンクバナー
============================*/
.pr_boxset, .pr_boxset * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	word-wrap: break-word;
}
	
.pr_boxset {
	background: #fefade;
	margin:0 0 20px;
	padding:0;
	width:100%;
	text-align:center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
  -webkit-box-align: stretch;
     -ms-flex-align: stretch;
        align-items: stretch;
	flex-wrap: wrap;
}

.pr_boxset li * { color:#333; background: #fefade; }
.pr_boxset li { width: 50%; }
.pr_boxset * a { text-decoration: none; }
.pr_boxset .naiyou h2 { text-align: center; font-weight: bold; text-decoration: none; }
.pr_boxset img { width: 100%; vertical-align: bottom; border-radius: 2px; }
.pr_boxset .naiyou .pr_text { text-align: left;　line-height:130%; }
.pr_boxset a .pr_text { text-decoration: none; }
.pr_boxset a .pr_text a { text-decoration: underline; }

.pr_boxset .naiyou .kyouchou { color:#f00; }
	

/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media all and (min-width: 481px){

	.pr_boxset .naiyou { padding:1.5em; }
	.pr_boxset .naiyou * { line-height:150%; }
	.pr_boxset .naiyou h2 { font-size: 130%; margin-bottom: 0.6em; margin-top:0.5em; }
	.pr_boxset .naiyou .pr_text { font-size:120%; }

}

	
	
	
/*●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width: 480px){
	.no_style li {
		display: inline-block;
			/display: inline;
			/zoom: 1;
		width: 100%;
	}

	.no_style li div { padding: 0px 20px; }

	.f_box dd div p { width: 100%; margin: 0 0 5px 0; }

	.pr_boxset .naiyou { padding:0.8em; }
	.pr_boxset .naiyou * { line-height:120%; }
	.pr_boxset .naiyou h2 { font-size: 100%; margin-bottom: 0.4em; margin-top:0; }
	.pr_boxset .naiyou .pr_text { font-size:85%; }
	
}