@charset "UTF-8";

/************************************************************************
*	CSS information
*	file name  : utility.css
*	style info : 汎用スタイルの設定
************************************************************************/



/*	Clearfix
========================================== */
/* clearfix：要素の末尾でfloatを解除する */
/* .cfx { *zoom: 1; }  ie6,ie7*/
.cfx:after { content: ''; display: block; clear: both; }


/*	Invisible elements：要素を不可視にする
========================================== */
.invisible {
	display: none;
}

/* スマートフォンで非表示 */
@media screen and (max-width: 767px) {
	.pc_only { display: none; }
}

/* デスクトップで非表示 */
@media screen and (min-width: 768px) {
	.sp_only { display: none; }
}


/*	Float
========================================== */
.fl_l { float: left; }
.fl_r { float: right; }


/*	List style
========================================== */
.disc li { list-style: disc; margin-left: 1.5em;}
.circle li { list-style: circle; margin-left: 1.5em;}
.decimal li { list-style: decimal; margin-left: 1.5em;}

.list_parentheses li {
	list-style-position: inside;
	counter-increment: cnt;
}
.list_parentheses li:before {
	display: inline-block;
	content: "(" counter(cnt) ") ";
}


/*	Antialias
========================================== */
.antialias {
	transform: rotate(0.028deg);
	-o-transform: rotate(0.028deg);
	-ms-transform: rotate(0.028deg);
	-moz-transform: rotate(0.028deg);
	-webkit-transform: rotate(0.028deg);
}

.antialias img{
	transform: rotate(-0.028deg);
	-o-transform: rotate(-0.028deg);
	-ms-transform: rotate(-0.028deg);
	-moz-transform: rotate(-0.028deg);
	-webkit-transform: rotate(-0.028deg);
}


/*	Responsive
========================================== */
/* Fluid image */
.fluid {
	display: block;
	width: 100%;
	max-width: 100%;
	height: auto;
}


/* Text style
========================================== */
/* Font color */
.red { color: #F00; }

/* Font size */
.fs10 { font-size: 10px; font-size: 1rem; }
.fs12 { font-size: 12px; font-size: 1.2rem; }
.fs14 { font-size: 14px; font-size: 1.4rem; }
.fs16 { font-size: 18px; font-size: 1.6rem; }
.fs18 { font-size: 18px; font-size: 1.8rem; }
.fs20 { font-size: 20px; font-size: 2rem; }
.fs24 { font-size: 24px; font-size: 2.4rem; }
.fs28 { font-size: 28px; font-size: 2.8rem; }
.fs32 { font-size: 32px; font-size: 3.2rem; }
.fs36 { font-size: 36px; font-size: 3.6rem; }
.fs48 { font-size: 48px; font-size: 4.8rem; }

.fs95per { font-size: 95%; }
.fs85per { font-size: 85%; }
.fs75per { font-size: 75%; }

/* Text align */
.al_l { text-align: left; }
.al_r { text-align: right; }
.al_c { text-align: center; }

/* No wrap */
.nw { white-space: nowrap; }


/*	Margin
========================================== */
.mt0 { margin-top: 0 !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt40 { margin-top: 40px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }
.mt90 { margin-top: 90px !important; }
.mt100 { margin-top: 100px !important; }

.mb0 { margin-bottom: 0 !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; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb90 { margin-bottom: 90px !important; }
.mb100 { margin-bottom: 100px !important; }


/*	Padding
========================================== */
.pt0 { padding-top: 0; }
.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt25 { padding-top: 25px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }
.pt50 { padding-top: 50px; }
.pt60 { padding-top: 60px; }
.pt70 { padding-top: 70px; }
.pt80 { padding-top: 80px; }
.pt90 { padding-top: 90px; }
.pt100 { padding-top: 100px; }

.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb25 { padding-bottom: 25px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }
.pb60 { padding-bottom: 60px; }
.pb70 { padding-bottom: 70px; }
.pb80 { padding-bottom: 80px; }
.pb90 { padding-bottom: 90px; }
.pb100 { padding-bottom: 100px; }


/*	Width
========================================== */
.w60 { width: 60px; }
.w80 { width: 80px; }
.w100 { width: 100px; }
.w120 { width: 120px; }
.w140 { width: 140px; }
.w160 { width: 160px; }
.w180 { width: 180px; }
.w200 { width: 200px; }
.w220 { width: 220px; }
.w240 { width: 240px; }
.w260 { width: 260px; }
.w280 { width: 280px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w360 { width: 360px; }
.w380 { width: 380px; }
.w400 { width: 400px; }
.w420 { width: 420px; }
.w440 { width: 440px; }
.w460 { width: 460px; }
.w480 { width: 480px; }
.w500 { width: 500px; }