@charset "utf-8";

/* ========================================================
	base.css => 共通基本CSS
======================================================== */

/* reset
============================================================================================================ */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
table {
	font-size: 100%;
	font-family: inherit;
}
fieldset, img {
	border: 0;
}
img {
	vertical-align: middle;
}
address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}
select, input, textarea {
	font-size: 100%;
}
header,footer,nav,section,article,figure,aside {
	display: block;
}

button{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}


/* ClearFix
============================================================================================================ */
.clearfix,
.row {
	zoom: 1;
}
.clearfix:after,
.row:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}


/* float
============================================================================================================ */
.fl {float: left;}
.fr {float: right;}

/* block_center
============================================================================================================ */
.bc{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

/* text-align
============================================================================================================ */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}



/* font size
============================================================================================================ */
.fz10 {font-size: 10px; font-size: 1.0rem;}
.fz11 {font-size: 11px; font-size: 1.1rem;}
.fz12 {font-size: 12px; font-size: 1.2rem;}
.fz13 {font-size: 13px; font-size: 1.3rem;}
.fz14 {font-size: 14px; font-size: 1.4rem;}
.fz15 {font-size: 15px; font-size: 1.5rem;}
.fz16 {font-size: 16px; font-size: 1.6rem;}
.fz17 {font-size: 17px; font-size: 1.7rem;}
.fz18 {font-size: 18px; font-size: 1.8rem;}
.fz19 {font-size: 19px; font-size: 1.9rem;}
.fz20 {font-size: 20px; font-size: 2.0rem;}

.fz_s {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.fz_m {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.7;
}
.fz_l {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.7;
}
.fz_ll {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1.6;
}
@media screen and (max-width: 960px) {
	.fz_s { font-size: 1.1rem; }
	.fz_m { font-size: 1.3rem; }
	.fz_l { font-size: 1.5rem; }
	.fz_ll { font-size: 1.8rem; }
}

/* font weight
============================================================================================================ */
.fwb{ font-weight: bold; }
.fwn { font-weight: normal !important; }


/* background color
============================================================================================================ */
.bg_r_gray { background: #EAEAEA; }