@charset "utf-8";
/* =============================================
                    COMMON
============================================= */
#campaign{
color: #000;
font: 12px/1.4 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, Osaka,'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
/font: 12px/1.4 'ＭＳ Ｐゴシック','MS P Gothic',sans-serif;
}
/*  Anchor  */
#campaign a{ text-decoration: underline;}
#campaign a:link { color: #fff;}
#campaign a:visited{ color: #fff;}
#campaign a:hover{ text-decoration: none;}
#campaign a:active{ color: #fff;}
#campaign a:hover img{ filter: alpha(opacity=85); -moz-opacity: 0.85; opacity: 0.85;}

/* =============================================
                    COMMON
============================================= */
#container{ width: auto !important;}
#contents .innerLP{ width: 960px; margin: 0 auto; position: relative;}
#campaign #header{ padding: 20px 0;}
#campaign #header .logo01{ float: left; margin-top: 4px;}
#campaign #header .logo02{ float: right;}

#campaign #main{ background: #000 url(../images/main-bg.jpg) center bottom no-repeat; background-size: cover; height: 778px;}
#campaign #main h1{ position: absolute; right: 0; top: 96px;}
#campaign #main p{ position: absolute; left: 0; top: 434px;}

#campaign #secbg{ background: url(../images/sec-bg1.png) center top no-repeat, url(../images/sec-bg2.jpg) center top repeat; background-size: 100%, auto; padding: 60px 0;}
#campaign #secbg > h2{ text-align: center; margin-bottom: 60px !important; background: unset; }

#campaign #ranking{ padding-bottom: 60px;}
#campaign #ranking .ranking-box{ background-color: rgba(0,99,16,0.8); padding: 2px;}
#campaign #ranking .ranking-box p{ background: #858585; color: #fff; font-size: 18px; text-align: center; padding: 10px; margin: 2px 0 0;}
#campaign #ranking .ranking-box .graph{ padding: 20px 18px 15px;}
#campaign #ranking .ranking-box .graph table{ width: 100%; margin-bottom: 10px;}
#campaign #ranking .ranking-box .graph table.last{ margin-bottom: 25px;}
#campaign #ranking .ranking-box .graph table th{ background: #000; color: #fff; font-weight: bold; font-size: 26px; text-align: center; width: 60px; box-sizing: border-box; padding: 8px 15px;}
#campaign #ranking .ranking-box .graph table td.name{ background: #043a10; color: #fff; font-weight: bold; font-size: 26px; width: 260px; box-sizing: border-box; padding: 8px 15px;}
#campaign #ranking .ranking-box .graph table td.name span{ display: inline-block; width: 100px; margin-left: 10px;}
#campaign #ranking .ranking-box .graph table td.name span img{ width: 100%;}
#campaign #ranking .ranking-box .graph table td.per{ background: #fff; color: #858585; font-weight: bold; font-size: 24px; box-sizing: border-box; padding: 5px 5px 5px 0; line-height: 1;}
#campaign #ranking .ranking-box .graph table td.per span{ display: inline-block; color: #fff; background: url(../images/sec1-graph.png) left top repeat; text-align: right; box-sizing: border-box; padding: 4px; 10px; height: 40px; vertical-align: middle; margin-right: 5px;}
#campaign #ranking .ranking-box .graph .btn{ text-align: center;}
#campaign #ranking .ranking-box .stit{ color: #fff; text-align: center; font-size: 26px; font-weight: bold; margin-bottom: 20px;}

#campaign #present{ text-align: center; padding-bottom: 30px;}
#campaign #present h3{ margin-bottom: 35px !important;}
#campaign #present ul{ margin-right: -20px;}
#campaign #present ul li{ float: left; margin: 0 20px 30px 0;}

#campaign #detail h2{ background: #000; font-size: 16px; font-weight: bold; color: #fff; padding: 20px !important;}
#campaign #detail dl{ background: #fff; display: table; width: 100%; border-collapse: collapse;}
#campaign #detail dl dt{ display: table-cell; border: 1px solid #ccc; border-top: none; background: #f1eae2; font-size: 16px; font-weight: bold; padding: 20px; width: 25%;}
#campaign #detail dl dd{ display: table-cell; border: 1px solid #ccc; border-top: none; font-size: 16px; padding: 20px; line-height: 1.8;}
#campaign #detail dl dd .indent li{ text-indent: -16px; padding-left: 16px;}
#campaign #detail dl dd a{ color: #0090ff !important; text-decoration: underline !important;}
#campaign #detail dl dd a:hover{ text-decoration: none !important;}

#page-top{ position: fixed; right: 20px; bottom: 20px; z-index: 10;}