@charset "utf-8";
/* DMキャンペーン共通 レスポンシブ対応
--------------------------------------------------------------------*/
/* DMキャンペーン
#Dm-ponta：Ponta
#Dm-day：応募締切
#Dm-main：コピー文
#Dm-bt：エントリーボタン
#Dm-box #att：注意事項
#Dm-box #ponta-life：入会登録
--------------------------------------------------------------------*/

/*============== 共通リセット ================*/
#contents {
 padding: 30px 0;
}
.container-wrap.rsp #contents .inner {
margin:0 auto;
width:calc(100% - 60px);
max-width:970px;
}
@media screen and (max-width: 767px) {
#contents {
padding: 20px 0 0;
margin-bottom: 40px;
}
.container-wrap.rsp #contents .inner {
width: 100%;
}
}
.cfx:after {
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
    content: ".";
    line-height: 0;
    font-size: 0.1em;
}
/*============== エラー（レスポンシブ） ================*/
@media screen and (max-width: 767px) {
/* a-error & a-ok */
#contents .a-error, #contents .a-ok {
background-position: 10px 50%;
-webkit-background-size: 45px 40px;
-moz-background-size: 45px 40px;
-o-background-size: 45px 40px;
background-size: 45px 40px;
padding: 10px 10px 10px 65px;
margin-bottom: 5px;
}
#contents .a-error {
/*background-image: url(/c/cmn/img/bg_error_x2.png);*/
background-image: url(/c/cmn/img/bg_error.png);
}
#contents .a-ok {
/*background-image: url(/c/cmn/img/bg_ok_x2.png);*/
background-image: url(/c/cmn/img/bg_ok.png);
}
}

/*============== 入会ボタン（about用cssから抜粋） ================*/
/*================== 960px以上の場合 ==================*/
#ponta-life {
*zoom: 1;
padding: 0 7px 10px 19px;
background:#FFFFFF;
}
#ponta-life:after {
content: "";
display: block;
clear: both;
}
#ponta-life p:first-child {
float: left;
font-size: 175%;
margin-top: 27px;
text-indent: 0%;
font-weight: bold;
}
#ponta-life p {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#ponta-life p:first-child + p {
float: right;
width: 340px;
height: 68px;
background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/common/img/btn_ponta-life_web.png);
}
#ponta-life p:first-child + p a {
display: block;
width: 340px;
height: 68px;
}
#ponta-life p:first-child + p:hover {
background-position: 0 -68px;
}

/*================== TAB/SPの場合 ==================*/
@media screen and (max-width: 767px) {
#ponta-life {
padding:0;
}
#ponta-life p:first-child {
line-height: 1.3;
font-size:100%;
margin-top:0;
font-weight:400;
}
#ponta-life p {
overflow:visible;
text-indent:0%;
white-space:normal;
}
#ponta-life p:first-child + p {
float:none;
width:auto;
height:auto;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e6e0d3), color-stop(100%, #ffffff));
background-image: -webkit-linear-gradient(top, #e6e0d3, #ffffff);
background-image: -moz-linear-gradient(top, #e6e0d3, #ffffff);
background-image: -o-linear-gradient(top, #e6e0d3, #ffffff);
background-image: linear-gradient(to bottom, #e6e0d3, #ffffff);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e0d3', endColorstr='#ffffff', GradientType=0)";
border-radius: 1px;
}
#ponta-life p:first-child + p a {
display: block;
background: url(/c/cmn/img/ico_arrow_x2.png) no-repeat 96%;
-webkit-background-size: 10px 17px;
-moz-background-size: 10px 17px;
-o-background-size: 10px 17px;
background-size: 10px 17px;
border: 2px solid #ab6f33;
border-radius: 1px;
-webkit-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
padding: 8px 25px 8px 65px;
position: relative;
line-height: 1.2;
font-size: 14px;
font-size: 1.4rem;
width:auto;
height:auto;
text-decoration: none;
}
#ponta-life p:first-child + p a:after {
content: '';
display: block;
width: 68px;
height: 58px;
background: url(https://pntc.sslcs.cdngc.net/cdn/campaign/common/img/bg_ponta2.png) no-repeat;
-webkit-background-size: 68px 69px;
-moz-background-size: 68px 69px;
-o-background-size: 68px 69px;
background-size: 68px 69px;
position: absolute;
bottom: 0px;
left: 2px;
}
#ponta-life p:first-child + p:hover {
background-position: 0 0;
}
}

@media screen and (min-width: 768px) and (max-width: 1009px) {
#ponta-life {
padding: 0 7px 9px 19px;
}
#ponta-life p {
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
}
#ponta-life p:first-child {
text-indent: 0%;
font-size: 150%;
font-weight: bold;
}
#ponta-life p:first-child + p {
width: 300px;
height: 68px;
background-image: url(https://pntc.sslcs.cdngc.net/cdn/campaign/common/img/btn_ponta-life_tl_web.png);
}
#ponta-life p:first-child + p a {
display: block;
width: 300px;
height: 68px;
/*IE8 hack*/
color: #fff;
font-size: 1%;
}
#ponta-life p:first-child + p:hover {
background-position: 0 -68px;
}
}

/* メインエリア
--------------------------------------------------------*/
/*================== 960px以上の場合 ==================*/
#Dm-ponta {
float:left;
padding:10px 10px 0 0;
}
#Dm-day {
font-size: 0;
text-align:right;
}
#Dm-day p {
margin-right:10px;
padding:5px 5px 4px 6px;
display:inline-block;
line-height:1;
font-size:17px;
font-weight:bold;
color:#FFFFFF;
background:#DA332D;
border-radius:3px 3px 0 0;
border:#FF9123 solid 2px;
border-bottom:none;
}
#Dm-day span {
font-size:25px;
}
#Dm-day i {
font-style:normal;
font-size:15px;
}
#Dm-main {
margin-left:195px;
padding:0 5px 5px 15px;
border-radius:6px;
border:#FF9123 solid 5px;
background:url(https://pntc.sslcs.cdngc.net/cdn/campaign/common/img/dm_main_bg.png) no-repeat 99% 6%;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
}
#Dm-main p {
line-height:1.3;
font-size:20px;
font-weight:bold;
color:#402659;
}
#Dm-main .tt {
margin:-20px 0 10px -3px;
}
#Dm-main .prst {
display:table-cell;
font-size:28px;
color:#F67D13;
text-shadow:1px 1px 0 #FFCE3A;
}
#Dm-main .prst i {
font-style:normal;
font-size:23px;
font-weight:bold;
}
#Dm-main .prst span {
font-size:40px;
color:#D21111;
}
#Dm-main .prst span i {
font-size:30px;
}
#Dm-bt {
margin-left:195px;
padding-top:10px;
text-align:right;
font-size:12px;
color:#8A432B;
}
#Dm-bt p {
margin-bottom:3px;
border:2px solid #F48327;
border-radius:4px;
}
#Dm-bt p a {
display:block;
padding:15px 10px;
text-align:center;
border:2px solid #ffffff;
border-radius:4px;
background:#FFCB2B;
background:-webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F2BE1E), color-stop(0.51, #F2BE1E), color-stop(0.50, #FFCB2B), color-stop(0.00, #FFCB2B));
background: -moz-linear-gradient(top, #FFCB2B 0%, #FFCB2B 50%, #F2BE1E 51%, #F2BE1E 100%);
background: -o-linear-gradient(top, #FFCB2B 0%, #FFCB2B 50%, #F2BE1E 51%, #F2BE1E 100%);
background: linear-gradient(to bottom, #FFCB2B 0%, #FFCB2B 50%, #F2BE1E 51%, #F2BE1E 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFCB2B', endColorstr='#F2BE1E', GradientType=0)";
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
box-shadow:rgba(0, 0, 0, 0.3) 1px 1px 7px 1px;
}
#Dm-bt p a:hover {
background:#FEFDF6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #F1F0E9), color-stop(0.51, #F1F0E9), color-stop(0.50, #FEFDF6), color-stop(0.00, #FEFDF6));
background: -moz-linear-gradient(top, #FEFDF6 0%, #FEFDF6 50%, #F1F0E9 51%, #F1F0E9 100%);
background: -o-linear-gradient(top, #FEFDF6 0%, #FEFDF6 50%, #F1F0E9 51%, #F1F0E9 100%);
background: linear-gradient(to bottom, #FEFDF6 0%, #FEFDF6 50%, #F1F0E9 51%, #F1F0E9 100%);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFDF6', endColorstr='#F1F0E9', GradientType=0)";
}
#Dm-box #att a {
	color: #0099cc;
}
/*================== 併用ログイン ==================*/
.combined-login #Dm-bt .link-txt {
	border: 0;
	border-radius: 0;
	text-align: right;
}
.combined-login #Dm-bt .link-txt a {
	display:inline-block;
	padding:0;
	text-align:center;
	border:0;
	border-radius:0;
	background:none;
	text-decoration: underline;
	color: #0099cc;
	box-shadow: none;
}
.combined-login #Dm-box #att {
	width: 100%;
}
@media screen and (max-width: 1009px){
	.combined-login #Dm-bt .link-txt {
		text-align: left;
	}
}
@media screen and (max-width: 767px) {
	.combined-login #Dm-box #att {
		width: auto;
	}
}
/*================== PC/TABの場合 ==================*/
@media screen and (max-width: 1009px) {
#Dm-day p {
font-size:15px;
}
#Dm-day span {
font-size:22px;
}
#Dm-day i {
font-size:13px;
}
#Dm-main .tt {
margin:7px 0 8px -3px;
}
#Dm-main .prst {
display:block;
}
#Dm-bt {
clear:both;
margin-left:0;
text-align:center;
}
#Dm-bt p {
margin:0 auto 3px auto;
max-width:755px;
}
}

/*================== TAB/SPの場合 ==================*/
@media screen and (max-width: 767px) {
#Winauto #contents {
padding:5px 0px 30px 0px;
}
#Winauto #contents .inner img {
zoom:1;
}
#Dm-ponta img {
width:145px;
padding:5px 5px 0 0;
}
#Dm-day p {
font-size:14px;
}
#Dm-day span {
font-size:20px;
}
#Dm-day i {
font-size:12px;
}
#Dm-main {
margin-left:150px;
background-position:99% 3%;
}
#Dm-main {
padding:0 5px 5px 10px;
border:#FF9123 solid 3px;
}
#Dm-main p {
font-size:14px;
}
#Dm-main .tt img {
max-width:371px;
width:100%;
}
#Dm-main .prst {
display:block;
font-size:19px;
}
#Dm-main .prst i {
font-size:14px;
}
#Dm-main .prst span {
font-size:30px;
}
#Dm-main .prst span i {
font-size:19px;
}
#Dm-bt {
margin:0 5px;
}
#Dm-bt p a img {
max-width:401px;
width:100%;
}
}
/*================== SPの場合 ==================*/
@media screen and (max-width: 480px) {
#Dm-ponta {
width:30%;
padding:0;
padding-top:10px;
}
#Dm-ponta img {
width:100%;
padding:0;
}
/*=== Ponta ===*/
#Dm-day {
margin-left:0;
}
#Dm-day p {
margin-right:3px;
padding:3px 5px 2px 5px;
}
#Dm-day p span {
font-size:18px;
}
#Dm-main {
margin-left:0;
padding:0 5px 5px 7px;
background-position:99% 1%;
}
#Dm-main p {
padding-left:30%;
}
#Dm-main .tt {
padding-left:30%;
}
#Dm-main .prst:last-child {
background:url(https://pntc.sslcs.cdngc.net/cdn/campaign/common/img/dm_main_bg.png) no-repeat left bottom;
background-size:80px;
}
#Dm-main .prst span {
font-size:25px;
}
}

/* 注意事項・入会案内
--------------------------------------------------------*/
/*================== 960px以上の場合 ==================*/
#Dm-box {
clear:both;
margin-top:20px;
}
#Dm-box #att,
#Dm-box #ponta-life {
border:#BABABA solid 1px;
border-radius:5px;
}
#Dm-box #att {
float:left;
width:58%;
color:#444444;
font-size: 12px;
}
#Dm-box #att ul {
padding:15px;
}
#Dm-box #att ul li {
text-indent:-1.2em;
margin-left:1.2em;
}
#Dm-box #ponta-life {
float:right;
padding:0 0 15px 0 !important;
width:40%;
text-align:center;
}
#Dm-box #ponta-life p:first-child {
margin-top:0;
padding: 15px 0 0 0;
width: 100%;
color:#8A432B;
font-size:15px;
}
#Dm-box #ponta-life p:first-child + p {
margin:0 auto;
float:none;
}
#Dm-box #ponta-life span {
display:none;
}
/*================== PC/TABの場合 ==================*/
@media screen and (max-width: 1009px) {
#Dm-box #att {
width:53%;
}
#Dm-box #ponta-life {
width:45%;
}
#Dm-box #ponta-life p:first-child {
padding-bottom:5px;
height:auto;
text-shadow:none;
}
}
/*================== TAB/SPの場合 ==================*/
@media screen and (max-width: 767px) {
#Dm-box #att,
#Dm-box #ponta-life {
margin:0 5px;
float:none;
width:auto;
}
#Dm-box #ponta-life {
margin-bottom:10px;
padding:10px !important;
text-align:left;
}
#Dm-box #ponta-life p:first-child {
padding:0 0 10px 0;
width:auto;
font-size:15px;
font-weight:bold;
}
#Dm-box #ponta-life p:first-child + p {
float:right;
}
#Dm-box #ponta-life span {
display:block;
}
#Dm-box #att ul {
padding:10px;
}
}