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

/* ===========================
header
============================*/
/*#header{ width:100%; }
#header_container { margin: 0 auto; width: 100%; padding-top: 0px; height:100%; }
#header .logo { text-align: center; padding: 0px 0 0px; }
#header .logo img { width: 100%; height: auto; max-width: 518px; }*/

/* IE8
#header_container .logo img { max-width:100%; width: auto\9; } */

/*#header_box { width:100%; }
#header_box .tel_fax { width:100%; text-align: center; }
#header_box .tel_fax img { display:none; }
#header_box .h_address { display:none; }*/

#header{ width:100%; }
#header_container {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;				
		-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;
}
#header .logo { text-align: center; padding: 0; }
#header .logo img { width: 100%; height: auto; max-width: 451px; }

#header_box { width:100%; }
#header_box .tel_fax { width:100%; text-align: right; }
#header_box .tel_fax img { margin:0.5em 0.5em 0; }
#header_box .h_address { display:none; }
    
#header_box02 { width:100%; text-align: center; }
#header_box02 .mitsui_logo { width:100%; margin: 10px auto 0;text-align: center;  }
#header_box02 .mitsui_logo img {width:100%;max-width:220px;}
#header_box02 .h_address {	display:none; }



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


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

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

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

#s_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 {
	clear:both;
	width:100%;
	background:#effded;	
	color:#336633;
}

#footer_box {
	padding:10px;
	text-align:center;
	margin: 0 auto;
	max-width: 1000px;}

#footer a {
	color:#336633;
	text-decoration: none;
	font-size:95%;
}

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

#c_info {
	text-align:center;
	padding:15px 0px;
	margin:0 auto;
}

#footer_box .f_menu {
	width: 100%;
	margin-right: 0px;
	font-size:100%;
	padding-top:20px;
}

#c_info .c_name {
	text-align:center;
}

#footer_box .copyright {
	bottom:15px;
	text-align:center;
	font-size: 82%;
}

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

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

.contents {
	max-width: 750px;
	padding: 5px;
}

.m_contents {
	float: left;
	width: 100%;
	padding: 0px 0px 15px;
}

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

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

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

.m_contents_right img { width:100%;}
.m_contents_right02 img { width:100%;}


.page_banner {border-top: 2px solid #efefef; border-bottom: 0px solid #cccccc; padding:10px 0px; text-align:center; width:100%; clear:both; margin:10px auto;}
    .page_banner img {margin-bottom:10px; margin-right: 5px;}


.yoyaku_box { border:5px solid #d8cdb4; padding:10px; color:#330000; display:block; text-align:center; overflow:auto;}
.yoyaku_box .title { font-weight:bold; font-size:150%; text-align:left; clear:both; padding-top:0px; padding-left:20px; line-height:160%; }
.yoyaku_box .phone { font-weight:bold; font-size:130%; text-align:left; clear:both; padding-top:0px; padding-left:20px; line-height:130%; }
.yoyaku_box .mail { margin-top:3px; font-weight:bold; font-size:110%; text-align:left; clear:both; padding-top:0px; padding-left:20px; line-height:120%; }
.yoyaku_box img { display:none;}
.yoyaku_box .info { font-weight:normal; font-size:110%; text-align:left; clear:both; padding-top:5px; padding-left:20px;  border-top:1px dotted #CCCCCC; margin-top:5px;}

.mitsui_box {border-top: 0px solid #efefef; padding:0px; text-align:center; clear:both; margin:10px auto;}
.mitsui_box img { margin-right:15px; width:100%; max-width:350px;}
.mitsui_box .title { font-weight:bold; font-size:150%; color:#336633; margin:10px auto;}



#main_title { padding:20px 20px 5px; color:#04834b; }
#main_title span { font-size:180%; font-weight:bold;}
#main_title div { font-size:100%; margin-top:5px; }

.t04 {
	width:100%;
}


/* ===========================
setting
============================*/
#container h1 {
	font-size: 140%;
	color: #336633;
	padding: 0 0 0 0px;
	line-height:30px;
		margin-top:20px;
}

#container h1 span {
		display: none;
}

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

.pagelink {
	margin: 15px 0;
	text-align: right;
	font-size: 106%;
}


/* ===========================
tab
============================*/
.tab_nav ul { width: 100%; }

.tab_nav li {
	float: left;
	margin-top: 15px;
	width: 33%;
}

.tab_nav .select {
	margin-top: 0;
}

.tab_nav .select a {
	text-align:center;
	font-size: 124%;
	padding: 0 10px;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF;
	color: #d40101;
	font-weight: bold;
	border-top : 1px #CCCCCC solid;
	border-left : 1px #CCCCCC solid;
	border-right : 1px #CCCCCC solid;
}

.tab_nav li a {
	display: block;
	font-size: 100%;
	height: 35px;
	padding: 0 10px;
	line-height: 35px;
	text-decoration: none;
	color: #FFFFFF;
	text-align:center;
	overflow: hidden;
}

.tab_nav li a:hover {
	background: #d40101;
	color: #FFFFFF;
}


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

.script_normal {
	display: none;
} 


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

.top_photo { width:100%; float:left; text-align:left;}
.top_photo img { width:100%; margin-bottom:3px;}
.top_photo span { font-size: 200%; color:#a37e39; font-family:Georgia, "Times New Roman", Times, serif;  }
.top_photo a { color:#a37e39; text-decoration:none; }
.top_photo a:hover { color:#a9905f; }

.news ul { 
	border-top: 0px #CCCCCC dotted;}
	
.news li {
	color:#ffffff;
	border-bottom: 1px #CCCCCC dotted;
	padding: 10px 20px 10px 0px;}

.news li a {
	font-size: 100%;
	color:#000000;
}

.news li span {
	float: left;
	font-size: 88%;
	color:#000000;
	padding-right:10px;
}

.top_event { margin-bottom:15px; background:url(../images/top/icon_event.png) no-repeat; padding-left:75px; min-height:70px; padding-top:3px;}
.top_fee { margin-bottom:15px; background:url(../images/top/icon_fee.png) no-repeat; padding-left:75px; min-height:70px; padding-top:3px;}
.top_res {margin-bottom:15px; background:url(../images/top/icon_restaurant.png) no-repeat; padding-left:75px; min-height:70px; padding-top:3px;}

.top_2col { float:left; width:49%; margin-top:10px;}
.top_2col img{ max-width:240px;}

.top_icon { float:left; width:33%;}
.top_icon img{ max-width:145px;}


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

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

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

.t_course td {
	border: 1px #B3B8BB solid;
	text-align: center;
	font-size:88%;
	padding: 2px 2px;
}

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

.course_image img {
	width: 100%;
}

.course_image a {
	pointer-events:none;
}


#hole img { width:100%;}
.hole_title { font-size:24px; color:#15431e; border-bottom:1px dotted #15431e; 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 {
	background: url(../images/common/arrow01.gif) left no-repeat;
	padding-left:22px;
	font-size: 120%;
	display: block;
}

.c_layout img {
	width: 100%;
}

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

.house_image img {
	width:100%;
}

.house_image p {
	font-size: 100%;
	padding-top: 5px;
	text-align: center;
}

.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%;
}

.image_25 img {
	width: 100%;
	max-width:500px;
}

.button_res a {
	clear:both;
	text-align: center;
	display: block;
	padding: 20px 0px;
	color: #012745;
	text-decoration: none;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    border-radius: 13px;
	font-weight: bold;
	border: 1px #999999 solid;
	margin:5px 0px;
	width: 100%;

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

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

.button_res a:hover {
	margin:5px 0px;
	background:#effded;
	color: #336633;
}



/* ===========================
event
============================*/
.event { border:3px solid #efefef; padding:20px; margin-bottom:15px; clear:both;}
.event img { width:100%; max-width:700px;}
.event_title { font-size:150%; font-weight:bold; color:#04834b; margin-bottom:10px; line-height:130%;}
.event_catch { font-size:120%; font-weight:bold; margin-bottom:10px;}
.event_detail01 { float:left; background:#277903; padding: 5px; color:#FFFFFF; margin-right:5px; margin-bottom:3px;}
.event_detail02 { float:left; background:#cccccc; padding: 5px; color:#FFFFFF; margin-right:5px;}

/* ===========================
comp
============================*/
.comp { border:3px solid #efefef; padding:20px; margin-bottom:15px; clear:both;}
.comp_title01 { font-size:140%; font-weight:bold; color:#45719e; margin-bottom:10px; line-height:150%; color:#d04242; background:#fddfdf; padding:3px;}
.comp_title02 { font-size:140%; font-weight:bold; color:#45719e; margin-bottom:10px; line-height:150%; color:#40a01f; background:#e5fddc; padding:3px;}
.comp_title03 { font-size:140%; font-weight:bold; color:#45719e; margin-bottom:10px; line-height:150%; color:#4c210c; background:#fdf5dc; padding:3px;}
.comp_catch { font-size:130%; font-weight:bold; margin-bottom:10px;}


/* ===========================
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: 100%;
	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%;
}

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

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

.menu_list li p {
	margin-top:5px;
	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;}


.res_navi li a {
	float: left;
	width: 49%;
	padding:5px 0px;
	border-right: 1px #CCCCCC dotted;
	padding: 3px 0;
	margin-bottom: 5px;
	font-size: 90%;
	text-align:center;
	background:#effded;
	color:#336633;
	vertical-align:middle;
	text-decoration:none;
}


/* ===========================
button
============================*/
.button04 {
	width: 100%;
	text-align: center;
	margin:10px auto;
}

.button04 li {
	margin-left: 3px;
	margin-bottom: 3px;
	float: left;
	width: 47%;
	font-size:65%;
}


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

/* ===========================
access
============================*/
.google-maps {
	position: relative;
  padding-bottom: 50%;
	overflow: hidden;
	max-height:300px;
	margin-top:20px;
}
.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 { width:100%;}
.image_right{ width:100%;}

/* ===========================
rule
============================*/
.at_00 {
	text-align:left;
	margin:auto;
}
.at_01 {
	padding-top:20px;
	clear:both;
}
.at_02 {
	float:left;
}
.at_03 {
	float:left;
	text-align:left;
}

/* ===========================
font
============================*/
.f10 { font-size: 62%; }
.f11 { font-size: 68%; }
.f12 { font-size: 74%; }
.f13 { font-size: 80%; }
.f14 { font-size: 86%; }
.f15 { font-size: 92%; }
.f16 { font-size: 98%; }
.f17 { font-size: 104%; }
.f18 { font-size: 110%; }
.f19 { font-size: 116%; }
.f20 { font-size: 122%; line-height:122%; }
.f21 { font-size: 128%; }
.f22 { font-size: 134%; }
.f23 { font-size: 140%; }
.f24 { font-size: 146%; }
.f25 { font-size: 152%; }
.fwb { font-weight: bold; }
.f_mincho { font-family:Georgia, "Times New Roman", Times, serif; }


/* ===========================
recruit
============================*/
.c_box_01, .c_box_02 {
	float: left;
	width: 100%;
}
.c_box_03 {
	width: 100%;
}