/* ----------------------------------------------------------------------
 共通用css
 ---------------------------------------------------------------------- */
.sp-hidden { display:none !important; }

#main-areas { font-size:100% !important; }
body { width:100% !important; }
.sp-mt-10 { margin-top:-10px; }
.sp-w10 { width:10%; }
.sp-w20 { width:20%; }
.sp-w30 { width:30%; }
.sp-w40 { width:40%; }
.sp-w50 { width:50%; }
.sp-w60 { width:60%; }
.sp-w70 { width:70%; }
.sp-w80 { width:80%; }
.sp-w90 { width:90%; }
.sp-w100 { width:100%; }

.sp-mt0 { margin-top:0px !important; }
.sp-mt10 { margin-top:10px !important; }
.sp-mt20 { margin-top:20px !important; }
.sp-mt30 { margin-top:30px !important; }
.sp-mt40 { margin-top:40px !important; }
.sp-mt50 { margin-top:50px !important; }
.sp-mt60 { margin-top:60px !important; }
.sp-mt70 { margin-top:70px !important; }
.sp-mt80 { margin-top:80px !important; }
.sp-mt90 { margin-top:90px !important; }
.sp-mt100 { margin-top:100px !important; }

.sp-mb0 { margin-bottom:0px !important; }
.sp-mb10 { margin-bottom:10px !important; }
.sp-mb20 { margin-bottom:20px !important; }
.sp-mb30 { margin-bottom:30px !important; }
.sp-mb40 { margin-bottom:40px !important; }
.sp-mb50 { margin-bottom:50px !important; }
.sp-mb60 { margin-bottom:60px !important; }
.sp-mb70 { margin-bottom:70px !important; }
.sp-mb80 { margin-bottom:80px !important; }
.sp-mb90 { margin-bottom:90px !important; }
.sp-mb100 { margin-bottom:100px !important; }

.sp-ml0 { margin-left:0px !important; }
.sp-ml10 { margin-left:10px !important; }
.sp-ml20 { margin-left:20px !important; }
.sp-ml30 { margin-left:30px !important; }
.sp-ml40 { margin-left:40px !important; }
.sp-ml50 { margin-left:50px !important; }
.sp-ml60 { margin-left:60px !important; }
.sp-ml70 { margin-left:70px !important; }
.sp-ml80 { margin-left:80px !important; }
.sp-ml90 { margin-left:90px !important; }
.sp-ml100 { margin-left:100px !important; }

.sp-mr0 { margin-right:0px !important; }
.sp-mr10 { margin-right:10px !important; }
.sp-mr20 { margin-right:20px !important; }
.sp-mr30 { margin-right:30px !important; }
.sp-mr40 { margin-right:40px !important; }
.sp-mr50 { margin-right:50px !important; }
.sp-mr60 { margin-right:60px !important; }
.sp-mr70 { margin-right:70px !important; }
.sp-mr80 { margin-right:80px !important; }
.sp-mr90 { margin-right:90px !important; }
.sp-mr100 { margin-right:100px !important; }

.sp-pt0 { padding-top:0px !important; }
.sp-pt10 { padding-top:10px !important; }
.sp-pt20 { padding-top:20px !important; }
.sp-pt30 { padding-top:30px !important; }
.sp-pt40 { padding-top:40px !important; }
.sp-pt50 { padding-top:50px !important; }
.sp-pt60 { padding-top:60px !important; }
.sp-pt70 { padding-top:70px !important; }
.sp-pt80 { padding-top:80px !important; }
.sp-pt90 { padding-top:90px !important; }
.sp-pt100 { padding-top:100px !important; }

.sp-pb0 { padding-bottom:0px !important; }
.sp-pb10 { padding-bottom:10px !important; }
.sp-pb20 { padding-bottom:20px !important; }
.sp-pb30 { padding-bottom:30px !important; }
.sp-pb40 { padding-bottom:40px !important; }
.sp-pb50 { padding-bottom:50px !important; }
.sp-pb60 { padding-bottom:60px !important; }
.sp-pb70 { padding-bottom:70px !important; }
.sp-pb80 { padding-bottom:80px !important; }
.sp-pb90 { padding-bottom:90px !important; }
.sp-pb100 { padding-bottom:100px !important; }

.sp-pl0 { padding-left:0px !important; }
.sp-pl10 { padding-left:10px !important; }
.sp-pl20 { padding-left:20px !important; }
.sp-pl30 { padding-left:30px !important; }
.sp-pl40 { padding-left:40px !important; }
.sp-pl50 { padding-left:50px !important; }
.sp-pl60 { padding-left:60px !important; }
.sp-pl70 { padding-left:70px !important; }
.sp-pl80 { padding-left:80px !important; }
.sp-pl90 { padding-left:90px !important; }
.sp-pl100 { padding-left:100px !important; }

.sp-pr0 { padding-right:0px !important; }
.sp-pr10 { padding-right:10px !important; }
.sp-pr20 { padding-right:20px !important; }
.sp-pr30 { padding-right:30px !important; }
.sp-pr40 { padding-right:40px !important; }
.sp-pr50 { padding-right:50px !important; }
.sp-pr60 { padding-right:60px !important; }
.sp-pr70 { padding-right:70px !important; }
.sp-pr80 { padding-right:80px !important; }
.sp-pr90 { padding-right:90px !important; }
.sp-pr100 { padding-right:100px !important; }

a:hover { opacity:0.8; }
.cmn-parent-elements { padding:40px 0; }
.cmn-align-width-01 { /*width:860px; margin:0 auto;*/ }
.cmn-align-width-02 { /*width:780px; margin:0 auto;*/ }
.colorF { color:#fff; }
.colorB { color:#333; }
.floatL { float:left; }
.floatR { float:right; }
.alignL { text-align:left; }
.alignC { text-align:center; }
.alignR { text-align:right; }
.cmn-text { font-size:17px; }
.cmn-text-small { font-size:14px; }
.cmn-text-large { font-size:20px; font-weight:bold; }
a.bgWhite { background:#fff; color:#f44a90; }
a.bgSkyblue { background:#83C1F6; color:#fff; }

a.bgOrange { background:#EB6100; color:#fff; }
a.bgOrange:after {
	content:" ";
	background-size:contain;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	right:0px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:100%;
	position:absolute;
}

a.bgPink { background:#f44a90; color:#fff; }
a.bgPink:after {
	content:" ";
	background-size:contain;
	background-repeat:no-repeat;
	width:15px;
	height:15px;
	right:0px;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	line-height:100%;
	position:absolute;
}