@media screen and (min-width: 1201px){

/* ===========================
header
============================*/
#header {
	margin: auto;
	max-width: 100%;
	padding-top: 0px;
	min-height:101px;
	height:100%;
	background:url(../images/common/h_bg.gif) repeat-x #FFFFFF;

}

#header_box {
	margin: 0 auto;
	max-width: 1000px;
	padding-top: 0px;
}

#header_right { float:right; position: relative;	width:50%;}
    
.gtranslate_wrapper{position:absolute; top:5px; left:0px;}

.sub_menu { width: 100%;
	display: flex;
    justify-content: flex-end;
    }
.sub_menu li {
	margin-right:5px;
	margin-bottom:2px;
	font-size:90%;
	margin-top:0px;
	background:#01558b;
	padding:3PX 10px;
}

.sub_menu li a {
	text-decoration:none;
	color:#ffffff;
	padding-right:20px;
	background:url(../images/common/h_arrow.png) right center no-repeat;
}

#header .logo {
	float:left;
	width:40%;
	margin-top:0px;
}

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

#header .tel_fax {
    display: block;
	float:right;
	margin-top: 20px;
	text-align:left;
}

#header .tel_fax img {
	width: 100%;
	max-width: 385px;
	max-height: 31px;
}

/* ===========================
nav
============================*/
#nav {
	width: 100%;
	max-height:60px;
	height:100%;
	background:url(../images/common/navi_bg.png) repeat-x;
}

.navi {
	width:100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0;
	background:url(../images/common/navi_line.png) right center no-repeat;
}

.navi li {
	float: left;
	width: 12.5%;
	font-size: 95%;
	background:url(../images/common/navi_line.png) left center no-repeat;
}

.navi li a {
	display: block;
	width: 100%;
	padding: 13px 0;
	text-align: center;
	text-decoration:none;
	color: #ffffff;

}

.navi li a:hover {
	color: #3dabed;
}

.navi li a span { color:#07529e; font-size:80%;}


#menu { display: none; }
.slicknav_menu { display:none; }

/* ===========================
footer
============================*/
#footer { 
	width:100%; 
	height: 88px; 
	clear:both; 
	margin:0px auto;
	background: url(../images/common/footer_bg.gif) top repeat-x;
	padding-top:0px;
	z-index:999999;}
	
#footer_box { max-width:1000px; margin:0px auto 0px; color:#ffffff; height:73px; padding-top:15px;}

#footer_address { padding-bottom:5px; width:900px; margin:10px auto 5px; font-size:14px; text-align:left;}
#copyright { font-size: 11px; padding-bottom: 10px; text-align:right; }	

#footer a { color:#FFFFFF;}

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

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

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

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

.c_box_05 {
	width: 100%;
}

.c_box_06 {
	float: left;
	width: 30%;
}

.c_box_07 {
	width: 48%;
	margin-right: 1%;
}

.c_box_08 {
	float: left;
	width: 49%;
}

.c_box_09 {
	float: right;
	width: 49%;
}

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

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

/* ===========================
m_images
============================*/
#m_images {
	width: 100%;
	max-width: 1000px;
	margin: 0px auto;
	padding:10px 0px;
}

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

/* ===========================
box_layout
============================*/
#container {
	width: 100%;
	height: auto;
	margin: auto;
	text-align: center;
	
	border-top:5px solid #01558b;
}

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

.contents {
	width: 100%;
	max-width: 1200px;
	margin: 0px auto;
	padding-top:15px;
	padding-bottom:30px;
} 

#page { padding:0px; margin: 10px auto; width:100%; max-width:1000px;}


#box { overflow:hidden;
	margin-bottom:20px;
	clear:both;
	border-left: 1px #CCCCCC solid;
	border-right: 1px #CCCCCC solid;
	border-bottom: 1px #CCCCCC solid;
	border-top: 5px solid #036;
	text-align: left;
	padding: 10px 10px;
	    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ }
	
#box_wide {padding:0px; text-align:left; clear:both; margin-bottom:15px; width:1000px; background: url(../images/common/content_bg_wide.gif) repeat-y; margin-left:3px;}
#box_inner {width:700px; margin:0px 15px; padding:0px 0px 5px 0px;}
#box_inner_wide {width:940px; margin:0px 15px; padding:0px 0px 5px 0px;}

#box h1 {
	font-size: 180%;
	color: #0a2c5e;
	padding: 0 0 0 0px;
	line-height:45px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	border-bottom:1px dotted #CCCCCC;
	

}

#box h1 span {
	float:right;
	text-align: right;
	margin-left:20px;
	font-size: 50%;
	color: #597bad;
}

.pc_lbox { margin-right:10px;}

#main_title { padding:20px 20px 0px 20px; }
#main_title span { font-size:250%; font-weight:bold;}
#main_title div { font-size:120%; margin-top:5px; }



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

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

.s_bnnr { width: 98%; }

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

/* ===========================
title
============================*/
.title01 { font-size:180%; }
.title02 { font-size:240%; }
.title03 { font-size:180%; }
#main_title .title02 span { font-size:60%; font-weight:normal; color:#000000; margin-left:20px;}

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

#top_banner { width:100%; background:url(../images/top/top_banner_bg.gif) repeat-x; height:262px; margin:0 auto;}
#top_banner_box, #top_banner_new #top_banner_box { max-width:1021px; margin:0 auto;}
#top_banner li, #top_banner_new li { width:33%; float:left;}
#top_banner li img, #top_banner_new li img { max-width:337px;}
	

.vgscript {
	width: 100%;
	height: 320px;
	overflow: auto;
}

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

.button li.100size {
	font-size: 100%;
	margin-left: 0px;
	float: left;
	width: 100%;
}

/* ===========================
online
============================*/
.online_flow dt {
	text-align:center;
	font-weight:bold;
	clear:both;
	float:left;
	background:#036;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,7db9e8+100 */
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
	color:#FFFFFF;
	padding:5px 10px;
	width:15%;
}

.online_flow dd {
	padding:5px 10px;
	 margin-left:18%;
	 margin-bottom:10px;
}



/* ===========================
house
============================*/
.house_image ul {
	margin-right:-1%;
	width: 100%;
	height:100%;
}

.house_image li {
	float:left;
	vertical-align:baseline;
	margin-right:1%;
	width: 49%;
	margin-bottom:15px;
	font-weight:bold;
	text-align:right;
}

.house_image img {
	width: 100%;
	margin-bottom:5px;
}

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

.house_image .comment {
	color: #333333;
	overflow:auto;
	font-weight:normal;
	text-align: left;
	min-height:50px;
}

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


/* ===========================
restaurant
============================*/
.restaurant_image li {
	float: left;
	margin-right:5px;
	width: 32.5%;
	border-bottom:0px dotted #CCCCCC;
	margin-bottom:5px;
	overflow:auto;
	height:100%;
}

.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 {
	color: #333333;
	overflow:auto;
}

.restaurant_logo img {
	float:right;
	width:100%;
	max-width:300px;
	margin-right:5%;
}

.drink_menu li {
	float: left;
	width: 47%;
	border-bottom: 1px #CCCCCC dotted;
	padding: 3px;
	margin-bottom: 5px;
	margin-right: 10px;
}

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

/* ===========================
course
============================*/

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

.course_list li a {
	background: url(../images/common/arrow01.gif) left no-repeat;
	padding-left:22px;
	font-size: 120%;
	display: block;
}


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

.event { border:3px solid #efefef; padding:25px 15px; margin-bottom:10px; overflow:auto;}
.event_title { font-size:160%; font-weight:bold; color:#39C; margin-bottom:10px; line-height:150%;}
.event_catch { font-size:130%; font-weight:bold; margin-bottom:10px;}
.event_detail01 { float:left; background:#3C6; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail02 { float:left; background:#cccccc; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:5px;}
.event_detail03 { float:left; background:#218af4; padding: 1px 3px; color:#FFFFFF; margin-right:1px; margin-bottom:5px; font-size:90%;}

.contents_box_sliker {
	width: 100%;
	margin: 0px auto 0px;
	background:#FFFFFF; max-width:1021px;
	 
}
.contents_box_sliker div {
	margin-right:0px;
	margin-top:10px;
	 
}
.contents_box_sliker .responsive img {
	width: 90%;
	border:1px solid #CCCCCC; padding:10px; 
 	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	max-width:337px;
	 
}

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

}