@media screen and (max-width:640px){
	
.sm_hide { display: none; }

/* ===========================
header
============================*/
#header {
	background:#ffffff;
}

#header .logo {
	text-align: center;
	padding: 0px 0;
}

#header .logo img {
	width: 100%;
	max-width: 344px;
	max-height: 60px;
}

.submenu {display:none;
}



/* ===========================
navi
============================*/
.navi {display:none;}



/* ===========================
m_images
============================*/


#m_images img {
	width: 100%;
	max-width: 750px;
}

/* ===========================
sub_contents
============================*/
.sub_contents {
	margin-top: 20px;
}

.sub_contents img {
	max-width: 250px;
	max-height: 100px;
	width: 100%;
	margin-bottom: 7px;
	margin-right: 5px;
}

/* ===========================
footer
============================*/
#footer { 
	bottom:0;
	position:fixed;
	width:100%;
	height:100%;
	background:#05563e;
	max-height:90px;
	color: #ffffff;
	margin-top:50px;
}

#footer img { display:none;}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer .c_info {
	width: 100%;
	color: #ffffff;
	text-align: center;
	margin-top:5px;
	padding-right:5px;
}

#footer .copyright {
	color: #ffffff;
	margin-top: 25px;
	font-size: 76%;
	text-align:center;
}

#footer_top { padding:10px 10px 10px 5px;
	width:100%;
	background:#05563e;
	
	bottom:0;
	position:fixed;
	
}

#footer_top img { display:none;}

#footer_top a {
	color: #ffffff;
	text-decoration: none;
}

#footer_top a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer_top .c_info {
	width: 100%;
	color: #ffffff;
	text-align: center;
	margin-top:5px;
}

#footer_top .copyright {
	color: #ffffff;
	margin-top: 25px;
	font-size: 76%;
	text-align:center;
}

/* ===========================
box_layout
============================*/
#container {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
}

.contents_box {
	width: 100%;
	margin: 0px auto 0px;
	background:#FFFFFF;
	 
}

.contents {
	max-width: 700px;
	padding: 20px 10px 150px;
}

.contents_box_under {
	width: 97%;
	margin: 0px 5px 30px 5px;
	background:#FFFFFF;
	bottom:100px;
	 
}

.m_contents_top {
	width: 100%;
	padding: 0 0px;
	margin-top:15px;
	float:left;
	margin-bottom:15px;
}

.block {
	margin-bottom:20px;
	clear:both;
	text-align: left;
	padding: 0px;
}

.page_banner {border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding:20px 0px; text-align:center; margin-top:20px; width:100%; clear:both; margin-bottom:0px; background:#efefef;}

.page_banner .box { max-width:1000px; margin:0 auto;}
.page_banner img { margin-right:15px;}


#main_title { padding:0px; margin:15px auto; text-align:center; color:#05563e;}
#main_title span { font-size:160%; font-weight:bold;}
#main_title div { font-size:100%; margin-top:5px; }




/* ===========================
setting
============================*/
h1 {
	font-size: 110%;
	color: #033526;
	padding: 0 0 0 0px;
	line-height: 30px;
	font-weight:bold;
	border-bottom:2px solid #033526;
}

h1 span {
	display: none;
}

.block { text-align:left; margin-bottom:15px;}


.t01 {
	font-size: 80%;
}

/* ===========================
button
============================*/
.button li { text-align: center; }

.button li a {
	display: block;
	padding: 15px 0;
	color: #4b422b;
	text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	border: 1px #999999 solid;
	font-weight: bold;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #faf8f2),
		color-stop(1, #e4ddcb)
	);
	background-image: -o-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -moz-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -webkit-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: -ms-linear-gradient(bottom, #faf8f2 0%, #e4ddcb 100%);
	background-image: linear-gradient(to bottom, #faf8f2 0%, #e4ddcb 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#E0DBC7', endColorstr='#A89F79', GradientType=0)"; 
}

.button li a:hover {
	color: #FFFFFF;

	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #D60303),
		color-stop(1, #BA0202)
	);
	background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
	background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

	/* InternetExplorer */  
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  
}

.button02 {
	width: 100%;
	text-align: center;
	font-size: 100%;	
}


.button02 a {
	text-align: center;
	display: block;
	padding: 15px 10px;
	color: #682001;
	text-decoration: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	font-weight: bold;
	background:#fd9207;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FCC500),
	color-stop(1, #EDA703)
);
background-image: -o-linear-gradient(bottom, #FCC500 0%, #EDA703 100%);
background-image: -moz-linear-gradient(bottom, #FCC500 0%, #EDA703 100%);
background-image: -webkit-linear-gradient(bottom, #FCC500 0%, #EDA703 100%);
background-image: -ms-linear-gradient(bottom, #FCC500 0%, #EDA703 100%);
background-image: linear-gradient(to bottom, #FCC500 0%, #EDA703 100%);

/* InternetExplorer */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FCC500', endColorstr='#EDA703', GradientType=0)";  

}

.button02 a:hover {
	color: #FFFFFF;

background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D60303),
	color-stop(1, #BA0202)
);
background-image: -o-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -moz-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -webkit-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: -ms-linear-gradient(bottom, #D60303 0%, #BA0202 100%);
background-image: linear-gradient(to bottom, #D60303 0%, #BA0202 100%);

/* InternetExplorer */  
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#D60303', endColorstr='#BA0202', GradientType=0)";  

}

/* ===========================
script
============================*/

.script_normal {
	display: none;
} 


/* ===========================
top
============================*/

.maintitle img {
	width: 100%;
	max-width: 299px;}

.top_banner .m_r {  
�@�@margin-right: 0px;
    padding:3px;�@�@
}


.news_box {bottom:25%;
margin:0 auto;
position:absolute;
width:95%;}



.news_box h1 {
	font-size: 90%;
	color: #064d38;
	padding: 0 0 0 0px;
	line-height:180%;
	border-bottom:1px solid #000000;}

.news li {
	padding-left: 0px;
	border-bottom: 1px #CCCCCC dotted;
	padding: 5px 20px 5px 20px;
}

.news li span {
	display: none;
}

.news p {
	display:none;
}

.facebook { width: 100%; margin-top: 20px; }
.facebook iframe { width: 100%; height: 400px; }

.title_course { font-family:Georgia, "Times New Roman", Times, serif; color:#000000; border-bottom: 1px solid #000000; font-size:180%; text-align:left; margin-bottom:10px; padding-bottom:10px;}


/* ===========================
course
============================*/
.t_course {
	width: 100%;
margin-right:5px;
}

.t_course table {
	width: 100%;
	max-width:490px;
border-collapse: collapse;
}

.t_course th {
	border: 1px #efefef solid;
	text-align: center;
	padding: 5px;
	background: #EEEEEE;
}

.t_course td {
	border: 1px #efefef solid;
	text-align: center;
	padding: 3px 5px;
}

.course_image li {
	margin-bottom: 10px;
	text-align: center;
}

.course_image img {
	width: 100%;
	max-width: 600px;
}

.course_image a {
	pointer-events:none;
}

#hole { width:100%; }
#hole_list { width:100%;}

#hole img { width:100%;}
.hole_title { font-size:24px; color:#069; border-bottom:1px dotted #069; width:99%; margin-bottom:15px;
background: #feffff;
padding:5px;}


.course_list li {
	border-bottom: 1px #CCCCCC dotted;
	padding: 5px 0;
	margin: 10px 0;
	float: left;
	width: 49%;
}

.course_list li a {
	text-align:center;
	font-size: 120%;
	display: block;
}

/* ===========================
house
============================*/
.house_image li {
	margin-bottom: 20px;
}

.house_image img {
	width: 100%;
}

.house_image .title {
	margin:5px 0px;
	font-size:110%;
	font-weight:bold;
	padding-bottom: 5px;
	border-bottom:1px solid #cccccc;
}

.house_image .detail {
	margin-bottom: 10px;
}

.hotel_link a { text-decoration: none; }

.spa_pr { width: 100%; }

.spa_image li {
	float: left;
	width: 50%;
	text-align: center;
}

.spa_image img {
	width: 100%;
}

/* ===========================
event
============================*/

.event { border:3px solid #efefef; padding:20px; margin-bottom:10px;}
.event_title { font-size:150%; font-weight:bold; color:#39C; margin-bottom:10px; line-height:130%;}
.event_catch { font-size:120%; font-weight:bold; margin-bottom:10px;}
.event_detail01 { float:left; background:#3C6; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:3px;}
.event_detail02 { float:left; background:#cccccc; padding: 5px; color:#FFFFFF; margin-right:5px;}

/* ===========================
restaurant
============================*/
.restaurant_image li {
	margin-bottom: 20px;
	clear:both;
	overflow:hidden;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:5px;
	margin-bottom:5px;
}

.restaurant_image img {
	width:100%;
}

.restaurant_image p {
	font-size: 110%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	font-weight:bold;
}

.restaurant_image .comment {
	display:none;
}

.rest_sp li {
	margin-bottom: 15px;
	width: 90%;
	border:0px dotted #CCCCCC;
	padding:15px;
	border-radius: 10px;        /* CSS3���� */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome�p */  
    -moz-border-radius: 10px;   /* Firefox�p */  
	background:#f4f2e6;
	color:#00b2ec;
	overflow:auto;
}

.rest_sp img {
	width: 100%;
	margin:10px auto;
}

.rest_sp p {
	font-size: 130%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	font-weight:bold;
}

.ala_image li {
	float: left;
	margin-right:5px;
	margin-bottom: 30px;
	width: 99%;
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:5px;
	margin-bottom:5px;
}

.ala_image img {
	width: 100%;
}

.ala_image p {
	font-size: 110%;
	color: #333333;
	padding-top: 5px;
	text-align: center;
	font-weight:bold;
}

.ala_image .comment {
	color: #333333;
}

.rest_sp .comment {
	color: #333333;
	text-align: center;
	font-size: 110%;
}

.drink_menu li {
	border-bottom: 1px #CCCCCC dotted;
	padding: 3px 0;
	margin-bottom: 5px;
}

.drink_menu li span {
	float: right;
	font-size: 88%;
}

.rest_lunch { float:right; background:#fcbf04; padding: 5px; color:#FFFFFF;}
.rest_lunch02 { float:right; background:#3C6; padding: 5px; color:#FFFFFF; margin-left:5px;}



/* ===========================
button
============================*/
.button li {
	font-size: 110%;
	margin-left: 10px;
	margin-bottom:10px;
	float: left;
	width: 95%;
}

/* ===========================
top
============================*/
.t01 td {
	font-size: 94%;
}

/* ===========================
online
============================*/
.online_phone {
	display: none;
}

/* ===========================
access
============================*/
.google-maps {
	display: none;
	position: relative;
	padding-bottom: 130%;
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.print_map { display: none; }

.map_normal {
	display: none;
}



.image_left img { margin:0 auto; width:100%; 
	white-space:nowrap; }
.image_right img { margin:0 auto; width:100%; }