@charset "UTF-8";

/* ===============================
	base
 =============================== */
*,
::before,
::after {
	background-repeat: no-repeat; /* 1 */
	box-sizing: inherit; /* 2 */
}

html {
	font-size: 62.5%; /* sets the base font to 10px for easier math */
	box-sizing: border-box; /* 1 */
}

main {
	font-size: 1.6rem;
	line-height: 1.4;
	color: #434343;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

img {
	vertical-align: bottom;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-weight: inherit;
}

p, ul, li {
	margin: 0;
	/* Android・文字サイズ対応 */
	max-height: 9999px;
	/* Android・文字の折り返し対応 */
	background: transparent;
}

a {
	color: #434343;
	text-decoration: underline;
	/* スマホのハイライトデザインを無効にする */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:hover {
	text-decoration: none;
}

:focus {
	outline: none;
}

.mo a img {
	background-color: rgba(255, 255, 255, .01);
}


/* ================================
	PC / Tab Style
================================ */
@media print , screen and (min-width: 481px) {
	.l-header, main, .l-footer {
		min-width: 980px;
	}
	.pc {
		display: block !important;
	}
	.sp {
		display: none !important;
	}
	.pcCenter {
		text-align: center;
	}
	.baseWidth {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}
}

/* ================================
	Mobile Style
================================ */
@media screen and (max-width: 480px) {
	html {
		font-size: 2.667vw;
	}
	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}
	.baseWidth {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
}


@media screen {
	.hover a, a.hover {
		transition: 0.5s ease 0s;
		-webkit-transition: 0.5s ease 0s;
		-moz-transition: 0.5s ease 0s;
		-ms-transition: 0.5s ease 0s;
	}
	.hover a:hover, a.hover:hover {
		opacity: 0.6;
		-webkit-opacity: 0.6;
		-moz-opacity: 0.6;
		filter: alpha(opacity = 60);
		-ms-filter: "alpha(opacity=60)";
	}
}