@charset "utf-8";

/*-------------------------------------------------

	reset styles

-------------------------------------------------*/

HTML, BODY, DIV, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ADDRESS, UL, OL, LI, DL, DT, DD, TABLE, TH, TD, FORM, FIELDSET {margin: 0;padding: 0;}
OL, UL {padding-left:30px;}
A {outline:none 0 #000000;}
IMG {border:0;}
p{margin-left:0.5em;}

/*-------------------------------------------------

	layout base 

-------------------------------------------------*/

HTML, BODY {	height:100%;}
BODY {}


/*-------------------------------------------------

	item

-------------------------------------------------*/

.mbSS {margin-bottom:5px;}
.mbS {margin-bottom:10px;}
.mbM {margin-bottom:20px;}
.mbL {margin-bottom:40px;}

.mtS {margin-top:10px;}
.mtM {margin-top:20px;}
.mtL {margin-top:40px;}

.mlS {margin-left:10px;}

.mrS {margin-right:10px;}
.mrM {margin-right:20px;}


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

.fl_l {float:left;}
.fl_r {float:right;}
.fl_l_1 {float:left; margin-right: 1em;}


.clearfix:after {height: 0;visibility: hidden;	content: ".";display: block;	clear: both;}
.clearfix {	_height: 1px;min-height: 1px}

BR.clear {font-size: 1px;line-height: 0px;	clear: both;}
.clear{ clear:both; }

.heightparent{ display:flex; }

.ness{font-size:0.8em; color: #FF0000}

/*-------------------------------------------------

	responsive item

-------------------------------------------------*/
.br_sp{ display:none;}
@media screen and (max-width: 680px){　
.br_sp{ display:block;}
}


.pager{
	padding:5px;
	margin:20px 0 10px;
	text-align:center;
	border:#FFFFFF 2px solid;
	border-width:2px 0 2px 0;
}	

		.pager A{
			text-decoration:none;
			padding:0 0.5em;
		}