@charset"UTF-8";
.sp{ display:block; }
.pc{ display:none; }

#cpContainer #cpList ul li p.time_check{display:none;}

/* #suntory_contents #camplist
======================================================================== */
#camplist:after{content:""; clear:both; display:block;}
#camplist dl{float:right;}
#camplist dl dt{line-height:0;}
#camplist dl dd{font-size:11px;line-height:110%;padding:6px 3px 4px 0;text-align:right;}
#camplist a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}


/* #cpContainer #cpList
======================================================================== */
#cpContainer #cpList ul.cp_list li.cp_box{
border-bottom:1px solid #5bc2dc;
}

#cpContainer #cpList ul.cp_list li.cp_box .cpFrame{
padding:20px;
}


/* #cpContainer #cpList ul li .cpFrame .cpFrame_hd
==================================================== */
#cpContainer #cpList ul li .cpFrame_hd{
display:table;
width:100%;
}

#cpContainer #cpList ul li .cpFrame_hd .cpImg,
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r{
display:table-cell;
vertical-align:top;
}

#cpContainer #cpList ul li .cpFrame_hd .cpImg{width:150px;}
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r{width:auto;}


/* #cpContainer #cpList ul li .cpFrame_hd .cpImg
================================================ */
#cpContainer #cpList ul li .cpFrame_hd .cpImg img{
width:140px;
height:auto;
}

/* #cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r
================================================ */
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl h3,
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl p.cpNew{
float:left;
}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl h3,
#cpContainer #cpList ul li a .cpFrame_hd .cpFrame_hd_r .cpTtl h3{
font-size:15px;
line-height:1.3;
font-weight:bold;
}

#cpContainer #cpList ul li a .cpFrame_hd .cpFrame_hd_r .cpTtl h3{
color:#06a;
text-decoration:none;
}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl p.cpNew span:before{content:"" !important;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpTtl p.cpNew span{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;font-size:0;
width:25px;
height:13px;
background:url(../img/icon_new_sp.png) no-repeat 0 0;
background-size:25px 13px;
margin:3px 0 0 8px;
}





/* #cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico
================================================ */
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico{
margin-top:10px;
}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico p.cpDeadline,
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon{
float:left;
}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico p.cpDeadline span:before{content:"" !important;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico p.cpDeadline span{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;font-size:0;
width:55px;
height:18px;
background:url(../img/icon_close_sp.png) no-repeat 0 0;
background-size:55px 18px;
}




/* #cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon
================================================ */
#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon li{
float:left;
padding:0 0 0 5px;
font-size:0;
line-height:0;
}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon li.cpLimit.limit_2 span:before{content:"" !important;}

#cpContainer #cpList ul li .cpFrame_hd .cpFrame_hd_r .cpFrame_hd_r_ico .cpIcon li.cpLimit.limit_2 span{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;font-size:0;
width:70px;
height:18px;
background:url(../img/icon_ok_sp.png) no-repeat 0 0;
background-size:70px 18px;
}

/* #cpContainer #cpList ul li .cpFrame dl
================================================ */
/* #cpContainer #cpList ul li .cpFrame dl dt
------------------------------------------------------------ */
#cpContainer #cpList ul li .cpFrame dl dt,
#cpContainer #cpList ul li a .cpFrame dl dt,
#cpContainer #cpList ul li .cpFrame dl dd p,
#cpContainer #cpList ul li a .cpFrame dl dd p{
font-size:10px;
line-height:1.3;
color:#444;
}

#cpContainer #cpList ul li .cpFrame dl dt span{
font-weight:bold;
}

/* #cpContainer #cpList ul li .cpFrame dl.cpEndNote
-------------------------------------------------- */
#cpContainer #cpList ul li .cpFrame dl.cpEndNote{
margin-top:10px;
}

#cpContainer #cpList ul li .cpFrame dl.cpEndNote:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame dl.cpEndNote dt,
#cpContainer #cpList ul li .cpFrame dl.cpEndNote dd{
float:left;
}

#cpContainer #cpList ul li .cpFrame dl.cpEndNote dd p{
color:#f07;
padding-left:0.7em;
font-weight:bold;
}


/* #cpContainer #cpList ul li .cpFrame p.cpQualify
================================================ */
#cpContainer #cpList ul li .cpFrame p.cpQualify{
margin:10px 0 0 0;
}

#cpContainer #cpList ul li .cpFrame p.cpQualify span{
display:block;
width:100%;
height:45px;
border-radius:5px;
font-size:15px;
line-height:45px;
color:#fff;
font-weight:bold;
text-align:center;
}

#cpContainer #cpList ul li .cpFrame p.cpQualify span.cpOpen{
background:url(../img/icon_arrow_pi_sp.png) no-repeat right 50% #f58;
background-size:37px 25px;
}

#cpContainer #cpList ul li .cpFrame p.cpQualify span.cpClosed{
background:url(../img/icon_arrow_or_sp.png) no-repeat right 50% #f90;
background-size:37px 25px;
}


#cpContainer #cpList ul li a:hover .cpFrame p.cpQualify span{
opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";
}
