@charset "utf-8";
@media(prefers-color-scheme:light){body{background:white;color:#333;}}
a{text-decoration:none;}
.siteTextLogo{font-family:'favinavi-logo';}
.siteName{font-size:20px;}
.instantInfo{display:none;z-index:8999;background:#333;color:#fff;position:absolute;padding:4px 6px;border-radius:3px;}
.fadein{transition:all 1s;opacity:1;}
.fadeout{transition:all 1s;opacity:0;}
.mirrorL{transform:rotateY(180deg);}
.mirrorV{transform:rotateX(180deg);}
b.A{font-size:20px;color:#098;display:inline-block;cursor:pointer;flex:0 0 auto;margin:10px 4px 10px 6px;}
.addToMy p{height:24px;line-height:24px;font-size:16px;}
.addToMy span{font-weight:bold;}
.switches{height:35px;color:#fff;background:#666;font-size:16px;border-top:1px solid #333;}
.switches i{width:24%;height:100%;line-height:35px;cursor:pointer;}
.switches i:hover,.switches i.off:hover{color:#0ba;}.switches i.off{color:#888;}
.fastFolder{cursor:pointer;margin:0;padding:2px 8px;height:32px;line-height:32px;font-size:16px;color:#666;}
.fastFolder:hover{background:#eee;}.fastFolder i{margin-top:-2px;}
#LOGIN a,#signup a{color:teal;}
.captcha{width:120px;height:40px;cursor:pointer;}
a.leftMenu{display:inline-block;width:100%;height:48px;line-height:48px;}
.mdui-content,.mdui-container{width:100%;}
.mdui-container a{color:#888;}
.mdui-select-menu{max-height:240px;}
.V{cursor:pointer;}
.fv-textfield{padding-top:0;}
.fv-mask,.fv-loading,.fv-wrap{position:fixed;left:0;top:0;width:100%;height:100%;display:none;}
.fv-mask,.fv-loading{text-align:center;background:#000;opacity:0.6;filter:alpha(opacity=60);}
.fv-mask{z-index:5980;}
.fv-loading{z-index:9980;}
.fv-wrap{z-index:5981;align-items:center;}
.loading{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);width:150px;height:15px;margin:0 auto;display:inline-block;}
.loading span{display:inline-block;width:15px;height:100%;margin-right:5px;background:lightgreen;animation:load 1.04s ease infinite;}
.loading span:last-child{margin-right:0px;}
.fv-pop{margin:0 auto;padding:16px;border-radius:4px;background:#fff;box-shadow:3px 6px 12px 3px rgb(0 0 0 / 58%)}
.fv-logo26{width:26px;vertical-align:middle;margin-right:8px;}
.fv-help{font-size: 0.8em;color:#999;}
.fv-help2{font-size: 0.9em;font-weight:bold;color:#666;}
.fv-pop-content{padding:8px;}
.fv-pop a{color:teal;}
.fv-x{width:32px;height:32px;font-size:20px;line-height:32px;cursor:pointer;text-align:center;color:#888;position:absolute;top:8px;right:8px;}
.fv-x:hover{color:#666;background:#ccc;border-radius:50%;}
.fv-action .mdui-btn{padding:0 8px;}
.fv-select{border-top:0;border-left:0;border-right:0;border-bottom:solid 1px #ccc;padding:4px 8px;font-size:1.1em;color:#666;background:#fff;}
.fv-select:focus,input:focus{outline:0;}
.faviTitle{box-sizing:border-box;width:100%;height:36px;padding:0 16px 0 16px;line-height:36px;color:#fff;background:#666;font-size:16px;}
.fv-stat,.FT-stat{font-size:14px;}
.fv-stat{color:#ccc;}
.FT h3{padding:4px;border-radius:3px;}
.FT h3.fdHint{background:#ddd;}
.FT-stat{color:#aaa;line-height:30px;}
.FT-spacer{flex-grow:1;margin:0;height:28px;}
.fv-stat b,.FT-stat b{font-size:16px;margin-top:-2px;}
.share{margin-left:8px;color:#ccc;cursor:pointer;}.share .material-icons{font-size:18px;}
a.sharePart{color:#0ba;margin-top:6px;float:right;}
.sharePop{max-width:340px;}
.close-btn{float:right;color:#888;cursor:pointer;padding:4px;margin:-16px -16px 0 0;}.close-btn:hover{border-radius:50%;background:#ddd;}
.mostVisit{position:relative;box-sizing:border-box;width:100%;overflow:hidden;display:flex;min-height:40px;color:#555;border-bottom:solid 1px #ccc;font-size:16px;font-weight:bold;min-height:36px;line-height:36px;flex-wrap:wrap;padding:4px 8px 0 8px;}
.mostTitle{padding:0 24px;height:40px;overflow:hidden;}
.teal{color:#098;}
.mostBox{min-height:40px;min-width:320px;line-height:40px;}
.mostVisit a{width:40px;height:40px;display:block;float:left;line-height:32px;margin:0 12px 4px 0;color:#666;border-radius:4px;}
.mostVisit img{width:32px;height:32px;margin:4px;}
.palette{width:24px;height:24px;line-height:24px;padding:4px;border-radius:50%;cursor:pointer;color:#aaa;position:absolute;right:16px;bottom:8px;}
.palette:hover{color:#098;background:#eee;}
.indexMenu{display:block;margin-right:8px;float:right;}
.indexMenu a{display:inline-block;height:24px;padding:2px 10px 2px 6px;border-radius:3px;line-height:24px;color:#ccc;font-size:14px;}
.indexMenu a:hover{background:#777;color:#eee;}
.ooall{margin-top:6px;width:24px;height:24px;border-radius:50%;background:#aaa;color:#666;cursor:pointer;float:right;}
.ooall:hover{background:#ccc;}
.Trans0{margin:6px;transition:0.3s;transform:rotate(0deg);}
.r180 .Trans0{transform:rotate(180deg);}
.temp-loading{top:200px;left:50%;transform:translateX(-50%);position:absolute;}

#mainFav{min-height:600px;width:100%;}
#allf{position:relative;width:100%;box-sizing:border-box;padding:0 16px;}
.moving{box-shadow:0 6px 12px 0 rgb(0 0 0 / 38%)}
.F{width:100%;}
.FT{padding-top:4px;height:40px;overflow:hidden;}
.FT.unlogin{display:flex;}
.FT:first-child{margin-left:4px;}
.Icon{width:48px;height:48px;float:right;margin-right:16px;border-radius:4px;background:url(/g/transparent-bg.png);}
#Icon2{cursor:pointer;}
.Icon32{width:32px;height:32px;border-radius:4px;overflow:hidden;}
.fakeIcon,.fIcon{width:32px;height:32px;line-height:32px;margin:4px;text-align:center;font-weight:900;border-radius:4px;font-size:28px;display:inline-block;}
.fakeIcon{background-color:#eee;}
.fiText{width:24px;padding-left:4px;font-weight:bold;display:inline;}
.fv-cp{cursor:pointer;}
.fv-pr{position:relative;}

.rcmdH3,.F h3{display:inline-block;margin:4px 8px 6px 8px;}
.F i{width:24px;height:24px;margin-top:-3px;overflow:hidden;color:#bbb;cursor:default}
.unlogin i{margin-top:6px;}
i.login{color:#c93;}
.fd-r-oo{width:36px;height:36px;margin-top:-2px;border-radius:50%;cursor:pointer;float:right;}
.fd-r-oo:hover{background:#eee;}
.fd-r-icon,.fd-r-oo a{margin:6px;color:#ccc;}
.closeRcmd{margin:6px;color:#aaa;}

.mv{cursor:move;}
li.lock{background:url(/g/lock16.png) no-repeat;background-position:top 2px right 2px;}
.F li i{margin:8px auto;}
.folder-select{width:100%;color:teal;text-overflow:ellipsis;white-space:nowrap;}
.w300{width:300px;}.w400{width:400px;}.w500{width:500px;}.h400{height:400px;}.h220{height:220px;}
.pv8{padding:8px 0;}.ph8{padding:0 8px;}.pa8{padding:8px;}
.mv8{margin:8px 0;}.mh8{margin:0 8px;}.ma8{margin:8px;}

.fv-body{min-height:max(580px, 86vh);padding-bottom:32px;position:relative;}
.fv-container{padding:0;display:flex;flex-wrap:wrap;}
.fv-container li{list-style-type:none;border-radius:4px;margin:0 8px;}
.fv-container li a{display:block;}
.fv-container i{display:block;width:64px;margin-bottom:4px;font-size:0.8em;font-style:normal;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.fv-btn{border-radius:50%;cursor:pointer;}.fv-btn:hover{background:#ddd;}
.fv-cc{position:absolute;top:50%;left:50%;padding:24px;transform:translateX(-50%) translateY(-50%);box-sizing:border-box;border:solid 1px #ccc;}
.fv-shadow{box-shadow:1px 3px 6px 2px rgb(0 0 0 / 24%);}
.Fd{min-height:44px;margin-top:-4px;}
.F ul{margin:0;padding:0 6px 4px 5px;margin-left:auto;margin-right:auto;display:grid;grid-auto-flow:row;gap:4px 0.8%;grid-template-columns:repeat(6,16%);}
@media (min-width:1600px){.F ul{gap:4px 0.4%;grid-template-columns:repeat(10,9.6%);}}
@media (min-width:1440.1px) and (max-width:1599.9px){.F ul{gap:4px 0.57%;grid-template-columns:repeat(9,10.6%);}}
@media (min-width:1280.1px) and (max-width:1439.9px){.F ul{gap:4px 0.6%;grid-template-columns:repeat(8,12%);}}
@media (min-width:1120.1px) and (max-width:1279.9px){.F ul{gap:4px 0.56%;grid-template-columns:repeat(7,13.8%);}}
@media (min-width:800.1px) and (max-width:960px){#allf{padding:0;}.F ul{gap:4px 0.5%;grid-template-columns:repeat(5,19.6%);}}
@media (min-width:640.1px) and (max-width:800px){#allf{padding:0;}.F ul{gap:4px 0.66%;grid-template-columns:repeat(4,24.5%);}}
@media (min-width:480.1px) and (max-width:640px){#allf{padding:0;}.F ul{gap:4px 0.8%;grid-template-columns:repeat(3,32.8%);}}
@media (max-width:480px){#allf{padding:0;}.F ul{gap:4px 2%;grid-template-columns:repeat(2,49%);}}
.Fd li{width:100%;list-style:none;display:flex;height:40px;border-radius:4px;box-sizing:border-box;box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
    transition: box-shadow .25s cubic-bezier(.4,0,.2,1),-webkit-box-shadow .25s cubic-bezier(.4,0,.2,1);}
.Fd li:hover{box-shadow:0 6px 12px 0 rgb(0 0 0 / 38%)}
.Fd img{flex:0 0 auto;width:16px;height:16px;overflow:hidden;margin:12px 4px 12px 8px;}
.Fd a{width:100%;color:#777;margin:11px 4px 11px 0;height:18px;font-weight:600;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/*
.rm1,.rm2,.rm3,.rm4,.rm5,.rm6,.rm7,.rm8,.rm9,.rm10,.rm11,.rm12{width:48px;height:48px;background:url(/g/g3.png);margin:8px;display:inline-block;}
.rm2{background-position:-48px 0;}.rm3{background-position:-96px 0;}.rm4{background-position:-144px 0;}.rm5{background-position:-192px 0;}
.rm6{background-position:-240px 0;}.rm7{background-position:-288px 0;}.rm8{background-position:-336px 0;}.rm9{background-position:-384px 0;}
.rm10{background-position:-432px 0;}.rm11{background-position:0 -48px;}.rm12{background-position:-96px -48px;}
*/
.i16{width:16px;height:16px;overflow:hidden;}
.i24{width:24px;height:24px;overflow:hidden;}
#SE-OP li{all:initial;display:block;margin:4px 0;padding-left:6px;height:32px;}
#SE-OP a{width:116px;height:32px;padding:0;line-height:32px;display:inline-block;}
#SE-OP b{vertical-align:middle;margin:-4px 4px 0 0;}
.searchBK{display:none;position:fixed;z-index:10;top:100px;right:30px;color:#ccc;background:#666;width:330px;height:48px;line-height:48px;}
.searchBK i{font-size:32px;cursor:pointer;}.searchBK i:hover{color:#eee;}
.searchBK input{color:#eee;width:136px;height:20px;padding:6px 0;margin-left:8px;border:0;background:#666;}
.searchBK input::placeholder{color:#aaa;}
#sbkCounting{display:inline-block;text-align:right;padding-right:4px;width:60px;border-right:solid 1px #888;}
.BKmatch{border:solid 4px teal;}.BKcur{border:solid 6px orange;line-height:10px;}
.BKmatch a{margin-top:6px;}.BKmatch img,.BKmatch b{margin-top:7px;}
.BKcur a{margin-top:5px;}.BKcur img,.BKcur b{margin-top:6px;}
i.SE_ar{float:right;margin-top:4px;}
.flag24{width:24px;height:18px;overflow:hidden;margin:0 4px;vertical-align:middle;}
.pin{margin:0 8px;}.mdui-radio:hover{background:#e0eaeb;border-radius:50%;}
.setSE{margin-left:8px;overflow:hidden;width:40px;height:24px;line-height:24px;cursor:pointer;position:relative;display:inline-block;}.dd{position:absolute;left:18px;}
.SI_BS,.SI_BD,.SI_GG,.SI_SO,.SI_SG,.SI_YD{width:24px;height:24px;display:inline-block;background:url(/g/bots128.png) no-repeat;}
.SI_BS{background-position:-48px 0;}.SI_GG{background-position:-24px 0;}.SI_SO{background-position:-72px 0;}.SI_SG{background-position:-96px 0;}.SI_YD{background-position:-120px 0;}
.SI_BS,.SI_BD,.SI_GG,.SI_SO,.SI_SG,.SI_YD{background-size:1000%;}
/*
.fv16,.fv16g,.ts1,.ts2,.ts3,.ts4,.ts5,.ts6,.ts7,.ts8,.ts9,.ts10{width:16px;height:16px;background:url(/g/g3.png) no-repeat;}
.fv32,.fv32g,.fv32w,.tm1,.tm2,.tm3,.tm4,.tm5,.tm6,.tm7,.tm8,.tm9,.tm10,.tm11{width:32px;height:32px;background:url(/g/g4.png) no-repeat;}
.fv32g{background-position:-32px -96px;}.fv32{background-position:-64px -96px;}.fv32w{background-position:-64px -128px;}.tm2{background-position:-96px -96px;}.tm3{background-position:-128px -96px;}.tm4{background-position:-160px -96px;}
.tm5{background-position:-192px -96px;}.tm6{background-position:-224px -96px;}.tm7{background-position:-256px -96px;}.tm8{background-position:-288px -96px;}
.tm9{background-position:-320px -96px;}.tm10{background-position:-352px -96px;}.tm11{background-position:-384px -96px;}
.fv16{background-position:-96px -144px;}.fv16g{background-position:-112px -144px;}
*/
.b0,.b1,.b9{width:16px;height:16px;background:url(/g/g5.png) no-repeat;}
.b9{background-position:0 -48px;}.b0,.b1{background-position:-16px -48px;}
.b0,.b1,.b9{display:inline-block;flex:0 0 auto;margin:12px 4px 12px 8px;}

.seeShare{margin:40px auto;font-weight:bold;width:80%;text-align:center;}
@font-face{font-family:"favinavi-logo";src:url("/fonts/favinavi-logo.otf");font-weight:normal;font-style:normal;font-display:swap;}
.footerName{font-size:20px;font-family:"favinavi-logo";}
footer{background:#098;color:#fff;text-align:center;padding-top:16px;padding-bottom:50px;}
footer p{text-align:center;font-size:14px;margin:0 8px;line-height:32px;}
footer span{display:inline-block;}
footer .logo{width:32px;height:32px;margin-top:-8px;vertical-align:middle;}
footer a{display:inline-block;color:#fff;text-decoration:none;margin:0 8px;}
@media (max-width:599.9px){footer a{line-height:48px;}}
.fv-00{width:0;height:0;margin:0;overflow:hidden;display:none;}

.pglist{height:32px;padding:6px 20px;font-size:16px;}
.pglist li{list-style-type:none;border:solid 1px #ccc;border-radius:3px;float:left;height:32px;line-height:32px;margin:4px 8px}
.pglist li.current{border-color:#098;background-color:#098;color:#fff;float:left;padding:0 12px;}
.pglist li a{display:inline-block;height:100%;padding:0 12px;color:#098;background:#fff;}.pglist li a:hover{color:#0a9;background:#eee;}

.lds-ring{display:inline-block;position:relative;margin:0 auto;width:32px;height:32px;}
.lds-ring div{box-sizing:border-box;display:block;position:absolute;
width:26px;height:26px;margin:3px;border:3px solid #666;border-radius:50%;
animation:lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color:#ccc transparent transparent transparent;}
.lds-ring div:nth-child(1){animation-delay:-0.45s;}
.lds-ring div:nth-child(2){animation-delay:-0.3s;}
.lds-ring div:nth-child(3){animation-delay: -0.15s;}
@keyframes lds-ring{0%{transform: rotate(0deg);}100%{transform:rotate(360deg);}}
@keyframes shaking{0%,100%{transform-origin:center;}15%{transform:rotateZ(10deg);}30%{transform:rotateZ(-10deg);}45%{transform:rotateZ(5deg);}60%{transform:rotateZ(-5deg);}75%{transform:rotateZ(2deg);}}
.SK{animation:shaking 0.9s;animation-delay:2s;animation-iteration-count:5;}
@keyframes load{0%{opacity:1;transform:scale(1.2);}100%{opacity:.2;transform:scale(.2);}}
.loading span:nth-child(1){animation-delay:0.13s;}
.loading span:nth-child(2){animation-delay:0.26s;}
.loading span:nth-child(3){animation-delay:0.39s;}
.loading span:nth-child(4){animation-delay:0.52s;}
.loading span:nth-child(5){animation-delay:0.65s;}

.hided-menu{display:none;}
a.toptext{overflow:initial;text-overflow:initial;}
.helper{padding:16px;right:100px;bottom:36px;border-radius:4px;min-width:80px;position:fixed;z-index:10;background:#333;color:#fff;box-shadow:2px 2px 6px 4px rgb(0 0 0 / 34%)}
.helper-arrow{width:12px;height:12px;right:-6px;top:calc(50% - 6px);display:block;position:absolute;background:#333;transform:rotate(45deg);box-shadow:2px 2px 6px 4px rgb(0 0 0 / 34%)}
.noticeNum{position:absolute;z-index:10;background:red;color:#fff;min-width:16px;height:16px;line-height:16px;text-align:center;font-size:12px;border:0;border-radius:8px;top:6px;left:6px;}
.mdui-toolbar .search-bar{display:flex;align-items:center;width:100%;max-width:600px;height:46px;background-color:#e7e8e9;border-radius:8px;transition-duration:.18s;transition-property:background-color,box-shadow}
@media (max-width:760px){.hide-menu{display:none}.hided-menu{display:block}}
@media (max-width:600px){.mdui-toolbar .search-bar{display:none;}#sbtn-m{display:block;}}
@media (min-width:600.1px){#sbtn-m{display:none;}}
@media (max-width:400px){.fv-stat{display:none;}}
.mdui-toolbar .search-bar.focus{background-color:#fff;box-shadow:0 1px 1px 0 rgba(65,69,73,.3),0 1px 3px 1px rgba(65,69,73,.15)}
.mdui-toolbar .search-bar input{flex:1;height:46px;background-color:transparent;border:none;outline:none}
.mdui-toolbar .search-bar .back,.mdui-toolbar .search-bar .cancel,.mdui-toolbar .search-bar .submit{margin:0 5px}
.mdui-toolbar .search-bar .back{display:none}
.mdui-toolbar .search-bar.not-empty .cancel{display:flex}
.mdui-toolbar.mobile .search-bar{position:absolute;display:flex;height:100%;margin:0;background-color:#fff;border-radius:0}
.mdui-toolbar.mobile .search-bar.focus{box-shadow:none}
.mdui-toolbar.mobile .search-bar .back,.mdui-toolbar.mobile .search-bar .cancel{display:flex}
/*.mdui-toolbar.mobile .search-bar .submit,.mdui-toolbar .search-icon{display:none}*/
.mdui-toolbar.mobile .setSE,.mdui-toolbar.mobile .toptext{display:none}
.mdui-chip{border:solid 3px #098;background:#fff;}
.mdui-chip-title{height:26px;line-height:26px;}

.tips{font-weight:bold;padding:8px 12px;line-height:22px;min-height:130px;white-space:initial;text-align:justify;width:100%;box-sizing:border-box;}
.tips hr{margin-top:0;border:0;}
.tips span{font-size:13px;color:#666;}
.light-teal{color:#0ba;}
#weather{position:relative;margin-top:18px;}
.wloading{position:absolute;top:0;left:100px;z-index:100;}
#weather p{font-size:13px;font-weight:bold;}
#wt0,#wt1,#wt2{float:right;}
#wsource{font-size:12px;color:#888;transform-origin:top left;transform:scale(0.80);font-family:'Courier New';font-style:italic;}
#wsource a{color:#888;}
.fc-date{margin-top:20px;text-align:center;font-size:20px;font-weight:bold;color:#666;}
.clock{width:220px;font-family:sans-serif serif;color:#fff;display:grid;padding:0 12px;
  grid-template-columns:1fr 1fr;grid-column-gap:12px;height:140px;margin:10px 0 16px -2px;}
.flipper{position:relative;width: 100%;min-width:100px;font-weight:bold;
 height:100%;transform-style:preserve-3d;perspective:1600px;}
.gear{position:absolute;top:47px;width:8px;height: 47px;background:linear-gradient(to bottom,
#000000 0%,#666666 17%,#7f7f7f 52%,#7f7f7f 52%,#0c0c0c 53%,#595959 87%,#131313 100%);
 outline: 3px solid #000;z-index:99;transform-style:preserve-3d;transform: translateZ(10px);perspective:0;}
.gear:nth-child(2){left:calc(100% - 9px);}
.fc-top, .fc-bottom{box-shadow:0 6px 6px 1px rgba(0, 0, 0, 0.5),0 2px 2px 1px rgba(255, 255, 255, 0.15);
  border-top: 2px solid rgb(102, 103, 110);border-bottom: 2px solid #000;}
.fc-top{position:relative;width:100%;height: calc(50% - 15px);background-image: linear-gradient(rgb(48, 49, 53) 0%, rgb(56, 57, 62) 100%);
  margin:10px 0 0 0;border-top-left-radius:20px;border-top-right-radius:20px;}
.fc-bottom{position:relative;width:100%;height:calc(50% - 15px);margin: 0 0 10px 0;
  background-image: linear-gradient(rgb(56, 57, 62) 0%,rgb(65, 65, 71) 100%);
  border-bottom-left-radius:20px;border-bottom-right-radius:20px;}
.fc-text{font-size:70px;position:absolute;display:block;width:100%;height:100%;text-align:center;line-height:114px;overflow:hidden;}
.fc-bottom .fc-text{line-height:0;}
.fc-top.new,.fc-bottom.new{position:absolute;left:0;z-index:12;}
.fc-top.new{top:0;z-index: 1;}
.flipper.flipping .fc-top.new{animation: rotate 0.55s 1 ease-in-out forwards;transform-origin: center bottom;}
.fc-top.new .fc-text{backface-visibility:hidden;}
.fc-bottom.new{position:absolute;top:0;height:calc(100% - 0px);transform:rotateX(0.5turn);z-index:1;opacity:0;}
.flipper.flipping .fc-bottom.new{animation: rotatebottom 0.55s 1 ease-in-out forwards;}
@keyframes rotatebottom{0%{opacity: 0;}49%{opacity: 0;}50%{opacity: 1;}100%{opacity: 1;}}
@keyframes rotate{0%{transform:rotateX(0deg) translateY(0px);}100%{transform:rotateX(-180deg) translateY(-3px);}}