﻿@charset "utf-8";

::selection {background: #d1e3f6 ; color: #005bab ;}
::-moz-selection {background: #d1e3f6 ; color: #005bab ;}

.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/* display */
.none { display: none!important; }
.block { display: block!important; }
.table { display:table!important; }
.cell { display:table-cell!important; }

/* position */
.absolute {	position: absolute!important; }
.relative { position: relative!important; }

/* padding */
.pt0 { padding-top:0px!important; }
.pt5 { padding-top:5px; }
.pt10 { padding-top:10px; }
.pt15 { padding-top:15px; }
.pt20 { padding-top:20px; }
.pt25 { padding-top:25px; }
.pt30 { padding-top:30px; }
.pt35 { padding-top:35px; }
.pt40 { padding-top:40px; }
.pt45 { padding-top:45px; }
.pt50 { padding-top:50px; }
.pt55 { padding-top:55px; }
.pt60 { padding-top:60px; }
.pt100 { padding-top:100px; }

.pb0 { padding-bottom:0px!important; }
.pb5 { padding-bottom:5px; }
.pb10 { padding-bottom:10px; }
.pb15 { padding-bottom:15px; }
.pb20 { padding-bottom:20px; }
.pb25 { padding-bottom:25px; }
.pb30 { padding-bottom:30px; }
.pb35 { padding-bottom:35px; }
.pb40 { padding-bottom:40px; }
.pb45 { padding-bottom:45px; }
.pb50 { padding-bottom:50px; }
.pb55 { padding-bottom:55px; }
.pb60 { padding-bottom:60px; }
.pb100 { padding-bottom:100px; }

/* margin */
.mt0 { margin-top:0px!important; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }
.mt30 { margin-top:30px; }
.mt35 { margin-top:35px; }
.mt40 { margin-top:40px; }
.mt45 { margin-top:45px; }
.mt50 { margin-top:50px; }
.mt55 { margin-top:55px; }
.mt60 { margin-top:60px; }
.mt100 { margin-top:100px; }

.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; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.mb45 { margin-bottom:45px!important; }
.mb50 { margin-bottom:50px!important; }
.mb55 { margin-bottom:55px!important; }
.mb60 { margin-bottom:60px!important; }
.mb100 { margin-bottom:100px; }

.ml0 { margin-left:0px!important; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }

.mr0 { margin-right:0px!important; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

/* align */
.left { text-align:left!important; }
.right { text-align:right!important; }
.center { text-align:center!important; }

.fleft { float:left!important; }
.fright { float:right!important; }

/* font */
.size12 { font-size:1.2rem!important; }
.size14 { font-size:1.4rem!important; }
.size16 { font-size:1.6rem!important; }
.size18 { font-size:1.8rem!important; }
.size20 { font-size:2rem!important; }
.size24 { font-size:2.4rem!important; }

.bold {font-weight:bold!important;}
.lighter {font-weight:lighter!important;}

.font_ffffff { color:#fff!important; }
.font_cccccc { color:#ccc!important; }
.font_666666 { color:#666!important; }

/* original */
.bg_area {
	background: #fafafa;
	border-top: solid 1px #fafafa;
    border-bottom: solid 1px #fafafa;
}
.bg_area_nocolor {
	border-top:1px dotted #eee;
}
.sp_block , .sp_inlineblock{
	display:none!important;
 }

@media screen and (max-width: 768px) {
	.sp_hidden {
		display:none!important;
	}
	.sp_block {
		display:block!important;	
	}
	.sp_inlineblock {
		display:inline-block!important;	
	}
}