@charset "utf-8";

/*===============================================
●base_sp.css  画面の横幅が750px以下
===============================================*/
@media screen and (max-width : 750px){


/* ---- FONT STYLE ---- */
.ft_12 {
	font-size:12px;
}
.ft_14 {
	font-size:14px;
}
.ft_16 {
	font-size:16px;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}
.white {
	color: #fff;
}
.blue {
	color:#3356b8;
}
.ultramarine {
	color:#3750b4;
}
.mossgreen {
	color:#2b711b;
}
.navy {
	color: #039;
}
.red {
	color: #c11;
}
.scarlet {
	color:#fe3a3b;
}
.pink {
	color:#f26;
}
.gray01 {
	color: #666;
}
.gray02 {
	color: #333;
}
.green {
	color: #1d7a10
}
.orange01 {
	color:#ff9600;
}
.orange02 {
	color:#ff7500;
}
.brown01 {
	color:#986D54;
}
.bold {
	font-weight:bold;
}
/* ---- FLOAT ----*/
.fLeft {
	float: left;
}
.fRight {
	float: right;
}
.clear {
	clear: both;
}
.clr { 
	clear:both;
}
.cf:after {
	content: "";
	clear: both;
	display: block;
	height: 0;
}
.ov {
	overflow: hidden;
}
/* ---- DISPLAY ---- */
.block {
	display: block;
}
.inline {
	display: inline;
}
.inlineBlock {
	display:inline-block;
}
.none {
	display:none;
}
/* ---- ALIGN ---- */
.center {
	margin:0 auto;
}
.tCenter {
	text-align: center;
}
.tLeft {
	text-align: left;
}
.tRight {
	text-align: right;
}
.vcB {
	vertical-align: bottom;
}
.vcM {
	vertical-align: middle;
}
.vcT {
	vertical-align: top;
}

/* MarginBottom Style */
.mgb2 {
	margin-bottom: 2%;
}
.mgb3 {
	margin-bottom: 3%;
}
.mgb4 {
	margin-bottom: 4%;
}
.mgb5 {
	margin-bottom: 5%;
}
.mgb6 {
	margin-bottom: 6%;
}
.mgb7 {
	margin-bottom: 7%;
}
.mgb8 {
	margin-bottom: 8%;
}
.mgb9 {
	margin-bottom: 9%;
}
.mgb10 {
	margin-bottom: 10%;
}
.mgb15 {
	margin-bottom: 15%;
}
.mgb20 {
	margin-bottom: 20%;
}

/* MarginTop Style */
.mgt1 {
	margin-top: 1%;
}
.mgt2 {
	margin-top: 2%;
}
.mgt3 {
	margin-top: 3%;
}
.mgt4 {
	margin-top: 4%;
}
.mgt5 {
	margin-top: 5%;
}
.mgt6 {
	margin-top: 6%;
}
.mgt7 {
	margin-top: 7%;
}
.mgt8 {
	margin-top: 8%;
}
.mgt9 {
	margin-top: 9%;
}
.mgt10 {
	margin-top: 10%;
}
/* MarginLeft Style */
.mgl1 {
	margin-left: 1%;
}
.mgl2 {
	margin-left: 2%;
}
.mgl3 {
	margin-left: 3%;
}
.mgl4 {
	margin-left: 4%;
}
.mgl5 {
	margin-left: 5%;
}
/* MarginRight Style */
.mgr1 {
	margin-right: 1%;
}
.mgr2 {
	margin-right: 2%;
}
.mgr3 {
	margin-right: 3%;
}
.mgr4 {
	margin-right: 4%;
}
.mgr5 {
	margin-right: 5%;
}
/* PaddingTop Style */
.pdt1 {
	padding-top:1%;
}
.pdt2 {
	padding-top:2%;
}
.pdt3 {
	padding-top:3%;
}
.pdt4 {
	padding-top:4%;
}
.pdt5 {
	padding-top:5%;
}
/* PaddingBottom Style */
.pdb1 {
	padding-bottom:1%;
}
.pdb2 {
	padding-bottom:2%;
}
.pdb3 {
	padding-bottom:3%;
}
.pdb4 {
	padding-bottom:4%;
}
.pdb5 {
	padding-bottom:5%;
}
.pdb6 {
	padding-bottom:6%;
}
.pdb7 {
	padding-bottom:7%;
}
.pdb8 {
	padding-bottom:8%;
}
.pdb9 {
	padding-bottom:9%;
}
.pdb10 {
	padding-bottom:10%;
}
/* PaddingLeft Style */
.pdl1 {
	padding-left:1%;
}
.pdl2 {
	padding-left:2%;
}
.pdl3 {
	padding-left:3%;
}
.pdl4 {
	padding-left:4%;
}
.pdl5 {
	padding-left:5%;
}
/* PaddingRight Style */
.pdr1 {
	padding-right:1%;
}
.pdr2 {
	padding-right:2%;
}
.pdr3 {
	padding-right:3%;
}
.pdr4 {
	padding-right:4%;
}
.pdr5 {
	padding-right:5%;
}


}