@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
 margin: 0;
 padding: 0;
 border: 0;
 font-size: 100%;
 vertical-align:baseline;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 word-wrap: break-word;
 color: #000;
}

body {
	background-color: #f3f3f3;
	font-family: 'Noto Sans JP',   sans-serif;
	font-weight: 400;
	line-height: 1.64;
}

/* ベースフォントサイズ */
body {	font-size: 17px; }
/********* sp *********/
@media only screen and (max-width: 720px) {
body { font-size: 14px; }}

strong { font-weight: 900; }

html, body { height: 100%; }
/********* sp *********/
@media only screen and (max-width: 720px) {
html, body { height: 100vh; }
}

ul li {
	list-style-type:none;
}

img {
 width: 100%;
	vertical-align: bottom;
}

table {
 border-collapse: collapse;
 border-spacing: 0;
}

a {
	text-decoration: none;
}

/* マウスオーバーで半透明 */
a:hover,
.f-ov:hover {
 opacity: 0.7 !important;  
 filter: alpha(opacity=70) !important;
}

/* マウスオーバーで画像拡大*/
.f-ov--img {
	display: block;
	overflow: hidden;
}

.f-ov--img:hover {
	opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
}

.f-ov--img img {
display: block;
transition-duration: 0.3s;
}

.f-ov--img img:hover {
transform: scale(1.1);
transition-duration: 0.3s;
}

hr {
	border: 0;
	border-top: 1px solid #b7b7b7;
	margin: 0;
	padding: 0;
}