@charset "UTF-8";
/*
======================
	表示
======================
*/

.hide {
	display: none;
}

.show {
	display: initial;
}

.opa {
	opacity:0.2;
}


/*
======================
	位置
======================
*/

/* 行の高さ */
.ln-h1em { line-height: 1em;}
.ln-h1hem { line-height: 1.5em;}
.ln-h2em { line-height: 2em;}
.ln-h2hem { line-height: 2.5em;}

/* テキスト横 */
.lft { text-align: left;}
.cnt { text-align: center;}
.rgt { text-align: right;}

/* ブロック横 */
.m-lft { margin-left: 0; margin-right: auto;}
.m-cnt { margin-left: auto; margin-right: auto;}
.m-rgt { margin-left: auto; margin-right: 0;}

/*　マージン上 -- px指定　*/
.m-top1 { margin-top: 1px;}
.m-top2 { margin-top: 2px;}
.m-top3 { margin-top: 3px;}
.m-top4 { margin-top: 4px;}
.m-top5 { margin-top: 5px;}
.m-top10 { margin-top: 10px;}
.m-top20 { margin-top: 20px;}
.m-top30 { margin-top: 30px;}
.m-top40 { margin-top: 40px;}
.m-top50 { margin-top: 50px;}
.m-top60 { margin-top: 60px;}
.m-top70 { margin-top: 70px;}
.m-top80 { margin-top: 80px;}
.m-top90 { margin-top: 90px;}
.m-top100 { margin-top: 100px;}

/*　マージン上 -- 文字指定　*/
.m-top1em { margin-top: 1em;}
.m-top2em { margin-top: 2em;}
.m-top3em { margin-top: 3em;}
.m-top4em { margin-top: 4em;}
.m-top5em { margin-top: 5em;}

/*　マージン下 -- px指定　*/
.m-btm1 { margin-bottom: 1px;}
.m-btm2 { margin-bottom: 2px;}
.m-btm3 { margin-bottom: 3px;}
.m-btm4 { margin-bottom: 4px;}
.m-btm5 { margin-bottom: 5px;}
.m-btm10 { margin-bottom: 10px;}
.m-btm20 { margin-bottom: 20px;}
.m-btm30 { margin-bottom: 30px;}
.m-btm40 { margin-bottom: 40px;}
.m-btm50 { margin-bottom: 50px;}
.m-btm60 { margin-bottom: 60px;}
.m-btm70 { margin-bottom: 70px;}
.m-btm80 { margin-bottom: 80px;}
.m-btm90 { margin-bottom: 90px;}
.m-btm100 { margin-bottom: 100px;}

/*　マージン下 -- 文字指定　*/
.m-btm1em { margin-bottom: 1px;}
.m-btm2em { margin-bottom: 2px;}
.m-btm3em { margin-bottom: 3px;}
.m-btm4em { margin-bottom: 4px;}
.m-btm5em { margin-bottom: 5px;}	

/*　マージン左 -- px指定　*/
.m-lft1 { margin-left: 1px; margin-right:auto;}
.m-lft2 { margin-left: 2px; margin-right:auto;}
.m-lft3 { margin-left: 3px; margin-right:auto;}
.m-lft4 { margin-left: 4px; margin-right:auto;}
.m-lft5 { margin-left: 5px; margin-right:auto;}
.m-lft10 { margin-left: 10px; margin-right:auto;}
.m-lft20 { margin-left: 20px; margin-right:auto;}
.m-lft30 { margin-left: 30px; margin-right:auto;}
.m-lft40 { margin-left: 40px; margin-right:auto;}
.m-lft50 { margin-left: 50px; margin-right:auto;}
.m-lft100 { margin-left: 100px; margin-right:auto;}

/*　マージン右 -- px指定　*/
.m-rgt1 { margin-right: 1px; margin-left:auto;}
.m-rgt2 { margin-right: 2px; margin-left:auto;}
.m-rgt3 { margin-right: 3px; margin-left:auto;}
.m-rgt4 { margin-right: 4px; margin-left:auto;}
.m-rgt5 { margin-right: 5px; margin-left:auto;}
.m-rgt10 { margin-right: 10px; margin-left:auto;}
.m-rgt20 { margin-right: 20px; margin-left:auto;}
.m-rgt30 { margin-right: 30px; margin-left:auto;}
.m-rgt40 { margin-right: 40px; margin-left:auto;}
.m-rgt50 { margin-right: 50px; margin-left:auto;}

/*　マージン左右 -- px指定　*/
.m-all1 { margin: 1px; width: auto;}
.m-all2 { margin: 2px; width: auto;}
.m-all3 { margin: 3px; width: auto;}
.m-all4 { margin: 4px; width: auto;}
.m-all5 { margin: 5px; width: auto;}
.m-all10 { margin: 10px; width: auto;}
.m-all20 { margin: 20px; width: auto;}
.m-all30 { margin: 30px; width: auto;}
.m-all40 { margin: 40px; width: auto;}
.m-all50 { margin: 50px; width: auto;}


/*　SPマージン -- px指定　*/
.m-sp1 { margin: 1px; width: auto;}
.m-sp2 { margin: 2px; width: auto;}
.m-sp3 { margin: 3px; width: auto;}
.m-sp4 { margin: 4px; width: auto;}
.m-sp5 { margin: 5px; width: auto;}

/*
======================
	ブロック
======================
*/

.w-full { width: 100%; height:auto; }
.w-half { width: 50%; }
.w-float {
	width: 50%;
	float: left;
}
.clear:after {
	content: " ";
	display: block;
	clear: both;
}

.inner-box {
	width:400px;
    height:auto;
    text-align:left;
    margin-left: auto;
	margin-right: auto;
}