.dofixed_pc{
position: fixed;
bottom: 0;
}

.dofixed{
position: fixed;
bottom: 0;
right: 0;
width: 100%;
}

*{
-webkit-touch-callout: none;
-webkit-user-select: none;
-webkit-text-size-adjust: none;
-webkit-tap-highlight-color: rgba(0,0,0,0);
}
body{
margin: 0;
padding: 0;
color: white;
font-family: Trebuchet MS;
background-color: #939393;
}
table{
font-size: 1em;
}
.weather_bg{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
/*PC用*/
/*left: 50%;
margin-left: -512px;*/
z-index: -1;
background-size: auto 100%;
background-size: cover;
background-position: center bottom;
background-repeat: no-repeat;
}
#loader_block{
display: none;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 1999999999;
}
#loader_bg{
background: #000000;
opacity: 0.7;
width: 100%;
position: absolute;
}
.get_data{
position: absolute;
top: 4em;
left: 50%;
display: none;
background: rgba(255,255,255,0.3);
-webkit-border-radius: 0.5em;
padding: 0.3em 0.5em;
margin: 0.8em auto;
font-weight: bold;
text-shadow: 0 0 3px rgba(0,0,0,1);
font-size: 1.2em;
z-index: 2000000001;
}
.on_get_data{
position: absolute;
top: 4em;
left: 50%;
display: inline-block;
background: rgba(255,255,255,0.8);
-webkit-border-radius: 0.5em;
padding: 0.3em 0.5em;
margin: 0.8em auto;
font-weight: bold;
text-shadow: 0 0 3px rgba(0,0,0,1);
font-size: 1.2em;
z-index: 2000000001;
}
#loader{
position: relative;
width: 100%;
text-align: center;
}
.category_block{
padding: 0.5em 0.25em;
position: relative;
font-weight: bold;
text-shadow: 0 0 3px rgba(0,0,0,1);
}
.category_btn{
display: inline-block;
padding: 0.4em 0.5em;
background: rgba(255,255,255,0.8);
margin: 0.2em 0.2em 0 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
color: #3e3a39;
text-shadow: none;
vertical-align: middle;
}
.on_category_btn{
display: inline-block;
padding: 0.4em 0.5em;
background: rgba(0,0,0,0.2);
margin: 0.2em 0.2em 0 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
vertical-align: middle;
}
.picker{
margin: 0.5em 0;
padding: 0.5em 0.25em;
position: absolute;
top: 0;
right: 0.25em;
display: block;
text-shadow: 0 0 3px rgba(0,0,0,1);
}
.dropdown{
margin-left: 0.3em;
font-size: 0.9em;
}
select{
font-size: 1em;
margin: 0;
}
#forecast_block{
margin-top: 0.2em;
position: relative;
padding: 0.25em 0;
}
.forecast_block_bg{
background: rgba(0,0,0,0.3);
width: 100%;
position: absolute;
height: 100%;
z-index: 0;
top: 0;
left: 0;
}
#assistant{
margin-top: 1em;
position: relative;
}
#assistant_text{
padding: 0 0.5em 0.5em 0.5em;
line-height: 1.4em;
}
#i2_now_max_temp{
position: absolute;
font-size: 4em;
top: 0.6em;
left: 2.2em;
}
#i2_now_min_temp{
position: absolute;
font-size: 3.2em;
color: #39D2DD;
top: 1.5em;
left: 4.5em;
}
#i2_now_status_img{
width: 8em;
}
#i2_now_status_text{
position: absolute;
left: 1.4em;
width: 7.1em;
text-align: right;
top: 7em;
font-weight: bold;
text-shadow: 0 0 3px rgba(0,0,0,1);
font-size: 1.1em;
}
#i2_week_weather{
display: none;
position: relative;
padding: 0.5em 0;
margin-top: -1em;
}
.world_next_block{
display: inline-block;
background: rgba(0,0,0,0.5);
border-radius: 1.8em 0.5em 1.8em 0.5em;
margin-right: 1em;
padding: 0.5em 0.8em 0.8em 1.2em;
text-align: right;
}
.world_next_date{
font-size: 1.1em;
text-align: left;
position: relative;
top: -0.2em;
}
.world_next_status img{width: 5.5em;}
.world_next_status{
position: relative;
right: 0;
top: 0.2em;
}
.world_next_text{
width: 7.1em;
position: relative;
text-align: left;
margin-top: 0.2em;
margin-left: 0.2em;
font-weight: bold;
}
.week_weather_min_temp, .week_weather_max_temp, .week_weather_mark{display: inline-block;}
.week_weather_temp_block{
text-align: left;
position: relative;
left: 0.5em;
top: 0.2em;
text-shadow: 0 0 3px rgba(0,0,0,1);
}
.week_weather_min_temp{font-size: 1.2em;}
.week_weather_max_temp{font-size: 1.5em;}
.week_weather_mark{
font-size: 1.4em;
margin: 0 0.1em;
}
#button_list{
margin: 0.5em 0.2em 0em;
}
.week_active{background: #75cff2;}
.news *{
vertical-align: middle;
}
#def_interface{
text-align: center;
vertical-align: bottom;
padding: 5em 0;
font-size: 1.2em;
}
#def_interface img{
width: 2em;
margin-left: 0.5em;
}
#def_interface *{
vertical-align: bottom;
}
.now_status{
position: absolute;
top: 0;
right: 0.5em;
}
.forecast_status_img{
width: 2.5em;
}
.icon-selectArrow{
font-size: 0.8em;
padding-left: 0.5em;
vertical-align: baseline;
}
.voice_play{
display: inline-block;
padding: 0.1em;
border-radius: 0.2em;
margin-left: 0.5em;
margin-top: -0.3em;
vertical-align: middle;
}
.play_btn{background: rgba(255,255,255,0.5);}
.play_btn_active{background: rgba(255,255,255,0.2);}

.panel{
display: none;
width: 10em;
background: #282828;
box-shadow: 2px 0 5px rgba(0,0,0,0.8);
}
.icon-sidebar{
font-size: 1.2em;
line-height: 1.05em;
}
.sidebar_title{
padding: 0.5em 0;
font-size: 1em;
color: white;
font-weight: bold;
text-shadow: 0 1px 2px rgba(0,0,0,0.5);
text-align: center;
margin: 0 auto;
font-family: "Helvetica";
border-bottom: 1px solid rgba(0,0,0,0.4);
background: rgba(150,150,150,0.15);
}
.sidebar_love_btn{width: 100%;}
.sidebar_more_btn, .sidebar_love_btn{
border-bottom: 1px solid rgba(0,0,0,0.4);
font-size: 0.95em;
}
.sidebar_more_btn cyb\:btn{
display: block;
padding: 0.6em 1em;
text-align: left;
}
.sidebar_more_btn cyb\:btn:active{
display: block;
padding: 0.6em 1em;
background: rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.8) inset;
text-align: left;
}
.sidebar_love_btn cyb\:btn{
display: inline-block;
width: 100%;
padding: 0.6em 0.5em 0.6em 0.5em;
text-align: left;
}
.sidebar_love_btn cyb\:btn:active{
display: inline-block;
width: 100%;
padding: 0.6em 0.5em 0.6em 0.5em;
background: rgba(0,0,0,0.3);
box-shadow: 0 0 5px rgba(0,0,0,0.8) inset;
text-align: left;
}
.icon-minus{
font-size: 1em;
}
.gps_checkbox{
vertical-align: middle;
}
.gps_checkbox input[type="checkbox"] {
display: none;
}
.gps_checkbox input[type="checkbox"] + label span {
display: inline-block;
width: 20px;
height: 20px;
margin: -1px 0.5em 0 0;
background: url('../img/gps_checkbox.png') left top no-repeat;
background-size: 40px;
vertical-align: middle;
}
.gps_checkbox input[type="checkbox"]:checked + label span {
background: url('../img/gps_checkbox.png') right top no-repeat;
background-size: 40px;
}
.love_add_btn cyb\:btn{
display: block;
padding: 0.3em 0;
text-align: center;
border: 1px dashed rgba(255,255,255,0.5);
margin: 0.2em;
border-radius: 0.2em;
font-size: 0.9em;
}
.love_add_btn cyb\:btn:active{
display: block;
padding: 0.3em 0;
text-align: center;
border: 1px dashed rgba(0,0,0,0.3);
background: rgba(0,0,0,0.3);
margin: 0.2em;
border-radius: 0.2em;
font-size: 0.9em;
}
.love_add_btn .icon-plus{padding: 0.5em 0.5em 0 0;}
.favor_title{
font-size: 1.2em;
border-bottom: 1px solid rgba(255,255,255,0.5);
padding: 0.5em;
}
.favor_title cyb\:btn{
display: inline-block;
font-size: 0.9em;
padding: 0.5em;
float: right;
margin-top: -0.25em;
border-radius: 2em;
}
.favor_title cyb\:btn:active{
background: -moz-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.4)), color-stop(70%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
background: radial-gradient(ellipse at center,  rgba(255,255,255,0.4) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,0) 100%); /* W3C */
}
.sidebar_favor_edit{
font-size: 1em;
text-shadow: none;
}
.sidebar_favor_edit cyb\:btn{
display: inline-block;
float: right;
font-size: 0.9em;
border-radius: 1em;
padding: 0.3em;
margin-top: -0.15em;
margin-right: 0.5em;
background: #BC2E46;
}
.weather_tip{
position: relative;
top: 0;
left: 0;
z-index: 5555555;
}
.tip_block{
position: absolute;
font-size: 1.1em;
width: 55%;
background: white;
border-radius: 0.2em;
color: rgba(0,0,0,0.6);
padding: 0.5em;
line-height: 1.5em;
top: 3.4em;
left: 0.5em;
}
.weather_tip_arrow{
position: absolute;
width: 1.2em;
height: 1.2em;
-ms-transform: rotate(45deg); 
-webkit-transform: rotate(45deg); 
transform: rotate(45deg);
top: 3.2em;
left: 0.9em;
background: white;
z-index: 9999999999;
}
.weather_tip .icon-sidebar{font-size: 1.5em;}
.weather_tip cyb\:btn{
display: block;
width: 5em;
margin: 0.5em auto 0.2em;
border: 1px solid rgba(0,0,0,0.5);
text-align: center;
padding: 0.1em 0;
border-radius: 0.2em;
}
.weather_tip cyb\:btn:active{
background: rgba(150,150,150,0.5);
}