@charset "utf-8";

/* ASOBIMO SP用共通スタイル */
body {
	font-family: 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', sans-serif;
	line-height:1.6;
	font-size:12px;
}

img {
	vertical-align:bottom;
}

a {
	-webkit-tap-highlight-color:none;
}

.alignC {
	text-align:center;
}

.alignR {
	text-align:right;
}

.alignL {
	text-align:left;
}

.floatL {
	float:left;
	margin:0 1rem 0 0;
}

.floatR {
	float:right;
	margin:0 0 0 1rem;
}

.bold {
	font-weight:bold;
}

.small {
	font-size:1rem;
}

a:hover {
	text-decoration:none;
}

.pd_5px {
	padding:5px 0;
}

.pd_10px {
	padding:10px 0;
}

/* =========
txt_color
========= */
.red,
.txt_caution {
	color:#cc0000;
}
.blue {
	color:#1111cc;
}
.black {
	color:#000;
}
.white {
	color:#fff;
}
/* =========
font-size
========= */
/*
一般的なWebブラウザのデフォが16pxと考えた場合
 7px =  45- 46%
 8px =  47- 53%
 9px =  54- 59%
10px =  60- 65%
11px =  66- 71%
12px =  72- 78%
13px =  79- 84%
14px =  85- 90%
15px =  91- 96%
16px =  97-103%
20px = 122-128%
24px = 147-152%
*/
.f8 {font-size:.8rem !important;}
.f9 {font-size:.9rem !important;}
.f10 {font-size:1rem !important;}
.f11 {font-size:1.1rem !important;}
.f12 {font-size:1.2rem !important;}
.f13 {font-size:1.3rem !important;}
.f14 {font-size:1.4rem !important;}
.f15 {font-size:1.5rem !important;}
.f16 {font-size:1.6rem !important;}
.f17 {font-size:1.7rem !important;}
.f18 {font-size:1.8rem !important;}
.f19 {font-size:1.9rem !important;}
.f20 {font-size:2rem !important;}
.f25 {font-size:2.5rem !important;}

/* =========
padding
========= */
.pt1 {padding:1px 0 0 0 !important;}
.pt2 {padding:2px 0 0 0 !important;}
.pt3 {padding:3px 0 0 0 !important;}
.pt4 {padding:4px 0 0 0 !important;}
.pt5 {padding:5px 0 0 0 !important;}
.pt6 {padding:6px 0 0 0 !important;}
.pt7 {padding:7px 0 0 0 !important;}
.pt8 {padding:8px 0 0 0 !important;}
.pt9 {padding:9px 0 0 0 !important;}
.pt10 {padding:10px 0 0 0 !important;}
.pt11 {padding:11px 0 0 0 !important;}
.pt12 {padding:12px 0 0 0 !important;}
.pt13 {padding:13px 0 0 0 !important;}
.pt14 {padding:14px 0 0 0 !important;}
.pt15 {padding:15px 0 0 0 !important;}
.pt16 {padding:16px 0 0 0 !important;}
.pt17 {padding:17px 0 0 0 !important;}
.pt18 {padding:18px 0 0 0 !important;}
.pt19 {padding:19px 0 0 0 !important;}
.pt20 {padding:20px 0 0 0 !important;}
.pt25 {padding:25px 0 0 0 !important;}

.pr1 {padding:0 1px 0 0 !important;}
.pr2 {padding:0 2px 0 0 !important;}
.pr3 {padding:0 3px 0 0 !important;}
.pr4 {padding:0 4px 0 0 !important;}
.pr5 {padding:0 5px 0 0 !important;}
.pr6 {padding:0 6px 0 0 !important;}
.pr7 {padding:0 7px 0 0 !important;}
.pr8 {padding:0 8px 0 0 !important;}
.pr9 {padding:0 9px 0 0 !important;}
.pr10 {padding:0 10px 0 0 !important;}
.pr11 {padding:0 11px 0 0 !important;}
.pr12 {padding:0 12px 0 0 !important;}
.pr13 {padding:0 13px 0 0 !important;}
.pr14 {padding:0 14px 0 0 !important;}
.pr15 {padding:0 15px 0 0 !important;}
.pr16 {padding:0 16px 0 0 !important;}
.pr17 {padding:0 17px 0 0 !important;}
.pr18 {padding:0 18px 0 0 !important;}
.pr19 {padding:0 19px 0 0 !important;}
.pr20 {padding:0 20px 0 0 !important;}
.pr25 {padding:0 25px 0 0 !important;}

.pb1 {padding:0 0 1px 0 !important;}
.pb2 {padding:0 0 2px 0 !important;}
.pb3 {padding:0 0 3px 0 !important;}
.pb4 {padding:0 0 4px 0 !important;}
.pb5 {padding:0 0 5px 0 !important;}
.pb6 {padding:0 0 6px 0 !important;}
.pb7 {padding:0 0 7px 0 !important;}
.pb8 {padding:0 0 8px 0 !important;}
.pb9 {padding:0 0 9px 0 !important;}
.pb10 {padding:0 0 10px 0 !important;}
.pb11 {padding:0 0 11px 0 !important;}
.pb12 {padding:0 0 12px 0 !important;}
.pb13 {padding:0 0 13px 0 !important;}
.pb14 {padding:0 0 14px 0 !important;}
.pb15 {padding:0 0 15px 0 !important;}
.pb16 {padding:0 0 16px 0 !important;}
.pb17 {padding:0 0 17px 0 !important;}
.pb18 {padding:0 0 18px 0 !important;}
.pb19 {padding:0 0 19px 0 !important;}
.pb20 {padding:0 0 20px 0 !important;}
.pb25 {padding:0 0 25px 0 !important;}

.pl1 {padding:0 0 0 1px !important;}
.pl2 {padding:0 0 0 2px !important;}
.pl3 {padding:0 0 0 3px !important;}
.pl4 {padding:0 0 0 4px !important;}
.pl5 {padding:0 0 0 5px !important;}
.pl6 {padding:0 0 0 6px !important;}
.pl7 {padding:0 0 0 7px !important;}
.pl8 {padding:0 0 0 8px !important;}
.pl9 {padding:0 0 0 9px !important;}
.pl10 {padding:0 0 0 10px !important;}
.pl11 {padding:0 0 0 11px !important;}
.pl12 {padding:0 0 0 12px !important;}
.pl13 {padding:0 0 0 13px !important;}
.pl14 {padding:0 0 0 14px !important;}
.pl15 {padding:0 0 0 15px !important;}
.pl16 {padding:0 0 0 16px !important;}
.pl17 {padding:0 0 0 17px !important;}
.pl18 {padding:0 0 0 18px !important;}
.pl19 {padding:0 0 0 19px !important;}
.pl20 {padding:0 0 0 20px !important;}
.pl25 {padding:0 0 0 25px !important;}