@charset"UTF-8";
.sp{ display:none; }
.pc{ display:block; }

#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{
width:910px;
background: url(../img/sbf_section_bg.png) no-repeat 0 0;
position:relative;
margin-top:20px;
padding-top:25px;
}

#cpContainer #cpList ul.cp_list li.cp_box:after{
position:absolute;
bottom:-7px;
left:0;
background:url(../img/sbf_section_bottom_bg.png) no-repeat 0 bottom;
content:"";
float:left;
width:910px;
height:7px;
}

/* #cpContainer #cpList ul li .cpFrame
==================================================== */
#cpContainer #cpList ul li .cpFrame{
display:table;
width:860px;
margin:0 0 0 25px;
}

#cpContainer #cpList ul li .cpFrame .cpRight,
#cpContainer #cpList ul li .cpFrame .cpLeft{
display:table-cell;
vertical-align:top;
padding-bottom:20px;
}

#cpContainer #cpList ul li .cpFrame .cpLeft{width:300px;}
#cpContainer #cpList ul li .cpFrame .cpRight{width:560px;padding-top:8px;}


/* #cpContainer #cpList ul li .cpFrame .cpLeft
======================================================================== */
/* #cpContainer #cpList ul li .cpFrame .cpLeft .cpImg
================================================ */
#cpContainer #cpList ul li .cpFrame .cpImg img{
width:280px;
height:auto;
}

/* #cpContainer #cpList ul li .cpFrame .cpLeft ul.cpIcon
================================================ */
#cpContainer #cpList ul li .cpFrame ul.cpIcon{}

#cpContainer #cpList ul li .cpFrame ul.cpIcon:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame ul.cpIcon li{
float:left;
padding:8px 0 0 5px;
font-size:0;
line-height:0;
}

#cpContainer #cpList ul li .cpFrame ul.cpIcon li.cpLimit.limit_2 span:before{content:url(../img/icon_multi.gif) !important;}


/* #cpContainer #cpList ul li .cpFrame .cpRight
======================================================================== */
/* #cpContainer #cpList ul li .cpFrame .cpRight .cpTtl
================================================ */
#cpContainer #cpList ul li .cpFrame .cpTtl h3,
#cpContainer #cpList ul li .cpFrame p.cpNew{
display:inline;
}

#cpContainer #cpList ul li .cpFrame .cpTtl h3,
#cpContainer #cpList ul li a .cpFrame .cpTtl h3{
font-size:1.1em;
line-height:1.2em;
font-weight:bold;
}

#cpContainer #cpList ul li a .cpFrame .cpTtl h3{
color:#06c;
text-decoration:underline;
}


#cpContainer #cpList ul li .cpFrame p span:before{margin:0 0 0 8px;line-height:100%;vertical-align:middle;}
#cpContainer #cpList ul li .cpFrame p.cpNew span:before{content:url(../img/icon_new.gif) !important;}


/* #cpContainer #cpList ul li .cpFrame .cpRight dl
================================================ */
/* #cpContainer #cpList ul li .cpFrame .cpRight dl dt
------------------------------------------------------------ */
#cpContainer #cpList ul li .cpFrame dl dt{
margin:17px 0 0 0;
}

#cpContainer #cpList ul li .cpFrame dl dt span,#cpContainer #cpList ul li a .cpFrame dl dt span{
font-size:0.9em;
line-height:1.4em;
color:#444;
font-weight:bold;
}

/* #cpContainer #cpList ul li .cpFrame .cpRight dl dd
------------------------------------------------------------ */
#cpContainer #cpList ul li .cpFrame dl dd p,
#cpContainer #cpList ul li a .cpFrame dl dd p{
font-size:0.9em;
line-height:1.4em;
color:#444;
}

#cpContainer #cpList ul li .cpFrame dl.cpEndNote dd p{
font-weight:bold;
color:#ff0078;
}


/* #cpContainer #cpList ul li .cpFrame p.cpQualify
================================================ */
#cpContainer #cpList ul li .cpFrame p.cpQualify{
height:75px;
}

#cpContainer #cpList ul li .cpFrame p.cpQualify:after{content:""; clear:both; display:block;}

#cpContainer #cpList ul li .cpFrame p.cpQualify span{
display:block;text-indent:100%;white-space:nowrap;overflow:hidden;line-height:0;
width:200px;
height:50px;
position:absolute;
bottom:20px;
right:25px;
}

#cpContainer #cpList ul li .cpFrame p.cpQualify span.cpOpen{background:url(../img/entry_btn_02.gif) no-repeat 0 0;}
#cpContainer #cpList ul li a:hover .cpFrame p.cpQualify span.cpOpen{background:url(../img/entry_btn_02_on.gif) no-repeat 0 0;}

#cpContainer #cpList ul li .cpFrame p.cpQualify span.cpClosed{background:url(../img/entry_btn_01.gif) no-repeat 0 0;}
#cpContainer #cpList ul li a:hover .cpFrame p.cpQualify span.cpClosed{background:url(../img/entry_btn_01_on.gif) no-repeat 0 0;}

#cpContainer #cpList ul li .cpFrame p.cpDeadline span:before{
content:url(../img/icon_final.gif) !important;
position:absolute;
bottom:23px;
right:230px;
}

