@charset "UTF-8";@import"//fonts.googleapis.com/earlyaccess/notosansjp.css";@import"//fonts.googleapis.com/css?family=Roboto:400,700";.u-en{font-family:Roboto,sans-serif}.main-area{position:relative;z-index:10;margin:-20px 0 0;box-shadow:0 0 5px #00000040;border-radius:15px;overflow:hidden;background:#fff}.main-area .simulation-container{position:relative}.main-area .simulation-bg-weather{position:absolute;top:0;left:0;width:520px;height:380px}.main-area .simulation-area{position:relative;background-image:url(./images/bg0.png);background-size:cover;background-position:center;background-repeat:no-repeat}.main-area .matter-container{position:relative;width:520px;height:380px;background:transparent!important}.main-area .grid-lines{position:absolute;top:0;left:0;right:0;bottom:20px;pointer-events:none;z-index:2}.main-area .grid-lines .line-3,.main-area .grid-lines .line-2,.main-area .grid-lines .line-1{position:absolute;top:25%;left:0;width:100%;height:1px;background:#ccc;opacity:.7}.main-area .grid-lines .line-2{top:50%}.main-area .grid-lines .line-3{top:75%}.main-area .grid-lines .label-3,.main-area .grid-lines .label-2,.main-area .grid-lines .label-1{position:absolute;top:22%;right:1px;color:#888;font-size:14px;font-weight:700;background:#fff;padding:0 6px}.main-area .grid-lines .label-2{top:47%}.main-area .grid-lines .label-1{top:72%}.main-area .legend-area{position:absolute;top:15px;right:15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;color:#0068b4}.main-area .legend-area .legend-item{display:flex;flex-direction:row;align-items:center;gap:3px}.main-area .legend-area .legend-item-text{font-weight:700;font-size:12px}.main-area .legend-area .legend-item-color{width:10px;height:10px;border-radius:50%;background:#0068b4}.main-area .legend-area .legend-item-color.is-L{width:20px;height:20px}.main-area .legend-area .legend-item-color.is-M{width:10px;height:10px}.main-area .legend-area .legend-item-color.is-S{width:5px;height:5px}.main-area .info-days{position:absolute;top:10px;left:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:50px;line-height:1.2;z-index:100;text-align:left;color:#fff}.main-area .info-days b{font-weight:700}.main-area .info-summary{position:relative;z-index:10;padding:0 20px;background:#000;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:12px;line-height:1.2;z-index:100;text-align:left;color:#fff}.main-area .info-summary b{display:block;font-size:24px;color:#fff;font-weight:700}.main-area .info-panel{position:relative;height:75px;background:#000;color:#fff;display:flex;flex-direction:row;align-items:flex-start}.main-area .info-panel .chart-container{position:absolute;left:20px;right:20px;top:0;background:transparent}.main-area .description{margin-top:16px;font-size:12px;color:#888}.main-area .current-date{margin-top:8px;font-size:16px;color:#333}.main-area .simulation-btns{text-align:center}.main-area .simulation-btns .start-button,.main-area .simulation-btns .reset-button{margin-top:16px;padding:16px 40px;font-size:18px;font-weight:400;border-radius:50px;background-color:#0068b4;color:#fff;font-weight:700;border:2px solid #fff;cursor:pointer;transition:background-color .3s ease}.main-area .simulation-btns .reset-button{background-color:#fff;color:#000}.main-area .simulation-legend{font-size:14px;color:#fff;padding:20px}.main-area .simulation-legend .legend-row{margin-bottom:6px}.main-area .bottom-area{background:#000}.main-area .legend-colors{position:relative;margin-top:-15px;background:#000;padding:10px 20px;display:flex;align-items:center;gap:12px;color:#fff}.main-area .legend-colors .legend-label{font-size:13px}.main-area .legend-colors .color-group{display:flex;align-items:center;gap:4px}.main-area .legend-colors .legend-color{display:inline-block;width:18px;height:18px;border-radius:50%;border:1px solid #ccc}.main-area .legend-colors .legend-color-blue{background:#0491b3}.main-area .legend-colors .legend-color-green{background:#4e7e6b}.main-area .legend-colors .legend-color-red{background:#ce1b2e}.main-area .legend-colors .legend-temp{font-size:12px}.main-area .legend-colors .legend-note{font-size:12px;margin-left:8px;color:#888}.ranking-area{display:flex;gap:10px;flex-direction:column}.ranking-area .ranking-controls{background:#fdd;padding:10px;font-size:14px;border-radius:5px}.ranking-area .ranking-bars{display:flex;flex-direction:column;gap:1px}.ranking-area .ranking-row{display:flex;align-items:center;gap:11px}.ranking-area .ranking-label{width:150px;font-size:14px;color:#333;display:flex;align-items:center;gap:3px}.ranking-area .ranking-label span{display:inline-block}.ranking-area .ranking-label .ranking-rank{width:22px;text-align:right}.ranking-area .ranking-label .ranking-date,.ranking-area .ranking-label .ranking-youbi{font-weight:700}.ranking-area .ranking-label .sunday{color:#d32f2f}.ranking-area .ranking-label .saturday{color:#1976d2}.ranking-area .ranking-outer{flex:1;background:#ddd;border-radius:4px;overflow:hidden;height:28px;position:relative;cursor:pointer;transition-duration:.2s}.ranking-area .ranking-inner{background:#4a90e2;height:100%;display:flex;align-items:center;padding-left:10px;color:#fff;font-weight:700;font-size:16px;transition:width .7s cubic-bezier(.4,2,.6,1)}.ranking-area .ranking-number{position:absolute;top:0;left:0;font-size:14px;line-height:2;margin-left:8px}.ranking-area select,.ranking-area input{padding:6px 12px;border:1px solid #ccc;border-radius:4px;font-size:14px;background-color:#fff;margin:0 8px;color:#333}.ranking-area select:focus,.ranking-area input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233}.ranking-area select:hover,.ranking-area input:hover{border-color:#999}.section .data-table-wrapper{overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;background:#fff}.data-table th{background:#f8f9fa;color:#333;font-weight:700;padding:10px 4px;border-bottom:2px solid #dee2e6;font-size:12px;white-space:nowrap}.data-table td{padding:6px;color:#666;width:600px;white-space:nowrap}.data-table tr:nth-child(2n){background:#f8f9fa}.data-table tr:hover{background:#e3f2fd}.data-table td:nth-child(2),.data-table td:nth-child(3),.data-table td:nth-child(4){text-align:right;font-weight:500}.data-table td:nth-child(5){text-align:center}.data-table .temp-color{color:#fff;padding:2px 4px;border-radius:2px;font-size:12px}.monthly-info{padding:15px 0 0 30px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;font-size:18px;color:#333;font-weight:700;line-height:1.2}.monthly-info b{color:#888;display:block;font-size:12px}.monthly-info>*{border-left:1px solid #ddd;padding:0 0 0 15px;display:flex;gap:5px;flex-direction:column;align-items:flex-start}.monthly-info .monthly-total,.monthly-info .monthly-average,.monthly-info .monthly-temp{flex:1}.monthly-info .temp-color{display:inline-block;color:#fff;padding:2px 8px;border-radius:2px;font-size:16px}.calendar-area{display:flex;gap:20px;flex-direction:column;font-size:12px}.calendar-area table{border-collapse:collapse;border-spacing:0}.calendar-area th,.calendar-area td{vertical-align:top;text-align:left;font-weight:400}.calendar-area .calendar-table{margin-top:-5px}.calendar-area .calendar-table th{width:14.28%;text-align:center;color:#888;padding:0 0 7px}.calendar-area .calendar-table td{background:#f8f8f8;width:14.28%;color:#fff}.calendar-area .calendar-cell-content{display:flex;gap:3px;flex-direction:column;align-items:center;padding:7px 5px 10px;position:relative}.calendar-area .calendar-cell-content .calendar-date{font-size:20px;line-height:1;font-weight:700;text-align:center}.calendar-area .calendar-cell-content .calendar-date .calendar-weather-icon{position:absolute;top:4;right:4%;font-size:14px;line-height:1;font-weight:700;text-align:center}.calendar-area .calendar-visitors{opacity:.5}.calendar-area .calendar-balls{margin-left:4px;display:flex;flex-wrap:wrap;gap:1px}.calendar-area .ball{display:inline-block;width:4px;height:4px;border-radius:50%;vertical-align:middle;background:#fff}.calendar-area .calendar-legend{font-size:14px;margin-bottom:10px;line-height:1.7;color:#888}.calendar-area .calendar-legend-colors{margin-top:4px;display:flex;align-items:center;gap:8px}.calendar-area .legend-dot{display:inline-block;width:14px;height:14px;border-radius:50%;margin:0 2px;border:1px solid #ccc;vertical-align:middle}.ranking-area{position:relative}.ranking-area .seekbar-area{display:flex;gap:10px;align-items:center}.ranking-area .settings{background:#f8f8f8;padding:20px 10px 10px;border-radius:10px;display:flex;gap:10px;flex-direction:column}.ranking-area .inputs{display:flex;gap:10px}.ranking-area .bar-race-date{margin-top:5px;font-size:32px;font-weight:700;color:#333;line-height:1;text-align:center}.ranking-area .bar-race-area{position:relative;margin-top:5px;width:100%;height:380px}.ranking-area .bar-race-bar{position:absolute;left:0;display:flex;align-items:center;border-radius:4px;color:#fff;font-weight:700;font-size:14px;line-height:32px;z-index:1;pointer-events:none;box-shadow:0 1px 4px #0000000a;padding-left:10px;padding-right:10px;transition:background .3s}.ranking-area .bar-race-label{text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ranking-area .bar-race-value{position:absolute;top:0;left:calc(100% + 10px);color:#333;font-size:14px;width:100px;font-variant-numeric:tabular-nums}body{font-family:Noto Sans JP,游ゴシック,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,sans-serif;margin:0;background:#f8f8f8;background-image:url(/app/expo-visitor/images/bg.png);background-position:top left top;background-size:cover;background-attachment:fixed}#root{min-height:1000px}.wrapper{position:relative;background:#fff;width:520px;margin:0 auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media print,screen and (min-width: 769px){.lang-area{position:fixed;top:0;right:20px;z-index:100}.lang-area a{font-size:14px;color:#fff;text-decoration:none;background:#0068b4;padding:7px 12px;border-radius:5px;font-weight:700}}@media screen and (max-width: 768px){.lang-area{position:absolute;top:0;right:20px;z-index:100}.lang-area a{font-size:14px;color:#0068b4;text-decoration:none;background:#fff;padding:7px 12px;border-radius:5px;font-weight:700}}.app-title{background:#0068b4;padding:30px 0 30px 75px;font-size:18px;margin:0;text-align:center;font-weight:400;color:#fff;overflow:hidden;position:relative}.app-title b{font-weight:700;color:#fff;font-size:24px;display:block}.app-title:after{content:"";display:block;position:absolute;top:12px;left:16px;width:67.5px;height:81px;background-image:url(/app/expo-visitor/images/chara.png);background-size:contain;background-repeat:no-repeat;background-position:center;z-index:10}.section{padding:40px 20px 60px;border-top:1px solid #dee2e6}.section p{margin-bottom:8px;line-height:1.6;color:#333;font-size:16px}.section.is-no-bar{border-top:none}.section h2{text-align:center;margin-top:0;margin-bottom:20px;color:#333;font-size:22px;font-weight:700}.section h3{text-align:center;margin-top:0;margin-bottom:12px;color:#333;font-size:18px;font-weight:700}.section h4{text-align:center;margin-top:0;margin-bottom:12px;color:#333;font-size:16px;font-weight:700}.section ul{text-align:left}p.disclaimer{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;padding:8px 12px;margin-top:12px;color:#856404;font-size:14px;font-weight:500}.data-source a{color:#06c;text-decoration:none;word-break:break-all}.data-source a:hover{text-decoration:underline}@media print,screen and (min-width: 769px){.sns-area{height:1px;padding:0}.sns-area h2{display:none}}.sns-share-list{margin:0;padding:0;display:flex;justify-content:center;align-items:center;gap:10px;list-style:none}@media print,screen and (min-width: 769px){.sns-share-list{position:fixed;right:20px;bottom:20px}.sns-share-list a{width:32px;height:32px;display:block}.sns-share-list a svg{width:100%;height:100%}}.sns-share-list li{margin:0;padding:0;display:inline-block}.sns-share-list a{display:inline-block;cursor:pointer;transition-duration:.2s}.sns-share-list a:hover{opacity:.8}.sns-share-list a.sns-x{background:#000;color:#fff}.sns-share-list a.sns-facebook{background:#1877f3;color:#fff}.sns-share-list a.sns-line{background:#06c755;color:#fff}.app-footer{padding:16px 0;color:#888;font-size:14px;text-align:center;border-top:1px solid #e0e0e0}.app-footer a{color:#888;text-decoration:underline;margin-left:8px}