@charset "utf-8";

/* --------------------------------------------------------
共通 common.css
-------------------------------------------------------- */

html {
	overflow-y: scroll;
	font-size: 62.5%;
}

body {
	position: relative;
	font-family: "M PLUS Rounded 1c", sans-serif;
	font-weight: 400;
	font-size: 10px;
	font-size: 1.0rem;
	color: #333;
	height: 100%;
	-webkit-text-size-adjust: none;
}


a {
	color: #333;
	text-decoration: underline;
	transition-duration: 0.5s;
	transition-timing-function: ease-in-out;
}
a:hover {
	text-decoration: none;
	opacity: 0.8;
}


.clear {
	clear: both;
}


.disp-in {
	display: inline;
}
.disp-in-blk {
	display: inline-block;
}
.disp-blk {
	display: block;
}


.indent {
	padding-left: 1em;
	text-indent: -1em;
}
span.indent, strong.indent {
	display: inline-block;
}


.txt-r {
	text-align: right;
}
.txt-c {
	text-align: center;
}
.txt-l {
	text-align: left;
}

.bold {
	font-weight: 600;
}
.bolder {
	font-weight: 800;
}





.mlr1em {
	margin-right: 1em;
	margin-left: 1em;
}
.mlr2em {
	margin-right: 2em;
	margin-left: 2em;
}
.mrhem {
	margin-right: 0.5em;
}
.mr1em {
	margin-right: 1em;
}
.mr1hem {
	margin-right: 1.5em;
}
.mr2em {
	margin-right: 2em;
}
.mr2hem {
	margin-right: 2.5em;
}
.mr3em {
	margin-right: 3em;
}
.mlhem {
	margin-left: 0.5em;
}
.ml1em {
	margin-left: 1em;
}
.ml1hem {
	margin-left: 1.5em;
}
.ml2em {
	margin-left: 2em;
}
.ml2hem {
	margin-left: 2.5em;
}
.ml3em {
	margin-left: 3em;
}



.plr1em {
	padding-right: 1em;
	padding-left: 1em;
}
.plr2em {
	padding-right: 2em;
	padding-left: 2em;
}
.pr1em {
	padding-right: 1em;
}
.pr2em {
	padding-right: 2em;
}
.pl1em {
	padding-left: 1em;
}
.pl2em {
	padding-left: 2em;
}


.mt0 {margin-top:0; !important;}
.mt5 {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;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}

.mr0 {margin-right:0; !important;}
.mr2 {margin-right:2px; !important;}
.mr3 {margin-right:3px; !important;}
.mr5 {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;}

.mb0 {margin-bottom:0 !important;}
.mb5 {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;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}

.ml0 {margin-left:0; !important;}
.ml2 {margin-left:2px; !important;}
.ml3 {margin-left:3px; !important;}
.ml5 {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;}


.pt0 {padding-top:0; !important;}
.pt5 {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;}

.pr0 {padding-right:0; !important;}
.pr2 {padding-right:2px; !important;}
.pr3 {padding-right:3px; !important;}
.pr5 {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;}

.pb0 {padding-bottom:0 !important;}
.pb5 {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;}

.pl0 {padding-left:0; !important;}
.pl2 {padding-left:2px; !important;}
.pl3 {padding-left:3px; !important;}
.pl5 {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;}





/******************************
floatClearHack
******************************/
.clearfix {zoom: 1;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;line-height: 0;visibility: hidden;}