@charset "UTF-8";#current_article{min-width:320px;margin:0 auto}#current_article img{height:auto}#current_article h1{margin:0 auto}#current_article ul{margin:6px 0 20px;padding:0 12px;list-style-type:none}#current_article li{position:relative;border:1px solid #ccc;margin-bottom:8px;background:#fff;border-radius:4px;font-size:14px}#current_article li a{position:relative;display:block;padding:12px 30px 12px 14px;line-height:1.4;color:#3d3d3d}#current_article li a:before{right:14px;top:3px;width:8px;height:8px;border-top:1px solid #9ac74d;border-right:1px solid #9ac74d;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;bottom:0;margin:auto;content:"";vertical-align:middle}#current_article li a span{display:block;text-align:right;margin:2px 0 0;font-size:11px;color:#aaa;line-height:1.1}#current_article .tab{border-radius:4px;background:#98ca3f;display:inline-block;margin:0 10px 0 0;padding:4px 8px;color:#fff;float:left}#current_article .kuchikomi{background:url(https://cocoloni.me/wp-content/uploads/2017/10/i_kuchikomi.png) no-repeat;background-size:70px;margin:12px;font-size:13px;min-height:80px;padding-left:80px}#current_article .ura{display:table;padding:12px 0;margin:0 16px;clear:both}@media (min-width:768px){#current_article .ura{margin:0 200px}}#current_article .ura div{display:table-cell;vertical-align:middle}#current_article .list_thumb{padding:0}#current_article ul.imglist{margin:6px 0 20px;padding:0 12px;list-style-type:none}#current_article ul.imglist li{position:relative;border:none;border-bottom:1px solid #ccc;margin-bottom:0;background:#fff;border-radius:0}#current_article ul.imglist li a{position:relative;display:block;padding:12px 0;line-height:1.4;color:#3d3d3d;min-height:75px}#current_article ul.imglist li img{float:left;width:75px;height:75px;margin-right:12px;border-radius:4px}#current_article ul.imglist li span{text-align:left;color:#3d3d3d;margin:0}#current_article ul.imglist li span.imglist_title{font-size:14px;font-weight:700;margin-bottom:10px;line-height:1.3}#current_article ul.imglist li span.imglist_txt{font-size:13px;color:#3d3d3d;line-height:1.4}#current_article ul.imglist li a:before,#current_article ul.imglist2 li a:before{display:none}#current_article ul.imglist2{margin:6px 0 20px;padding:0 12px;list-style-type:none;overflow:hidden}#current_article ul.imglist2 li{float:left;width:48%;border:1px solid #ccc;margin:0 0 12px;background:#fff;border-radius:4px}#current_article ul.imglist2 li p{display:none}#current_article ul.imglist2 li:nth-of-type(2n){float:right}#current_article ul.imglist2 li a{display:block;position:relative;padding:12px 0 10px;line-height:1.4;color:#3d3d3d;width:100%}#current_article ul.imglist2 li img{border-radius:3px 3px 0 0;vertical-align:top;width:100%;margin:-12px 0 4px}#current_article ul.imglist2 li span{text-align:left;color:#3d3d3d;margin:6px 12px 0;line-height:1.5}#current_article ul.imglist2 li .sub{text-align:center;color:#aaa;font-size:10px}#current_article ul.imglist2 li .cate{margin:10px 12px 0}#current_article ul.imglist2 li .cate_txt{color:#ff70ad;display:inline-block;margin:0 6px 0 0;font-size:10px}#current_article ul.imglist2 li .cate_txt:before{content:"#";display:inline}#current_article .description{position:relative;font-size:14px;color:#3d3d3d;line-height:1.5;margin:0;padding:0 0 20px;background:#000}#current_article .description:after{position:absolute;display:block;content:"";left:0;bottom:0;color:#fff;z-index:10;background:linear-gradient(rgba(255,255,255,0),rgba(0,0,0,.3),rgba(0,0,0,.9),rgba(0,0,0,1));background-blend-mode:multiply;width:100%;height:70%;padding:0;margin:0}#current_article .description img{position:relative;top:0;left:0;width:100%;height:auto;vertical-align:top}#current_article .description>div{position:absolute;left:12px;bottom:14px;width:94%;z-index:20}#current_article .description div h1{margin-bottom:4px;font-size:22px;color:#fff;text-shadow:2px 2px 8px #000;line-height:1.3}#current_article .description div p{font-size:13px;color:#fff;text-shadow:0 0 2px #000}#current_article .c{text-align:center}#current_article h2{text-align:left;font-size:16px;border-left:4px solid #98ca3f;padding:2px 10px;margin:10px 12px}#current_article h2.img{border-left:none;padding:0;padding-bottom:10px;margin:0}#current_article h3{text-align:left;font-size:14px;border-bottom:2px solid #98ca3f;padding:10px 10px 5px;clear:both}#current_article section{padding:0 0 20px}#current_article .txt{font-size:14px;color:#3d3d3d;padding:12px}#current_article h2.ranking{border:none;padding:0}#current_article .rank_n{border-radius:4px;background:#98ca3f;display:inline-block;*display:inline;*zoom:1;margin:0 10px 0 0;padding:4px 8px;color:#fff}#current_article ul.ranklist li a{position:relative}#current_article ul.ranklist li:before{content:" ";display:inline-block;position:absolute;top:12px;left:0;background:url(https://cocoloni.me/wp-content/uploads/2017/10/badge_green.png) no-repeat 0 0;background-size:contain;width:28px;height:28px;padding:1px 1px 0;color:#fff;line-height:18px;font-size:12px;z-index:10;vertical-align:middle}#current_article ul.ranklist li .rankicon{position:absolute;top:13px;left:0;text-align:center;width:18px;height:18px;color:#fff;line-height:18px;font-size:12px;font-weight:700;z-index:10}#current_article ul.navi_btn{margin:10px 2% 20px;padding:0;width:96%;letter-spacing:-.4em;text-align:center}#current_article ul.navi_btn li{display:inline-block;*display:inline;*zoom:1;letter-spacing:normal;width:29%;margin:10px 1.8% 0;border-radius:4px;border:1px solid #9ac74d;background:#fff}#current_article ul.navi_btn li a{display:block;padding:8px 20px 8px 10px;text-align:center;color:#9ac74d;font-size:13px}#current_article ul.navi_btn li a:before{right:9px;top:0;width:6px;height:6px;border-top:1px solid #9ac74d;border-right:1px solid #9ac74d;-webkit-transform:rotate(135deg);transform:rotate(135deg);position:absolute;bottom:0;margin:auto;content:"";vertical-align:middle}#current_article ul.kantei_list li{background:0 0;border:none;border-radius:0;border-bottom:solid 1px #ccc}#current_article ul.kantei_list li.sub{margin-left:20px;padding:4px;font-size:13px;color:#3d3d3d}#current_article ul.kantei_list li.none_sub{margin-left:20px;padding:4px;font-size:13px;color:#3d3d3d}#current_article ul.kantei_list li.main{font-size:14px;color:#3d3d3d;padding:8px 4px;font-weight:700}#current_article ul.kantei_list li.none{font-size:14px;color:#3d3d3d;padding:8px 4px;font-weight:700}#current_article .grad-wrap{position:relative}#current_article .grad-wrap+.grad-wrap{margin-top:40px}#current_article .grad-trigger{z-index:2;position:absolute;bottom:0;width:60%;left:0;right:0;margin:auto;padding:12px;border-radius:4px;border:1px solid #9ac74d;background:rgba(255,255,255,.9);color:#98ca3f;font-size:14px;font-weight:700;text-align:center;cursor:pointer;transition:.2s ease}#current_article .grad-item{position:relative;overflow:hidden}#current_article .grad-item.is-hide{height:240px}#current_article .grad-item p+p{margin-top:1em}#current_article .grad-item:before{z-index:1;display:block;position:absolute;bottom:0;left:0;content:"";width:100%;height:80px}#current_article .grad-trigger.is-show+.grad-item:before{display:none}.fukidashi_top{position:relative;display:inline-block;margin:0 0 12px;padding:7px 10px;min-width:80px;max-width:100%;color:#fff;font-size:11px;background:#98ca3f;border-radius:4px}.fukidashi_top:before{content:"";position:absolute;top:100%;left:50%;margin-left:-8px;border:8px solid transparent;border-top:8px solid #98ca3f}.fukidashi_bottom{position:relative;display:inline-block;margin:12px 0 0;padding:7px 10px;min-width:80px;max-width:100%;color:#fff;font-size:11px;background:#98ca3f;border-radius:4px}.fukidashi_bottom:before{content:"";position:absolute;top:-16px;left:50%;margin-left:-8px;border:8px solid transparent;border-bottom:8px solid #98ca3f}.btn-anime{overflow:hidden;position:relative}.fade-in{position:absolute;display:inline-block;opacity:0;transform:translate(0,20px);transition:all .5s;z-index:10}.fade-in.scrollin{opacity:1;transform:translate(0,0)}.list_overlay{margin:0 8px 12px 0}