/* タブレットだけに適用するCSS */

body{
	font-size: auto;
}
#nav_wrap{


}

div#site_wrap{
	padding-top: 42px; /* Navメニューのずれを調整するため */
	width: 100% ;
	display: block;
}

div#header_wrap{
}
	div#logo_wrap {
		width: 30%;
	}
	div#logo {
		display: none;
	}

	div#logo_mobi {
		position: absolute;
		display: block;
		margin: 5px;
		height: 30px;
		width: 30px;
		z-index: 9999;
	}
		div#logo_mobi a {
			display: block;
			height: 100%;
			width: 100%;
			margin: 0;
			text-decoration: none;
			text-indent: -1500px;
			overflow: hidden;
			z-index: 9999;
			background: url(/images/logo_mobi.png);
			background-image: url(/images/logo_mobi.svg), none;
			background-repeat:no-repeat;
			background-size:cover;
		}
		div#logo_mobi a:hover{
			filter: alpha(opacity=75);
			opacity:0.75;
		}



	/* ############# Header Map and Guide ############# */
	div#header_wrap div#header_map_guide_wrap{
		width: 40%;
	}
		div#header_wrap div#header_map_guide{
		}
		div#header_wrap div#header_map_guide ul{
		}
		div#header_wrap div#header_map_guide ul li{
		}
		div#header_wrap div#header_map_guide ul li a{
/*
			width: 60px;
			height: 60px;
*/
		}
		div#header_wrap div#header_map_guide ul li a:hover{
		}
		div#header_wrap div#header_map_guide ul li#h_map a {
		}
		div#header_wrap div#header_map_guide ul li#h_guide a {
		}
	/* ############# Header Map and Guide ############# */

	/* ############# Header SNS ############# */
	div#header_wrap div#header_sns_wrap{
		width: 30%;
	}
		div#header_wrap div#header_sns{
		}
		div#header_wrap div#header_sns ul{
		}
		div#header_wrap div#header_sns ul li{
		}
		div#header_wrap div#header_sns ul li a{
/*
			width: 25px;
			height: 25px;
*/
		}
		div#header_wrap div#header_sns ul li a:hover{
		}
		div#header_wrap div#header_sns ul li#icon_facebook a {
		}
		div#header_wrap div#header_sns ul li#icon_twitter a {
		}
		div#header_wrap div#header_sns ul li#icon_flickr a {
		}
		div#header_wrap div#header_sns ul li#icon_youtube a {
		}
	/* ############# Header SNS ############# */


/* ############# トップページ用 ############# */
div#t_outer_wrap{
	width: 100%;
	display: block;
}

	#t_left_wrap {
		width: 100% ;
		float: none;
		display: block;
	}
	#t_center_wrap {
		width: 100%;
		padding: 0px;
		float: none;
		display: block;
	}

#t_right_wrap {
	width: 100% ;
	float: none;
	display: block;
}

/* ############# 他ページ用 ############# */

#o_main_wrap {
	width: 100% ;
	float: none;
	display: block;
}
#o_side_wrap {
	width: 100%;
	padding: 0px;
	float: none;
	display: block;
}
#o_full_wrap {
	width: 100%;
	display: block;
}

#o_half_wrap {
	width: 100%;
	float: none;
	display: block;
}





div#footer_wrap{
}

	div#footer{
	}


		div#footer div#footer_menu_wrap{
			float: none;
			width: 100%;
		}
		div#footer div#footer_menu_wrapS{
			float: none;
			width: 100%;
		}



/* ############# SIDE MENU ############# */

	/* リンクを２回クリックしないとならない問題解決のため */
	div.subMenu ul.menu li a:hover:before {
		content: none;
		position: static;
	}
/* ############# SIDE MENU ############# */

/* ############# SIDE MENU BANNER ############# */
#bnWrap{
}

	#bnWrap ul {
	}

	#bnWrap ul li {
		width: 50%;
		padding :0.2%;
		margin: 0;
		display: inline-block;
		/display: inline;  /* IE用ハック */
		/zoom: 1;  /* IE用ハック */
	}

/* ############# SIDE MENU BANNER ############# */



/* ############# Go To Top ############# */
#pageTop {
}

#pageTop a {
	border-radius: 3px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	font-size: 100%;
}
#pageTop a::before,
#pageTop a::after{
}
#pageTop a::before{
	width: 10px;
	height: 10px;
}
/* ############# Go To Top ############# */

/* ############# Contact Button ############# */
#contact_btn {
	right: auto;
	bottom: auto; /*PC版の設定が bottom のためリセットしないとリンクがクリックできない*/
	top: 6px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

#contact_btn a {
	background-color: rgba(0, 120, 184, 0.8);

	font-size: 86%;

	border-radius: 3px; 
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
#contact_btn a::before{
}
#contact_btn a:hover {
}
/* ############# Contact Button ############# */


img{
	max-width: 100%;
	height: auto;
	display: block;
}




/* ############# textBox ############# */

/* hiding on mobile or tablet */
span.view_mode.p:not(.t){
	display: none;
}
/* ############# textBox ############# */


/* ############# CAPTCHA ############# */
div.captcha{
}
	div.captcha p.sTitle{
	}
	div.captcha img{
	}
	div.captcha input.secucode{
	}

/* ############# CAPTCHA ############# */




/* ############# MSG TEXT BOX ############# */
div.err_msg_box{
}


	div.err_msg_box .link a,
	div.msg_box .link a{
		width: 100%;
	}

/* ############# MSG TEXT BOX ############# */