@charset "UTF-8";a,abbr,acronym,address,b,big,blockquote,body,center,cite,code,dd,del,dfn,div,dl,dt,em,h1,h2,h3,h4,h5,h6,html,i,img,ins,kbd,li,ol,p,pre,q,s,samp,small,span,strike,strong,sub,sup,tt,u,ul,var{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;box-sizing:border-box;font-family:メイリオ;font-style:normal;font-weight:400;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:baseline}body,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,ol,p,pre,span,ul{cursor:default}ul{list-style:none;margin:0;padding:0}a{color:#444;outline:none;text-decoration:none}a:hover{text-decoration:underline}.container.main{background-color:#f2f6f7;box-sizing:border-box;height:95px;margin:0;padding:6px 0 0;position:relative;width:500px}.container.main>div{display:flex}.container.main .logo{height:26px;margin-left:8px;margin-top:7px;width:86px}.container.main .bottom_area{border-top:1px dotted #c4d4e4;height:42px;line-height:42px;margin-top:6px;overflow:hidden;width:100%}.container.sub{height:440px;position:relative;width:500px}.container.sub #tabs{background:linear-gradient(180deg,#e2eaf1,#e7edf1 9%,#f2f6f7 0,#f2f6f7);display:flex;flex-wrap:wrap;height:440px;margin:0;width:100%}.container.sub #tabs input{display:none}.container.sub #tabs input+label{background-color:#e2eaf2;border-right:2px solid #f2f6f7;color:#333;cursor:pointer;display:inline-block;font-size:13px;height:40px;line-height:40px;position:relative;text-align:center;transition:all .2s ease;width:22.2222222222%}.container.sub #tabs input+label:hover{background-color:#f2f6f7;color:#0065b7}.container.sub #tabs input~.content{border:10px solid #f2f6f7;display:none;height:400px;overflow:hidden;width:100%}.container.sub #tabs input:checked+label{background-color:#f2f6f7;border-bottom:none;color:#0065b7}.container.sub #tabs input:checked+label:after{background-color:#0065b7;border-radius:8px;bottom:5px;content:"";display:block;height:4px;left:0;margin:auto;position:absolute;right:0;width:70%}.container.sub #tabs #news-weather:checked~.content#content-news-weather{background:#fff;border-radius:4px;display:block;padding:10px}.container.sub #tabs #movie:checked~.content#content-movie,.container.sub #tabs #shopping:checked~.content#content-shopping{display:block;position:relative}.container.sub #tabs #tool:checked~.content#content-tool{background:#fff;display:block;position:relative}.container.sub #tabs .spacer{width:100%}.container.sub #tabs .bottom_area{display:flex}.container.sub #tabs .bottom_area .date-weather{margin-left:12px;width:150px}

/*# sourceMappingURL=app.css.map*/