@charset "utf-8";
/* CSS Document */

/* -----------------------------------------------------------

common

----------------------------------------------------------- */
.clear{ clear:both;}
a{ outline:none; }
img{ border:none:}
/* clearfix */
.clearfix {zoom:1;}
.clearfix:after{
    content: "";
    display: block;
    clear: both;}

/* -----------------------------------------------------------*/

.coupon_s {
	position:relative;
	width:258px;
	height:194px;
}

#coupon_main {
	width: 258px;
	height:194px;
	font-family: sans-serif;
	line-height:normal;
}

#bg_first {
	background:url(../images/s_coupon_bg01.png) no-repeat;
	width: 258px;
	height:194px;
	line-height:normal;
}

#bg_second {
	background:url(../images/s_coupon_bg02.png) no-repeat;
	width: 258px;
	height:194px;
	line-height:normal;
}

#bg_third {
	background:url(../images/s_coupon_bg03.png) no-repeat;
	width: 258px;
	height:194px;
	line-height:normal;
}

.nta_logo {
	float:left;
	width:90px;
	height:50px;
	background-image:url("/jalan/doc/coupon/NTA_template/images/s_nta_logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	margin:10px 0 0 10px;
	line-height:normal;
}

.nta_stext {
	float:right;
	width:140px;
	font-size:16px;
	font-weight:bold;
	color:#156417;
	margin:15px 10px 0 0;
	line-height:normal;
}

.nta_num {
	font-size:16px;
	font-weight:bold;
	color:#ce233a;
	padding-top:15px;
	text-align:center;
	margin:0;
	line-height:normal;
}
.date_dep {
	font-size:14px;
	font-weight:bold;
	color:#666666;
	padding-top:5px;
	text-align:center;
	margin:0;
	line-height:normal;
}
#price{
	width:250px;
	margin:0 auto;
	line-height:normal;
}
#price .nta_number {
	width:165px;
	float:left;
	font-size:28px;
	font-weight:bold;
	color:#156417;
	margin:5px 0px 0 5px;
	text-align:right;
	height:65px;
	overflow:hidden;
	line-height:normal;
}

#price .nta_yen {
	width:74px;
	float:right;
	font-size:18px;
	font-weight:bold;
	color:#156417;
	margin:5px 3px 5px 3px;
	padding-top:15px;
	line-height:normal;
}

.date_term_first {
	width:230px;
	background:#a18555;
	border-radius:14px;
	text-align:center;
	padding:5px 0px 5px 5px;
	margin:0 auto;
	font-size:12px;
	color:#FFFFFF;
	line-height:normal;
}

.date_term_second {
	width:230px;
	background:#8e9292;
	border-radius:14px;
	text-align:center;
	padding:5px 0px 5px 5px;
	margin:0 auto;
	font-size:12px;
	color:#FFFFFF;
	line-height:normal;
}

.date_term_third {
	width:230px;
	background:#815f4e;
	border-radius:14px;
	text-align:center;
	padding:5px 0px 5px 5px;
	margin:0 auto;
	font-size:12px;
	color:#FFFFFF;
	line-height:normal;
}

.chrome .nta_num,
.safari	.nta_num,
.iphone .nta_num
{
	padding-top: 5px;
}
.chrome #price .nta_number
{
  font-size: 28px;
  height: 55px;
  line-height: 48px;
}
.safari #price .nta_number
{
  font-size: 28px;
  height: 55px;
  line-height: 48px;
}
.chrome_mobile #price .nta_number,
.iphone #price .nta_number
{
	font-size: 18px;
	height: 55px;
	margin-top:0px;
}
.chrome #price .nta_yen
{
	font-size:13px;
	padding-top: 10px;
}
.safari #price .nta_yen
{
        font-size:13px;
        padding-top: 10px;
}
.iphone #price .nta_yen
{
	font-size:13px;
	padding-top: 10px;
	margin-top:0px;
}
.chrome .date_dep,
.safari .date_dep,
.iphone .date_dep
{
	font-size:12px;
}

.coupon_ss {
	position:relative;
	width:210px;
	height:157px;
}

.coupon_ss #coupon_main {
	width:210px;
	height:157px;
}

.coupon_ss #bg_first {
	background-image:url(../images/ss_coupon_bg01.png);
	background-repeat:no-repeat;
	background-size:210px 157px;
	width:210px;
	height:157px;
}

.coupon_ss #bg_second {
	background-image:url(../images/ss_coupon_bg02.png);
	background-repeat:no-repeat;
	background-size:210px 157px;
	width:210px;
	height:157px;
}

.coupon_ss #bg_third {
	background-image:url(../images/ss_coupon_bg03.png);
	background-repeat:no-repeat;
	background-size:210px 157px;
	width:210px;
	height:157px;
}

.coupon_ss .nta_logo {
	float:left;
	width:72px;
	height:40px;
	background-image:url("/jalan/doc/coupon/NTA_template/images/ss_nta_logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	margin:10px 0 0 10px;
	line-height:normal;
}

.coupon_ss .nta_stext {
	float:right;
	width:110px;
	font-size:13px;
	font-weight:bold;
	color:#156417;
	margin:10px 10px 0 0;
	line-height:normal;
}
.coupon_ss .nta_num {
	font-size:12px !important;
	color:#ce233a;
	padding-top:10px;
	font-weight:bold;
	text-align:center;
	margin:0;
	line-height:normal;
}
.coupon_ss .date_dep {
	font-size:10px !important;
	padding-top:4px;
}
.coupon_ss #price{
	width:200px;
}
.coupon_ss #price .nta_number {
	width:136px;
	font-size:28px;
	color:#156417;
	margin:4px 0px 0 4px;
	height:52px;
	float:left;
	font-weight:bold;
	text-align:right;
	overflow:hidden;
	line-height:normal;
}
.coupon_ss #price .nta_yen {
	width:50px;
	font-size:11px;
	color:#156417;
	margin:4px 3px 4px 4px;
	padding-top:12px;
	float:right;
	font-weight:bold;
	line-height:normal;
}
.coupon_ss .date_term_first {
	width:174px;
	padding:4px 0px 4px 4px;
	font-size:10px !important;
}
.coupon_ss .date_term_second {
	width:174px;
	border-radius:11px;
	padding:4px 0px 4px 4px;
	font-size:10px !important;
}
.coupon_ss .date_term_third {
	width:174px;
	border-radius:11px;
	padding:4px 0px 4px 4px;
	font-size:10px !important;
}
.chrome .coupon_ss .nta_stext
{
	font-size: 10px;
	width:90px;
	margin: 3px 10px 0 0;
}
.safari .coupon_ss .nta_stext
{
        font-size: 10px;
        width:90px;
        margin: 3px 10px 0 0;
}
.iphone .coupon_ss .nta_stext
{
	font-size: 10px;
	width:92px;
	margin: 3px 8px 0 0;
}
.chrome .coupon_ss .nta_num
{
	padding-top: 2px;
}
.iphone .coupon_ss .nta_num
{
	padding-top:0px;
}
.safari .coupon_ss .date_dep {
        padding-top:0px;
}
.iphone .coupon_ss .date_dep {
	padding-top:0px;
}
.chrome .coupon_ss #price .nta_number
{
  font-size: 28px;
  height: 55px;
  line-height: 48px;
}
.chrome_mobile .coupon_ss #price .nta_number,
.iphone .coupon_ss #price .nta_number
{
	margin-top:0px;
	font-size:18px;
}
.chrome .coupon_ss #price .nta_yen
{
	font-size:10px;
	padding-top:10px;
}
.iphone .coupon_ss #price .nta_yen
{
	font-size:11px;
	padding-top:13px;
	line-height:100%;
}
.chrome .coupon_ss .date_term_first,
.chrome .coupon_ss .date_term_second,
.chrome .coupon_ss .date_term_third,
.iphone .coupon_ss .date_term_first,
.iphone .coupon_ss .date_term_second,
.iphone .coupon_ss .date_term_third
{
	width:184px;
}
.safari .coupon_ss .date_term_first,
.safari .coupon_ss .date_term_second,
.safari .coupon_ss .date_term_third,
.safari .coupon_ss .date_term_first,
.safari .coupon_ss .date_term_second,
.safari .coupon_ss .date_term_third
{
        width:184px;
}
.coupon_ss_sp {
	position:relative;
	width:128px;
	height:96px;
}

.coupon_ss_sp #coupon_main {
	width:128px;
	height:96px;
}

.coupon_ss_sp #bg_first {
	background-image:url(../images/s_coupon_bg01.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:128px;
	height:96px;
}

.coupon_ss_sp #bg_second {
	background-image:url(../images/s_coupon_bg02.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:128px;
	height:96px;
}

.coupon_ss_sp #bg_third {
	background-image:url(../images/s_coupon_bg03.png);
	background-repeat:no-repeat;
	background-size:contain;
	width:128px;
	height:96px;
}

.coupon_ss_sp .nta_logo {
	float:left;
	width:36px;
	height:20px;
	background-image:url("/jalan/doc/coupon/NTA_template/images/s_nta_logo.png");
	background-size:contain;
	background-repeat: no-repeat;
	margin:7px 0 0 2px;
	line-height:normal;
}

.coupon_ss_sp .nta_stext {
	float:right;
	width:90px;
	font-size:7px;
	font-weight:normal;
	color:#156417;
	margin:12px 0 0 0;
	text-align:center;
	line-height:normal;
}
.chrome_mobile .coupon_ss_sp .nta_stext {
	position:absolute;
	left:26px;
	white-space:nowrap;
	font-size:10px;
	-webkit-transform:scale(0.7);
}

.coupon_ss_sp .nta_num {
	font-size:8px !important;
	color:#ce233a;
	padding-top:4px;
	font-weight:normal;
	text-align:center;
	margin:0;
	line-height:normal;
}
.iphone .coupon_ss_sp .nta_num
{
	padding-top:0px;
}
.chrome_mobile .coupon_ss_sp .nta_num
{
	position:absolute;
	top:20px;
	left:-8px;
	white-space:nowrap;
	-webkit-transform:scale(0.80);
}
.coupon_ss_sp .date_dep {
	font-size:7px !important;
	padding-top:3px;
}
.iphone .coupon_ss_sp .date_dep
{
	font-size:6px !important;
	padding-top:0px;
}
.chrome_mobile .coupon_ss_sp .date_dep
{
	position:absolute;
	top:35px;
	left:-16px;
	white-space:nowrap;
	-webkit-transform:scale(0.8);
	padding-top:0px;
}
.coupon_ss_sp #price{
	width:134px;
}
.chrome_mobile .coupon_ss_sp #price{
	position:absolute;
	top:44px;
	left:0px;
}
.coupon_ss_sp #price .nta_number {
	width:86px;
	font-size:28px;
	color:#156417;
	margin:4px 0px 0 2px;
	height:30px;
	float:left;
	font-weight:bold;
	text-align:right;
	overflow:hidden;
	line-height:normal;
}
.chrome_mobile .coupon_ss_sp #price .nta_number,
.iphone .coupon_ss_sp #price .nta_number {
	font-size:18px;
	height:28px;
	margin-top:0px;
}
.coupon_ss_sp #price .nta_yen {
	width:40px;
	font-size:8px;
	color:#156417;
	margin:2px 2px 2px 2px;
	padding-top:10px;
	float:right;
	font-weight:bold;
	line-height:normal;
}
.iphone .coupon_ss_sp #price .nta_yen {
	padding-top:8px;
	margin-top:0px;
	line-height:100%;
}
.chrome_mobile .coupon_ss_sp #price .nta_yen {
	position:absolute;
	top:0px;
	left:85px;
	white-space:nowrap;
	-webkit-transform:scale(0.9);
}
.coupon_ss_sp .date_term_first,
.coupon_ss_sp .date_term_second,
.coupon_ss_sp .date_term_third
{
	font-size:6px !important;
	padding: 2px 0 2px 2px;
	width:110px;
}

.iphone .coupon_ss_sp .date_term_first,
.iphone .coupon_ss_sp .date_term_second,
.iphone .coupon_ss_sp .date_term_third
{
	margin-top:4px;
}
.chrome_mobile .coupon_ss_sp .date_term_first,
.chrome_mobile .coupon_ss_sp .date_term_second,
.chrome_mobile .coupon_ss_sp .date_term_third
{
	position:absolute;
	top:75px;
	left:-16px;
	white-space:nowrap;
	-webkit-transform:scale(0.75);
	padding: 4px 0 4px 4px;
	width:155px;
}
.safari .date_term_first,
.safari .date_term_second,
.safari .date_term_third
{
	padding:2px 0px 2px 5px;
}