/*
Theme Name: twentyseventeen-index
Template: twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
*/

/* ‹¤’Ê */
html{
	background:#fafafa;
}
body{
	color:#222;
}
a,a:hover{
	text-decoration:none;
}
.wrap{
	padding:0;
	margin:0 auto;
}
.left{
	background-image:url(/images/index/2019/top01_back.png);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:bottom center;
	padding:1em 1em;
}
.right{
	background-image:url(/images/index/2019/top02_back.jpg);
	background-repeat:no-repeat;
	background-size:100% 100%;
	background-position:bottom center;
	padding:1em 1em;
}
.left img{
	width:96%;
	height:auto;
}
.right img{
	width:66%;
	height:auto;
}
.link{
	margin:0 auto;
	width:16em;
}
.link a{
	padding:0.5em 4em;
#	border:solid 1px #fff;
	text-align:center;
	color:#fff;
}

.left .link a{
	background:url(/images/genki/icon_white.png) no-repeat 12px center #33AD00;
}
.right .link a{
	background:url(/images/genki/icon_white.png) no-repeat 12px center #ff0062;
}
.social-navigation{
	text-align:center;
	margin:0;
}
.social-navigation .f_line_btn a,
.social-navigation .f_line_btn a img{
	margin:0;
	padding:0;
	height:34px;
	width:34px;
	vertical-align:bottom;
}
.social-navigation a{
	background:none;
	margin:0;
}
.social-navigation a:hover,
.social-navigation a:focus,
.social-navigation a:active{
	background-color:#fff;
}
.social-navigation .f_line_btn a img{
	border:solid 1px #fff;
}
.social-navigation .f_line_btn a img{
	border-radius:8px;
}
.social-navigation .social_btn{
	display:inline-block;
}
.social-navigation .social_btn a.a2a_button_line span,
.social-navigation .social_btn a.a2a_button_facebook span,
.social-navigation .social_btn a.a2a_button_twitter span,
.social-navigation .social_btn a.a2a_button_instagram span,
.social-navigation .social_btn a.a2a_button_youtube_channel span,
.social-navigation .f_line_btn a img{
	border:solid 1px #fff;
}
.site-info{
	font-size:70%;
	margin:0 1em;
}

@media screen and (min-width: 48em){
	.left,.right{
		float:left;
		width:500px;
		height:460px;
		margin:0 auto;
		padding:0;
		text-align:center;
		position:relative;
	}
	.left h1,
	.right h1,
	.text,
	.link{
		position:absolute;
		margin:0;
		width:500px;
	}
	.left h1{
		top:60px;
	}
	.right h1{
		top:20px;
	}
	.left img{
		width:450px;
		height:184px;
	}
	.right img{
		width:296px;
		height:188px;
	}
	.right .text img{
		height:18px;
	}
	.text{
		top:230px;
	}
	.link{
		bottom:160px;
	}
	.social-navigation{
		width:100%;
		text-align:right;
		margin:0;
		float:none;
	}
	.social-navigation a{
		margin:0 1em 0.5em 0;
	}
	.social-navigation .f_line_btn{
		margin-right:1em;
	}
	.f_line_btn a:hover,
	.link a:hover{
  		opacity: 0.75;
	}
	.custom-header_top{
		max-width:1000px;
		padding:1.5em 0 1.5em 1.5em;
		margin:0 auto;
		float:none;
	}
	.custom-header_top_right{
		float:right;
		width:30%;
		margin:0;
	}
	.social-navigation + .site-info{
		margin-left:0;
	}
	.site-info{
		width:100%;
		text-align:right;
	}
	footer{
		clear:both;
		background:#fafafa;
	}
	.site-footer{
		margin-top:0;
	}
}
@media screen and (max-width: 48em){
	.custom-header_top_right{
		margin:10px 0 3px 0;
	}
	.left{
		padding:2em 0;
	}
	.right{
		padding:1em 0;
	}
	h1,.link,.text{
		width:100%;
		text-align:center;
		margin:0 auto;
	}
	.link{
		margin:5% 0 24% 0;
	}
}