/* CSS Document */
/*----- last up date 20200224 -----*/


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



/*============================*/
/*========= header ===========*/
/*============================*/


header{
	background:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-bg.png) top left repeat-x;
	position:relative;
	padding:13px 0;
	}

header h1{
	margin:0 auto 15px;
	width:856px;
	height:auto;
	}

header nav ul{
	width:1000px;
	margin:0 auto;
	}

header nav ul > li{text-align:center; position:relative;}
header nav ul > li > a{
	display:block;
	width:160px;
	height:60px;
	}

header nav ul > li:nth-child(1){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_01.png); width:114px;}
header nav ul > li:nth-child(2){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_02.png); width:142px;}
header nav ul > li:nth-child(3){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_03.png); width:160px;}
header nav ul > li:nth-child(4){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_04.png); width:145px;}
header nav ul > li:nth-child(5){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_05.png); width:125px;}
header nav ul > li:nth-child(6){background-image:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-nav_icon_06.png); width:128px;}

header nav ul > li > a:after{
	content:"";
	display:block;
	height:100%;
	width:0%;
	background:#fff;
	margin:0 auto;
	transition:0.4s;
	height:1px;
	position:absolute;
	bottom:-5px;
	left:0;
	}
	
header nav ul > li > a:hover:after{width:calc(100%);}



/*----- footer -----*/
footer{
	width:100%;
	display:block;
	background:url(https://takaradanosato.co.jp/site/wp-content/themes/takarada/img/common/h-bg.png) top left;
	position:relative;
	padding:13px 0;
	}

footer div#footerWrap{
	width:1000px;
	margin:0 auto
	}

footer div#footerWrap > *{
	width:50%;
	padding:15px;
	}
	
footer div#footerWrap > nav{
	display:flex;
	justify-content:flex-start;
	}
	
footer div#footerWrap > nav ul:nth-child(1){width:58%;}
footer div#footerWrap > nav ul:nth-child(2){width:38%;}
footer div#footerWrap > nav ul li{margin-bottom:10px; position:relative;}
footer div#footerWrap > nav ul li h3{ margin-bottom:10px;}
footer div#footerWrap > nav ul li h3 a{font-size:28px;}
footer div#footerWrap > nav ul li a{transition:0.4s; color:#fff; font-size:20px;}
footer div#footerWrap > nav ul li a:hover{text-shadow: black 2px 0px 2px, black -2px 0px 2px,black 0px -2px 2px, black -2px 0px 2px,black 2px 2px 2px, black -2px 2px 2px,black 2px -2px 2px, black -2px -2px 2px,black 1px 2px 2px, black -1px 2px 2px,black 1px -2px 2px, black -1px -2px 2px,black 2px 1px 2px, black -2px 1px 2px,black 2px -1px 2px, black -2px -1px 2px,black 1px 1px 2px, black -1px 1px 2px,black 1px -1px 2px, black -1px -1px 2px;;}
footer div#footerWrap > nav ul li a:before{content:"・";}
footer div#footerWrap > nav ul li h3 a:before{content:"";}
footer div#footerWrap > nav ul li a:after{
	content:"";
	display:block;
	height:100%;
	width:0%;
	background:#000;
	margin:0 auto;
	transition:0.4s;
	height:1px;
	position:absolute;
	bottom:-5px;
	left:0;
	}
	
footer div#footerWrap > nav ul li a:hover:after{width:calc(100%);}

footer div#footerWrap > div h1{width:100%; margin-bottom:60px;}
footer div#footerWrap > div h1 img{width:100%; height:auto;}

footer div#footerWrap > div address{
	font-style:normal;
	color:#fff;
	font-size:20px;
	}

footer div#footerWrap > div .fBnrs{align-items:center;}
footer div#footerWrap > div .fBnrs > li:nth-of-type(1){width:64%;}
footer div#footerWrap > div .fBnrs > li:nth-of-type(2){width:34%;}
footer div#footerWrap > div .fBnrs > li img{width:100%;}

small{
	text-align:center;
	display:block;
	margin:10px 0;
	width:100%;
	font-size:18px;
	}
	
	ul.fe li.toTop{
		position:fixed;
		right:20px;
		bottom:20px;
		z-index:9999;
		}
		
	ul.fe li.toTop img{
		width:100%;
		height:100%;
		}

	ul.fe.fixnav{
		width: 80px;
		position: absolute;
		left: 0;
		top: calc(100% - 380px);
		z-index:9999;
		}

ul.fe.fixnav li{
	height:60px;
	}

ul.fe.fixnav li a img{
	transition:.3s;
	transform:scale(.8);
	}

ul.fe.fixnav li a:hover{
	opacity:1;
	}

ul.fe.fixnav li a:hover img{
	transform:scale(1);
	opacity:1;
	}
		
		


}