@charset "UTF-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
	-----------------------------------*/
@import url(./reset.css);
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(./colorbox.css);
@import url(./common.css);
@import url(./page_common.css);
/*
 共通
==============================*/
#contents h1 {
  margin-bottom: 0; }

#contents h2,
#contents h3,
.h3,
figcaption strong,
.green_bg strong,
#colorbox a,
#contents p a,
.key_color,
#contents h4 {
  color: #59c2e1; }

#contents h2 {
  border-color: #59c2e1;
  margin-bottom: 40px; }

#contents h2 img.bg_color,
.sec4 figcaption div {
  background-color: #59c2e1; }

#contents h2 img.h2 {
  padding-top: 28px; }

#contents h3, h3 {
  font-size: 22px; }

#contents h3:before, h3:before {
  content: "■"; }

#contents a {
  color: #59c2e1; }

#contents p a:hover {
  opacity: 0.7; }

#contents .span1 {
  font-size: 12px;
  display: block;
  background-color: #D3EDFB;
  padding: 1em;
  margin-bottom: 1em; }

#contents .span1 span {
  font-weight: bold;
  color: #0068B7; }

/*-----------------------------------*/
.errorcode_index .h1,
.errorcode_detail .h1 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
  font-size: 50px;
  line-height: 1.4;
  height: 293px;
  background-color: #f2f2ea;
  position: relative; }
  .errorcode_index .h1 .s1,
  .errorcode_detail .h1 .s1 {
    position: relative;
    z-index: 1;
    margin-top: 1.3em;
    margin-left: 1em;
    display: inline-block; }
  .errorcode_index .h1 .img,
  .errorcode_detail .h1 .img {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 3%; }
    .errorcode_index .h1 .img img,
    .errorcode_detail .h1 .img img {
      height: 100%;
      width: auto; }
  @media (max-width: 640px) {
    .errorcode_index .h1,
    .errorcode_detail .h1 {
      height: 28.6vw;
      font-size: 6vw;
      line-height: 1.3; } }

#contents .errorcode_other {
  padding: 1em;
  background-color: #fff7e6;
  text-align: center;
  margin-bottom: 4%; }
  #contents .errorcode_other h3 {
    color: #000; }
    #contents .errorcode_other h3::before {
      content: normal; }
  #contents .errorcode_other p {
    text-align: left; }
  #contents .errorcode_other .shhuuri_center {
    background-color: transparent;
    display: inline-block;
    margin: 0; }
    #contents .errorcode_other .shhuuri_center a {
      color: #000; }

.errorcode_detail__box1[id]:before {
  border: 2px solid;
  font-weight: bold;
  font-size: 30px;
  padding: 0 1em;
  display: inline-block; }

.errorcode_detail .xxx {
  width: 100%; }
  .errorcode_detail .xxx th, .errorcode_detail .xxx td {
    padding: .5em 1em; }
    @media (max-width: 640px) {
      .errorcode_detail .xxx th, .errorcode_detail .xxx td {
        font-size: 13px; } }
  .errorcode_detail .xxx td:first-child {
    width: 10em; }
  .errorcode_detail .xxx tr td:first-child {
    background-color: rgba(89, 194, 225, 0.2); }
  .errorcode_detail .xxx tr:nth-child(1) th, .errorcode_detail .xxx tr:nth-child(1) td {
    color: #fff;
    background-color: #59c2e1; }

.errorcode_detail .xxx, .errorcode_detail th, .errorcode_detail td {
  border: 1px solid #000; }

.errorcode_detail .fwb {
  font-weight: bold; }

.errorcode_index .h1 .s1 {
  position: absolute;
  left: 0;
  top: 0; }

.errorcode_index__list1 li {
  overflow: hidden; }
  .errorcode_index__list1 li + li {
    margin-top: 3%; }
    @media (max-width: 640px) {
      .errorcode_index__list1 li + li {
        margin-top: 8%; } }

.errorcode_index__list1 .img {
  text-align: center;
  width: 20%;
  display: block;
  margin-right: 3%;
  float: left; }
  .errorcode_index__list1 .img img {
    max-width: 100%; }
  .errorcode_index__list1 .img .p1 {
    font-weight: bold;
    font-size: 1.4em;
    margin-top: .1em; }
  @media (max-width: 640px) {
    .errorcode_index__list1 .img {
      width: 50%;
      margin-left: auto;
      margin-right: auto;
      float: none; }
      .errorcode_index__list1 .img .p1:not(#arienai):not(#arienai) {
        font-size: 5vw; } }

.errorcode_index__list1 figcaption {
  overflow: hidden;
  width: 77%; }
  @media (max-width: 640px) {
    .errorcode_index__list1 figcaption {
      width: auto; } }

.errorcode_index__list1 table, .errorcode_index__list1 th, .errorcode_index__list1 td {
  border: 1px solid #aaa; }

.errorcode_index__list1 table {
  width: 100%;
  table-layout: fixed; }

.errorcode_index__list1 tr:first-child {
  background-color: #ecf3f5; }

.errorcode_index__list1 th, .errorcode_index__list1 td {
  padding: 1em;
  vertical-align: middle; }
  @media (max-width: 640px) {
    .errorcode_index__list1 th, .errorcode_index__list1 td {
      font-size: 13px; } }

.errorcode_index__list1 th {
  font-weight: normal;
  width: 7.2em;
  text-align: center; }

.errorcode_index__list1 td {
  font-size: 1.3em; }
  @media (max-width: 640px) {
    .errorcode_index__list1 td {
      font-size: 14px; } }

.errorcode_index__mini_sec,
.errorcode_index .errorcode_popup {
  margin-bottom: 5% !important; }
  @media (max-width: 640px) {
    .errorcode_index__mini_sec,
    .errorcode_index .errorcode_popup {
      margin-bottom: 8% !important; } }
  .errorcode_index__mini_sec .img1,
  .errorcode_index .errorcode_popup .img1 {
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    margin-bottom: 1%; }
    .errorcode_index__mini_sec .img1 img,
    .errorcode_index .errorcode_popup .img1 img {
      max-width: 100%; }
    @media (max-width: 640px) {
      .errorcode_index__mini_sec .img1,
      .errorcode_index .errorcode_popup .img1 {
        width: 50%; } }
  .errorcode_index__mini_sec .xxx, .errorcode_index__mini_sec th, .errorcode_index__mini_sec td,
  .errorcode_index .errorcode_popup .xxx,
  .errorcode_index .errorcode_popup th,
  .errorcode_index .errorcode_popup td {
    border: 1px solid #aaa; }
  .errorcode_index__mini_sec .xxx,
  .errorcode_index .errorcode_popup .xxx {
    width: 100%;
    table-layout: fixed; }
    .errorcode_index__mini_sec .xxx tr:nth-child(odd),
    .errorcode_index .errorcode_popup .xxx tr:nth-child(odd) {
      background-color: #ecf3f5; }
    .errorcode_index__mini_sec .xxx th, .errorcode_index__mini_sec .xxx td,
    .errorcode_index .errorcode_popup .xxx th,
    .errorcode_index .errorcode_popup .xxx td {
      padding: .6em 1em;
      text-align: center;
      font-size: 1.3em; }
      @media (max-width: 640px) {
        .errorcode_index__mini_sec .xxx th, .errorcode_index__mini_sec .xxx td,
        .errorcode_index .errorcode_popup .xxx th,
        .errorcode_index .errorcode_popup .xxx td {
          text-align: center;
          font-size: 4.6vw;
          padding: 0.8em 0; } }
  .errorcode_index__mini_sec__atten,
  .errorcode_index .errorcode_popup__atten {
    margin-top: 1%; }

.errorcode_other ~ .errorcode_detail__box1 .xxx tr td:first-child {
  background-color: #fceccc; }

.errorcode_other ~ .errorcode_detail__box1 .xxx tr:nth-child(1) th, .errorcode_other ~ .errorcode_detail__box1 .xxx tr:nth-child(1) td {
  color: #fff;
  background-color: #f35f4b; }
  .errorcode_other ~ .errorcode_detail__box1 .xxx tr:nth-child(1) th br, .errorcode_other ~ .errorcode_detail__box1 .xxx tr:nth-child(1) td br {
    display: none; }

.errorcode_detail .errorcode_popup,
.errorcode_index .errorcode_popup {
  padding: 0.5em 1em 1em;
  background-color: #fff;
  margin-bottom: 0 !important; }
  .errorcode_detail .errorcode_popup .xxx,
  .errorcode_index .errorcode_popup .xxx {
    width: 100%; }

#colorbox {
  font-size: 15px; }

#cboxContent {
  margin-top: 62px; }

#cboxClose {
  height: 60px;
  width: 60px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-image: url(/paradia/_img/common/close.png);
  top: auto;
  bottom: 100%; }
  @media (max-width: 640px) {
    #cboxClose {
      height: 10vw;
      width: 10vw; } }
  #cboxClose:hover {
    background-position: 50%;
    opacity: .5; }

a.breaker_popup_link:after {
  font-family: FontAwesome;
  margin-left: .2em;
  margin-right: .2em; }

#breaker_pop_up_body {
  padding: 1em; }
  #breaker_pop_up_body .i_sec + .i_sec {
    margin-top: 3em; }
  #breaker_pop_up_body h3 {
    color: #59c2e1; }
  #breaker_pop_up_body .mini_atten {
    font-size: .8em; }
  #breaker_pop_up_body .i_img {
    margin-top: 2em; }
  #breaker_pop_up_body .breaker_reset_step_list {
    margin-top: 2em;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%; }
    #breaker_pop_up_body .breaker_reset_step_list li {
      font-size: 1.4em; }
      @media (max-width: 640px) {
        #breaker_pop_up_body .breaker_reset_step_list li {
          font-size: 4.5vw; } }
      #breaker_pop_up_body .breaker_reset_step_list li + li {
        margin-top: 2.3em; }
      #breaker_pop_up_body .breaker_reset_step_list li:not(:last-child) .waku:before, #breaker_pop_up_body .breaker_reset_step_list li:not(:last-child) .waku:after {
        content: '';
        position: absolute;
        left: 50%;
        transform: translate(-50%); }
      #breaker_pop_up_body .breaker_reset_step_list li:not(:last-child) .waku:before {
        top: 100%;
        width: 3em;
        height: 1em;
        background-color: #d3dce1; }
      #breaker_pop_up_body .breaker_reset_step_list li:not(:last-child) .waku:after {
        top: calc(100% + 1em);
        border-width: 1em 3em 0;
        border-color: #d3dce1 transparent transparent;
        border-style: solid; }
      #breaker_pop_up_body .breaker_reset_step_list li .waku {
        background-color: #d3dce1;
        border: 1px solid #d3dce1;
        position: relative; }
        #breaker_pop_up_body .breaker_reset_step_list li .waku span {
          display: inline-block;
          padding: .5em; }
        #breaker_pop_up_body .breaker_reset_step_list li .waku .s1 {
          width: 25%;
          background-color: #fff;
          padding-right: 1em;
          position: relative;
          z-index: 1; }
          #breaker_pop_up_body .breaker_reset_step_list li .waku .s1:before, #breaker_pop_up_body .breaker_reset_step_list li .waku .s1:after {
            content: '';
            z-index: -1;
            position: absolute;
            width: 100%;
            height: 50.5%;
            left: 0;
            background-color: #fff; }
          #breaker_pop_up_body .breaker_reset_step_list li .waku .s1:before {
            top: 0;
            transform-origin: top;
            transform: skew(45deg); }
          #breaker_pop_up_body .breaker_reset_step_list li .waku .s1:after {
            bottom: 0;
            transform-origin: bottom;
            transform: skew(-45deg); }
        #breaker_pop_up_body .breaker_reset_step_list li .waku .s2 {
          width: 73%;
          padding-left: 2em; }

/*# sourceMappingURL=errorcode.css.map */