@charset "Shift_JIS";

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

#newmember_01 .sect{clear:both; width:100%; font-size:12px; color:#333;}
#newmember_01 .sect h2{clear:both; width:100%;}
#newmember_01 .sect h2 img{width:100%; height:auto;}
#newmember_01 .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_01 .sect h4{ padding-top:20px; text-align:center; margin:0 20px;}
#newmember_01 .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_01 .sect .box .border{text-align:center; margin-bottom:13px; border-bottom:1px dotted rgba(0,0,0,0.3);}
#newmember_01 .sect .box .border h5{ padding-top:7px;text-align:center;}
#newmember_01 .sect .box .border h6{ padding:12px 0 10px; font-size:18px;}
#newmember_01 .sect .box .border h6 span{ white-space:nowrap;}
#newmember_01 .sect .box p{ padding-bottom:12px;}
#newmember_01 .sect .box .time{ text-align:center;}
#newmember_01 .sect .box .indentN{padding-left:1em; text-indent:-1em;}
#newmember_01 .sect .box .indent{padding-left:5em; text-indent:-5em;}
#newmember_01 .sect .box .indent02{padding-left:8em; text-indent:-8em;}
#newmember_01 .sect .box .small{font-size:10px;}
#newmember_01 .sect .box .small mark{font-weight:bold; background-color:transparent;}
#newmember_01 .sect .box .list{ font-size:11px; padding:0 15px 12px; margin-top:-12px;}
#newmember_01 .sect .box .list li{ padding:4px 0 0 1em; text-indent:-1em;}
#newmember_01 .sect .box .list li mark{ font-weight:bold; background-color:transparent;}



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

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

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

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

#newmember_01 .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_01 .pagetopL a{background:url(/smp/campaign/newmember_shop1503/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_01 #sect00 .btnlist{ padding:20px 20px 10px;}
#newmember_01 #sect00 .btnlist li{ padding-bottom:10px;}
#newmember_01 #sect00 .btnlist li img{ width:100%; height:auto;}

/* ===================
nav
=================== */
#newmember_01 .anchor{padding-bottom:35px;}
#newmember_01 .anchor ul{border-top:1px solid #dddddd;}
#newmember_01 .anchor ul li{border-bottom:1px solid #dddddd;}
#newmember_01 .anchor ul li a{ display:block; padding:9px 10px; background:url(/smp/campaign/newmember_shop1503/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_01 .anchor ul li:nth-child(1) a{
background-color:#ffebed;}

/* ===================
#sect01
=================== */
#newmember_01 #sect01{background-color:#ffe5e7;}
#newmember_01 #sect01 h3{background-color:#e60012;}
#newmember_01 #sect01 .pagetop{padding:15px 10px 25px;}

/* ===================
#sect02
=================== */
#newmember_01 #sect02{background-color:#e6ffd4;}
#newmember_01 #sect02 h3{background-color:#70c035;}
#newmember_01 #sect02 .box:nth-of-type(1){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect02_num01.png);}
#newmember_01 #sect02 .box:nth-of-type(2){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect02_num02.png);}
#newmember_01 #sect02 .box:nth-of-type(3){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect02_num03.png);}
#newmember_01 #sect02 .box:nth-of-type(4){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect02_num04.png);}
#newmember_01 #sect02 .box .time{ color:#6fc62f;}
#newmember_01 #sect02 .box .time span{ color:#07903e; padding:0 3px;}
#newmember_01 #sect02 .box .indent span{color:#70c035;}
#newmember_01 #sect02 h4:last-of-type{ padding:14px 0 14px;}

/* ===================
#sect03
=================== */
#newmember_01 #sect03{background-color:#fff6c2;}
#newmember_01 #sect03 h3{background-color:#f3b81c;}
#newmember_01 #sect03 .box:nth-of-type(1){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect03_num01.png);}
#newmember_01 #sect03 .box:nth-of-type(2){background-image:url(/smp/campaign/newmember_shop1503/img/newmember_sect03_num02.png);}
#newmember_01 #sect03 .box .time{ color:#f8d689;}
#newmember_01 #sect03 .box .time span{ color:#ff7200; padding:0 3px;}
#newmember_01 #sect03 .box .indent span{color:#f8d689;}
#newmember_01 #sect03 .box .att{border:1px solid #e60012;color:#e60012; padding:5px;}
#newmember_01 #sect03 .box .att strong span{ white-space:nowrap;}
#newmember_01 #sect03 h4:last-of-type{ padding:14px 0 14px; border-bottom:1px dotted rgba(0,0,0,0.3);}

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

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

/* ===================
20150122
=================== */
#newmember_01 #sect02 .date, #sect03 .date, #sect04 .date, #sect05 .date{ font-weight:bold; font-size:13px; text-align:center;}
#newmember_01 #sect02 .date{ color:#07903E;}
#newmember_01 #sect03 .date{ color:#FF7200;}
#newmember_01 #sect04 .date{ color:#1E58AF;}
#newmember_01 #sect05 .date{ color:#E22A55;}