@charset "UTF-8";

/* CSS Document */

/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center {
	text-align: center!important;
}

.left {
	text-align: left!important;
}

.right {
	text-align: right!important;
}

.top0 {
	margin-top: 0 !important;
}

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

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

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

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

.top25 {
	margin-top: 25px !important;
}

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

.top35 {
	margin-top: 35px !important;
}

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

.btm0 {
	margin-bottom: 0 !important;
}

.btm5,
.btm05 {
	margin-bottom: 5px !important;
}

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

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

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

.btm25 {
	margin-bottom: 25px !important;
}

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

.btm35 {
	margin-bottom: 35px !important;
}

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

.btm45 {
	margin-bottom: 45px !important;
}

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

.btm55 {
	margin-bottom: 55px !important;
}

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

.btm65 {
	margin-bottom: 65px !important;
}

.btm70 {
	margin-bottom: 70px !important;
}

.btm75 {
	margin-bottom: 75px !important;
}

.btm80 {
	margin-bottom: 80px !important;
}

.btm85 {
	margin-bottom: 85px !important;
}

.btm90 {
	margin-bottom: 90px !important;
}

.btm95 {
	margin-bottom: 90px !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;
}

.pT35 {
	padding-top: 35px!important;
}

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

.pT45 {
	padding-top: 45px!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;
}

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

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

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

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

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

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

.lm70 {
	margin-left: 70px !important;
}

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

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

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

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

.vAT {
	vertical-align: top!important;
}

.vAM {
	vertical-align: middle!important;
}

.vAB {
	vertical-align: bottom!important;
}

.red {
	color: #e20035;
}

.color01 {
	color: #37b3ff;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.icon {
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -1px;
}

.indent {
	padding-left:1em;
  text-indent:-1em;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/


.w5 {
	width: 5%!important;
}

.w10 {
	width: 10%!important;
}

.w15 {
	width: 15%!important;
}

.w18 {
	width: 18%!important;
}

.w20 {
	width: 20%!important;
}

.w25 {
	width: 25%!important;
}

.w30 {
	width: 30%!important;
}

.w35 {
	width: 35%!important;
}

.w40 {
	width: 40%!important;
}

.w45 {
	width: 45%!important;
}

.w49 {
	width: 49%!important;
}

.w50 {
	width: 50%!important;
}

.w55 {
	width: 55%!important;
}

.w60 {
	width: 60%!important;
}

.w65 {
	width: 65%!important;
}

.w70 {
	width: 70%!important;
}

.w75 {
	width: 75%!important;
}

.w77 {
	width: 77%!important;
}

.w80 {
	width: 80%!important;
}

.w85 {
	width: 85%!important;
}

.w90 {
	width: 90%!important;
}

.w95 {
	width: 95%!important;
}

.wfull {
	width: 100%!important;
}

.w100 {
	width: 100px;
}

.w150 {
	width: 150px;
}

.w200 {
	width: 200px;
}

.w250 {
	width: 250px;
}

.w300 {
	width: 300px;
}

.w340 {
	width: 340px;
}

.w350 {
	width: 350px;
}

.w360 {
	width: 360px;
}

.w400 {
	width: 400px;
}

.w440 {
	width: 440px;
}

.w450 {
	width: 450px;
}

.w500 {
	width: 500px;
}

.w550 {
	width: 550px;
}

.w600 {
	width: 600px;
}




/*----------------------------------------------------
	☆fontsize
----------------------------------------------------*/

#contents .size10 {
	font-size: 10px!important;
	font-size: 1rem!important;
}

#contents .size11 {
	font-size: 11px!important;
	font-size: 1.1rem!important;
}

#contents .size12 {
	font-size: 12px!important;
	font-size: 1.2rem!important;
}

#contents .size13 {
	font-size: 13px!important;
	font-size: 1.3rem!important;
}

#contents .size14 {
	font-size: 14px!important;
	font-size: 1.4rem!important;
}

#contents .size15 {
	font-size: 15px!important;
	font-size: 1.5rem!important;
}

#contents .size16 {
	font-size: 16px!important;
	font-size: 1.6rem!important;
}

#contents .size17 {
	font-size: 17px!important;
	font-size: 1.7rem!important;
}

#contents .size18 {
	font-size: 18px!important;
	font-size: 1.8rem!important;
}

#contents .size19 {
	font-size: 19px!important;
	font-size: 1.9rem!important;
}

#contents .size20 {
	font-size: 20px!important;
	font-size: 2rem!important;
}

#contents .size21 {
	font-size: 21px!important;
	font-size: 2.1rem!important;
}

#contents .size22 {
	font-size: 22px!important;
	font-size: 2.2rem!important;
}

#contents .size23 {
	font-size: 23px!important;
	font-size: 2.3rem!important;
}

#contents .size24 {
	font-size: 24px!important;
	font-size: 2.4rem!important;
}
#contents .size25 {
	font-size: 25px!important;
	font-size: 2.5rem!important;
}
#contents .size26 {
	font-size: 26px!important;
	font-size: 2.6rem!important;
}
#contents .size27 {
	font-size: 27px!important;
	font-size: 2.7rem!important;
}



/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

#contents section {
	clear: both;
}

#contents section.last {
	margin-bottom: 0;
}

#contents .animated {
	opacity:0;
}
/*----------------------------------------------------
	☆Crearfix
----------------------------------------------------*/

.clearfix:after {
  content:" ";
  display:block;
  clear:both;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac \*/

* html .clearfix {
	height: 1%;
}

/* End hide from IE-mac */


/*----------------------------------------------------
	☆br clear
----------------------------------------------------*/

br.clear {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}
 @media screen and (-webkit-min-device-pixel-ratio:0) {

br.clear {
	display: block!important;
	content: " ";
}
}

div.clear {
	clear: both;
	line-height: 0px;
}



/*----------------------------------------------------
	☆Display None
----------------------------------------------------*/

.spDisp {
	display: none!important;
}

.spHide {
	display: block!important;
}
@media only screen and (max-width: 1080px) {
	.spDisp {display: block!important;}
  .spHide {display: none!important;}
}

/*----------------------------------------------------
	☆base contents
----------------------------------------------------*/

/*-- float --*/
.fltL{
	float: left;
}

.fltR{
	float: right;
}

/*----------------------------------------------------
	☆box
----------------------------------------------------*/
.fltbox:after{
	content:" ";
  display:block;
  clear:both;
}
.fltbox{
	width: 100%;
}
.fltbox .boxL{
	float: left;
}
.fltbox .boxR{
	float: right;
}

.fltimgL .boxL,
.fltimgR .boxR{
	width: 30%;
}

.fltimgL .boxL img,
.fltimgR .boxR img{
	width: 100%;
}

.fltimgL .boxR,
.fltimgR .boxL{
	width: 60%;
}

@media only screen and (max-width: 1080px) {
	.fltbox .boxL{
		float: none;
	}
	.fltbox .boxR{
		float: none;
	}
	.fltimgL .boxL,
	.fltimgR .boxR{
		width: 100%;
	}
	.fltimgL .boxR,
	.fltimgR .boxL{
		width: 100%;
	}
}