@charset "utf-8";
/*-- default 1.0.0 --*//* reset */
body{margin:0;padding:0;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,input,p,blockquote,fieldset,div{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
ul li, ol li{list-style:none;}
table{margin:0;padding:0;font-size:100%;}
caption{text-align:left;}
table,pre,code,select,textarea,kbd,var,ins,del,samp{font-size:100%;}
address,cite,dfn,em,strong,var,th,ins,del,samp{font-weight:normal;font-style:normal;}
a img{border:0;}
hr.separation{display:none;}
fieldset{border:none;}
header,section,nav,aside,footer,article{display:block;}
/* initialize */
body{-webkit-text-size-adjust:none;color:#333333;font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;}
a{color:#1c4d8e;text-decoration:none;-webkit-tap-highlight-color:rgba(102,204,255,0.5);}
.errorText{margin:10px;padding:5px;border:1px solid #dc0000;color:#dc0000;font-weight:bold;}
a{text-decoration:none;}

/*----- clearfix -----*/
.clearfix:after{content:".";display:block;clear:both;height:0;visibility:hidden;font-size:0;}
.clear{clear:both;}

/*-- layout for pc --*/

#wrapper{
width:950px;
margin:0 auto;
}

#columnWrapper{
padding-top:8px;
}

#leftColumnWrapper{
width:635px;
float:left;
}

#rightColumn{
float:right;width:300px;overflow:hidden;margin-bottom:10px;
}

/* layout for tablet */
@media screen and (min-width: 769px){

#wrapper{
width:auto;
max-width:950px;
margin:0 auto;
}


#leftColumnWrapper{
width:100%;
float:left;
margin-right:-315px;
}

#leftColumn{
margin-right:315px;
}

#rightColumn{
float:right;width:300px;overflow:hidden;
}

.menuExpand{
margin:0 0 10px 0;
}

}

/*-- layout for smp --*/
@media screen and (max-width: 769px){

#wrapper{
width:100%;
min-width:320px;
margin:0 auto;
}

#columnWrapper{
padding-top:0;
}

#leftColumnWrapper{
width:100%;
float:none;
margin-right:0;
}

#leftColumn{
margin-right:0;
}

#rightColumn{
float:none;
width:100%;
}

}

/*-- msthd for PC --*/
#msthd{display:block;}
.yjmth{
margin-top:10px;
white-space: nowrap;
*height:1%;}
.yjmth img{
vertical-align:middle;
border:0px;}
.yjmth a{
border:0px;
}
div.yjmthproplogoarea{
float:left;
padding: 0 10px 4px 5px;
}
div.yjmthloginarea{
float:left;
margin:0px 0px 0px 3px;
font-size:smaller;
text-align:left;
line-height:110%;
}
div.yjmthcplogoarea{
float:right;
}
div.yjmthcmnlnkarea{
/* Without MacIE \*/
float:right;
/* */
margin:10px 3px 0px 0px;
font-size:smaller;
text-align:right;
line-height:110%;}
br.yjmthclear{
clear:both;
}
div.yjgrplink{
text-align:right;
font-size:smaller;
line-height:115%;
}

#yjsmhWrapper {
display:none;
}

.bnrArea.jalert{
display:none;
}

/*-- .header for tablet/smp --*/
@media screen and (max-width: 769px){

#msthd{display:none;}

#yjsmhWrapper {
display:block;
}

.yjsmhHeaderDefault {
width: 100%;
z-index: 5000000;
position: relative;
}
#yjsmhLogo {
height: 44px;
background: #fff;
}
#yjsmhLogo h1 {
background-image: url("https://s.yimg.jp/c/logo/s/2.0/weather_r_22_2x.png");
-webkit-background-size: 127px 22px;
-moz-background-size: 127px 22px;
background-size: 127px 22px;
background-repeat: no-repeat;
background-position: right 50%;
width: 140px;
margin: 0;
}

#yjsmhLogo h1 a {
display: block;
height: 44px;
padding-left: 13px;
line-height: 33px;
text-indent: -9999px;
overflow: hidden;
-webkit-user-select: none;
-webkit-tap-highlight-color: rgba(0,48,96,0.06);
text-decoration: none;
}

.bnrArea.jalert{
display:block;
}

}

/*-- #footer for pc --*/
#footerPc{
display:block;
clear:both;
padding: 10px 0 20px;
border-top: 1px solid #ccc;
font-size:small;
line-height:1.4em;
text-align:center;}
#contents-footer{
display:block;
}

.mdContentsFooter {
    margin-top: 30px;
}

.mdContentsFooter .footerInner {
    position: relative;
}

.mdContentsFooter .footeLinkPromo {
    display: block;
}

.mdContentsFooter img {
    vertical-align: middle;
}

.mdContentsFooter .footerLinkAndroid,.mdContentsFooter .footerLinkIos {
display:block;
position:absolute;
height:48px;
top:188px;
background-image:url(https://s.yimg.jp/images/clear.gif)
}

.mdContentsFooter .footerLinkIos {
left: 145px;
width: 142px;
}

.mdContentsFooter .footerLinkAndroid {
left:460px;
width:156px
}

#footerSp {
display:none;
}

/*-- #footer for tablet --*/
@media screen and (min-width: 769px)and (max-width: 949px){

#contents-footer {
width: 100%;
overflow: hidden;
}

}

/*-- #footer for tablet/smp --*/
@media screen and (max-width: 769px){

#footerPc,
#contents-footer{
display:none;
}

#footerSp {
display:block;
}

#footerSp{font-size:14px;line-height:1;text-align:center;}
#footerSp .footerInner{padding:13px 10px 15px 10px;border-top:3px solid #d4d7db;background:#eeeeee; clear:both;}
#footerSp .commonLink{margin-bottom:10px;}
#footerSp .commonLink li{display:inline;}
#footerSp .commonLink li:after{content:" | ";}
#footerSp .commonLink li:last-child:after{content:"";}
#footerSp .subLink{margin-bottom:8px;font-size:12px;}
#footerSp .subLink li{display:inline;}
#footerSp .subLink li:after{content:" - ";}
#footerSp .subLink li:last-child:after{content:"";}
#footerSp small{display:block;margin-bottom:5px;font-size:12px;}

}

/*--- mainContents ---*/

/*-- labelLarge 1.0.0 --*/
.labelLarge {padding:4px 10px 2px 10px;margin-bottom:8px;border-top:2px solid #4672d0;border-bottom:1px solid #ffffff;background:#e5eef7;overflow:hidden;}
.labelLarge .title{display:inline;float:left;color:#1648b4;font-size:18px;font-weight:bold;line-height:34px;vertical-align:middle;}
.labelLarge .titleExplain{color:#815d38;font-size:12px;text-align:right;line-height:34px;vertical-align:middle;}

/*-- labelMedium 1.0.2 --*/
.labelMedium{
padding: 7px 5px;
margin:2px 10px 5px 10px;
line-height: 1;
background:#e5eef7;
vertical-align:baseline;
border-top:solid 1px #9fbce1;
overflow:hidden;
}

.labelMedium .title{
display:inline-block;
color:#1648b4;
font-size:16px;
font-weight:bold;
line-height:20px;
vertical-align:middle;
}

/*-- label for disaster --*/
.labelLarge.disaster{background-color: #eee7e0;border-top:2px solid #815d38;}
.labelLarge.disaster .title{color:#815d38;}
.labelMedium.disaster{background-color: #eee7e0;border-top:2px solid #815d38;}
.labelMedium.disaster .title{color:#815d38;}

/*-- .contentsBody --*/

.contentsBody {
margin:0 auto 20px;
}

.contentsText {
margin:0 10px 20px;
}

.contentsLink {
margin:0 auto 15px;
text-align:center;
}

.contentsLink .twitterKantei {
width:80%;
margin:0 auto;
border-radius:5px;
}

.contentsLink .twitterKantei .blueBtn {
display:block;
padding:10px;
line-height:20px;
border-radius:5px;
}

@media screen and (max-width: 769px){

.contentsLink .twitterKantei {
display:block;
width:auto;
margin:0 10px ;
}

}

/*-- .mapArea --*/
.mapArea{margin:5px auto 10px;text-align:center;line-height:1;}
.mapImg {height: auto;max-width: 100%;}

/*-- #seaLevelInfo --*/
#seaLevelInfo{
margin:-5px 10px 5px;
background:#fff3f3;
text-align:center;
}

#seaLevelInfo .infoTxt{
display:inline-block;
padding:8px 10px 6px;
margin:0 auto;
line-height:1.5;
font-size:14px;
font-weight:bold;
color:#333;
text-align:left;
*display:inline;
*zoom:1;
}

/*-- table.disDetail  --*/
.disDetail{margin:5px 10px 10px;font-size:14px;}

.disDetail table{
width:100%;
margin-bottom:5px;
border-left:1px solid #e3e3e3;
border-top:1px solid #e3e3e3;
border-collapse: collapse;
border-spacing:0;
}

.disDetail table th,.disDetail table td{
padding:5px 5px 3px;
border-right:1px solid #e3e3e3;
border-bottom:1px solid #e3e3e3;
font-size:14px;
font-weight:bold;
}

.disDetail table th{
width:20%;
color:#5c5c5c;
text-align:right;
white-space:nowrap;
background-color:#eeeeee;
}

/*-- buttonMedium 1.0.1 --*/
.buttonMedium{margin:0 0 10px;text-align:center;overflow:hidden;}
.buttonMedium p{width:60%;margin:0 auto;font-weight:bold;font-size:16px;border:1px solid #bbbbbb;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;background-color:#f4f4f4;background:-webkit-gradient(linear, left top, left bottom, from(#ffffff),color-stop(0.5,#ffffff),to(#ebebeb));background:-moz-linear-gradient(center top ,#ffffff,#ffffff 50%,#ebebeb);-moz-box-shadow:0 0 1px #f1f1f1;-webkit-box-shadow:0 0 1px #f1f1f1;}
.buttonMedium a{display:block;padding:5px 8px;line-height:18px;border:1px solid #ffffff;border-top:none;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#1c4d8e;}
.buttonMedium:after{display:block;clear:both;height:0;content:".";visibility:hidden;}

/*-- #reload --*/
#reload{width: 80%;margin: 0 auto;}
#reload:hover{opacity:0.8;}
.buttonMedium .reload{margin:0 auto;width:auto;}
.buttonMedium .reload a{padding:4px 5px 3px;}
.buttonMedium .reload a span{display:inline-block;background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/common/icoReload.png);background-repeat:no-repeat;background-position:0 0;line-height:21px;text-indent:23px;}

@media screen and (max-width: 769px){

#reload {
width:auto;
margin:0 10px;
}

}

@media (-webkit-min-device-pixel-ratio: 2){
.buttonMedium .reload a span{
background-image:url(https://s.yimg.jp/images/weather/smp/v2/img/common/icoReload_2x.png);
-webkit-background-size:19px 21px;
background-size:19px 21px;
}
}

/*-- .disList --*/
.disList{margin:0 10px 10px 10px;}
.disList li{border-bottom:1px solid #e6e6e6;background:#ffffff;}
.disList li .subText {color: #617589;font-size: 12px;font-weight: bold;margin-bottom:3px;}
.disList li a{overflow:hidden;display:block;padding:8px 31px 8px 0;background:url(https://s.yimg.jp/images/weather/smp/v2/img/common/arw_gray.png) no-repeat 100% 50%;color:#333333;}

.disList dl{overflow:hidden;}
.disList .title {
display:inline-block;
margin-bottom:2px;
line-height:1.25;
font-size:16px;
font-weight:bold;
color:#1c4d8e;
margin-right:10px;
*display:inline;
*zoom:1;
}

.disList.jalert dl{
width:100%;
}

.disList.jalert .title ,
.disList.jalert .targeArea {
display:block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

.disList.jalert .title {
line-height: 16px;
padding-top:2px;
margin-bottom:4px;
}

.disList.jalert .targeArea {
line-height: 1;
font-size: 13px;
color:#999;
padding-top:2px;
margin-bottom:4px;
}

.disList.jalert .subText {
line-height:1.2;
margin-bottom:0;
}

.disList .eqScale{display:inline-block;line-height:1;font-size:12px;font-weight:bold;margin-bottom: 2px;*display:inline;*zoom:1;}
.disList .eqScale em{margin-right:0.5em;font-size:14px;font-weight:bold;}


#eqScale dl{padding:0 10px;border-bottom-right-radius:3px;-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-left-radius:3px;-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;overflow:hidden;}
#eqScale .text{font-size:14px;}
#eqScale .pref{margin:5px 0 10px;font-size:14px;}
#eqScale .pref:last-child{margin-bottom:0;}
#eqScale .pref .title{line-height:1;margin-bottom:5px;}
#eqScale .pref li{display:inline-block;*display: inline;*zoom: 1;line-height:1; margin:0 0.5em 5px 0;white-space:nowrap;font-weight:normal;}
#eqScale .pref li:last-child{margin-right:0;}

/*-- .disList for tablet/smp --*/
@media screen and (max-width: 769px){
.disList .title{display:block;}
.disList .eqScale{display:block;}
}

@media (-webkit-min-device-pixel-ratio: 2){
.disList li a{background:url(https://s.yimg.jp/images/weather/smp/v2/img/common/arw_gray_2x.png) no-repeat 100% 50%;background-size:9px 15px;-webkit-background-size:9px 15px;}
}

/*-- readMore --*/

.readMore{margin:0 10px 10px 10px;}
.readMore ul{margin:0 auto;overflow: hidden;}
.readMore li{display:table-cell;font-size:14px;line-height:1.6;vertical-align:middle;}
/*-- "next" and "prev" BUTTON not specify WIDTH --*/
.readMore .readMoreBtn{white-space:nowrap;float:right;}

/*-- 2botton undisplay Num --*/
.readMore .readMoreBtn a{height:33px;line-height:33px;color:#FFF;font-weight:bold;position:relative;display:inline-block;background: #4672d0;}
.readMore .readMoreBtn a{margin-right:17px;*margin-right:0;margin-right:0\9;padding-left:7px;padding-right:7px;}

.readMore .readMoreBtn a:before{content: "";position: absolute;display: block;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(194, 225, 245, 0);border-width: 16.5px;margin-top: -16.5px;top: 50%;}
.readMore .readMoreBtn a:before{left:100%;border-left-color: #4672d0;}

/*--- subContents ---*/

/*-- .bnrArea --*/
.bnrArea{
margin:0px 0px 8px 0px;
text-align:center;
}

/*-- .subContList --*/
dl.subContList {
position:relative;
margin:0 -3px 10px 0;
overflow:hidden;
background: #f8f5f2;
}

dl.subContList:before {
content: "";
display: block;
position: absolute;
bottom: 0;
height: 1px;
width: 100%;
background-color: #e3e3e3;
}

.subContTtl{
padding: 5px 7px 6px;
background: #e5eaf7;
color: #1648b4;
font-weight:bold;
border-top: solid 1px #bbc7e3;
}

.subContList dd{
float: left;
width: 150px;
background: #f3f4f8;
border-bottom: 1px solid #e1e3e2;
border-right: 1px solid #e1e3e2;
}

.subContList dd a,.subContList dd span{
display: block;
padding: 8px 0 8px 5px;
font-size: 14px;
font-weight: bold;
}

.subContList dd a{
color: #1c4d8e;
}

.subContList dd span{
background: #e5eaf7;
}

.subContList dd a .subText {
display: inline;
padding: 0 0 0 3px;
font-size: 10px;
font-weight: normal;
line-height: 1;
}

/*-- .subContList.disaster --*/

.disaster .subContTtl{
color: #815d38;
background-color:#eee7e0;
border-top: solid 1px #c3b3a4;
}

.subContList.disaster dd{
background: #f8f5f2;
}

.subContList.disaster dd span{
color:#666;
background: #eee7e0;
}

/*-- .tsunamiInfo --*/


.tsunamiInfo {
background:#f8f5f2;
padding-bottom:10px;
margin-bottom:10px;
}

.tsunamiInfo .subContTtl{
margin-bottom:10px;
}

.tsunamiInfo .tsunamiImg,
.tsunamiInfo .tsunamiDetailLink{
text-align:center;
}

.tsunamiInfo .tsunamiImg{
margin-bottom:5px;
}

.tsunamiInfo .tsunamiDetailLink{
font-weight:bold;
}

/*-- .subContList for tablet/smp --*/
@media screen and (max-width: 769px){
dl.subContList,.tsunamiInfo {
margin: 0 10px 10px;
}

.subContList dd{
background: #f3f4f8;
float: left;
width: 50%;
border-bottom: none;
border-right: none;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.subContList dd a{
border-bottom: 1px solid #e1e3e2;
border-right: 1px solid #e1e3e2;
}

.subContList dd:nth-child(2n+1) a{
border-right: none;
}

}


/*-- .clm_other --*/
.column {
    background: #f7f7f7;
}
.column .hd {
    padding: 10px 10px 0;
    overflow: hidden;
    text-decoration: none;
}
.clm_other .hd .ttl {
    color: #947854;
}
.column .hd .ttl {
    float: left;
    font-weight: bold;
    font-size: 15px;
    line-height: 20px;
}
.column .hd .ttl .subNotes {
    font-weight: normal;
    font-size: 13px;
}
.clm_other {
    margin: 0 0 10px;
border-top: 2px solid #947854;
}
.clm_other .bd_ohter {
    padding: 10px 0 0;
}
.lst_link {
    border-top: 1px solid #d8d8d8;
}
.lst_link li {
    border-bottom: 1px solid #d8d8d8;
}
.lst_link li a {
    display: block;
    padding: 10px;
    font-size: 14px;
    text-decoration: none;
font-weight:bold;
}
.lst_link li a p {
    font-size: 12px;
    font-weight:normal;
    color: #333;
    line-height: 1.5em;
}

.lst_link.twoLine li {
float:left;
width:50%;
}

.lst_link.twoLine li:nth-child(odd)  a {
border-right: 1px solid #d8d8d8;
}

.lst_link.twoLine li.singleLine {
float:none;
width:100%;
}

.lst_link.twoLine.dengon li a {
font-size:12px;
}

@media screen and (max-width: 769px){

.clm_other {
    margin: 0 10px 10px;
    border-top: 2px solid #947854;
}

}

/* button */

.whiteBtn {
display:inline-block;
background:#f8f8f8;
color:#1c4d8e;
font-weight:bold;
text-align:center;
text-decoration:none;
border:1px solid #ccc;
border-radius:3px;
}

.whiteBtn:hover {
opacity:0.8;
}

.blueBtn {
display:inline-block;
background:#4672d0;
color:#fff;
text-align:center;
text-decoration:none;
border-radius:3px;
}

.blueBtn:hover {
opacity:0.8;
}