@charset "utf-8";

/* base
---------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 88%/1.5 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background: #fff;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}
ul{
	list-style-type: none;
}
img {
	border: none;
}
input,textarea,select {
	padding: 5px;
}
form {
	margin: 0;
}

select {
	padding: 10px;
}


table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}

/*div:after,
ul:after,
dl:after {
	content: "";
	display: block;
	clear: both;
}*/

.fNomal {
	font-weight: normal !important;
}

.f63 {
	font-size: 63%;
}

.f72 {
	font-size: 72%;
}

.f77 {
	font-size: 77%;
}

.f79 {
	font-size: 79%;
}

.f85 {
	font-size: 85%;
}

.f86 {
	font-size: 86%;
}

.f93 {
	font-size: 93%;
}

.f100 {
	font-size: 100%;
}

.f110 {
	font-size: 110%;
}

.f120 {
	font-size: 120% !important;
}

.f130 {
	font-size: 130% !important;
}

.f140 {
	font-size: 140% !important;
}

.f150 {
	font-size: 150% !important;
}

.f200 {
	font-size: 200% !important;
}

.f300 {
	font-size: 300% !important;
}

.f360 {
	font-size: 360% !important;
}

.f400 {
	font-size: 400% !important;
}

.w20per {
	width: 20%;
	box-sizing: border-box;
}
.w40per {
	width: 40%;
	box-sizing: border-box;
}

.w50 {
	width: 50%;
	box-sizing: border-box;
}
.w60per {
	width: 60%;
	box-sizing: border-box;
}

.w80per {
	width: 80%;
	box-sizing: border-box;
}
.w600 {
	width: 600px;
	box-sizing: border-box;
}
.w500 {
	width: 500px;
	box-sizing: border-box;
}
.w400 {
	width: 400px;
	box-sizing: border-box;
}
.w300 {
	width: 300px;
	box-sizing: border-box;
}
.w150 {
	width: 150px;
	box-sizing: border-box;
}
.w100 {
	width: 100%;
	box-sizing: border-box;
}
.w60px {
	width: 60px;
	box-sizing: border-box;
}

.h5em {
  height: 5em;
}

.h6em {
  height: 6em;
}

.h7em {
  height: 7em;
}

.h8em {
  height: 8em;
}

.h9em {
  height: 9em;
}

.h10em {
  height: 10em;
}

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

.w100 c {
  margin: auto;
}

.b {
	font-weight: bold !important;
}

.fLeft {
	float: left;
}

.fRight {
	float: right;
}

.clear {
	clear: both;
}

ul.clear:after {
	content: "";
	overflow: hidden;
	display: block;
	clear: both;
}

.relative {
	position: relative !important;
}
.absolute {
	position: absolute !important;
}

.dspTbl {
	display: table !important;
	box-sizing: border-box;
}

.dspTbl img {
	vertical-align: middle;
}

.dspTbl .cell {
	display: table-cell;
	vertical-align: middle;
}

.dspInl {
	display: inline !important;
}

.dspBlk {
	display: block !important;
}

.dspInlBlk {
	display: inline-block !important;
}

.dspFbx {
	display: flex;
	-js-display: flex;
	-webkit-align-items: center; /* Safari */
	align-items: center;
}

.dspFbx.right {
	-webkit-justify-content: flex-end; /* Safari */
	justify-content: flex-end;
}
.dspFbx.top {
	-webkit-align-items: flex-start; /* Safari */
  align-items: flex-start;
}
.dspFbx.stretch {
  -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
}
.dspFbx.wrap {
  -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;
}
.dspFbx.flex-start {
	-webkit-align-items: flex-start; /* Safari */
  align-items: flex-start;
}


.dspFbx.w100 {
  -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
}

.space-between {
	justify-content: space-between;
}
.dspFbx.center {
  justify-content:center;
}

.dspFbx.column {
 -webkit-flex-direction: column; /* Safari */
  flex-direction:         column;
}

.vmiddle {
  vertical-align: middle;
}

.mAuto {
	margin: auto;
}

.m0 {
	margin: 0px !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m18 {
	margin: 18px !important;
}

.m20 {
	margin: 20px !important;
}

.m30 {
	margin: 30px !important;
}

.mt0 {
	margin-top: 0px !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mt80 {
	margin-top: 80px !important;
}

.mb0 {
	margin-bottom: 0px !important;
}

.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.ml0 {
	margin-left: 0px !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.mr0 {
	margin-right: 0px !important;
}

.mr5 {
	margin-right: 5px !important;
}

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr-10 {
	margin-right: -10px !important;
}

.mr-20 {
	margin-right: -20px !important;
}

.mr-30 {
	margin-right: -30px !important;
}

.mlr0 {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

.mlr5 {
	margin-right: 5px !important;
	margin-left: 5px !important;
}

.mlr10 {
	margin-right: 10px !important;
	margin-left: 10px !important;
}

.mlr15 {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

.mlr20 {
	margin-right: 20px !important;
	margin-left: 20px !important;
}

.mlr30 {
	margin-right: 30px !important;
	margin-left: 30px !important;
}

.p0 {
	padding: 0px !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p25 {
	padding: 25px !important;
}

.p30 {
	padding: 30px !important;
}

.p40 {
	padding: 40px !important;
}

.pt0 {
	padding-top: 0px !important;
}

.pt5 {
	padding-top: 5px !important;
}

.pt10 {
	padding-top: 10px !important;
}

.pt15 {
	padding-top: 15px !important;
}

.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

.pt40 {
	padding-top: 40px !important;
}

.pt50 {
	padding-top: 50px !important;
}

.pt60 {
	padding-top: 60px !important;
}

.pb0 {
	padding-bottom: 0px !important;
}

.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}


.pl0 {
	padding-left: 0px !important;
}
.pl5 {
	padding-left: 5px !important;
}

.pl10 {
	padding-left: 10px !important;
}

.pl20 {
	padding-left: 20px !important;
}

.pl30 {
	padding-left: 30px !important;
}

.pl40 {
	padding-left: 40px !important;
}

.pr0 {
	padding-right: 0px !important;
}

.pr5 {
	padding-right: 5px !important;
}

.pr10 {
	padding-right: 10px !important;
}

.pr20 {
	padding-right: 20px !important;
}

.pr30 {
	padding-right: 30px !important;
}

.pr40 {
	padding-right: 40px !important;
}

.plr30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.plr60 {
	padding-left: 60px !important;
	padding-right: 60px !important;
}

.lh2 {
  line-height: 2;
}

.bt0 {
	border-top: none !important;
}

.bb0 {
	border-bottom: none !important;
}

.radius5 {
   border-radius: 5px;
}