/* btn ==================================================================== */
a.ec-btn01,
input.ec-btn01{
	position: relative;
	background: #ec6820;
	box-shadow: 0px 3px 0px 0px #df4704;
	-webkit-box-shadow: 0px 3px 0px 0px #df4704;
	-moz-box-shadow: 0px 3px 0px 0px #df4704;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	border:none;
	cursor: pointer;
}
a.ec-btn01:hover,
input.ec-btn01:hover{ background:#f7742d; color: #ffffff; text-decoration: none; }
/* a.ec-btn01:after,
input.ec-btn01:after{ font-family:'FontAwesome'; content:"\f105"; position: absolute; top: 50%; right: 10px; margin-top: -0.5em; } */

a.ec-btn02,
input.ec-btn02 {
	position: relative;
	background: #bb0940;
	box-shadow: 0px 3px 0px 0px #8e002c;
	-webkit-box-shadow: 0px 3px 0px 0px #8e002c;
	-moz-box-shadow: 0px 3px 0px 0px #8e002c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	border:none;
	cursor: pointer;
}
a.ec-btn02:hover,
input.ec-btn02:hover { background:#ce1951; color: #ffffff; text-decoration: none; }
/* a.ec-btn02:after,
input.ec-btn02:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; } */

a.ec-btn03,
input.ec-btn03 {
	position: relative;
	background: #4e9e00;
	box-shadow: 0px 3px 0px 0px #408100;
	-webkit-box-shadow: 0px 3px 0px 0px #408100;
	-moz-box-shadow: 0px 3px 0px 0px #408100;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	border:none;
	cursor: pointer;
}
a.ec-btn03:hover,
input.ec-btn03:hover { background:#5eb10d; color: #ffffff; text-decoration: none; }
/* a.ec-btn03:after,
input.ec-btn03:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; } */

a.ec-btn-back,
input.ec-btn-back {
	position: relative;
	background: #262626;
	box-shadow: 0px 3px 0px 0px #000000;
	-webkit-box-shadow: 0px 3px 0px 0px #000000;
	-moz-box-shadow: 0px 3px 0px 0px #000000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	cursor: pointer;
}
a.ec-btn-back:hover,
input.ec-btn-back:hover { background:#313131; color: #ffffff; text-decoration: none; }

a.ec-btn04 {
	position: relative;
	background: #000000;
	font-size: 13px;
	color: #ffffff;
	padding: 5px;
	text-decoration: none;
	display: block;
	/* text-align: center; */
}
a.ec-btn04:hover { background:#414141; color: #ffffff; text-decoration: none; }
a.ec-btn04:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; }

a.ec-btn05 {
	position: relative;
	background: #000000;
	font-size: 12px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	/* text-align: center; */
}
a.ec-btn05:hover { background:#414141; color: #ffffff; text-decoration: none; }
a.ec-btn05:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; }

a.ec-btn06 {
	position: relative;
	background: #bb0940;
	font-size: 12px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	/* text-align: center; */
}
a.ec-btn06:hover { background:#c6124a; color: #ffffff; text-decoration: none; }
a.ec-btn06:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; }

a.ec-btn07 {
	position: relative;
	background: #4e9e00;
	font-size: 12px;
	color: #ffffff;
	padding: 7px;
	text-decoration: none;
	display: block;
	/* text-align: center; */
}
a.ec-btn07:hover { background:#58a908; color: #ffffff; text-decoration: none; }
a.ec-btn07:after { font-family:'FontAwesome'; content:"\f105"; position:absolute; top:50%; right:10px; margin-top:-0.5em; }

.wide01{width: 205px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide02{width: 205px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide03{width: 420px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide04{width: 450px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.ec-btn-none {
	position: relative;
	background: #c4c4c4;
	box-shadow: 0px 3px 0px 0px #b5b5b5;
	-webkit-box-shadow: 0px 3px 0px 0px #b5b5b5;
	-moz-box-shadow: 0px 3px 0px 0px #b5b5b5;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size: 14px;
	color: #f4f4f4;
	padding: 7px;
	text-decoration: none;
	display: block;
	text-align: center;
	margin-bottom: 3px;
	border:none;
}

/* txt ==================================================================== */
span.uline {
	background: linear-gradient(transparent 60%, #fff9c8 0%);
}
span.txt-red {
	color: #bb0940;
}

/* box ==================================================================== */
.ec-box01{ padding: 10px; margin-bottom: 10px; }
.ec-box02{ padding: 10px }
.ec-box03{ padding: 20px }


/* ************************************************************************************************ */
@media screen and (max-width: 768px) {

/* btn ==================================================================== */
a.ec-btn01 { font-size: 13px; }
a.ec-btn02 { font-size: 13px; }
a.ec-btn03 { font-size: 13px; }
a.ec-btn04 { font-size: 13px; }
a.ec-btn05 { font-size: 13px; }
a.ec-btn06 { font-size: 13px; }
a.ec-btn07 { font-size: 13px; }

/* box ==================================================================== */
.ec-box01{ padding: 10px }
.ec-box02{ padding: 10px }
.ec-box03{ padding: 10px }

.wide01{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide02{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide03{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.wide04{ width:100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

}

/* ************************************************************************************************ */
@media screen and (max-width: 480px) {
}