@charset "UTF-8";
	.s_ele {
	    border: 1px solid #aaaeb7;
	    border: none;
	    padding: 4px;
	    box-sizing: border-box;
	}
	.white .color{
		color:#0B5060;
	}
	.athome_txt{
		font-size: 0.9rem;
	}
	.athome_tel{
		font-family: 'NotoSansJP-Black';
		font-weight: bold;
	    line-height: 1;
	}
	/*------------------------------------------------
		header
	------------------------------------------------*/
	.h_ttl_item{
		display:inline-block;
    	vertical-align: top;
	}
	#h_ttl_txt{
		font-size: 80%;
		color:#fff;
		text-align:center;
	}
	#h_sub_ttl{
		margin-left: 2px;
		margin-top:8px;
	}
	.h_tool_item .s_ele{
		width: 10em;
	}
	#translate_note{
		width:11em;
	}
	#contents_bg{
		display:none;
	}
	/*------------------------------------------------
		nav
	------------------------------------------------*/
	#gnav{
	}
		.white #gnav{
			background-color:#fad33d;
		}

	.gnav_item:first-child{
		border-left:none;
	}
	.gnav_item{
		border-right:none;
	}
	.h_nav_link{
	    color: #6f4e2f;
	}
	.h_nav_link:hover{
		background-color:#fce58b;
	}
	.nav_link{
		text-decoration:none;
	}
	.nav_link:before{
		content:" ／";
	}
	.f_r_nav_item:first-child .nav_link:before{
		display:none;
	}
	/*------------------------------------------------
		footer
	------------------------------------------------*/
	#f_r_box{
		padding:12px;
		box-sizing:border-box;
		margin-bottom:28px;
	}
		.white #f_r_box{
			background-color:#fff;
		}
		.black #f_r_box{
			border:1px solid #fff700;
		}
		.yellow #f_r_box{
			border:1px solid #000;
		}
		.blue #f_r_box{
			border:1px solid #fff700;
		}

	#f_r_l{
		text-align:center;
		padding:4px;
		box-sizing:border-box;
	}
		.white f_r_l{
			color: #553d28;
			background-color:#d2edf6;
		}

	#f_r_l_ttl{
		font-size:1.3em;
	}
	#f_r_l_txt{
		font-size:0.85em;
	}
	#f_r_r_tel{
		margin-top:4px;
		font-size:2em;
	}
	#f_r_r_tel_txt{
		margin-left:8px;
	}
	#f_copyright{
		margin-top: 40px;
		text-align:center;
	}
	.white #f_copyright{
		background-color:#2b6171;
	}
@media print, screen and (min-width: 960px){
	/*------------------------------------------------
		header
	------------------------------------------------*/
	#h_top{
		margin: 4px 1%;
	}
	#h_tool{
		margin-top:8px;
	}
	/*------------------------------------------------
		footer
	------------------------------------------------*/
	#f_r_r{
		text-align:left;
	}
	#f_nav_wrapper{
	}
}
@media print, screen and (max-width: 959px){
	.s_ele {
	    width: 85% !important;
	}
	#h_wrapper {
	    padding-top: 12px;
	}
	#h_ttl{
	    width: 45%;
		padding:0px;
	}
	#h_tool{
		width:auto;
		position:relative;
		top:0px;
		margin-left:0%;
	}
}