﻿@charset "UTF-8";
/*==============================================================================
TSS top CSS
==============================================================================*/
/*------------------------------------------------------------------------------
emergency
------------------------------------------------------------------------------*/
#emergencytop_return,
#emergency{background-color:#002C91;height:auto;min-height:7.5em;max-width: 1280px;margin: auto;}
.entry{border-bottom:6px solid #173daa;}
#emergencytop_return .box,
#emergency .box{width:100%; max-width:1280px;margin:0 auto;padding:12px 16px;font-size:26px;color:#FFF;display:flex;align-items:flex-end;}
.entry .box{width:100%; max-width:1280px;margin:0 auto;padding:0 1em 0.5em;}
#emergencytop_return dl,
#emergency dl{padding: 0;width:100%;}
#emergencytop_return dt,
#emergency dt{padding-bottom: 0.5em}
#emergencytop_return dt .date,
#emergency dt .date{padding:2px 6px;font-size:12px;}
#emergencytop_return dd,
#emergencytop_return a.detail{display:block;width:312px;overflow: hidden;text-align:right;}
#emergency a.reload{display:block;}
.entry .box .post{width:800px;}
.entry .box .link{width:220px;font-size:12px;}
.entry .box .post h2{margin:0 0 10px;font-size:24px;}
.entry .box .post p{font-size:16px;color:#F00;}
.entry .box .link h4{padding:6px;background-color:#FDE3E7;color:#F14359;text-align:right;}
.entry .box .link ul li{padding:5px;border-bottom:1px dashed #C8C8C8;}
.entry .box .link ul li a{padding:0 0 0 10px ;color:#00F;text-decoration:underline;background:url(../../img/emergency_bullet.gif) 0 6px no-repeat;}
.entry .box .link ul li a:hover{color:#E86F91;background:url(../../img/emergency_bullet_on.gif) 0 6px no-repeat;}

/*------
  202004 add 
-------*/

dl.em_catetitle{
  display:flex;
  align-items:center;
  border:solid 1px #FFF;
  padding:10px 20px !important;
}

dl.em_catetitle dt p.em_cate{
  background-color:#D90000;
  line-height:1.5;
  font-weight:bold;
  padding:6px 10px !important;
  text-align:center;
  margin-bottom:4px;
}

#emergencytop_return dt{
  padding-bottom:0;
  flex-shrink:0;
}

#emergencytop_return dt .date{
  font-size:16px;
  vertical-align: middle;
}

#emergencytop_return .box{
  padding: 12px 24px 12px 16px;
  position:relative;
}

#emergencytop_return dd, #emergency dd{
  padding-left: 1em;
  line-height: 1.25;
  max-width: 880px;
  min-height: 80px;
  max-height:6.25em;
  display: flex;
  align-items: center;
  font-size:calc(0.5vw + 0.675em);
  flex-grow:1;
  text-align:left;
}


/* 点滅 */
.eme_new{
	-webkit-animation:blink 0.875s ease-in-out infinite alternate;
    -moz-animation:blink 0.875s ease-in-out infinite alternate;
    animation:blink 0.875s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}

.tss_dsp_none{
	display:none !important;
}

.acms-label-warning{
  background-color: #ffb11b;
  vertical-align: middle;
}

a .acms-label-warning:hover{
  background-color: #ffb11b;
}

#emergencytop_return{
  background-color:#FFF;
  padding:12px 28px;
}


#emergencytop_return a{
  display:block;
  /*background: linear-gradient(#002c91 0%, #001d68 100%);*/
  background:#0a4f7b;
}

#emergencytop_return a:hover{
  opacity:0.75;
}

.em_catetitle::after{
  content: "";
  position: absolute;
  right: -7px;
  top:0;
  bottom:0;
  width:0px;
  height:0px;
  margin:auto;
  border-top: 21px solid transparent;
  border-right: 16px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 16px solid #FFF;
}