/*******************************
 * noscript
********************************/
.errorText{
  border:1px solid #F00;
  text-align:center;
  color:#f00;
}


/*******************************
 * clearfix
********************************/
.clearfix, .introduction__wrap {
  *zoom: 1;
}
.clearfix:after, .introduction__wrap:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}


/*******************************
 * dispNone
********************************/
.dispNone {
  overflow:hidden;
  width:0;
  height:0;
}

/*******************************
 * ヘッダー
********************************/
.contentHeader{
  position:relative;
  margin:6px auto 10px;
  text-align:center;
}

.contentHeader__title{
  font-size:0;
}
.contentHeadaer__topLink{
  position:absolute;
  left:10px;
  top:5px;
}

/*******************************
 * フッター
********************************/
.footerDefault{
  clear:both;
}

.footerApp{
  width:100%;
  margin-bottom:10px;
  padding-bottom:15px;
  background: #6596B5;
}
.footerApp__main,
.footerApp__main--earthquake,
.footerApp__main--tsunami,
.footerApp__main--rain,
.footerApp__main--warning,
.footerApp__main--jalert{
  position:relative;
  width:100%;
  height:187px;
  margin-bottom:15px;
  background:url(../image/common_footer_back_01.png) no-repeat center 13px;
}
.footerApp__main--earthquake{
  background:url(../image/earthquake_footer_01.png) no-repeat center top;
}
.footerApp__main--tsunami{
  background:url(../image/tsunami_footer_01.png) no-repeat center top;
}
.footerApp__main--rain{
  background:url(../image/rain_footer_01.png) no-repeat center top;
}
.footerApp__main--warning{
  background:url(../image/warning_footer_01.png) no-repeat center top;
}
.footerApp__main--jalert{
  background:url(../image/jalert_footer_01.png) no-repeat center top;
}

.footerApp__ios{
  position:absolute;
  left:50%;
  bottom:15px;
  margin-left:-93px;
}

.footerApp__android{
  position:absolute;
  left:50%;
  bottom:22px;
  margin-left:-86px;
}

.footerApp__link{
  text-align:center;
}

.footerAppBnr {
text-align:center;
margin-bottom:20px;
}

.immunity{
  margin-bottom:20px;
  padding:20px 10px;
  background:#eaeaea;
  font-size:13px;
}
.immunity__title,
.immunity__title--apps{
  margin-bottom:5px;
  font-weight:bold;
}
.immunity__title--apps{
  margin-top:-5px;
  padding-top: 5px;
  border-top: 2px solid #FFFFFF;
}

.immunity__columnItem{
  margin-bottom:10px;
}

.otherCopyright{
  margin:10px 0;
  text-align:center;
}

/*******************************
 * SNS
********************************/
.sns__items{
  display:table;
  width:100%;
  position:relative;
  padding-bottom:10px;
}
.sns__item:first-child div{
  top:-5px;
}
.sns__item{
  display:table-cell;
  text-align:center;
}

/*******************************
 * トップコンテンツ
********************************/
.topContent{
}
.topContent--special{
  margin-bottom:10px;
  padding-bottom:15px;
  border-bottom:2px solid #00A4D8;
}
.topContent--special .topContent__title + article,
.topContent--special .topContent__title + article + article + article {
  display: none;
}

.topContent__title{
  margin-top:-2px;
  padding:8px 0 8px 10px;
  background:#00A4D8;
  color:#fff;
  font-size:18px;
}

/*メニュー部分*/
.topContent__items{
  font-size:0;
}

.topContent__item{
  display:inline-block;
  width:50%;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

.topContent__item:nth-child(2n){
  border-right:none;
}

.topContent__item a{
  display: block;
  vertical-align:middle;
  text-align:center;
  margin:0 5px 10px 10px;
}

.topContent__item:nth-child(2n)  a {
    display: block;
    margin:0 10px 10px 5px;
}

.topContent__item a img{
    display: block;
    width: 100%;
    height: auto;
    margin:0 auto;
}

/*特集コンテンツ*/
.topContent__specialWrap{
  clear:both;
  padding:10px;
}
.topContent__specialTitle{
  margin-bottom:10px;
  padding-bottom:3px;
  border-bottom:5px solid #00A4D8;
}
.topContent__specialTitle.sub{
  border-bottom:5px solid #1EA299;
}
.topContent__specialText{

}
.topContent__specialImage{
  float:left;
  margin-right:10px;
  font-size:0;
}

.topContent__specialImage.new{
  position:relative;
}

.topContent__specialImage.new:after{
  content:"new";
  position:absolute;
  bottom:0;
  right:0;
  overflow:hidden;
  width:40px;
  height:40px;
  background:url(../image/top_icon_new_01.png) no-repeat left top;
  text-indent:-9999px;
}

/*******************************
 * 下層コンテンツ
********************************/
/*イメージ部分*/
.introduction__title {
  font-size:0;
}
.introduction__title img{
  width:100%;
  height:auto;
}
.introduction__text{
  padding:10px;
  font-size:14px;
}

.introduntion__offer{
  font-size:12px;
}

/*navi*/
.navMenu{
  overflow:hidden;
  width:100%;
  margin-bottom:5px;
  font-size:0;
  text-align:center;
}
.navMenu__items {
  margin-right:-3%;
}
.navMenu__item {
  display:inline-block;
  position:relative;
  width:30%;
  margin:0 3% 10px 0;
  padding:8px 0;
  background:#7AD0EB;
  font-size:14px;
  color:#fff;
}
.navMenu__item.active {
  background:#00A4D8;
}
.navMenu__item.active:after {
  display:block;
  position:absolute;
  left:50%;
  bottom:-7px;
  content:"";
  width:15px;
  height:7px;
  margin-left:-7px;
  background:url(../image/common_menu_01.gif) no-repeat left top;
}
.navMenu__item a{
  display:block;
  color:#fff;
}

/*nav2*/
.pageMoveLink{
  position:relative;
  width:100%;
  height:45px;
  margin-bottom:5px;
  padding-bottom:5px;
  border-bottom:2px solid #00A4D8;
}

.pageMoveLink__item,
.pageMoveLink__item--prev{
  position:absolute;
  right:10px;
  top:0;
  width:100px;
  height:40px;
  background:#CEEDFB;
}
.pageMoveLink__item--prev{
  right:auto;
  left:10px;
}
.pageMoveLink__item a,
.pageMoveLink__item--prev a{
  display:block;
  background:url(../image/common_nextLink_01.png) no-repeat 75px center;
  color:#535EFF;
  line-height:40px;
  font-size:15px;
  text-align:right;
}
.pageMoveLink__item a{
  padding-right:30px;
}
.pageMoveLink__item--prev a{
  padding-left:30px;
  background:url(../image/common_prevLink_01.png) no-repeat 10px center;
  text-align:left;
}


/*************************
 *下層ページ漫画
 *************************/

.comic{
  margin:0 auto;
  padding:6px;
  background:#e2f6fb;
  border:8px solid #fff;
  border-width:0 8px;
  max-width:580px;
}
.comic__title{
  padding:0 4px 0 0;
  text-align:center;
}
.comic__item{
  padding:6px 4px 0 0;
  text-align:center;
}
.comic__item img,.comic__title img{
  border:2px solid #666;
  vertical-align:bottom;
  width:100%;
}


/*************************
 *下層解説コンテンツ
*************************/
.explain{
  padding:0 10px;
}
/*数字見出し*/
.explain__stepTitle{
  margin-bottom:10px;
  font-weight:bold;
  font-size:19px;
}

.column-heatstroke .explain__stepTitle{
  background: #cbedfa;
  padding: 5px 10px;
  font-size: 16px;
}

.explain__wrap{
  margin-bottom:15px;
}
.explain__icon{
  display:inline-block;
  *display:inline;
  *zoom:1;
  margin-right:8px;
  padding:0 8px;
  background:#00A4D8;
  color:#fff;
  font-weight:normal;
}
.explain__intro{
  font-size:15px;
  margin-bottom:20px;
}

/*見出し*/
.explain__title{
  margin-bottom:10px;
  padding:2px 5px;
  background:#CAEDF9;
  font-size:15px;
  font-weight:bold;
}
.explain__text,
.explain__text--space{
  margin-bottom:5px;
  padding-left:1em;
  font-size:15px;
  text-indent:-1em;
  line-height:1.2;
}
.explain__text--space{
  margin-top:20px;
}
.explain__text--last{
  margin-bottom:20px;
}
.explain__list{
  padding-left:1em;
}

/*ステップ解説、解説*/
.explain__definitionList{
  margin-bottom:15px;
}
.explain__dtitle--icon,
.explain__dtitle{
  margin-bottom:5px;
  font-size:17px;
  font-weight:bold;
}
.explain__dtitle--icon{
  padding-left:15px;
  background:url(../image/common_title_icon_01.png) no-repeat left 7px;
}
.explain__dtitle span{
  color:#00A1DC;
}
.explain__discription{
  margin-bottom:5px;
  padding-left:1em;
  font-size:15px;
  text-indent:-1em;
  line-height:1.2;
}
.column-heatstroke .explain__definitionList{
  margin-bottom:30px;
}
.column-heatstroke .explain__discription{
  padding-left: 10px;
  text-indent:0;
  line-height: 1.4;
}
.column-heatstroke .explain__definitionList:nth-of-type(1) .explain__discription{
  padding-right: 110px;
}
.column-heatstroke .explain__discription li{
  position: relative;
  text-indent: 0;
  margin-bottom: 10px;
  padding-left: 10px;
}
.column-heatstroke .explain__discription li:before{
  content: "";
  position: absolute;
  background: #666;
  top: 10px;
  left: 0;
  height: 2px;
  width: 2px;
  border-radius: 50%;
}

.explain__indentList li{
  margin-bottom:5px;
  padding-left: 2em;
  text-indent:-1em;
}

.explain__text--noindent{
font-size:15px;
margin-bottom:10px;
}

.offer{
  margin:20px 0;
  padding:0 10px;
  text-align:right;
  font-size:14px;
}



.ctitle_catch{
  margin:10px;
  font-size:16px;
  text-align:left;
  line-height:1.3;
}

/*  津波防災 Ver.2014 */

.contentBody .tsunamiBousai .tsunamiBousai_caption{
  padding:0 10px;
}

.tsunamiBousai .tsunamiBousai_caption h2{
  margin:10px auto;
  text-indent:-9999px;
  width:144px;
  height:71px;
  background:url(https://s.yimg.jp/images/evt/emg/column/v2/sp/image/ttl_tsunamiBousai.png) no-repeat top left;
}

.tsunamiBousai .tsunamiBousai_caption p{
  margin-bottom:10px;
}

.tsunamiBousai .tsunamiBousai_caption dl{
  display:table;
  width:290px;
  padding:5px;
  margin:0 auto 10px;
  background-color:#fcfcfc;
  border:1px solid #ddd;
}

.tsunamiBousai .tsunamiBousai_caption dl dt{
  display:table-cell;
  width:90px;
}

.tsunamiBousai .tsunamiBousai_caption dl dd{
  display: table-cell;
  vertical-align: middle;padding-left:10px;
}

/* .clumnListWrapper */
.clumnListWrapper{
margin:0 10px 10px;
}

.clumnListWrapper .clumnList{

}

.clumnListWrapper .clumnList dt{
border-top:1px solid #00A4D8;
border-bottom: 1px solid #e1e3e2;
font-weight:bold;
padding: 5px 7px 6px;
background: #CAEDF9;
}

.clumnListWrapper .clumnList dd li{
background: #f7f9fa;
float: left;
width: 50%;
border-bottom: 1px solid #e1e3e2;
border-right: 1px solid #e1e3e2;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.clumnListWrapper .clumnList dd li:nth-child(1),
.clumnListWrapper .clumnList dd li:nth-child(2) {
padding-top: 3px;
border-top: none;
}

.clumnListWrapper .clumnList dd li:nth-child(2n) {
border-right: none;
}

.clumnListWrapper .clumnList dd li a{
display: block;
padding: 8px 0 8px 5px;
font-size: 14px;
font-weight:bold;
-webkit-tap-highlight-color: rgba(102,204,255,0.5);
}

.clumnListWrapper .clumnList dd li span{
display: block;
    padding: 8px 3px 8px 5px;
    font-size: 14px;
    font-weight: bold;
background-color:#CAEDF9;
}

/* for dosha */

.explanatoryNotesWrapper {

}

.explanatoryNotesWrapper .exampleMap{
padding:0 0 5px 0;
margin: 0 5px 10px ;
background:#fff;
text-align:center;
font-size:12px;
}

.explanatoryNotesWrapper .exampleMap .exampleMapImg {
margin: 10px auto 5px;
display:inline-block;
}

.explanatoryNotesWrapper .explanatoryNotes {
font-size:13px;
}

.explanatoryNotesWrapper .explanatoryNotes table {
margin-bottom:10px;
background:#fff;
border-collapse: collapse;
border-left:1px solid #ccc;
border-top:1px solid #ccc;
border-right:1px solid #ccc;
}

.explanatoryNotesWrapper .explanatoryNotes th {
padding:8px;
text-align:center;
font-weight:bold;
background-color:#f4f4f4;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.explanatoryNotesWrapper .explanatoryNotes .levelLabel {
width:80px;
padding:8px;
text-align:center;
font-weight:bold;
color:#fff;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.explanatoryNotesWrapper .explanatoryNotes tr.extremelyDanger .levelLabel {
background:#4D0866;
}

.explanatoryNotesWrapper .explanatoryNotes tr.veryDanger .levelLabel {
background:#D769FF;
}

.explanatoryNotesWrapper .explanatoryNotes tr.warn .levelLabel {
background:#FF2800;
}

.explanatoryNotesWrapper .explanatoryNotes tr.caution .levelLabel {
background:#E0BC02;
color:#000;
}

/* levelLabelForFloodInfo */

.explanatoryNotesWrapper .explanatoryNotes tr.normal .levelLabel {
font-weight:normal;
color:#000;
}
.explanatoryNotesWrapper.floodInfo .explanatoryNotes .levelLabel {
width:100px;
}

.explanatoryNotesWrapper.floodInfo .explanatoryNotes tr.extremelyDanger .levelLabel {
background:#6648c0;
}
.explanatoryNotesWrapper.floodInfo .explanatoryNotes tr.veryDanger .levelLabel {
background:#e60013;
}
.explanatoryNotesWrapper.floodInfo .explanatoryNotes tr.warn .levelLabel {
background:#ff9500;
color:#333;
}
.explanatoryNotesWrapper.floodInfo .explanatoryNotes tr.caution .levelLabel {
background:#ffd400;
color:#333;
}


.explanatoryNotesWrapper .explanatoryNotes td{
padding:8px;
border-bottom:1px solid #ccc;
}

.explanatoryNotesWrapper .explanatoryNotes td .noticeTxt{
font-weight:bold;
}


.explanatoryNotesWrapper .referenceLink {
font-size:13px;
}


.explain__definitionWrapper{
  margin-bottom: 30px;
}
.column-heatstroke .explain__definitionBlock{
  display: block;
  margin: 0 0 10px;
  padding: 10px 15px;
  background: #fafafa;
  box-sizing: border-box;
}
.column-heatstroke .explain__definitionBlock .explain__dtitle--icon{
  padding-left: 0;
  background: none;
  text-align: center;
  font-size:93%;
}
.column-heatstroke .explain__definitionBlock .explain__images{
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}
.column-heatstroke .explain__definitionBlock .explain__images img{
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.column-heatstroke .explain__definitionBlock .explain__discription{
  font-size:87%;
  text-indent:0;
}

.relatedLink{
  background: #f7f7f7;
  margin: 10px 0;
  padding: 10px;
  color: #666;
  font-size:12px;
  border-radius: 4px;
}
.relatedLink li{
  margin-bottom: 6px;
}
.relatedLink li:last-child{
  margin-bottom: 0;
}

.column-heatstroke .explain{
  position: relative;
}
.column-heatstroke .explain.page-symptom:before{
  content: "";
  position: absolute;
  background-image: url(https://s.yimg.jp/images/evt/emg/column/v2/sp/image/heatstroke_image_01.png);
  background-size: cover;
  top: 50px;
  right: 0px;
  height: 120px;
  width: 120px;
}
.column-heatstroke .explain.page-evacuation:before{
  content: "";
  position: absolute;
  background-image: url(https://s.yimg.jp/images/evt/emg/column/v2/sp/image/heatstroke_image_02.png);
  background-size: cover;
  top: 50px;
  right: 0px;
  height: 120px;
  width: 120px;
}

/* 終了告知 */
.contentBody::before {
  content: "\0032\0030\0032\0032\5E74\0032\6708\672B\3092\3082\3061\307E\3057\3066\9632\707D\30B3\30E9\30E0\306E\63D0\4F9B\3092\7D42\4E86\3055\305B\3066\3044\305F\3060\304D\307E\3059\3002\000A\9577\3089\304F\3054\611B\9867\3044\305F\3060\304D\307E\3057\3066\3001\3042\308A\304C\3068\3046\3054\3056\3044\307E\3057\305F\3002\000A\4ECA\5F8C\306E\9632\707D\60C5\5831\306B\3064\3044\3066\306F\9632\707D\624B\5E33\3092\3054\5229\7528\304F\3060\3055\3044\3002";
  padding: 4px 8px;
  border: 2px solid #16a6d3;
  margin: 0 8px 8px;
  white-space: pre-wrap;
  display: block;
  text-align: left;
  font-size: 13px;
  box-sizing: border-box;
}