#tp_top img{height:auto;max-width:100%}.l-header{display:none}header{left:0;position:relative;top:0;width:1024px;line-height:0}header .logo{width:380px;display:block;margin:20px auto 0}header .sns_area{position:absolute;right:0;top:55px;text-align:right}header .sns_area ul{display:inline-flex;list-style-type:none;width:220px}header .sns_area ul li{width:100%;height:20px}.searchword{width:120px;height:16px;border:1px solid #ccc;color:#333;background-color:#fff;font-size:14px}.searchsubmit{position:absolute;margin:3px 0 0 -20px;height:15px}.tp_menu{width:380px;display:block;margin:45px auto 0}.tp_menu ul{display:inline-flex;list-style-type:none;text-align:center;width:100%}.tp_menu ul li{height:5px;margin-top:-5px;padding:5px 7px 0;font-size:10px}.tp_menu ul li a{color:#000;height:10px}.mv{width:960px;display:block;margin:30px auto 0}.btnMenu{width:552px;display:block;margin:15px auto 0;line-height:0}.btnMenu ul{display:inline-flex;list-style-type:none;text-align:center;width:100%}.btnMenu ul li{height:30px;padding:0 2px}.btnMenu ul li a{height:30px}.btnEff{opacity:1;transition:.25s}.btn03off.btnEff:hover,.btn02off.btnEff:hover,.btn01off.btnEff:hover{opacity:0}.btn03off.btnEff:active,.btn02off.btnEff:active,.btn01off.btnEff:active{opacity:1}.btn03on,.btn02on,.btn01on{width:180px;height:30px;background-image:url(http://toplog.jp/images/btn_new_on.png)}.btn03off,.btn02off,.btn01off{width:180px;height:30px;background-image:url(http://toplog.jp/images/btn_new.png)}.btn02on{background-image:url(http://toplog.jp/images/btn_ppl_on.png)}.btn02off{background-image:url(http://toplog.jp/images/btn_ppl.png)}.btn03on{background-image:url(http://toplog.jp/images/btn_spl_on.png)}.btn03off{background-image:url(http://toplog.jp/images/btn_spl.png)}.contents{display:flex;flex-wrap:wrap;width:960px;margin:15px auto;justify-content:space-between}.contents .item{width:225px;height:auto;margin-bottom:20px;position:relative}.contents a{color:#fff}.ctFs{background-color:#ff5976;opacity:1}.ctBt{background-color:#63e8ed;opacity:1}.ctLs{background-color:#fc8645;opacity:1}.ctFd{background-color:#f6db47;opacity:1}.ctCl{background-color:#80d95d;opacity:1}.ctFs:hover img,.ctBt:hover img,.ctLs:hover img,.ctFd:hover img,.ctCl:hover img{opacity:.2}.itemInfo{position:absolute;top:0;left:7px;z-index:2;opacity:0}.ctFs .itemInfo{background-image:url(http://toplog.jp/images/cFs.png);background-repeat:no-repeat;background-position:2px 7px}.ctBt .itemInfo{background-image:url(http://toplog.jp/images/cBt.png);background-repeat:no-repeat;background-position:2px 7px}.ctLs .itemInfo{background-image:url(http://toplog.jp/images/cLs.png);background-repeat:no-repeat;background-position:2px 7px}.ctFd .itemInfo{background-image:url(http://toplog.jp/images/cFd.png);background-repeat:no-repeat;background-position:2px 7px}.ctCl .itemInfo{background-image:url(http://toplog.jp/images/cCl.png);background-repeat:no-repeat;background-position:2px 7px}.itemInfo div{width:210px;font-size:16px;letter-spacing:.05em;line-height:1.2;padding:42px 0 0 2px;word-wrap:break-word}.i12:hover .itemInfo,.i11:hover .itemInfo,.i10:hover .itemInfo,.i09:hover .itemInfo,.i08:hover .itemInfo,.i07:hover .itemInfo,.i06:hover .itemInfo,.i05:hover .itemInfo,.i04:hover .itemInfo,.i03:hover .itemInfo,.i02:hover .itemInfo,.i01:hover .itemInfo{opacity:1}.vm{width:180px;height:auto;display:block;margin:0 auto 0}.tMdl{width:146px;display:block;margin:30px auto 8px}.tRank{width:184px;height:auto;display:block;margin:30px auto 8px}.rkFs{background-image:url(http://toplog.jp/images/rkFs.png);background-repeat:no-repeat;background-position:20px 7px}.rkBt{background-image:url(http://toplog.jp/images/xrkBt.png.pagespeed.ic.HKgbkrElkE.png);background-repeat:no-repeat;background-position:20px 7px}.rkLs{background-image:url(http://toplog.jp/images/rkLs.png);background-repeat:no-repeat;background-position:20px 7px}.rkFd{background-image:url(http://toplog.jp/images/rkFd.png);background-repeat:no-repeat;background-position:20px 7px}.rkCl{background-image:url(http://toplog.jp/images/rkCl.png);background-repeat:no-repeat;background-position:20px 7px}.area_rank.contents{display:flex;flex-wrap:wrap;width:960px}.area_rank.contents a{width:470px;display:flex}.area_rank.contents .item{width:470px;display:flex;flex-wrap:wrap;justify-content:space-between}.area_rank.contents .rkImg{width:225px;display:block}.area_rank .item div{width:245px;height:auto;color:#000;font-size:16px;line-height:1.5;letter-spacing:.05em}.area_rank .item div .rText{margin-left:18px;width:220px;font-size:16px;letter-spacing:.05em;line-height:1.2;padding:42px 0 0 2px}.r04,.r03,.r02,.r01{position:absolute;width:100%;height:0}.r04 img,.r03 img,.r02 img,.r01 img{position:absolute;top:5px;right:3px;width:33px}.tKW{width:180px;height:auto;display:block;margin:30px auto 8px}.area_Keyword{width:960px;display:block;margin:8px auto 0}.area_Keyword ul{display:inline-flex;flex-wrap:wrap;list-style-type:none;text-align:center;width:100%}.area_Keyword ul li{height:25px;padding:5px 7px 0;font-size:15px;border:1px solid #ff5976;margin:5px}.area_Keyword ul li a{height:25px;color:#ff5976}@media only screen and (max-width:750px){header{width:100%}header .logo{position:absolute;top:0;left: calc(calc(100% - 46.666%) / 2);z-index:10;width:46.666%;height:auto;margin-top:00}header .sns_area{display:none}.l-header{display:block}.l-drawer__menu ul{margin-top:45px}.l-drawer__menu ul li{width:100%;padding-top:1.2em}.l-drawer__menu ul li img{height:25px;display:block;margin-right:auto;margin-left:auto}#menuList{display:visible}#search_area{display:none}.searchword{width:50%;height:16px;border:none;border-bottom:1px solid #fff;color:#fff;background-color:transparent;font-size:14px;position:absolute;top:35%;left:25%}.searchsubmit{position:absolute;margin:3px 0 0 -20px;height:15px;top:35%;left:75%}.mv{width:100%;display:block;margin:15px auto 0;padding-top:50px}.btnMenu{width:352px;display:block;margin:15px auto 10px}.btnMenu ul li{height:40px;padding:0 2px}.btnMenu ul li a{height:40px}.btn03on,.btn02on,.btn01on{width:114px;height:40px;background-image:url(http://toplog.jp/images/btn_new_on_sp.png);background-size:100%}.btn03off,.btn02off,.btn01off{width:114px;height:40px;background-image:url(http://toplog.jp/images/btn_new_off_sp.png);background-size:100%}.btn02on{background-image:url(http://toplog.jp/images/btn_ppl_on_sp.png)}.btn02off{background-image:url(http://toplog.jp/images/btn_ppl_off_sp.png)}.btn03on{background-image:url(http://toplog.jp/images/btn_spl_on_sp.png)}.btn03off{background-image:url(http://toplog.jp/images/btn_spl_off_sp.png)}.contents{display:flex;flex-wrap:wrap;width:97.333%;margin:15px auto;justify-content:space-between}.contents .item{width:49.315%;height:auto;position:relative;margin-bottom:70px}.itemInfo{opacity:1;width:100%;height:100%;font-size:12px;left:0}.ctFs{background-color:transparent;color:#ff5976}.ctBt{background-color:transparent;color:#63e8ed}.ctLs{background-color:transparent;color:#fc8645}.ctFd{background-color:transparent;color:#f6db47}.ctCl{background-color:transparent;color:#80d95d}.ctFs .itemInfo{background-image:url(http://toplog.jp/images/cFs_sp.png);background-repeat:no-repeat;background-size:80%;background-position:center bottom}.ctBt .itemInfo{background-image:url(http://toplog.jp/images/cBt_sp.png);background-repeat:no-repeat;background-size:80%;background-position:center bottom}.ctLs .itemInfo{background-image:url(http://toplog.jp/images/cLs_sp.png);background-repeat:no-repeat;background-size:80%;background-position:center bottom}.ctFd .itemInfo{background-image:url(http://toplog.jp/images/cFd_sp.png);background-repeat:no-repeat;background-size:80%;background-position:center bottom}.ctCl .itemInfo{background-image:url(http://toplog.jp/images/cCl_sp.png);background-repeat:no-repeat;background-size:80%;background-position:center bottom}.itemInfo div{width:100%;height:50px;font-size:12px;letter-spacing:.05em;line-height:1.4;overflow:hidden;padding: calc(100% + 10px) 0 0;position:relative;color:#000}.vm{width:30.4%}.tMdl{width:25.3%;margin-top:40px}.area_models.contents{margin-top:12px}.area_models.contents .item{margin-bottom:5px}.tRank{margin-top:35px;width:32.8%}.area_rank.contents{width:100%}.area_rank.contents .item{width:97.3333%;margin-left:auto;margin-right:auto;margin-bottom:5px}.area_rank.contents .rkImg{width:49.315%}.area_rank .item div{width:49.315%}.rkBt,.rkLs,.rkFd,.rkCl,.rkFs{background-size:50%;background-position:5px 5px}.r04 img,.r03 img,.r02 img,.r01 img{top:5px;right:0;width:18.5%}.area_rank .item div .rText{margin-left:5px;width:calc(100% - 5px);font-size:13px;padding:40px 0 0 0}.tKW{width:30.666%;margin-top:35px}.area_Keyword{width:100%}footer{margin-top:90px}}