@charset "utf-8";

/**************************************
	共通設定
**************************************/
html,body,
table,tr,th,td,
dl,dt,dd,
div,header,footer,section,article,aside,nav,iframe,
ul,ol,li,
hr,img,p,span,address{
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	border:0;
}
main{
	margin:0;
	padding:0;
	font-size:100%;
	font-style:normal;
	border:0;
	display:block;
}
h1,h2,h3,h4,h5,h6,small,strong{
	margin:0;
	padding:0;
	border:0;
}

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

/*float*/
.fLeft
{	float:left; }
.fRight
{	float:right; }
.both
{	clear:both; }


/*文字位置*/
.tLeft
{	text-align:left; }
.tRight
{	text-align:right; }
.tCenter
{	text-align:center; }

/*文字装飾*/
.bold{
	font-weight:bold;
}
.normal{
	font-weight:normal;
}

/*文字縦位置*/
.vTop{
	vertical-align:top;
}
.vBL{
	vertical-align:baseline;
}
.vMiddle{
	vertical-align:middle;
}
.vBottom{
	vertical-align:bottom;
}


/*margin*/
.mgt5{
	margin-top:.05rem;
}
.mgt10{
	margin-top:.1rem;
}
.mgt20{
	margin-top:.2rem;
}
.mgt30{
	margin-top:.3rem;
}
.mgt40{
	margin-top:.4rem;
}
.mgt50{
	margin-top:.5rem;
}
.mgb5{
	margin-bottom:.05rem;
}
.mgb10{
	margin-bottom:.1rem;
}
.mgb20{
	margin-bottom:.2rem;
}
.mgb30{
	margin-bottom:.3rem;
}
.mgb40{
	margin-bottom:.4rem;
}
.mgb50{
	margin-bottom:.5rem;
}
.mgr10{
	margin-right:.1rem;
}
.mgr20{
	margin-right:.2rem;
}
.mgr30{
	margin-right:.3rem;
}
.mgr40{
	margin-right:.4rem;
}
.mgr50{
	margin-right:.5rem;
}
.mgl10{
	margin-left:.1rem;
}
.mgl20{
	margin-left:.2rem;
}
.mgl30{
	margin-left:.3rem;
}
.mgl40{
	margin-left:.4rem;
}
.mgl50{
	margin-left:.5rem;
}

/*padding*/
.pdt5{
	padding-top:.05rem;
}
.pdt10{
	padding-top:.1rem;
}
.pdt20{
	padding-top:.2rem;
}
.pdt30{
	padding-top:.3rem;
}
.pdt40{
	padding-top:.4rem;
}
.pdt50{
	padding-top:.5rem;
}
.pdb5{
	padding-bottom:.05rem;
}
.pdb10{
	padding-bottom:.1rem;
}
.pdb20{
	padding-bottom:.2rem;
}
.pdb30{
	padding-bottom:.3rem;
}
.pdb40{
	padding-bottom:.4rem;
}
.pdb50{
	padding-bottom:.5rem;
}
.pdr10{
	padding-right:.1rem;
}
.pdr20{
	padding-right:.2rem;
}
.pdr30{
	padding-right:.3rem;
}
.pdr40{
	padding-right:.4rem;
}
.pdr50{
	padding-right:.5rem;
}
.pdl10{
	padding-left:.1rem;
}
.pdl20{
	padding-left:.2rem;
}
.pdl30{
	padding-left:.3rem;
}
.pdl40{
	padding-left:.4rem;
}
.pdl50{
	padding-left:.5rem;
}


/*flex 親要素*/
.flex{
	display:-ms-flexbox;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
}

.flexSB{
	-ms-flex-pack:justify;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.flexSA{
	-ms-flex-pack:distribute;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}
.flexStart{
	-ms-flex-pack:start;
	-webkit-box-pack:start;
	-webkit-justify-content:start;
	justify-content:start;
}
.flexCenter{
	-ms-flex-pack:center;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
}
.flexEnd{
	-ms-flex-pack:end;
	-webkit-box-pack:end;
	-webkit-justify-content:end;
	justify-content:end;
}

.flexAlignStart{
	-ms-flex-align:flex-start;
	-webkit-box-align:flex-start;
	-webkit-align-items:flex-start;
	align-items:flex-start;
}
.flexAlignCenter{
	-ms-flex-align:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
}
.flexAlignEnd{
	-ms-flex-align:flex-end;
	-webkit-box-align:flex-end;
	-webkit-align-items:flex-end;
	align-items:flex-end;
}

.flexWrap{
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}

/*flex 子要素*/
.col20{
	width:20%;
	display:inline-block;
	box-sizing:border-box;
}
.col25{
	width:25%;
	display:inline-block;
	box-sizing:border-box;
}
.col33{
	width:33%;
	display:inline-block;
	box-sizing:border-box;
}
.col40{
	width:40%;
	display:inline-block;
	box-sizing:border-box;
}
.col45{
	width:45%;
	display:inline-block;
	box-sizing:border-box;
}
.col50{
	width:50%;
	display:inline-block;
	box-sizing:border-box;
}
.col60{
	width:60%;
	display:inline-block;
	box-sizing:border-box;
}
.col66{
	width:66%;
	display:inline-block;
	box-sizing:border-box;
}
.col75{
	width:75%;
	display:inline-block;
	box-sizing:border-box;
}
.col100{
	width:100%;
	display:inline-block;
	box-sizing:border-box;
}
.btn-wrap .col20,
.btn-wrap .col25,
.btn-wrap .col33,
.btn-wrap .col40,
.btn-wrap .col50,
.btn-wrap .col60,
.btn-wrap .col66,
.btn-wrap .col75,
.btn-wrap .col100{
	padding:0 3px;
}

.noShrink{
	flex-shrink:0;
}

/*100%*/
.widthMax{
	width:100%;
	box-sizing:border-box;
}
.heightMax{
	height:100%;
	box-sizing:border-box;
}