/* ! ---------- 繝ｪ繧ｻ繝�ヨ遲� ---------- ---------- ---------- ---------- */
._sp { display: none;}
.w100p{width: 100%;}
@media only screen and (max-width: 768px){
._pc { display: none; }
._sp { display: block; }
}
/* 繝｡繧､繝ｳ */
#area20180928 { width: 1200px; margin: 0 auto 40px auto; font-size:14px;}
#area20180928 p,
#area20180928 ul,
#area20180928 li,
#area20180928 div,
#area20180928 a { margin: 0; padding: 0; font-size:100%; line-height: inherit; box-sizing: border-box; text-decoration: none;}
#area20180928 ul { list-style: none;}
#area20180928 table { border-collapse: collapse; border-spacing: 0;}
#area20180928 th,
#area20180928 td { text-align:left; font-weight: normal;box-sizing: border-box;}
/* ! ---------- 蜈ｱ騾夊ｦ∫ｴ� ---------- ---------- ---------- ---------- */
/* 繝代Φ縺上★隱ｿ謨ｴ */
.locationArea a { color: #0077dd; text-decoration:none;}
.locationArea a:hover {text-decoration: underline;}
/* 繧ｷ繧ｧ繧｢ */
#area20180928 .social { margin: 10px 0 0 0; text-align: right;}
#area20180928 .social .social_tw { display: inline-block; width:80px; height:20px; background:url(/contents/nikki/event/20180928/images/social_tw.png) left top no-repeat; text-indent: -9999px; vertical-align: bottom;}
#area20180928 .social .social_tw:hover { background-image:url(/contents/nikki/event/20180928/images/social_tw_ov.png);}
#area20180928 .social .line-it-button{ vertical-align: bottom; }
/* 繝翫ン */
#area20180928 .navi { margin: 10px 0 0 -5px;}
#area20180928 .navi:after { display: block; clear: both; height: 0; content: ''; }
#area20180928 .navi li {position: relative;display: block;float: left;width: 296px;height: 52px;margin: 0 0 3px 5px;border-bottom: 2px solid #316900;background-color: #54af03;border-radius: 5px;}
#area20180928 .navi li a {background-repeat: no-repeat;background-position: 5px center;background-size: 200px 20px;height: 52px;}
#area20180928 .navi li:hover,
#area20180928 .navi li.current {background-color: #316900;border-bottom: 2px solid #316900;}
#area20180928 .navi li:nth-child(1) a{ background-image:url(/contents/nikki/event/20180928/images/navi_top.png);}
#area20180928 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20180928/images/navi_01.png);}
#area20180928 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20180928/images/navi_02.png);}
#area20180928 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20180928/images/navi_03.png);}
#area20180928 .navi li:before { position: absolute; top: 50%; right: 16px; content:''; display:block; height:7px; width:7px; margin-top:-4px; border:2.5px solid #fff; border-left-width:0; border-top-width:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#area20180928 .navi li a { display: block; text-indent: -9999px;}
/* 繝ｪ繝ｼ繝� */
#area20180928 .read { margin: 20px 0 0 0; line-height: 1.6; border:2px solid #e0e0e0; font-size:14px; padding: 15px;}
#area20180928 .research { margin: 10px 0 0 0; line-height: 1.6; border:2px solid #a5d492; background: #effaea; font-size:14px; padding: 15px;}
/* 繧ｿ繧､繝医Ν */
#area20180928 .rankTitle {margin: 20px 0 0 0;height: 50px;background: url(/contents/nikki/event/20180928/images/t_ranking.png) 0 50% no-repeat;line-height: 50px;padding: 0 0 0 40px;font-size:24px;border-bottom: 4px solid #54af03;}
/* SP */
@media only screen and (max-width: 768px){
#area20180928 { width: 100%;}
#area20180928 .content { margin: 0 5px 0 5px;}
#area20180928 .navi { margin: 5px 0 0 -1%;}
#area20180928 .navi li { width: 32.3%; height: 50px; margin: 0 0 1% 1%;}
#area20180928 .navi li:nth-child(1) { width: 99%; height: 50px;}
#area20180928 .navi li:nth-child(1) a { height: 50px;}
#area20180928 .navi li a{height: 50px;}
#area20180928 .navi li a { background-size: 150px 15px; }
#area20180928 .navi li:nth-child(1) a { background-image:url(/contents/nikki/event/20180928/images/sp_navi_top.png); background-position: center center; }
#area20180928 .navi li:nth-child(2) a{ background-image:url(/contents/nikki/event/20180928/images/sp_navi_01.png);}
#area20180928 .navi li:nth-child(3) a{ background-image:url(/contents/nikki/event/20180928/images/sp_navi_02.png);}
#area20180928 .navi li:nth-child(4) a{ background-image:url(/contents/nikki/event/20180928/images/sp_navi_03.png);}
#area20180928 .navi li:before {position: absolute;top: 50%;right: 10px;content: '';display: block;height: 5px;width: 5px;margin-top: -3px;border: 1.5px solid #fff;border-left-width: 0;border-top-width: 0;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
#area20180928 .read { margin: 10px 0 0 0;font-size:12px; }
#area20180928 .rankTitle {margin: 10px 0 0 0;height: auto;background: url(/contents/nikki/event/20180928/images/sp_t_ranking.png) 0 50% no-repeat;background-size: 30px 30px;line-height: 1.2;padding: 16px 5px 16px 32px;font-size: 18px;border-bottom: 4px solid #54af03;}
}
/* ! ---------- 繝代�繝�ｦ∫ｴ� ---------- ---------- ---------- ---------- */
/* 繧ｫ繝ｩ繝� */
#area20180928 .rankList {margin:20px 0 0 0; }
#area20180928 .cols2 { }
#area20180928 .cols2:after { display: block; clear: both; height: 0; content: ''; }
#area20180928 .cols2 .col:nth-child(1){width: 590px;float: left;}
#area20180928 .cols2 .col:nth-child(2){width: 590px;float: right;}
#area20180928 .cols3 { }
#area20180928 .cols3:after { display: block; clear: both; height: 0; content: ''; }
#area20180928 .cols3 .col:nth-child(1){width: 386px;float: left;margin: 0 20px 0 0;}
#area20180928 .cols3 .col:nth-child(2){width: 386px;float: left;}
#area20180928 .cols3 .col:nth-child(3){width: 386px;float: right;}
/* 繝医ャ繝�3 */
#area20180928 ._pc .rank_top {display: block;margin: 0 0 10px 0;position: relative;width: 590px;height: 110px;}
#area20180928 ._pc .rank_top-1 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_1b.png) left top no-repeat;}
#area20180928 ._pc .rank_top-2 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_2b.png) left top no-repeat;}
#area20180928 ._pc .rank_top-3 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_3b.png) left top no-repeat;}
/* PC蜷檎紫鬆�ｽ� 閾ｨ譎ょｯｾ蠢� */
main#lp2018092802 #area20180928 ._pc .rankListTop10s .rankList:nth-of-type(7) .rank_top-3{background: url(/contents/nikki/event/20180928/images/btn_123_bg_2b.png) left top no-repeat !important;}
#area20180928 ._pc .rank_top .no {position: absolute;top: 50%;left: 0px;width: 55px;text-align: center;color: #fff;line-height: 0;font-size: 12px;}
#area20180928 ._pc .rank_top .no b {font-size: 30px;font-weight: bold;}
#area20180928 ._pc .rank_top .name {position: absolute;top: 50%;left: 70px;color: #004fe1;line-height: 0;font-weight: bold;font-size: 20px;}
#area20180928 ._pc .rank_top:hover .name{text-decoration: underline;}
#area20180928 ._pc .rank_top .preb { position: absolute; bottom: 3px; right: 5px; width: 110px; text-align: center; color: #fff; font-size:11px; letter-spacing:2px;}
#area20180928 ._pc .rank_top .preb b {font-size:14px;}
#area20180928 ._sp .rank_top {display: block;margin: 5px 0 5px 0;position: relative;width: 100%;height: auto;padding: 17px 25px 17px 52px;}
#area20180928 ._sp .rank_top-1 {border: 2px solid #bc8e00;}
#area20180928 ._sp .rank_top-2 {border: 2px solid #808080;}
#area20180928 ._sp .rank_top-3 {border: 2px solid #846c5e;}
#area20180928 ._sp .rank_top:before {position: absolute;top: 50%;right: 7px;content:'';display:block;height:7px;width:7px;margin-top:-4px;transform:translate(-5px,-1px) rotate(-45deg);}
#area20180928 ._sp .rank_top-1:before {border:2px solid #bc8e00;border-left-width:0;border-top-width:0;}
#area20180928 ._sp .rank_top-2:before {border:2px solid #808080;border-left-width:0;border-top-width:0;}
#area20180928 ._sp .rank_top-3:before {border:2px solid #846c5e;border-left-width:0;border-top-width:0;}
#area20180928 ._sp .rank_top .no {position: absolute;top: 50%;left: 0;margin-top: -20px;width: 45px;height: 40px;background: url(/contents/nikki/event/20180928/images/sp_btn_123_1.png) left center no-repeat;background-size: 45px 40px;text-indent: -9999px;}
#area20180928 ._sp .rank_top:nth-child(2) .no { background-image: url(/contents/nikki/event/20180928/images/sp_btn_123_2.png);}
#area20180928 ._sp .rank_top:nth-child(3) .no { background-image: url(/contents/nikki/event/20180928/images/sp_btn_123_3.png);}
/* SP蜷檎紫鬆�ｽ� 閾ｨ譎ょｯｾ蠢� */
main#lp2018092802 #area20180928 ._sp .rankList:nth-of-type(4) .rank_top-3{border: 2px solid #808080 !important;}
main#lp2018092802 #area20180928 ._sp .rankList:nth-of-type(4) .rank_top-3 .no { background-image: url(/contents/nikki/event/20180928/images/sp_btn_123_2.png) !important;}
main#lp2018092802 #area20180928 ._sp .rankList:nth-of-type(4) .rank_top-3:before{border: 2px solid #808080;border-left-width: 0;border-top-width: 0 !important;}
main#lp2018092802 #area20180928 ._sp .rankList:nth-of-type(4) .rank_top-3 .preb{ background-image: url(/contents/nikki/event/20180928/images/sp_btn_123_prev2.png) !important;}
#area20180928 ._sp .rank_top .name { color: #004fe1; line-height: 1.2; font-weight: bold; font-size:15px;}
#area20180928 ._sp .rank_top .preb { position: absolute; bottom: -4px; right: 1px; width: 75px; height: 18px; text-align: center; color: #fff; font-size:8px; padding: 5px 0 0 0; line-height: 0.8; background:url(/contents/nikki/event/20180928/images/sp_btn_123_prev.png) left top no-repeat; background-size:75px 18px;}
#area20180928 ._sp .rank_top .preb b { font-size:11px;}
#area20180928 ._sp .rank_top-1 .preb { background-image:url(/contents/nikki/event/20180928/images/sp_btn_123_prev1.png);}
#area20180928 ._sp .rank_top-2 .preb { background-image:url(/contents/nikki/event/20180928/images/sp_btn_123_prev2.png);}
#area20180928 ._sp .rank_top-3 .preb { background-image:url(/contents/nikki/event/20180928/images/sp_btn_123_prev3.png);}
/* TOP 5 */
#area20180928 .rankListTop5s {}
#area20180928 .rankListTop5s .cols { margin: 0 0 0 -20px;}
#area20180928 .rankListTop5s .cols:after { display: block; clear: both; height: 0; content: ''; }
#area20180928 .rankListTop5s .col { width: 386px; float: left; margin: 0 0 0 20px;}
/* TOP 10 */
#area20180928 .rankListTop10s .row{margin-top: 40px;}
#area20180928 ._pc .rankListTop10s .rank_top-1 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_1b.png) left top no-repeat;}
#area20180928 ._pc .rankListTop10s .rank_top-2 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_2b.png) left top no-repeat;}
#area20180928 ._pc .rankListTop10s .rank_top-3 {background: url(/contents/nikki/event/20180928/images/btn_123_bg_3b.png) left top no-repeat;}
/* SP */
@media only screen and (max-width: 768px){
#area20180928 .rankList {margin:10px 0 0 0; }
#area20180928 .cols2 .col:nth-child(1){width: auto;float: none;}
#area20180928 .cols2 .col:nth-child(2){width: auto;float: none;}
#area20180928 .rankListTop5s .cols { margin: 0;}
#area20180928 .rankListTop5s .col { width: 100%; float: none; margin: 0 0 20px 0;}
}
#area20180928 .sp_rank_open { position: relative; cursor: pointer;}
#area20180928 .sp_rank_open:after { content:""; position: absolute; background:url(/contents/nikki/event/20180928/images/sp_icon_open.png) left top no-repeat; background-size:27px 27px; top: 13px; right: 0px; width: 27px; height: 27px;}
#area20180928 .sp_rank_open.open:after { background-image:url(/contents/nikki/event/20180928/images/sp_icon_close.png);}
#area20180928 .initHide {display: none;}
/* ! ---------- 陦ｨ邨�∩隕∫ｴ� ---------- ---------- ---------- ---------- */
#area20180928 .rankTableA { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#area20180928 .rankTableA th { background: #54af03; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;}
#area20180928 .rankTableA.rankTableA-narrrow th { padding:2px 5px;}
#area20180928 .rankTableA td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:8px 12px;}
#area20180928 .rankTableA tr:nth-child(odd) td { background: #f3f3f3;}
#area20180928 .rankTableA td a { color: #004fe1; text-decoration: none;}
#area20180928 .rankTableA td a:hover { text-decoration: underline;}
#area20180928 .rankTableA td.rank { font-size:20px; font-weight: bold; color: #54af03; text-align: center; width: 80px;}
#area20180928 .rankTableA td.rank_pre { text-align: center; width: 80px;}
#area20180928 .rankTableA th { white-space: nowrap; font-weight: bold; }
#area20180928 ._sp .rankTableA {margin-top: 10px;}
#area20180928 ._sp .rankTableA td.rank { text-align: center; width: 40px;}
#area20180928 ._sp .rankTableA td.rank_pre { text-align: center; width: 40px;}
#area20180928 .rankTableB { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#area20180928 .rankTableB th { background: #54af03; color: #fff; padding:14px 5px; text-align: center; font-weight: normal;}
#area20180928 .rankTableB td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;}
#area20180928 .rankTableB tr:nth-child(odd) td { background: #f3f3f3;}
#area20180928 .rankTableB td a { color: #004fe1; text-decoration: none;}
#area20180928 .rankTableB td a:hover { text-decoration: underline;}
#area20180928 .rankTableB td.rank { width: 80px; font-size:16px; font-weight: bold; color: #54af03; text-align: center;}
#area20180928 .rankTableB td.rank_pre { width: 80px;text-align: center;}
#area20180928 .rankTableB th { white-space: nowrap; font-weight: bold;vertical-align: middle; }
#area20180928 ._sp .rankTableB {margin-top: 10px;}
#area20180928 ._sp .rankTableB td.rank { text-align: center; width: 40px;}
#area20180928 ._sp .rankTableB td.rank_pre { text-align: center; width: 40px;}
#area20180928 .rankTableC { width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#area20180928 .rankTableC th { background: #54af03; color: #fff; padding:5px; text-align: center; font-weight: normal;}
#area20180928 .rankTableC td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;}
#area20180928 .rankTableC tr:nth-child(odd) td { background: #f3f3f3;}
#area20180928 .rankTableC td a { color: #004fe1; text-decoration: none;}
#area20180928 .rankTableC td a:hover { text-decoration: underline;}
#area20180928 .rankTableC td.rank { width: 40px; font-size:14px; font-weight: bold; color: #54af03; text-align: center;}
#area20180928 .rankTableC td.rank_pre { width: 40px;text-align: center;}
#area20180928 .rankTableC th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;}
#area20180928 .rankTableTop5 {margin-top: 20px; width: 100%; border-left: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1;}
#area20180928 .rankTableTop5 th { background: #54af03; color: #fff; padding:5px; text-align: center; font-weight: normal;}
#area20180928 .rankTableTop5 th.color { background: #418c00;}
#area20180928 .rankTableTop5 th.title { padding: 12px 5px; }
#area20180928 .rankTableTop5 td { border-bottom: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; vertical-align: middle; padding:6px;}
#area20180928 .rankTableTop5 tr:nth-child(odd) td { background: #f3f3f3;}
#area20180928 .rankTableTop5 td a { color: #004fe1; text-decoration: none;}
#area20180928 .rankTableTop5 td a:hover { text-decoration: underline;}
#area20180928 .rankTableTop5 td.rank { width: 40px; font-size:14px; font-weight: bold; color: #54af03; text-align: center;}
#area20180928 .rankTableTop5 td.rank_pre { width: 40px;text-align: center;}
#area20180928 .rankTableTop5 th { white-space: nowrap; font-weight: bold;vertical-align: middle; line-height: 1;}
#area20180928 .note { margin: 1em 0;}
/* 繝輔ャ繧ｿ繝ｼ驛ｨ縲繧ｷ繧ｧ繧｢ */
.footer_social { margin: 10px 0 0 0; text-align: center;}
.footer_social a{ display: inline-block; width:300px; height:60px; line-height: 60px; margin-bottom: 10px; vertical-align: bottom; color: #ffffff; font-weight: bold; text-decoration: none; }
.footer_social a img{ position: relative; top: 8px; right: 10px; }
.footer_social .fb-like{ background-color:#3A579C; border-bottom: 2px solid #263864; border-radius: 5px;}
.footer_social .fb-like:hover{ border-bottom: none; border-top: 2px solid #ffffff; }
.footer_social .social_tw{ background-color:#55acef; border-bottom: 2px solid #1587db; border-radius: 5px;}
.footer_social .social_tw:hover { border-bottom: none; border-top: 2px solid #ffffff; }
.footer_social .line-button{ background-color:#01b901; border-bottom: 2px solid #019601; border-radius: 5px;}
.footer_social .line-button:hover { border-bottom: none; border-top: 2px solid #ffffff; }
/*
#area20180928 .social-bottom{margin: 40px 0;}
#area20180928 .social-bottom ul{text-align: center;}
#area20180928 .social-bottom li{display: inline-block;width: 300px;margin: 0;}
#area20180928 .social-bottom:after { display: block; clear: both; height: 0; content: ''; }
#area20180928 .social-bottom li a{display: block;color: #fff;text-align: center;padding: 20px 0 20px 20px;background:#000 url(/contents/nikki/event/20180928/images/social_icon_fb.png) 60px center no-repeat;background-size: 50px 50px;border-radius:5px;font-size:16px;font-weight: bold;border-bottom: 2px solid #000;}
#area20180928 .social-bottom li a.share_fb{background-color: #3a579c;background-image:url(/contents/nikki/event/20180928/images/social_icon_fb.png);}
#area20180928 .social-bottom li a.share_tw{background-color: #55acef;background-image:url(/contents/nikki/event/20180928/images/social_icon_tw.png);}
#area20180928 .social-bottom li a.share_line{background-color: #01b901;background-image:url(/contents/nikki/event/20180928/images/social_icon_line.png);}
#area20180928 .social-bottom li a.share_fb{border-bottom: 2px solid #263864;}
#area20180928 .social-bottom li a.share_tw{border-bottom: 2px solid #1587db;}
#area20180928 .social-bottom li a.share_line{border-bottom: 2px solid #019601;}
@media only screen and (max-width: 768px){
#area20180928 .social-bottom li a{margin-top: 5px;}
}
*/
/* 霑ｽ蜉�繝代�繝�畑 190924 */
/* 縲梧怙譁ｰ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ縺ｯ縺薙■繧峨阪�繧ｿ繝ｳ */
#latestRanking-btn{position: relative;}
#latestRanking-btn::before{content: ""; position: absolute; top: 50%; right: 16px; display:block; height:7px; width: 7px; margin-top: -4px; border: 2.5px solid #fff;
border-left-width:0; border-top-width:0; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
#latestRanking-btn a{display: block; text-align: center;}
#latestRanking-btn.basic-btn{background-color: #ffa000; border-radius: 5px; box-shadow: 0 3px 0 #ea6504; margin-bottom: 30px;}
#latestRanking-btn.basic-btn:hover{top: 3px; box-shadow: none;}
#latestRanking-btn.basic-btn a{padding-top: 17px; padding-bottom: 9px;}
/* SP */
@media only screen and (max-width: 768px){
/* 縲梧怙譁ｰ縺ｮ繝ｩ繝ｳ繧ｭ繝ｳ繧ｰ縺ｯ縺薙■繧峨阪�繧ｿ繝ｳ */
#latestRanking-btn.basic-btn{width: 96.875%; margin-right: auto; margin-left: auto; margin-bottom: 16px;}
#latestRanking-btn::before{border-right-width: 2px; border-bottom-width: 2px; right: 8px;}
#latestRanking-btn.basic-btn a{padding-top: 14px; padding-bottom: 12px;}
#latestRanking-btn.basic-btn a img{width: 248px; margin-right: auto; margin-left: auto;}
}