/*
Theme Name: secureEP 1.8
Theme URI: https://www.epsilon.jp/
Author: GMO Epsilon, Inc.
Author URI: https://www.epsilon.jp/
Description: GMOイプシロンのお知らせ・メンテナンス・障害情報
Version: 1.8
*/
 
body {
    background-color:#ffffff;
  }
  
  main {height: auto !important;}

/* 一覧画面の障害アイコンcss変更 */
#infoArea .information dl.dateList dd.impediment {
    background: url(https://www.epsilon.jp/images/admin/icon_obstacle.gif) no-repeat center left;
}

ul.liststyle_dot li {
list-style: disc; margin-left: 16px;
}


/*カレンダーページ*/
#maintenance_cal .textcenter{
text-align: center;
}
#maintenance_cal table {
  width: 100%;
  box-sizing: border-box;
  cursor: pointer;
}
#maintenance_cal table a {
  color: #0099E6;
  font-weight: bold
}

#maintenance_cal table thead tr th {
  width: calc(100% / 7);
  background: #0071B1;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: center;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-weight: normal;
}
#maintenance_cal table tbody tr td{
  background: #F7F7F7;
  position: relative;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  width: calc(100% / 7);
  height: 50px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  text-align: center;
}
#maintenance_cal table tbody tr td:nth-child(1){
  background: #FFB1C1;
}
#maintenance_cal table tbody tr td.cal_holiday {
  background: #FFB1C1;
}
#maintenance_cal table tbody tr td:nth-child(7){
  background: #cef;
}
#maintenance_cal table tbody tr td:hover, #maintenance_cal table tbody tr td:nth-child(1):hover, #maintenance_cal table tbody tr td:nth-child(7):hover, #maintenance_cal table tbody tr td.cal_holiday:hover{
  background: #fff;
}
.td_white {
  background: #ffffff !important;
}


#maintenance_cal table tbody tr td .calManage {
  position: absolute;
  border: 1px solid #CCC;
  z-index: -1;
  width: 200px;
  background-color: #FFF;
  padding: 8px;
  text-align: left;
  border-radius: 4px;
  opacity: 0;
}

#maintenance_cal table tbody tr td:nth-of-type(7n+1) .calManage, 
#maintenance_cal table tbody tr td:nth-of-type(7n+2) .calManage, 
#maintenance_cal table tbody tr td:nth-of-type(7n+3) .calManage {
  left: 0;
}
#maintenance_cal table tbody tr td:nth-of-type(7n+4) .calManage {
  left: 0;
}
#maintenance_cal table tbody tr td:nth-of-type(7n+5) .calManage, 
#maintenance_cal table tbody tr td:nth-of-type(7n+6) .calManage, 
#maintenance_cal table tbody tr td:nth-of-type(7n+7) .calManage {
  right: 0;
}
#maintenance_cal table tbody tr:nth-of-type(1) td .calManage,
#maintenance_cal table tbody tr:nth-of-type(2) td .calManage,
#maintenance_cal table tbody tr:nth-of-type(3) td .calManage{
  top: calc(50% + 10px);
  margin-top: 5px;
}
#maintenance_cal table tbody tr:nth-of-type(4) td .calManage,
#maintenance_cal table tbody tr:nth-of-type(5) td .calManage,
#maintenance_cal table tbody tr:nth-of-type(6) td .calManage{
  bottom: calc(50% + 10px);
  margin-bottom: 5px;
}

/* #maintenance_cal table tbody tr td .calManage:after,#maintenance_cal table tbody tr td .calManage:before {
  border: solid transparent;
  content: '';
  height: 0;
  width: 0;
  pointer-events: none;
  position: absolute;
  bottom: 100%;
}
#maintenance_cal table tbody tr td .calManage:after {
  border-color: rgba(255,255,255,0);
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-width: 5px;
  border-right-width: 5px;
  margin-left: -5px;
  border-bottom-color: #FFFFFF
}
#maintenance_cal table tbody tr td .calManage:before {
  border-color: rgba(204,204,204,0);
  border-top-width: 6px;
  border-bottom-width: 6px;
  border-left-width: 6px;
  border-right-width: 6px;
  margin-left: -6px;
  margin-bottom: 1px;
  border-bottom-color: #CCCCCC
}

#maintenance_cal table tbody tr td:nth-of-type(7n+1) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+1) .calManage:before, 
#maintenance_cal table tbody tr td:nth-of-type(7n+2) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+2) .calManage:before, 
#maintenance_cal table tbody tr td:nth-of-type(7n+3) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+3) .calManage:before {
  left: 22px;
}
#maintenance_cal table tbody tr td:nth-of-type(7n+4) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+4) .calManage:before {
  left: 50%;
}
#maintenance_cal table tbody tr td:nth-of-type(7n+5) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+5) .calManage:before, 
#maintenance_cal table tbody tr td:nth-of-type(7n+6) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+6) .calManage:before, 
#maintenance_cal table tbody tr td:nth-of-type(7n+7) .calManage:after,#maintenance_cal table tbody tr td:nth-of-type(7n+7) .calManage:before {
  right: 22px;
}
#maintenance_cal table tbody tr:nth-of-type(4) td .calManage:after,
#maintenance_cal table tbody tr:nth-of-type(5) td .calManage:after,
#maintenance_cal table tbody tr:nth-of-type(6) td .calManage:after{
  bottom:-9px;
  transform: rotate(180deg);
}
#maintenance_cal table tbody tr:nth-of-type(4) td .calManage:before,
#maintenance_cal table tbody tr:nth-of-type(5) td .calManage:before,
#maintenance_cal table tbody tr:nth-of-type(6) td .calManage:before{
  bottom:-13px;
  transform: rotate(180deg);
} */




#maintenance_cal table tbody tr td .calManage>li {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
  z-index: 1000;
  background: url(https://www.epsilon.jp/images/admin/top/calArrow.gif) left center no-repeat;
  padding: 0 0 0 15px;
  margin: 8px 0 0 0
}

#maintenance_cal table tbody tr td  .calManage>li:first-child {
  margin: 0
}

#maintenance_cal table tbody tr td .calManage>li:hover {
  background: url(https://www.epsilon.jp/images/admin/top/calArrow.gif) left center no-repeat rgba(183,231,255,0.5)
}

#maintenance_cal table tbody tr td .calManage.show {
  background: #fff
}

#maintenance_cal table tbody tr td .calManage.show {
  opacity: 1;
  z-index: 1000
}


.pointer_year a {
  text-decoration: none !important;
}
.pointer_year a:hover {
cursor: pointer !important;
}


/*ボタン*/
.btn_fill {
  display: inline-block;
  position: relative;
  background: #0066CC;
  border: 2px solid #0066CC;
  padding: 10px 15px 10px 35px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  transition-duration: 0.3s;
  font-size: 14px;
  border-radius: 50px;
  margin-top: 50px;
}

.btn_fill:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff; /* 矢印の色 */
  border-right: 2px solid #fff; /* 矢印の色 */
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% + 2px);
  left: 15px;
  margin-top: -6px;
}

/* マウスオーバーした際のデザイン */
.btn_fill:hover {
  background: #fff; /* 背景色 */
  color: #0066CC; /* 文字色 */
}

.btn_fill:hover:before {
  border-top: 2px solid #0066CC; /* 矢印の色 */
  border-right: 2px solid #0066CC; /* 矢印の色 */
}


.accordion-btn {
border-radius: 50px;
padding: 10px 20px !important;
border: 1px solid #2459B1;
cursor: pointer;
background: #fff;
color: #2459B1;
cursor: pointer;
display: inline-block;
}

.accordion {
display: none;
margin-top: 10px;
}

.accordion-open {
display: block;
}


#infoArea h4 {
  background: #eef6f7;
  color: #245499;
}

.wp-block-table table thead tr {
  font-size: small;
  line-height: 1.2;
  background: #3F8ECF;
  font-weight: bold;
  color: #FFF;
}
.wp-block-table table thead tr th {
  padding: 10px;
}
.wp-block-table td{
	padding:15px .5em;
} 
#infoArea ul, #infoArea ol {
  margin: 0;
}

#infoArea .kanriNews ul>li {
  text-indent: -16px;
  margin-left: 16px;
}