@charset "Shift_JIS";

/* ===================
common
=================== */

#newmember_1604 .sect{clear:both; width:100%; font-size:12px; color:#333;}
#newmember_1604 .sect h2{clear:both; width:100%;}
#newmember_1604 .sect h2 img{width:100%; height:auto;}
#newmember_1604 .sect h3{color:#fff; text-align:center; font-size:18px; font-weight:bold; min-height:40px; display:-webkit-box; display:box; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center; background-color:#000;}
#newmember_1604 .sect h4{ padding-top:20px; text-align:center; margin:0 20px;}
#newmember_1604 .sect .box{background:#fff left top no-repeat; background-size:50px; -webkit-background-size:50px; margin:10px; padding:10px; border-radius:3px; box-shadow:0 1px 1px rgba(11,3,6,0.1);}
#newmember_1604 .sect .box .border{text-align:center; margin-bottom:13px; border-bottom:1px dotted rgba(0,0,0,0.3);}
#newmember_1604 .sect .box .border h5{ padding-top:7px;text-align:center;}
#newmember_1604 .sect .box .border h6{ padding:12px 0 10px; font-size:18px; font-weight:bold;}
#newmember_1604 .sect .box .border h6 span{ white-space:nowrap;}
#newmember_1604 .sect .box p{ padding-bottom:12px;}
#newmember_1604 .sect .box .time{ text-align:center;}
#newmember_1604 .sect .box .indentN{padding-left:1em; text-indent:-1em;}
#newmember_1604 .sect .box .indent{padding-left:5em; text-indent:-5em;}
#newmember_1604 .sect .box .indent02{padding-left:8em; text-indent:-8em;}
#newmember_1604 .sect .box .small{font-size:10px;}
#newmember_1604 .sect .box .small mark{font-weight:bold; background-color:transparent;}
#newmember_1604 .sect .box .list{ font-size:11px; padding:0 15px 12px; margin-top:-12px;}
#newmember_1604 .sect .box .list li{ padding:4px 0 0 1em; text-indent:-1em;}
#newmember_1604 .sect .box .list li mark{ font-weight:bold; background-color:transparent;}

#newmember_1604 .sect .btn{margin:0 20px;}
#newmember_1604 .sect .box .btn{margin:0;}
#newmember_1604 .sect .btn img,#newmember_1604 .sect .btn02 img{width:100%;}
#newmember_1604 .sect .box .txtLink{ text-align:right;}
#newmember_1604 .sect .box .txtLink a{ background:url(/smp/campaign/newmember_1604/img/newmember_icon01.png) left center no-repeat; background-size:8px 9px; -webkit-background-size:8px 9px; padding-left:12px; text-decoration:underline;}

#newmember_1604 .sect .notice{ padding:15px 20px 20px; font-size:10px;}
#newmember_1604 .sect .notice dt{}
#newmember_1604 .sect .notice dd{ padding-left:1em; text-indent:-1em;}

#newmember_1604 .sect .pagetop{text-align:right; padding:25px 10px 25px;}

#newmember_1604 .common_notice{ padding:20px; font-size:10px;}
#newmember_1604 .common_notice dt{}
#newmember_1604 .common_notice dd{ padding-left:1em; text-indent:-1em;}

#newmember_1604 .pagetopL{background:#e5e5e5; text-align:center; font-size:14px; min-height:55px; display:-webkit-box; display:box; -webkit-box-align:center; box-align:center; -webkit-box-pack:center; box-pack:center;}
#newmember_1604 .pagetopL a{background:url(/smp/campaign/newmember_1604/img/newmember_icon02.png) left center no-repeat; background-size:8px 9px; -webkit-background-size:8px 9px;text-decoration:underline; padding-left:12px;}

/* ===================
#sect00
=================== */
#newmember_1604 #sect00 .btnlist{ padding:20px 20px 10px;}
#newmember_1604 #sect00 .btnlist li{ padding-bottom:10px;}
#newmember_1604 #sect00 .btnlist li img{ width:100%; height:auto;}

/* ===================
nav
=================== */
#newmember_1604 .anchor{padding-bottom:35px;}
#newmember_1604 .anchor ul{border-top:1px solid #dddddd;}
#newmember_1604 .anchor ul li{border-bottom:1px solid #dddddd;}
#newmember_1604 .anchor ul li a{ display:block; padding:9px 10px; background:url(/smp/campaign/newmember_1604/img/newmember_nav00.png) no-repeat;
background-position : 97% center; /* IE8以下とAndroid4.3以下用フォールバック */
background-position : -webkit-calc(100% - 12px) center;
background-position : calc(100% - 12px) center;
background-size:17px 18px;-webkit-background-size:17px 18px;
}
#newmember_1604 .anchor ul li:nth-child(1) a{
background-color:#ffebed;}

#newmember_1604 .anchor ul li:last-child a{
background-color:#fffbe6;
border:2px solid #c59e00;}
#newmember_1604 #nav06 a{
	padding-left:5px;
}
/* ===================
#admission
=================== */
#newmember_1604 #admission{background-color:#ffe5e7;}
#newmember_1604 #admission h3{background-color:#e60012;}
#newmember_1604 #admission .pagetop{padding:15px 10px 25px;}

/* ===================
#shopping
=================== */
#newmember_1604 #shopping{background-color:#fff6c2;}
#newmember_1604 #shopping h3{background-color:#f3b81c;}
#newmember_1604 #shopping .box .time{ color:#f8d689;}
#newmember_1604 #shopping .box .time span{ color:#ff7200; padding:0 3px;}
#newmember_1604 #shopping .box .indent span{color:#f3b81c;}
#newmember_1604 #shopping .box .att{border:1px solid #e60012;color:#e60012; padding:5px;}
#newmember_1604 #shopping .box .att strong span{ white-space:nowrap;}
#newmember_1604 #shopping h4:last-of-type{ padding:14px 0 14px; border-bottom:1px dotted rgba(0,0,0,0.3);}
#newmember_1604 #shopping .date {color: #ff7200;}

/* ===================
#mobilephone
=================== */
#newmember_1604 #mobilephone{background-color:#dcf5ff;}
#newmember_1604 #mobilephone h3{background-color:#009cd7;}
#newmember_1604 #mobilephone .box .time{ color:#009cd7;}
#newmember_1604 #mobilephone .box .time span{ color:#1e58af; padding:0 3px;}
#newmember_1604 #mobilephone .box .indent span{color:#009cd7;}
#newmember_1604 #mobilephone .date {color: #1e58af;}

/* ===================
#prepaidcard
=================== */
#newmember_1604 #prepaidcard{background-color:#ffe5e5;}
#newmember_1604 #prepaidcard h3{background-color:#ff6563;}
#newmember_1604 #prepaidcard .box .time{ color:#ff6562;}
#newmember_1604 #prepaidcard .box .time span{ color:#e22a55; padding:0 3px;}
#newmember_1604 #prepaidcard .box .indent span{color:#ff6562;}
#newmember_1604 #prepaidcard .date {color:#ff6562;}

/* ===================
#cashing
=================== */
#newmember_1604 #cashing{background-color:#e6dcef;}
#newmember_1604 #cashing h3{background-color:#a57fc8;}
#newmember_1604 #cashing .box .indent span{color:#a680c9;}

/* ===================
#appDownload
=================== */
#newmember_1604 #appDownload{background-color:#e6ffd4;}
#newmember_1604 #appDownload h3{background-color:#70c035;}
#newmember_1604 #appDownload .box .indent span{color:#70c035;}
#newmember_1604 #appDownload .txtLink{ text-align:left; padding-top:20px;}

/* ===================
#complete
=================== */
#newmember_1604 #complete{background-color:#f5ecc6;}
#newmember_1604 #complete h3{background-color:#c59e00;}
#newmember_1604 #complete .box .indent span{color:#c59e00;}
#newmember_1604 #complete .date {color:#c59e00;}



#newmember_1604 #shopping .date, #mobilephone .date, #appDownload .date, #prepaidcard .date, #prepaidcard .date {font-size: 13px; font-weight: bold; text-align: center; }

.red_day {color:#FF0000;}


/* ===================
btnBlock
=================== */
#newmember_1604 .btnBlock{
	margin:15px 20px 0;
}
/* ===================
listBlock
=================== */
#newmember_1604 .listBlock{
	margin:0 20px 5px;
}
/* ===================
20150807
=================== */
.announcement{background-color:#C80928; font-size:19px; text-align:center; color:#ffffff; font-weight:bold; padding-bottom:17px; }

/* ===================
20150817
=================== */
.title {font-size:18px; color:#C80A28; padding-top:5px;}
.title  a:link, a:visited, a:active {border-style: none; text-decoration: underline;}

/* ===================
20150827 introduce
=================== */
.closebtn { text-align:center; padding:10px 0;}

/* ===================
20151209 /newmember_1512/→/newmember_1512/変更済み
=================== */


/* ===================
20160127
=================== */
.subTxt{
	font-size:14px;
	font-weight:bold;
	line-height:21px;
	margin-bottom:25px;
}
.headline{
	font-weight:bold;
}
#shopping .headline{
	color:#fe7503;
}
#mobilephone .headline{
	color:#1e58af;
}
#prepaidcard .headline{
	color:#e22a55;
}
#cashing .headline{
	color:#7543a3;
}
#appDownload .headline{
	color:#07903e;
}
#complete .headline{
	color:#836f20;
}

/* ===================
20160331
/newmember_1602/→/newmember_1604/変更済み
=================== */
#newmember_1604 .pb00{padding-bottom:0 !important;}
#newmember_1604 .listBlock ul li{
	text-indent:-1em;
	padding-left:1em;
}
#newmember_1604 .cautionBlock01 ul li{
	font-size:12px;
	text-indent:-1em;
	padding-left:1em;
	margin:0 0 5px;
}
#newmember_1604 .cautionBlock01 ul li:last-child{
	margin:0 0 10px;
}
#newmember_1604 .box_type01 h3{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	padding: 10px 10px;
	text-align:left ;
}