@charset "utf-8";
/* CSS Document */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	color:#444;
	font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 15px;
	line-height: 30px;
	font-style:normal;
	-webkit-text-size-adjust:100%;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
	display:block;
}
ul, ol{
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration: none;
	outline: none;
	border: none;
	border-bottom: 1px solid #118ce2;
	color: #118ce2;
}
@media screen and (min-width: 769px) {
	a:hover {
		border-bottom: none
	}
	.hover img{
		-moz-backface-visibility: hidden;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-moz-transition: all .3s;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	.hover:hover img{
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		-khtml-opacity:0.8;
		opacity:0.8;
	}
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;   
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}
img{
	max-width:100%;
	height:auto;
	vertical-align:middle;
}
iframe{
	border: none;
}

/*==================================================================
	Text setting
===================================================================*/
.fs10{ font-size:10px; }
.fs11{ font-size:11px; }
.fs12{ font-size:12px; }
.fs13{ font-size:13px; }
.fs15{ font-size:15px; }
.fs16{ font-size:16px; }
.fs17{ font-size:17px; }
.fs18{ font-size:18px; }
.fs19{ font-size:19px; }
.fs20{ font-size:20px; }

strong, b, em{ font-weight:bold; }
sup{ vertical-align: text-top; }
sub{ vertical-align: text-bottom; }

/*==================================================================
	Layout styles
===================================================================*/
.bold{ font-weight:bold; }

.block{ display: block;}
.inline{ display: inline-block;}

/* text-align styles
-------------------------------------------------------------------*/
.center{ text-align:center; }
.left{ text-align:left; }
.right{ text-align:right; }
.middle{ vertical-align:middle; }
@media screen and (max-width: 768px) {
	.sp-center{ text-align:center; }
	.sp-left{ text-align:left; }
	.sp-right{ text-align:right; }
}

/*float styles
-------------------------------------------------------------------*/
.fl_l{ float:left; }
.fl_r{ float:right; }

/*clear styles
-------------------------------------------------------------------*/
.clear{ clear:both; }
.clearfix{ zoom:1; }
.clearfix:after{ content:""; display:block; clear:both;}

/* margin styles
-------------------------------------------------------------------*/
.mt00{ margin-top: 0px !important; }
.mt05{ margin-top: 5px !important; }
.mt10{ margin-top:10px !important; }
.mt15{ margin-top:15px !important; }
.mt20{ margin-top:20px !important; }
.mt25{ margin-top:25px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.ml00{ margin-left: 0px !important; }
.ml05{ margin-left: 5px !important; }
.ml10{ margin-left:10px !important; }
.ml15{ margin-left:15px !important; }
.ml20{ margin-left:20px !important; }
.ml25{ margin-left:25px !important; }
.ml30{ margin-left:30px !important; }
.ml40{ margin-left:40px !important; }
.ml50{ margin-left:50px !important; }

.mr00{ margin-right: 0px !important; }
.mr05{ margin-right: 5px !important; }
.mr10{ margin-right:10px !important; }
.mr15{ margin-right:15px !important; }
.mr20{ margin-right:20px !important; }
.mr25{ margin-right:25px !important; }
.mr30{ margin-right:30px !important; }
.mr40{ margin-right:40px !important; }
.mr50{ margin-right:50px !important; }

.mb00{ margin-bottom: 0px !important; }
.mb05{ margin-bottom: 5px !important; }
.mb10{ margin-bottom:10px !important; }
.mb15{ margin-bottom:15px !important; }
.mb20{ margin-bottom:20px !important; }
.mb25{ margin-bottom:25px !important; }
.mb30{ margin-bottom:30px !important; }
.mb40{ margin-bottom:40px !important; }
.mb50{ margin-bottom:50px !important; }

/* padding styles
-------------------------------------------------------------------*/
.pt00{ padding-top: 0px !important; }
.pt05{ padding-top: 5px !important; }
.pt10{ padding-top:10px !important; }
.pt15{ padding-top:15px !important; }
.pt20{ padding-top:20px !important; }
.pt25{ padding-top:25px !important; }
.pt30{ padding-top:30px !important; }
.pt40{ padding-top:40px !important; }
.pt50{ padding-top:50px !important; }

.pl00{ padding-left: 0px !important; }
.pl05{ padding-left: 5px !important; }
.pl10{ padding-left:10px !important; }
.pl15{ padding-left:15px !important; }
.pl20{ padding-left:20px !important; }
.pl25{ padding-left:25px !important; }
.pl30{ padding-left:30px !important; }
.pl40{ padding-left:40px !important; }
.pl50{ padding-left:50px !important; }

.pr00{ padding-right: 0px !important; }
.pr05{ padding-right: 5px !important; }
.pr10{ padding-right:10px !important; }
.pr15{ padding-right:15px !important; }
.pr20{ padding-right:20px !important; }
.pr25{ padding-right:25px !important; }
.pr30{ padding-right:30px !important; }
.pr40{ padding-right:40px !important; }
.pr50{ padding-right:50px !important; }

.pb00{ padding-bottom: 0px !important; }
.pb05{ padding-bottom: 5px !important; }
.pb10{ padding-bottom:10px !important; }
.pb15{ padding-bottom:15px !important; }
.pb20{ padding-bottom:20px !important; }
.pb25{ padding-bottom:25px !important; }
.pb30{ padding-bottom:30px !important; }
.pb40{ padding-bottom:40px !important; }
.pb50{ padding-bottom:50px !important; }