@charset "utf-8";

/* Base font
--------------------------------------------- */
html, body {
	width: 100%;
}
html {
	font-size: 62.5%;
}
body {
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4em;
	font-family: 'Hiragino Kaku Gothic Pro',HiraKakuPro-W3,'ヒラギノ角ゴ Pro W3','メイリオ', Meiryo,sans-serif,'MS P ゴシック';
	line-height: 1.4;
	color: #1e1e1e;
	-webkit-text-size-adjust: 100%;
}

table {
	line-height: 1.4;
}

* {
	box-sizing: border-box;
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
	-webkit-appearance: none;
}

/*ie7*/
*:first-child+html body {
	font-size:75%;
}
/*ie5-6*/
* html body {
	font-size:75%;
}


/* Color
--------------------------------------------- */
.red    { color: #e6001a; }
.green  { color: #1d7f0d; }
.gray   { color: #cfcfcf; }
.black  { color: #1e1e1e; }
.white  { color: #ffffff; }


/* link Color
--------------------------------------------- */
a {
	color: #07b0ef;
	text-decoration: none;
	transition: .5s;
}
a:hover, a:focus {
	color: #fc4744;
	text-decoration: none;
	transition: .5s;
}


/* Image
--------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.w100 {
	width: 100%;
	height: auto;
}

a img {
	transition: .5s;
    background-color: rgba(255, 255, 255, .01);
}
	a:hover img, a:focus img {
		opacity: 0.7;
		transition: .5s;
	}


/* font Style
--------------------------------------------- */
.fBold   { font-weight: bold; }
.fItalic { font-style: italic; }

.f10 { font-size: 1.0rem !important; }
.f11 { font-size: 1.1rem !important; }
.f12 { font-size: 1.2rem !important; }
.f13 { font-size: 1.3rem !important; }
.f14 { font-size: 1.4rem !important; }
.f15 { font-size: 1.5rem !important; }
.f16 { font-size: 1.6rem !important; }
.f18 { font-size: 1.8rem !important; }
.f20 { font-size: 2.0rem !important; }
.f24 { font-size: 2.4rem !important; }
.f36 { font-size: 3.6rem !important; }
.f48 { font-size: 4.8rem !important; }

.lh12 { line-height: 1.2 !important; }
.lh14 { line-height: 1.4 !important; }
.lh18 { line-height: 1.8 !important; }


/* clearfix
--------------------------------------------- */
.clearfix {
	display: block;
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:"";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/* float
--------------------------------------------- */
.fltL { float: left;}
.fltR { float: right;}
.ft {
	overflow: hidden;
	zoom: 1;
}
.flImgL { display: inline; float: left; margin-right: 10px;}
.flImgR { display: inline; float: right; margin-left: 10px;}


/* Margin
--------------------------------------------- */
.mt-10 { margin-top: -10px !important; }
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt08 { margin-top: 8px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt100 { margin-top:100px !important;}
.mt120 { margin-top:120px !important;}

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

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb08 { margin-bottom: 8px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb80 { margin-bottom:80px !important;}

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


@media (max-width: 767px) {
	.sm_mt10 { margin-top: 10px !important; }
	.sm_mt15 { margin-top: 15px !important; }
	.sm_mt20 { margin-top: 20px !important; }
	.sm_mt30 { margin-top: 30px !important; }
	.sm_mt40 { margin-top: 40px !important; }
	.sm_mt60 { margin-top: 60px !important; }
}


/* Padding
--------------------------------------------- */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}

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

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

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

.pall05 { padding:  5px !important; }
.pall10 { padding: 10px !important; }
.pall15 { padding: 15px !important; }
.pall20 { padding: 20px !important; }
.pall30 { padding: 30px !important; }

/* inline align
--------------------------------------------- */
.inlineL { text-align: left !important;}
.inlineC { text-align: center !important;}
.inlineR { text-align: right !important;}
.inlineJ { text-align: justify !important;}

.inlineCspL {
	text-align: center;
}
@media (max-width: 767px) {
	.inlineCspL {
		text-align: left;
	}
}

.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }


/* block align
--------------------------------------------- */
.blockC {
	text-align: center;
}
	.blockC .block {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

.blockR {
	text-align: right;
}
	.blockR .block {
		margin-left: auto;
		text-align: left;
	}


/* tools
--------------------------------------------- */
.clear {
	clear: both;
}

.sp_on {
	display: none;
}
@media (max-width: 767px) {
	.sp_on {
		display: block;
	}
}
.pc_on {
	display: block;
}
@media (max-width: 767px) {
	.pc_on {
		display: none;
	}
}

@media (max-width: 767px) {
	.sp-br {
		display: none;
		font-size: 0;
	}
}

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

.nobg {
	background: none !important;
}

.noTborder { border-top: none !important; }
.noBborder { border-bottom: none !important; }

/* margin clear */
.mcAll { margin: 0 !important;}
.mcT { margin-top: 0 !important;}
.mcR { margin-right: 0 !important;}
.mcB { margin-bottom: 0 !important;}
.mcL { margin-left: 0 !important;}

.col {
	font-size: 1.4rem;
}