﻿/* ------------------------------------

地震・津波情報

------------------------------------ */

/* アラート表示 */

.tenki_detail_jishin_alart{
background-color:#F9EC30;
width:100%;
clear:both;
margin-top:5px;
text-align:center;
} 

.tenki_detail_jishin_alart img{
padding:0 auto;
width:630px;
}






/* カテゴリータイトル表示部 */

.h2-jishinbackground{
height:30px;
line-height:1.2;
background-image:url(/common/sp/img/jishin-icon-sp.png);
background-size:30px;
background-repeat:no-repeat;
background-position:10px 10px;
padding:10px 10px 10px 50px;
color:#666666;
}

.h2-jishindate{
font-size:70%;
color:#666666;
}

.h2-jishindate:before{
content:" (";
}

.h2-jishindate:after{
content:")";
}


/* カテゴリータイトル表示部-追加 */

.h2-tsunamibackground{
height:30px;
line-height:30px;
background-image:url(/common/sp/img/tsunami-icon-sp.png);
background-size:30px;
background-repeat:no-repeat;
background-position:10px 10px;
padding:10px 10px 10px 50px;
color:#666666;
}



/* レギュラーテーブル */

.tenkiPlacesJTbl{
margin:0px 0 10px 0;
padding:5px 10px;
width:100%;
border-collapse:collapse;
font-size:105%;
line-height:1.4;
border-bottom:1px solid #bdbdbd;
}


.tenkiPlacesJTbl th{
display:none;
}

.tenkiPlacesJTbl td{
display:block;
margin:0;
padding:7px 0;
font-weight:normal;
text-align:center;
}

.tenkiPlacesJTbl tr{
display:block;
margin-top:5px;
border-top:1px solid #bdbdbd;
}

.tenkiPlacesJTbl tr:nth-child(1){
border-top:none;
}


.tenkiPlacesJTbl td:nth-child(1){
background-color:#efefef;
padding:3px 5px;
text-align:left;
font-size:86%;
}

.tenkiPlacesJTbl td:nth-child(1):before{
content:"▼発生時刻 : ";
}


.tenkiPlacesJTbl td:nth-child(2){
padding:3px 5px 0 5px;
text-align:left;
font-size:115%;
}

.tenkiPlacesJTbl td:nth-child(2):before{
content:"震源地 : ";
}


.tenkiPlacesJTbl td:nth-child(3){
padding:0px 25px 3px 5px;
float:right;
}

.tenkiPlacesJTbl td:nth-child(3):before{
content:"M";
}


.tenkiPlacesJTbl td:nth-child(4){
padding:0px 5px 3px 5px;
text-align:left;
}

.tenkiPlacesJTbl td:nth-child(4):before{
content:"最大震度 : ";
}

.JTbl_strong{
font-weight:bold;
white-space:nowrap;
}


/* 画像の中央配置 */

.jishin-image-center{
text-align:center;
margin:0px auto 10px auto;
}

.jishin-image-center img{
width:100%;
max-width:800px;
}

.jishin-image-center-tsunami{
text-align:center;
margin:10px auto 10px auto;
}

.jishin-image-center-tsunami img{
width:100%;
max-width:800px;
}


/* 本文領域 */

.tenkiPlacesStateTxt{
margin-bottom:10px;
padding:0 10px;
font-size:105%;
line-height:1.4;
}




/* 震度テーブル */



.jishin-shindo-table{
margin-bottom:30px;
padding-bottom:10px;
width:100%;
border-collapse:collapse;
font-size:100%;
background-color:#f5f5f5;
border-bottom:1px solid #bdbdbd;
}

.jishin-shindo-table th,
.jishin-shindo-table td{
display:block;
}

.jishin-shindo-table th{
background-color:#888888;
color:#ffffff;
text-align:center;
padding:5px 0px;
font-weight:bold;
width:100%;
line-height:1.4;
}

.jishin-shindo-table-syousai{
border-collapse:collapse;
font-size:100%;
line-height:1.4;
}

.jishin-shindo-table-syousai th,
.jishin-shindo-table-syousai td{
border:none!important;
color:#000000;
display:block;
}

.jishin-shindo-table-syousai th:before{
content:"▼";
}

.jishin-shindo-table-syousai th{
background:none;
text-align:left;
padding:3px 10px 0 10px;
font-weight:bold;
}

.jishin-shindo-table-syousai td{
text-align:left;
padding:0px 10px 3px 10px;
}




/* -------------------------------------
 カテゴリー選択タブエリア
-------------------------------------- */

.latest-category-area{
padding-top:5px;
background-color:#D3EDFB;
width:100%;
display:-webkit-box;
display:-moz-box;
display:box;
-webkit-box-align:end;
-moz-box-align:end;
box-align:end;
-webkit-text-size-adjust: 100%;
}

.latest-category-area li{
-webkit-box-flex:1;
-moz-box-flex:1;
box-flex:1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
border-bottom:2px solid #1A75BB;
background-color:#D3EDFB;
height:45px;
line-height:45px;
}

.latest-category-area li a{
font-weight: bold;
font-size: 16px;
color: #666666;
}


.latest-category-tab-act a{
display:block;
border-top:2px solid #1A75BB;
border-right:2px solid #1A75BB;
border-left:2px solid #1A75BB;
margin:0 2px;
position:relative;
bottom:2px;
z-index:1;
border-radius: 4px 4px 0 0;
background: #ffffff;
}