@charset "UTF-8";

/*!
* ress.css • v3.0.0
* MIT License
* github.com/filipelinhares/ress
*/html{box-sizing:border-box;-webkit-text-size-adjust:100%;word-break:normal;-moz-tab-size:4;tab-size:4}*,:after,:before{background-repeat:no-repeat;box-sizing:inherit}:after,:before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}hr{overflow:visible;height:0}details,main{display:block}summary{display:list-item}small{font-size:80%}[hidden]{display:none}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}a{background-color:transparent}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace,monospace}pre{font-size:1em}b,strong{font-weight:bolder}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}input{border-radius:0}[disabled]{cursor:default}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer;color:inherit}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,input,select,textarea{background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{border:0;color:inherit;display:table;white-space:normal;max-width:100%}::-webkit-file-upload-button{-webkit-appearance:button;color:inherit;font:inherit}img{border-style:none}progress{vertical-align:baseline}@media screen{[hidden~=screen]{display:inherit}[hidden~=screen]:not(:active):not(:focus):not(:target){position:absolute!important;clip:rect(0 0 0 0)!important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}

::-moz-selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  color: #000;
  text-shadow: none;
}

html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

#wrap a,
#wrap a:visited {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

#wrap a:hover,
#wrap a:active {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#wrap ruby rt {
  font-size: 10px;
}

#wrap li {
  list-style: none;
  list-style-position: inside;
}

#wrap img {
  max-width: 100%;
  vertical-align: bottom;
}

#wrap table {
  border-collapse: collapse;
}

/* # =================================================================
# outage
# ================================================================= */
#wrap {
  font: normal 500 16px / 1.75 "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Meiryo UI", "ＭＳ Ｐゴシック", "MS PGothic", "Arial", sans-serif;
  color: #333;
  padding-bottom: 30px;
}

#wrap a {
  color: #FF4D00;
}

#wrap .pc {
  display: block;
}

#wrap .sp {
  display: none;
}

#wrap .section {
  max-width: 960px;
  margin: 0 auto;
  padding: 15px 2em;
  font-size: 20px;
  font-weight: 700;
}

#wrap .section.footer {
  margin-top:30px;
}

#wrap .header .title {
  max-width: 960px;
  margin: 0 auto;
  padding: 10px 0;
}

#wrap .header .page-title {
  padding: 10px;
  background-color: #f5f5f5;
}

#wrap .header .page-title > span {
  display: block;
  max-width: 960px;
  margin: 0 auto;
  font-size: 24px;
}

#wrap .sec-box.now .sec-title {
  margin-bottom: 10px;
  padding: .25em 1em;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  background-color: #eee;
}

#wrap .sec-title {
  padding: .25em 1em;
  color: #333;
  font-size: 18px;
  font-weight: bold;
  background-color: #eee;
}
#wrap .btn_list {
  font-size: 0;
}

#wrap .btn_list li {
  display: inline-block;
  width: 49%;
  margin-bottom: 2%;
}

#wrap .btn_list li:nth-child(odd) {
  margin-right: 1%;
}

#wrap .btn_list li:nth-child(even) {
  margin-left: 1%;
}

#wrap .btn_list li a {
  position: relative;
  display: block;
  padding: 1.15em 2.5em 1.15em 1em;
  font-size: 15px;
  color: #333;
  text-decoration: none;
  background: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#fefefe));
  background: linear-gradient(0deg, #e4e4e4, #fefefe);
  border: 1px solid #ccc;
  border-radius: 5px;
}

#wrap .btn_list li a::after {
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid #666;
  border-right: 2px solid #666;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right: 1em;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#wrap .btn_list li a:hover {
  color: #FF4D00;
  background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(white));
  background: linear-gradient(0deg, #f3f3f3, white);
}

#wrap .btn_list li a:hover::after {
  border-top: 2px solid #FF4D00;
  border-right: 2px solid #FF4D00;
}

#wrap .section .no_mente {
  padding-top:10px;
  font-size:20px;
  font-weight: bold;
  color:#0086CE;
}

#wrap .pagetop {
  text-align: right;
  font-size: 13px;
}

#wrap .pagetop a {
  position: relative;
  padding-right: 14px;
}

#wrap .pagetop a:hover {
  text-decoration: none;
}

#wrap .pagetop a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid rgba(255, 77, 0, 0.65);
  border-right: 2px solid rgba(255, 77, 0, 0.65);
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#wrap.zaq a {
  color: #0086CE;
}

#wrap.zaq .header .title {
  text-align: left;
}

#wrap.zaq .header .title img {
  max-width: 110px;
}

#wrap.zaq h2 {
  background-color: #eee;
}

#wrap.zaq .btn_list li a:hover {
  color: #0086CE;
  background: -webkit-gradient(linear, left bottom, left top, from(#f3f3f3), to(white));
  background: linear-gradient(0deg, #f3f3f3, white);
}

#wrap.zaq .btn_list li a:hover::after {
  border-top: 2px solid #0086CE;
  border-right: 2px solid #0086CE;
}

#wrap.zaq .pagetop a::after {
  border-top: 2px solid rgba(0, 134, 206, 0.65);
  border-right: 2px solid rgba(0, 134, 206, 0.65);
}

#wrap .sec-box.now {
  padding: 0 0 15px;
}

#wrap .sec-box._fault-info {
  padding-bottom: 15px;
}

#wrap .sec-box .info-list {
  width:100%;
  padding:15px;
  /* border-bottom:1px dotted #aaa; */
}

#wrap .sec-box .info-list :last-child {border-bottom:none;}

#wrap .sec-box .info-list dt,
#wrap .sec-box .info-list dd {
  font-size:16px;
}

#wrap .sec-box .info-list dt:not(:first-of-type) {
  padding-top: 15px;
}

#wrap .sec-box .info-list dd:not(:last-of-type) {
  padding-bottom: 15px;
  border-bottom:1px dotted #aaa;
}

#wrap .sec-box .info-list dd a {
  display:block;
  color:#0086CE;
  text-decoration:none;
}

#wrap .sec-box .info-list dd a:hover {
  text-decoration:underline;
}

.copyright {
  text-align: center;
  padding: 10px;
  font-size: 12px;
  font-weight: normal;
}

@media screen and (max-width: 800px) {
  #wrap {
    font-size: 15px;
    line-height: 1.5;
  }

  #wrap .pc {
    display: none;
  }

  #wrap .sp {
    display: block;
  }

  #wrap .section {
    max-width: 100%;
    padding: 0;
  }

  #wrap .section {
    padding: 0 .5em 20px;
    /* color: #red; */
    font-size: 20px;
    font-weight: 700;
  }

  #wrap .header .title {
    max-width: 100%;
    padding: 10px;
    text-align: center;
  }

  #wrap .header .title img.sp {
    max-width: 140px;
    display: inline-block;
  }

  #wrap .header .page-title {
    padding: 10px;
  }

  #wrap .header .page-title > span {
    max-width: 100%;
    font-size: 18px;
  }

  #wrap .sec-box.now .sec-title {
    font-size: 18px;
  }

  #wrap .sec-title {
    margin-top:1em;
    padding: .5em 1em;
    font-size: 16px;
    line-height: 1.3;
  }

  #wrap .btn_list li {
    width: 100%;
    margin-bottom: 10px;
  }

  #wrap .btn_list li:nth-child(odd) {
    margin-right: 0;
  }

  #wrap .btn_list li:nth-child(even) {
    margin-left: 0;
  }

  #wrap .btn_list li a {
    padding: 1.25em 2.5em 1.25em 1em;
    font-size: 14px;
  }

  #wrap.zaq .header .title {
    text-align: center;
  }

  #wrap.zaq .header .title img {
    max-width: 84px;
  }
}