/* vim:set ts=4 sts=4 sw=4 bs=2 ai si noet nu ff=dos ft=css: */
/* $Id$ */
/* Last Change: 11-June-2019 19:02:31. */

@media screen and (max-width: 768px) {

#container {
	width: 768px;
	font-size: 120%;
}

.subpage #h_title {
	left: -190px;
}

	#h_navi {
		margin-top: 6px;
		min-height: auto;
	}
	
	
	#h_navi_0,
	#h_navi_2
	{
		display: block;
		max-width: auto;
		height: auto;
	}
	
	#h_navi_0 {
		border-bottom: 0;
	}
	
	#h_navi_0 > li 
	{
		display: block;
		max-width: 100%;
		margin-top: 6px;
		width: 100%;
		padding: 1.5em 0;
		height: auto;
		text-align: center;
		border-bottom: 1px dotted #b2884f;
	}
	
	#h_navi_0 li#h_navi_menu
	{
		max-width: 100%;
		width: 100%;
		padding: 0;
		display: none;
	}
	
	#h_navi_1,
	#h_navi_2 {
		display: block;
		width: 100%;
	}
	
	#h_navi_icon_0 {
		font-size: 1.2em;
	}
	
	#h_navi_1 li,
	#h_navi_2 li {
		display: block;
		max-width: 100%;
		width: 100%;
		padding: 1.5em 0;
		height: auto;
		text-align: left;
		border-bottom: 1px dotted #b2884f;
		font-size: 1.2em;
	}
	
	#h_navi_1 li:last-child {
		border-bottom: none;
	}
	
	#h_navi a br {
		display: none;
	}
	
	#h_navi a {
		position: relative;
		padding-left: 2em;
	}
	
	#h_navi_icon_1 a:before {
		background: url(/images/common/h_menu_icon_1.png) no-repeat;
	}
	
	#h_navi_icon_2 a:before {
		background: url(/images/common/h_menu_icon_2.png) no-repeat;
	}
	
	#h_navi_icon_3 a:before {
		background: url(/images/common/h_menu_icon_3.png) no-repeat;
	}
	
	#h_navi_icon_4 a:before {
		background: url(/images/common/h_menu_icon_4.png) no-repeat;
	}
	
	#h_navi_icon_5 a:before {
		background: url(/images/common/h_menu_icon_5.png) no-repeat;
	}
	
	#h_navi_icon_6 a:before {
		background: url(/images/common/h_menu_icon_6.png) no-repeat;
	}
	
	#h_navi_icon_7 a:before {
		background: url(/images/common/h_menu_icon_7.png) no-repeat;
	}
	
	#h_navi_icon_8 a:before {
		background: url(/images/common/h_menu_icon_8.png) no-repeat;
	}
	
	#h_navi_icon_9 a:before {
		background: url(/images/common/h_menu_icon_9.png) no-repeat;
	}
	
	#h_navi a:before {
		content: "";
		width: 100%;
		height: 25px;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto 0;
		background-position: 1% center;
	}
	
	#h_navi_icon_0 a {
		padding-left: 0;
	}
	
	#h_navi_icon_0 a:before {
		position: relative;
		content: "";
		width: 100%;
		height: 25px;
		display: block;
		background-position: center top;
	}
	
	.subpage .c_lead img {
		width: 100%;
		height: auto;
	}


#footer {
	height: 400px;
}

#f_box .pict0,
#f_box .pict1,
#f_box .pict3
{
	display: none;
}


#f_profile {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 120%;
}

#f_navi {
	display: none;
}

#f_navi_box {
	display: none;
}


}