@charset "UTF-8";
/* mediaquery */
.opacity {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

a {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #0075c2;
}

.inline_block {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.table_cell {
  display: table-cell;
  *display: inline;
  *zoom: 1;
  vertical-align: middle;
}

.imgC,
.alignC,
.textAlignC {
  text-align: center;
}

.imgC {
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 15px;
}

.alignR,
.textAlignR {
  text-align: right;
}

.alignL,
.textAlignL {
  text-align: left;
}

.ts_none {
  text-shadow: none !important;
}

.imgL {
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

.imgR {
  float: right;
  margin-bottom: 10px;
  margin-left: 10px;
}

.bs_none {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.mgt0 {
  margin-top: 0px !important;
}

.mgb0 {
  margin-bottom: 0px !important;
}

.mgr0 {
  margin-right: 0px !important;
}

.mgl0 {
  margin-left: 0px !important;
}

.pdt0 {
  padding-top: 0px !important;
}

.pdb0 {
  padding-bottom: 0px !important;
}

.pdr0 {
  padding-right: 0px !important;
}

.pdl0 {
  padding-left: 0px !important;
}

.mgt5 {
  margin-top: 5px !important;
}

.mgb5 {
  margin-bottom: 5px !important;
}

.mgr5 {
  margin-right: 5px !important;
}

.mgl5 {
  margin-left: 5px !important;
}

.pdt5 {
  padding-top: 5px !important;
}

.pdb5 {
  padding-bottom: 5px !important;
}

.pdr5 {
  padding-right: 5px !important;
}

.pdl5 {
  padding-left: 5px !important;
}

.mgt10 {
  margin-top: 10px !important;
}

.mgb10 {
  margin-bottom: 10px !important;
}

.mgr10 {
  margin-right: 10px !important;
}

.mgl10 {
  margin-left: 10px !important;
}

.pdt10 {
  padding-top: 10px !important;
}

.pdb10 {
  padding-bottom: 10px !important;
}

.pdr10 {
  padding-right: 10px !important;
}

.pdl10 {
  padding-left: 10px !important;
}

.mgt15 {
  margin-top: 15px !important;
}

.mgb15 {
  margin-bottom: 15px !important;
}

.mgr15 {
  margin-right: 15px !important;
}

.mgl15 {
  margin-left: 15px !important;
}

.pdt15 {
  padding-top: 15px !important;
}

.pdb15 {
  padding-bottom: 15px !important;
}

.pdr15 {
  padding-right: 15px !important;
}

.pdl15 {
  padding-left: 15px !important;
}

.mgt20 {
  margin-top: 20px !important;
}

.mgb20 {
  margin-bottom: 20px !important;
}

.mgr20 {
  margin-right: 20px !important;
}

.mgl20 {
  margin-left: 20px !important;
}

.pdt20 {
  padding-top: 20px !important;
}

.pdb20 {
  padding-bottom: 20px !important;
}

.pdr20 {
  padding-right: 20px !important;
}

.pdl20 {
  padding-left: 20px !important;
}

.mgt25 {
  margin-top: 25px !important;
}

.mgb25 {
  margin-bottom: 25px !important;
}

.mgr25 {
  margin-right: 25px !important;
}

.mgl25 {
  margin-left: 25px !important;
}

.pdt25 {
  padding-top: 25px !important;
}

.pdb25 {
  padding-bottom: 25px !important;
}

.pdr25 {
  padding-right: 25px !important;
}

.pdl25 {
  padding-left: 25px !important;
}

.mgt30 {
  margin-top: 30px !important;
}

.mgb30 {
  margin-bottom: 30px !important;
}

.mgr30 {
  margin-right: 30px !important;
}

.mgl30 {
  margin-left: 30px !important;
}

.pdt30 {
  padding-top: 30px !important;
}

.pdb30 {
  padding-bottom: 30px !important;
}

.pdr30 {
  padding-right: 30px !important;
}

.pdl30 {
  padding-left: 30px !important;
}

.mgt35 {
  margin-top: 35px !important;
}

.mgb35 {
  margin-bottom: 35px !important;
}

.mgr35 {
  margin-right: 35px !important;
}

.mgl35 {
  margin-left: 35px !important;
}

.pdt35 {
  padding-top: 35px !important;
}

.pdb35 {
  padding-bottom: 35px !important;
}

.pdr35 {
  padding-right: 35px !important;
}

.pdl35 {
  padding-left: 35px !important;
}

.mgt40 {
  margin-top: 40px !important;
}

.mgb40 {
  margin-bottom: 40px !important;
}

.mgr40 {
  margin-right: 40px !important;
}

.mgl40 {
  margin-left: 40px !important;
}

.pdt40 {
  padding-top: 40px !important;
}

.pdb40 {
  padding-bottom: 40px !important;
}

.pdr40 {
  padding-right: 40px !important;
}

.pdl40 {
  padding-left: 40px !important;
}

.mgt45 {
  margin-top: 45px !important;
}

.mgb45 {
  margin-bottom: 45px !important;
}

.mgr45 {
  margin-right: 45px !important;
}

.mgl45 {
  margin-left: 45px !important;
}

.pdt45 {
  padding-top: 45px !important;
}

.pdb45 {
  padding-bottom: 45px !important;
}

.pdr45 {
  padding-right: 45px !important;
}

.pdl45 {
  padding-left: 45px !important;
}

.mgt50 {
  margin-top: 50px !important;
}

.mgb50 {
  margin-bottom: 50px !important;
}

.mgr50 {
  margin-right: 50px !important;
}

.mgl50 {
  margin-left: 50px !important;
}

.pdt50 {
  padding-top: 50px !important;
}

.pdb50 {
  padding-bottom: 50px !important;
}

.pdr50 {
  padding-right: 50px !important;
}

.pdl50 {
  padding-left: 50px !important;
}

.mgt55 {
  margin-top: 55px !important;
}

.mgb55 {
  margin-bottom: 55px !important;
}

.mgr55 {
  margin-right: 55px !important;
}

.mgl55 {
  margin-left: 55px !important;
}

.pdt55 {
  padding-top: 55px !important;
}

.pdb55 {
  padding-bottom: 55px !important;
}

.pdr55 {
  padding-right: 55px !important;
}

.pdl55 {
  padding-left: 55px !important;
}

.mgt60 {
  margin-top: 60px !important;
}

.mgb60 {
  margin-bottom: 60px !important;
}

.mgr60 {
  margin-right: 60px !important;
}

.mgl60 {
  margin-left: 60px !important;
}

.pdt60 {
  padding-top: 60px !important;
}

.pdb60 {
  padding-bottom: 60px !important;
}

.pdr60 {
  padding-right: 60px !important;
}

.pdl60 {
  padding-left: 60px !important;
}

.mgt65 {
  margin-top: 65px !important;
}

.mgb65 {
  margin-bottom: 65px !important;
}

.mgr65 {
  margin-right: 65px !important;
}

.mgl65 {
  margin-left: 65px !important;
}

.pdt65 {
  padding-top: 65px !important;
}

.pdb65 {
  padding-bottom: 65px !important;
}

.pdr65 {
  padding-right: 65px !important;
}

.pdl65 {
  padding-left: 65px !important;
}

.mgt70 {
  margin-top: 70px !important;
}

.mgb70 {
  margin-bottom: 70px !important;
}

.mgr70 {
  margin-right: 70px !important;
}

.mgl70 {
  margin-left: 70px !important;
}

.pdt70 {
  padding-top: 70px !important;
}

.pdb70 {
  padding-bottom: 70px !important;
}

.pdr70 {
  padding-right: 70px !important;
}

.pdl70 {
  padding-left: 70px !important;
}

.mgt75 {
  margin-top: 75px !important;
}

.mgb75 {
  margin-bottom: 75px !important;
}

.mgr75 {
  margin-right: 75px !important;
}

.mgl75 {
  margin-left: 75px !important;
}

.pdt75 {
  padding-top: 75px !important;
}

.pdb75 {
  padding-bottom: 75px !important;
}

.pdr75 {
  padding-right: 75px !important;
}

.pdl75 {
  padding-left: 75px !important;
}

.mgt80 {
  margin-top: 80px !important;
}

.mgb80 {
  margin-bottom: 80px !important;
}

.mgr80 {
  margin-right: 80px !important;
}

.mgl80 {
  margin-left: 80px !important;
}

.pdt80 {
  padding-top: 80px !important;
}

.pdb80 {
  padding-bottom: 80px !important;
}

.pdr80 {
  padding-right: 80px !important;
}

.pdl80 {
  padding-left: 80px !important;
}

.mgt85 {
  margin-top: 85px !important;
}

.mgb85 {
  margin-bottom: 85px !important;
}

.mgr85 {
  margin-right: 85px !important;
}

.mgl85 {
  margin-left: 85px !important;
}

.pdt85 {
  padding-top: 85px !important;
}

.pdb85 {
  padding-bottom: 85px !important;
}

.pdr85 {
  padding-right: 85px !important;
}

.pdl85 {
  padding-left: 85px !important;
}

.mgt90 {
  margin-top: 90px !important;
}

.mgb90 {
  margin-bottom: 90px !important;
}

.mgr90 {
  margin-right: 90px !important;
}

.mgl90 {
  margin-left: 90px !important;
}

.pdt90 {
  padding-top: 90px !important;
}

.pdb90 {
  padding-bottom: 90px !important;
}

.pdr90 {
  padding-right: 90px !important;
}

.pdl90 {
  padding-left: 90px !important;
}

.mgt95 {
  margin-top: 95px !important;
}

.mgb95 {
  margin-bottom: 95px !important;
}

.mgr95 {
  margin-right: 95px !important;
}

.mgl95 {
  margin-left: 95px !important;
}

.pdt95 {
  padding-top: 95px !important;
}

.pdb95 {
  padding-bottom: 95px !important;
}

.pdr95 {
  padding-right: 95px !important;
}

.pdl95 {
  padding-left: 95px !important;
}

.mgt100 {
  margin-top: 100px !important;
}

.mgb100 {
  margin-bottom: 100px !important;
}

.mgr100 {
  margin-right: 100px !important;
}

.mgl100 {
  margin-left: 100px !important;
}

.pdt100 {
  padding-top: 100px !important;
}

.pdb100 {
  padding-bottom: 100px !important;
}

.pdr100 {
  padding-right: 100px !important;
}

.pdl100 {
  padding-left: 100px !important;
}

@media screen and (max-width: 767px) {
  .sp-mgt0 {
    margin-top: 0px !important;
  }
  .sp-mgb0 {
    margin-bottom: 0px !important;
  }
  .sp-mgr0 {
    margin-right: 0px !important;
  }
  .sp-mgl0 {
    margin-left: 0px !important;
  }
  .sp-pdt0 {
    padding-top: 0px !important;
  }
  .sp-pdb0 {
    padding-bottom: 0px !important;
  }
  .sp-pdr0 {
    padding-right: 0px !important;
  }
  .sp-pdl0 {
    padding-left: 0px !important;
  }
  .sp-mgt5 {
    margin-top: 5px !important;
  }
  .sp-mgb5 {
    margin-bottom: 5px !important;
  }
  .sp-mgr5 {
    margin-right: 5px !important;
  }
  .sp-mgl5 {
    margin-left: 5px !important;
  }
  .sp-pdt5 {
    padding-top: 5px !important;
  }
  .sp-pdb5 {
    padding-bottom: 5px !important;
  }
  .sp-pdr5 {
    padding-right: 5px !important;
  }
  .sp-pdl5 {
    padding-left: 5px !important;
  }
  .sp-mgt10 {
    margin-top: 10px !important;
  }
  .sp-mgb10 {
    margin-bottom: 10px !important;
  }
  .sp-mgr10 {
    margin-right: 10px !important;
  }
  .sp-mgl10 {
    margin-left: 10px !important;
  }
  .sp-pdt10 {
    padding-top: 10px !important;
  }
  .sp-pdb10 {
    padding-bottom: 10px !important;
  }
  .sp-pdr10 {
    padding-right: 10px !important;
  }
  .sp-pdl10 {
    padding-left: 10px !important;
  }
  .sp-mgt15 {
    margin-top: 15px !important;
  }
  .sp-mgb15 {
    margin-bottom: 15px !important;
  }
  .sp-mgr15 {
    margin-right: 15px !important;
  }
  .sp-mgl15 {
    margin-left: 15px !important;
  }
  .sp-pdt15 {
    padding-top: 15px !important;
  }
  .sp-pdb15 {
    padding-bottom: 15px !important;
  }
  .sp-pdr15 {
    padding-right: 15px !important;
  }
  .sp-pdl15 {
    padding-left: 15px !important;
  }
  .sp-mgt20 {
    margin-top: 20px !important;
  }
  .sp-mgb20 {
    margin-bottom: 20px !important;
  }
  .sp-mgr20 {
    margin-right: 20px !important;
  }
  .sp-mgl20 {
    margin-left: 20px !important;
  }
  .sp-pdt20 {
    padding-top: 20px !important;
  }
  .sp-pdb20 {
    padding-bottom: 20px !important;
  }
  .sp-pdr20 {
    padding-right: 20px !important;
  }
  .sp-pdl20 {
    padding-left: 20px !important;
  }
  .sp-mgt25 {
    margin-top: 25px !important;
  }
  .sp-mgb25 {
    margin-bottom: 25px !important;
  }
  .sp-mgr25 {
    margin-right: 25px !important;
  }
  .sp-mgl25 {
    margin-left: 25px !important;
  }
  .sp-pdt25 {
    padding-top: 25px !important;
  }
  .sp-pdb25 {
    padding-bottom: 25px !important;
  }
  .sp-pdr25 {
    padding-right: 25px !important;
  }
  .sp-pdl25 {
    padding-left: 25px !important;
  }
  .sp-mgt30 {
    margin-top: 30px !important;
  }
  .sp-mgb30 {
    margin-bottom: 30px !important;
  }
  .sp-mgr30 {
    margin-right: 30px !important;
  }
  .sp-mgl30 {
    margin-left: 30px !important;
  }
  .sp-pdt30 {
    padding-top: 30px !important;
  }
  .sp-pdb30 {
    padding-bottom: 30px !important;
  }
  .sp-pdr30 {
    padding-right: 30px !important;
  }
  .sp-pdl30 {
    padding-left: 30px !important;
  }
  .sp-mgt35 {
    margin-top: 35px !important;
  }
  .sp-mgb35 {
    margin-bottom: 35px !important;
  }
  .sp-mgr35 {
    margin-right: 35px !important;
  }
  .sp-mgl35 {
    margin-left: 35px !important;
  }
  .sp-pdt35 {
    padding-top: 35px !important;
  }
  .sp-pdb35 {
    padding-bottom: 35px !important;
  }
  .sp-pdr35 {
    padding-right: 35px !important;
  }
  .sp-pdl35 {
    padding-left: 35px !important;
  }
  .sp-mgt40 {
    margin-top: 40px !important;
  }
  .sp-mgb40 {
    margin-bottom: 40px !important;
  }
  .sp-mgr40 {
    margin-right: 40px !important;
  }
  .sp-mgl40 {
    margin-left: 40px !important;
  }
  .sp-pdt40 {
    padding-top: 40px !important;
  }
  .sp-pdb40 {
    padding-bottom: 40px !important;
  }
  .sp-pdr40 {
    padding-right: 40px !important;
  }
  .sp-pdl40 {
    padding-left: 40px !important;
  }
  .sp-mgt45 {
    margin-top: 45px !important;
  }
  .sp-mgb45 {
    margin-bottom: 45px !important;
  }
  .sp-mgr45 {
    margin-right: 45px !important;
  }
  .sp-mgl45 {
    margin-left: 45px !important;
  }
  .sp-pdt45 {
    padding-top: 45px !important;
  }
  .sp-pdb45 {
    padding-bottom: 45px !important;
  }
  .sp-pdr45 {
    padding-right: 45px !important;
  }
  .sp-pdl45 {
    padding-left: 45px !important;
  }
  .sp-mgt50 {
    margin-top: 50px !important;
  }
  .sp-mgb50 {
    margin-bottom: 50px !important;
  }
  .sp-mgr50 {
    margin-right: 50px !important;
  }
  .sp-mgl50 {
    margin-left: 50px !important;
  }
  .sp-pdt50 {
    padding-top: 50px !important;
  }
  .sp-pdb50 {
    padding-bottom: 50px !important;
  }
  .sp-pdr50 {
    padding-right: 50px !important;
  }
  .sp-pdl50 {
    padding-left: 50px !important;
  }
  .sp-mgt55 {
    margin-top: 55px !important;
  }
  .sp-mgb55 {
    margin-bottom: 55px !important;
  }
  .sp-mgr55 {
    margin-right: 55px !important;
  }
  .sp-mgl55 {
    margin-left: 55px !important;
  }
  .sp-pdt55 {
    padding-top: 55px !important;
  }
  .sp-pdb55 {
    padding-bottom: 55px !important;
  }
  .sp-pdr55 {
    padding-right: 55px !important;
  }
  .sp-pdl55 {
    padding-left: 55px !important;
  }
  .sp-mgt60 {
    margin-top: 60px !important;
  }
  .sp-mgb60 {
    margin-bottom: 60px !important;
  }
  .sp-mgr60 {
    margin-right: 60px !important;
  }
  .sp-mgl60 {
    margin-left: 60px !important;
  }
  .sp-pdt60 {
    padding-top: 60px !important;
  }
  .sp-pdb60 {
    padding-bottom: 60px !important;
  }
  .sp-pdr60 {
    padding-right: 60px !important;
  }
  .sp-pdl60 {
    padding-left: 60px !important;
  }
  .sp-mgt65 {
    margin-top: 65px !important;
  }
  .sp-mgb65 {
    margin-bottom: 65px !important;
  }
  .sp-mgr65 {
    margin-right: 65px !important;
  }
  .sp-mgl65 {
    margin-left: 65px !important;
  }
  .sp-pdt65 {
    padding-top: 65px !important;
  }
  .sp-pdb65 {
    padding-bottom: 65px !important;
  }
  .sp-pdr65 {
    padding-right: 65px !important;
  }
  .sp-pdl65 {
    padding-left: 65px !important;
  }
  .sp-mgt70 {
    margin-top: 70px !important;
  }
  .sp-mgb70 {
    margin-bottom: 70px !important;
  }
  .sp-mgr70 {
    margin-right: 70px !important;
  }
  .sp-mgl70 {
    margin-left: 70px !important;
  }
  .sp-pdt70 {
    padding-top: 70px !important;
  }
  .sp-pdb70 {
    padding-bottom: 70px !important;
  }
  .sp-pdr70 {
    padding-right: 70px !important;
  }
  .sp-pdl70 {
    padding-left: 70px !important;
  }
  .sp-mgt75 {
    margin-top: 75px !important;
  }
  .sp-mgb75 {
    margin-bottom: 75px !important;
  }
  .sp-mgr75 {
    margin-right: 75px !important;
  }
  .sp-mgl75 {
    margin-left: 75px !important;
  }
  .sp-pdt75 {
    padding-top: 75px !important;
  }
  .sp-pdb75 {
    padding-bottom: 75px !important;
  }
  .sp-pdr75 {
    padding-right: 75px !important;
  }
  .sp-pdl75 {
    padding-left: 75px !important;
  }
  .sp-mgt80 {
    margin-top: 80px !important;
  }
  .sp-mgb80 {
    margin-bottom: 80px !important;
  }
  .sp-mgr80 {
    margin-right: 80px !important;
  }
  .sp-mgl80 {
    margin-left: 80px !important;
  }
  .sp-pdt80 {
    padding-top: 80px !important;
  }
  .sp-pdb80 {
    padding-bottom: 80px !important;
  }
  .sp-pdr80 {
    padding-right: 80px !important;
  }
  .sp-pdl80 {
    padding-left: 80px !important;
  }
  .sp-mgt85 {
    margin-top: 85px !important;
  }
  .sp-mgb85 {
    margin-bottom: 85px !important;
  }
  .sp-mgr85 {
    margin-right: 85px !important;
  }
  .sp-mgl85 {
    margin-left: 85px !important;
  }
  .sp-pdt85 {
    padding-top: 85px !important;
  }
  .sp-pdb85 {
    padding-bottom: 85px !important;
  }
  .sp-pdr85 {
    padding-right: 85px !important;
  }
  .sp-pdl85 {
    padding-left: 85px !important;
  }
  .sp-mgt90 {
    margin-top: 90px !important;
  }
  .sp-mgb90 {
    margin-bottom: 90px !important;
  }
  .sp-mgr90 {
    margin-right: 90px !important;
  }
  .sp-mgl90 {
    margin-left: 90px !important;
  }
  .sp-pdt90 {
    padding-top: 90px !important;
  }
  .sp-pdb90 {
    padding-bottom: 90px !important;
  }
  .sp-pdr90 {
    padding-right: 90px !important;
  }
  .sp-pdl90 {
    padding-left: 90px !important;
  }
  .sp-mgt95 {
    margin-top: 95px !important;
  }
  .sp-mgb95 {
    margin-bottom: 95px !important;
  }
  .sp-mgr95 {
    margin-right: 95px !important;
  }
  .sp-mgl95 {
    margin-left: 95px !important;
  }
  .sp-pdt95 {
    padding-top: 95px !important;
  }
  .sp-pdb95 {
    padding-bottom: 95px !important;
  }
  .sp-pdr95 {
    padding-right: 95px !important;
  }
  .sp-pdl95 {
    padding-left: 95px !important;
  }
  .sp-mgt100 {
    margin-top: 100px !important;
  }
  .sp-mgb100 {
    margin-bottom: 100px !important;
  }
  .sp-mgr100 {
    margin-right: 100px !important;
  }
  .sp-mgl100 {
    margin-left: 100px !important;
  }
  .sp-pdt100 {
    padding-top: 100px !important;
  }
  .sp-pdb100 {
    padding-bottom: 100px !important;
  }
  .sp-pdr100 {
    padding-right: 100px !important;
  }
  .sp-pdl100 {
    padding-left: 100px !important;
  }
}

/* structure */
html {
  overflow-y: scroll;
  font-size: 62.5%;
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", Verdana, sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.75;
  overflow-y: visible;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, div, p, form, fieldset {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

th {
  font-weight: normal;
}

em {
  font-style: normal;
}

sup {
  height: 0;
  line-height: 1;
  vertical-align: baseline;
  _vertical-align: bottom;
  position: relative;
}

a {
  cursor: pointer;
}

img {
  vertical-align: top;
}

.hover-opacity {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.hover-opacity:hover {
  opacity: .8;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.inline-block-wrap p {
  display: inline-block;
}

@media screen and (min-width: 767px) {
  .pc-align-left {
    text-align: left;
  }
  .pc-align-center {
    text-align: center;
  }
  .pc-align-right {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .sp-align-left {
    text-align: left;
  }
  .sp-align-center {
    text-align: center;
  }
  .sp-align-right {
    text-align: right;
  }
}

@media screen and (max-width: 767px) {
  .main img {
    height: auto;
  }
}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-top: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .xKnow .main a > img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 767px) {
  .pc-hide {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .sp-hide {
    display: none !important;
  }
}

.wrapper,
#wrapper {
  position: relative;
  background: #fff;
  -webkit-transition: all 0.5s 0s ease;
  transition: all 0.5s 0s ease;
  z-index: 102;
}

.container {
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .container {
    min-width: 320px;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .containerInner {
    padding: 0 10px;
  }
}

.container + .container {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .container + .container {
    margin-top: 20px;
  }
}

.pageTitle + .container {
  margin-top: 40px;
}

.pageTitle + .container .main, .pageTitle + .container .sub {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .pageTitle + .container {
    margin-top: 20px;
  }
  .pageTitle + .container .sub {
    margin-top: 30px;
  }
}

.m-pageDescription + .container {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .m-pageDescription + .container {
    margin-top: 20px;
  }
}

.contents {
  padding: 80px 0 80px;
}

@media screen and (max-width: 767px) {
  .contents {
    padding: 0;
  }
}

.contents#kiyaku {
  padding: 15px 0;
}

.contents#kiyaku .block {
  padding-right: 16px;
  padding-left: 16px;
}

.leadTxt {
  margin-bottom: 24px;
}

@media screen and (max-width: 767px) {
  .leadTxt {
    margin-bottom: 16px;
  }
}

.ttl--lv1 + .leadTxt {
  margin-top: 8px;
}

.main {
  width: 760px;
  margin-top: 40px;
  float: left;
}

@media screen and (max-width: 767px) {
  .main {
    width: 100%;
    float: none;
    margin-top: 20px;
  }
}

.main.is--full {
  width: 100%;
  float: none;
  padding-bottom: 20px;
}

.main.is--center {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

.main__container {
  width: 520px;
  float: right;
}

.main.is--full .main__container {
  width: 790px;
}

@media screen and (max-width: 767px) {
  .main__container {
    width: 100%;
    float: none;
  }
  .main.is--full .main__container {
    width: 100%;
  }
}

.main__sub {
  width: 200px;
  float: left;
}

@media screen and (max-width: 767px) {
  .main__sub {
    width: 100%;
    margin-top: 32px;
    float: none;
  }
  .main__sub img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.main__sub.is--flash {
  width: 240px;
}

@media screen and (max-width: 767px) {
  .siteIndex .main {
    margin-top: 1px;
  }
}

.is--reverse .main__container {
  float: left;
}

.is--reverse .main__sub {
  float: right;
}

.is--striped .main__container {
  width: 480px;
}

.main.is--full .is--striped .main__container {
  width: 750px;
}

@media screen and (max-width: 767px) {
  .is--striped .main__container {
    width: 100%;
    float: none;
  }
  .main.is--full .is--striped .main__container {
    width: 100%;
  }
}

.is--striped .main__sub {
  width: 210px;
}

@media screen and (max-width: 767px) {
  .is--striped .main__sub {
    width: 100%;
    margin-top: 32px;
    float: none;
  }
}

.blockInner + .is--striped {
  margin-top: 32px;
}

.boxBlock__body .main__container {
  width: 710px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .main__container {
    width: 100%;
  }
}

.sub {
  width: 240px;
  margin-top: 40px;
  float: right;
  background: #f4f4f4;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .sub {
    width: 100%;
    margin-top: 32px;
    float: none;
    padding: 0 0 16px;
  }
}

input[type="text"],
input[type="password"],
input[type="email"] {
  border: 1px solid #ccc;
  padding: 6px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  input[type="text"],
  input[type="password"],
  input[type="email"] {
    border: 1px solid #bbb;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 4px;
  }
}

textarea {
  border: 1px solid #ccc;
  padding: 6px 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  textarea {
    border: 1px solid #bbb;
    padding: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 4px;
  }
}

.fsIcon {
  font-size: 180% !important;
}

@media screen and (max-width: 767px) {
  .fsIcon {
    font-size: 160% !important;
  }
}

.fsIconL {
  font-size: 260% !important;
}

@media screen and (max-width: 767px) {
  .fsIconL {
    font-size: 240% !important;
  }
}

@media screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}

.sp {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
}

.cFix, .wrapper,
#wrapper, .container, .contents, .main, .main__container, .main__sub, .is--reverse, .block, .block .blockHead, .block .gridWrap, .block__body, .gHeader, .sub .block .column2, .sub .block--regist .point, .gFooter, .gFooter__SNS, .search__unit__body, .grid, .grid .grid__item, .grid.with--2items .grid__item, .grid.with--2itemsL .grid__item, .grid.with--3items .grid__item, .grid.with--3items-SP2 .grid__item, .grid.with--3items-SP3 .grid__item, .grid.with--4items .grid__item, .btnsArea, .pageTitle .visual__btns, .tabPanel, .tab__controll, .infoList-01 .list__item, .infoList-02 .list__item, .infoList-03 .list__item, .infoList-04 .list__item, .infoList-05 .list__item, .infoList-06 .list__item, .infoList-07 .list__item, .menuList-01 .list__item, .infoList-02 .list__item > a, .infoList-03 .list__item > a, .infoList-04 .list__item > a, .infoList-05 .list__item > a, .imgList-01, .imgList-02, .imgList-03, .imgList-03 .list__item, .imgList-03 .list__itemInner, .imgList-04, .imgList-04 .list__item, .discList, .linkList, [class^="index-boxList--"],
.index-forumList, .index-newsList li, .metaUnit, .form__unit, .form__unit.input--group, dl.form__unit, .cropbox, .paragraph p, .paragraph .catchUnit, .paragraph .catchUnit.interview, .paragraph .swc-report, .paragraph .namelist, .profile__statistics dl dd, .blockInner.hasModified, .block--plofile-info .blockInner, .block--plofile-info .blockInner .plofile-info__item, .reportList-03__item, .reportList-03__body, .reportUnit, .profileUnit, .profile-head, .eventList-01__item, .eventList-01__head, .eventList-01__body, .commentUnit .head, .commentUnit .body, .eventList-01__item .commentList .commentUnit .timeWrap, .latestUserList, .guide-list, .guide-column, .block--ouenmassage .massage .post, .l-article .image.col2, .l-article-img-l, .l-article-img-r, .l-article-img-l-50, .l-article-img-r-50, .l-article-img-thumb, .l-subajo .magazineLink, .l-subajo-article .l-block-wrap, .is--striped, .is--stripedInner {
  zoom: 1;
}

.cFix:before, .wrapper:before,
#wrapper:before, .container:before, .contents:before, .main:before, .main__container:before, .main__sub:before, .is--reverse:before, .block:before, .block .blockHead:before, .block .gridWrap:before, .block__body:before, .gHeader:before, .sub .block .column2:before, .sub .block--regist .point:before, .gFooter:before, .gFooter__SNS:before, .search__unit__body:before, .grid:before, .grid .grid__item:before, .grid.with--2items .grid__item:before, .grid.with--2itemsL .grid__item:before, .grid.with--3items .grid__item:before, .grid.with--3items-SP2 .grid__item:before, .grid.with--3items-SP3 .grid__item:before, .grid.with--4items .grid__item:before, .btnsArea:before, .pageTitle .visual__btns:before, .tabPanel:before, .tab__controll:before, .infoList-01 .list__item:before, .infoList-02 .list__item:before, .infoList-03 .list__item:before, .infoList-04 .list__item:before, .infoList-05 .list__item:before, .infoList-06 .list__item:before, .infoList-07 .list__item:before, .menuList-01 .list__item:before, .infoList-02 .list__item > a:before, .infoList-03 .list__item > a:before, .infoList-04 .list__item > a:before, .infoList-05 .list__item > a:before, .imgList-01:before, .imgList-02:before, .imgList-03:before, .imgList-03 .list__item:before, .imgList-03 .list__itemInner:before, .imgList-04:before, .imgList-04 .list__item:before, .discList:before, .linkList:before, [class^="index-boxList--"]:before,
.index-forumList:before, .index-newsList li:before, .metaUnit:before, .form__unit:before, .form__unit.input--group:before, .cropbox:before, .paragraph p:before, .paragraph .catchUnit:before, .paragraph .catchUnit.interview:before, .paragraph .swc-report:before, .paragraph .namelist:before, .profile__statistics dl dd:before, .blockInner.hasModified:before, .block--plofile-info .blockInner:before, .block--plofile-info .blockInner .plofile-info__item:before, .reportList-03__item:before, .reportList-03__body:before, .reportUnit:before, .profileUnit:before, .profile-head:before, .eventList-01__item:before, .eventList-01__head:before, .eventList-01__body:before, .commentUnit .head:before, .commentUnit .body:before, .eventList-01__item .commentList .commentUnit .timeWrap:before, .latestUserList:before, .guide-list:before, .guide-column:before, .block--ouenmassage .massage .post:before, .l-article .image.col2:before, .l-article-img-l:before, .l-article-img-r:before, .l-article-img-l-50:before, .l-article-img-r-50:before, .l-article-img-thumb:before, .l-subajo .magazineLink:before, .l-subajo-article .l-block-wrap:before, .is--striped:before, .is--stripedInner:before, .cFix:after, .wrapper:after,
#wrapper:after, .container:after, .contents:after, .main:after, .main__container:after, .main__sub:after, .is--reverse:after, .block:after, .block .blockHead:after, .block .gridWrap:after, .block__body:after, .gHeader:after, .sub .block .column2:after, .sub .block--regist .point:after, .gFooter:after, .gFooter__SNS:after, .search__unit__body:after, .grid:after, .grid .grid__item:after, .grid.with--2items .grid__item:after, .grid.with--2itemsL .grid__item:after, .grid.with--3items .grid__item:after, .grid.with--3items-SP2 .grid__item:after, .grid.with--3items-SP3 .grid__item:after, .grid.with--4items .grid__item:after, .btnsArea:after, .pageTitle .visual__btns:after, .tabPanel:after, .tab__controll:after, .infoList-01 .list__item:after, .infoList-02 .list__item:after, .infoList-03 .list__item:after, .infoList-04 .list__item:after, .infoList-05 .list__item:after, .infoList-06 .list__item:after, .infoList-07 .list__item:after, .menuList-01 .list__item:after, .infoList-02 .list__item > a:after, .infoList-03 .list__item > a:after, .infoList-04 .list__item > a:after, .infoList-05 .list__item > a:after, .imgList-01:after, .imgList-02:after, .imgList-03:after, .imgList-03 .list__item:after, .imgList-03 .list__itemInner:after, .imgList-04:after, .imgList-04 .list__item:after, .discList:after, .linkList:after, [class^="index-boxList--"]:after,
.index-forumList:after, .index-newsList li:after, .metaUnit:after, .form__unit:after, .form__unit.input--group:after, .cropbox:after, .paragraph p:after, .paragraph .catchUnit:after, .paragraph .catchUnit.interview:after, .paragraph .swc-report:after, .paragraph .namelist:after, .profile__statistics dl dd:after, .blockInner.hasModified:after, .block--plofile-info .blockInner:after, .block--plofile-info .blockInner .plofile-info__item:after, .reportList-03__item:after, .reportList-03__body:after, .reportUnit:after, .profileUnit:after, .profile-head:after, .eventList-01__item:after, .eventList-01__head:after, .eventList-01__body:after, .commentUnit .head:after, .commentUnit .body:after, .eventList-01__item .commentList .commentUnit .timeWrap:after, .latestUserList:after, .guide-list:after, .guide-column:after, .block--ouenmassage .massage .post:after, .l-article .image.col2:after, .l-article-img-l:after, .l-article-img-r:after, .l-article-img-l-50:after, .l-article-img-r-50:after, .l-article-img-thumb:after, .l-subajo .magazineLink:after, .l-subajo-article .l-block-wrap:after, .is--striped:after, .is--stripedInner:after {
  display: table;
  content: ' ';
}

.cFix:after, .wrapper:after,
#wrapper:after, .container:after, .contents:after, .main:after, .main__container:after, .main__sub:after, .is--reverse:after, .block:after, .block .blockHead:after, .block .gridWrap:after, .block__body:after, .gHeader:after, .sub .block .column2:after, .sub .block--regist .point:after, .gFooter:after, .gFooter__SNS:after, .search__unit__body:after, .grid:after, .grid .grid__item:after, .grid.with--2items .grid__item:after, .grid.with--2itemsL .grid__item:after, .grid.with--3items .grid__item:after, .grid.with--3items-SP2 .grid__item:after, .grid.with--3items-SP3 .grid__item:after, .grid.with--4items .grid__item:after, .btnsArea:after, .pageTitle .visual__btns:after, .tabPanel:after, .tab__controll:after, .infoList-01 .list__item:after, .infoList-02 .list__item:after, .infoList-03 .list__item:after, .infoList-04 .list__item:after, .infoList-05 .list__item:after, .infoList-06 .list__item:after, .infoList-07 .list__item:after, .menuList-01 .list__item:after, .infoList-02 .list__item > a:after, .infoList-03 .list__item > a:after, .infoList-04 .list__item > a:after, .infoList-05 .list__item > a:after, .imgList-01:after, .imgList-02:after, .imgList-03:after, .imgList-03 .list__item:after, .imgList-03 .list__itemInner:after, .imgList-04:after, .imgList-04 .list__item:after, .discList:after, .linkList:after, [class^="index-boxList--"]:after,
.index-forumList:after, .index-newsList li:after, .metaUnit:after, .form__unit:after, .form__unit.input--group:after, .cropbox:after, .paragraph p:after, .paragraph .catchUnit:after, .paragraph .catchUnit.interview:after, .paragraph .swc-report:after, .paragraph .namelist:after, .profile__statistics dl dd:after, .blockInner.hasModified:after, .block--plofile-info .blockInner:after, .block--plofile-info .blockInner .plofile-info__item:after, .reportList-03__item:after, .reportList-03__body:after, .reportUnit:after, .profileUnit:after, .profile-head:after, .eventList-01__item:after, .eventList-01__head:after, .eventList-01__body:after, .commentUnit .head:after, .commentUnit .body:after, .eventList-01__item .commentList .commentUnit .timeWrap:after, .latestUserList:after, .guide-list:after, .guide-column:after, .block--ouenmassage .massage .post:after, .l-article .image.col2:after, .l-article-img-l:after, .l-article-img-r:after, .l-article-img-l-50:after, .l-article-img-r-50:after, .l-article-img-thumb:after, .l-subajo .magazineLink:after, .l-subajo-article .l-block-wrap:after, .is--striped:after, .is--stripedInner:after {
  clear: both;
}

/* module */
.m-head-cta {
  padding: 30px 0 33px;
}

.m-head-cta dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-head-cta dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  padding-right: 15px;
}

.m-head-cta dl dd {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .m-head-cta {
    padding: 15px 15px 25px;
  }
  .m-head-cta dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .m-head-cta dl dt {
    font-size: 15px;
    font-size: 1.5rem;
    padding-right: 0;
  }
  .m-head-cta dl dd {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
    text-align: center;
  }
}

.main > .m-head-cta {
  padding-top: 0;
}

.m-officialSNS {
  background: #f4f4f4;
  border-radius: 4px;
  padding: 30px;
  margin: 15px 0 30px;
}

.m-officialSNS.no-bg {
  background: none;
  margin: 0;
}

.m-officialSNS dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.m-officialSNS dl dt {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-right: 15px;
}

.m-officialSNS dl dd {
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .m-officialSNS {
    padding: 15px;
  }
  .m-officialSNS dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .m-officialSNS dl dt {
    font-size: 15px;
    font-size: 1.5rem;
    padding-right: 0;
  }
  .m-officialSNS dl dd {
    width: 100%;
    padding-left: 0;
    margin-top: 10px;
  }
}

.m-btnWrap {
  padding-bottom: 10px;
}

.m-btnWrap .caption {
  margin-bottom: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.m-tabNav {
  margin: 40px 0 30px;
  background: #f4f4f4;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding-top: 14px;
}

.m-head-cta + .m-tabNav {
  margin-top: 5px;
}

.m-tabNav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1040px;
  margin: 0 auto;
  padding: 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-tabNav ul li {
  border: 1px solid transparent;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  overflow: hidden;
  margin-bottom: -1px;
}

.m-tabNav ul li a {
  display: block;
  width: 100%;
  padding: 10px 10px 8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-tabNav ul li.is-active {
  border: 1px solid #dadada;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #fff;
  position: relative;
}

.m-tabNav ul li.is-active a {
  color: #0075c2;
}

.m-tabNav ul li.is-active a::before {
  content: "";
  display: block;
  background: #0075c2;
  width: 100%;
  height: 2px;
  position: absolute;
  top: 0;
  left: 0;
}

.m-tabNav + .container > .main {
  margin-top: 0;
}

.m-tabNav + .container > .sub {
  margin-top: 0;
}

.pageTitle + .m-tabNav,
.m-pageDescription + .m-tabNav {
  margin-top: 0;
  border-top: none;
  position: relative;
  top: -1px;
  padding-top: 10px;
}

.m-officialSNS + .m-tabNav {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .m-tabNav {
    margin: 0 0 15px;
    padding-top: 8px;
  }
  .m-tabNav ul {
    width: 100%;
    padding: 0 16px;
  }
  .m-tabNav ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.m-image img {
  width: 100%;
}

.m-eventImage {
  height: 380px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .m-eventImage {
    height: 38.77551vw;
    margin-bottom: 5px;
  }
}

.m-reportImage {
  background-image: url(/share_swc/images/noimage_l.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.m-responsiveImage {
  position: relative;
  height: auto;
}

.m-responsiveImage::before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.m-responsiveImage .m-reportImage {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.m-postUser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-postUser .avatar {
  padding: 6px 0;
  line-height: 1;
}

.m-postUser .avatar a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.m-postUser .avatar img {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  border-radius: 4px;
}

.m-postUser .avatar .name {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-left: 6px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1;
  word-break: break-all;
}

.m-postUser .friend-request {
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 28px;
  line-height: 1;
}

.m-postUser .friend-request a {
  display: inline-block;
  border: 1px solid #ff9c00;
  border-radius: 20px;
  color: #ff9c00;
  padding: 4px 12px 3px 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  top: -1px;
}

.m-postUser .friend-request a::before, .m-postUser .friend-request a::after {
  content: "";
  display: block;
  background: #ff9c00;
  width: 7px;
  height: 1px;
  position: absolute;
  left: 9px;
  top: 50%;
}

.m-postUser .friend-request a::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

@media screen and (max-width: 767px) {
  .m-postUser .avatar {
    padding-right: 20px;
  }
  .m-postUser .avatar .name {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .m-postUser .friend-request {
    margin-left: auto;
    white-space: nowrap;
  }
}

.m-socialShare {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}

.m-socialShare.is-left .social-swc {
  margin-left: 0;
}

.m-socialShare.is-left li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.m-socialShare li:first-child {
  margin-left: auto;
}

.m-socialShare .social-swc {
  font-size: 10px;
  font-size: 1rem;
  margin-left: auto;
  padding-right: 5px;
}

.m-socialShare .social-swc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0075c2;
}

.m-socialShare .social-swc a .icon {
  display: block;
  width: 30px;
}

.m-socialShare .social-swc a img {
  width: 100%;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.m-socialShare .social-swc a:hover img {
  opacity: .75;
}

.m-socialShare .social-swc b {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 0 3px 0 7px;
}

.m-socialShare .social-swc.is-liked a {
  cursor: default;
}

.m-socialShare .social-swc.is-liked a img {
  opacity: .35;
}

.m-socialShare .social-swc.is-liked a:hover img {
  opacity: .35;
}

.m-socialShare .social-tw {
  padding-left: 30px;
}

.m-socialShare .social-tw a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #55acee;
  font-size: 12px;
  font-size: 1.2rem;
}

.m-socialShare .social-tw a .icon {
  display: block;
  width: 30px;
  margin-right: 7px;
}

.m-socialShare .social-tw a img {
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.m-socialShare .social-tw a:hover img {
  opacity: .75;
}

.m-socialShare .social-fb {
  padding-left: 30px;
}

.m-socialShare .social-fb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #3b5998;
  font-size: 12px;
  font-size: 1.2rem;
}

.m-socialShare .social-fb a .icon {
  display: block;
  width: 30px;
  margin-right: 7px;
}

.m-socialShare .social-fb a img {
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.m-socialShare .social-fb a:hover img {
  opacity: .75;
}

@media screen and (max-width: 767px) {
  .m-socialShare {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .m-socialShare li:first-child {
    margin-left: 0;
  }
  .m-socialShare .social-swc {
    margin-left: 0;
    padding-top: 2px;
  }
  .m-socialShare .social-tw {
    padding-left: 0;
  }
  .m-socialShare .social-tw:first-child {
    padding-top: 2px;
  }
  .m-socialShare .social-tw:not(:first-child) {
    padding-top: 10px;
  }
  .m-socialShare .social-fb {
    padding-left: 0;
  }
  .m-socialShare .social-fb:first-child {
    padding-top: 2px;
  }
  .m-socialShare .social-fb:not(:first-child) {
    padding-top: 10px;
  }
}

.is--striped + .m-socialShare {
  margin-top: 10px;
}

.m-table {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-table th, .m-table td {
  border: 1px solid #dadada;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.m-table th {
  background: #f4f4f4;
  font-weight: bold;
  text-align: left;
  width: 20%;
}

.m-table td a {
  color: #0075c2;
  text-decoration: underline;
  word-break: break-all;
}

.m-table td a:hover {
  text-decoration: none;
}

.m-table:not(:last-child) {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .sp-scroll-table .m-table {
    width: 700px;
    padding-bottom: 15px;
  }
  :not(.sp-scroll-table) > .m-table {
    border-bottom: 1px solid #dadada;
  }
  :not(.sp-scroll-table) > .m-table th, :not(.sp-scroll-table) > .m-table td {
    display: block;
    width: 100%;
    padding: 6px 12px;
    border-bottom: 0;
  }
  :not(.sp-scroll-table) > .m-table th {
    padding: 5px 12px;
  }
  :not(.sp-scroll-table) > .m-table td {
    padding: 8px 12px;
  }
}

@media screen and (max-width: 767px) {
  .sp-scroll-table {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    position: relative;
    padding-top: 24px;
  }
  .sp-scroll-table:before {
    position: absolute;
    top: 0;
    padding: 0.04em 0.8em;
    background: #004673;
    content: '表はスクロールすることができます';
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
  }
}

.m-pageDescription {
  background: #f4f4f4;
  margin-top: -1px;
  position: relative;
  border-bottom: 1px solid #dadada;
  padding: 5px 0 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.pageTitle.with-visual + .m-pageDescription {
  padding-top: 15px;
}

.m-pageDescription__inner {
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .m-pageDescription {
    padding-left: 15px;
    padding-right: 15px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .pageTitle.with-visual + .m-pageDescription {
    padding-top: 0;
  }
  .m-pageDescription__inner {
    width: auto;
  }
}

.m-result-sort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 0;
}

.m-result-sort label {
  white-space: nowrap;
  margin-right: 10px;
}

.m-result-sort .form__unit {
  width: auto;
}

.m-rate {
  position: relative;
  display: inline-block;
  width: 6.25em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  letter-spacing: 0.25em;
  height: 0;
  padding-top: 1em;
  overflow: hidden;
  color: #fff;
}

.m-rate:before, .m-rate:after {
  position: absolute;
  top: 0;
  left: 0;
  content: '★★★★★';
  display: inline-block;
}

.m-rate:before {
  color: #ddd;
}

.m-rate:after {
  color: #f4b612;
  overflow: hidden;
  white-space: nowrap;
}

.m-rate.is-total:after {
  color: #ff4100;
  overflow: hidden;
  white-space: nowrap;
}

.rate0:after {
  width: 0;
}

.rate0-5:after {
  width: 0.5em;
}

.rate1:after {
  width: 1.25em;
}

.rate1-5:after {
  width: 1.75em;
}

.rate2:after {
  width: 2.5em;
}

.rate2-5:after {
  width: 3em;
}

.rate3:after {
  width: 3.75em;
}

.rate3-5:after {
  width: 4.25em;
}

.rate4:after {
  width: 5em;
}

.rate4-5:after {
  width: 5.5em;
}

.rate5:after {
  width: 6.25em;
}

.m-youtube {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
  margin-bottom: 20px;
}

.m-youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* contents */
.contents__visual {
  width: 1040px;
  margin: 30px auto 0;
}

@media screen and (max-width: 767px) {
  .contents__visual {
    width: 100%;
    margin: 0;
  }
}

.contents__visual .visual__image img {
  width: 100%;
}

.img-addBg {
  background-size: cover;
  background-position: center;
}

.block {
  border-top: 1px solid #dadada;
  padding-top: 30px;
}

.block:first-child, .block.firstblock {
  border: 0;
  padding-top: 0;
}

.sub .block:first-child, .sub .block.firstblock {
  padding-top: 20px;
}

@media screen and (max-width: 767px) {
  .block {
    padding: 30px 16px 0;
  }
}

.block + .block {
  margin-top: 70px;
}

@media screen and (max-width: 767px) {
  .block + .block {
    margin-top: 32px;
  }
}

.block--lead + .block {
  margin-top: 10px;
}

.block.block--member.sp + .block {
  margin-top: 30px;
}

.block .blockHead {
  position: relative;
}

.block .blockHead__body {
  display: inline-block;
}

.block .blockHead__link, .block .blockHead__append {
  float: right;
  margin-top: -10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .block .blockHead__link, .block .blockHead__append {
    margin-top: -15px;
    margin-bottom: 10px;
  }
}

.block .blockHead__link.ttl-side {
  margin-top: -72px;
}

@media screen and (max-width: 767px) {
  .block .blockHead__link.ttl-side {
    margin-top: -15px;
  }
}

.block .blockHead__link.ttl-side + div {
  clear: both;
}

.block .blockHead__append {
  padding-top: 0;
  margin-top: -2px;
}

@media screen and (max-width: 767px) {
  .block .blockHead__append {
    position: absolute;
    top: 0;
    right: 10px;
    float: none;
    padding: 0;
  }
}

.block .blockHead + p {
  margin: 0 0 20px;
}

.block.with--append .body {
  width: 60%;
  float: right;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .block.with--append .body {
    width: 100%;
    float: none;
  }
}

.block.with--append .append {
  width: 38%;
  margin-right: 2%;
  float: left;
}

@media screen and (max-width: 767px) {
  .block.with--append .append {
    width: 100%;
    margin-top: 16px;
    float: none;
  }
}

.block.with--append .append img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.block.with--append.imgR .body {
  float: left;
}

.block.with--append.imgR .append {
  float: right;
  margin-left: 2%;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .block .gridWrap {
    padding: 0 10px;
  }
}

.block .gridWrap + .gridWrap, .block .gridWrap + .block {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .block .gridWrap + .gridWrap, .block .gridWrap + .block {
    margin-top: 24px;
  }
}

.block .blockInner + .blockInner {
  margin-top: 32px;
}

.block .ttl--lv1 + .blockInner {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .block .ttl--lv1 + .blockInner {
    margin-top: 15px;
  }
}

.block .menuList-01 + .blockInner {
  margin-top: 32px;
}

@media screen and (max-width: 767px) {
  .block .menuList-01 + .blockInner {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .block .wrap {
    margin-left: 10px;
    margin-right: 10px;
  }
}

.block__image {
  margin-bottom: 28px;
}

@media screen and (max-width: 767px) {
  .block__image {
    margin-bottom: 16px;
  }
}

.block__image img {
  width: 100%;
}

.boxBlock {
  border: 1px solid #dadada;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .boxBlock {
    margin: 0 16px 25px;
  }
}

.boxBlock + .boxBlock {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .boxBlock + .boxBlock {
    margin-top: 0;
  }
}

.boxBlock + .reportUnit {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .boxBlock + .reportUnit {
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 0 16px;
  }
}

.btnBottom + .boxBlock {
  margin-top: 50px;
}

.mypageNav + .container > .boxBlock:first-child {
  margin-top: 40px;
}

.boxBlock__head {
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
  border-left: 4px solid #00a3fc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px 10px 8px 14px;
  position: relative;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

.boxBlock__head * {
  font-size: inherit;
}

@media screen and (max-width: 767px) {
  .boxBlock__head {
    padding: 8px 10px;
    line-height: 1.4;
  }
}

.boxBlock__head::after {
  content: "";
  width: 100%;
  height: 1px;
  background: #dadada;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.boxBlock__head.is-member {
  border-left-color: #d4c801;
}

.boxBlock__head.is-magazine {
  border-left-color: #ff4100;
}

.boxBlock__body {
  padding: 20px 29px;
}

.boxBlock__body.is-scroll {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  max-height: 240px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body {
    padding: 10px 15px;
  }
  .boxBlock__body .block {
    padding: 5px 0;
  }
  .boxBlock__body .block:not(:first-child) {
    padding-top: 20px;
  }
}

.boxBlock__body .w-760 {
  width: 760px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .w-760 {
    width: auto;
  }
}

.boxBlock__body .ttlBar {
  font-size: 18px;
  font-size: 1.8rem;
  background: #0075c2;
  color: #fff;
  border-radius: 4px;
  position: relative;
  padding: 5px 10px 5px 184px;
  margin-bottom: 20px;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 10px);
  margin-left: 10px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    padding: 19px 5px 7px 58px;
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
    margin-bottom: 15px;
  }
}

.boxBlock__body .ttlBar em {
  background: #f8f135;
  color: #0075c2;
  border-radius: 4px 0 0 4px;
  font-size: 16px;
  font-size: 1.6rem;
  position: absolute;
  left: -10px;
  top: 0;
  z-index: 1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  width: 140px;
  padding-left: 68px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em {
    font-size: 12px;
    font-size: 1.2rem;
    left: 0;
    top: -5px;
    height: 18px;
    width: 100%;
    border-radius: 4px 4px 0 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-left: 58px;
  }
}

.boxBlock__body .ttlBar em::after {
  content: "";
  position: absolute;
  right: -20px;
  top: 0;
  z-index: -1;
  display: block;
  width: 40px;
  height: 100%;
  background: #f8f135;
  -webkit-transform: skewX(30deg);
          transform: skewX(30deg);
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em::after {
    display: none;
  }
}

.boxBlock__body .ttlBar em[class*="icon-"]::before {
  content: "";
  display: block;
  position: absolute;
  left: 6px;
  top: -8px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 60px;
  height: 60px;
  border: 4px solid #f8f135;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em[class*="icon-"]::before {
    width: 42px;
    height: 42px;
    left: 5px;
    top: 3px;
    border-width: 3px;
  }
}

.boxBlock__body .ttlBar em.icon-event::before {
  background: #fff url(/share_swc/images/icon_link_event_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-event::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-circle::before {
  background: #fff url(/share_swc/images/icon_link_circle_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-circle::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-report::before {
  background: #fff url(/share_swc/images/icon_link_report_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-report::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-info::before {
  background: #fff url(/share_swc/images/icon_link_activities_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-info::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-news::before {
  background: #fff url(/share_swc/images/icon_link_news_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-news::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-enjoy::before {
  background: #fff url(/share_swc/images/icon_link_enjoy_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-enjoy::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-link::before {
  background: #fff url(/share_swc/images/icon_link_link_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-link::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .ttlBar em.icon-forum::before {
  background: #fff url(/share_swc/images/icon_link_forum_b.svg) center no-repeat;
  background-size: 38px 38px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .ttlBar em.icon-forum::before {
    background-size: 27px 27px;
  }
}

.boxBlock__body .boxBlock__body__inner {
  position: relative;
}

.boxBlock__body .boxBlock__body__inner > .btnWrap {
  padding: 20px 0 10px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .boxBlock__body__inner > .btnWrap {
    padding: 0 0 10px;
  }
}

.boxBlock__body .boxBlock__body__inner > .more {
  position: absolute;
  top: 8px;
  right: 10px;
  display: inline-block;
}

.boxBlock__body .boxBlock__body__inner > .more a {
  display: inline-block;
  background: #fff;
  color: #0075c2;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 150px;
  color: #0075c2;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: bold;
  padding: 6px 10px;
  border-radius: 40px;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.boxBlock__body .boxBlock__body__inner > .more a::before {
  margin-right: 4px;
}

.boxBlock__body .boxBlock__body__inner > .more a:hover {
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 767px) {
  .boxBlock__body .boxBlock__body__inner > .more {
    position: static;
    text-align: center;
    width: 100%;
    display: block;
    padding-bottom: 10px;
  }
  .boxBlock__body .boxBlock__body__inner > .more a {
    border: 2px solid #0075c2;
    padding: 8px 12px;
  }
}

.boxBlock__body .boxBlock__body__inner + .boxBlock__body__inner {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .boxBlock__body__inner + .boxBlock__body__inner {
    margin-top: 30px;
  }
}

.boxBlock__body + .boxBlock__body {
  border-top: 1px solid #dadada;
}

.boxBlock__body .btnUnit,
.boxBlock__body .btnsArea {
  padding-bottom: 20px;
}

.boxBlock__body .btns {
  text-align: center;
}

.boxBlock__body .blockInner:last-child .leadTxt:last-child {
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body .eventList-01__item .eventList-01__img {
    float: none;
    width: 100%;
    padding: 0 0 16px 0;
  }
  .boxBlock__body .eventList-01__item .eventList-01__main {
    float: none;
    width: 100%;
  }
}

.section-bg {
  background: #f8f8f8;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  padding: 30px 0;
}

.section-bg + .container,
.container + .section-bg {
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .section-bg {
    padding: 20px 0;
  }
  .section-bg + .container {
    margin-top: 20px;
  }
  .container + .section-bg {
    margin-top: 0;
  }
}

.frameKiyaku {
  width: 100%;
  height: 320px;
  overflow-y: scroll;
  border: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .frameKiyaku {
    height: 280px;
    overflow: auto;
  }
}

.social-list {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  margin: 30px 0 20px;
  text-align: center;
}

.social-list dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  padding: 15px 20px 15px 0;
}

.social-list dd {
  display: inline-block;
  vertical-align: middle;
  padding: 0 0 0 20px;
}

.social-list dd a img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.social-list dd a img:hover {
  opacity: .7;
}

@media screen and (max-width: 767px) {
  .social-list dt {
    font-size: 11px;
    font-size: 1.1rem;
    border-right: 1px solid #dadada;
    padding-right: 30px;
  }
  .social-list dd img {
    width: 25px;
  }
}

@media screen and (max-width: 767px) {
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe[style] {
    width: 100% !important;
  }
}

.main.is--full .block + .boxBlock {
  margin-top: 40px;
}

.main.is--full .boxBlock + .block {
  margin-top: 10px;
  border-top: 0;
}

#swc-cookie-bar {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 10000;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
  #swc-cookie-bar {
    padding: 16px;
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

#swc-cookie-bar p {
  padding-right: 20px;
}

@media screen and (max-width: 767px) {
  #swc-cookie-bar p {
    padding-right: 0;
  }
}

#swc-cookie-bar p a {
  color: #fff;
  text-decoration: underline;
}

#swc-cookie-bar p a:hover {
  text-decoration: none;
}

#swc-cookie-bar .closeBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 160px;
          flex: 0 0 160px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media screen and (max-width: 767px) {
  #swc-cookie-bar .closeBtn {
    text-align: center;
    margin-top: 15px;
  }
}

#swc-cookie-bar .closeBtn button {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: #0075c2;
  border: none;
  padding: 5px;
}

@media screen and (max-width: 767px) {
  #swc-cookie-bar .closeBtn button {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
}

.password-resetkey {
  margin-top: 30px;
}

.password-resetkey .resetkey__attention {
  color: #f00;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.password-resetkey .resetkey__attention.indent {
  padding-left: 1em;
  text-indent: -1em;
}

.password-resetkey .resetkey__attention::before {
  display: none;
}

.password-resetkey dl {
  background: #000;
  padding: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .password-resetkey dl {
    display: block;
  }
}

.password-resetkey dl dt {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30%;
          flex: 0 0 30%;
  color: #fff;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 0 25px;
  text-align: center;
}

.password-resetkey dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #0075c2;
  font-weight: bold;
  font-size: 30px;
  font-size: 3rem;
  background: #fff;
  padding: 0 25px;
  text-align: center;
  letter-spacing: .05em;
}

/* header */
.gHeader {
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  -webkit-transition: all 0.4s 0s ease;
  transition: all 0.4s 0s ease;
  z-index: 10000;
}

.gHeader > .container {
  border-top: 4px solid #0075c2;
  border-bottom: 1px solid #dadada;
  background: #fff;
  width: 100%;
}

.gHeader.headroom--pinned {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.gHeader.headroom--unpinned {
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.sp-menu-open .gHeader.headroom--unpinned {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-width: 767px) {
  .gHeader {
    border-top-width: 2px;
  }
}

.gHead {
  width: 1040px;
  margin: 0 auto;
  position: relative;
  height: 76px;
}

.gHead > ul {
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media screen and (max-width: 767px) {
  .gHead {
    width: 100%;
    height: 50px;
  }
  .gHead > ul {
    height: 50px;
  }
}

.gHead__item.spMenu {
  display: none;
}

@media screen and (max-width: 767px) {
  .gHead__item.spMenu {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .gHead__item.spMenu {
    width: 50px;
    height: 0;
    overflow: hidden;
    padding-top: 50px;
    background: url(/share_swc/images/header_btn_menu.png) center 9px no-repeat;
    background-size: 26px 32px;
    display: block;
    position: absolute;
    border-left: 1px solid #eee;
    top: 0;
    right: 0;
    z-index: 105;
    cursor: pointer;
  }
  .gHead__item.spMenu:after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #0075c2;
    -webkit-transition: all 0.3s 0s ease;
    transition: all 0.3s 0s ease;
    height: 0px;
  }
  .side-open .gHead__item.spMenu {
    background: url(/share_swc/images/header_btn_menu_close.png) center 9px no-repeat;
    background-size: 26px 32px;
  }
  .side-open .gHead__item.spMenu:after {
    height: 3px;
  }
}

.gHead .logo {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 180px;
          flex: 0 0 180px;
  padding: 0;
}

.gHead .logo a {
  display: block;
  width: 180px;
  height: 0;
  padding-top: 48px;
  overflow: hidden;
  background: url(/share_swc/images/header_logo.png) no-repeat;
  background: url(/share_swc/images/header_logo.svg) no-repeat;
  background-size: 180px 48px;
}

@media screen and (max-width: 767px) {
  .gHead .logo {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    padding-left: 10px;
  }
  .gHead .logo a {
    width: 123px;
    background-size: 123px 33px;
    padding-top: 33px;
  }
}

.gHead .gNav {
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .gHead .gNav {
    display: none;
  }
}

.gHead .gNav .gHeadLogin {
  padding-right: 20px;
}

.gHead .gNav .gHeadLogin li {
  display: inline-block;
}

.gHead .gNav .gHeadLogin li + li {
  margin-left: 8px;
}

.gHead .gNav .gHeadUser {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  padding-right: 20px;
}

.gHead .gNav .gHeadUser__avatar {
  width: 38px;
  height: 38px;
  border-radius: 4px;
}

.gHead .gNav .gHeadUser__avatar img {
  width: 100%;
  border-radius: 4px;
}

.gHead .gNav .gHeadUser__name {
  padding-left: 10px;
}

.gHead .gNav .gHeadUser__name .name {
  vertical-align: bottom;
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.gHead .gNav .gHeadUser__link {
  margin-top: 6px;
  line-height: 1;
}

.gHead .gNav .gHeadUser__link li {
  float: left;
  line-height: 1;
}

.gHead .gNav .gHeadUser__link li + li {
  border-left: 1px solid #dadada;
  padding-left: 8px;
  margin-left: 8px;
}

.gHead .gNav .gHeadUser__link li a {
  color: #0075c2;
}

.gHead .gNav .gHeadUser__link li a:hover {
  text-decoration: underline;
}

.gHead .gNav .gHeadIconmenu {
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-left: 1px solid #dadada;
  padding-left: 20px;
  margin-right: 10px;
}

.gHead .gNav .gHeadIconmenu > li {
  display: inline-block;
  width: 36px;
  height: 36px;
  position: relative;
  margin-right: 10px;
}

.gHead .gNav .gHeadIconmenu > li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: all 0.15s 0s ease;
  transition: all 0.15s 0s ease;
}

.gHead .gNav .gHeadIconmenu > li:hover::before {
  background: rgba(0, 117, 194, 0.1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.gHead .gNav .gHeadIconmenu > li > a {
  width: 36px;
  height: 36px;
  display: block;
  position: relative;
}

.gHead .gNav .gHeadIconmenu > li > a::before {
  display: block;
  position: absolute;
  top: 35px;
  left: 14px;
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #0075c2;
  opacity: 0;
  visibility: hidden;
}

.gHead .gNav .gHeadIconmenu > li > a::after {
  display: block;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 10001;
  content: attr(data-tooltip);
  opacity: 0;
  visibility: hidden;
  white-space: nowrap;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  background: #0075c2;
  color: #fff;
  padding: 4px 10px;
}

.gHead .gNav .gHeadIconmenu > li > a:hover::before {
  opacity: 1;
  visibility: visible;
}

.gHead .gNav .gHeadIconmenu > li > a:hover::after {
  opacity: 1;
  visibility: visible;
}

.info-open .gHead .gNav .gHeadIconmenu__info::before {
  background: rgba(0, 117, 194, 0.1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.info-open .gHead .gNav .gHeadIconmenu__info a::before {
  display: none;
}

.info-open .gHead .gNav .gHeadIconmenu__info a::after {
  display: none;
}

.search-open .gHead .gNav .gHeadIconmenu__search::before {
  background: rgba(0, 117, 194, 0.1);
  -webkit-transform: scale(1);
          transform: scale(1);
}

.search-open .gHead .gNav .gHeadIconmenu__search a::before {
  display: none;
}

.search-open .gHead .gNav .gHeadIconmenu__search a::after {
  display: none;
}

.gHead .gNav .gHeadInfoList {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #fff;
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: 10000;
  width: 360px;
  border-radius: 4px;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
  -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
}

.gHead .gNav .gHeadInfoList::before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -16px;
  left: 50%;
  z-index: 10000;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.info-open .gHead .gNav .gHeadInfoList {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.info-open .headroom--unpinned .gHead .gNav .gHeadInfoList {
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
}

.gHead .gNav .gHeadInfoList .inner {
  overflow: hidden;
  border-radius: 4px;
}

.gHead .gNav .gHeadInfoList .inner2 {
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.gHead .gNav .gHeadInfoList ul {
  padding: 10px 20px;
}

.gHead .gNav .gHeadInfoList ul li {
  padding: 12px 0;
}

.gHead .gNav .gHeadInfoList ul li::after {
  content: "";
  clear: both;
  display: block;
}

.gHead .gNav .gHeadInfoList ul li a {
  display: block;
}

.gHead .gNav .gHeadInfoList ul li a .image {
  width: 80px;
  float: left;
}

.gHead .gNav .gHeadInfoList ul li a .image img {
  width: 100%;
}

.gHead .gNav .gHeadInfoList ul li a .text {
  margin-left: 95px;
  line-height: 1.6;
}

.gHead .gNav .gHeadInfoList ul li a .text .date {
  font-size: 11px;
  font-size: 1.1rem;
}

.gHead .gNav .gHeadInfoList ul li:not(:last-child) {
  border-bottom: 1px solid #dadada;
}

.gHead .gNav .gHeadInfoList .more {
  background: #f4f4f4;
  border-radius: 0 0 4px 4px;
}

.gHead .gNav .gHeadInfoList .more a {
  display: block;
  padding: 15px 24px;
  text-align: center;
}

.gHead .gNav .gHeadInfoList .more a:hover {
  color: #0075c2;
}

.gHead .gNav .gHeadSearchForm {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #fff;
  position: absolute;
  top: 48px;
  left: 50%;
  z-index: 10000;
  width: 440px;
  border-radius: 4px;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
  -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
}

.gHead .gNav .gHeadSearchForm::before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -16px;
  left: 50%;
  z-index: 10000;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.search-open .gHead .gNav .gHeadSearchForm {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.search-open .headroom--unpinned .gHead .gNav .gHeadSearchForm {
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
}

.gHead .gNav .gHeadSearchForm .inner {
  padding: 20px 20px 25px;
  border-radius: 4px;
}

.gHead .gNav .gHeadSearchForm .inner dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0075c2;
  margin-bottom: 10px;
}

.gHead .gNav .gHeadSearchForm .inner dl dd .searchBox {
  font-size: 16px;
  font-size: 1.6rem;
  width: calc(100% - 82px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dadada;
  background: #f8f8f8;
  vertical-align: middle;
}

.gHead .gNav .gHeadSearchForm .inner dl dd input[type="submit"] {
  width: 72px;
  height: 40px;
  margin-left: 4px;
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #0075c2;
  color: #fff;
}

.gHead .gHeadMenu {
  position: relative;
  margin-right: 20px;
}

.gHead .gHeadMenu__btn {
  color: #0075c2;
  border: 2px solid #0075c2;
  border-radius: 20px;
  width: 100px;
  height: 28px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  position: relative;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  padding: 6px 0 0 12px;
  font-weight: bold;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

@media screen and (max-width: 767px) {
  .gHead .gHeadMenu__btn {
    margin-left: auto;
    margin-right: 10px;
  }
}

.gHead .gHeadMenu__btn#sp-menu-open {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0;
}

@media screen and (min-width: 767px) {
  .gHead .gHeadMenu__btn#sp-menu-open {
    display: none;
  }
}

.gHead .gHeadMenu__btn span {
  position: absolute;
  right: 14px;
  width: 14px;
  height: 2px;
  background-color: #0075c2;
  display: inline-block;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.gHead .gHeadMenu__btn span:nth-of-type(1) {
  top: 50%;
  -webkit-transform: translate3d(0, -6px, 0);
          transform: translate3d(0, -6px, 0);
}

.gHead .gHeadMenu__btn span:nth-of-type(2) {
  top: 50%;
  -webkit-transform: translate3d(0, -1px, 0);
          transform: translate3d(0, -1px, 0);
}

.gHead .gHeadMenu__btn span:nth-of-type(3) {
  top: 50%;
  -webkit-transform: translate3d(0, 4px, 0);
          transform: translate3d(0, 4px, 0);
}

.gHead .gHeadMenu__btn:not(.is-open):hover span:nth-of-type(1) {
  -webkit-transform: translate3d(-2px, -6px, 0);
          transform: translate3d(-2px, -6px, 0);
}

.gHead .gHeadMenu__btn:not(.is-open):hover span:nth-of-type(3) {
  -webkit-transform: translate3d(2px, 4px, 0);
          transform: translate3d(2px, 4px, 0);
}

.gHead .gHeadMenu__btn.is-open span:nth-of-type(1) {
  -webkit-animation: open-menu-bar01 0.5s forwards;
          animation: open-menu-bar01 0.5s forwards;
}

.gHead .gHeadMenu__btn.is-open span:nth-of-type(2) {
  opacity: 0;
}

.gHead .gHeadMenu__btn.is-open span:nth-of-type(3) {
  -webkit-animation: open-menu-bar03 0.5s forwards;
          animation: open-menu-bar03 0.5s forwards;
}

.gHead .gHeadMenu__btn.is-close span:nth-of-type(1) {
  -webkit-animation: close-menu-bar01 0.5s;
          animation: close-menu-bar01 0.5s;
}

.gHead .gHeadMenu__btn.is-close span:nth-of-type(2) {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 1;
}

.gHead .gHeadMenu__btn.is-close span:nth-of-type(3) {
  -webkit-animation: close-menu-bar03 0.5s;
          animation: close-menu-bar03 0.5s;
}

.gHead .gHeadMenu__nav {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: #fff;
  position: absolute;
  top: 42px;
  left: 50%;
  z-index: 10000;
  width: 340px;
  border-radius: 4px;
  -webkit-transform: translate(-50%, 8px);
          transform: translate(-50%, 8px);
  -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
}

.gHead .gHeadMenu__nav::before {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-bottom-color: #fff;
  position: absolute;
  top: -16px;
  left: 50%;
  z-index: 10000;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.menu-open .gHead .gHeadMenu__nav {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}

.menu-open .headroom--unpinned .gHead .gHeadMenu__nav {
  -webkit-transform: translate(-50%, 20px);
          transform: translate(-50%, 20px);
}

.gHead .gHeadMenu__nav .inner {
  overflow: hidden;
  border-radius: 4px;
}

.gHead .gHeadMenu__nav .inner2 {
  max-height: calc(100vh - 100px);
  overflow: auto;
}

.gHead .gHeadMenu__nav__main {
  padding: 10px 20px 5px;
}

.gHead .gHeadMenu__nav__main li {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
}

.gHead .gHeadMenu__nav__main li:not(:last-child) {
  border-bottom: 1px solid #dadada;
}

.gHead .gHeadMenu__nav__main li a {
  display: block;
  padding: 12px 30px 12px 0;
  position: relative;
}

.gHead .gHeadMenu__nav__main li a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #0075c2;
  border-right: 2px solid #0075c2;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 12px;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle {
  background: #fff;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  margin-top: 0;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle::before {
  margin-top: -2px;
  background: none;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  right: 10px;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle::after {
  display: none;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle.is-open::before {
  margin-top: 0px;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
          transform: translate(0, -50%) rotate(-135deg);
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle + ul {
  display: none;
  border-top: 1px solid #dadada;
  padding: 10px 6px;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle + ul li {
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle + ul li a {
  padding: 8px 0 8px 14px;
}

.gHead .gHeadMenu__nav__main li a.accordion-toggle + ul li a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: auto;
  left: 0;
}

.gHead .gHeadMenu__nav__sub {
  background: #f4f4f4;
  padding: 15px 24px;
}

.gHead .gHeadMenu__nav__sub li a {
  display: block;
  padding: 5px 0;
}

.gHead .nav--mysubaru {
  text-align: center;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  border-left: 1px solid #dadada;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .gHead .nav--mysubaru {
    display: none;
  }
}

.gHead .nav--mysubaru a {
  width: 80px;
  display: block;
}

.gMenu {
  display: none;
  margin-top: 54px;
}

@media screen and (max-width: 767px) {
  .gMenu {
    display: block;
  }
}

@-webkit-keyframes open-menu-bar01 {
  0% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
            transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(-315deg);
            transform: translate3d(0, -1px, 0) rotate(-315deg);
  }
}

@keyframes open-menu-bar01 {
  0% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
            transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(-315deg);
            transform: translate3d(0, -1px, 0) rotate(-315deg);
  }
}

@-webkit-keyframes open-menu-bar03 {
  0% {
    -webkit-transform: translate3d(0, 4px, 0) rotate(0);
            transform: translate3d(0, 4px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(315deg);
            transform: translate3d(0, -1px, 0) rotate(315deg);
  }
}

@keyframes open-menu-bar03 {
  0% {
    -webkit-transform: translate3d(0, 4px, 0) rotate(0);
            transform: translate3d(0, 4px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(315deg);
            transform: translate3d(0, -1px, 0) rotate(315deg);
  }
}

@-webkit-keyframes close-menu-bar01 {
  0% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(-315deg);
            transform: translate3d(0, -1px, 0) rotate(-315deg);
  }
  100% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
            transform: translate3d(0, -6px, 0) rotate(0);
  }
}

@keyframes close-menu-bar01 {
  0% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(-315deg);
            transform: translate3d(0, -1px, 0) rotate(-315deg);
  }
  100% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
            transform: translate3d(0, -6px, 0) rotate(0);
  }
}

@-webkit-keyframes close-menu-bar03 {
  0% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(315deg);
            transform: translate3d(0, -1px, 0) rotate(315deg);
  }
  100% {
    -webkit-transform: translate3d(0, 4px, 0) rotate(0);
            transform: translate3d(0, 4px, 0) rotate(0);
  }
}

@keyframes close-menu-bar03 {
  0% {
    -webkit-transform: translate3d(0, -1px, 0) rotate(315deg);
            transform: translate3d(0, -1px, 0) rotate(315deg);
  }
  100% {
    -webkit-transform: translate3d(0, 4px, 0) rotate(0);
            transform: translate3d(0, 4px, 0) rotate(0);
  }
}

/* side */
.sub a.link:hover {
  color: #ff9c00;
}

.sub.fixed-sub {
  position: fixed;
  top: 100px;
  margin-left: 790px;
}

.sub.static-sub {
  position: static;
}

.sub .block {
  padding: 20px;
}

@media screen and (max-width: 767px) {
  .sub .block {
    padding: 16px 16px 20px;
  }
  .sub .block .blockInner {
    padding: 0;
  }
}

.sub .block .block__title {
  margin-bottom: 16px;
  padding-bottom: 5px;
  border-bottom: 2px solid #082B67;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sub .block .block__title {
    border-bottom-width: 3px;
  }
}

.sub .block .block__title.title--aside {
  border-top-width: 1px;
}

.sub .block + .block, .sub .block + .block__title {
  margin: 4px 0 0;
}

.sub .block .column2 li {
  width: 48%;
  float: left;
}

.sub .block .column2 li + li {
  margin-left: 4%;
}

.sub .block--login .mysubaru-side {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .sub .block--login .mysubaru-side {
    margin-bottom: 15px;
    text-align: center;
  }
  .sub .block--login .mysubaru-side img {
    width: auto;
    max-width: 75%;
  }
}

.sub .block--login .block__body .hoji {
  padding: 0 0 8px;
}

.sub .block--login .login__unit {
  margin-bottom: 20px;
}

.sub .block--login .login__unit .title {
  margin-bottom: 8px;
  font-weight: bold;
}

.sub .block--login .login__unit .title span {
  padding: 2px 0 0 1em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
}

.sub .block--login .login__unit .body + .title {
  margin-top: 20px;
}

.sub .block--login .login__unit .body > input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.sub .block--login .login__unit .body > input:focus {
  background: #fffcee;
}

.sub .block--login .is--attention > a {
  display: inline-block;
  padding: 10px 0;
}

.sub .block--login .is--attention .fa {
  margin-right: 5px;
  font-size: 140%;
}

@media screen and (max-width: 767px) {
  .sub .block--login .is--attention .fa {
    font-size: 120%;
  }
}

.sub p + .btn--twitter,
.sub .btn--twitter + .btn--facebook,
.sub .btn--facebook + .btn--secondary {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .sub p + .btn--twitter,
  .sub .btn--twitter + .btn--facebook,
  .sub .btn--facebook + .btn--secondary {
    margin-top: 20px;
  }
}

.sub .block--regist .point {
  padding: 10px 0 10px;
}

.sub .block--regist .point li {
  padding: 5px;
  text-align: center;
  color: #082B67;
  border: 2px solid #082B67;
  margin-bottom: 4px;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .sub .block--regist .point li {
    font-weight: bold;
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 2%;
    float: left;
  }
  .sub .block--regist .point li:nth-child(1) {
    width: 39%;
  }
  .sub .block--regist .point li:nth-child(2) {
    width: 59%;
    margin-left: 2%;
  }
  .sub .block--regist .point li:last-child {
    width: 100%;
  }
}

.sub .block--guide a#open-tutorial_modal {
  cursor: pointer;
}

.block--forumInfo {
  width: 240px;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}

@media screen and (max-width: 767px) {
  .block--forumInfo {
    width: auto;
    margin: 20px 16px 0;
    float: none;
  }
  .block .block--forumInfo {
    margin: 20px 0 0;
  }
}

.block--forumInfo__head {
  background: #0075c2;
  color: #fff;
  padding: 7px 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  margin-bottom: 8px;
  position: relative;
}

.block--forumInfo__head::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: -16px;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top-color: #0075c2;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.block--forumInfo__body {
  border: 4px solid #e0e0e0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px 16px 8px;
  position: relative;
}

.block--forumInfo h2 {
  color: #0075c2;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e0e0e0;
  font-size: 16px;
  font-size: 1.6rem;
}

.block--forumInfo .link-forumList {
  position: absolute;
  top: 11px;
  right: 16px;
}

.block--forumInfo .link-forumList a::before {
  margin-right: 5px;
}

.block--forumInfo select {
  width: 100%;
  margin: 10px 0 12px;
  padding: 0 6px;
  height: 32px;
  -webkit-appearance: menulist-button;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .block--forumInfo select {
    height: 40px;
  }
}

.block--forumInfo ul li {
  margin-bottom: 10px;
}

.block--forumInfo ul li a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-height: 36px;
  border-radius: 20px;
  font-size: 11.5px;
  font-size: 1.15rem;
  padding: 7px 5px;
  display: block;
  background: #fafafa;
  border: 1px solid #dadada;
  position: relative;
  text-align: center;
  color: #0075c2;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  font-weight: bold;
}

.block--forumInfo ul li a:hover {
  background: #0075c2;
  border: 1px solid #0075c2;
  color: #fff;
}

.block--forumInfo ul li a span {
  display: block;
  background: #ff4100;
  color: #fff;
  position: absolute;
  right: -8px;
  top: -6px;
  text-align: center;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  padding: 4px 5px;
  border-radius: 12px;
  min-height: 18px;
  min-width: 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.block--forumInfo + .sub {
  margin-top: 20px !important;
}

.sp-hide + .sub {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .xLogin .sub .block--login {
    display: none;
  }
}

/* side-member */
.sub .block--member .memberInfo {
  width: 100%;
  display: table;
}

.sub .block--member .memberInfo .memberInfo__photo {
  width: 50px;
  display: table-cell;
  vertical-align: middle;
}

.sub .block--member .memberInfo .memberInfo__photo img {
  width: 100%;
}

.sub .block--member .memberInfo .memberInfo__name {
  display: table-cell;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding-left: 15px;
}

.sub .block--member .memberInfo .memberInfo__name span {
  font-size: 12px;
  font-size: 1.2rem;
  padding-left: 5px;
}

.sub .block--member .block__title {
  line-height: 1.5;
}

@media screen and (min-width: 767px) {
  .sub .block--member .block__title {
    padding-top: 0;
    border-top: none;
  }
}

.sub .block--member .block__title .greeting {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .sub .block--member .block__title .greeting {
    display: inline-block;
    margin-right: 1em;
  }
}

.sub .block--member .ttl--lv3, .sub .block--member .myprofile .block__title, .myprofile .sub .block--member .block__title {
  color: #333;
  border: none;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sub .block--member .ttl--lv3, .sub .block--member .myprofile .block__title, .myprofile .sub .block--member .block__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.sub .block--myMenu {
  padding: 20px 0 0;
  margin: 10px 0 0;
}

.sub .block--myMenu .myStarRank {
  text-align: center;
  padding-bottom: 10px;
}

.sub .block--myMenu .myStarRank [class^="rank_"] {
  padding-top: 126px;
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center top;
}

.sub .block--myMenu .myStarRank .rank_07 {
  color: #95378f;
  background-image: url(/share_swc/images/icon_rank_07_l.svg);
}

.sub .block--myMenu .myStarRank .rank_06 {
  color: #0e308e;
  background-image: url(/share_swc/images/icon_rank_06_l.svg);
}

.sub .block--myMenu .myStarRank .rank_05 {
  color: #15a0a8;
  background-image: url(/share_swc/images/icon_rank_05_l.svg);
}

.sub .block--myMenu .myStarRank .rank_04 {
  color: #359c40;
  background-image: url(/share_swc/images/icon_rank_04_l.svg);
}

.sub .block--myMenu .myStarRank .rank_03 {
  color: #cbb62b;
  background-image: url(/share_swc/images/icon_rank_03_l.svg);
}

.sub .block--myMenu .myStarRank .rank_02 {
  color: #cc6715;
  background-image: url(/share_swc/images/icon_rank_02_l.svg);
}

.sub .block--myMenu .myStarRank .rank_01 {
  color: #b41526;
  background-image: url(/share_swc/images/icon_rank_01_l.svg);
}

.sub .block--myMenu .myStar__point.disabled,
.sub .block--myMenu .myFriend.disabled {
  opacity: .2;
}

.sub .block--myMenu .myStar__point dt,
.sub .block--myMenu .myFriend dt {
  float: left;
  font-weight: bold;
  padding-top: 7px;
}

.sub .block--myMenu .myStar__point dd,
.sub .block--myMenu .myFriend dd {
  float: right;
  font-size: 22px;
  font-size: 2.2rem;
  color: #0075c2;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .sub .block--myMenu .myStar__point,
  .sub .block--myMenu .myFriend {
    width: 230px;
    margin: 0 auto;
  }
}

.sub .block--myMenu .myStar__point dd::before {
  content: "★";
  font-size: 18px;
  font-size: 1.8rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-right: 3px;
  color: #ff4100;
}

.sub .block--myMenu .myFriend dd span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  font-weight: normal;
}

.sub .block--myMenu .link--logout {
  margin-top: 8px;
}

@media screen and (max-width: 767px) {
  .sub .block--myMenu .link--logout {
    margin-top: 10px;
    text-align: center;
    width: 100%;
  }
}

.sub .block--friend {
  border-top: 20px solid #fff;
}

.sub .block--friend.disabled {
  position: relative;
}

.sub .block--friend.disabled h3,
.sub .block--friend.disabled div {
  opacity: .2;
}

.sub .block--friend.disabled::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.sub .block--friend .ttl--lv3, .sub .block--friend .myprofile .block__title, .myprofile .sub .block--friend .block__title {
  color: #333;
  border: none;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sub .block--friend .ttl--lv3, .sub .block--friend .myprofile .block__title, .myprofile .sub .block--friend .block__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.sub .block--friend .align-center + .align-center {
  padding-top: 15px;
}

.sub .block--guide {
  border-top: 20px solid #fff;
}

.sub .block--guide .ttl--lv3, .sub .block--guide .myprofile .block__title, .myprofile .sub .block--guide .block__title {
  color: #333;
  border: none;
  padding: 0;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .sub .block--guide .ttl--lv3, .sub .block--guide .myprofile .block__title, .myprofile .sub .block--guide .block__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.sub .block--guide .linkList {
  margin-bottom: 0;
}

/* footer */
.gFooter {
  padding: 0 0 70px;
}

@media screen and (max-width: 767px) {
  .gFooter {
    padding: 0 0 65px;
  }
}

.gFooter__banner__unit {
  width: 300px;
  margin: 0 auto;
  display: block;
}

@media screen and (max-width: 767px) {
  .gFooter__banner__unit {
    width: 100%;
    height: auto;
  }
}

.gFooter__banner__unit > img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .gFooter__banner__unit > img {
    width: 100%;
    height: auto;
  }
}

.gFooter__menu {
  margin: 30px 0 0;
}

.gFooter__menu .container {
  border-bottom: 1px solid #dadada;
  padding-bottom: 40px;
}

.gFooter__menu .container > ul {
  width: 100%;
  text-align: center;
}

.gFooter__menu .container > ul li {
  display: inline-block;
  margin: 0 20px;
}

@media screen and (max-width: 767px) {
  .gFooter__menu .container > ul li {
    margin: 0 12px;
  }
}

.gFooter__menu .container > ul.gFooter__menu__upper li {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.gFooter__menu .container > ul.gFooter__menu__upper li a {
  color: #0075c2;
}

.gFooter__menu .container > ul.gFooter__menu__upper li a:hover {
  text-decoration: underline;
}

.gFooter__menu .container > ul.gFooter__menu__lower {
  margin-top: 30px;
}

.gFooter__menu .container > ul.gFooter__menu__lower li {
  font-size: 12px;
  font-size: 1.2rem;
}

.gFooter__menu .container > ul.gFooter__menu__lower li a {
  color: #333;
}

.gFooter__menu .container > ul.gFooter__menu__lower li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .gFooter__menu {
    margin: 20px 0 0;
  }
  .gFooter__menu .container {
    text-align: center;
    width: 100%;
    padding-bottom: 25px;
  }
  .gFooter__menu .container ul {
    display: block;
  }
  .gFooter__menu .container a {
    padding: 8px 0;
  }
}

.gFooter__top {
  background: #f4f4f4;
}

.gFooter__top a {
  text-align: center;
  display: block;
  padding: 16px;
}

@media screen and (max-width: 767px) {
  .gFooter__top a {
    padding: 14px;
  }
}

.gFooter__top a:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  margin: 0 auto;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  -webkit-transform: translateY(5px) rotate(-45deg);
          transform: translateY(5px) rotate(-45deg);
}

@media screen and (max-width: 767px) {
  .gFooter__top a:before {
    width: 12px;
    height: 12px;
  }
}

.gFooter__top a:hover:before {
  -webkit-transform: translateY(1px) rotate(-45deg);
          transform: translateY(1px) rotate(-45deg);
}

.gFooter__SNS {
  margin: 0 auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: relative;
  font-weight: bold;
}

.gFooter__SNS__unit {
  display: table;
  margin: 15px auto;
}

@media screen and (max-width: 767px) {
  .gFooter__SNS__unit {
    margin: 12px auto;
  }
}

.gFooter__SNS__title, .gFooter__SNS__body {
  display: table-cell;
  vertical-align: middle;
}

.gFooter__SNS__title {
  padding: 0 5px 0 0;
}

.gFooter__SNS__body {
  padding: 0 0 0 15px;
  width: 34px;
}

.gFooter__SNS__body a {
  display: block;
}

.gFooter__SNS__body a img {
  width: 100%;
}

.gFooter__SNS__item {
  display: inline-block;
}

.gFooter__SNS__item a {
  display: block;
  margin-left: 6px;
  color: #fff;
}

.gFooter__copy {
  margin-top: 10px;
}

.gFooter__copy a {
  display: block;
  width: 140px;
  height: 78px;
  margin: 20px auto 25px;
}

.gFooter__copy a img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .gFooter__copy a {
    width: 70px;
    height: 39px;
    margin: 10px auto 15px;
  }
}

.gFooter__copy .copyright {
  text-align: center;
}

.gFooter__copy .copyright small {
  color: #000;
  font-size: 80%;
}

/*------------------
SUBARUで愉しむ 共有ナビ
------------------*/
.pi-lifeactive .fixed-box {
  display: none !important;
}

.kyoyuNav {
  background: -webkit-gradient(linear, left top, right top, from(#000033), color-stop(#02459b), to(#000034));
  background: linear-gradient(90deg, #000033, #02459b, #000034);
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.kyoyuNav .inner {
  max-width: 1254px;
  margin: auto;
  padding: 0 10px;
  position: relative;
}

.kyoyuNav dt .inner {
  padding-right: 50px;
}

.kyoyuNav img {
  max-width: 100%;
}

.kyoyuNav > dt {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 16px 0 17px;
}

.kyoyuNav > dt .kyoyuNavMenu {
  height: 25px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.kyoyuNav > dt .kyoyuNavMenu:hover {
  opacity: 0.7;
}

.kyoyuNav > dt .kyoyuNavMenu .cls,
.kyoyuNav.show > dt .kyoyuNavMenu .opn {
  display: none;
}

.kyoyuNav > dt .kyoyuNavMenu .opn,
.kyoyuNav.show > dt .kyoyuNavMenu .cls {
  display: block;
}

.kyoyuNav > dd {
  display: none;
  padding: 25px 0 30px;
}

.kyoyuNav > dd ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.kyoyuNav > dd li {
  width: 33.3334%;
  text-align: center;
  border-right: 1px solid rgba(255, 255, 255, 0.2);
}

.kyoyuNav > dd li a {
  display: inline-block;
  padding: 0 10px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.kyoyuNav > dd li a:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
  .kyoyuNav > dd {
    padding: 0;
  }
  .kyoyuNav > dd ul {
    display: block;
    border-left: none;
  }
  .kyoyuNav > dd li {
    width: auto;
    border-right: none;
  }
  .kyoyuNav > dd li + li {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
  }
  .kyoyuNav > dd li a {
    padding: 20px 10px;
  }
}

/* breadcrumb */
.breadcrumb {
  background: #004673;
  color: #fff;
  overflow: hidden;
}

.breadcrumb__item, .breadcrumb__home {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #fff !important;
  display: inline-block;
  padding: 10px 42px 10px 16px;
}

.breadcrumb span, .breadcrumb strong {
  font-weight: normal;
}

.breadcrumb .path {
  display: none;
}

.breadcrumb__item {
  display: inline-block;
  position: relative;
}

.breadcrumb__item:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
          transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
}

.breadcrumb__item.current {
  padding: 10px 16px 10px 16px;
}

.breadcrumb__item.current:after {
  display: none;
}

.breadcrumb a.breadcrumb__home:hover,
.breadcrumb a.breadcrumb__item:hover {
  color: #ccc !important;
}

.breadcrumb__home {
  position: relative;
  position: relative;
  padding-right: 36px;
}

.breadcrumb__home:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.breadcrumb__home:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.breadcrumb__home:before {
  content: '\f015';
}

.breadcrumb__home:before {
  font-size: 18px;
  line-height: 1;
  top: 2px;
}

.breadcrumb__home:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  height: 40px;
  border-top: 2px solid rgba(255, 255, 255, 0.5);
  border-right: 2px solid rgba(255, 255, 255, 0.5);
  -webkit-transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
          transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 767px) {
  .breadcrumb {
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  .breadcrumb__item, .breadcrumb__home {
    padding: 8px 30px 8px 4px;
  }
  .breadcrumb span, .breadcrumb strong {
    font-weight: normal;
  }
  .breadcrumb__item {
    display: inline-block;
    position: relative;
  }
  .breadcrumb__item:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
            transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
  }
  .breadcrumb__item.current {
    padding: 8px 15px 8px 4px;
  }
  .breadcrumb__item.current:after {
    display: none;
  }
  .breadcrumb__home {
    position: relative;
    position: relative;
    padding-right: 20px;
  }
  .breadcrumb__home:before {
    position: relative;
    margin-right: 8px;
    font-family: FontAwesome;
    font-weight: normal;
  }
  .breadcrumb__home:before {
    position: relative;
    margin-right: 8px;
    font-family: FontAwesome;
    font-weight: normal;
  }
  .breadcrumb__home:before {
    content: '\f015';
  }
  .breadcrumb__home:before {
    font-size: 18px;
    line-height: 1;
    top: 2px;
  }
  .breadcrumb__home:after {
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    width: 40px;
    height: 40px;
    border-top: 2px solid rgba(255, 255, 255, 0.5);
    border-right: 2px solid rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
            transform: scale(0.5, 1) translateY(-50%) rotate(45deg);
  }
}

/* sidemenu */
@media screen and (min-width: 767px) {
  .sideMenu {
    display: none;
  }
}

.lt-ie9 .sideMenu,
.lt-ie8 .sideMenu {
  display: none;
}

.sideMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh - 128px + 55px);
  padding-top: 55px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  text-align: left;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
}

.sp-menu-open .sideMenu {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.3);
}

.sideMenu a {
  display: block;
}

.sideMenu .sideMenuLogin {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sideMenu .sideMenuLogin li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 48%;
          flex: 0 0 48%;
}

.sideMenu .sideMenuUser {
  padding: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 13px;
  font-size: 1.3rem;
}

.sideMenu .sideMenuUser__avatar {
  width: 38px;
  height: 38px;
  border-radius: 4px;
}

.sideMenu .sideMenuUser__avatar img {
  width: 100%;
  border-radius: 4px;
}

.sideMenu .sideMenuUser__name {
  padding-left: 10px;
}

.sideMenu .sideMenuUser__name .name {
  vertical-align: bottom;
  display: inline-block;
  max-width: calc(100vw - 115px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.sideMenu .sideMenuUser__link {
  margin-top: 6px;
}

.sideMenu .sideMenuUser__link li {
  float: left;
}

.sideMenu .sideMenuUser__link li + li {
  border-left: 1px solid #dadada;
  padding-left: 8px;
  margin-left: 8px;
}

.sideMenu .sideMenuUser__link li a {
  color: #0075c2;
}

.sideMenu .sideMenuUser__link li a:hover {
  text-decoration: underline;
}

.sideMenu .spSearchForm {
  padding: 16px;
}

.sideMenu .spSearchForm:not(:first-child) {
  border-top: 1px solid #dadada;
  padding-top: 12px;
}

.sideMenu .spSearchForm dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0075c2;
  margin-bottom: 6px;
}

.sideMenu .spSearchForm dl dd .searchBox {
  font-size: 16px;
  font-size: 1.6rem;
  width: calc(100% - 82px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 40px;
  border-radius: 4px;
  border: 1px solid #dadada;
  background: #f8f8f8;
  vertical-align: middle;
}

.sideMenu .spSearchForm dl dd input[type="submit"] {
  width: 72px;
  height: 40px;
  margin-left: 4px;
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #0075c2;
  color: #fff;
}

.sideMenu__main a:hover {
  color: #000;
}

.sideMenu__main li {
  font-size: 14px;
  font-size: 1.4rem;
  border-top: 1px solid #dadada;
}

.sideMenu__main li a {
  display: block;
  padding: 10px 30px 10px 15px;
  position: relative;
}

.sideMenu__main li a::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-bottom: 2px solid #0075c2;
  border-right: 2px solid #0075c2;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 17px;
}

.sideMenu__main li a.accordion-toggle {
  background: #fff;
  font-size: inherit;
  line-height: inherit;
  font-weight: normal;
  margin-top: 0;
}

.sideMenu__main li a.accordion-toggle::before {
  margin-top: -2px;
  background: none;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  right: 15px;
}

.sideMenu__main li a.accordion-toggle::after {
  display: none;
}

.sideMenu__main li a.accordion-toggle.is-open::before {
  margin-top: 0px;
  -webkit-transform: translate(0, -50%) rotate(-135deg);
          transform: translate(0, -50%) rotate(-135deg);
}

.sideMenu__main li a.accordion-toggle + ul {
  display: none;
  border-top: 1px solid #dadada;
  padding: 10px 20px;
}

.sideMenu__main li a.accordion-toggle + ul li {
  border: none;
  font-size: 12px;
  font-size: 1.2rem;
}

.sideMenu__main li a.accordion-toggle + ul li a {
  padding: 8px 0 8px 14px;
}

.sideMenu__main li a.accordion-toggle + ul li a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  -webkit-transform: translate(0, -50%) rotate(-45deg);
          transform: translate(0, -50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  right: auto;
  left: 0;
}

.sideMenu__sub {
  background: #f4f4f4;
  padding: 10px 15px;
  border-top: 1px solid #dadada;
}

.sideMenu__sub a:hover {
  color: #000;
}

.sideMenu__sub li a {
  display: block;
  padding: 5px 0;
}

.sideMenu__mysubaru {
  border-top: 1px solid #dadada;
  text-align: center;
  padding: 14px;
}

.sideMenu__mysubaru a {
  display: inline;
}

.sideMenu__mysubaru img {
  width: 100px;
  display: inline;
  vertical-align: bottom;
}

/* searcharea */
.search__unit {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  max-height: 100%;
  padding-top: 85px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  border-bottom: 1px solid #0075c2;
  text-align: left;
  overflow: auto;
  z-index: 1000;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  -webkit-transform: translateY(-100%);
          transform: translateY(-100%);
}

.lt-ie9 .search__unit,
.lt-ie8 .search__unit {
  top: -100%;
}

@media screen and (max-width: 767px) {
  .search__unit {
    padding-top: 52px;
  }
}

.search-open .search__unit {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.lt-ie9 .search-open .search__unit,
.lt-ie8 .search-open .search__unit {
  top: 0;
}

.search__unit .container {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px;
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  .search__unit .container {
    padding: 20px 16px;
  }
}

.search__unit__body {
  width: 70%;
  max-width: 800px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .search__unit__body {
    width: 100%;
  }
}

.search__unit__body input {
  width: 80%;
  height: 44px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 10px;
  float: left;
  font-size: 16px;
  border-right: 0;
}

@media screen and (max-width: 767px) {
  .search__unit__body input {
    font-size: 14px;
    height: 36px;
    border-radius: 0;
  }
}

.search__unit__body .btnL {
  width: 20%;
  padding: 0;
  height: 44px;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: left;
}

@media screen and (max-width: 767px) {
  .search__unit__body .btnL {
    height: 36px;
    font-size: 14px;
  }
}

.menuCloseBtn {
  cursor: pointer;
  width: 80px;
  height: 28px;
  padding-left: 12px;
  line-height: 28px;
  text-align: center;
  margin: 0 auto;
  border: 1px solid #999;
  border-radius: 14px;
  color: #333;
  margin-top: 20px;
  position: relative;
}

.menuCloseBtn:before, .menuCloseBtn:after {
  content: "";
  display: block;
  width: 11px;
  height: 1px;
  background: #333;
  position: absolute;
  left: 16px;
  top: 13px;
}

.menuCloseBtn:before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.menuCloseBtn:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}

/* grid */
.grid .grid__item, .grid.with--2items .grid__item, .grid.with--2itemsL .grid__item, .grid.with--3items .grid__item, .grid.with--3items-SP2 .grid__item, .grid.with--3items-SP3 .grid__item, .grid.with--4items .grid__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

.grid {
  margin-right: -10px;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .grid + .grid {
    margin-top: 24px;
  }
}

@media screen and (max-width: 767px) {
  .grid {
    margin-right: -18px;
    margin-left: -18px;
  }
}

@media screen and (max-width: 767px) {
  .grid.grid.reportUnit {
    margin-right: -8px;
    margin-left: -8px;
  }
}

.grid .grid__item {
  width: 50%;
  padding: 0 10px;
}

@media screen and (min-width: 767px) {
  .grid .grid__item:nth-child(n+3) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid .grid__item {
    width: 100%;
    padding: 0 8px;
    float: none;
  }
  .grid .grid__item:nth-child(n+2) {
    margin-top: 16px;
  }
}

.grid .grid__item .grid__block {
  background: #f4f4f4;
  -webkit-box-shadow: 0 2px 0 #dbdbdb;
          box-shadow: 0 2px 0 #dbdbdb;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.grid .grid__item .grid__block a {
  display: block;
}

.grid .grid__item .grid__block:hover {
  background: #ececec;
}

.grid .grid__item .grid__block:hover a {
  color: #000;
}

.grid .grid__item .grid__block:hover .thumbnail img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.grid .grid__item .grid__image img {
  width: 100%;
}

.paragraph .grid .grid__item > img {
  width: 100%;
}

.grid.with--2items .grid__item {
  width: 25%;
}

@media screen and (min-width: 767px) {
  .grid.with--2items .grid__item:nth-child(n+2) {
    margin-top: 0;
  }
  .grid.with--2items .grid__item:nth-child(n+5) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid.with--2items .grid__item {
    width: 50%;
  }
  .grid.with--2items .grid__item:nth-child(n+2) {
    margin-top: 0;
  }
  .grid.with--2items .grid__item:nth-child(n+3) {
    margin-top: 16px;
  }
}

.grid.with--2itemsL .grid__item {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .grid.with--2itemsL .grid__item:nth-child(n+2) {
    margin-top: 0;
  }
  .grid.with--2itemsL .grid__item:nth-child(n+3) {
    margin-top: 16px;
  }
}

.grid.with--3items .grid__item {
  width: 33.3%;
}

@media screen and (min-width: 767px) {
  .grid.with--3items .grid__item {
    margin-top: 0;
  }
  .grid.with--3items .grid__item:nth-child(n+4) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid.with--3items .grid__item {
    width: 100%;
    margin-top: 0;
  }
  .grid.with--3items .grid__item:nth-child(n+2) {
    margin-top: 16px;
  }
}

.grid.with--3items-SP2 .grid__item {
  width: 33.3%;
}

@media screen and (min-width: 767px) {
  .grid.with--3items-SP2 .grid__item {
    margin-top: 0;
  }
  .grid.with--3items-SP2 .grid__item:nth-child(n+4) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid.with--3items-SP2 .grid__item {
    width: 50%;
    margin-top: 0;
  }
  .grid.with--3items-SP2 .grid__item:nth-child(n+3) {
    margin-top: 16px;
  }
}

.grid.with--3items-SP3 .grid__item {
  width: 33.3%;
}

@media screen and (min-width: 767px) {
  .grid.with--3items-SP3 .grid__item {
    margin-top: 0;
  }
  .grid.with--3items-SP3 .grid__item:nth-child(n+4) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid.with--3items-SP3 .grid__item {
    width: 33.3%;
    margin-top: 0;
  }
  .grid.with--3items-SP3 .grid__item:nth-child(n+4) {
    margin-top: 16px;
  }
}

.grid.with--4items .grid__item {
  width: 25%;
}

@media screen and (min-width: 767px) {
  .grid.with--4items .grid__item:nth-child(n+3) {
    margin-top: 0;
  }
  .grid.with--4items .grid__item:nth-child(n+5) {
    margin-top: 16px;
  }
}

@media screen and (max-width: 767px) {
  .grid.with--4items .grid__item {
    width: 50%;
  }
  .grid.with--4items .grid__item:nth-child(n+2) {
    margin-top: 0;
  }
  .grid.with--4items .grid__item:nth-child(n+3) {
    margin-top: 16px;
  }
}

.grid .btnL, .grid .btn--secondary {
  margin-top: 8px;
}

.l-grid-wrap {
  overflow: hidden;
}

.l-grid-wrap [class*='l-grid'] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--top'] {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--middle'] {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--bottom'] {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--left'] {
  margin-right: auto;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--center'] {
  margin-left: auto;
  margin-right: auto;
}

.l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--right'] {
  margin-left: auto;
}

.l-grid-wrap [class*='l-grid'] .col-auto {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.l-grid-wrap [class*='l-grid'] .col-1-1 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .col-1-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

.l-grid-wrap [class*='l-grid'] .col-2-2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .col-1-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

.l-grid-wrap [class*='l-grid'] .col-2-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

.l-grid-wrap [class*='l-grid'] .col-3-3 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .col-1-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

.l-grid-wrap [class*='l-grid'] .col-2-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

.l-grid-wrap [class*='l-grid'] .col-3-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}

.l-grid-wrap [class*='l-grid'] .col-4-4 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .col-1-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 20%;
          flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}

.l-grid-wrap [class*='l-grid'] .col-2-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40%;
          flex: 0 0 40%;
  width: 40%;
  max-width: 40%;
}

.l-grid-wrap [class*='l-grid'] .col-3-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60%;
          flex: 0 0 60%;
  width: 60%;
  max-width: 60%;
}

.l-grid-wrap [class*='l-grid'] .col-4-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 80%;
          flex: 0 0 80%;
  width: 80%;
  max-width: 80%;
}

.l-grid-wrap [class*='l-grid'] .col-5-5 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .col-1-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16.66667%;
          flex: 0 0 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}

.l-grid-wrap [class*='l-grid'] .col-2-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33.33333%;
          flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

.l-grid-wrap [class*='l-grid'] .col-3-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

.l-grid-wrap [class*='l-grid'] .col-4-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 66.66667%;
          flex: 0 0 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

.l-grid-wrap [class*='l-grid'] .col-5-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 83.33333%;
          flex: 0 0 83.33333%;
  width: 83.33333%;
  max-width: 83.33333%;
}

.l-grid-wrap [class*='l-grid'] .col-6-6 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

.l-grid-wrap [class*='l-grid'] .push-0 {
  margin-left: 0;
}

.l-grid-wrap [class*='l-grid'] .push-1-2 {
  margin-left: 50%;
}

.l-grid-wrap [class*='l-grid'] .push-1-3 {
  margin-left: 33.33333%;
}

.l-grid-wrap [class*='l-grid'] .push-2-3 {
  margin-left: 66.66667%;
}

.l-grid-wrap [class*='l-grid'] .push-1-4 {
  margin-left: 25%;
}

.l-grid-wrap [class*='l-grid'] .push-2-4 {
  margin-left: 50%;
}

.l-grid-wrap [class*='l-grid'] .push-3-4 {
  margin-left: 75%;
}

.l-grid-wrap [class*='l-grid'] .push-1-5 {
  margin-left: 20%;
}

.l-grid-wrap [class*='l-grid'] .push-2-5 {
  margin-left: 40%;
}

.l-grid-wrap [class*='l-grid'] .push-3-5 {
  margin-left: 60%;
}

.l-grid-wrap [class*='l-grid'] .push-4-5 {
  margin-left: 80%;
}

.l-grid-wrap [class*='l-grid'] .push-1-6 {
  margin-left: 16.66667%;
}

.l-grid-wrap [class*='l-grid'] .push-2-6 {
  margin-left: 33.33333%;
}

.l-grid-wrap [class*='l-grid'] .push-3-6 {
  margin-left: 50%;
}

.l-grid-wrap [class*='l-grid'] .push-4-6 {
  margin-left: 66.66667%;
}

.l-grid-wrap [class*='l-grid'] .push-5-6 {
  margin-left: 83.33333%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-2 {
  margin-left: auto;
  margin-right: 50%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-3 {
  margin-left: auto;
  margin-right: 33.33333%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-3 {
  margin-left: auto;
  margin-right: 66.66667%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-4 {
  margin-left: auto;
  margin-right: 25%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-4 {
  margin-left: auto;
  margin-right: 50%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-4 {
  margin-left: auto;
  margin-right: 75%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-5 {
  margin-left: auto;
  margin-right: 20%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-5 {
  margin-left: auto;
  margin-right: 40%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-5 {
  margin-left: auto;
  margin-right: 60%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-5 {
  margin-left: auto;
  margin-right: 80%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-1-6 {
  margin-left: auto;
  margin-right: 16.66667%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-2-6 {
  margin-left: auto;
  margin-right: 33.33333%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-3-6 {
  margin-left: auto;
  margin-right: 50%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-4-6 {
  margin-left: auto;
  margin-right: 66.66667%;
}

.l-grid-wrap [class*='l-grid'][class*='--reverse'] .push-5-6 {
  margin-left: auto;
  margin-right: 83.33333%;
}

.l-grid-wrap [class*='l-grid'].gutter-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.l-grid-wrap [class*='l-grid'].gutter-20 [class*='l-col'] {
  padding-left: 10px;
  padding-right: 10px;
}

.l-grid-wrap [class*='l-grid'].gutter-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.l-grid-wrap [class*='l-grid'].gutter-30 [class*='l-col'] {
  padding-left: 15px;
  padding-right: 15px;
}

.l-grid-wrap [class*='l-grid'].gutter-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.l-grid-wrap [class*='l-grid'].gutter-40 [class*='l-col'] {
  padding-left: 20px;
  padding-right: 20px;
}

.l-grid-wrap [class*='l-grid'].gutter-60 {
  margin-left: -30px;
  margin-right: -30px;
}

.l-grid-wrap [class*='l-grid'].gutter-60 [class*='l-col'] {
  padding-left: 30px;
  padding-right: 30px;
}

.l-grid-wrap [class*='l-grid'].gutterB-20 {
  margin-bottom: -20px;
}

.l-grid-wrap [class*='l-grid'].gutterB-20 [class*='l-col'] {
  margin-bottom: 20px;
}

.l-grid-wrap [class*='l-grid'].gutterB-30 {
  margin-bottom: -30px;
}

.l-grid-wrap [class*='l-grid'].gutterB-30 [class*='l-col'] {
  margin-bottom: 30px;
}

.l-grid-wrap [class*='l-grid'].gutterB-40 {
  margin-bottom: -40px;
}

.l-grid-wrap [class*='l-grid'].gutterB-40 [class*='l-col'] {
  margin-bottom: 40px;
}

.l-grid-wrap [class*='l-grid'].gutterB-60 {
  margin-bottom: -60px;
}

.l-grid-wrap [class*='l-grid'].gutterB-60 [class*='l-col'] {
  margin-bottom: 60px;
}

.l-grid-wrap [class*='l-grid'][class*='--top'] {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.l-grid-wrap [class*='l-grid'][class*='--middle'] {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.l-grid-wrap [class*='l-grid'][class*='--bottom'] {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.l-grid-wrap [class*='l-grid'][class*='--left'] {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.l-grid-wrap [class*='l-grid'][class*='--center'] {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-grid-wrap [class*='l-grid'][class*='--right'] {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .l-grid-wrap [class*='l-grid'] {
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -20px;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'] {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 20px;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-top'] {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-middle'] {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-bottom'] {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-left'] {
    margin-right: auto;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-center'] {
    margin-left: auto;
    margin-right: auto;
  }
  .l-grid-wrap [class*='l-grid'] [class*='l-col'][class*='--sp-right'] {
    margin-left: auto;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-auto {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-1 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-2 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-3 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-4 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 20%;
            flex: 0 0 20%;
    width: 20%;
    max-width: 20%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40%;
            flex: 0 0 40%;
    width: 40%;
    max-width: 40%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 60%;
            flex: 0 0 60%;
    width: 60%;
    max-width: 60%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    width: 80%;
    max-width: 80%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-5 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-1-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 16.66667%;
            flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-2-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
            flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-3-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-4-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
            flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-5-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 83.33333%;
            flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-col-6-6 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-0 {
    margin-left: 0;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-2 {
    margin-left: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-3 {
    margin-left: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-3 {
    margin-left: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-4 {
    margin-left: 25%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-4 {
    margin-left: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-4 {
    margin-left: 75%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-5 {
    margin-left: 20%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-5 {
    margin-left: 40%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-5 {
    margin-left: 60%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-5 {
    margin-left: 80%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-1-6 {
    margin-left: 16.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-2-6 {
    margin-left: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-3-6 {
    margin-left: 50%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-4-6 {
    margin-left: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'] .sp-push-5-6 {
    margin-left: 83.33333%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-2 {
    margin-left: auto;
    margin-right: 50%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-3 {
    margin-left: auto;
    margin-right: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-3 {
    margin-left: auto;
    margin-right: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-4 {
    margin-left: auto;
    margin-right: 25%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-4 {
    margin-left: auto;
    margin-right: 50%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-4 {
    margin-left: auto;
    margin-right: 75%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-5 {
    margin-left: auto;
    margin-right: 20%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-5 {
    margin-left: auto;
    margin-right: 40%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-5 {
    margin-left: auto;
    margin-right: 60%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-5 {
    margin-left: auto;
    margin-right: 80%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-1-6 {
    margin-left: auto;
    margin-right: 16.66667%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-2-6 {
    margin-left: auto;
    margin-right: 33.33333%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-3-6 {
    margin-left: auto;
    margin-right: 50%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-4-6 {
    margin-left: auto;
    margin-right: 66.66667%;
  }
  .l-grid-wrap [class*='l-grid'][class*='--reverse'] .sp-push-5-6 {
    margin-left: auto;
    margin-right: 83.33333%;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-10 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-10 [class*='l-col'] {
    padding-left: 5px;
    padding-right: 5px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-20 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-20 [class*='l-col'] {
    padding-left: 10px;
    padding-right: 10px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-30 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-30 [class*='l-col'] {
    padding-left: 15px;
    padding-right: 15px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-40 {
    margin-left: -20px;
    margin-right: -20px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutter-40 [class*='l-col'] {
    padding-left: 20px;
    padding-right: 20px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-10 {
    margin-bottom: -10px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-10 [class*='l-col'] {
    margin-bottom: 10px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-20 {
    margin-bottom: -20px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-20 [class*='l-col'] {
    margin-bottom: 20px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-30 {
    margin-bottom: -30px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-30 [class*='l-col'] {
    margin-bottom: 30px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-40 {
    margin-bottom: -40px;
  }
  .l-grid-wrap [class*='l-grid'].sp-gutterB-40 [class*='l-col'] {
    margin-bottom: 40px;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-top'] {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-middle'] {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-bottom'] {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-left'] {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-center'] {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-grid-wrap [class*='l-grid'][class*='--sp-right'] {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

/* button */
a.btnL, button.btnL,
a.btn--blue, button.btn--blue, a.btn--orange, button.btn--orange, a.btn--secondary, button.btn--secondary, a.btn--thirdly, button.btn--thirdly, a.btn--account, button.btn--account, a.btn--timeline, button.btn--timeline, a.btn--twitter, a.btn--facebook {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 10px;
  border: none;
  border-radius: 4px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

a.btnL:before, button.btnL:before,
a.btn--blue:before, button.btn--blue:before, a.btn--orange:before, button.btn--orange:before, a.btn--secondary:before, button.btn--secondary:before, a.btn--thirdly:before, button.btn--thirdly:before, a.btn--account:before, button.btn--account:before, a.btn--timeline:before, button.btn--timeline:before, a.btn--twitter:before, a.btn--facebook:before {
  margin-right: 10px;
  font-family: FontAwesome;
}

a.btnL .fa, button.btnL .fa, a.btn--blue .fa, button.btn--blue .fa, a.btn--orange .fa, button.btn--orange .fa, a.btn--secondary .fa, button.btn--secondary .fa, a.btn--thirdly .fa, button.btn--thirdly .fa, a.btn--account .fa, button.btn--account .fa, a.btn--timeline .fa, button.btn--timeline .fa, a.btn--twitter .fa, a.btn--facebook .fa {
  margin-right: 10px;
  font-size: 140%;
  vertical-align: middle;
}

a.btnL:hover, button.btnL:hover,
a.btn--blue:hover, button.btn--blue:hover, a.btn--orange:hover, button.btn--orange:hover, a.btn--secondary:hover, button.btn--secondary:hover, a.btn--thirdly:hover, button.btn--thirdly:hover, a.btn--account:hover, button.btn--account:hover, a.btn--timeline:hover, button.btn--timeline:hover, a.btn--twitter:hover, a.btn--facebook:hover {
  opacity: .8;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.infoList-01 + a.btnL, .infoList-01 + button.btnL,
.infoList-01 + a.btn--blue, .infoList-01 + button.btn--blue, .infoList-01 + a.btn--orange, .infoList-01 + button.btn--orange, .infoList-01 + a.btn--secondary, .infoList-01 + button.btn--secondary, .infoList-01 + a.btn--thirdly, .infoList-01 + button.btn--thirdly, .infoList-01 + a.btn--account, .infoList-01 + button.btn--account, .infoList-01 + a.btn--timeline, .infoList-01 + button.btn--timeline, .infoList-01 + a.btn--twitter, .infoList-01 + a.btn--facebook, .infoList-02 + a.btnL, .infoList-02 + button.btnL,
.infoList-02 + a.btn--blue, .infoList-02 + button.btn--blue, .infoList-02 + a.btn--orange, .infoList-02 + button.btn--orange, .infoList-02 + a.btn--secondary, .infoList-02 + button.btn--secondary, .infoList-02 + a.btn--thirdly, .infoList-02 + button.btn--thirdly, .infoList-02 + a.btn--account, .infoList-02 + button.btn--account, .infoList-02 + a.btn--timeline, .infoList-02 + button.btn--timeline, .infoList-02 + a.btn--twitter, .infoList-02 + a.btn--facebook, .infoList-03 + a.btnL, .infoList-03 + button.btnL,
.infoList-03 + a.btn--blue, .infoList-03 + button.btn--blue, .infoList-03 + a.btn--orange, .infoList-03 + button.btn--orange, .infoList-03 + a.btn--secondary, .infoList-03 + button.btn--secondary, .infoList-03 + a.btn--thirdly, .infoList-03 + button.btn--thirdly, .infoList-03 + a.btn--account, .infoList-03 + button.btn--account, .infoList-03 + a.btn--timeline, .infoList-03 + button.btn--timeline, .infoList-03 + a.btn--twitter, .infoList-03 + a.btn--facebook, .infoList-04 + a.btnL, .infoList-04 + button.btnL,
.infoList-04 + a.btn--blue, .infoList-04 + button.btn--blue, .infoList-04 + a.btn--orange, .infoList-04 + button.btn--orange, .infoList-04 + a.btn--secondary, .infoList-04 + button.btn--secondary, .infoList-04 + a.btn--thirdly, .infoList-04 + button.btn--thirdly, .infoList-04 + a.btn--account, .infoList-04 + button.btn--account, .infoList-04 + a.btn--timeline, .infoList-04 + button.btn--timeline, .infoList-04 + a.btn--twitter, .infoList-04 + a.btn--facebook {
  margin-top: 16px;
}

a.size-m.btnL, button.size-m.btnL,
a.size-m.btn--blue, button.size-m.btn--blue, a.size-m.btn--orange, button.size-m.btn--orange, a.size-m.btn--secondary, button.size-m.btn--secondary, a.size-m.btn--thirdly, button.size-m.btn--thirdly, a.size-m.btn--account, button.size-m.btn--account, a.size-m.btn--timeline, button.size-m.btn--timeline, a.size-m.btn--twitter, a.size-m.btn--facebook {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding: 15px 10px;
}

@media screen and (max-width: 767px) {
  a.size-m.btnL, button.size-m.btnL,
  a.size-m.btn--blue, button.size-m.btn--blue, a.size-m.btn--orange, button.size-m.btn--orange, a.size-m.btn--secondary, button.size-m.btn--secondary, a.size-m.btn--thirdly, button.size-m.btn--thirdly, a.size-m.btn--account, button.size-m.btn--account, a.size-m.btn--timeline, button.size-m.btn--timeline, a.size-m.btn--twitter, a.size-m.btn--facebook {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

a.size-s.btnL, button.size-s.btnL,
a.size-s.btn--blue, button.size-s.btn--blue, a.size-s.btn--orange, button.size-s.btn--orange, a.size-s.btn--secondary, button.size-s.btn--secondary, a.size-s.btn--thirdly, button.size-s.btn--thirdly, a.size-s.btn--account, button.size-s.btn--account, a.size-s.btn--timeline, button.size-s.btn--timeline, a.size-s.btn--twitter, a.size-s.btn--facebook {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 10px 10px;
}

a.size-xs.btnL, button.size-xs.btnL,
a.size-xs.btn--blue, button.size-xs.btn--blue, a.size-xs.btn--orange, button.size-xs.btn--orange, a.size-xs.btn--secondary, button.size-xs.btn--secondary, a.size-xs.btn--thirdly, button.size-xs.btn--thirdly, a.size-xs.btn--account, button.size-xs.btn--account, a.size-xs.btn--timeline, button.size-xs.btn--timeline, a.size-xs.btn--twitter, a.size-xs.btn--facebook {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

a.w-full.btnL, button.w-full.btnL,
a.w-full.btn--blue, button.w-full.btn--blue, a.w-full.btn--orange, button.w-full.btn--orange, a.w-full.btn--secondary, button.w-full.btn--secondary, a.w-full.btn--thirdly, button.w-full.btn--thirdly, a.w-full.btn--account, button.w-full.btn--account, a.w-full.btn--timeline, button.w-full.btn--timeline, a.w-full.btn--twitter, a.w-full.btn--facebook {
  width: 100%;
}

a.w-360.btnL, button.w-360.btnL,
a.w-360.btn--blue, button.w-360.btn--blue, a.w-360.btn--orange, button.w-360.btn--orange, a.w-360.btn--secondary, button.w-360.btn--secondary, a.w-360.btn--thirdly, button.w-360.btn--thirdly, a.w-360.btn--account, button.w-360.btn--account, a.w-360.btn--timeline, button.w-360.btn--timeline, a.w-360.btn--twitter, a.w-360.btn--facebook {
  min-width: 360px;
  width: auto;
}

a.w-280.btnL, button.w-280.btnL,
a.w-280.btn--blue, button.w-280.btn--blue, a.w-280.btn--orange, button.w-280.btn--orange, a.w-280.btn--secondary, button.w-280.btn--secondary, a.w-280.btn--thirdly, button.w-280.btn--thirdly, a.w-280.btn--account, button.w-280.btn--account, a.w-280.btn--timeline, button.w-280.btn--timeline, a.w-280.btn--twitter, a.w-280.btn--facebook {
  min-width: 280px;
  width: auto;
}

a.w-240.btnL, button.w-240.btnL,
a.w-240.btn--blue, button.w-240.btn--blue, a.w-240.btn--orange, button.w-240.btn--orange, a.w-240.btn--secondary, button.w-240.btn--secondary, a.w-240.btn--thirdly, button.w-240.btn--thirdly, a.w-240.btn--account, button.w-240.btn--account, a.w-240.btn--timeline, button.w-240.btn--timeline, a.w-240.btn--twitter, a.w-240.btn--facebook {
  min-width: 240px;
  width: auto;
}

a.w-200.btnL, button.w-200.btnL,
a.w-200.btn--blue, button.w-200.btn--blue, a.w-200.btn--orange, button.w-200.btn--orange, a.w-200.btn--secondary, button.w-200.btn--secondary, a.w-200.btn--thirdly, button.w-200.btn--thirdly, a.w-200.btn--account, button.w-200.btn--account, a.w-200.btn--timeline, button.w-200.btn--timeline, a.w-200.btn--twitter, a.w-200.btn--facebook {
  min-width: 200px;
  width: auto;
}

a.w-120.btnL, button.w-120.btnL,
a.w-120.btn--blue, button.w-120.btn--blue, a.w-120.btn--orange, button.w-120.btn--orange, a.w-120.btn--secondary, button.w-120.btn--secondary, a.w-120.btn--thirdly, button.w-120.btn--thirdly, a.w-120.btn--account, button.w-120.btn--account, a.w-120.btn--timeline, button.w-120.btn--timeline, a.w-120.btn--twitter, a.w-120.btn--facebook {
  min-width: 120px;
  width: auto;
}

@media screen and (max-width: 767px) {
  a.btnL, button.btnL,
  a.btn--blue, button.btn--blue, a.btn--orange, button.btn--orange, a.btn--secondary, button.btn--secondary, a.btn--thirdly, button.btn--thirdly, a.btn--account, button.btn--account, a.btn--timeline, button.btn--timeline, a.btn--twitter, a.btn--facebook {
    width: 100%;
  }
  a.w-360.btnL, button.w-360.btnL,
  a.w-360.btn--blue, button.w-360.btn--blue, a.w-360.btn--orange, button.w-360.btn--orange, a.w-360.btn--secondary, button.w-360.btn--secondary, a.w-360.btn--thirdly, button.w-360.btn--thirdly, a.w-360.btn--account, button.w-360.btn--account, a.w-360.btn--timeline, button.w-360.btn--timeline, a.w-360.btn--twitter, a.w-360.btn--facebook {
    min-width: 0;
    width: 100%;
  }
  a.w-280.btnL, button.w-280.btnL,
  a.w-280.btn--blue, button.w-280.btn--blue, a.w-280.btn--orange, button.w-280.btn--orange, a.w-280.btn--secondary, button.w-280.btn--secondary, a.w-280.btn--thirdly, button.w-280.btn--thirdly, a.w-280.btn--account, button.w-280.btn--account, a.w-280.btn--timeline, button.w-280.btn--timeline, a.w-280.btn--twitter, a.w-280.btn--facebook {
    min-width: 0;
    width: 100%;
  }
  a.w-240.btnL, button.w-240.btnL,
  a.w-240.btn--blue, button.w-240.btn--blue, a.w-240.btn--orange, button.w-240.btn--orange, a.w-240.btn--secondary, button.w-240.btn--secondary, a.w-240.btn--thirdly, button.w-240.btn--thirdly, a.w-240.btn--account, button.w-240.btn--account, a.w-240.btn--timeline, button.w-240.btn--timeline, a.w-240.btn--twitter, a.w-240.btn--facebook {
    min-width: 0;
    width: 100%;
  }
}

.btnWrap {
  text-align: center;
  padding: 0 0 3px;
}

.btnWrap > a:not(:only-child) {
  margin-left: 10px;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .btnWrap > a + a {
    margin-top: 10px;
  }
}

.btnWrap.btnBottom {
  padding-top: 40px;
}

@media screen and (max-width: 767px) {
  .btnWrap.btnBottom {
    padding: 0 16px 40px;
  }
}

a.btnL, button.btnL,
a.btn--blue, button.btn--blue {
  background: #0075c2;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #00568f;
          box-shadow: 0 3px 0 #00568f;
}

a.btnL:hover, button.btnL:hover,
a.btn--blue:hover, button.btn--blue:hover {
  opacity: 1;
  background: #0066a9;
}

a.btn--orange, button.btn--orange {
  background: #ff9c00;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #cc7d00;
          box-shadow: 0 3px 0 #cc7d00;
}

a.btn--orange:hover, button.btn--orange:hover {
  opacity: 1;
  background: #f59600;
}

a.btn--secondary, button.btn--secondary {
  background: #f4f4f4;
  color: #333;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #dbdbdb;
          box-shadow: 0 3px 0 #dbdbdb;
}

a.btn--secondary span, button.btn--secondary span {
  display: block;
}

a.btn--secondary span:first-child, button.btn--secondary span:first-child {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

a.btn--secondary:hover, button.btn--secondary:hover {
  opacity: 1;
  background: #ececec;
}

a.btn--thirdly, button.btn--thirdly {
  border: 1px solid #dadada;
  background: #fff;
  color: black;
  text-align: center;
}

a.btn--thirdly span, button.btn--thirdly span {
  display: block;
}

a.btn--thirdly span:first-child, button.btn--thirdly span:first-child {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

a.btn--account, button.btn--account {
  background: #ff9c00;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #cc7d00;
          box-shadow: 0 3px 0 #cc7d00;
}

a.btn--account span, button.btn--account span {
  display: block;
}

a.btn--account span:first-child, button.btn--account span:first-child {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

a.btn--account:hover, button.btn--account:hover {
  opacity: 1;
  background: #f59600;
}

a.btn--timeline, button.btn--timeline {
  background: #22acca;
  color: #fff;
  text-align: center;
  -webkit-box-shadow: 0 3px 0 #1b879e;
          box-shadow: 0 3px 0 #1b879e;
}

a.btn--timeline span, button.btn--timeline span {
  display: block;
}

a.btn--timeline span:first-child, button.btn--timeline span:first-child {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

a.btn--timeline:hover, button.btn--timeline:hover {
  opacity: 1;
  background: #21a5c1;
}

a.btn--small, button.btn--small {
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fafafa;
  border: 1px solid #dadada;
  margin: 0 auto;
  padding: 3px 14px;
  border-radius: 20px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  color: #0075c2;
}

a.btn--small:hover, button.btn--small:hover {
  border-color: #0075c2;
  background: #0075c2;
  color: #fff;
}

a.btn--small:before, button.btn--small:before {
  font-family: FontAwesome;
}

a.btn--small + a.btn--small,
a.btn--small + button.btn--small, button.btn--small + a.btn--small,
button.btn--small + button.btn--small {
  margin-left: 10px;
}

.swc-report-button {
  display: inline-block;
}

.swc-report-button .general-button {
  cursor: pointer;
  display: block;
  height: 20px;
  background: #999;
  -webkit-box-shadow: 0 3px 0 #777;
          box-shadow: 0 3px 0 #777;
  border-radius: 3px;
  padding: 0 8px 0 0;
}

.swc-report-button .general-button:before {
  content: "\f003";
  color: #fff;
  font-size: 13px;
  font-family: FontAwesome;
  background: none;
  margin: 4px 5px 0 6px;
}

.swc-report-button .general-button:hover, .swc-report-button .general-button:active {
  background: #aaa;
  -webkit-box-shadow: 0 3px 0 #777;
          box-shadow: 0 3px 0 #777;
}

.swc-report-button .general-button:hover:before, .swc-report-button .general-button:active:before {
  top: 0;
}

.swc-report-button .general-button .button-content {
  display: inline-block;
  color: #fff;
}

.socialBtns {
  font-size: 12px;
  line-height: 1;
}

.socialBtns li {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}

.swc-like-btn {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 0px;
  cursor: pointer;
  text-decoration: none;
  line-height: 1;
  background: #13a0fb;
  -webkit-box-shadow: 0 3px 0 #0075c2;
          box-shadow: 0 3px 0 #0075c2;
  border-radius: 3px;
  float: none;
  vertical-align: top;
}

.swc-like-btn:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 9px;
  background: url(/share_swc/images/icon_likebtn.png) no-repeat;
  background-size: 16px 9px;
  margin: 5px 5px 0 5px;
  position: absolute;
  top: 0;
  left: 0;
}

.swc-like-btn:hover, .swc-like-btn:active {
  background: #45b4fc;
  top: 0;
  -webkit-box-shadow: 0 3px 0 #0075c2;
          box-shadow: 0 3px 0 #0075c2;
}

.swc-like-btn:hover .button-content, .swc-like-btn:active .button-content {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.swc-like-btn:hover:before, .swc-like-btn:active:before {
  top: 0;
}

.swc-like-btn .button-content {
  display: table;
  border-radius: 0px 0px 4px 4px;
  padding: 2px 4px;
  color: #f8f8f8;
  padding-bottom: 0;
  padding-left: 20px;
  letter-spacing: 1px;
}

.swc-like-btn .button-content .button-text {
  display: table-cell;
  vertical-align: middle;
  text-decoration: none;
  font-size: 11px;
  line-height: 1;
  padding: 3px 4px;
  font-weight: bold;
}

.swc-like-btn .button-content .favo-icon-font {
  display: none;
}

.swc-like-btn.liked-button {
  background-color: #b0c3f2;
  -webkit-box-shadow: 0 2px 0 #b0c3f2;
          box-shadow: 0 2px 0 #b0c3f2;
  cursor: initial;
}

.swc-like-btn.size-l:before {
  margin-top: 19px;
  margin-left: 14px;
}

.swc-like-btn.size-l .button-content {
  padding-left: 30px;
  padding-right: 8px;
}

.swc-like-btn.size-l .button-content .button-text {
  padding: 15px 4px;
  font-size: 13px;
}

.swc-like-btn.size-l + .swc-like-btn-count .arrow_box {
  padding: 13px 10px;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .swc-like-btn.size-l:before {
    margin-left: 7px;
  }
  .swc-like-btn.size-l .button-content {
    padding-left: 21px;
    padding-right: 2px;
  }
  .swc-like-btn.size-l .button-content .button-text {
    font-size: 12px;
  }
  .swc-like-btn.size-l + .swc-like-btn-count .arrow_box {
    min-width: 20px;
    padding: 13px 5px;
    font-size: 12px;
  }
}

.swc-like-btn-count {
  display: inline-block;
  vertical-align: top;
}

.swc-like-btn-count .arrow_box {
  position: relative;
  border: 1px solid #a1a1a1;
  font-size: 11px;
  min-width: 15px;
  text-align: center;
  padding: 0 4px;
  white-space: nowrap;
  margin-left: 4px;
  height: auto;
  line-height: 18px;
  float: none;
  vertical-align: top;
  background: #fff;
  border-radius: 3px;
  color: #000;
}

.swc-like-btn-count .arrow_box:before, .swc-like-btn-count .arrow_box:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.swc-like-btn-count .arrow_box:before {
  border-color: rgba(161, 161, 161, 0);
  border-right-color: #a1a1a1;
  border-width: 4px;
  margin-top: -4px;
}

.swc-like-btn-count .arrow_box:after {
  border-color: rgba(255, 253, 253, 0);
  border-right-color: #fff;
  border-width: 3px;
  margin-top: -3px;
}

.swc-report-button {
  float: right;
  margin-right: 0;
  line-height: 20px;
}

a.btn--login, button.btn--login {
  position: relative;
  position: relative;
}

a.btn--login:before, button.btn--login:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--login:before, button.btn--login:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--login:before, button.btn--login:before {
  content: '\f090';
}

a.btn--logout, button.btn--logout {
  position: relative;
  position: relative;
}

a.btn--logout:before, button.btn--logout:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--logout:before, button.btn--logout:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--logout:before, button.btn--logout:before {
  content: '\f08b';
}

a.btn--reset, button.btn--reset {
  position: relative;
  position: relative;
}

a.btn--reset:before, button.btn--reset:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--reset:before, button.btn--reset:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--reset:before, button.btn--reset:before {
  content: '\f00d';
}

a.btn--forward, button.btn--forward {
  position: relative;
  position: relative;
}

a.btn--forward:before, button.btn--forward:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--forward:before, button.btn--forward:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--forward:before, button.btn--forward:before {
  content: '\f138';
}

a.btn--back, button.btn--back {
  position: relative;
  position: relative;
}

a.btn--back:before, button.btn--back:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--back:before, button.btn--back:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--back:before, button.btn--back:before {
  content: '\f137';
}

a.btn--up, button.btn--up {
  position: relative;
  position: relative;
}

a.btn--up:before, button.btn--up:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--up:before, button.btn--up:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--up:before, button.btn--up:before {
  content: '\f106';
}

a.btn--down, button.btn--down {
  position: relative;
  position: relative;
}

a.btn--down:before, button.btn--down:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--down:before, button.btn--down:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--down:before, button.btn--down:before {
  content: '\f107';
}

a.btn--delete, button.btn--delete {
  position: relative;
  position: relative;
}

a.btn--delete:before, button.btn--delete:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--delete:before, button.btn--delete:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--delete:before, button.btn--delete:before {
  content: '\f014';
}

a.btn--edit, button.btn--edit {
  position: relative;
  position: relative;
}

a.btn--edit:before, button.btn--edit:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--edit:before, button.btn--edit:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--edit:before, button.btn--edit:before {
  content: '\f040';
}

a.btn--list, button.btn--list {
  position: relative;
  position: relative;
}

a.btn--list:before, button.btn--list:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--list:before, button.btn--list:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--list:before, button.btn--list:before {
  content: '\f03a';
}

a.btn--plus, button.btn--plus {
  position: relative;
  position: relative;
}

a.btn--plus:before, button.btn--plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--plus:before, button.btn--plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--plus:before, button.btn--plus:before {
  content: '\f055';
}

a.btn--refresh, button.btn--refresh {
  position: relative;
  position: relative;
}

a.btn--refresh:before, button.btn--refresh:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--refresh:before, button.btn--refresh:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--refresh:before, button.btn--refresh:before {
  content: '\f021';
}

a.btn--search, button.btn--search {
  position: relative;
  position: relative;
}

a.btn--search:before, button.btn--search:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--search:before, button.btn--search:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--search:before, button.btn--search:before {
  content: '\f002';
}

a.btn--search-plus, button.btn--search-plus {
  position: relative;
  position: relative;
}

a.btn--search-plus:before, button.btn--search-plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--search-plus:before, button.btn--search-plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--search-plus:before, button.btn--search-plus:before {
  content: '\f00e';
}

a.btn--calendar, button.btn--calendar {
  position: relative;
  position: relative;
}

a.btn--calendar:before, button.btn--calendar:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--calendar:before, button.btn--calendar:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--calendar:before, button.btn--calendar:before {
  content: "\f073";
}

a.btn--comment, button.btn--comment {
  position: relative;
  position: relative;
}

a.btn--comment:before, button.btn--comment:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--comment:before, button.btn--comment:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--comment:before, button.btn--comment:before {
  content: '\f075';
}

a.btn--comments, button.btn--comments {
  position: relative;
  position: relative;
}

a.btn--comments:before, button.btn--comments:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--comments:before, button.btn--comments:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--comments:before, button.btn--comments:before {
  content: "\f086";
}

a.btn--clock-o, button.btn--clock-o {
  position: relative;
  position: relative;
}

a.btn--clock-o:before, button.btn--clock-o:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--clock-o:before, button.btn--clock-o:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--clock-o:before, button.btn--clock-o:before {
  content: "\f017";
}

a.btn--user-plus, button.btn--user-plus {
  position: relative;
  position: relative;
}

a.btn--user-plus:before, button.btn--user-plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--user-plus:before, button.btn--user-plus:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--user-plus:before, button.btn--user-plus:before {
  content: "\f234";
}

a.btn--camera, button.btn--camera {
  position: relative;
  position: relative;
}

a.btn--camera:before, button.btn--camera:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--camera:before, button.btn--camera:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--camera:before, button.btn--camera:before {
  content: "\f030";
}

a.btn--reply, button.btn--reply {
  position: relative;
  position: relative;
}

a.btn--reply:before, button.btn--reply:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--reply:before, button.btn--reply:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--reply:before, button.btn--reply:before {
  content: "\f112";
}

a.btn--reply::before, button.btn--reply::before {
  display: inline-block;
  -webkit-transform: translateY(-2px) rotate(-180deg);
          transform: translateY(-2px) rotate(-180deg);
  margin-right: 6px;
}

a.btn--twitter {
  background: #55acee;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  padding: 10px 10px 8px;
  -webkit-box-shadow: 0 3px 0 #2795e9;
          box-shadow: 0 3px 0 #2795e9;
}

a.btn--twitter:hover {
  opacity: 1;
  background: #309aea;
}

a.btn--twitter.btnL {
  line-height: 1.75;
  padding: 10px;
  position: relative;
}

a.btn--twitter.btnL:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--twitter.btnL:before {
  content: '\f081';
}

a.btn--twitter.btnL:before {
  font-size: 130%;
}

a.btn--facebook {
  background: #3b5998;
  color: #fff;
  text-align: center;
  line-height: 1.3;
  padding: 10px 10px 8px;
  -webkit-box-shadow: 0 3px 0 #2d4373;
          box-shadow: 0 3px 0 #2d4373;
}

a.btn--facebook:hover {
  opacity: 1;
  background: #2d4373;
}

a.btn--facebook.btnL {
  line-height: 1.75;
  padding: 10px;
  position: relative;
}

a.btn--facebook.btnL:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

a.btn--facebook.btnL:before {
  content: '\f082';
}

a.btn--facebook.btnL:before {
  font-size: 130%;
}

.btnUnit {
  margin: 20px auto 0;
  text-align: center;
}

.btn--icon {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 60px;
  height: 60px;
  padding: 5px;
  border-radius: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.2;
  text-align: center;
  color: #13a0fb;
}

@media screen and (max-width: 767px) {
  .btn--icon {
    width: 40px;
    height: 40px;
    line-height: 1.2;
  }
  .btn--icon img {
    width: 100%;
    height: auto;
  }
  .btn--icon .text {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media screen and (min-width: 767px) {
  .btnSS {
    max-width: 140px;
    margin-right: auto;
    margin-left: auto;
  }
}

@media screen and (min-width: 767px) {
  .btnS {
    max-width: 200px;
    margin-right: auto;
    margin-left: auto;
  }
}

.btnM {
  max-width: 370px;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .btnM {
    max-width: 71.875%;
    min-width: 230px;
  }
}

@media screen and (max-width: 767px) {
  .btnM.btnSPfull {
    max-width: 100%;
  }
}

a.fontS,
button.fontS {
  font-size: 11px;
  font-size: 1.1rem;
}

a.fontS.btnSS,
button.fontS.btnSS {
  padding: 5px;
}

a.fontM,
button.fontM {
  font-size: 13px;
  font-size: 1.3rem;
}

.btns {
  margin-top: 24px;
}

.main .btns {
  text-align: center;
}

.btns .btnL + .btnL,
.btns .btnL + .btn--secondary,
.btns .btn--secondary + .btnL,
.btns .btn--secondary + .btn--secondary,
.btns .link + .btnL,
.btns .link + .btn--secondary {
  margin-top: 16px;
}

.btns .btnL + .link,
.btns .btn--secondary + .link,
.btns .link + .link {
  margin-top: .4em;
}

.btns .btns__item + .btns__item {
  margin-top: 16px;
}

.btnsArea {
  margin-right: -6px;
  margin-left: -6px;
}

.btnsArea__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 50%;
  padding: 0 6px;
  float: left;
}

.btnsArea__item--1-3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 33.3%;
  padding: 0 6px;
  float: left;
}

.btnsArea__item--2-3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 66.6%;
  padding: 0 6px;
  float: left;
}

.btnsArea.with--3btns .btnsArea__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  width: 33.3333%;
  padding: 0 6px;
  float: left;
}

@media screen and (max-width: 767px) {
  .btnsArea.with--3btns .btnsArea__item {
    float: none;
    width: 100%;
    padding: 0;
  }
  .btnsArea.with--3btns .btnsArea__item + .btnsArea__item {
    margin-top: 16px;
  }
}

.btnBottom {
  padding-top: 30px;
  text-align: center;
}

.btnBottom a {
  margin-bottom: 16px;
}

.btnBottom a:last-child {
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .btnBottom {
    padding-top: 20px;
  }
}

.gridWrap .btnBottom {
  padding-top: 0;
}

@media screen and (max-width: 767px) {
  .gridWrap .btnBottom {
    padding-bottom: 30px;
  }
}

a.with-icon {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 8px;
}

@media screen and (max-width: 767px) {
  a.with-icon {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

a.with-icon:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background: center center no-repeat;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
}

@media screen and (max-width: 767px) {
  a.with-icon:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
  }
}

a.with-icon span,
a.with-icon span:first-child {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.3;
  padding: 10px 0;
}

@media screen and (max-width: 767px) {
  a.with-icon span,
  a.with-icon span:first-child {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 7px 0;
  }
}

@media screen and (max-width: 767px) {
  a.with-icon.sp-icon-col {
    display: table;
    position: relative;
    padding-top: 38px;
    padding-bottom: 3px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  a.with-icon.sp-icon-col:before {
    content: "";
    display: block;
    background: center center no-repeat;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 10px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  a.with-icon.sp-icon-col span,
  a.with-icon.sp-icon-col span:first-child {
    font-weight: bold;
    display: table-cell;
    width: 100%;
    height: 38px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.3;
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

a.with-icon-col {
  font-size: 13px;
  font-size: 1.3rem;
  display: table;
  position: relative;
  padding: 36px 8px 5px;
}

@media screen and (max-width: 767px) {
  a.with-icon-col {
    font-size: 12px;
    font-size: 1.2rem;
    padding-top: 38px;
    padding-bottom: 3px;
  }
}

a.with-icon-col:before {
  content: "";
  display: block;
  background: center center no-repeat;
  background-size: 26px 26px;
  width: 26px;
  height: 26px;
  position: absolute;
  left: 50%;
  top: 13px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  a.with-icon-col:before {
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    top: 10px;
  }
}

a.with-icon-col span,
a.with-icon-col span:first-child {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  display: table-cell;
  width: 100%;
  height: 38px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  a.with-icon-col span,
  a.with-icon-col span:first-child {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

a.with-icon.icon-search:before,
a.with-icon-col.icon-search:before {
  background-image: url(/share_swc/images/icon_link_search.svg);
}

a.with-icon.icon-club:before,
a.with-icon-col.icon-club:before {
  background-image: url(/share_swc/images/icon_link_club.svg);
}

a.with-icon.icon-event:before,
a.with-icon-col.icon-event:before {
  background-image: url(/share_swc/images/icon_link_event.svg);
}

a.with-icon.icon-blog:before,
a.with-icon-col.icon-blog:before {
  background-image: url(/share_swc/images/icon_link_blog.svg);
}

a.with-icon.icon-activities:before,
a.with-icon-col.icon-activities:before {
  background-image: url(/share_swc/images/icon_link_activities.svg);
}

a.with-icon.icon-forum:before,
a.with-icon-col.icon-forum:before {
  background-image: url(/share_swc/images/icon_circle_forum_r.svg);
}

a.with-icon.icon-report:before,
a.with-icon-col.icon-report:before {
  background-image: url(/share_swc/images/icon_circle_report_r.svg);
}

a.with-icon.icon-member:before,
a.with-icon-col.icon-member:before {
  background-image: url(/share_swc/images/icon_circle_member_r.svg);
}

a.with-icon.icon-with:before,
a.with-icon-col.icon-with:before {
  background-image: url(/share_swc/images/icon_circle_with_r.svg);
}

a.with-icon.icon-spot:before,
a.with-icon-col.icon-spot:before {
  background-image: url(/share_swc/images/icon_circle_spot_r.svg);
}

a.with-icon.icon-mail:before,
a.with-icon-col.icon-mail:before {
  background-image: url(/share_swc/images/icon_circle_mail_r.svg);
}

a.with-icon.icon-guide:before,
a.with-icon-col.icon-guide:before {
  background-image: url(/share_swc/images/icon_circle_guide_r.svg);
}

a.with-icon.icon-qa:before,
a.with-icon-col.icon-qa:before {
  background-image: url(/share_swc/images/icon_circle_qa_r.svg);
}

.btnsArea__item .is--error, .btnL .is--error, .btn--secondary is--error {
  text-align: center;
  display: block;
  margin-top: 8px;
}

button[disabled] {
  opacity: .2;
}

button[disabled]:hover {
  opacity: .2;
}

a.btn--ttlside {
  padding: 4px 15px 3px;
  font-size: 12px;
  font-size: 1.2rem;
}

.swc-likeBtn {
  padding-top: 41px;
  position: relative;
}

.swc-likeBtn__body {
  display: inline-block;
  cursor: pointer;
}

.swc-likeBtn__body a {
  color: #fff;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  background: #13a0fb;
  -webkit-box-shadow: 0 2px 0 #0075c2;
          box-shadow: 0 2px 0 #0075c2;
  border-radius: 3px;
  line-height: 1;
  padding: 4px 7px 4px 4px;
  letter-spacing: 1px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.swc-likeBtn__body a:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 16px;
  height: 9px;
  background: url(/share_swc/images/icon_likebtn.png) no-repeat;
  background-size: 16px 9px;
  margin-right: 2px;
}

.swc-likeBtn__body a:hover {
  background: #45b4fc;
}

.swc-likeBtn__balloon {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 69px;
  height: 34px;
  padding-top: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.swc-likeBtn__balloon:before, .swc-likeBtn__balloon:after {
  content: "";
  position: absolute;
  border: 5px solid transparent;
}

.swc-likeBtn__balloon:before {
  border-top: 5px solid #dadada;
  bottom: -11px;
  left: 50%;
  margin-left: -4px;
}

.swc-likeBtn__balloon:after {
  border-top: 5px solid #fff;
  bottom: -9px;
  left: 50%;
  margin-left: -4px;
}

@media screen and (max-width: 767px) {
  .swc-likeBtn {
    padding-top: 0;
  }
  .swc-likeBtn__body {
    display: inline-block;
    vertical-align: top;
  }
  .swc-likeBtn__body a {
    padding: 7px 7px 5px 4px;
  }
  .swc-likeBtn__balloon {
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: -1px;
    left: 4px;
    width: auto;
    height: 27px;
    line-height: 27px;
    padding: 0 6px;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .swc-likeBtn__balloon:before, .swc-likeBtn__balloon:after {
    border: 5px solid transparent;
  }
  .swc-likeBtn__balloon:before {
    border-right: 5px solid #dadada;
    left: -11px;
    bottom: auto;
    top: 50%;
    margin-top: -5px;
    margin-left: 0;
  }
  .swc-likeBtn__balloon:after {
    border-right: 5px solid #fff;
    left: -9px;
    bottom: auto;
    top: 50%;
    margin-top: -5px;
    margin-left: 0;
  }
}

.attend-member {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.attend-member dt {
  font-weight: bold;
}

.attend-member dt:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: -4px 5px 0 0;
  width: 16px;
  height: 16px;
  background: url(/share_swc/images/icon_attend_member.svg) no-repeat;
  background-size: 16px 16px;
}

.attend-member dd {
  color: #0075c2;
}

.attend-member dd b {
  font-size: 30px;
  font-size: 3rem;
  line-height: 34px;
}

@media screen and (max-width: 767px) {
  .attend-member {
    text-align: right;
    font-size: 11px;
    font-size: 1.1rem;
  }
  .attend-member dt {
    display: inline-block;
  }
  .attend-member dt:before {
    margin: -4px 5px 0 0;
    width: 12px;
    height: 12px;
    background-size: 12px 12px;
  }
  .attend-member dd {
    display: inline-block;
    font-size: 9px;
    font-size: 0.9rem;
  }
  .attend-member dd b {
    font-size: 23px;
    font-size: 2.3rem;
    line-height: 23px;
    margin: 0 2px;
  }
}

.btnR {
  background: #0075c2;
  display: inline-block;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold;
  text-align: center;
  border-radius: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 16px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.btnR.is-account {
  background: #ff9c00;
}

.btnR.is-facebook {
  background: #3b5998;
  padding: 14px 16px 10px 16px;
}

.btnR.is-facebook::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(/share_swc/images/icon_btn_facebook.svg) no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: -3px;
}

.btnR.is-facebook.size-m {
  padding: 12px 16px 8px 16px;
  letter-spacing: .075em;
}

.btnR.is-twitter {
  background: #55acee;
  padding: 14px 16px 10px 16px;
}

.btnR.is-twitter::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(/share_swc/images/icon_btn_twitter.svg) no-repeat;
  width: 24px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.btnR.is-twitter.size-m {
  padding: 12px 16px 8px 16px;
  letter-spacing: .1em;
}

.btnR.is-instagram {
  background: #C32AA3;
  padding: 14px 16px 10px 16px;
}

.btnR.is-instagram::before {
  content: "";
  display: inline-block;
  vertical-align: top;
  background: url(/share_swc/images/icon_btn_instagram.svg) no-repeat;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  position: relative;
  top: -2px;
}

.btnR.is-instagram.size-m {
  padding: 12px 16px 8px 16px;
  letter-spacing: .1em;
}

.btnR:visited {
  color: #fff;
}

.btnR:hover {
  color: #fff;
  background: #0066a9;
}

.btnR:hover.is-account {
  background: #e68c00;
}

.btnR:hover.is-facebook {
  background: #344e86;
}

.btnR:hover.is-twitter {
  background: #3ea1ec;
}

.btnR:hover.is-instagram {
  background: #ae2591;
}

.btnR.size-m {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .btnR.size-m {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.btnR.size-s {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 10px 16px;
}

@media screen and (max-width: 767px) {
  .btnR.size-s {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.btnR.size-xs {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 6px 16px;
}

@media screen and (max-width: 767px) {
  .btnR.size-xs {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

.btnR.w-full {
  width: 100%;
}

.btnR.w-280 {
  min-width: 280px;
}

.btnR.w-240 {
  min-width: 240px;
}

.btnR.w-200 {
  min-width: 200px;
}

.btnR.w-120 {
  min-width: 120px;
}

@media screen and (max-width: 767px) {
  .btnR {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .btnR.sp-w-full {
    width: 100%;
    min-width: 0;
  }
  .btnR.w-280 {
    min-width: 0;
    width: 100%;
  }
  .btnR.w-240 {
    min-width: 0;
    width: 100%;
  }
}

/* link */
.link--angle-up, .link--angle-down, .link--approval, .link--back, .link--calendar, .link--delete, .link--edit, .link--envelope, .link--exclamation, .link--list, .link--logout, .link--forward, .link--question, .link--refresh, .link--underconstruction {
  display: inline-block;
}

.link--angle-up:before, .link--angle-down:before, .link--approval:before, .link--back:before, .link--calendar:before, .link--delete:before, .link--edit:before, .link--envelope:before, .link--exclamation:before, .link--list:before, .link--logout:before, .link--forward:before, .link--question:before, .link--refresh:before, .link--underconstruction:before {
  font-size: 120%;
  color: #ff4100;
}

.infoList-01 + .link--angle-up, .infoList-01 + .link--angle-down, .infoList-01 + .link--approval, .infoList-01 + .link--back, .infoList-01 + .link--calendar, .infoList-01 + .link--delete, .infoList-01 + .link--edit, .infoList-01 + .link--envelope, .infoList-01 + .link--exclamation, .infoList-01 + .link--list, .infoList-01 + .link--logout, .infoList-01 + .link--forward, .infoList-01 + .link--question, .infoList-01 + .link--refresh, .infoList-01 + .link--underconstruction, .infoList-02 + .link--angle-up, .infoList-02 + .link--angle-down, .infoList-02 + .link--approval, .infoList-02 + .link--back, .infoList-02 + .link--calendar, .infoList-02 + .link--delete, .infoList-02 + .link--edit, .infoList-02 + .link--envelope, .infoList-02 + .link--exclamation, .infoList-02 + .link--list, .infoList-02 + .link--logout, .infoList-02 + .link--forward, .infoList-02 + .link--question, .infoList-02 + .link--refresh, .infoList-02 + .link--underconstruction, .infoList-03 + .link--angle-up, .infoList-03 + .link--angle-down, .infoList-03 + .link--approval, .infoList-03 + .link--back, .infoList-03 + .link--calendar, .infoList-03 + .link--delete, .infoList-03 + .link--edit, .infoList-03 + .link--envelope, .infoList-03 + .link--exclamation, .infoList-03 + .link--list, .infoList-03 + .link--logout, .infoList-03 + .link--forward, .infoList-03 + .link--question, .infoList-03 + .link--refresh, .infoList-03 + .link--underconstruction, .infoList-04 + .link--angle-up, .infoList-04 + .link--angle-down, .infoList-04 + .link--approval, .infoList-04 + .link--back, .infoList-04 + .link--calendar, .infoList-04 + .link--delete, .infoList-04 + .link--edit, .infoList-04 + .link--envelope, .infoList-04 + .link--exclamation, .infoList-04 + .link--list, .infoList-04 + .link--logout, .infoList-04 + .link--forward, .infoList-04 + .link--question, .infoList-04 + .link--refresh, .infoList-04 + .link--underconstruction {
  margin-top: 16px;
}

.link--color {
  color: #0075c2;
  text-decoration: underline;
}

.link--color:hover {
  text-decoration: none;
}

.link--cursor {
  position: relative;
  padding-left: 14px;
}

.link--cursor:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #0075c2;
  border-top: 1px solid #0075c2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 4px;
}

.link--cursor-back {
  position: relative;
  padding-left: 12px;
}

.link--cursor-back:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-left: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 4px;
}

.link--angle-up {
  position: relative;
}

.link--angle-up:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--angle-up:before {
  content: '\f106';
}

.link--angle-down {
  position: relative;
}

.link--angle-down:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--angle-down:before {
  content: '\f107';
}

.link--approval {
  position: relative;
}

.link--approval:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--approval:before {
  content: '\f118';
}

.link--back {
  position: relative;
}

.link--back:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--back:before {
  content: '\f137';
}

.link--calendar {
  position: relative;
}

.link--calendar:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--calendar:before {
  content: "\f073";
}

.link--delete {
  position: relative;
}

.link--delete:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--delete:before {
  content: '\f014';
}

.link--edit {
  position: relative;
}

.link--edit:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--edit:before {
  content: '\f040';
}

.link--envelope {
  position: relative;
}

.link--envelope:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--envelope:before {
  content: '\f0e0';
}

.link--exclamation {
  position: relative;
}

.link--exclamation:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--exclamation:before {
  content: '\f06a';
}

.link--list {
  position: relative;
}

.link--list:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--list:before {
  content: '\f03a';
}

.link--logout {
  position: relative;
}

.link--logout:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--logout:before {
  content: '\f08b';
}

.link--forward {
  position: relative;
  /*
  &:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    margin-right: 8px;
    position: relative;
    top: -1px;
    border-right: 1px solid $main_color;
    border-top: 1px solid $main_color;
    transform: rotate(45deg);
    .sub & {
      border-right: 1px solid $orange_color;
      border-top: 1px solid $orange_color;
    }
  }
  */
}

.link--forward:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--forward:before {
  content: '\f138';
}

.link--question {
  position: relative;
}

.link--question:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--question:before {
  content: '\f059';
}

.link--refresh {
  position: relative;
}

.link--refresh:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--refresh:before {
  content: '\f021';
}

.link--underconstruction {
  position: relative;
}

.link--underconstruction:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.link--underconstruction:before {
  content: '\f11a';
}

/* title */
.pageTitle {
  width: 100%;
  background: #f4f4f4;
  padding: 15px 0;
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.2;
  border-bottom: 1px solid #dadada;
  position: relative;
}

.pageTitle .friend-request {
  display: table;
  width: 240px;
  height: 58px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: 280px;
}

.pageTitle .friend-request.disabled {
  opacity: .2;
}

.pageTitle .friend-request a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  background: #ff9c00;
}

.pageTitle .friend-request a::before {
  font-size: 120%;
}

.pageTitle .friend-request a:hover {
  background: #f59600;
}

@media screen and (max-width: 767px) {
  .pageTitle .friend-request {
    width: 200px;
    position: static;
    margin: 15px auto 0;
    height: 40px;
  }
  .pageTitle .friend-request a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.pageTitle h1 {
  font-size: 24px;
  font-size: 2.4rem;
}

.pageTitle.with-visual .visual {
  margin-top: 15px;
  margin-bottom: -15px;
}

@media screen and (max-width: 767px) {
  .pageTitle.with-visual .visual {
    margin-bottom: 0;
  }
}

.pageTitle.with-status {
  padding-bottom: 0;
}

.pageTitle.with-visual-edge .visual {
  display: none;
}

@media screen and (min-width: 767px) {
  .pageTitle.with-guide span {
    padding-right: 100px !important;
  }
}

@media screen and (max-width: 767px) {
  .pageTitle {
    padding: 12px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .pageTitle.thin {
    padding: 15px 0;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .pageTitle h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .pageTitle.with-caption {
    padding: 13px 0 14px;
  }
  .pageTitle.with-caption h1 span {
    padding-top: 2px;
  }
  .pageTitle.with-visual .visual {
    margin-top: 12px;
  }
  .pageTitle.with-caption.with-visual .visual {
    margin-top: 12px;
  }
  .pageTitle.with-guide h1 {
    padding-right: 40px;
  }
  .pageTitle.with-shoulder {
    padding: 13px 0 14px;
  }
}

.pageTitle span {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 1040px;
  margin: 0 auto;
  color: #0075c2;
}

.pageTitle span a {
  color: #0075c2;
}

.pageTitle span small {
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
  top: -4px;
  margin-left: 15px;
}

.pageTitle span > small {
  margin-left: 0;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .pageTitle span {
    width: 100%;
    padding: 0 16px;
  }
  .pageTitle span small {
    display: block;
    font-size: 10px;
    font-size: 1rem;
    position: static;
    margin-top: 3px;
    margin-left: 0;
  }
  .pageTitle span > small {
    margin-top: 0;
    margin-bottom: 3px;
    margin-right: 0;
  }
}

.pageTitle#memberTitle span, .pageTitle#changeTitle span, .pageTitle#myPageTitle span, .pageTitle#loginTitle span, .pageTitle#profileTitle span, .pageTitle#entryTitle span, .pageTitle#shareTitle span, .pageTitle#postTitle span, .pageTitle#eventTitle span, .pageTitle#withTitle span, .pageTitle#reportTitle span, .pageTitle#knowTitle span, .pageTitle#forumTitle span, .pageTitle#mailmagazineTitle span, .pageTitle#guideTitle span, .pageTitle#galleryTitle span, .pageTitle#searchTitle span {
  position: relative;
  padding-left: 55px;
}

.pageTitle#memberTitle span:before, .pageTitle#changeTitle span:before, .pageTitle#myPageTitle span:before, .pageTitle#loginTitle span:before, .pageTitle#profileTitle span:before, .pageTitle#entryTitle span:before, .pageTitle#shareTitle span:before, .pageTitle#postTitle span:before, .pageTitle#eventTitle span:before, .pageTitle#withTitle span:before, .pageTitle#reportTitle span:before, .pageTitle#knowTitle span:before, .pageTitle#forumTitle span:before, .pageTitle#mailmagazineTitle span:before, .pageTitle#guideTitle span:before, .pageTitle#galleryTitle span:before, .pageTitle#searchTitle span:before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 0;
  top: -6px;
}

@media screen and (max-width: 767px) {
  .pageTitle#memberTitle span, .pageTitle#changeTitle span, .pageTitle#myPageTitle span, .pageTitle#loginTitle span, .pageTitle#profileTitle span, .pageTitle#entryTitle span, .pageTitle#shareTitle span, .pageTitle#postTitle span, .pageTitle#eventTitle span, .pageTitle#withTitle span, .pageTitle#reportTitle span, .pageTitle#knowTitle span, .pageTitle#forumTitle span, .pageTitle#mailmagazineTitle span, .pageTitle#guideTitle span, .pageTitle#galleryTitle span, .pageTitle#searchTitle span {
    padding-left: 45px;
  }
  .pageTitle#memberTitle span:before, .pageTitle#changeTitle span:before, .pageTitle#myPageTitle span:before, .pageTitle#loginTitle span:before, .pageTitle#profileTitle span:before, .pageTitle#entryTitle span:before, .pageTitle#shareTitle span:before, .pageTitle#postTitle span:before, .pageTitle#eventTitle span:before, .pageTitle#withTitle span:before, .pageTitle#reportTitle span:before, .pageTitle#knowTitle span:before, .pageTitle#forumTitle span:before, .pageTitle#mailmagazineTitle span:before, .pageTitle#guideTitle span:before, .pageTitle#galleryTitle span:before, .pageTitle#searchTitle span:before {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 10px;
    top: -5px;
  }
}

.pageTitle#memberTitle span:before, .pageTitle#changeTitle span:before, .pageTitle#myPageTitle span:before, .pageTitle#loginTitle span:before, .pageTitle#profileTitle span:before, .pageTitle#entryTitle span:before {
  background: url(/share_swc/images/icon_cat_member.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#memberTitle span:before, .pageTitle#changeTitle span:before, .pageTitle#myPageTitle span:before, .pageTitle#loginTitle span:before, .pageTitle#profileTitle span:before, .pageTitle#entryTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#shareTitle span:before, .pageTitle#postTitle span:before, .pageTitle#eventTitle span:before {
  background: url(/share_swc/images/icon_cat_event.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#shareTitle span, .pageTitle#postTitle span, .pageTitle#eventTitle span {
    padding-left: 45px;
  }
  .pageTitle#shareTitle span:before, .pageTitle#postTitle span:before, .pageTitle#eventTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#forumTitle span:before {
  background: url(/share_swc/images/icon_cat_forum.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#forumTitle span {
    padding-left: 45px;
  }
  .pageTitle#forumTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#withTitle span:before, .pageTitle#reportTitle span:before, .pageTitle#knowTitle span:before {
  background: url(/share_swc/images/icon_cat_with.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#withTitle span, .pageTitle#reportTitle span, .pageTitle#knowTitle span {
    padding-left: 45px;
  }
  .pageTitle#withTitle span:before, .pageTitle#reportTitle span:before, .pageTitle#knowTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#mailmagazineTitle span:before {
  background: url(/share_swc/images/icon_cat_mail.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#mailmagazineTitle span {
    padding-left: 45px;
  }
  .pageTitle#mailmagazineTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#guideTitle span:before {
  background: url(/share_swc/images/icon_cat_guide.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#guideTitle span {
    padding-left: 45px;
  }
  .pageTitle#guideTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#galleryTitle span:before {
  background: url(/share_swc/images/icon_cat_gallery.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#galleryTitle span {
    padding-left: 45px;
  }
  .pageTitle#galleryTitle span:before {
    background-size: 30px 30px;
  }
}

.pageTitle#searchTitle span:before {
  background: url(/share_swc/images/icon_cat_search.svg) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .pageTitle#searchTitle span {
    padding-left: 45px;
  }
  .pageTitle#searchTitle span:before {
    background-size: 30px 30px;
  }
}

@media screen and (max-width: 767px) {
  .pageTitle.with-caption span:before {
    top: -1px !important;
  }
}

.pageTitle .guideLink {
  position: absolute;
  left: 50%;
  top: 7px;
  border-left: 1px solid #dadada;
  margin-left: 442px;
  padding: 2px 0 2px 22px;
}

.pageTitle .guideLink img {
  width: 28px;
}

@media screen and (max-width: 767px) {
  .pageTitle .guideLink {
    left: auto;
    right: 13px;
    top: 12px;
    margin-left: 0;
    padding: 4px 0 4px 14px;
  }
  .pageTitle .guideLink a {
    display: block;
    width: 23px;
    height: 0;
    padding-top: 32px;
    overflow: hidden;
    background: url(/share_swc/images/title_btn_guide_sp.png) no-repeat;
    background-size: 23px 32px;
  }
}

.pageTitle .visual__image img {
  width: 100%;
  max-width: 1600px;
  margin: 0 auto;
  display: block;
}

.pageTitle .visual__image--share {
  height: 280px;
  background: url(/share_swc/images/visual_share.png) repeat-x;
  -webkit-animation: bg-scroll-share-pc 180s linear infinite;
          animation: bg-scroll-share-pc 180s linear infinite;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__image--share {
    height: 140px;
    background-size: 760px 140px;
    -webkit-animation: bg-scroll-share-sp 120s linear infinite;
            animation: bg-scroll-share-sp 120s linear infinite;
  }
}

@-webkit-keyframes bg-scroll-share-pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3040px 0;
  }
}

@keyframes bg-scroll-share-pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -3040px 0;
  }
}

@-webkit-keyframes bg-scroll-share-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1520px 0;
  }
}

@keyframes bg-scroll-share-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1520px 0;
  }
}

.pageTitle .visual__image--forum {
  height: 190px;
  background: url(/share_swc/images/visual_forum.png) repeat-x;
  background-size: 1105px 190px;
  -webkit-animation: bg-scroll-forum-pc 180s linear infinite;
          animation: bg-scroll-forum-pc 180s linear infinite;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__image--forum {
    height: 140px;
    background-size: 797px 137px;
    -webkit-animation: bg-scroll-forum-sp 120s linear infinite;
            animation: bg-scroll-forum-sp 120s linear infinite;
  }
}

@-webkit-keyframes bg-scroll-forum-pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2210px 0;
  }
}

@keyframes bg-scroll-forum-pc {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -2210px 0;
  }
}

@-webkit-keyframes bg-scroll-forum-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1594px 0;
  }
}

@keyframes bg-scroll-forum-sp {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -1594px 0;
  }
}

.pageTitle .visual__lead {
  width: 1040px;
  margin: 0 auto;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  line-height: 1.5;
  padding: 20px 0 0;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__lead {
    width: auto;
    margin: 0;
    padding: 16px 16px 0;
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.pageTitle .visual__lead--overlay {
  position: absolute;
  top: 80px;
  left: 0;
  width: 100%;
  text-align: center;
  display: table;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__lead--overlay {
    top: 65px;
  }
}

.pageTitle .visual__lead--overlay.overlay--share {
  height: 300px;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__lead--overlay.overlay--share {
    height: 154px;
  }
}

.pageTitle .visual__lead--overlay.overlay--forum {
  height: 210px;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__lead--overlay.overlay--forum {
    height: 154px;
  }
}

.pageTitle .visual__lead--overlay .overlay__inner {
  display: table-cell;
  vertical-align: middle;
}

.pageTitle .visual__lead--overlay p {
  display: inline-block;
  background: rgba(0, 117, 194, 0.7);
  color: #fff;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  padding: 20px 25px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__lead--overlay p {
    font-size: 10px;
    font-size: 1rem;
    padding: 10px 15px;
    margin: 0 35px;
  }
}

.pageTitle .visual__btns {
  width: 1040px;
  margin: 0 auto;
  padding: 12px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__btns {
    padding: 6px 11px 11px;
    width: auto;
    text-align: left;
  }
}

.pageTitle .visual__btns .visual__btn {
  width: 280px;
  padding: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__btns .visual__btn {
    width: 100%;
    float: left;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__btns .visual__btn--m {
    width: 50%;
    float: left;
  }
}

.pageTitle .visual__btns a {
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #13a0fb;
  color: #fff;
  font-weight: bold;
  text-align: center;
  border: 2px solid #fff;
  padding: 14px 0;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  position: relative;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.pageTitle .visual__btns a b {
  display: block;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__btns a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.pageTitle .visual__btns a:hover {
  background: #3bb0fc;
}

.pageTitle .visual__btns a:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-bottom-color: #fff;
  border-right-color: #fff;
  position: absolute;
  right: 4px;
  bottom: 4px;
}

@media screen and (max-width: 767px) {
  .pageTitle .visual__btns a:after {
    border-width: 3px;
    right: 3px;
    bottom: 3px;
  }
}

.pageTitle#forumTitle.with-visual .visual {
  background: url(/share_swc/images/visual_forum_bg.png) center top;
}

@media screen and (max-width: 767px) {
  .pageTitle#forumTitle.with-visual .visual {
    background-size: 40px 59px;
  }
}

.pageTitle#withTitle.with-visual-edge .visual {
  background: url(/share_swc/images/visual_with.png) no-repeat;
  background-size: 238px 84px;
}

@media screen and (max-width: 767px) {
  .pageTitle#withTitle.with-visual-edge .visual {
    background-size: 187px 66px;
  }
}

h1.pageTitle#memberTitle span:before,
h1.pageTitle#changeTitle span:before,
h1.pageTitle#myPageTitle span:before,
h1.pageTitle#loginTitle span:before,
h1.pageTitle#profileTitle span:before,
h1.pageTitle#entryTitle span:before,
h1.pageTitle#shareTitle span:before,
h1.pageTitle#postTitle span:before,
h1.pageTitle#eventTitle span:before,
h1.pageTitle#withTitle span:before,
h1.pageTitle#reportTitle span:before,
h1.pageTitle#knowTitle span:before,
h1.pageTitle#forumTitle span:before,
h1.pageTitle#mailmagazineTitle span:before,
h1.pageTitle#guideTitle span:before {
  top: 50%;
  margin-top: -20px;
}

@media screen and (max-width: 767px) {
  h1.pageTitle#memberTitle span:before,
  h1.pageTitle#changeTitle span:before,
  h1.pageTitle#myPageTitle span:before,
  h1.pageTitle#loginTitle span:before,
  h1.pageTitle#profileTitle span:before,
  h1.pageTitle#entryTitle span:before,
  h1.pageTitle#shareTitle span:before,
  h1.pageTitle#postTitle span:before,
  h1.pageTitle#eventTitle span:before,
  h1.pageTitle#withTitle span:before,
  h1.pageTitle#reportTitle span:before,
  h1.pageTitle#knowTitle span:before,
  h1.pageTitle#forumTitle span:before,
  h1.pageTitle#mailmagazineTitle span:before,
  h1.pageTitle#guideTitle span:before {
    margin-top: -16px;
  }
}

.ttl--site {
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ttl--site {
    padding: 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.ttl--lv1 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  color: #333;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .ttl--lv1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.ttl--lv2 {
  margin-bottom: 16px;
  padding: 0 0 30px 40px;
  line-height: 1.4;
  font-size: 20px;
  font-size: 2rem;
  background: url(/share_swc/images/title_bg_icon.svg) 0 4px no-repeat;
  background-size: 28px 18px;
  position: relative;
  overflow: hidden;
}

.ttl--lv2:before {
  content: "";
  display: block;
  width: 60px;
  height: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: url(/share_swc/images/title_bg_border.png) no-repeat;
}

.ttl--lv2:after {
  content: "";
  display: block;
  width: 100%;
  height: 3px;
  position: absolute;
  left: 60px;
  bottom: 11px;
  background: #0075c2;
}

@media screen and (max-width: 767px) {
  .ttl--lv2 {
    padding: 0 0 25px 25px;
    background-size: 19px 12px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .ttl--lv2:before {
    background: url(/share_swc/images/title_bg_border_sp.png) no-repeat;
    background-size: 60px 14px;
  }
}

.ttl--lv3, .myprofile .block__title {
  margin-bottom: 10px;
  padding: 2px 3px 2px 8px;
  border-left: 3px solid #0075c2;
  line-height: 1.2;
  color: #0075c2;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .ttl--lv3, .myprofile .block__title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.ttl--lv3.is--focus, .myprofile .is--focus.block__title {
  border-color: #ff9c00;
  color: #ff4100;
}

p + .ttl--lv3, .myprofile p + .block__title {
  margin-top: 24px;
}

.ttl--lv3.grid-ttl, .myprofile .grid-ttl.block__title {
  margin-bottom: 0;
}

.gridWrap + .ttl--lv3.grid-ttl, .myprofile .gridWrap + .grid-ttl.block__title {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .gridWrap + .ttl--lv3.grid-ttl, .myprofile .gridWrap + .grid-ttl.block__title {
    margin-top: 20px;
  }
}

.boxBlock__body .ttl--lv3, .boxBlock__body .myprofile .block__title, .myprofile .boxBlock__body .block__title {
  font-size: 15px;
  font-size: 1.5rem;
}

.ttl--lv4 {
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}

.seriesTitle {
  margin-bottom: 20px;
  padding: 10px;
  background: #e6f8fa;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.3;
}

.seriesTitle__sub {
  display: block;
  color: #999;
  font-size: 12px;
  font-size: 1.2rem;
}

.seriesSubTitle {
  margin-bottom: 1.6em;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.seriesSubTitle.align-left {
  text-align: left;
}

.ttlBar--lv2 {
  font-size: 18px;
  font-size: 1.8rem;
  background: #0075c2;
  color: #fff;
  border-radius: 4px;
  position: relative;
  padding: 5px 10px 5px 12px;
  margin-bottom: 20px;
  margin-top: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-left: 4px solid #f8f135;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .ttlBar--lv2 {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.3;
    padding: 8px 10px;
    width: 100%;
    margin-bottom: 15px;
  }
}

/* tab */
.tabPanel {
  margin-bottom: 5px;
}

.tabPanel + .is--striped {
  margin-top: -5px;
}

.tab__controll {
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  display: table;
  width: 100%;
}

.tab__controll__item, .tab__controll__item-2, .tab__controll__item-3, .tab__controll__item-4, .tab__controll__item-5, .tab__controll__item-6 {
  display: table-cell;
  vertical-align: middle;
  width: 33.3333%;
  height: auto;
  padding: 18px 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  color: #000;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.tab__controll__item:hover, .tab__controll__item-2:hover, .tab__controll__item-3:hover, .tab__controll__item-4:hover, .tab__controll__item-5:hover, .tab__controll__item-6:hover {
  color: #0075c2;
}

.tab__controll__item.is--active, .tab__controll__item-2.is--active, .tab__controll__item-3.is--active, .tab__controll__item-4.is--active, .tab__controll__item-5.is--active, .tab__controll__item-6.is--active {
  position: relative;
  color: #0075c2;
}

.tab__controll__item.is--active:after, .tab__controll__item-2.is--active:after, .tab__controll__item-3.is--active:after, .tab__controll__item-4.is--active:after, .tab__controll__item-5.is--active:after, .tab__controll__item-6.is--active:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  height: 4px;
  width: 100%;
  background: #0075c2;
}

.tab__controll__item:only-child, .tab__controll__item-2:only-child, .tab__controll__item-3:only-child, .tab__controll__item-4:only-child, .tab__controll__item-5:only-child, .tab__controll__item-6:only-child {
  display: block;
}

.tab__controll.item2 .tab__controll__item {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .tab__controll__item, .tab__controll__item-2, .tab__controll__item-3, .tab__controll__item-4, .tab__controll__item-5, .tab__controll__item-6 {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 16px 0 18px;
  }
  .tab__controll__item.is--active:after, .tab__controll__item-2.is--active:after, .tab__controll__item-3.is--active:after, .tab__controll__item-4.is--active:after, .tab__controll__item-5.is--active:after, .tab__controll__item-6.is--active:after {
    height: 3px;
  }
}

/* list */
.infoList-01 .list__item, .infoList-02 .list__item, .infoList-03 .list__item, .infoList-04 .list__item, .infoList-05 .list__item, .infoList-06 .list__item, .infoList-07 .list__item, .menuList-01 .list__item {
  padding: 15px;
}

@media screen and (max-width: 767px) {
  .infoList-01 .list__item, .infoList-02 .list__item, .infoList-03 .list__item, .infoList-04 .list__item, .infoList-05 .list__item, .infoList-06 .list__item, .infoList-07 .list__item, .menuList-01 .list__item {
    padding: 10px 0;
  }
}

.infoList-01 {
  background: #f4f4f4;
}

.infoList-01 .list__item + .list__item {
  border-top: 2px solid #fff;
}

@media screen and (min-width: 767px) {
  .infoList-01 .list__item .metaUnit__time, .infoList-01 .list__item .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
  .infoList-01 .list__item .metaUnit__category {
    margin-left: 1em;
  }
}

.infoList-01.with--icon .list__item .body {
  width: 70%;
  float: left;
}

.infoList-01.with--icon .list__item .icon {
  float: right;
  background: #fff;
  color: #697580;
}

.infoList-02 .list__item {
  border-bottom: 2px solid #f4f4f4;
}

@media screen and (max-width: 767px) {
  .infoList-02 .list__item {
    padding: 15px 10px;
  }
}

.infoList-02 .list__item:first-child {
  border-top: 2px solid #f4f4f4;
}

.infoList-02 .list__item > a {
  padding: 15px 0;
}

@media screen and (max-width: 767px) {
  .infoList-02 .list__item > a {
    padding: 15px 10px;
  }
}

.infoList-02 .list__item__meta {
  float: left;
  margin-right: 10px;
}

.infoList-02 .list__item__body {
  float: left;
  width: 68%;
}

.infoList-02 .list__item__img {
  width: 60px;
  float: right;
}

.infoList-02 .metaUnit__num {
  position: relative;
  position: relative;
  margin-left: 1em;
  color: #004673;
}

.infoList-02 .metaUnit__num:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.infoList-02 .metaUnit__num:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.infoList-02 .metaUnit__num:before {
  content: '\f075';
}

.infoList-02 .metaUnit__num:before {
  font-size: 100%;
}

@media screen and (min-width: 767px) {
  .infoList-02 .metaUnit__time, .infoList-02 .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
  .infoList-02 .metaUnit__category {
    margin-left: 1em;
  }
}

.infoList-03 .list__item {
  background: #fff;
}

.infoList-03 .list__item > a {
  display: block;
}

.infoList-03 .list__item + .list__item {
  border-top: 10px solid #f4f4f4;
}

.infoList-03 .list__item__meta {
  float: right;
  margin-right: 10px;
  color: #999;
}

.infoList-03 .list__item__meta .icon--member {
  padding: 0;
}

.infoList-03 .list__item__meta .icon--member:before {
  font-size: 100%;
}

.infoList-03 .list__item__meta .fa {
  position: relative;
}

.infoList-03 .list__item__meta .fa:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.infoList-03 .list__item__body {
  float: left;
  width: 75%;
}

.infoList-03 .metaUnit__num {
  margin-left: 1em;
  color: #004673;
}

.infoList-03 .metaUnit__num .fa {
  margin-right: 5px;
  font-size: 80%;
}

@media screen and (min-width: 767px) {
  .infoList-03 .metaUnit__time, .infoList-03 .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
  .infoList-03 .metaUnit__category {
    margin-left: 1em;
  }
}

.infoList-03__img {
  width: 60px;
  float: right;
}

.infoList-04 .list__item {
  background: #fff;
}

@media screen and (min-width: 767px) {
  .infoList-04 .list__item {
    padding: 15px 0;
  }
}

.infoList-04 .list__item > a {
  display: block;
}

@media screen and (min-width: 767px) {
  .infoList-04 .list__item > a {
    margin: -15px 0;
    padding: 15px 0;
  }
}

.infoList-04 .list__item + .list__item {
  border-top: 1px solid #dadada;
}

.infoList-04 .list__item__meta {
  float: right;
  color: #999;
}

@media screen and (max-width: 767px) {
  .infoList-04 .list__item__meta {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.infoList-04 .list__item__meta .icon--member {
  background: #f4f4f4;
}

.infoList-04 .list__item__meta .icon--member:before {
  font-size: 100%;
}

.infoList-04 .list__item__meta .fa {
  position: relative;
}

.infoList-04 .list__item__meta .fa:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.infoList-04 .list__item__meta .btns {
  text-align: right;
}

.infoList-04 .list__item .list__item__body {
  float: left;
  width: 68%;
}

.infoList-04 .list__item .list__item__body h3 {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .infoList-04 .list__item .list__item__body h3 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.infoList-04 .metaUnit__num {
  margin-left: 1em;
  color: #004673;
}

.infoList-04 .metaUnit__num .fa {
  margin-right: 5px;
  font-size: 80%;
}

@media screen and (min-width: 767px) {
  .infoList-04 .metaUnit__time, .infoList-04 .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
  .infoList-04 .metaUnit__category {
    margin-left: 1em;
  }
}

.infoList-04.without--icon .list__item__body {
  width: 100%;
  float: none;
}

.infoList-05 .list__item {
  background: #fff;
  padding: 15px 0;
}

.infoList-05 .list__item > a {
  display: block;
  width: 100%;
  position: relative;
}

.infoList-05 .list__item + .list__item {
  border-top: 1px solid #dadada;
}

.infoList-05 .list__item .thumbnail {
  width: 90px;
  display: block;
  float: left;
}

.infoList-05 .list__item .list__item__text {
  margin-left: 110px;
}

@media screen and (max-width: 767px) {
  .infoList-05 .list__item .list__item__text {
    margin-left: 105px;
  }
}

.infoList-05 .list__item .title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .infoList-05 .list__item .title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.infoList-05 .metaUnit {
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: right;
}

.infoList-05 .metaUnit__time {
  display: inline;
}

.infoList-05__img {
  width: 60px;
  float: right;
}

.infoList-06 .list__item {
  background: #fff;
  padding: 15px 0;
}

.infoList-06 .list__item > a {
  display: block;
}

.infoList-06 .list__item + .list__item {
  border-top: 1px solid #dadada;
}

.infoList-06 .list__item .list__item__body .category {
  display: inline-block;
  color: #fff;
  background: #13a0fb;
  font-size: 12px;
  font-size: 1.2rem;
  height: 20px;
  line-height: 20px;
  padding: 0 26px;
  border-radius: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .infoList-06 .list__item .list__item__body .category {
    font-size: 10px;
    font-size: 1rem;
    height: 18px;
    line-height: 18px;
    border-radius: 9px;
    padding: 0 15px;
    margin-bottom: 6px;
  }
}

.infoList-06 .list__item .list__item__body .category + .title {
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .infoList-06 .list__item .list__item__body .category + .title {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.infoList-07 .list__item {
  background: #fff;
  padding: 15px 0;
}

.infoList-07 .list__item > a {
  display: table;
  width: 100%;
}

.infoList-07 .list__item + .list__item {
  border-top: 1px solid #dadada;
}

.infoList-07 .list__item .thumbnail {
  width: 60px;
  height: 60px;
  display: table-cell;
  vertical-align: middle;
}

@media screen and (max-width: 767px) {
  .infoList-07 .list__item .thumbnail {
    width: 50px;
    height: 50px;
  }
}

.infoList-07 .list__item .list__item__text {
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .infoList-07 .list__item .list__item__text {
    padding-left: 15px;
  }
}

.infoList-07 .list__item .title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.infoList-07 .list__item__meta {
  float: right;
  margin-right: 10px;
  color: #999;
}

.infoList-07 .list__item__meta .icon--member {
  padding: 0;
}

.infoList-07 .list__item__meta .icon--member:before {
  font-size: 100%;
}

.infoList-07 .list__item__meta .fa {
  position: relative;
}

.infoList-07 .list__item__meta .fa:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.infoList-07 .metaUnit__num {
  margin-left: 1em;
  color: #004673;
}

.infoList-07 .metaUnit__num .fa {
  margin-right: 5px;
  font-size: 80%;
}

@media screen and (min-width: 767px) {
  .infoList-07 .metaUnit__time, .infoList-07 .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
  .infoList-07 .metaUnit__category {
    margin-left: 1em;
  }
}

.infoList-07__img {
  width: 60px;
  float: right;
}

.imgList-01 {
  margin-right: -2px;
  margin-left: -2px;
}

@media screen and (max-width: 767px) {
  .imgList-01 {
    margin: 0;
  }
}

.imgList-01 .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 2px;
}

.imgList-01 .list__item img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .imgList-01 .list__item {
    width: 50%;
  }
}

.imgList-01 .body {
  position: relative;
  margin: 0;
}

.imgList-01 .body:after {
  position: absolute;
  width: 100%;
  height: 100%;
  content: ' ';
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.imgList-01 .overlay {
  position: absolute;
  display: table;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 0;
  z-index: 20;
}

.imgList-01 .overlay .caption {
  display: block;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
}

.imgList-02 {
  margin-right: -2px;
  margin-left: -2px;
}

@media screen and (max-width: 767px) {
  .imgList-02 {
    margin: 0;
  }
}

.imgList-02 .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 25%;
  padding: 2px;
}

.imgList-02 .list__item img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .imgList-02 .list__item {
    width: 33.3333%;
  }
}

.imgList-03 {
  margin-right: -10px;
  margin-left: -10px;
}

@media screen and (max-width: 767px) {
  .imgList-03 {
    margin: 0;
  }
}

.imgList-03 .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 50%;
  padding: 10px;
}

.imgList-03 .list__itemInner {
  padding-bottom: 1.6em;
  border-bottom: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .imgList-04 {
    margin: 0;
  }
}

.imgList-04 .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (min-width: 767px) {
  .imgList-04 .list__item {
    margin-left: 10%;
    margin-right: 10%;
  }
}

.imgList-04 .list__item + .list__item {
  margin-top: 64px;
}

.imgList-04 .list__item .img {
  float: left;
}

.imgList-04 .list__item .img img {
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .imgList-04 .list__item .img {
    float: none;
    margin-bottom: 24px;
  }
  .imgList-04 .list__item .img img {
    width: 100%;
  }
}

.imgList-04 .list__item .txt {
  float: left;
  padding: 0 0 0 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .imgList-04 .list__item .txt {
    float: none;
    padding: 0;
  }
}

.imgList-04 .list__item.is--reverse .img {
  float: right;
}

@media screen and (max-width: 767px) {
  .imgList-04 .list__item.is--reverse .img {
    float: none;
    margin-bottom: 24px;
  }
  .imgList-04 .list__item.is--reverse .img img {
    width: 100%;
  }
}

.imgList-04 .list__item.is--reverse .txt {
  float: left;
  padding: 0 20px 0 0;
}

.imgList-04 .list__item.is--center .img {
  float: none;
  margin: 0 auto;
}

.imgList-04 .list__item.is--center .txt {
  float: none;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .menuList-01 {
    background: #f4f4f4;
  }
}

.menuList-01 .list__item {
  padding: 10px 5px;
  line-height: 1.2;
}

@media screen and (max-width: 767px) {
  .menuList-01 .list__item {
    padding: 15px 10px;
  }
}

.menuList-01 .list__item > a {
  margin: -10px -5px;
  padding: 10px 5px;
  position: relative;
  position: relative;
}

.menuList-01 .list__item > a:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.menuList-01 .list__item > a:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.menuList-01 .list__item > a:before {
  content: '\f138';
}

.menuList-01 .list__item > a:before {
  position: absolute;
  top: 10px;
  left: 0;
  color: #ff9c00;
}

@media screen and (max-width: 767px) {
  .menuList-01 .list__item > a:before {
    top: 15px;
  }
}

@media screen and (max-width: 767px) {
  .menuList-01 .list__item > a {
    margin: -15px 0;
    padding: 15px 0 15px 15px;
  }
}

@media screen and (min-width: 767px) {
  .menuList-01 .list__item > a {
    padding: 10px 0 10px 20px;
  }
}

@media screen and (max-width: 767px) {
  .menuList-01 .list__item + .list__item {
    border-top: 2px solid #fff;
  }
}

.menuList-01 .list__item.with--append > a {
  display: inline-block;
  max-width: 80%;
}

.menuList-01 .list__item.with--append .list__item--append {
  display: inline-block;
  float: right;
  font-size: 11px;
  font-size: 1.1rem;
}

.menuList-01 .list__item.with--append .list__item--append.onoffswitch {
  margin-top: -6px;
}

.menuList-01 .list__item.with--append .list__item--append a {
  padding: 4px 12px;
  background: #ff9c00;
  color: #fff;
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 0 #cc7d00;
          box-shadow: 0 2px 0 #cc7d00;
}

@media screen and (max-width: 767px) {
  .menuList-01 .list__item.with--append .list__item--append a {
    font-weight: bold;
    padding-top: 5px;
  }
}

.termsList__title {
  margin-bottom: 8px;
  font-weight: bold;
}

.termsList__body {
  padding-left: 1em;
}

.termsList__body + .termsList__title {
  margin-top: 24px;
}

.discList > .list__item {
  position: relative;
  padding-left: 16px;
}

.discList > .list__item + .list__item {
  margin-top: .8em;
}

.discList > .list__item:before {
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 3px;
  top: 16px;
  left: 0;
  background-color: #000;
  content: ' ';
}

.squareList-01 > .list__item {
  position: relative;
  padding-left: 16px;
}

.squareList-01 > .list__item + .list__item {
  margin-top: .8em;
}

.squareList-01 > .list__item:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  background: none;
  content: '◆';
  font-size: 12px;
  font-size: 1.2rem;
}

.numList-01 {
  counter-reset: number;
}

.list__item > .numList-01 {
  margin-top: 1em;
}

.numList-01 > .list__item {
  position: relative;
  padding: 0 0 0 3em;
}

.numList-01 > .list__item + .list__item {
  margin-top: .6em;
}

.numList-01 > .list__item:before {
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  counter-increment: number;
  content: "（" counter(number) "）";
  text-align: center;
}

.discList {
  margin-bottom: 15px;
}

.discList li {
  position: relative;
  padding: 8px 0 8px 20px;
}

.discList li:before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  background: #000;
  border-radius: 100%;
  position: absolute;
  left: 7px;
  top: 16px;
}

@media screen and (min-width: 767px) {
  .discList.discList--3col li {
    float: left;
    width: 33.3%;
  }
  .discList.discList--3col li a {
    padding-right: 20px;
  }
  .discList.discList--2col li {
    float: left;
    width: 50%;
  }
  .discList.discList--2col li a {
    padding-right: 20px;
  }
}

.discList.no-padding li {
  padding: 0 0 0 20px;
}

.discList.no-padding li:before {
  top: 8px;
}

.linkList {
  margin-bottom: 15px;
}

.linkList li a {
  position: relative;
  padding: 8px 0 8px 20px;
  display: block;
}

.linkList li a:before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #0075c2;
  border-top: 1px solid #0075c2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: absolute;
  left: 5px;
  top: 15px;
}

@media screen and (min-width: 767px) {
  .linkList.linkList--3col li {
    float: left;
    width: 33.3%;
  }
  .linkList.linkList--3col li a {
    padding-right: 20px;
  }
  .linkList.linkList--2col li {
    float: left;
    width: 50%;
  }
  .linkList.linkList--2col li a {
    padding-right: 20px;
  }
}

.linkList.with-thumb li {
  margin-top: 20px;
}

.linkList.with-thumb li a {
  padding: 0;
  display: table;
  width: 100%;
}

.linkList.with-thumb li a:before {
  display: none;
}

.linkList.with-thumb li a .thumbnail {
  display: table-cell;
  vertical-align: middle;
  width: 68px;
}

.linkList.with-thumb li a .thumbnail img {
  width: 100%;
}

.linkList.with-thumb li a .thumbnail + .title {
  display: table-cell;
  vertical-align: middle;
  margin-left: 20px;
  padding-left: 14px;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (min-width: 767px) {
  .linkList.with-thumb.linkList--2col li {
    float: left;
    width: 50%;
  }
  .linkList.with-thumb.linkList--2col li a {
    padding-right: 10px;
  }
  .linkList.with-thumb.linkList--2col li:nth-child(2n) a {
    padding-right: 0;
    padding-left: 10px;
  }
}

.linkList--related {
  padding-top: 20px;
}

.linkList--related li {
  width: 50%;
  float: left;
}

.linkList--related li a {
  border-top: 2px solid #0075c2;
  border-bottom: 2px solid #0075c2;
  display: block;
  padding: 18px 35px 18px 10px;
  position: relative;
}

.linkList--related li a:after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  right: 15px;
  top: 50%;
  border-top: 2px solid #0075c2;
  border-right: 2px solid #0075c2;
  -webkit-transform: rotate(45deg) translateX(-50%);
          transform: rotate(45deg) translateX(-50%);
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.linkList--related li a:hover:after {
  right: 10px;
}

.linkList--related li a.icon-member {
  background: url(/share_swc/images/icon_cat_member.svg) 10px center no-repeat;
  background-size: 45px 45px;
}

.linkList--related li a.icon-event {
  background: url(/share_swc/images/icon_cat_event.svg) 10px center no-repeat;
  background-size: 45px 45px;
}

.linkList--related li a.icon-forum {
  background: url(/share_swc/images/icon_cat_forum.svg) 10px center no-repeat;
  background-size: 45px 45px;
}

.linkList--related li a.icon-with {
  background: url(/share_swc/images/icon_cat_with.svg) 10px center no-repeat;
  background-size: 45px 45px;
}

.linkList--related li a[class*='icon-'] > .linkList--related--body {
  margin-left: 55px;
}

.linkList--related li a .linkList--related--body {
  color: #0075c2;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  margin-top: -5px;
}

.linkList--related li a .linkList--related--body span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #000;
}

.linkList--related li:nth-child(n+3) a {
  border-top: 0;
}

@media screen and (max-width: 767px) {
  .linkList--related li {
    width: 100%;
    float: none;
  }
  .linkList--related li a {
    border-top: 0;
    padding: 14px 30px 14px 5px;
  }
  .linkList--related li a:after {
    width: 6px;
    height: 6px;
    right: 10px;
  }
  .linkList--related li a.icon-member, .linkList--related li a.icon-event, .linkList--related li a.icon-forum, .linkList--related li a.icon-with {
    background-position: 5px center;
    background-size: 40px 40px;
  }
  .linkList--related li a[class*='icon-'] > .linkList--related--body {
    margin-left: 50px;
  }
  .linkList--related li a .linkList--related--body {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: -5px;
  }
  .linkList--related li a .linkList--related--body span {
    font-size: 10px;
    font-size: 1rem;
  }
  .linkList--related li:first-child a {
    border-top: 2px solid #0075c2;
  }
}

[class^="index-boxList--"] li,
.index-forumList li {
  float: left;
  display: table;
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

[class^="index-boxList--"] li a,
.index-forumList li a {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  height: 70px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 8px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

[class^="index-boxList--"] li a:hover,
.index-forumList li a:hover {
  color: #0075c2;
  background: #f4f4f4;
}

@media screen and (max-width: 767px) {
  [class^="index-boxList--"],
  .index-forumList {
    border-bottom: none;
  }
  [class^="index-boxList--"] li,
  .index-forumList li {
    font-size: 11px;
    font-size: 1.1rem;
  }
  [class^="index-boxList--"] li a,
  .index-forumList li a {
    padding: 2px 4px;
  }
}

.index-boxList--2 li {
  width: 50%;
}

.index-boxList--2 li:nth-child(-n+2) {
  border-top: 1px solid #dadada;
}

.index-boxList--2 li:nth-child(2n+1) {
  border-left: 1px solid #dadada;
}

.index-boxList--3 li {
  width: 33.3%;
}

.index-boxList--3 li:nth-child(-n+3) {
  border-top: 1px solid #dadada;
}

.index-boxList--3 li:nth-child(3n+1) {
  border-left: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .index-boxList--3 li {
    width: 50%;
  }
  .index-boxList--3 li:nth-child(-n+3) {
    border-top: 0;
  }
  .index-boxList--3 li:nth-child(3n+1) {
    border-left: 0;
  }
  .index-boxList--3 li:nth-child(-n+2) {
    border-top: 1px solid #dadada;
  }
  .index-boxList--3 li:nth-child(2n+1) {
    border-left: 1px solid #dadada;
  }
}

.index-boxList--4 li {
  width: 25%;
}

.index-boxList--4 li:nth-child(-n+4) {
  border-top: 1px solid #dadada;
}

.index-boxList--4 li:nth-child(4n+1) {
  border-left: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .index-boxList--4 li {
    width: 50%;
  }
  .index-boxList--4 li:nth-child(-n+4) {
    border-top: 0;
  }
  .index-boxList--4 li:nth-child(4n+1) {
    border-left: 0;
  }
  .index-boxList--4 li:nth-child(-n+2) {
    border-top: 1px solid #dadada;
  }
  .index-boxList--4 li:nth-child(2n+1) {
    border-left: 1px solid #dadada;
  }
}

.index-boxList--5 li {
  width: 20%;
}

.index-boxList--5 li:nth-child(-n+5) {
  border-top: 1px solid #dadada;
}

.index-boxList--5 li:nth-child(5n+1) {
  border-left: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .index-boxList--5 li {
    width: 33.3%;
  }
  .index-boxList--5 li:nth-child(-n+6) {
    border-top: 0;
  }
  .index-boxList--5 li:nth-child(6n+1) {
    border-left: 0;
  }
  .index-boxList--5 li:nth-child(-n+3) {
    border-top: 1px solid #dadada;
  }
  .index-boxList--5 li:nth-child(3n+1) {
    border-left: 1px solid #dadada;
  }
}

.index-boxList--6 li,
.index-forumList li {
  width: 16.66%;
}

.index-boxList--6 li:nth-child(-n+6),
.index-forumList li:nth-child(-n+6) {
  border-top: 1px solid #dadada;
}

.index-boxList--6 li:nth-child(6n+1),
.index-forumList li:nth-child(6n+1) {
  border-left: 1px solid #dadada;
}

@media screen and (max-width: 767px) {
  .index-boxList--6 li,
  .index-forumList li {
    width: 33.3%;
  }
  .index-boxList--6 li:nth-child(-n+6),
  .index-forumList li:nth-child(-n+6) {
    border-top: 0;
  }
  .index-boxList--6 li:nth-child(6n+1),
  .index-forumList li:nth-child(6n+1) {
    border-left: 0;
  }
  .index-boxList--6 li:nth-child(-n+3),
  .index-forumList li:nth-child(-n+3) {
    border-top: 1px solid #dadada;
  }
  .index-boxList--6 li:nth-child(3n+1),
  .index-forumList li:nth-child(3n+1) {
    border-left: 1px solid #dadada;
  }
}

.index-newsList li {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.index-newsList li:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.index-newsList li .newsList__thumb {
  width: 120px;
  float: left;
  text-align: center;
  overflow: hidden;
}

.index-newsList li .newsList__thumb img {
  max-height: 80px;
  max-width: 120px;
}

@media screen and (max-width: 767px) {
  .index-newsList li .newsList__thumb {
    width: 60px;
  }
  .index-newsList li .newsList__thumb img {
    max-height: 80px;
    max-width: 60px;
  }
}

.index-newsList li .newsList__body {
  margin-left: 140px;
}

.index-newsList li .newsList__body .title a {
  display: block;
}

@media screen and (max-width: 767px) {
  .index-newsList li .newsList__body {
    margin-left: 75px;
  }
  .index-newsList li .newsList__body .date {
    display: block;
    margin-top: 3px;
  }
  .index-newsList li .newsList__body .title {
    margin: 5px 0 5px;
  }
}

.index-newsList li .category {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 100px;
  padding: 0 15px;
  height: 18px;
  border-radius: 9px;
  color: #fff;
  text-align: center;
  line-height: 18px;
  background: #13a0fb;
}

.index-newsList li .date {
  display: inline-block;
  color: #666;
  margin-left: 10px;
}

.index-newsList li .title {
  margin: 10px 0 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.index-newsList li .title a {
  position: relative;
  padding-left: 16px;
}

.index-newsList li .title a::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 7px;
}

.block .conversationList {
  font-size: 1.4rem;
}

.block .conversationList li {
  padding: 16px 16px 10px;
  border-bottom: 1px solid #eaeaea;
  overflow: hidden;
  margin: -1px 0;
}

@media screen and (max-width: 767px) {
  .block .conversationList li {
    padding: 16px 10px;
  }
}

.block .conversationList li:hover {
  background-color: #f6f6f6;
}

.block .conversationList .col-conversation {
  width: 100%;
  display: block;
  margin-bottom: 10px;
}

.block .conversationList .col-conversation:after {
  content: "";
  clear: both;
  display: block;
}

.block .conversationList .col-conversation img {
  vertical-align: middle;
}

.block .conversationList .col-conversation .title {
  font-weight: 600;
  font-size: 1.8rem;
}

@media screen and (max-width: 767px) {
  .block .conversationList .col-conversation .title {
    font-size: 1.4rem;
  }
}

.block .conversationList .col-conversation .title a {
  font-weight: 600;
  color: #354059;
}

.block .conversationList .col-conversation .title a img {
  height: auto;
  float: left;
  width: 120px;
  margin-right: 15px;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .block .conversationList .col-conversation .title a img {
    width: 80px;
    margin-right: 10px;
    margin-bottom: 5px;
  }
}

.block .conversationList .col-conversation .excerpt {
  margin-top: 5px;
  color: #999999;
  font-size: 85%;
}

.block .conversationList .col-channel {
  float: left;
  display: block;
  padding-right: 5px;
  margin: 0;
  width: auto;
  text-align: left;
  clear: both;
}

.block .conversationList .col-channel .channel {
  background: #fff;
  text-decoration: none;
  color: #666;
  text-shadow: none;
  border-radius: 3px;
  font-size: 85%;
  border: 1px solid #ddd;
  white-space: nowrap;
  padding: 2px 5px;
}

.block .conversationList .col-lastPost {
  font-size: 85%;
  padding-right: 0;
  width: auto;
  margin-right: 0;
  float: left;
  display: inline-block;
  white-space: normal;
  overflow: visible;
}

@media screen and (max-width: 767px) {
  .block .conversationList .col-lastPost {
    font-size: 1rem;
  }
}

.block .conversationList .col-lastPost .avatar {
  width: 64px;
  height: 64px;
  border-radius: 3px;
  background: #eee;
  text-align: center;
  font-size: 30px;
  line-height: 64px;
  color: #bbb;
  display: inline-block;
}

.block .conversationList .col-lastPost .avatar.thumb {
  width: 20px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  vertical-align: middle;
}

.block .conversationList .col-lastPost .action {
  width: 400px;
  height: 30px;
  margin: 10px 0;
}

.block .conversationList .col-lastPost .action span {
  float: none;
}

@media screen and (max-width: 767px) {
  .block .conversationList .col-lastPost .action span {
    margin-top: 3px;
  }
}

.block .conversationList .col-lastPost .action .avatar {
  margin-right: 3px;
}

.block .conversationList .col-lastPost .action * {
  font-weight: 300;
}

.block .conversationList .col-replies {
  float: right;
  text-align: center;
  font-size: 85%;
  color: #999999;
  margin: 0;
  width: auto;
}

.block .conversationList .col-replies span {
  font-size: 20px;
  font-weight: 300;
}

@media screen and (max-width: 767px) {
  .block .conversationList .col-replies span {
    font-size: 1.4rem;
  }
}

.block .conversationList .col-replies span a {
  color: #999999;
}

/* table */
.dataTable, .formTable, .reportTable, .reportTable-02, .profileTable {
  width: 100%;
}

.dataTable th, .dataTable td, .formTable th, .formTable td, .reportTable th, .reportTable td, .reportTable-02 th, .reportTable-02 td, .profileTable th, .profileTable td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
  text-align: left;
  font-weight: normal;
}

.dataTable th, .formTable th, .reportTable th, .reportTable-02 th, .profileTable th {
  font-weight: bold;
}

.dataTable .nowrap, .formTable .nowrap, .reportTable .nowrap, .reportTable-02 .nowrap, .profileTable .nowrap {
  white-space: nowrap;
}

.dataTable .cell--data, .formTable .cell--data, .reportTable .cell--data, .reportTable-02 .cell--data, .profileTable .cell--data {
  text-align: right;
}

.dataTable .row10, .formTable .row10, .reportTable .row10, .reportTable-02 .row10, .profileTable .row10 {
  width: 10%;
}

.dataTable .row20, .formTable .row20, .reportTable .row20, .reportTable-02 .row20, .profileTable .row20 {
  width: 20%;
}

.dataTable .row25, .formTable .row25, .reportTable .row25, .reportTable-02 .row25, .profileTable .row25 {
  width: 25%;
}

.dataTable .row30, .formTable .row30, .reportTable .row30, .reportTable-02 .row30, .profileTable .row30 {
  width: 30%;
}

.dataTable .row40, .formTable .row40, .reportTable .row40, .reportTable-02 .row40, .profileTable .row40 {
  width: 40%;
}

.dataTable .row60, .formTable .row60, .reportTable .row60, .reportTable-02 .row60, .profileTable .row60 {
  width: 60%;
}

.dataTable th, .dataTable td {
  border: 1px solid #dadada;
}

.dataTable thead tr, .dataTable tbody th {
  background: #ebebeb;
}

.dataTable tbody tr:nth-child(2n) {
  background: #fafafa;
}

.dataTable .thumbnail img {
  width: 60px;
}

@media screen and (max-width: 767px) {
  .dataTable .thumbnail img {
    width: 50px;
  }
}

.formTable {
  margin-bottom: 24px;
}

.formTable th, .formTable td {
  border: 1px solid #dadada;
  vertical-align: top;
}

.formTable.th-short th {
  width: 16%;
}

.formTable thead tr, .formTable tbody th {
  background: #ebebeb;
}

.formTable tbody th {
  width: 30%;
}

.formTable tbody td {
  vertical-align: middle;
}

.formTable tbody td .info {
  font-size: 12px;
  font-size: 1.2rem;
}

.formTable tbody td .info + .info {
  margin-top: 8px;
}

.formTable tbody td .info + .form__unit {
  margin-top: 12px;
}

.formTable .required:after {
  position: relative;
  display: block;
  content: '※必須項目';
  font-size: 11px;
  font-size: 1.1rem;
  color: #ff4100;
}

@media screen and (max-width: 767px) {
  .formTable .required:after {
    margin-left: 1em;
  }
}

.formTable .note {
  display: inline-block;
  margin-left: .8em;
  font-size: 11px;
  font-size: 1.1rem;
  color: #999;
}

.formTable td .note {
  display: block;
  margin: 8px 0 0;
}

.formTable .is--error th {
  background: #fdeeee;
  color: #000;
}

.formTable .is--error th .errorMessage {
  display: block;
}

@media screen and (max-width: 767px) {
  .formTable .is--error th {
    padding: 5px 10px;
  }
}

@media screen and (max-width: 767px) {
  .formTable .is--error .required:after {
    margin-left: 0;
  }
}

.formTable .is--error td {
  color: #000;
}

.formTable .is--error td .errorMessage {
  display: block;
  margin-bottom: 8px;
}

@media screen and (max-width: 767px) {
  .formTable.th-short th {
    width: 100%;
  }
  .formTable tr {
    display: block;
  }
  .formTable tr + tr {
    margin-top: 16px;
  }
  .formTable tbody th, .formTable tbody td {
    width: 100%;
    display: block;
    border: none;
    padding: 10px 0;
  }
  .formTable tbody th {
    background: none;
    border-bottom: 1px solid #dadada;
    padding: 0 0 5px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #0075c2;
  }
  .formTable .required:after {
    display: inline-block;
  }
}

.reportTable th, .reportTable td {
  vertical-align: top;
}

.reportTable tbody tr:nth-child(2n) {
  background: #f4f4f4;
}

.reportTable-02 th, .reportTable-02 td {
  vertical-align: top;
  padding: 4px 0px;
}

.profileTable th, .profileTable td {
  vertical-align: top;
}

.profileTable tbody tr:nth-child(2n+1) {
  background: #f4f4f4;
}

.profileTable tbody tr:nth-child(2n) {
  background: #fff;
}

@media screen and (max-width: 767px) {
  .tableUnit {
    position: relative;
    padding-top: 24px;
  }
  .has--menu .tableUnit {
    display: none;
  }
  .tableUnit:before {
    position: absolute;
    top: 0;
    padding: 0.04em 0.8em;
    background: #004673;
    content: '表はスクロールすることができます';
    font-size: 10px;
    font-size: 1rem;
    color: #fff;
  }
  .tableUnit__in {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .tableUnit__in:-webkit-scrollbar {
    height: 5px;
  }
  .tableUnit__in:-webkit-scrollbar-track {
    border-radius: 5px;
    background: #eee;
  }
  .tableUnit__in:-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #666;
  }
  .tableUnit__in table td {
    white-space: nowrap;
  }
}

/* linkUnit */
.linkUnit {
  position: relative;
  display: block;
}

.linkUnit .thumbnail {
  margin-bottom: 10px;
}

.linkUnit .thumbnail > img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.linkUnit .thumbnail > img:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: ' ';
  border: 1px solid #dadada;
}

.linkUnit__title {
  margin-bottom: 8px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}

.linkUnit + .btnL {
  margin-top: 20px;
}

/* meta_cat-time */
.metaUnit {
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}

.metaUnit__time {
  display: block;
  color: #999;
}

@media screen and (max-width: 767px) {
  .metaUnit__time {
    font-size: 10px;
    font-size: 1rem;
  }
}

.metaUnit__category {
  width: 48%;
  float: right;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .metaUnit__category {
    display: inline-block;
    width: auto;
    float: none;
  }
}

.grid__block .metaUnit__time {
  padding: 0 15px 10px;
}

@media screen and (max-width: 767px) {
  .grid__block .metaUnit__time {
    padding: 0 10px 10px;
  }
}

/* forms */
.formUnit .btns, .formUnit .btnsArea {
  margin-top: 24px;
}

@media screen and (max-width: 767px) {
  .formUnit .btns, .formUnit .btnsArea {
    margin-bottom: 10px;
  }
}

.form__unit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.form__unit + .form__unit {
  margin-top: 16px;
}

.form__unit .form__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .form__unit .form__item {
    display: inline-block;
    width: 100%;
  }
  .form__unit .form__item + .form__item {
    margin-top: 8px;
  }
}

.form__unit .form__item .point, .form__unit .form__item .reason {
  position: relative;
  display: block;
}

.form__unit .form__item .point:before, .form__unit .form__item .reason:before {
  position: relative;
  font-size: 11px;
  font-size: 1.1rem;
}

.form__unit .form__item .point:before {
  content: '評価点：';
}

.form__unit .form__item .reason:before {
  content: '理由：';
}

.form__unit .label--text, .form__unit .label--select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  min-width: 3em;
  padding-right: .4em;
  text-align: right;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .form__unit .label--text, .form__unit .label--select {
    display: block;
    text-align: left;
  }
}

.form__unit .label--text + .input-text,
.form__unit .label--text + .input-wrap, .form__unit .label--select + .input-text,
.form__unit .label--select + .input-wrap {
  display: table-cell;
}

@media screen and (max-width: 767px) {
  .form__unit .label--text + .input-text,
  .form__unit .label--text + .input-wrap, .form__unit .label--select + .input-text,
  .form__unit .label--select + .input-wrap {
    display: inline-block;
  }
}

.form__unit .label--select-before {
  display: inline-block;
  margin-right: 10px;
}

.form__unit .label--bottom .label--text, .form__unit .label--bottom .label--select {
  padding-right: 0;
  padding-left: .3em;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .form__unit .label--bottom .label--text, .form__unit .label--bottom .label--select {
    margin-left: 0;
  }
}

@media screen and (max-width: 767px) {
  .form__unit .label--bottom .input-select, .form__unit .label--bottom .label--select {
    width: auto;
    display: inline-block;
  }
}

.form__unit.input--group .form__item {
  width: 49%;
  float: left;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .form__unit.input--group .form__item {
    float: none;
    width: 100%;
  }
}

.form__unit.input--group .form__item + .form__item {
  margin-left: 1%;
}

@media screen and (max-width: 767px) {
  .form__unit.input--group .form__item + .form__item {
    margin-top: 0;
    margin-left: 0;
  }
}

.form__unit.input--group.with--3items .form__item, .form__unit.input--group.with--2items .form__item {
  width: auto;
  float: left;
  text-align: left;
}

.form__unit.input--group.with--3items .form__item + .form__item, .form__unit.input--group.with--2items .form__item + .form__item {
  margin-left: 1%;
}

@media screen and (max-width: 767px) {
  .form__unit.input--group.with--3items .form__item + .form__item, .form__unit.input--group.with--2items .form__item + .form__item {
    margin-top: 0;
    margin-left: 0;
  }
}

.form__unit.input--inline .label--text,
.form__unit.input--inline .label--select,
.form__unit.input--inline .label--text + .input-text,
.form__unit.input--inline .label--text + .input-wrap,
.form__unit.input--inline .label--select + .input-text,
.form__unit.input--inline .label--select + .input-wrap {
  display: inline;
}

.form__unit .input-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 6px;
  width: 100%;
}

.form__unit .input-text:focus {
  background: #fffcee;
}

.form__unit .input-text.is--error {
  background: #fef3f3;
  border-color: #ff4100;
  color: #000;
}

@media screen and (max-width: 767px) {
  .form__unit .input-text {
    margin-top: 5px;
    margin-bottom: 5px;
  }
}

.form__unit .input-select {
  padding: 0 6px;
  height: 32px;
  -webkit-appearance: menulist-button;
  background: #fff;
}

@media screen and (max-width: 767px) {
  .form__unit .input-select {
    height: 40px;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .form__unit .input-select + .label--text {
    margin-top: .6em;
  }
}

.form__unit .input-select[disabled] {
  color: #d6d6d6;
  background: #f4f4f4;
  border: 1px solid #dadada;
  cursor: not-allowed;
}

.form__unit .input-check, .form__unit .input-radio {
  vertical-align: middle;
  margin-right: .3em;
}

@media screen and (max-width: 767px) {
  .form__unit .input-check, .form__unit .input-radio {
    margin-top: 8px;
    margin-bottom: 8px;
  }
}

.form__unit label + .input-check, .form__unit label + .input-radio {
  margin-left: 1em;
}

@media screen and (max-width: 767px) {
  .form__unit .input-select {
    width: 100%;
  }
  .form__unit .input-delete {
    margin-top: 8px !important;
  }
}

.form__unit .checkWrap,
.form__unit .radioWrap {
  display: inline-block;
  margin-right: 15px;
}

@media screen and (max-width: 767px) {
  .form__unit .input-file {
    width: 100%;
  }
}

.form__unit .input-file.report-photo {
  margin: 6px 0 0 18px;
}

@media screen and (max-width: 767px) {
  .form__unit .input-file.report-photo {
    width: 100%;
    margin-left: 0;
  }
}

.form__unit .sizeXS {
  width: 10%;
}

@media screen and (max-width: 767px) {
  .form__unit .sizeXS {
    width: 15%;
    min-width: 4em;
  }
}

.form__unit .sizeSS {
  width: 20%;
}

@media screen and (max-width: 767px) {
  .form__unit .sizeSS {
    min-width: 4em;
  }
}

.form__unit .sizeS {
  width: 40%;
}

@media screen and (max-width: 767px) {
  .form__unit .sizeS {
    width: 100%;
  }
}

.form__unit .sizeM {
  width: 60%;
}

.form__unit .profile-switch-secret {
  background: #f4f4f4;
  padding: 10px 10px 10px 0;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .form__unit .profile-switch-secret {
    padding: 10px 15px 10px;
  }
}

@media screen and (max-width: 767px) {
  .form__unit > .img img {
    width: auto;
    max-width: 100%;
  }
}

.form__unitWrapFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.form__unitWrapFlex .form__unit {
  width: auto;
}

.form__unitWrapFlex .form__unit + .form__unit {
  margin-top: 0;
  margin-left: 10px;
}

.form__unitWrapFlex .form__unit.w-auto {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

ul.form__unit li {
  float: left;
  padding: 2px 20px 2px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
}

@media screen and (max-width: 767px) {
  ul.form__unit li {
    width: 50%;
  }
}

ul.form__unit.col-3 li {
  width: 33.33%;
}

@media screen and (max-width: 767px) {
  ul.form__unit.col-3 li {
    width: 50%;
  }
}

ul.form__unit.col-auto li {
  float: none;
  display: inline-block;
  width: auto;
}

dl.form__unit:not(:last-child) {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

dl.form__unit dt {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  float: left;
  width: 140px;
}

dl.form__unit dt input[type=checkbox] {
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
  margin: -1px 7px 0 5px;
}

dl.form__unit dd {
  padding-left: 160px;
}

dl.form__unit dd ul li {
  float: left;
  padding: 2px 20px 2px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
}

dl.form__unit dd ul li.wide {
  width: 100%;
}

dl.form__unit.col-3 li {
  width: 33.33%;
}

.is--confirm dl.form__unit dt {
  float: none;
  width: 100%;
}

.is--confirm dl.form__unit dd {
  padding-left: 0;
}

.is--confirm dl.form__unit dd ul li {
  float: none;
  width: auto;
  display: inline-block;
}

.is--confirm dl.form__unit dd ul li.wide {
  width: auto;
}

@media screen and (max-width: 767px) {
  dl.form__unit dt {
    float: none;
    width: 100%;
    margin-bottom: 7px;
  }
  dl.form__unit dt input[type=checkbox] {
    margin: -1px 7px 0 2px;
  }
  dl.form__unit dd {
    padding-left: 15px;
  }
  dl.form__unit dd ul li {
    width: 100%;
  }
  dl.form__unit dd ul li.wide {
    width: 100%;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  dl.form__unit.col-3 li {
    width: 100%;
  }
}

.is--confirm .other-hobby {
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
}

.form__unit > .profile-status, .form__unit > .photo-status {
  margin-top: 8px;
  font-size: 12px;
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .profile-status, .photo-status {
    display: block;
    max-width: 50%;
    margin-top: 8px;
  }
}

.is--confirm .profile-status, .is--confirm .photo-status {
  color: #999;
}

.form__unit > .photo-status {
  margin-left: 16px;
}

.form__unit.input--group > .profile-status {
  margin-top: 0;
}

.form--address .form__unit .form__item .label--text, .form--address .form__unit .form__item .label--select {
  width: 8em;
}

.is--confirm .form__unit .form__item {
  display: inline-block;
  width: auto;
  float: none;
}

@media screen and (max-width: 767px) {
  .is--confirm .form__unit .form__item {
    width: 100%;
    white-space: nowrap;
  }
}

.is--confirm .form__unit .form__item .label--text, .is--confirm .form__unit .form__item .label--select {
  display: inline-block;
  margin-right: .6em;
}

.report--photo img {
  display: block;
  max-width: 200px;
  float: left;
  margin-bottom: 10px;
  margin-right: 10px;
}

.imgStatus .list__item + .list__item {
  margin-top: 8px;
}

.img + .imgStatus {
  margin-top: 16px;
}

.onoffswitch {
  position: relative;
  width: 50px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

.onoffswitch-checkbox {
  display: none;
}

.onoffswitch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border: 1px solid #dadada;
  border-radius: 6px;
}

.onoffswitch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.3s ease-in 0s;
  transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  float: left;
  width: 50%;
  height: 22px;
  padding: 0;
  line-height: 22px;
  font-size: 11px;
  font-size: 1.1rem;
  color: white;
}

.onoffswitch-inner:before {
  content: "ON";
  padding-left: 5px;
  background-color: #13a0fb;
  font-weight: bold;
  color: #fff;
}

.onoffswitch-inner:after {
  content: "OFF";
  padding-right: 5px;
  background-color: #fff;
  color: #000;
  text-align: right;
}

.onoffswitch-switch {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 14px;
  height: 14px;
  margin: 4px;
  background: #fff;
  position: absolute;
  top: 1px;
  bottom: 0;
  right: 28px;
  border: 1px solid #dadada;
  border-radius: 8px;
  -webkit-transition: all 0.3s ease-in 0s;
  transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
  margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
  right: 0px;
}

/* agreement */
.form-agreement__box {
  text-align: center;
  padding-top: 20px;
}

.form-agreement__box p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.form-agreement__box p.errorMessage {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.form-agreement__box label {
  font-size: 16px;
  font-size: 1.6rem;
  margin-left: 6px;
}

/* scrollBox */
.scrollBox {
  border: 1px solid #dadada;
  padding: 20px;
  height: 200px;
  overflow: auto;
}

.scrollBox ul {
  margin-left: 20px;
}

.scrollBox ul > li {
  list-style: disc;
  margin-top: 15px;
}

.scrollBox ul > li ol {
  margin-left: 20px;
  margin-top: 10px;
}

.scrollBox ul > li ol > li {
  list-style: decimal;
  margin-top: 5px;
}

/* anchorNav */
.anchorNav__item {
  display: inline-block;
  margin: 0 0 6px;
  padding: 2px 5px;
}

.anchorNav__item > a {
  margin: -2px -5px;
  padding: 2px 5px;
  display: inline-block;
  position: relative;
  position: relative;
}

.anchorNav__item > a:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.anchorNav__item > a:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.anchorNav__item > a:before {
  content: '\f107';
}

.anchorNav__item > a:hover {
  color: #ff9c00;
}

/* pagingNav */
.pagingNav {
  margin-top: 15px;
  text-align: right;
}

.pagingNav + .is--striped {
  margin: 24px 0 0;
}

.pagingNav .summray {
  margin-left: 8px;
}

/* userthumbnail */
.user-thumbnail img {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .user-thumbnail {
    text-align: center;
  }
}

.cropping {
  float: left;
  width: 400px;
}

@media screen and (max-width: 767px) {
  .cropping {
    width: 288px;
    float: none;
    margin: 0 auto;
  }
}

.imageBox {
  position: relative;
  height: 400px;
  width: 400px;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
}

@media screen and (max-width: 767px) {
  .imageBox {
    height: 288px;
    width: 288px;
  }
}

.imageBox .thumbBox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 202px;
  height: 202px;
  margin-top: -101px;
  margin-left: -101px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #666666;
  -webkit-box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 0 1000px rgba(0, 0, 0, 0.5);
  background: none repeat scroll 0% 0% transparent;
}

.imageBox .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

.action {
  width: 400px;
  height: 30px;
  margin: 10px 0;
}

.action span {
  float: right;
}

@media screen and (max-width: 767px) {
  .action {
    width: 100%;
    height: auto;
  }
  .action input[type="file"] {
    width: 100% !important;
  }
  .action span {
    float: none;
    display: inline-block;
    margin-top: 20px;
  }
}

.cropped {
  float: right;
  width: 200px;
  margin-right: 70px;
}

@media screen and (max-width: 767px) {
  .cropped {
    float: none;
    margin: 20px auto 0;
  }
}

/* userstatus */
.user-status {
  width: 100%;
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  background: #fff5e6;
}

.user-status .user-status-inner {
  width: 1040px;
  margin: 0 auto;
}

.user-status .user-status-wrap {
  display: inline;
}

.user-status__class, .user-status__star, .user-status__rank {
  background: #fff;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 24px;
  height: 70px;
  margin: 0 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 0 4px #ffceaf;
          box-shadow: 0 0 0 4px #ffceaf;
}

.user-status__class dl, .user-status__star dl, .user-status__rank dl {
  display: table;
  height: 100%;
  position: relative;
}

.user-status__class dt, .user-status__star dt, .user-status__rank dt {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
  padding-right: 14px;
}

.user-status__class dd, .user-status__star dd, .user-status__rank dd {
  display: table-cell;
  vertical-align: middle;
  color: #0075c2;
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1;
  font-weight: bold;
}

.user-status__class {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: none;
  padding: 0;
  margin: 0 30px 0 0;
}

.user-status__class dd {
  font-size: 14px;
  font-size: 1.4rem;
}

.user-status__star {
  position: relative;
}

.user-status__star:before {
  content: "";
  display: block;
  position: absolute;
  right: -24px;
  top: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-left-color: #ffceaf;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.user-status__star:after {
  content: "";
  display: block;
  position: absolute;
  right: -16px;
  top: 50%;
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-left-color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.user-status__star dd {
  font-size: 24px;
  font-size: 2.4rem;
  padding-left: 28px;
}

.user-status__star dd:before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/share_swc/images/icon_star.svg) no-repeat;
  background-size: 22px 22px;
  position: absolute;
  left: 75px;
  top: 50%;
  margin-top: -12px;
}

.user-status__rank dd.rank-7, .user-status__rank dd.rank-6, .user-status__rank dd.rank-5, .user-status__rank dd.rank-4, .user-status__rank dd.rank-3, .user-status__rank dd.rank-2, .user-status__rank dd.rank-1 {
  padding-left: 46px;
}

.user-status__rank dd.rank-7:before, .user-status__rank dd.rank-6:before, .user-status__rank dd.rank-5:before, .user-status__rank dd.rank-4:before, .user-status__rank dd.rank-3:before, .user-status__rank dd.rank-2:before, .user-status__rank dd.rank-1:before {
  content: "";
  width: 36px;
  height: 36px;
  background: url(/share_swc/images/icon_rank_01.svg) no-repeat;
  background-size: 36px 36px;
  position: absolute;
  left: 87px;
  top: 50%;
  margin-top: -20px;
}

.user-status__rank dd.rank-7:before {
  background-image: url(/share_swc/images/icon_rank_07.svg);
}

.user-status__rank dd.rank-6:before {
  background-image: url(/share_swc/images/icon_rank_06.svg);
}

.user-status__rank dd.rank-5:before {
  background-image: url(/share_swc/images/icon_rank_05.svg);
}

.user-status__rank dd.rank-4:before {
  background-image: url(/share_swc/images/icon_rank_04.svg);
}

.user-status__rank dd.rank-3:before {
  background-image: url(/share_swc/images/icon_rank_03.svg);
}

.user-status__rank dd.rank-2:before {
  background-image: url(/share_swc/images/icon_rank_02.svg);
}

.user-status__rank dd.rank-1:before {
  background-image: url(/share_swc/images/icon_rank_01.svg);
}

.user-status .link {
  margin-left: 20px;
  position: relative;
  top: 3px;
}

.user-status .link:before {
  margin-right: 5px;
}

.user-status .message {
  background: #fff;
  text-align: center;
  padding: 10px 12px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 3px solid #dadada;
}

@media screen and (max-width: 767px) {
  .user-status {
    margin: 0 0 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 14px 16px 20px;
    font-size: 12px;
    font-size: 1.2rem;
    position: relative;
  }
  .user-status .user-status-inner {
    width: 100%;
    margin: 0;
  }
  .user-status .user-status-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .user-status__class, .user-status__star, .user-status__rank {
    display: block;
    text-align: center;
    padding: 0 20px;
    height: auto;
    margin: 0;
    -webkit-box-shadow: 0 0 0 3px #ffceaf;
            box-shadow: 0 0 0 3px #ffceaf;
  }
  .user-status__class:before, .user-status__star:before, .user-status__rank:before {
    right: -4px;
    bottom: -4px;
  }
  .user-status__class dl, .user-status__star dl, .user-status__rank dl {
    display: block;
    height: 100%;
  }
  .user-status__class dt, .user-status__star dt, .user-status__rank dt {
    display: inline-block;
    vertical-align: middle;
    padding-right: 0;
    font-size: 10px;
    font-size: 1rem;
  }
  .user-status__class dd, .user-status__star dd, .user-status__rank dd {
    display: inline-block;
    vertical-align: middle;
    color: #0075c2;
    position: relative;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .user-status__class {
    background: none;
    text-align: left;
    padding: 0;
    margin-bottom: 16px;
    border: none;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .user-status__class dt {
    padding-top: 0;
    margin-right: 2px;
  }
  .user-status__class dd {
    padding-top: 0;
  }
  .user-status__star {
    width: 35%;
    padding: 14px 5px;
  }
  .user-status__star:before {
    right: -19px;
    border: 8px solid transparent;
    border-left-color: #ffceaf;
  }
  .user-status__star:after {
    right: -12px;
    border: 6px solid transparent;
    border-left-color: #fff;
  }
  .user-status__star dt {
    display: block;
    margin-bottom: 10px;
    padding-top: 0;
  }
  .user-status__star dd {
    font-size: 20px;
    font-size: 2rem;
    padding-top: 0;
    padding-left: 21px;
    padding-right: 4px;
  }
  .user-status__star dd:before {
    content: "";
    width: 18px;
    height: 18px;
    background-size: 18px 18px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
  }
  .user-status__rank {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    padding: 14px 5px 18px;
    margin-right: 0;
    margin-left: 18px;
  }
  .user-status__rank dt {
    display: block;
    margin-bottom: 10px;
    padding-top: 0;
  }
  .user-status__rank dd {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 0;
  }
  .user-status__rank dd.rank-7, .user-status__rank dd.rank-6, .user-status__rank dd.rank-5, .user-status__rank dd.rank-4, .user-status__rank dd.rank-3, .user-status__rank dd.rank-2, .user-status__rank dd.rank-1 {
    padding-left: 37px;
  }
  .user-status__rank dd.rank-7:before, .user-status__rank dd.rank-6:before, .user-status__rank dd.rank-5:before, .user-status__rank dd.rank-4:before, .user-status__rank dd.rank-3:before, .user-status__rank dd.rank-2:before, .user-status__rank dd.rank-1:before {
    content: "";
    width: 30px;
    height: 30px;
    background-size: 30px 30px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -16px;
  }
  .user-status .link {
    margin-left: 0;
    position: absolute;
    top: 14px;
    right: 16px;
    text-align: right;
  }
  .user-status .link:before {
    margin-right: 3px;
  }
  .user-status .message {
    padding: 6px 10px;
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 15px;
    border: none;
    -webkit-box-shadow: 0 0 0 3px #dadada;
            box-shadow: 0 0 0 3px #dadada;
  }
}

/* mypageNav */
.mypageNav {
  width: 1040px;
  margin: 20px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #dadada;
  position: relative;
}

.mypageNav::before, .mypageNav::after {
  content: "";
  width: 1px;
  height: 100%;
  background: #dadada;
  position: absolute;
  top: 0;
}

.mypageNav::before {
  left: 0;
}

.mypageNav::after {
  right: 0;
}

.mypageNav li {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 1px;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.mypageNav li:first-of-type {
  margin-left: 0;
}

.mypageNav li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  padding: 12px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #fff;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.mypageNav li a span {
  display: table-cell;
  vertical-align: middle;
}

.mypageNav li a:hover,
.mypageNav li.current a {
  background: #0075c2;
  color: #fff;
}

.mypageNav li.current {
  position: relative;
}

.mypageNav li.current:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 7px solid transparent;
  border-top: 7px solid #0075c2;
  position: absolute;
  bottom: -14px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .mypageNav {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: #fff;
    border-top: 1px solid #dadada;
  }
  .mypageNav::before, .mypageNav::after {
    display: none;
  }
  .mypageNav li {
    font-size: 11px;
    font-size: 1.1rem;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3%;
            flex: 0 0 33.3%;
    margin-left: 0;
    border-top: none;
  }
  .mypageNav li:nth-of-type(3n+2) {
    position: relative;
  }
  .mypageNav li:nth-of-type(3n+2)::before, .mypageNav li:nth-of-type(3n+2)::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #dadada;
    position: absolute;
    top: 0;
  }
  .mypageNav li:nth-of-type(3n+2)::before {
    left: 0;
  }
  .mypageNav li:nth-of-type(3n+2)::after {
    right: -1px;
  }
  .mypageNav li a {
    padding: 9px 8px;
  }
  .mypageNav li.current:after {
    display: none;
  }
}

/* card */
.myCard {
  width: 470px;
  margin: 50px auto 0;
  position: relative;
}

.myCard img {
  width: 100%;
}

.myCard .name {
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 27px;
  text-align: center;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .myCard {
    width: auto;
    margin: 20px auto 0;
  }
  .myCard .name {
    bottom: 10%;
    bottom: 5vw;
    font-size: 15px;
    font-size: 4.5vw;
  }
}

.myCard + p {
  text-align: center;
  margin-top: 20px;
}

/* accordion */
.accordion-toggle {
  background: #f4f4f4;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: bold;
  padding: 12px 40px 12px 16px;
  margin-top: 15px;
  cursor: pointer;
  position: relative;
}

.accordion-toggle:before, .accordion-toggle:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 2px;
  margin-top: -1px;
  background: #0075c2;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.accordion-toggle:after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.accordion-toggle.is-open:after, .accordion-toggle.default-open:after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

@media screen and (max-width: 767px) {
  .accordion-toggle {
    margin-top: 10px;
    font-size: 13px;
    font-size: 1.3rem;
    padding: 12px 34px 12px 12px;
  }
  .accordion-toggle:before, .accordion-toggle:after {
    right: 12px;
  }
}

.accordion-toggle > * {
  margin: 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .accordion-toggle > * {
    font-size: 13px;
    font-size: 1.3rem;
  }
}

.accordion-contents {
  position: relative;
  display: none;
  padding: 10px 0;
}

.default-open + .accordion-contents {
  display: block;
}

.accordion-contents .comment-block {
  margin-top: 10px;
}

@media screen and (max-width: 767px) {
  .accordion-contents .comment-block {
    margin-top: 0;
  }
}

.accordion-contents .comment-block .btnBottom {
  padding-top: 10px;
}

.accordion-contents .comment-block .img-box {
  text-align: center;
}

.accordion-contents .comment-block .img-box img {
  border: 1px solid #dadada;
}

.accordion-contents .comment-block .img-box img.noborder {
  border: none;
}

@media screen and (max-width: 767px) {
  .accordion-contents .comment-block .img-box {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

.accordion-contents p {
  margin-bottom: 10px;
}

.accordion-contents p:last-child {
  margin-bottom: 0;
}

.accordion-contents p + .btn {
  padding-top: 10px;
}

.accordion-contents .is--striped {
  margin-bottom: 20px;
}

.faq-answer {
  padding: 5px 10px 5px 0;
}

@media screen and (max-width: 767px) {
  .faq-answer {
    padding: 2px 10px 2px 0;
  }
}

.faq-answer a {
  word-break: break-all;
}

.icon-Q,
.icon-A {
  font-weight: normal;
  font-size: 18px;
  font-size: 1.8rem;
  position: absolute;
  top: 9px;
  left: 16px;
}

@media screen and (max-width: 767px) {
  .icon-Q,
  .icon-A {
    font-size: 16px;
    font-size: 1.6rem;
    top: 8px;
    left: 12px;
  }
}

.icon-Q {
  color: #ff4100;
}

.icon-Q + h3 {
  margin-left: 34px;
}

@media screen and (max-width: 767px) {
  .icon-Q + h3 {
    margin-left: 28px;
  }
}

.icon-A {
  color: #0075c2;
}

.icon-A + div {
  margin-left: 50px;
}

@media screen and (max-width: 767px) {
  .icon-A + div {
    margin-left: 40px;
  }
}

/* contentsNav */
.mainPanel-gallery + .contentsNav {
  margin-top: 55px;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery + .contentsNav {
    border-top: 1px solid #dadada;
    margin-top: 40px;
  }
}

.contentsNav {
  margin: 25px 0;
}

@media screen and (max-width: 767px) {
  .contentsNav {
    margin: 0 0 20px;
  }
}

.contentsNav ul {
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .contentsNav ul {
    width: 100%;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.contentsNav ul li {
  float: left;
  position: relative;
  width: 20%;
}

.contentsNav ul li::before {
  content: "";
  display: block;
  width: 1px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: #dedede;
}

.contentsNav ul li:first-child::before {
  display: none;
}

.contentsNav ul li a {
  display: block;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  padding-top: 46px;
  padding-bottom: 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333;
}

.contentsNav ul li a span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  display: inline-block;
  margin-top: 5px;
}

.contentsNav ul li a:hover {
  color: #ff4100;
}

.contentsNav ul li.contentsNav-forum a {
  background: url(/share_swc/images/icon_link_forum.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-event a {
  background: url(/share_swc/images/icon_link_event.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-circle a {
  background: url(/share_swc/images/icon_link_circle.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-report a {
  background: url(/share_swc/images/icon_link_report.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-spot a {
  background: url(/share_swc/images/icon_link_spot.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-info a {
  background: url(/share_swc/images/icon_link_activities.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

.contentsNav ul li.contentsNav-member a {
  background: url(/share_swc/images/icon_link_member.svg) center 2px no-repeat;
  background-size: 36px 36px;
}

@media screen and (max-width: 767px) {
  .contentsNav ul li {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    line-height: 1.4;
    border-left: 1px solid #dadada;
    border-bottom: 1px solid #dadada;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
  }
  .contentsNav ul li::before {
    height: 100%;
    top: 0;
    display: none;
  }
  .contentsNav ul li:first-child a {
    width: 100%;
  }
  .contentsNav ul li:last-child a {
    width: 100%;
  }
  .contentsNav ul li:nth-child(2n+1) {
    border-left: none;
  }
  .contentsNav ul li:nth-child(5) {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  .contentsNav ul li a {
    height: auto;
    width: 100%;
    padding: 42px 10px 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .contentsNav ul li a span {
    font-size: 10px;
    font-size: 1rem;
    margin-top: 2px;
  }
  .contentsNav ul li.contentsNav-forum a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-event a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-circle a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-report a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-spot a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-info a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
  .contentsNav ul li.contentsNav-member a {
    background-position: center 8px;
    background-size: 30px 30px;
  }
}

/* instantPost */
.instantPost {
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .instantPost {
    margin-bottom: 0;
    padding: 16px 16px 0;
  }
}

.instantPost .instantPost__postBox {
  margin-bottom: 12px;
}

.instantPost .instantPost__postBox .postBox__title {
  background: #0075c2;
  color: #fff;
  padding: 5px 15px;
  border-radius: 4px 4px 0 0;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__title {
    padding: 5px 10px;
  }
}

.instantPost .instantPost__postBox .postBox__title h2 {
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__title h2 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.instantPost .instantPost__postBox .postBox__title h2 span {
  font-weight: normal;
  font-size: 12px;
  font-size: 1.2rem;
  margin-left: 20px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__title h2 span {
    font-size: 10px;
    font-size: 1rem;
    margin-left: 0;
    display: block;
  }
}

.instantPost .instantPost__postBox .postBox__body {
  background: #e9f5fd;
  padding: 15px;
  border-radius: 0 0 4px 4px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body {
    padding: 10px;
  }
}

.instantPost .instantPost__postBox .postBox__body .input {
  width: 875px;
  float: left;
}

.main .instantPost .instantPost__postBox .postBox__body .input {
  width: 590px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .input {
    width: auto;
    float: none;
  }
  .instantPost .instantPost__postBox .postBox__body .input label {
    display: block;
    margin-top: 5px;
  }
}

.instantPost .instantPost__postBox .postBox__body .input h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #0075c2;
  padding-left: 75px;
  position: relative;
  top: -5px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .input h3 {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 0;
    top: 0;
    margin-bottom: 8px;
  }
}

.instantPost .instantPost__postBox .postBox__body .input h3 span {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 0 10px 0 15px;
  height: 22px;
  line-height: 22px;
  display: inline-block;
  vertical-align: middle;
  background: #f8f135;
  position: absolute;
  top: 3px;
  left: 0;
}

.instantPost .instantPost__postBox .postBox__body .input h3 span::after {
  content: "";
  position: absolute;
  top: 0;
  right: -22px;
  width: 0;
  height: 0;
  border: 11px solid transparent;
  border-left-color: #f8f135;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .input h3 span {
    font-size: 10px;
    font-size: 1rem;
    padding: 0 5px 0 10px;
    height: 18px;
    line-height: 18px;
    top: 0;
    position: relative;
  }
  .instantPost .instantPost__postBox .postBox__body .input h3 span::after {
    right: -18px;
    border: 9px solid transparent;
    border-left-color: #f8f135;
  }
}

.instantPost .instantPost__postBox .postBox__body .input h3 label:first-child {
  margin-left: -135px;
}

.main .instantPost .instantPost__postBox .postBox__body .input h3 label:first-child {
  margin-left: -75px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .input h3 label:first-child {
    margin-left: 0;
  }
}

.instantPost .instantPost__postBox .postBox__body .input textarea {
  font-size: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 6px;
  height: 46px;
  padding: 8px 12px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.instantPost .instantPost__postBox .postBox__body .input textarea:focus {
  height: 75px;
  outline: 0;
}

.main .instantPost .instantPost__postBox .postBox__body .input textarea:focus {
  height: 104px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .input textarea {
    height: 40px;
    font-size: 14px;
    padding: 7px 10px;
  }
  .instantPost .instantPost__postBox .postBox__body .input textarea:focus {
    height: 140px;
  }
}

.instantPost .instantPost__postBox .postBox__body .button {
  width: 120px;
  float: right;
  position: absolute;
  right: 20px;
  bottom: 24px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .button {
    width: 100%;
    float: none;
    position: static;
  }
}

.instantPost .instantPost__postBox .postBox__body .button button {
  width: 100%;
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 14px 10px 14px;
  margin-top: 4px;
  border-radius: 6px;
  font-weight: bold;
  background: #f8f135;
  -webkit-box-shadow: 0 3px 0 #dbd52d;
          box-shadow: 0 3px 0 #dbd52d;
  color: #0075c2;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.4;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.instantPost .instantPost__postBox .postBox__body .button button b {
  display: block;
  font-size: 20px;
  font-size: 2rem;
}

.instantPost .instantPost__postBox .postBox__body .button button:hover {
  background: #f2e908;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__postBox .postBox__body .button button {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1;
    margin: 2px 0 4px;
  }
  .instantPost .instantPost__postBox .postBox__body .button button b {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    margin-left: 10px;
    margin-top: -3px;
  }
}

.instantPost .instantPost__commentBox {
  opacity: 0;
  visibility: hidden;
  border: 3px solid #0075c2;
  background: #fff;
  border-radius: 6px;
  position: relative;
}

.instantPost .instantPost__commentBox.loaded {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 1;
  visibility: visible;
}

.instantPost .instantPost__commentBox::before, .instantPost .instantPost__commentBox::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 12px solid transparent;
  border-bottom-color: #0075c2;
  position: absolute;
  left: 42px;
}

.instantPost .instantPost__commentBox::before {
  top: -27px;
  border-bottom: 14px solid #0075c2;
}

.instantPost .instantPost__commentBox::after {
  top: -22px;
  border-bottom: 14px solid #fff;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox {
    border: 2px solid #0075c2;
  }
  .instantPost .instantPost__commentBox::before, .instantPost .instantPost__commentBox::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-bottom-color: #0075c2;
    position: absolute;
    left: 42px;
  }
  .instantPost .instantPost__commentBox::before {
    top: -23px;
    border-bottom: 12px solid #0075c2;
  }
  .instantPost .instantPost__commentBox::after {
    top: -20px;
    border-bottom: 12px solid #fff;
  }
}

.instantPost .instantPost__commentBox ul {
  width: 910px;
  overflow: hidden;
}

.main .instantPost .instantPost__commentBox ul {
  width: 630px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox ul {
    width: 100%;
  }
}

.instantPost .instantPost__commentBox ul li {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 10px;
}

.instantPost .instantPost__commentBox ul li:focus {
  outline: none;
}

.instantPost .instantPost__commentBox ul li .avatar {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 3px;
  float: left;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox ul li .avatar {
    width: 30px;
    height: 30px;
    float: none;
    margin-bottom: 8px;
  }
}

.instantPost .instantPost__commentBox ul li .comment {
  margin-left: 62px;
  position: relative;
}

.instantPost .instantPost__commentBox ul li .comment .date {
  color: #999;
}

.instantPost .instantPost__commentBox ul li .comment p {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox ul li .comment {
    margin-left: 0;
  }
  .instantPost .instantPost__commentBox ul li .comment .date {
    position: absolute;
    top: -33px;
    left: 40px;
  }
  .instantPost .instantPost__commentBox ul li .comment p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.instantPost .instantPost__commentBox .more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 121px;
  border-left: 3px solid #0075c2;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox .more {
    width: 100%;
    position: static;
    border-left: none;
    border-top: 2px solid #0075c2;
  }
}

.instantPost .instantPost__commentBox .more a {
  display: table;
  text-align: center;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(250, 250, 250, 0)), to(#f0f0f0));
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0) 0%, #f0f0f0 100%);
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0075c2;
  border-radius: 0 5px 5px 0;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox .more a {
    border-radius: 0 0 5px 5px;
  }
}

.instantPost .instantPost__commentBox .more a span {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
}

.instantPost .instantPost__commentBox .more a span::before {
  font-size: 13px;
  font-size: 1.3rem;
  color: #0075c2;
  margin-right: 4px;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox .more a span {
    padding: 10px;
  }
}

.instantPost .instantPost__commentBox.type-list ul {
  width: 100%;
  padding: 2px 10px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.instantPost .instantPost__commentBox.type-list ul li {
  padding: 15px 10px;
  border-bottom: 1px solid #dadada;
}

.instantPost .instantPost__commentBox.type-list ul li .comment .date {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  font-weight: normal;
  padding: 2px 0 4px;
}

.instantPost .instantPost__commentBox.type-list ul li .comment p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}

.instantPost .instantPost__commentBox.type-list .more {
  position: static;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__commentBox.type-list ul li {
    padding: 14px 0;
  }
  .instantPost .instantPost__commentBox.type-list .more {
    position: static;
  }
}

.instantPost .instantPost__sj {
  position: relative;
}

.instantPost .instantPost__sj img {
  vertical-align: top;
  display: inline;
}

.instantPost .instantPost__sj .nextonair {
  width: 720px;
  position: absolute;
  bottom: 15px;
  left: 20px;
  background: rgba(255, 255, 255, 0.9);
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.instantPost .instantPost__sj .nextonair__title {
  text-align: center;
  float: left;
  height: 70px;
  background: url(/with/soundjourney/images/bg_nextonair.png) right center no-repeat;
  padding: 20px 54px 0 27px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-right: 30px;
}

.instantPost .instantPost__sj .nextonair__navigator {
  width: 70px;
  float: left;
  margin-right: 20px;
}

.instantPost .instantPost__sj .nextonair__navigator img {
  width: 100%;
  margin-right: 10px;
}

.instantPost .instantPost__sj .nextonair dl {
  width: 370px;
  float: left;
}

.instantPost .instantPost__sj .nextonair dl dt {
  font-weight: bold;
  color: #0075c2;
  width: 80px;
  float: left;
  padding: 1px 0;
}

.instantPost .instantPost__sj .nextonair dl dd {
  margin-left: 90px;
  padding: 1px 0;
}

.instantPost .instantPost__sj .nextonair p {
  padding-bottom: 0 !important;
  font-size: 12px !important;
}

.instantPost .instantPost__sj .nextonair .link {
  color: #0075c2;
  text-decoration: underline;
  position: relative;
  padding-left: 12px;
}

.instantPost .instantPost__sj .nextonair .link::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  border-right: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: absolute;
  left: 0;
  top: 5px;
}

.instantPost .instantPost__sj .nextonair .link:hover {
  text-decoration: none;
}

.instantPost .instantPost__sj .nextonair.mano-message {
  background: #fff;
  text-align: center;
}

.instantPost .instantPost__sj .nextonair.mano-message p {
  text-align: center !important;
}

.siteIndex .instantPost .instantPost__sj .nextonair__title {
  padding: 20px 30px 0 7px;
  margin-right: 17px;
}

.siteIndex .instantPost .instantPost__sj dl {
  width: 300px;
}

.siteIndex .instantPost .instantPost__sj .btn-more {
  width: 130px;
  height: 54px;
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -27px;
}

.siteIndex .instantPost .instantPost__sj .btn-more a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  width: 130px;
  height: 54px;
  padding-top: 18px;
  border-radius: 5px;
  text-align: center;
  color: #fff;
  background: #0075c2;
  -webkit-box-shadow: 0 3px 0 #00568f;
          box-shadow: 0 3px 0 #00568f;
}

.siteIndex .instantPost .instantPost__sj .btn-more a:hover {
  background: #0066a9;
}

@media screen and (max-width: 767px) {
  .instantPost .instantPost__sj img {
    width: 100%;
  }
  .instantPost .instantPost__sj .nextonair {
    width: 100%;
    position: relative;
    background: #eee;
    bottom: auto;
    left: 0;
    margin-top: -12vw;
    padding: 15px;
  }
  .instantPost .instantPost__sj .nextonair__title {
    float: none;
    height: auto;
    background: none;
    padding: 0 0 15px;
    margin-right: 0;
  }
  .instantPost .instantPost__sj .nextonair__title img {
    width: 80px;
  }
  .instantPost .instantPost__sj .nextonair__navigator {
    margin-right: 0;
  }
  .instantPost .instantPost__sj .nextonair dl {
    width: auto;
    float: none;
    margin-left: 85px;
  }
  .instantPost .instantPost__sj .nextonair dl dt {
    width: auto;
    float: none;
    padding: 0;
  }
  .instantPost .instantPost__sj .nextonair dl dd {
    margin-left: 0;
    padding: 0 0 3px;
  }
  .instantPost .instantPost__sj .nextonair.mano-message {
    padding-top: 10px;
  }
  .instantPost .instantPost__sj .nextonair.mano-message p {
    margin-top: 10px;
  }
  .siteIndex .instantPost .instantPost__sj .nextonair__title {
    padding: 0 0 15px;
    margin-right: 0;
  }
  .siteIndex .instantPost .instantPost__sj dl {
    width: auto;
    margin-bottom: 5px;
  }
  .siteIndex .instantPost .instantPost__sj .btn-more {
    width: 100%;
    height: auto;
    position: static;
    margin-top: 0;
  }
  .siteIndex .instantPost .instantPost__sj .btn-more a {
    width: 100%;
    height: 34px;
    padding-top: 8px;
  }
}

.section-bg .instantPost {
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .section-bg .instantPost {
    width: auto;
    margin: 0;
  }
}

/* userCoverimage */
.user-coverImage {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #ccc;
          box-shadow: inset 0 0 0 1px #ccc;
  height: 377px;
}

.user-coverImage::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 760px;
  height: 80px;
  background: #eae8e9;
}

.user-coverImage::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 760px;
  height: 120px;
  background: url(/share_swc/images/cover-crop-guide.png) no-repeat;
}

.user-coverImage img {
  width: 100%;
  position: relative;
  top: 80px;
}

@media screen and (max-width: 767px) {
  .user-coverImage {
    text-align: center;
    width: 288px;
    height: 230px;
    overflow: hidden;
    float: none;
    margin: 0 auto;
  }
  .user-coverImage::before {
    width: 288px;
    height: 50px;
  }
  .user-coverImage::after {
    width: 288px;
    height: 90px;
    background: url(/share_swc/images/cover-crop-guide-sp.png) no-repeat;
  }
  .user-coverImage img {
    width: 150%;
    top: 50px;
    -webkit-transform: translateX(-17.5%);
            transform: translateX(-17.5%);
  }
}

.cover-crop .cropping {
  float: none;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .cover-crop .cropping {
    width: 288px;
    float: none;
    margin: 0 auto;
  }
}

.cover-crop .imageBox {
  position: relative;
  height: 400px;
  width: 100%;
  background: #fff;
  overflow: hidden;
  background-repeat: no-repeat;
  cursor: move;
}

@media screen and (max-width: 767px) {
  .cover-crop .imageBox {
    width: 288px;
    height: 218px;
  }
}

.cover-crop .imageBox .thumbBox {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 650px;
  height: 175px;
  margin-left: -325px;
  margin-top: -87px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: none repeat scroll 0% 0% transparent;
  border: none;
}

@media screen and (max-width: 767px) {
  .cover-crop .imageBox .thumbBox {
    width: 288px;
    height: 78px;
    margin-left: -144px;
    margin-top: -39px;
  }
  .cover-crop .imageBox .thumbBox::before {
    content: "";
    display: block;
    width: 47px;
    height: 78px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
  }
  .cover-crop .imageBox .thumbBox::after {
    content: "";
    display: block;
    width: 47px;
    height: 78px;
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3);
  }
}

.cover-crop .imageBox .spinner {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  text-align: center;
  line-height: 400px;
  background: rgba(0, 0, 0, 0.7);
}

.cover-crop .action {
  width: 400px;
  height: 30px;
  margin: 10px 0;
}

.cover-crop .action span {
  float: right;
}

@media screen and (max-width: 767px) {
  .cover-crop .action {
    width: 100%;
    height: auto;
  }
  .cover-crop .action input[type="file"] {
    width: 100% !important;
  }
  .cover-crop .action span {
    float: none;
    display: inline-block;
    margin-top: 20px;
  }
}

.cover-crop .cropped {
  float: none;
  width: 760px;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .cover-crop .cropped {
    width: 288px;
    float: none;
    margin: 20px auto 0;
  }
}

.cover-crop .cropped .croppedImgBox {
  position: relative;
  -webkit-box-shadow: inset 0 0 0 1px #ccc;
          box-shadow: inset 0 0 0 1px #ccc;
  height: 377px;
  margin-bottom: 20px;
}

.cover-crop .cropped .croppedImgBox::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 760px;
  height: 80px;
  background: #eae8e9;
}

.cover-crop .cropped .croppedImgBox::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 760px;
  height: 120px;
  background: url(/share_swc/images/cover-crop-guide.png) no-repeat;
}

.cover-crop .cropped .croppedImgBox.imgSelected {
  -webkit-box-shadow: inset 0 0 0 3px #09f;
          box-shadow: inset 0 0 0 3px #09f;
}

@media screen and (max-width: 767px) {
  .cover-crop .cropped .croppedImgBox {
    text-align: center;
    height: 230px;
    overflow: hidden;
  }
  .cover-crop .cropped .croppedImgBox::before {
    width: 288px;
    height: 50px;
  }
  .cover-crop .cropped .croppedImgBox::after {
    width: 288px;
    height: 90px;
    background: url(/share_swc/images/cover-crop-guide-sp.png) no-repeat;
  }
}

.cover-crop .cropped .croppedImgBox a {
  display: block;
  width: 100%;
  position: relative;
  top: 80px;
}

@media screen and (max-width: 767px) {
  .cover-crop .cropped .croppedImgBox a {
    top: 50px;
  }
}

.cover-crop .cropped .croppedImgBox a img {
  width: 100%;
  position: relative;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .cover-crop .cropped .croppedImgBox a img {
    width: 150%;
    -webkit-transform: translateX(-17.5%);
            transform: translateX(-17.5%);
  }
}

/* お詫び */
.apology {
  text-align: center;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.3;
  color: #000;
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', serif;
}

.apology a {
  display: block;
  border: 5px solid #000;
  background: #fff;
  padding: 12px;
}

.apology a:hover {
  color: #000;
}

@media screen and (max-width: 767px) {
  .apology {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 16px;
    margin-bottom: 0px !important;
  }
  .apology a {
    border: 4px solid #000;
  }
}

.section-bg .apology {
  width: 1040px;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .section-bg .apology {
    width: auto;
    margin: 0;
  }
}

/* member now スライダー */
.memberSlide {
  padding-top: 10px;
  position: relative;
  height: 140px;
}

@media screen and (max-width: 767px) {
  .memberSlide {
    height: 100px;
  }
}

.memberSlide::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  background: transparent;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 2px solid #0075c2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: animsition-loading .8s linear infinite;
          animation: animsition-loading .8s linear infinite;
}

.memberSlide.loaded {
  height: auto;
}

@media screen and (max-width: 767px) {
  .memberSlide.loaded {
    height: auto;
  }
}

.memberSlide.loaded::after {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
  visibility: hidden;
}

.memberSlide.loaded .slick-slide {
  opacity: 1 !important;
}

.memberSlide .memberLink {
  width: 120px;
  padding: 0 10px;
  opacity: 0;
}

@media screen and (max-width: 767px) {
  .memberSlide .memberLink {
    padding: 0 6px;
  }
}

.memberSlide .memberLink a {
  display: block;
  position: relative;
}

.memberSlide .memberLink a .tag {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 1;
  background: #ff4100;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  padding: 2px 6px;
  border-radius: 10px;
}

.memberSlide .memberLink a .tag.newMember {
  background: #ff9c00;
}

@media screen and (max-width: 767px) {
  .memberSlide .memberLink a .tag {
    font-size: 9px;
    font-size: 0.9rem;
  }
}

.memberSlide .memberLink a figure {
  margin: 0;
}

.memberSlide .memberLink a figure .image {
  margin-bottom: 5px;
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}

.memberSlide .memberLink a figure .image::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.05);
}

.memberSlide .memberLink a figure .image img {
  width: 100%;
}

.memberSlide .memberLink a figure figcaption {
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  word-break: break-all;
}

@media screen and (max-width: 767px) {
  .memberSlide .memberLink a figure figcaption {
    font-size: 9px;
    font-size: 0.9rem;
  }
}

.memberSlide .slick-prev,
.memberSlide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 39px;
  height: 39px;
  margin-top: -28px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #0075c2;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .memberSlide .slick-prev,
  .memberSlide .slick-next {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.memberSlide .slick-prev {
  left: -51px;
}

@media screen and (max-width: 767px) {
  .memberSlide .slick-prev {
    left: -33px;
  }
}

.memberSlide .slick-next {
  right: -51px;
}

@media screen and (max-width: 767px) {
  .memberSlide .slick-next {
    right: -33px;
  }
}

.memberSlide .slick-prev::before,
.memberSlide .slick-next::before {
  color: #fff;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
}

.memberSlide .slick-prev::before {
  content: "";
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: -4px;
}

.memberSlide .slick-next::before {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -10px;
}

.memberSlide .slick-prev:hover:before {
  -webkit-transform: translateX(-3px) rotate(45deg);
          transform: translateX(-3px) rotate(45deg);
}

.memberSlide .slick-next:hover:before {
  -webkit-transform: translateX(3px) rotate(-45deg);
          transform: translateX(3px) rotate(-45deg);
}

/* new components */
/* card スライダー */
.cardSlide {
  padding: 15px 0 0;
  margin-bottom: 30px;
  position: relative;
  height: 140px;
}

.cardSlide:first-child {
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .cardSlide {
    height: 140px;
  }
}

.cardSlide::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  background: transparent;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 2px solid #0075c2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: animsition-loading .8s linear infinite;
          animation: animsition-loading .8s linear infinite;
}

.cardSlide.loaded {
  height: auto;
}

@media screen and (max-width: 767px) {
  .cardSlide.loaded {
    height: auto;
  }
}

.cardSlide.loaded::after {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
  visibility: hidden;
}

.cardSlide.loaded .slick-slide {
  opacity: 1 !important;
}

@media screen and (max-width: 767px) {
  .cardSlide {
    margin-bottom: 22px;
  }
}

.boxBlock__body__inner:last-child .cardSlide {
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .boxBlock__body__inner:last-child .cardSlide {
    margin-bottom: 22px;
  }
}

.cardSlide .slick-dots {
  position: static;
  padding: 6px 0 0;
  margin-bottom: -10px;
}

.cardSlide .slick-prev,
.cardSlide .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 39px;
  height: 39px;
  margin-top: -28px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #0075c2;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .cardSlide .slick-prev,
  .cardSlide .slick-next {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.cardSlide .slick-prev {
  left: -51px;
}

@media screen and (max-width: 767px) {
  .cardSlide .slick-prev {
    left: -33px;
  }
}

.cardSlide .slick-next {
  right: -51px;
}

@media screen and (max-width: 767px) {
  .cardSlide .slick-next {
    right: -33px;
  }
}

.cardSlide .slick-prev::before,
.cardSlide .slick-next::before {
  color: #fff;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
}

.cardSlide .slick-prev::before {
  content: "";
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: -4px;
}

.cardSlide .slick-next::before {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -10px;
}

.cardSlide .slick-prev:hover:before {
  -webkit-transform: translateX(-3px) rotate(45deg);
          transform: translateX(-3px) rotate(45deg);
}

.cardSlide .slick-next:hover:before {
  -webkit-transform: translateX(3px) rotate(-45deg);
          transform: translateX(3px) rotate(-45deg);
}

.cardLists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .cardLists {
    padding-top: 5px;
  }
}

.cardLists.pc-col-4 .cardLink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 225px;
          flex: 0 0 225px;
}

@media screen and (max-width: 767px) {
  .cardLists.pc-col-4 .cardLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

.cardLists .cardLink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 306px;
          flex: 0 0 306px;
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .cardLists .cardLink {
    display: block;
  }
}

.cardLists .cardLink._hide {
  opacity: 0;
  visibility: hidden;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  height: 0;
  margin-bottom: 0;
}

.cardLists .cardLink._show {
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  opacity: 1;
  visibility: visible;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

@media screen and (max-width: 767px) {
  .cardLists .cardLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0;
  }
}

.cardLists .cardLink a {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .cardLists .cardLink a {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .cardLists.sp-col-2 .cardLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    padding: 0;
    margin-bottom: 10px;
  }
  .cardLists.sp-col-2 .cardLink:nth-child(even) {
    margin-left: 4%;
  }
  .cardLists.sp-col-2 .cardLink__image {
    height: 23vw;
  }
}

.cardLink {
  width: 307px;
  padding: 0 10px;
}

@media screen and (max-width: 767px) {
  .cardLink {
    padding: 0 6px;
  }
}

.cardLink a {
  display: block;
  position: relative;
}

.cardLink__image {
  width: 100%;
  border-radius: 4px 4px 0 0;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 767px) {
  .cardLink__image {
    height: 0;
    padding-top: 57.5%;
  }
}

@media screen and (max-width: 767px) {
  .cardLink__image {
    height: 46vw;
  }
}

.cardLink__image .img-addBg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.cardLink__image .img-addBg::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.1);
}

.cardLink > a:hover .img-addBg {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

.cardLink__body {
  border-right: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
  border-left: 1px solid #dadada;
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}

.cardLink__body:first-child {
  border-top: 1px solid #dadada;
  border-radius: 4px;
  padding-top: 3px;
}

.cardLink__body.is-categoryLink {
  overflow: visible;
  height: 100%;
}

.cardLink__body.is-categoryLink .cardLink__contents {
  position: relative;
  z-index: 1;
}

.cardLink__body.is-categoryLink .cardLink__contents::before {
  content: "";
  width: 100%;
  height: 70px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.cardLink__body.is-categoryLink .cardLink__contents::after {
  content: "";
  width: calc(100% + 2px);
  height: 3px;
  display: block;
  position: absolute;
  left: -1px;
  top: 0;
}

.cardLink__body.is-categoryLink .cardLink__contents .title {
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  padding-bottom: 5px;
  margin-bottom: 12px;
  border-bottom: 1px solid;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-subaru {
  border-color: #3580b3;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-subaru::before {
  background: linear-gradient(170deg, rgba(53, 128, 179, 0.1), rgba(53, 128, 179, 0) 60%);
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-subaru::after {
  background: #3580b3;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-subaru .title {
  color: #3580b3;
  border-color: #3580b3;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-car {
  border-color: #e97139;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-car::before {
  background: linear-gradient(170deg, rgba(233, 113, 57, 0.1), rgba(233, 113, 57, 0) 60%);
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-car::after {
  background: #e97139;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-car .title {
  color: #e97139;
  border-color: #e97139;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-lifestyle {
  border-color: #18891b;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-lifestyle::before {
  background: linear-gradient(170deg, rgba(24, 137, 27, 0.1), rgba(24, 137, 27, 0) 60%);
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-lifestyle::after {
  background: #18891b;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-lifestyle .title {
  color: #18891b;
  border-color: #18891b;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-other {
  border-color: #004673;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-other::before {
  background: linear-gradient(170deg, rgba(0, 70, 115, 0.1), rgba(0, 70, 115, 0) 60%);
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-other::after {
  background: #004673;
}

.cardLink__body.is-categoryLink .cardLink__contents.cate-other .title {
  color: #004673;
  border-color: #004673;
}

.cardLink__contents {
  padding: 8px 15px 8px;
  position: relative;
  letter-spacing: .05em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media screen and (max-width: 767px) {
  .cardLink__contents {
    height: auto !important;
  }
}

.cardLink__contents .date {
  font-size: 10px;
  font-size: 1rem;
  color: #999;
}

.cardLink__contents .tag {
  position: absolute;
  top: 7px;
  right: 10px;
  background: #ff4100;
  color: #fff;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  padding: 3px 6px;
  border-radius: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  min-width: 90px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .cardLink__contents .tag {
    font-size: 10px;
    font-size: 1rem;
  }
}

.cardLink__contents .tag + a {
  margin-top: 6px;
}

.cardLink__contents .tag.tag-new {
  background: #feb528;
  right: 107px;
}

@media screen and (max-width: 767px) {
  .cardLink__contents .tag.tag-new {
    min-width: 50px;
  }
}

.cardLink__contents .avatar {
  padding: 6px 0;
  line-height: 1;
}

.cardLink__contents .avatar a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.cardLink__contents .avatar img {
  width: 30px;
  height: 30px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
  border-radius: 4px;
}

.cardLink__contents .avatar .name {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  padding-left: 6px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.3;
  word-break: break-all;
}

.cardLink__contents > a {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding-bottom: 24px;
}

.cardLink__contents > a:hover .title {
  color: #000;
}

.cardLink__contents > a:hover .text {
  color: #000;
}

.cardLink__contents > a:hover .more {
  text-decoration: none;
}

.cardLink__contents .title {
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 5px;
  word-break: break-all;
}

.cardLink__contents .text {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 5px;
  word-break: break-all;
  color: #333;
}

.cardLink__contents .more {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
  text-decoration: underline;
  color: #0075c2;
  position: absolute;
  right: 0;
  bottom: 4px;
}

.cardLink__foot {
  background: #f8f8f8;
  padding: 10px;
}

.cardLink__foot .socialSet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  min-height: 24px;
}

.cardLink__foot .socialSet .social-swc {
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  top: 0;
  left: 0;
}

.cardLink__foot .socialSet .social-swc a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #0075c2;
}

.cardLink__foot .socialSet .social-swc a .icon {
  display: block;
  width: 24px;
}

.cardLink__foot .socialSet .social-swc a img {
  width: 100%;
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
}

.cardLink__foot .socialSet .social-swc a:hover img {
  opacity: .75;
}

.cardLink__foot .socialSet .social-swc b {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  padding: 0 3px 0 6px;
}

.cardLink__foot .socialSet .social-tw {
  padding-left: 10px;
  margin-left: auto;
}

.cardLink__foot .socialSet .social-tw a .icon {
  display: block;
  width: 24px;
}

.cardLink__foot .socialSet .social-tw a img {
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.cardLink__foot .socialSet .social-tw a:hover img {
  opacity: .75;
}

.cardLink__foot .socialSet .social-fb {
  padding-left: 10px;
}

.cardLink__foot .socialSet .social-fb a .icon {
  display: block;
  width: 24px;
}

.cardLink__foot .socialSet .social-fb a img {
  width: 100%;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

.cardLink__foot .socialSet .social-fb a:hover img {
  opacity: .75;
}

.cardLink__foot .comment {
  text-align: center;
  margin-top: 9px;
}

.cardLink__foot .comment a {
  display: block;
  background: #0075c2;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 3px 10px;
  -webkit-transition: all .2s ease;
  transition: all .2s ease;
}

@media screen and (max-width: 767px) {
  .cardLink__foot .comment a {
    padding: 4px 10px;
    font-weight: bold;
  }
}

.cardLink__foot .comment a::before {
  margin-right: 5px;
}

.cardLink__foot .comment a:hover {
  background: #0066a9;
}

.cardLists2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .cardLists2 {
    padding-top: 5px;
  }
}

.cardLists2 .cardLink {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 306px;
          flex: 0 0 306px;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .cardLists2 .cardLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    padding: 0;
  }
}

.cardLists2 .cardLink._hide {
  opacity: 0;
  visibility: hidden;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  height: 0;
  margin-bottom: 0;
}

.cardLists2 .cardLink._show {
  -webkit-transition: opacity .6s ease;
  transition: opacity .6s ease;
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
  opacity: 1;
  visibility: visible;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.cardLists2 .cardLink__image .img-addBg.is-video::after {
  background: url(/share_swc/images/card_video_cover.png) center no-repeat;
  background-size: cover;
}

.cardLists2 .cardLink > a {
  display: block;
  position: relative;
}

.cardLists2 .cardLink > a:not([href]) {
  cursor: default;
}

.cardLists2 .cardLink > a:not([href]) .cardLink__contents .more {
  display: none;
}

.cardLists2 .cardLink > a:not([href]):hover .img-addBg {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.cardLists2 .cardLink > a:only-child .cardLink__image:only-child {
  border-radius: 4px;
}

.cardLists2 .cardLink > a .cardLink__contents {
  padding-bottom: 30px;
}

.cardLists2 .cardLink > a .cardLink__contents .more {
  right: 15px;
  bottom: 12px;
}

.cardLists2 .cardLink > a:hover .img-addBg {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

.cardLists2 .cardLink > a:hover .cardLink__contents .title {
  color: #000;
}

.cardLists2 .cardLink > a:hover .cardLink__contents .more {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .cardLists2.sp-col-2 .cardLink {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 48%;
            flex: 0 0 48%;
    padding: 0;
    margin-bottom: 10px;
  }
  .cardLists2.sp-col-2 .cardLink:nth-child(even) {
    margin-left: 4%;
  }
  .cardLists2.sp-col-2 .cardLink__image {
    height: 23vw;
  }
}

/* banner list */
.c-bannerList {
  padding: 20px 10px;
}

@media screen and (max-width: 767px) {
  .c-bannerList {
    padding: 15px 8px;
  }
}

.c-bannerList__item {
  margin: 0;
}

.c-bannerList__item .image img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  max-width: 100%;
}

.c-bannerList__item .image a:hover img {
  opacity: .8;
}

.c-bannerList__item figcaption {
  font-size: 12px;
  font-size: 1.2rem;
  padding-top: 5px;
}

@media screen and (max-width: 767px) {
  .c-bannerList__item figcaption {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
  }
}

.c-bannerList__item.logoimage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 80px;
}

@media screen and (max-width: 767px) {
  .c-bannerList__item.logoimage {
    height: 70px;
  }
}

.c-bannerList__item.logoimage a {
  width: 100%;
  height: auto;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}

.c-bannerList__item.logoimage a::before {
  -webkit-transition: all 0.2s 0s ease;
  transition: all 0.2s 0s ease;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 4px;
}

.c-bannerList__item.logoimage a:hover::before {
  -webkit-box-shadow: inset 0 0 0 2px rgba(0, 117, 194, 0.5);
          box-shadow: inset 0 0 0 2px rgba(0, 117, 194, 0.5);
}

@media screen and (max-width: 767px) {
  .c-bannerList__item.logoimage a img {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}

/* ページ内リンク */
.c-anchorNav {
  text-align: center;
  margin-bottom: 30px;
}

.c-anchorNav li {
  display: inline-block;
}

.c-anchorNav li:not(:first-child) {
  border-left: 1px solid #dadada;
}

.c-anchorNav li a {
  display: block;
  padding: 3px 20px;
  color: #0075c2;
}

.c-anchorNav li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  position: relative;
  top: -2px;
  width: 4px;
  height: 4px;
  border-bottom: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.c-anchorNav li a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .c-anchorNav {
    margin-bottom: 20px;
  }
  .c-anchorNav li:not(:first-child) {
    border-left: none;
  }
}

/* イベント、レポート 投稿タイトル */
.c-postTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 4px 0 20px;
}

.c-postTitle .category {
  display: inline-block;
  background: #ff4100;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  padding: 6px 20px;
  border-radius: 20px;
  position: absolute;
  top: -10px;
  left: 0;
}

.c-postTitle .category + .ttl--lv1 {
  margin-top: 24px;
}

.c-postUserWrap + .c-postTitle .category {
  top: 0;
  left: auto;
  right: 0;
}

.c-postUserWrap + .c-postTitle .category + .ttl--lv1 {
  margin-top: 0;
}

.c-postTitle .ttl--lv1 {
  margin-right: auto;
  padding-right: 20px;
}

.c-postTitle .detailBtn {
  white-space: nowrap;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-top: 3px;
}

.c-postTitle .status {
  font-size: 12px;
  font-size: 1.2rem;
  background: #0075c2;
  color: #fff;
  padding: 2px 10px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  text-align: center;
  -ms-flex-item-align: start;
      align-self: flex-start;
  margin-bottom: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.c-postTitle .recommended-rate {
  margin-left: auto;
}

.c-postTitle .recommended-rate dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-postTitle .recommended-rate dl dt {
  font-weight: bold;
  margin-right: 20px;
}

.c-postTitle .recommended-rate dl dd .m-rate {
  font-size: 20px;
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .c-postTitle {
    margin: 4px 0 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .c-postTitle .category {
    padding: 4px 16px;
    position: static;
    margin-bottom: 10px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .c-postTitle .category + .ttl--lv1 {
    margin-top: 0;
  }
  .c-postTitle .ttl--lv1 {
    padding-right: 0;
    padding-bottom: 4px;
  }
  .c-postTitle .detailBtn {
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-top: 0;
  }
  .c-postTitle .status {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 8px;
    width: 100%;
  }
  .c-postTitle .recommended-rate {
    margin-top: 10px;
    margin-bottom: 5px;
  }
  .c-postTitle .recommended-rate dl dt {
    margin-right: 15px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .c-postTitle .recommended-rate dl dd .m-rate {
    font-size: 15px;
    font-size: 1.5rem;
  }
}

/* イベント、レポート ユーザーエリア */
.c-postUserWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.c-postUserWrap .m-socialShare {
  margin-left: auto;
}

.c-postTitle + .c-postUserWrap {
  margin-top: -10px;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .c-postUserWrap {
    display: block;
  }
  .c-postTitle + .c-postUserWrap {
    margin-top: 0;
    margin-bottom: 15px;
  }
}

/* イベント・オフ会 コンテンツエリア */
.c-eventContents {
  padding: 12px 0;
}

.c-eventContents .accordion-toggle {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0075c2;
  border-radius: 4px;
  padding: 10px 40px 10px 18px;
  margin-top: 10px;
}

.c-eventContents .accordion-toggle:first-child {
  margin-top: 0;
}

.c-eventContents .accordion-toggle h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.c-eventContents .accordion-contents {
  padding: 15px 10px 25px;
}

.c-eventContents .accordion-contents:last-child {
  padding-bottom: 10px;
}

.c-eventContents .accordion-contents .instantPost {
  margin-bottom: 0;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox {
  margin-bottom: 20px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body {
  background: #0075c2;
  border-radius: 4px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input {
  width: 760px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input .inputTitle {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input textarea {
  border: none;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input textarea:focus {
  height: 77px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button {
  width: 150px;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button button {
  padding: 17px 10px 16px;
  margin-top: 0;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
}

.c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button button b {
  font-size: 22px;
  font-size: 2.2rem;
  line-height: 1;
  padding-top: 8px;
}

.c-eventContents .accordion-contents .instantPost .btnWrap {
  padding: 20px 0 25px;
}

.c-eventContents .accordion-contents .eventReportWrap {
  height: 75vh;
  max-height: 600px;
  padding: 0 20px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 767px) {
  .c-eventContents .accordion-toggle {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 10px 38px 10px 15px;
    margin-top: 8px;
  }
  .c-eventContents .accordion-toggle h3 {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .c-eventContents .accordion-contents {
    padding: 10px 0 20px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .c-eventContents .accordion-contents .instantPost {
    padding: 0;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox {
    margin-bottom: 15px;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input {
    width: 100%;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input .inputTitle {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input textarea {
    height: 38px;
    padding: 7px 10px;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .input textarea:focus {
    height: 138px;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button {
    width: 100%;
    float: none;
    position: static;
    padding-top: 3px;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button button {
    padding: 14px 10px 10px;
    font-size: 10px;
    font-size: 1rem;
  }
  .c-eventContents .accordion-contents .instantPost .instantPost__postBox .postBox__body .button button b {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-size: 1.8rem;
    padding-top: 0;
    margin-left: 10px;
  }
  .c-eventContents .accordion-contents .eventReportWrap {
    padding: 0 10px;
  }
  .c-eventContents .accordion-contents .block {
    padding: 15px 0 0;
  }
  .c-eventContents .accordion-contents .block:first-child {
    padding-top: 0;
  }
}

/* ページネーション */
.c-pagination {
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
  padding: 30px 0 0;
}

.boxBlock__body .c-pagination {
  border-top: 1px solid #dadada;
  padding: 20px 0 0;
}

.boxBlock__body .c-pagination ul {
  margin-bottom: 0;
}

.c-pagination ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15px;
}

.c-pagination ul li {
  padding: 6px;
}

.c-pagination ul li a {
  min-width: 30px;
  height: 30px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f4f4f4;
  color: #0075c2;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-pagination ul li a:hover {
  background: #0075c2;
  color: #fff;
}

.c-pagination ul li a:not([href]) {
  background: #0075c2;
  color: #fff;
  cursor: default;
}

.c-pagination ul li a.prev, .c-pagination ul li a.next {
  background: none;
  width: 30px;
  font-size: 0;
  overflow: hidden;
  position: relative;
}

.c-pagination ul li a.prev::after, .c-pagination ul li a.next::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  position: absolute;
  top: 50%;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.c-pagination ul li a.prev:hover, .c-pagination ul li a.next:hover {
  background: none;
}

.c-pagination ul li a.prev:not([href]), .c-pagination ul li a.next:not([href]) {
  background: none;
}

.c-pagination ul li a.prev::after {
  width: 8px;
  height: 8px;
  left: 50%;
  border-left: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  -webkit-transform: translate(-1px, -50%) rotate(45deg);
          transform: translate(-1px, -50%) rotate(45deg);
}

.c-pagination ul li a.prev:hover::after {
  -webkit-transform: translate(-4px, -50%) rotate(45deg);
          transform: translate(-4px, -50%) rotate(45deg);
}

.c-pagination ul li a.prev:not([href]):hover::after {
  -webkit-transform: translate(-1px, -50%) rotate(45deg);
          transform: translate(-1px, -50%) rotate(45deg);
}

.c-pagination ul li a.prev:not([href])::after {
  border-color: #dadada;
}

.c-pagination ul li a.next::after {
  width: 8px;
  height: 8px;
  right: 50%;
  border-right: 1px solid #0075c2;
  border-bottom: 1px solid #0075c2;
  -webkit-transform: translate(1px, -50%) rotate(-45deg);
          transform: translate(1px, -50%) rotate(-45deg);
}

.c-pagination ul li a.next:hover::after {
  -webkit-transform: translate(4px, -50%) rotate(-45deg);
          transform: translate(4px, -50%) rotate(-45deg);
}

.c-pagination ul li a.next:not([href]):hover::after {
  -webkit-transform: translate(1px, -50%) rotate(-45deg);
          transform: translate(1px, -50%) rotate(-45deg);
}

.c-pagination ul li a.next:not([href])::after {
  border-color: #dadada;
}

@media screen and (max-width: 767px) {
  .c-pagination {
    padding: 0 16px 30px;
  }
}

/* オーナー＆試乗レポート 総合評価 */
.c-reportTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-reportTotal .recommended-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-reportTotal .recommended-rate .image {
  width: 168px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 168px;
          flex: 0 0 168px;
  margin-right: 24px;
}

.c-reportTotal .recommended-rate .image img {
  width: 100%;
}

.c-reportTotal .recommended-rate dl {
  margin-right: 24px;
}

.c-reportTotal .recommended-rate dl dt {
  font-size: 14.5px;
  font-size: 1.45rem;
  font-weight: bold;
  margin-bottom: 5px;
}

.c-reportTotal .recommended-rate dl .m-rate {
  font-size: 22px;
  font-size: 2.2rem;
}

.c-reportTotal .evaluation {
  width: 440px;
  position: relative;
}

.c-reportTotal .evaluation::before {
  content: "";
  width: 1px;
  height: 100%;
  background: #dadada;
  position: absolute;
  left: 10px;
  top: 0;
}

.c-reportTotal .evaluation li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  width: 170px;
  float: left;
  margin: 2px 0 2px 50px;
}

.c-reportTotal .evaluation li .m-rate {
  margin-left: auto;
}

.c-reportTotal.is-result {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-reportTotal {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .c-reportTotal .recommended-rate {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 38%;
            flex: 0 0 38%;
  }
  .c-reportTotal .recommended-rate .image {
    width: auto;
    padding-right: 10px;
    margin-bottom: 5px;
    margin-right: 0;
  }
  .c-reportTotal .recommended-rate dl {
    padding-right: 10px;
    margin: 0;
  }
  .c-reportTotal .recommended-rate dl dt {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.4;
    margin-bottom: 5px;
    text-align: center;
  }
  .c-reportTotal .recommended-rate dl dd {
    text-align: center;
  }
  .c-reportTotal .recommended-rate dl .m-rate {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .c-reportTotal .evaluation {
    width: auto;
    padding-left: 14px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 56%;
            flex: 0 0 56%;
  }
  .c-reportTotal .evaluation::before {
    left: 0;
  }
  .c-reportTotal .evaluation li {
    float: none;
    width: 100%;
    margin: 2px 0;
  }
  .c-reportTotal .evaluation li .m-rate {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* オーナー＆試乗レポート コンテンツエリア */
.c-reportContents {
  margin-top: 10px;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-reportContents .subImageWrap {
  margin-bottom: 25px;
}

.c-reportContents .subImageWrap .subImage {
  width: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  float: right;
}

.c-reportContents .subImageWrap .subImage .m-responsiveImage {
  width: 230px;
  margin-bottom: 0;
}

.c-reportContents .subImageWrap .subImage .m-responsiveImage:only-child {
  margin-left: auto;
}

.c-reportContents .subImageWrap .m-table {
  float: left;
  width: 470px;
  margin-top: 10px;
}

.c-reportContents .subImageWrap .m-table th, .c-reportContents .subImageWrap .m-table td {
  padding: 12px 15px;
}

.c-reportContents .subImageWrap .m-table th {
  width: 30%;
}

.c-reportContents .ttl_with_rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 10px;
}

.c-reportContents .ttl_with_rate .ttl--lv3, .c-reportContents .ttl_with_rate .myprofile .block__title, .myprofile .c-reportContents .ttl_with_rate .block__title {
  margin-bottom: 0;
}

.c-reportContents .ttl_with_rate .m-rate {
  margin-left: auto;
}

.c-reportContents .ttl_with_rate .sumRate {
  margin-left: auto;
}

.c-reportContents .ttl_with_rate .sumRate + .m-rate {
  margin-left: 20px;
}

.c-reportContents .ttl--lv3.sumComment, .c-reportContents .myprofile .sumComment.block__title, .myprofile .c-reportContents .sumComment.block__title {
  color: #ff4100;
  border-left-color: #ff4100;
}

.c-reportContents .reportComment {
  border-top: 1px solid #dadada;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-reportContents {
    margin-top: 5px;
  }
  .c-reportContents .subImageWrap .subImage {
    width: 100%;
    float: none;
  }
  .c-reportContents .subImageWrap .subImage .m-responsiveImage {
    width: 49%;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 49%;
            flex: 0 0 49%;
  }
  .c-reportContents .subImageWrap .subImage .m-responsiveImage:only-child {
    margin-left: 0;
  }
  .c-reportContents .subImageWrap .m-table {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  .c-reportContents .subImageWrap .m-table th, .c-reportContents .subImageWrap .m-table td {
    padding: 5px 12px;
  }
  .c-reportContents .subImageWrap .m-table th {
    width: 100%;
  }
  .c-reportContents .ttl_with_rate .sumRate + .m-rate {
    margin-left: 10px;
  }
}

/* オーナー＆試乗レポート 検索結果 ヘッド（絞り込み） */
.c-reportResultHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: -5px 0 -5px;
}

.c-reportResultHead .m-result-sort {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-reportResultHead {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
  }
  .c-reportResultHead .summary {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
    margin-right: 30px;
  }
  .c-reportResultHead .m-result-sort {
    margin-left: auto;
  }
}

/* オーナー＆試乗レポート 検索結果 コンテンツ */
.c-reportResultContents {
  font-size: 12px;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 20px;
}

.c-reportResultContents .m-responsiveImage {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 400px;
          flex: 0 0 400px;
}

.c-reportResultContents__text {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 550px;
          flex: 0 0 550px;
  margin-left: auto;
}

.c-reportResultContents__text .m-table {
  margin-bottom: 20px;
}

.c-reportResultContents__text .m-table th, .c-reportResultContents__text .m-table td {
  padding: 12px 15px;
}

.c-reportResultContents__text .m-table th {
  width: 30%;
}

.c-reportResultContents .ttl--lv3.sumComment, .c-reportResultContents .myprofile .sumComment.block__title, .myprofile .c-reportResultContents .sumComment.block__title {
  color: #ff4100;
  border-left-color: #ff4100;
}

.c-reportResultContents .reportComment {
  border-top: 1px solid #dadada;
  margin-top: 30px;
  padding-top: 30px;
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .c-reportResultContents {
    display: block;
    margin-bottom: 15px;
  }
  .c-reportResultContents__text .m-table {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .c-reportResultContents__text .m-table th, .c-reportResultContents__text .m-table td {
    padding: 5px 12px;
  }
  .c-reportResultContents__text .m-table th {
    width: 100%;
  }
}

/* オーナー＆試乗レポート 検索結果 ボタン */
.c-reportResultBtn {
  position: absolute;
  right: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-reportResultBtn {
    position: static;
    margin-bottom: 10px;
  }
}

/* オーナー＆試乗レポート レポート一覧 */
.c-reportList {
  margin: 15px 0 10px;
}

.c-reportList__item {
  border: 1px solid #dadada;
  border-radius: 4px;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 10px 14px;
}

.c-reportList__item .name {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin-bottom: 8px;
}

.c-reportList__item .recommended-rate {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-reportList__item .recommended-rate {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.c-reportList__item .recommended-rate .image {
  width: 84px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 84px;
          flex: 0 0 84px;
}

.c-reportList__item .recommended-rate .image img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-reportList__item .recommended-rate dl {
    margin: 0 14px;
  }
}

.c-reportList__item .recommended-rate dl dt {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
}

a:hover .c-reportList__item .recommended-rate dl dt {
  color: #000;
}

.c-reportList__item .recommended-rate dl .m-rate {
  font-size: 16px;
  font-size: 1.6rem;
}

.c-reportList__item .evaluation {
  margin: 6px 0;
}

.c-reportList__item .evaluation li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.5;
}

a:hover .c-reportList__item .evaluation li {
  color: #000;
}

.c-reportList__item .evaluation li .m-rate {
  margin-left: auto;
  margin-right: 18px;
  font-size: 13px;
}

@media screen and (max-width: 767px) {
  .c-reportList__item .evaluation li .m-rate {
    margin-right: 0;
  }
}

a:hover .c-reportList__item p {
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-reportList__item p {
    text-align: center;
  }
}

.c-reportList--other li {
  display: inline-block;
  margin-right: 25px;
}

.c-reportList--other li a {
  display: block;
  padding: 6px 0;
}

.c-reportList--other li a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -1px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #0075c2;
  margin-right: 4px;
}

/* サイト内検索 */
::-moz-placeholder {
  color: #ccc;
  opacity: 1;
  font-weight: 300;
}

:-ms-input-placeholder {
  color: #ccc;
  font-weight: 300;
}

::-webkit-input-placeholder {
  color: #ccc;
  font-weight: 300;
  line-height: normal;
}

:placeholder-shown {
  color: #ccc;
  font-weight: 300;
  text-overflow: ellipsis;
}

.c-siteSearchBox {
  background: #f8f8f8;
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 30px;
}

.c-siteSearchBox .inner dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.c-siteSearchBox .inner dl dt {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0075c2;
}

.c-siteSearchBox .inner dl dd {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-left: 20px;
}

.c-siteSearchBox .inner dl dd .searchBox {
  font-size: 18px;
  font-size: 1.8rem;
  width: calc(100% - 140px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 48px;
  border-radius: 4px;
  border: 1px solid #dadada;
  vertical-align: middle;
}

.c-siteSearchBox .inner dl dd input[type="submit"] {
  width: 120px;
  height: 48px;
  margin-left: 4px;
  font-size: 16px;
  font-size: 1.6rem;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: middle;
  cursor: pointer;
  outline: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  background: #0075c2;
  color: #fff;
}

.c-siteSearchBox .inner.hottopic {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  border-top: 1px solid #dadada;
  margin-top: 20px;
  padding-top: 20px;
}

.c-siteSearchBox .inner.hottopic dl dt {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
}

.c-siteSearchBox .inner.hottopic dl dd {
  font-size: 14px;
  font-size: 1.4rem;
  margin-left: 40px;
}

.c-siteSearchBox .inner.hottopic dl dd ul li {
  display: inline-block;
  margin-right: 30px;
}

.c-siteSearchBox .inner.hottopic dl dd ul li a {
  text-decoration: underline;
  color: #0075c2;
}

.c-siteSearchBox .inner.hottopic dl dd ul li a:hover {
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .c-siteSearchBox {
    margin: 0 16px;
    padding: 15px 20px 20px;
  }
  .c-siteSearchBox .inner dl {
    display: block;
  }
  .c-siteSearchBox .inner dl dt {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 10px;
  }
  .c-siteSearchBox .inner dl dd {
    margin-left: 0;
  }
  .c-siteSearchBox .inner dl dd .searchBox {
    font-size: 16px;
    font-size: 1.6rem;
    width: calc(100% - 90px);
    height: 40px;
  }
  .c-siteSearchBox .inner dl dd input[type="submit"] {
    width: 80px;
    height: 40px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .c-siteSearchBox .inner.hottopic dl dt {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 0;
  }
  .c-siteSearchBox .inner.hottopic dl dd {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 0;
  }
  .c-siteSearchBox .inner.hottopic dl dd ul li {
    margin-right: 20px;
    margin-top: 5px;
  }
}

/* ニュースリスト */
.c-newsList {
  padding: 10px;
}

.c-newsList li {
  zoom: 1;
}

.c-newsList li:before, .c-newsList li:after {
  display: table;
  content: ' ';
}

.c-newsList li:after {
  clear: both;
}

.c-newsList li + li {
  margin-top: 20px;
}

.c-newsList li .date {
  width: 130px;
  float: left;
}

@media screen and (max-width: 767px) {
  .c-newsList li .date {
    width: 100%;
    float: none;
  }
}

.c-newsList li p {
  margin-left: 150px;
}

@media screen and (min-width: 767px) {
  .c-newsList li p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

@media screen and (max-width: 767px) {
  .c-newsList li p {
    margin-left: 0;
  }
}

.c-newsList li p a {
  color: #0075c2;
  text-decoration: underline;
}

.c-newsList li p a:hover {
  text-decoration: none;
}

/* 大カテリンク */
.c-categoryLink {
  border-bottom: 1px solid #dadada;
}

.c-categoryLink__inner {
  width: 1040px;
  margin: 0 auto;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .c-categoryLink__inner {
    width: auto;
    display: block;
    padding: 20px 16px;
  }
}

.c-categoryLink__inner h2 {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 30px;
          flex: 0 0 30px;
}

@media screen and (min-width: 767px) {
  .c-categoryLink__inner h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 1;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}

@media screen and (max-width: 767px) {
  .c-categoryLink__inner h2 {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.4;
  }
}

.c-categoryLink__list {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.c-categoryLink__list .lead {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: .1em;
  padding: 5px 0 0 30px;
}

@media screen and (max-width: 767px) {
  .c-categoryLink__list .lead {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5;
    padding: 4px 0 16px 0;
  }
}

.c-categoryLink__list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-categoryLink__list ul {
    display: block;
  }
}

.c-categoryLink__list ul li {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 300px;
          flex: 0 0 300px;
  margin: 20px 0 20px 30px;
  border-top: 2px solid;
  border-bottom: 1px solid;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-categoryLink__list ul li {
    width: 100%;
    margin: 0;
    border-bottom: none;
  }
}

.c-categoryLink__list ul li a {
  display: block;
  padding: 10px 0 30px;
}

@media screen and (max-width: 767px) {
  .c-categoryLink__list ul li a {
    padding: 8px 0 26px;
  }
}

.c-categoryLink__list ul li a h3 {
  text-align: center;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 10px;
}

.c-categoryLink__list ul li a .listItem {
  zoom: 1;
}

.c-categoryLink__list ul li a .listItem:before, .c-categoryLink__list ul li a .listItem:after {
  display: table;
  content: ' ';
}

.c-categoryLink__list ul li a .listItem:after {
  clear: both;
}

.c-categoryLink__list ul li a .listItem .image {
  width: 120px;
  float: left;
  border-radius: 3px;
  overflow: hidden;
}

.c-categoryLink__list ul li a .listItem .image img {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  width: 100%;
}

.c-categoryLink__list ul li a .listItem .text {
  font-size: 13px;
  font-size: 1.3rem;
  margin-left: 135px;
  color: #333;
}

.c-categoryLink__list ul li a .listItem .more {
  position: absolute;
  bottom: 7px;
  right: 0;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}

.c-categoryLink__list ul li a .listItem .more::before {
  content: '\f138';
  position: relative;
  margin-right: 6px;
  font-family: FontAwesome;
  font-weight: normal;
  color: #0075c2;
}

.c-categoryLink__list ul li a:hover .listItem .image img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.c-categoryLink > [class*="cate-"] {
  position: relative;
  z-index: 1;
}

.c-categoryLink > [class*="cate-"]::before {
  content: "";
  width: 100%;
  height: 45vw;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-categoryLink > [class*="cate-"]::before {
    height: 90vw;
  }
}

.c-categoryLink .cate-subaru::before {
  background: linear-gradient(170deg, rgba(53, 128, 179, 0.1), rgba(53, 128, 179, 0) 30%);
}

.c-categoryLink .cate-subaru h2 {
  color: #3580b3;
}

.c-categoryLink .cate-subaru .c-categoryLink__list ul li {
  border-color: #3580b3;
}

.c-categoryLink .cate-subaru .c-categoryLink__list ul li a h3 {
  color: #3580b3;
}

.c-categoryLink .cate-car::before {
  background: linear-gradient(170deg, rgba(233, 113, 57, 0.1), rgba(233, 113, 57, 0) 30%);
}

.c-categoryLink .cate-car h2 {
  color: #e97139;
}

.c-categoryLink .cate-car .c-categoryLink__list ul li {
  border-color: #e97139;
}

.c-categoryLink .cate-car .c-categoryLink__list ul li a h3 {
  color: #e97139;
}

.c-categoryLink .cate-lifestyle::before {
  background: linear-gradient(170deg, rgba(24, 137, 27, 0.1), rgba(24, 137, 27, 0) 30%);
}

.c-categoryLink .cate-lifestyle h2 {
  color: #18891b;
}

.c-categoryLink .cate-lifestyle .c-categoryLink__list ul li {
  border-color: #18891b;
}

.c-categoryLink .cate-lifestyle .c-categoryLink__list ul li a h3 {
  color: #18891b;
}

.c-categoryLink + .container,
.container + .c-categoryLink {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .c-categoryLink + .container,
  .container + .c-categoryLink {
    margin-top: 30px;
  }
}

/* ページ下部ソーシャルリンク */
.c-btm-socialLink {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}

@media screen and (max-width: 767px) {
  .c-btm-socialLink {
    margin: 26px 16px 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.c-btm-socialLink dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 45px;
}

@media screen and (min-width: 767px) {
  .c-btm-socialLink dl:not(:first-child) {
    border-left: 1px solid #dadada;
  }
}

@media screen and (max-width: 767px) {
  .c-btm-socialLink dl {
    display: block;
    text-align: center;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    padding: 5px 0;
    position: relative;
    margin-bottom: 20px;
  }
  .c-btm-socialLink dl:first-child::after {
    content: "";
    width: 1px;
    height: 100%;
    background: #dadada;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.c-btm-socialLink dl dt {
  font-weight: bold;
  display: inline-block;
  margin-right: 30px;
}

@media screen and (max-width: 767px) {
  .c-btm-socialLink dl dt {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

.c-btm-socialLink dl dd a {
  display: inline-block;
}

.c-btm-socialLink dl dd a img {
  height: 26px;
}

.c-btm-socialLink dl dd a + a {
  margin-left: 24px;
}

@media screen and (max-width: 767px) {
  .c-btm-socialLink dl.other {
    border-top: 1px solid #dadada;
    padding-top: 16px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}

/* htmltags */
.paragraph p + p {
  margin-top: 1.6em;
}

.paragraph .mainImg {
  display: block;
  margin: 0 auto 24px;
}

.paragraph .mainImg img {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .paragraph .mainImg img {
    width: 100%;
    height: auto;
  }
}

.paragraph .catchUnit {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
}

.paragraph .catchUnit__img, .paragraph .catchUnit__body {
  display: block;
}

.paragraph .catchUnit__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70%;
  padding: 0 10px;
  float: left;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .paragraph .catchUnit__body {
    width: 100%;
    float: none;
  }
}

.paragraph .catchUnit__body span {
  display: block;
  margin-top: 20px;
  padding: 5px;
  font-size: 67%;
  font-weight: normal;
  background: #ffffcc;
}

.paragraph .catchUnit__img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30%;
  float: right;
}

@media screen and (max-width: 767px) {
  .paragraph .catchUnit__img {
    width: 100%;
    margin-top: 16px;
    padding: 0 10px;
    float: none;
  }
}

.paragraph .catchUnit__img img {
  display: block;
  width: 100%;
}

.paragraph .catchUnit.interview {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 20px;
  width: 100%;
}

.paragraph .catchUnit.interview .catchUnit__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 50%;
  padding: 0;
  float: right;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .paragraph .catchUnit.interview .catchUnit__body {
    width: 100%;
    float: none;
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.paragraph .catchUnit.interview .catchUnit__body span {
  display: block;
  margin-top: 10px;
  padding: 10px;
  font-size: 67%;
  font-weight: normal;
  background: #ffffcc;
}

.paragraph .catchUnit.interview .catchUnit__img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 47%;
  float: left;
}

@media screen and (max-width: 767px) {
  .paragraph .catchUnit.interview .catchUnit__img {
    width: 100%;
    margin-top: 16px;
    padding: 0;
    float: none;
  }
}

.paragraph .catchUnit.interview .catchUnit__img img {
  display: block;
  width: 100%;
}

.paragraph .swc-report {
  margin-bottom: 20px;
  padding: 10px;
  background: #f4f4f4;
}

.paragraph .swc-report__head {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-top: 20px;
  width: 30%;
}

@media screen and (max-width: 767px) {
  .paragraph .swc-report__head {
    width: 100%;
    float: none;
    text-align: center;
  }
}

.paragraph .swc-report__head .title {
  margin: 0 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.paragraph .swc-report__head img {
  display: block;
  margin: 0 auto;
}

.paragraph .swc-report__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  width: 68%;
}

@media screen and (max-width: 767px) {
  .paragraph .swc-report__body {
    width: 100%;
    float: none;
    margin-top: 16px;
  }
}

.paragraph .comment-block .conversationList + .namelist, .namelist + .paragraph .comment-block .conversationList {
  margin-top: 30px;
}

.paragraph .comment-block:not(:last-child) {
  margin-bottom: 30px;
}

.paragraph .comment-block .title {
  margin: 0 0 15px !important;
  padding: 8px 15px !important;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  background: #0075c2;
  color: #fff;
}

.paragraph .comment-block .panelist {
  margin-bottom: 8px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .panelist .imgL,
  .paragraph .comment-block .panelist .imgR {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}

.paragraph .comment-block .remark + .panelist {
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .remark .imgL,
  .paragraph .comment-block .remark .imgR {
    float: none;
    margin: 0 0 10px;
    width: 100%;
  }
}

.paragraph .comment-block .text-box {
  width: 380px;
  float: right;
  overflow: hidden;
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .text-box {
    width: 100%;
    float: none;
  }
}

.paragraph .comment-block .img-box {
  width: 350px;
  float: left;
  margin: 0 20px 20px 0;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-box {
    width: 100%;
    margin: 16px 0;
    float: none;
  }
}

.paragraph .comment-block .img-box img {
  width: 100%;
}

.paragraph .comment-block .reverse .text-box {
  float: left;
}

.paragraph .comment-block .reverse .img-box {
  float: right;
  margin: 0 0 20px 20px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .reverse .img-box {
    margin: 16px 0;
  }
}

.paragraph .comment-block .img-w300 .text-box {
  width: 430px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w300 .text-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w300 .img-box {
  width: 300px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w300 .img-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w250 .text-box {
  width: 480px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w250 .text-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w250 .img-box {
  width: 250px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w250 .img-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w200 .text-box {
  width: 530px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w200 .text-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w200 .img-box {
  width: 200px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w200 .img-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w150 .text-box {
  width: 580px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w150 .text-box {
    width: 100%;
  }
}

.paragraph .comment-block .img-w150 .img-box {
  width: 150px;
}

@media screen and (max-width: 767px) {
  .paragraph .comment-block .img-w150 .img-box {
    width: 100%;
  }
}

.paragraph .namelist {
  margin-bottom: 15px;
  padding: 10px;
  background-color: #f4f4f4;
}

.paragraph .namelist li {
  width: 30%;
  float: left;
  color: #ff6600;
  margin: 5px 10px 5px 10px;
}

/* event-hero */
.eventSection {
  margin-bottom: 20px;
}

.eventSection + .block {
  border-top: 0;
}

@media screen and (max-width: 767px) {
  .eventSection {
    margin-top: -1px;
    margin-bottom: 0;
  }
  .eventSection .grid {
    margin: 0;
  }
  .eventSection .grid .grid__item {
    margin-top: 1px;
    padding: 0;
  }
}

.event-hero-title {
  height: 32px;
  line-height: 32px;
  padding-left: 15px;
  background: #0075c2;
  color: #fff;
  margin-bottom: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .event-hero-title {
    margin-bottom: 1px;
  }
}

.makalii-hero-title {
  background: #a43a4b;
  color: #fff;
  margin-bottom: 2px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  padding-left: 110px;
}

.makalii-hero-title .logo {
  position: absolute;
  left: 15px;
  top: 4px;
}

@media screen and (max-width: 767px) {
  .makalii-hero-title {
    margin-bottom: 1px;
  }
}

.event-hero {
  height: 300px;
  background: #000;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .event-hero {
    height: 100%;
  }
}

.event-hero > a {
  overflow: hidden;
  display: block;
}

.event-hero > a:hover {
  color: #000;
}

.event-hero > a:hover .image {
  -webkit-transform: scale(1.04);
          transform: scale(1.04);
}

.event-hero .image {
  overflow: hidden;
  position: relative;
  height: 312px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.event-hero .image.img-addBg {
  background-position: center top;
}

.event-hero .image img {
  height: 312px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.event-hero .event-hero__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  color: #fff;
}

.event-hero .event-hero__body::before {
  content: "";
  display: block;
  width: 100%;
  height: 200px;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(90%, rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 90%);
}

@media screen and (max-width: 767px) {
  .event-hero .event-hero__body::before {
    height: 140px;
  }
}

.event-hero .event-hero__text {
  padding: 0 20px 16px;
}

@media screen and (max-width: 767px) {
  .event-hero .event-hero__text {
    padding: 0 10px 10px;
  }
}

.event-hero .event-hero__text .date {
  color: #fff;
  margin-bottom: 5px;
}

.event-hero .event-hero__text p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.45;
  font-weight: bold;
  margin-top: -3px;
}

@media screen and (max-width: 767px) {
  .event-hero .event-hero__text {
    padding: 0 16px 12px;
  }
  .event-hero .event-hero__text .date {
    font-size: 10px;
    font-size: 1rem;
  }
  .event-hero .event-hero__text p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.event-hero.makalii-article .category {
  background: #bdb62a;
  color: #fff;
  position: absolute;
  top: 10px;
  right: 10px;
  min-width: 100px;
  height: 22px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  border-radius: 11px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .event-hero.makalii-article .category {
    font-size: 10px;
    font-size: 1rem;
    min-width: 70px;
    height: 16px;
  }
}

.event-hero.makalii-article .event-hero__body .event-hero__text {
  padding-right: 110px;
}

@media screen and (max-width: 767px) {
  .event-hero.makalii-article .event-hero__body .event-hero__text {
    padding-right: 80px;
  }
}

.event-hero.makalii-article .event-hero__body .publishers {
  width: 80px;
  height: 46px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  position: absolute;
  right: 20px;
  bottom: 20px;
  text-align: center;
}

.event-hero.makalii-article .event-hero__body .publishers img {
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

@media screen and (max-width: 767px) {
  .event-hero.makalii-article .event-hero__body .publishers {
    width: 55px;
    height: 32px;
    right: 10px;
    bottom: 15px;
  }
}

/* mainPanel */
.mainPanel {
  position: relative;
  width: auto;
  height: 300px;
  overflow: hidden;
  background: #13a0fb url(/share_swc/images/main_bg.png) center top;
}

@media screen and (max-width: 767px) {
  .mainPanel {
    width: auto;
    height: 190px;
    background-size: 40px 59px;
  }
}

.mainPanel .mainPanel-bg {
  height: 450px;
  background: url(/share_swc/images/main_bg_scroll.png) 0 5px repeat-x;
  background-size: 1431px 246px;
  -webkit-animation: bg-scroll-pc 60s linear infinite;
          animation: bg-scroll-pc 60s linear infinite;
}

@media screen and (max-width: 767px) {
  .mainPanel .mainPanel-bg {
    height: 370px;
    background-size: 797px 137px;
    -webkit-animation: bg-scroll-sp 80s linear infinite;
            animation: bg-scroll-sp 80s linear infinite;
  }
}

@-webkit-keyframes bg-scroll-pc {
  0% {
    background-position: 0 15px;
  }
  100% {
    background-position: 2868px 15px;
  }
}

@keyframes bg-scroll-pc {
  0% {
    background-position: 0 15px;
  }
  100% {
    background-position: 2868px 15px;
  }
}

@-webkit-keyframes bg-scroll-sp {
  0% {
    background-position: 0 5px;
  }
  100% {
    background-position: 1594px 5px;
  }
}

@keyframes bg-scroll-sp {
  0% {
    background-position: 0 5px;
  }
  100% {
    background-position: 1594px 5px;
  }
}

.mainPanel .mainPanel__logo {
  text-align: center;
  padding-top: 45px;
}

.mainPanel .mainPanel__logo img {
  width: 350px;
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .mainPanel .mainPanel__logo {
    padding-top: 24px;
  }
  .mainPanel .mainPanel__logo img {
    width: 250px;
  }
}

.mainPanel .mainPanel__contents {
  margin: 12px auto 0;
}

.mainPanel .mainPanel__contents .text {
  width: 310px;
  height: 44px;
  margin: 0 auto;
  background: url(/share_swc/images/main_text.png) no-repeat;
}

.mainPanel .mainPanel__contents .text h1 {
  text-indent: -9999px;
}

@media screen and (max-width: 767px) {
  .mainPanel .mainPanel__contents {
    margin: 0;
  }
  .mainPanel .mainPanel__contents .text {
    width: 199px;
    height: 28px;
    float: none;
    margin: 0 auto;
    background: url(/share_swc/images/main_text_sp.png) no-repeat;
    background-size: 199px 28px;
  }
}

.mainPanel-gallery-title {
  text-align: center;
  color: #0075c2;
  background: #e5f1f9;
  font-size: 14px;
  font-size: 1.4rem;
  padding: 4px 0;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery-title {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 2px 0;
  }
}

.mainPanel-gallery {
  position: relative;
  height: 300px;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery {
    height: 190px;
  }
}

.mainPanel-gallery::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: -1;
  opacity: 1;
  background: transparent;
  border-top: 2px solid rgba(0, 0, 0, 0.1);
  border-right: 2px solid rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid rgba(0, 0, 0, 0.1);
  border-left: 2px solid #0075c2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: animsition-loading .8s linear infinite;
          animation: animsition-loading .8s linear infinite;
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.mainPanel-gallery.loaded {
  height: auto;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery.loaded {
    height: auto;
  }
}

.mainPanel-gallery.loaded::after {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
}

.mainPanel-gallery.loaded .gallery-slide {
  opacity: 1 !important;
}

.mainPanel-gallery .gallery-slide {
  opacity: 0;
  width: 500px;
  height: 300px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide {
    width: 100vw;
    min-height: 190px;
    height: 59vw;
  }
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide a {
    height: 100%;
  }
}

.mainPanel-gallery .gallery-slide a .image {
  width: 100%;
  height: 300px;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide a .image {
    width: 100vw;
    height: 100%;
  }
}

.mainPanel-gallery .gallery-slide a .image img {
  -webkit-transform: none;
          transform: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

.mainPanel-gallery .gallery-slide a .cate {
  position: absolute;
  top: 10px;
  right: 10px;
  background: #0075c2;
  color: #fff;
  text-align: center;
  padding: 2px 20px;
  border-radius: 20px;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide a .cate {
    font-size: 10px;
  }
}

.mainPanel-gallery .gallery-slide a .comment-wrap {
  position: absolute;
  left: 20px;
  bottom: 10px;
  color: #fff;
}

.mainPanel-gallery .gallery-slide a .comment-wrap .comment {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  width: 360px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 2px solid #fff;
  background: url(/share_swc/images/main_gallery_comment.png) left bottom no-repeat;
  padding: 10px 15px 24px;
}

.mainPanel-gallery .gallery-slide a .comment-wrap .name {
  background: url(/share_swc/images/main_gallery_comment_icon.png) left center no-repeat;
  padding-left: 15px;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide a .comment-wrap {
    left: 14px;
    bottom: 6px;
  }
  .mainPanel-gallery .gallery-slide a .comment-wrap .comment {
    font-size: 11px;
    font-size: 1.1rem;
    width: 295px;
    background: url(/share_swc/images/main_gallery_comment_sp.png) left bottom no-repeat;
    background-size: 295px 150px;
    padding: 6px 12px 22px;
  }
  .mainPanel-gallery .gallery-slide a .comment-wrap .name {
    font-size: 10px;
    font-size: 1rem;
  }
}

.mainPanel-gallery .gallery-slide a:hover .image::after {
  background: rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .gallery-slide a:hover .image::after {
    background: rgba(0, 0, 0, 0.45);
  }
}

.mainPanel-gallery .slick-prev,
.mainPanel-gallery .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  z-index: 1;
  display: block;
  width: 39px;
  height: 39px;
  margin-top: -28px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: #0075c2;
  border-radius: 50%;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery .slick-prev,
  .mainPanel-gallery .slick-next {
    -webkit-transform: scale(0.6);
            transform: scale(0.6);
  }
}

.mainPanel-gallery .slick-prev {
  left: 20px;
}

.mainPanel-gallery .slick-next {
  right: 20px;
}

.mainPanel-gallery .slick-prev::before,
.mainPanel-gallery .slick-next::before {
  color: #fff;
  display: block;
  width: 12px;
  height: 12px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -7px;
}

.mainPanel-gallery .slick-prev::before {
  content: "";
  border-left: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  margin-left: -4px;
}

.mainPanel-gallery .slick-next::before {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  margin-left: -10px;
}

.mainPanel-gallery .slick-prev:hover:before {
  -webkit-transform: translateX(-3px) rotate(45deg);
          transform: translateX(-3px) rotate(45deg);
}

.mainPanel-gallery .slick-next:hover:before {
  -webkit-transform: translateX(3px) rotate(-45deg);
          transform: translateX(3px) rotate(-45deg);
}

.mainPanel-gallery + .btnWrap {
  padding: 50px 0 40px;
}

@media screen and (max-width: 767px) {
  .mainPanel-gallery + .btnWrap {
    padding: 50px 20px 20px;
  }
}

/* top-message */
.block--lead + .top-message {
  margin-top: 0;
}

.top-message {
  background: #f4f4f4;
  padding: 20px;
  border: 0;
}

@media screen and (max-width: 767px) {
  .top-message {
    margin: 0 16px;
    padding: 12px 16px 16px;
  }
}

.top-message .ttl--lv1 {
  float: left;
  width: 50%;
  padding: 9px 0 0 5px;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .top-message .ttl--lv1 {
    float: none;
    width: 100%;
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
    text-align: center;
  }
}

.top-message .btnL {
  width: 40%;
  float: right;
}

@media screen and (max-width: 767px) {
  .top-message .btnL {
    float: none;
    width: 100%;
  }
}

/* data-information */
#data-information .ttl--lv1 {
  margin-bottom: 20px;
}

@media screen and (max-width: 767px) {
  #data-information .ttl--lv1 {
    margin-top: 20px;
    text-align: center;
  }
}

@media screen and (min-width: 767px) {
  #data-information .grid {
    float: left;
  }
  #data-information .grid.community {
    float: right;
  }
}

/* icon */
.icon--approval {
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  background: #0075c2;
  position: relative;
}

.icon--approval:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--approval:before {
  content: '\f118';
}

.icon--comment {
  position: relative;
}

.icon--comment:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--comment:before {
  content: '\f075';
}

.icon--edit {
  position: relative;
}

.icon--edit:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--edit:before {
  content: '\f040';
}

.icon--member {
  position: relative;
  padding: 5px 10px;
  text-align: center;
}

.icon--member:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--member:before {
  content: "\f007";
  font-size: 18px;
  font-size: 1.8rem;
}

.icon--mypage {
  position: relative;
}

.icon--mypage:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--mypage:before {
  content: '\f023';
}

.icon--login {
  position: relative;
}

.icon--login:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--login:before {
  content: '\f090';
}

.icon--underconstruction {
  padding: 5px 10px;
  color: #fff;
  text-align: center;
  background: #ff4100;
  position: relative;
}

.icon--underconstruction:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--underconstruction:before {
  content: '\f11a';
}

.icon--plus-circle {
  position: relative;
}

.icon--plus-circle:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--plus-circle:before {
  content: "\f055";
}

.icon--check-circle {
  position: relative;
}

.icon--check-circle:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--check-circle:before {
  content: "\f058";
}

.icon--car {
  position: relative;
}

.icon--car:before {
  position: relative;
  margin-right: 8px;
  font-family: FontAwesome;
  font-weight: normal;
}

.icon--car:before {
  content: "\f1b9";
}

.icon--good {
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  padding: 5px;
  background-image: url(/share_swc/images/icon_good.png);
  background-size: cover;
  color: #fff;
}

.icon--good > span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  text-align: center;
  font-weight: bold;
  font-size: 11px;
  font-size: 1.1rem;
}

/* img */
.imgUnit {
  margin: 0;
}

.imgUnit + .imgUnit {
  margin-top: 24px;
}

.imgUnit img {
  display: block;
}

.alignC .imgUnit img {
  margin-right: auto;
  margin-left: auto;
}

.imgUnit .caption {
  margin-top: 8px;
}

img.fluid {
  width: 100%;
}

.thumbnail {
  position: relative;
  overflow: hidden;
}

.thumbnail img {
  width: 100%;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.thumbnail + .category {
  background: #ff4100;
  color: #fff;
  display: inline-block;
  vertical-align: top;
  line-height: 1;
  padding: 5px 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 10px;
  font-size: 1rem;
}

@media screen and (max-width: 767px) {
  .thumbnail + .category {
    padding: 5px 10px;
    font-size: 8px;
    font-size: 0.8rem;
  }
}

.thumbnail + .link__title {
  padding: 10px 15px;
}

@media screen and (max-width: 767px) {
  .thumbnail + .link__title {
    padding: 10px;
  }
}

.thumbnail + .category + .link__title {
  padding: 0 15px 6px;
}

@media screen and (max-width: 767px) {
  .thumbnail + .category + .link__title {
    padding: 0 10px 6px;
  }
}

.image__unit {
  padding: 10px;
  border: 1px solid #dadada;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#f4f4f4), color-stop(63%, #fff));
  background: linear-gradient(to bottom, #f4f4f4 0%, #fff 63%);
}

.selected .image__unit {
  background: #004673;
}

.image__unit > a {
  display: block;
  margin: -10px;
  padding: 10px;
}

.image__unit img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 8px;
}

.image__unit .name {
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .img--trim {
    height: 320px;
    overflow: hidden;
  }
  .img--trim > img {
    width: 100%;
  }
}

/* login */
.block--login .mysubaru {
  text-align: center;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding: 20px 0 30px;
}

@media screen and (max-width: 767px) {
  .block--login .mysubaru {
    padding: 0;
    margin-top: -10px;
    text-align: center;
  }
  .block--login .mysubaru img {
    width: auto;
    max-width: 100%;
  }
}

.block--login .block__body .hoji {
  padding: 10px 0 0;
}

.block--login .block__body .input-check {
  vertical-align: middle;
  margin-right: .3em;
}

.block--login .login__unit {
  margin-bottom: 20px;
}

.block--login .login__unit .title {
  margin-bottom: 8px;
  font-weight: bold;
}

.block--login .login__unit .title span {
  padding: 2px 0 0 1em;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
}

.block--login .login__unit .body + .title {
  margin-top: 20px;
}

.block--login .login__unit .body > input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.block--login .login__unit .body > input:focus {
  background: #fffcee;
}

.block--login .is--attention {
  text-align: right;
}

.block--login .is--attention > a {
  display: inline-block;
  padding: 10px 0;
}

.block--login .is--attention .fa {
  margin-right: 5px;
  font-size: 140%;
}

@media screen and (max-width: 767px) {
  .block--login .is--attention .fa {
    font-size: 120%;
  }
}

.block--login .block--info {
  margin-top: 32px;
}

.block--login .block--info__item {
  position: relative;
  margin-bottom: 8px;
}

.block--login .block--info .link {
  display: inline-block;
  position: relative;
  padding-left: 24px;
}

.block--login .block--info .link:before {
  position: absolute;
  top: -4px;
  left: 0;
  display: inline-block;
  color: #ff9c00;
}

.block--login .is--error {
  margin-bottom: 16px;
  padding: 10px;
  background: #fffcee;
  font-weight: bold;
}

/* myprofile */
@media screen and (min-width: 767px) {
  .myprofile .block__title {
    padding-top: 0;
    border-top: none;
  }
}

.myprofile .block__title .greeting {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .myprofile .block__title .greeting {
    display: inline-block;
    margin-right: 1em;
  }
}

.myprofile .memberInfo__photo {
  margin-bottom: 16px;
}

.myprofile .memberInfo__photo img {
  display: block;
}

.myprofile .memberInfo__photo img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .myprofile .memberInfo__photo {
    width: 38%;
    margin-right: 2%;
    float: left;
  }
}

@media screen and (max-width: 767px) {
  .myprofile .memberInfo .btns {
    width: 60%;
    float: left;
    text-align: left;
  }
}

.myprofile .link {
  display: block;
}

.myprofile .link:before {
  color: #ff9c00;
}

.profile__statistics dl {
  display: table;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .profile__statistics dl {
    display: block;
  }
  .profile__statistics dl:first-child dt {
    padding-top: 0;
  }
  .profile__statistics dl:last-child dd {
    border-bottom: none;
    padding-bottom: 0;
  }
}

.profile__statistics dl dt {
  width: 220px;
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  border-bottom: 1px solid #dadada;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0075c2;
}

.profile__statistics dl dt:before {
  font-size: 110%;
}

@media screen and (max-width: 767px) {
  .profile__statistics dl dt {
    width: auto;
    display: block;
    border-bottom: none;
    padding: 15px 0 0;
  }
}

.profile__statistics dl dd {
  display: table-cell;
  vertical-align: middle;
  border-bottom: 1px solid #dadada;
  padding: 15px;
}

.profile__statistics dl dd b {
  font-weight: bold;
  font-size: 22px;
  font-size: 2.2rem;
  margin-right: 4px;
}

.profile__statistics dl dd .link {
  text-align: right;
  float: right;
  margin-top: 7px;
}

.profile__statistics dl dd .link:before {
  font-size: 110%;
  margin-right: 5px;
}

@media screen and (max-width: 767px) {
  .profile__statistics dl dd {
    width: auto;
    display: block;
    padding: 5px 0 15px;
  }
  .profile__statistics dl dd .link {
    margin-top: 11px;
  }
}

.blockInner.hasModified .ttl--lv1 {
  float: left;
}

.blockInner.hasModified .lastModified {
  float: right;
  text-align: right;
  background: #f4f4f4;
  padding: 5px 10px;
  margin-top: 5px;
}

.block--plofile-info .blockInner .plofile-info__lead {
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.4;
  text-align: center;
  font-weight: bold;
  color: #0075c2;
  margin-bottom: 14px;
}

.block--plofile-info .blockInner .plofile-info__item {
  width: 47%;
  float: left;
}

.block--plofile-info .blockInner .plofile-info__item:nth-child(even) {
  margin-left: 6%;
}

.block--plofile-info .blockInner .plofile-info__item .linkList {
  margin-top: 10px;
}

.block--plofile-info .blockInner .plofile-info__item .linkList li a {
  padding-top: 4px;
  padding-bottom: 4px;
  color: #0075c2;
}

.block--plofile-info .blockInner .plofile-info__item .linkList li a::before {
  top: 11px;
}

.block--plofile-info .blockInner .plofile-info__image {
  width: 150px;
  float: left;
}

.block--plofile-info .blockInner .plofile-info__image img {
  width: 100%;
}

.block--plofile-info .blockInner .plofile-info__text {
  margin-left: 170px;
}

.block--plofile-info + .block--profile {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .block--plofile-info {
    padding-top: 20px;
  }
  .block--plofile-info .blockInner .plofile-info__item {
    width: 100%;
    float: none;
  }
  .block--plofile-info .blockInner .plofile-info__item:nth-child(even) {
    margin-left: 0;
  }
  .block--plofile-info .blockInner .plofile-info__item + .plofile-info__item {
    padding-top: 10px;
  }
  .block--plofile-info .blockInner .plofile-info__image {
    width: 80px;
  }
  .block--plofile-info .blockInner .plofile-info__text {
    margin-left: 90px;
  }
  .block--plofile-info + .block--profile {
    margin-top: 10px;
  }
}

.block.block--profile .accordion-toggle,
.profileDetailWrap .accordion-toggle {
  padding: 0;
}

.block.block--profile .accordion-toggle::before, .block.block--profile .accordion-toggle::after,
.profileDetailWrap .accordion-toggle::before,
.profileDetailWrap .accordion-toggle::after {
  width: 12px;
  z-index: 2;
  background: #fff;
}

.accordion-toggle .block--profile__ttl {
  margin-bottom: 0;
}

.accordion-toggle .block--profile__ttl::before {
  content: "確認と編集";
  display: inline-block;
  width: 145px;
  height: 100%;
  background: #0075c2;
  position: absolute;
  right: 0;
  top: 0;
  color: #fff;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 14px 40px 0 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}

.accordion-toggle .block--profile__ttl.non-editable::before {
  content: "確認";
  width: 120px;
}

.accordion-toggle.is-open .block--profile__ttl::before {
  content: "閉じる";
}

.block--profile__ttl {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #0075c2;
  background: #f4f4f4;
  line-height: 1.5;
  font-weight: bold;
  padding: 12px 40px 12px 12px;
  margin-top: 15px;
  position: relative;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .block.block--profile .accordion-toggle::before, .block.block--profile .accordion-toggle::after,
  .profileDetailWrap .accordion-toggle::before,
  .profileDetailWrap .accordion-toggle::after {
    right: 8px;
  }
  .accordion-toggle .block--profile__ttl {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .accordion-toggle .block--profile__ttl::before {
    width: 100px;
    font-size: 11px;
    font-size: 1.1rem;
    padding: 14px 24px 0 8px;
  }
}

#memberContent #memberStatistics {
  margin-bottom: 30px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dadada;
}

#memberContent #memberStatistics ul li a {
  color: #0075c2;
  text-decoration: underline;
  margin-left: 20px;
  font-size: 12px;
}

#memberContent #memberStatistics ul li a:hover {
  text-decoration: none;
}

/* forum */
/*
.index-forumList {
  @extend .cFix;
  //border-right: 1px solid $border_color;
  //border-top: 1px solid $border_color;
  li {
    width: 16.66%;
    float: left;
    display: table;
    border-right: 1px solid $border_color;
    border-bottom: 1px solid $border_color;
    box-sizing: border-box;
    &:nth-child(-n+6) {
      border-top: 1px solid $border_color;
    }
    &:nth-child(6n+1) {
      border-left: 1px solid $border_color;
    }
    a {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      height: 70px;
      width: 100%;
      @include transition();
      &:hover {
        color: $main_color;
        background: $bg_color_block;
      }
    }
  }
  @include media(sp) {
    border-bottom: none;
    li {
      width: 33.3%;
      @include font-size(11);
      &:nth-child(-n+6) {
        border-top: 0;
      }
      &:nth-child(6n+1) {
        border-left: 0;
      }
      &:nth-child(-n+3) {
        border-top: 1px solid $border_color;
      }
      &:nth-child(3n+1) {
        border-left: 1px solid $border_color;
      }
    }
  }
}
*/
/* report */
@media screen and (max-width: 767px) {
  .reportList-01 img {
    width: auto;
  }
}

.reportList-01 .reportList {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: none;
}

.reportList-01 .reportList .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 25%;
  margin: 0;
  padding: 0 1px;
  float: left;
}

@media screen and (max-width: 767px) {
  .reportList-01 .reportList .list__item {
    width: 50%;
  }
}

.reportList-01 .reportList .list__itemInner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 1px;
  padding: 6px;
  background: #fff;
}

@media screen and (min-width: 767px) {
  .reportList-01 .reportList .list__itemInner:nth-child(n+5) {
    margin: 0 1px 1px;
  }
}

.reportList-01 .reportList .name {
  margin: 8px 0 12px 4px;
}

.reportList-01 .reportList .image {
  float: left;
  width: 76px;
  margin-bottom: 12px;
}

.reportList-01 .reportList .satisfy {
  float: right;
  width: 75px;
  margin-bottom: 12px;
}

.reportList-01 .reportList em {
  color: #7ca31e;
  font-weight: bold;
  font-size: 1.2em;
}

.reportList-01 .reportList span {
  color: #0075c2;
  font-weight: bold;
  font-size: .8em;
}

.reportList-01 .reportList .evaluation {
  clear: both;
}

.reportList-01 .reportList .evaluation dt {
  float: left;
  width: 53px;
}

.reportList-01 .reportList .evaluation dd {
  margin: 0 0 6px 56px;
}

@media screen and (max-width: 767px) {
  .reportList-02 img {
    width: auto;
  }
}

.reportList-02 .reportList {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  padding: 10px 20px;
  background-color: #fff;
  background-image: none;
}

.reportList-02 .reportList div {
  background: none;
  float: none;
}

.reportList-02 .reportList #report2 {
  margin: 0;
}

.reportList-03__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .reportList-03__item {
    padding: 0 10px;
  }
  .reportList-03__item img {
    width: auto;
    height: auto;
  }
}

.reportList-03__head .icon--member {
  padding: 5px 0;
}

.reportList-03__head + .reportList-03__body {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #dadada;
}

.reportList-03__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.reportList-03__img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  width: 30%;
  padding-right: 16px;
}

@media screen and (max-width: 767px) {
  .reportList-03__img {
    width: 100%;
    text-align: center;
    float: none;
    padding: 0;
  }
  .reportList-03__img .btns {
    margin: 10px 0;
  }
}

.reportList-03__img img {
  max-width: 200px;
  display: block;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .reportList-03__img img {
    max-width: 100%;
  }
}

.reportList-03__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  width: 70%;
}

@media screen and (max-width: 767px) {
  .reportList-03__main {
    width: 100%;
    float: none;
  }
}

.reportList-03__main .reportTable {
  float: left;
}

@media screen and (max-width: 767px) {
  .reportList-03__main .reportTable {
    width: 100%;
    float: none;
  }
}

.reportList-03__main .reportTable th {
  white-space: nowrap;
}

.reportList-03__main .reportTable a:link, .reportList-03__main .reportTable a:visited, .reportList-03__main .reportTable a:hover, .reportList-03__main .reportTable a:active {
  color: #ff9c00;
}

@media screen and (max-width: 767px) {
  .reportList-03__main .reportList-03__evaluation {
    width: 100%;
    float: none;
    margin-top: 16px;
  }
}

.reportList-03__main .reportList-03__evaluation .satisfy {
  margin-top: 5px;
  padding: 4px 10px;
  background: #0075c2;
  font-weight: bold;
  color: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
}

.reportList-03__main .reportList-03__evaluation .satisfy span {
  font-size: 18px;
  font-size: 1.8rem;
}

.reportBox #report1 ul li {
  width: 24.7%;
  margin: 1px;
  padding: 10px;
  float: left;
  background-color: #fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .reportBox #report1 ul li {
    width: 50%;
    margin: 0;
    border: 1px solid #f4f4f4;
  }
}

.reportBox #report1 ul li .satisfy {
  width: 50%;
  float: right;
  margin-top: 10px;
}

.reportBox #report1 ul li .satisfy img {
  display: inline;
}

.reportBox #report1 ul li em {
  color: #7ca31e;
  font-weight: bold;
  font-size: 1.2em;
}

.reportBox #report1 ul li span {
  color: #0075c2;
  font-weight: bold;
  font-size: .8em;
}

.reportBox #report1 .name {
  margin-bottom: 8px;
}

.reportBox #report1 .image {
  width: 50%;
  float: left;
  margin-top: 10px;
}

.reportBox #report1 img {
  width: auto;
}

.reportBox #report2 ul li {
  position: relative;
  padding: 3px 30px 3px 10px;
  float: left;
  margin-bottom: 8px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .reportBox #report2 ul li {
    padding: 3px 20px 3px 10px;
  }
}

.reportBox #report2 ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #0075c2;
  content: '';
}

@media screen and (max-width: 767px) {
  .reportBox #report2 ul li {
    white-space: nomal;
  }
}

.dataTable + .reportUnit, .reportUnit + .reportUnit, .tableUnit + .reportUnit {
  margin-top: 32px;
}

.reportUnit .blockHead + p {
  margin: 0;
}

.reportUnit .img > img {
  display: block;
}

@media screen and (min-width: 767px) {
  .reportUnit .img > img {
    max-width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .reportUnit .img > img {
    margin: 0 auto;
    width: 100%;
  }
}

/* member */
.profileBox #profile2 ul li, .profileBox #profile3 ul li {
  position: relative;
  padding: 3px 30px 3px 10px;
  float: left;
  margin-bottom: 8px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .profileBox #profile2 ul li, .profileBox #profile3 ul li {
    padding: 3px 20px 3px 10px;
  }
}

.profileBox #profile2 ul li:before, .profileBox #profile3 ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #0075c2;
  content: '';
}

@media screen and (max-width: 767px) {
  .profileBox #profile2 ul li, .profileBox #profile3 ul li {
    white-space: nomal;
  }
}

.profileBox #profile3 ul li {
  width: 5em;
}

.modelList-01 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: none;
}

.modelList-01 .list__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 20%;
  margin: 0;
  padding: 0 1px;
  float: left;
}

@media screen and (max-width: 767px) {
  .modelList-01 .list__item {
    width: 50%;
  }
}

.modelList-01 .list__itemInner {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin: 1px;
  padding: 6px;
  background: #fff;
}

@media screen and (min-width: 767px) {
  .modelList-01 .list__itemInner:nth-child(n+5) {
    margin: 0 1px 1px;
  }
}

@media screen and (max-width: 767px) {
  .modelList-01 .list__itemInner img {
    width: auto;
  }
}

.modelList-01__rank {
  color: #ff4100;
  float: left;
  margin-right: 12px;
}

.modelList-01 .model {
  overflow: hidden;
  margin: 0 auto;
  text-align: center;
}

.modelList-01 .model > img {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .modelList-01 .model > img {
    width: auto;
  }
}

.modelList-01 .model > img + .num {
  margin-top: 12px;
}

.modelList-01 .model .num {
  display: block;
}

.memberList-01 ul li {
  margin-bottom: 8px;
  padding: 0 18px 0 12px;
  float: left;
  white-space: nowrap;
  position: relative;
  padding: 3px 30px 3px 10px;
}

@media screen and (max-width: 767px) {
  .memberList-01 ul li {
    padding: 3px 20px 3px 10px;
  }
}

.memberList-01 ul li:before {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -5px;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left: 4px solid #0075c2;
  content: '';
}

@media screen and (max-width: 767px) {
  .memberList-01 ul li {
    white-space: normal;
  }
}

.profileDetailWrap .accordion-toggle:first-child {
  margin-top: 0;
}

.profileDetailWrap .accordion-toggle:first-child .block--profile__ttl {
  margin-top: 0;
}

.profileDetailWrap .accordion-contents {
  padding: 20px 0 30px;
}

@media screen and (max-width: 767px) {
  .profileDetailWrap .accordion-contents {
    padding: 20px 0;
  }
  .profileDetailWrap .accordion-contents .block .wrap {
    margin-left: 0;
  }
}

.profileUnit__text {
  width: 60%;
  float: left;
}

@media screen and (max-width: 767px) {
  .profileUnit__text {
    width: 100%;
    float: none;
  }
}

.profileUnit .profileTable {
  width: 36%;
  float: right;
}

.profileUnit .profileTable td:first-child {
  width: 25%;
}

@media screen and (max-width: 767px) {
  .profileUnit .profileTable {
    width: 100%;
    float: none;
    margin-top: 16px;
  }
  .profileUnit .profileTable tbody, .profileUnit .profileTable tr, .profileUnit .profileTable th, .profileUnit .profileTable td {
    width: 100% !important;
    display: block;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  .profileUnit .profileTable tbody tr {
    background: #fff;
    margin-top: -1px;
  }
  .profileUnit .profileTable tbody tr td:first-child {
    border-bottom: none;
    background: #f4f4f4;
  }
  .profileUnit .profileTable td:first-child {
    border-bottom: none;
    padding: 5px 10px 0;
  }
  .profileUnit .profileTable td:last-child {
    padding: 10px 13px;
    -webkit-box-shadow: inset 0 0 0 5px #f4f4f4;
            box-shadow: inset 0 0 0 5px #f4f4f4;
    border-top: none;
  }
}

.profileUnit__rank {
  width: 200px;
  float: left;
}

@media screen and (max-width: 767px) {
  .profileUnit__rank {
    width: 100%;
    float: none;
    margin: 0 auto;
  }
}

.profileUnit__rank .myStarRank {
  text-align: center;
  padding-bottom: 10px;
}

.profileUnit__rank .myStarRank [class^="rank_"] {
  padding-top: 126px;
  background-size: 120px 120px;
  background-repeat: no-repeat;
  background-position: center top;
}

.profileUnit__rank .myStarRank .rank_07 {
  color: #95378f;
  background-image: url(/share_swc/images/icon_rank_07_l.svg);
}

.profileUnit__rank .myStarRank .rank_06 {
  color: #0e308e;
  background-image: url(/share_swc/images/icon_rank_06_l.svg);
}

.profileUnit__rank .myStarRank .rank_05 {
  color: #15a0a8;
  background-image: url(/share_swc/images/icon_rank_05_l.svg);
}

.profileUnit__rank .myStarRank .rank_04 {
  color: #359c40;
  background-image: url(/share_swc/images/icon_rank_04_l.svg);
}

.profileUnit__rank .myStarRank .rank_03 {
  color: #cbb62b;
  background-image: url(/share_swc/images/icon_rank_03_l.svg);
}

.profileUnit__rank .myStarRank .rank_02 {
  color: #cc6715;
  background-image: url(/share_swc/images/icon_rank_02_l.svg);
}

.profileUnit__rank .myStarRank .rank_01 {
  color: #b41526;
  background-image: url(/share_swc/images/icon_rank_01_l.svg);
}

.profileUnit__rank .myStar__point,
.profileUnit__rank .myFriend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.profileUnit__rank .myStar__point.disabled,
.profileUnit__rank .myFriend.disabled {
  opacity: .2;
}

.profileUnit__rank .myStar__point dt,
.profileUnit__rank .myFriend dt {
  text-align: center;
  font-weight: bold;
  padding-top: 7px;
}

.profileUnit__rank .myStar__point dd,
.profileUnit__rank .myFriend dd {
  text-align: right;
  font-size: 20px;
  font-size: 2rem;
  color: #0075c2;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .profileUnit__rank .myStar__point dd,
  .profileUnit__rank .myFriend dd {
    text-align: center;
  }
}

.profileUnit__rank .myStar__point {
  border-right: 1px solid #dadada;
  padding-right: 15px;
  float: left;
  width: 63%;
}

.profileUnit__rank .myStar__point dd::before {
  content: "★";
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-right: 3px;
  color: #ff4100;
}

@media screen and (max-width: 767px) {
  .profileUnit__rank .myStar__point {
    width: 50%;
  }
  .profileUnit__rank .myStar__point dd::before {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.profileUnit__rank .myFriend {
  padding-left: 15px;
  float: right;
  width: 37%;
}

.profileUnit__rank .myFriend dd span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  font-weight: normal;
}

@media screen and (max-width: 767px) {
  .profileUnit__rank .myFriend {
    width: 50%;
  }
}

.profileUnit__rank + .profileTable {
  width: 800px;
}

@media screen and (max-width: 767px) {
  .profileUnit__rank + .profileTable {
    width: 100%;
  }
  .profileUnit__rank + .profileTable td:first-child {
    width: 110px;
  }
}

.profile-cover {
  text-align: center;
  overflow: hidden;
  position: relative;
  height: 350px;
}

.profile-cover img {
  vertical-align: top;
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .profile-cover {
    height: auto;
  }
  .profile-cover img {
    width: 150%;
    position: static;
    -webkit-transform: translateX(-17.5%);
            transform: translateX(-17.5%);
  }
}

.profile-head {
  width: 1040px;
  margin: 0 auto;
  padding-top: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .profile-head {
    min-width: 320px;
    width: 100%;
    padding: 20px 15px;
  }
}

.profile-head__thumb {
  width: 150px;
  float: left;
}

.profile-head__thumb img {
  width: 150px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  border: 6px solid #fff;
}

.profile-head__thumb .profileEditBtnWrap {
  position: absolute;
  top: 4px;
  left: 170px;
  width: 870px;
}

.profile-head__thumb .profileEditBtnWrap .profileEditBtn {
  display: inline-block;
  margin-right: 10px;
}

@media screen and (max-width: 767px) {
  .profile-head__thumb {
    width: 100%;
    float: none;
  }
  .profile-head__thumb img {
    width: 120px;
    border-radius: 3px;
    border: 5px solid #fff;
  }
  .profile-head__thumb .profileEditBtnWrap {
    position: static;
    width: auto;
  }
  .profile-head__thumb .profileEditBtnWrap .profileEditBtn {
    display: block;
    margin-right: 0;
  }
}

.profile-head__comment {
  width: 870px;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #dadada;
  padding: 15px 20px;
  border-radius: 6px;
  position: relative;
}

.profile-head__comment:before, .profile-head__comment:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}

.profile-head__comment:before {
  border-right: 8px solid #dadada;
  left: -16px;
  top: 20px;
}

.profile-head__comment:after {
  border-right: 8px solid #fff;
  left: -15px;
  top: 20px;
}

.profile-head__comment dl {
  font-size: 14px;
  font-size: 1.4rem;
}

.profile-head__comment dl dt {
  font-weight: bold;
  color: #0075c2;
  margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
  .profile-head__comment {
    width: 100%;
    float: none;
    padding: 10px 15px;
    margin-top: 10px;
  }
  .profile-head__comment:before {
    border-right-color: transparent;
    border-bottom: 8px solid #dadada;
    left: 35px;
    top: -16px;
  }
  .profile-head__comment:after {
    border-right-color: transparent;
    border-bottom: 8px solid #fff;
    left: 35px;
    top: -15px;
  }
  .profile-head__comment dl {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

.profile-cover + .profile-head {
  padding-top: 15px;
}

.profile-cover + .profile-head .profile-head__thumb {
  margin-top: -60px;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .profile-cover + .profile-head .profile-head__thumb {
    margin-top: -44px;
  }
  .profile-cover + .profile-head .profile-head__thumb img {
    width: 100px;
    float: left;
    margin-left: -6px;
  }
  .profile-cover + .profile-head .profile-head__thumb .profileEditBtnWrap {
    margin-left: 100px;
    padding-top: 38px;
  }
  .profile-cover + .profile-head .profile-head__thumb .profileEditBtnWrap .profileEditBtn {
    padding: 3px 0;
  }
}

.block.profileComment .mycar-history {
  padding-top: 4px;
}

.block.profileComment .mycar-history li {
  display: table;
  width: 100%;
  margin-bottom: 20px;
  position: relative;
}

.block.profileComment .mycar-history li:after {
  content: "";
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 40px solid transparent;
  border-left: 40px solid transparent;
  border-top-color: #0075c2;
  position: absolute;
  left: 0px;
  bottom: -16px;
}

.block.profileComment .mycar-history li:last-child {
  margin-bottom: 0;
}

.block.profileComment .mycar-history li:last-child:after {
  display: none;
}

.block.profileComment .mycar-history li b {
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  background: #0075c2;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 18px;
  width: 80px;
}

.block.profileComment .mycar-history li p {
  display: table-cell;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 12px 18px;
  background: #f4f4f4;
}

.block.profileComment .mycar-history li:last-child b, .block.profileComment .mycar-history li:last-child p {
  padding: 26px 18px;
}

.block.profileComment .balloon {
  border: 1px solid #dadada;
  padding: 15px 20px;
  border-radius: 6px;
  position: relative;
}

.block.profileComment .balloon:before, .block.profileComment .balloon:after {
  content: "";
  position: absolute;
  border: 8px solid transparent;
}

.block.profileComment .balloon:before {
  border-top: 8px solid #dadada;
  bottom: -16px;
  left: 8%;
}

.block.profileComment .balloon:after {
  border-top: 8px solid #fff;
  bottom: -15px;
  left: 8%;
}

@media screen and (max-width: 767px) {
  .block.profileComment .balloon {
    padding: 12px 16px;
  }
}

.block.profileComment .friendList {
  margin-left: -10px;
}

.block.profileComment .friendList li {
  float: left;
  width: 67px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.block.profileComment .friendList li a {
  display: block;
}

.block.profileComment .friendList li a img {
  width: 100%;
}

.block.profileComment .friendList li a:hover img {
  opacity: .8;
}

@media screen and (max-width: 767px) {
  .block.profileComment .friendList {
    margin-left: -2%;
  }
  .block.profileComment .friendList li {
    width: 18%;
    margin-left: 2%;
    margin-bottom: 2%;
  }
}

.profileEditBtn {
  padding: 5px 0;
}

.accordion-contents .profileEditBtn {
  text-align: right;
  padding: 0 0 20px;
}

@media screen and (max-width: 767px) {
  .accordion-contents .profileEditBtn {
    padding: 0 0 15px;
  }
  .accordion-contents .profileEditBtn a {
    margin-bottom: 5px;
  }
}

.ttl-withBtn {
  position: relative;
}

.ttl-withBtn .profileEditBtn {
  position: absolute;
  top: 0;
  right: 0;
}

.tagList {
  font-size: 0;
}

.tagList li {
  display: inline-block;
  padding: 4px 8px 4px 0;
}

.tagList li a {
  display: block;
  background: #fff;
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 4px 10px;
  font-size: 12px;
  line-height: 1;
  border-radius: 20px;
}

.friend_modal__thumb {
  text-align: left;
  border-bottom: 1px solid #dadada;
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.friend_modal__thumb > a {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
}

.friend_modal__thumb img {
  width: 40px;
  vertical-align: middle;
}

.friend_modal__thumb .name {
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-left: 10px;
}

.friend_modal__thumb .name b {
  word-break: break-all;
}

.friend_modal__thumb .name span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  margin-left: 5px;
}

/* event */
@media screen and (max-width: 767px) {
  .infoList-03 .eventList-01__item {
    padding: 0 10px;
  }
  .infoList-03 .eventList-01__item .eventList-01__img {
    float: none;
    width: 100%;
    padding: 0 0 16px 0;
  }
  .infoList-03 .eventList-01__item .eventList-01__main {
    float: none;
    width: 100%;
  }
}

.eventList-01__item {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .eventList-01__item.detail .eventList-01__img {
    float: none;
    width: 100%;
    padding: 0 0 16px 0;
  }
  .eventList-01__item.detail .eventList-01__main {
    float: none;
    width: 100%;
  }
}

.eventList-01__head {
  padding: 0;
}

.eventList-01__head .icon--member {
  padding: 5px 0;
}

.eventList-01__head .title {
  display: block;
  float: left;
  width: 68%;
  margin-top: 6px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .eventList-01__head .title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.eventList-01__head .title.attended {
  width: 100%;
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
}

.eventList-01__head .title.attended strong {
  font-size: 20px;
  font-size: 2rem;
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .eventList-01__head .title.attended strong {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 5px 0 0;
  }
}

.eventList-01__head .list__item__meta {
  margin-right: 0;
  padding: 5px 10px;
  float: right;
  background: #f4f4f4;
  color: #999;
}

.eventList-01__head + .eventList-01__body {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #dadada;
}

.eventList-01__body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.eventList-01__img {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 30%;
  padding-right: 16px;
  float: left;
}

.eventList-01__img a:link, .eventList-01__img a:visited, .eventList-01__img a:hover, .eventList-01__img a:active {
  color: #ff9c00;
}

.eventList-01__img img {
  display: block;
  max-width: 200px;
}

.boxBlock__body .eventList-01__img img {
  max-width: 269px;
}

@media screen and (max-width: 767px) {
  .eventList-01__img img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
  }
}

.eventList-01__main {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 70%;
  float: right;
}

.eventList-01__main .status {
  margin-bottom: 5px;
  padding: 5px 10px;
  background: #0075c2;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.eventList-01__main .reportTable {
  float: left;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .eventList-01__main .reportTable {
    width: 100%;
    float: none;
  }
}

.eventList-01__main .reportTable th, .eventList-01__main .reportTable td {
  white-space: nowrap;
}

.eventList-01__main .reportTable a:link, .eventList-01__main .reportTable a:visited, .eventList-01__main .reportTable a:hover, .eventList-01__main .reportTable a:active {
  color: #0075c2;
}

.eventList-01__evaluation {
  margin-top: 8px;
}

.eventList-01__evaluation p + p {
  margin-top: 20px;
}

.eventList-01__evaluation .icon--comment {
  margin-left: 10px;
  color: #0075c2;
}

/* comment */
.commentEntry {
  margin: 0 0 32px;
}

@media screen and (max-width: 767px) {
  .commentEntry .btnsArea__item {
    float: none;
    width: 100%;
  }
  .commentEntry .btnsArea__item:last-child {
    margin-top: 16px;
  }
}

.boxBlock__body .commentEntry {
  padding-top: 10px;
}

.commentList {
  margin-top: 32px;
  padding: 10px 10px 24px;
  border: 1px solid #dadada;
}

.commentUnit {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dotted #dadada;
}

.commentUnit .head {
  margin: 10px 0;
  padding: 0 10px 0 0;
}

.commentUnit .head .input-check {
  display: inline-block;
  vertical-align: baseline;
}

.commentUnit .head .title {
  float: left;
  width: 60%;
  display: block;
}

.commentUnit .head time {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: right;
  width: 40%;
  display: block;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  color: #999;
}

.commentUnit .body {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  display: block;
  padding: 0 10px;
}

.commentUnit .body p + p {
  margin-top: 24px;
}

.commentUnit .body .link--delete {
  float: right;
}

.eventList-01__item .commentList {
  margin-top: 20px;
  padding: 20px;
  position: relative;
  border-radius: 6px;
}

@media screen and (max-width: 767px) {
  .eventList-01__item .commentList {
    padding: 15px;
  }
}

.eventList-01__item .commentList .commentUnit {
  padding-bottom: 15px;
}

.eventList-01__item .commentList .commentUnit:last-child {
  padding: 0;
  margin: 0;
  border: none;
}

.eventList-01__item .commentList .commentUnit .timeWrap {
  padding-top: 10px;
}

.eventList-01__item .commentList .commentUnit .timeWrap time {
  color: #999;
  float: left;
}

@media screen and (max-width: 767px) {
  .eventList-01__item .commentList .commentUnit .timeWrap time {
    display: block;
    width: 100%;
  }
}

.eventList-01__item .commentList .commentUnit .timeWrap .link {
  float: right;
}

@media screen and (max-width: 767px) {
  .eventList-01__item .commentList .commentUnit .timeWrap .link {
    margin-top: 5px;
  }
}

.eventList-01__item .commentList:before, .eventList-01__item .commentList:after {
  content: "";
  position: absolute;
  border: 8px solid transparent;
}

.eventList-01__item .commentList:before {
  border-bottom: 8px solid #dadada;
  top: -16px;
  left: 8%;
}

.eventList-01__item .commentList:after {
  border-bottom: 8px solid #fff;
  top: -15px;
  left: 8%;
}

.commentBox, .comment_redBox {
  float: left;
  width: 45%;
  height: 130px;
  margin: 10px;
}

.noneR {
  margin-right: 0;
}

.commentBox p {
  clear: both;
  padding: 8px 5px 8px 13px;
  height: 58px;
  line-height: 1.4;
}

.commentBox .commnetTWrap {
  min-height: 1px;
  background-color: #3687d2;
  width: 100%;
  padding: 5px 5px 5px 10px;
}

.comment_redBox .commnetTWrap {
  min-height: 1px;
  background-color: #fa7500;
  width: 100%;
  padding: 5px 5px 5px 10px;
}

.commentT {
  font-weight: bold;
  color: #fff;
  float: left;
  width: auto;
}

.starBox {
  float: right;
  width: 55px;
  margin: 2px 0 0 0;
}

#dtl-comment .come-list .come-navi {
  padding: 10px;
  text-align: right;
}

/* know */
.xKnow .paragraph h3 > img, .xWith .paragraph h3 > img {
  display: block;
  width: 100%;
}

.xKnow .main__sub img, .xWith .main__sub img {
  display: block;
  width: 100%;
}

/* latestUserList */
.latestUserList {
  margin-bottom: 28px;
  background: #000;
  /*
  li {
    width: 76px;
    height: 76px;
    overflow: hidden;
    float: left;
    @include transition();
    background: center center no-repeat;
    background-size: cover;
    @include media(sp) {
      width: 16.66%;
      height: 0;
      padding-top: 16.66%;
      &:nth-child(n+19) {
        display: none;
      }
    }
    &:hover {
      opacity: .7;
    }
    a {
      display: block;
    }
    img {
      max-width: 100%;
      visibility: hidden;
    }
  }
  */
}

@media screen and (max-width: 767px) {
  .latestUserList {
    margin-bottom: 16px;
  }
}

.latestUserList li {
  float: left;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  background: center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 767px) {
  .latestUserList li {
    width: 16.66%;
  }
  .latestUserList li:nth-child(n+19) {
    display: none;
  }
}

.latestUserList li:hover {
  opacity: .7;
}

.latestUserList li a {
  display: block;
  width: 76px;
  height: 76px;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .latestUserList li a {
    width: 100%;
    height: 0;
    padding-top: 100%;
  }
}

.latestUserList li img {
  max-width: 100%;
  visibility: hidden;
}

/* guide */
.anchor {
  position: relative;
}

.anchor span {
  display: inline-block;
  position: absolute;
  top: -85px;
}

.guide-lead {
  padding: 15px 0;
  text-align: center;
  color: #0075c2;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .guide-lead {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
    padding: 5px 0;
  }
}

.guide-list {
  padding-top: 5px;
}

.guide-list li {
  text-align: center;
  border: 1px solid #dadada;
  margin-right: 2%;
  margin-bottom: 2%;
  width: 49%;
  float: left;
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
}

.guide-list li:nth-child(even) {
  margin-right: 0;
}

.guide-list li .guide-list-head {
  font-weight: bold;
  margin-bottom: 10px;
}

.guide-list li .guide-list-head + p {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .guide-list li {
    margin-right: 0;
    margin-bottom: 3%;
    width: 100%;
    padding: 12px;
  }
}

.guide-info-block h4 {
  font-size: 14px;
  font-size: 1.4rem;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
}

.guide-info-block .guide-lead {
  margin-bottom: 10px;
}

.img-border img {
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.guide-column .img-box {
  width: 320px;
  padding: 0 0 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
}

@media screen and (max-width: 767px) {
  .guide-column .img-box {
    float: none;
    width: auto;
    padding-bottom: 5px;
  }
}

.guide-column .img-box img {
  border: 1px solid #dadada;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.guide-column .text-box {
  margin-left: 350px;
}

@media screen and (max-width: 767px) {
  .guide-column .text-box {
    margin: 0;
  }
}

.guide-column .text-box ol {
  counter-reset: number;
  padding-left: 26px;
}

.guide-column .text-box ol li {
  margin-bottom: 16px;
}

@media screen and (max-width: 767px) {
  .guide-column .text-box ol li {
    margin-bottom: 10px;
  }
}

.guide-column .text-box ol li:before {
  counter-increment: number;
  content: counter(number);
  background: #0075c2;
  color: #fff;
  display: inline-block;
  width: 18px;
  height: 18px;
  line-height: 18px;
  text-align: center;
  border-radius: 100%;
  font-size: 10px;
  margin-right: 8px;
  margin-left: -26px;
}

.guide-column.is-row .img-box {
  width: 560px;
  margin: 0 auto;
  padding: 0 0 20px;
  float: none;
}

@media screen and (max-width: 767px) {
  .guide-column.is-row .img-box {
    width: 100%;
    padding-bottom: 5px;
  }
}

.guide-column.is-row .text-box {
  margin: 0;
  padding: 0;
}

.guide-column .btnBottom {
  clear: both;
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .guide-column + .guide-column {
    margin-top: 25px;
  }
}

@media screen and (max-width: 767px) {
  .guide-column + .is--striped {
    margin-top: 25px;
  }
}

.rank-info {
  clear: both;
  text-align: center;
  font-size: 0;
}

.rank-info li {
  display: inline-block;
  width: 77px;
  padding: 5px 12px;
}

.rank-info li img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .rank-info li {
    width: 20%;
    padding: 4px 2.5%;
  }
}

/* ouen */
.pageTitle--ouen {
  background: #ecf7f8;
  text-align: center;
  padding: 36px 0 16px;
  border-bottom: none;
}

.pageTitle--ouen h1 {
  margin-bottom: 12px;
  padding: 0 16px;
}

.pageTitle--ouen p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2;
  margin-bottom: 10px;
  padding: 0 16px;
}

@media screen and (max-width: 767px) {
  .pageTitle--ouen p {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media screen and (max-width: 767px) {
  .pageTitle--ouen {
    padding: 20px 0 5px;
  }
  .pageTitle--ouen h1 img {
    max-width: 100%;
  }
  .pageTitle--ouen p {
    margin-bottom: 5px;
  }
}

.message-ticker {
  border-bottom: 1px solid #dadada !important;
}

.message-ticker__header {
  text-align: center;
  background: #0075c2;
  padding: 8px 0;
  color: #fff;
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1;
}

.message-ticker__header span {
  vertical-align: middle;
}

.message-ticker__header b {
  vertical-align: middle;
  font-size: 28px;
  font-size: 2.8rem;
  margin: 0 5px 0 15px;
}

.message-ticker .caroufredsel_wrapper {
  width: 100% !important;
  height: 80px !important;
  line-height: 80px;
  overflow: hidden;
}

.message-ticker #ouen-ticker {
  -webkit-animation: ticker-fadein 2s ease forwards;
          animation: ticker-fadein 2s ease forwards;
}

.message-ticker #ouen-ticker li {
  display: inline-block;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}

.message-ticker #ouen-ticker li .name {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  color: #0075c2;
  margin: 0 20px 0 80px;
}

@media screen and (max-width: 767px) {
  .message-ticker__header {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .message-ticker__header b {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 4px 0 10px;
  }
  .message-ticker .caroufredsel_wrapper {
    height: 50px !important;
    line-height: 50px;
  }
  .message-ticker #ouen-ticker li .name {
    margin: 0 15px 0 45px;
  }
}

@-webkit-keyframes ticker-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes ticker-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.block--oueninfo .gridWrap {
  margin-bottom: 20px;
}

.block--oueninfo .gridWrap .grid__item {
  display: table;
}

.block--oueninfo .gridWrap .grid__item p {
  font-size: 14px;
  font-size: 1.4rem;
  border: 2px solid #dadada;
  padding: 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.block--oueninfo .gridWrap .grid__item p mark {
  background: none;
  color: #ff4100;
}

.block--oueninfo dl dt {
  font-weight: bold;
  margin-top: 20px;
}

@media screen and (max-width: 767px) {
  .block--oueninfo .gridWrap {
    margin-bottom: 15px;
  }
  .block--oueninfo .gridWrap .grid__item p {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px;
  }
}

.block--ouenpost .text {
  font-weight: bold;
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 15px;
}

.block--ouenpost label {
  display: block;
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
  margin-bottom: 10px;
}

.block--ouenpost .title label {
  display: inline;
}

.block--ouenpost textarea {
  width: 100%;
  height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 16px;
  font-size: 1.6rem;
}

@media screen and (max-width: 767px) {
  .block--ouenpost textarea {
    width: 100%;
    height: 140px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.block--ouenmassage .massage .number {
  background: #f7f7f7;
  color: #999;
  letter-spacing: 1px;
  display: inline-block;
  border-radius: 3px;
  margin-bottom: 15px;
  padding: 7px 13px;
}

.block--ouenmassage .massage .post {
  padding-left: 79px;
  margin-bottom: 40px;
}

.block--ouenmassage .massage .avatar {
  display: inline-block;
  width: 64px;
  height: 64px;
  background: #eee;
  text-align: center;
  line-height: 64px;
  border-radius: 32px;
}

.block--ouenmassage .massage div.avatar {
  float: left;
  margin-left: -79px;
}

.block--ouenmassage .massage .postContent {
  border: 1px solid #ddd;
  border-radius: 3px;
  background: #fff;
  padding: 15px 20px;
  position: relative;
}

.block--ouenmassage .massage .postContent:before, .block--ouenmassage .massage .postContent:after {
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-right-color: #ddd;
  position: absolute;
  top: 12px;
}

.block--ouenmassage .massage .postContent:before {
  border-right-color: #ddd;
  left: -16px;
}

.block--ouenmassage .massage .postContent:after {
  border-right-color: #fff;
  left: -15px;
}

.block--ouenmassage .massage .postContent p {
  font-size: 14px;
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.block--ouenmassage .massage .postContent .name {
  color: #0075c2;
}

@media screen and (max-width: 767px) {
  .block--ouenmassage .massage {
    position: relative;
  }
  .block--ouenmassage .massage .number {
    font-size: 10px;
    font-size: 1rem;
    padding: 4px 15px;
    position: absolute;
    left: 42px;
    top: 4px;
  }
  .block--ouenmassage .massage .post {
    padding-left: 0;
    margin-bottom: 25px;
  }
  .block--ouenmassage .massage .avatar {
    width: 32px;
    height: 32px;
    line-height: 32px;
    border-radius: 16px;
  }
  .block--ouenmassage .massage div.avatar {
    float: none;
    margin-left: 0;
  }
  .block--ouenmassage .massage .postContent {
    margin-top: 6px;
    padding: 10px 15px;
  }
  .block--ouenmassage .massage .postContent:before, .block--ouenmassage .massage .postContent:after {
    border: 6px solid transparent;
    border-bottom-color: #ddd;
    left: 9px;
  }
  .block--ouenmassage .massage .postContent:before {
    border-bottom-color: #ddd;
    top: -12px;
  }
  .block--ouenmassage .massage .postContent:after {
    border-bottom-color: #fff;
    top: -11px;
  }
  .block--ouenmassage .massage .postContent p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 8px;
  }
  .block--ouenmassage .massage .postContent .name {
    font-size: 10px;
    font-size: 1rem;
    line-height: 1.3;
  }
  .block--ouenmassage .massage + .pagingNav {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

/* 記事もの */
.link-color {
  color: #0075c2;
}

.link-color:link {
  color: #0075c2;
  text-decoration: underline;
}

.link-color:visited {
  color: #0075c2;
  text-decoration: underline;
}

.link-color:hover {
  color: #0075c2;
  text-decoration: none;
}

.link-color:active {
  color: #0075c2;
  text-decoration: underline;
}

.link-color.link--cursor:link {
  color: #0075c2;
  text-decoration: none;
}

.link-color.link--cursor:visited {
  color: #0075c2;
  text-decoration: none;
}

.link-color.link--cursor:hover {
  color: #0075c2;
  text-decoration: underline;
}

.link-color.link--cursor:active {
  color: #0075c2;
  text-decoration: none;
}

.l-article {
  margin-bottom: 40px;
}

@media screen and (max-width: 767px) {
  .l-article {
    margin-bottom: 30px;
  }
}

.l-article:last-child {
  margin-bottom: 0;
}

.l-article .image {
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .l-article .image {
    margin-bottom: 10px;
  }
}

.l-article .image img {
  width: 100%;
}

.l-article .image img.responsive {
  width: auto;
  max-width: 100%;
}

.l-article .image:last-child {
  margin-bottom: 0;
}

.l-article .image.col2 .col {
  width: 370px;
  float: left;
}

.l-article .image.col2 .col img {
  width: 100%;
}

.l-article .image.col2 .col:only-child {
  float: none;
  margin: 0 auto;
}

.l-article .image.col2 .col.w500 {
  width: 500px;
}

.l-article .image.col2 .col + .col {
  float: right;
}

.l-article .image.col2.reverse .col {
  float: right;
}

.l-article .image.col2.reverse .col + .col {
  float: left;
}

@media screen and (max-width: 767px) {
  .l-article .image.col2 .col {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
  .l-article .image.col2 .col + .col {
    float: none;
    margin-bottom: 0;
  }
}

.l-article .text {
  margin-bottom: 15px;
}

.l-article .text:last-child {
  margin-bottom: 0;
}

.l-article .text .indent {
  padding: 20px 0 20px 30px;
}

@media screen and (max-width: 767px) {
  .l-article .text .indent {
    padding: 20px 0 20px 15px;
  }
}

.l-article .text .text-large {
  font-weight: bold;
  font-size: 18px;
}

.l-article .title {
  margin: 0 0 15px;
  padding: 8px 15px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.3;
  font-weight: bold;
  background: #0075c2;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .l-article .title {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.l-article .inside-block {
  padding: 0 80px;
}

@media screen and (max-width: 767px) {
  .l-article .inside-block {
    padding: 0;
  }
}

.l-article .youtube {
  position: relative;
  width: 100%;
  padding: 56.25% 0 0 0;
}

.l-article .youtube iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.l-article .mailLinkBg a {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  background: #eee;
  padding: 12px;
  display: block;
  color: #0075c2;
  text-align: center;
}

.l-article .mailLinkBg a:hover {
  text-decoration: underline;
}

.l-article-img-l {
  margin-bottom: 30px;
}

.l-article-img-l:last-child {
  margin-bottom: 0;
}

.l-article-img-l .image {
  width: 300px;
  float: left;
}

@media screen and (max-width: 767px) {
  .l-article-img-l .image {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.l-article-img-l .image img {
  width: 100%;
}

.l-article-img-l .text {
  margin-left: 325px;
}

@media screen and (max-width: 767px) {
  .l-article-img-l .text {
    margin-left: 0;
  }
}

.l-article-img-r {
  margin-bottom: 30px;
}

.l-article-img-r:last-child {
  margin-bottom: 0;
}

.l-article-img-r .image {
  width: 300px;
  float: right;
}

@media screen and (max-width: 767px) {
  .l-article-img-r .image {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.l-article-img-r .image img {
  width: 100%;
}

.l-article-img-r .text {
  margin-right: 325px;
}

@media screen and (max-width: 767px) {
  .l-article-img-r .text {
    margin-right: 0;
  }
}

.l-article-img-l-50 {
  margin-bottom: 30px;
  position: relative;
}

.l-article-img-l-50:last-child {
  margin-bottom: 0;
}

.l-article-img-l-50 .image {
  width: 370px;
  float: left;
}

@media screen and (max-width: 767px) {
  .l-article-img-l-50 .image {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.l-article-img-l-50 .image img {
  width: 100%;
}

.l-article-img-l-50 .text {
  width: 370px;
  float: right;
}

.l-article-img-l-50 .text .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .l-article-img-l-50 .text {
    width: 100%;
    float: none;
  }
  .l-article-img-l-50 .text .bottom {
    position: static;
    margin-top: 10px;
  }
}

.l-article-img-r-50 {
  margin-bottom: 30px;
  position: relative;
}

.l-article-img-r-50:last-child {
  margin-bottom: 0;
}

.l-article-img-r-50 .image {
  width: 370px;
  float: right;
}

@media screen and (max-width: 767px) {
  .l-article-img-r-50 .image {
    width: 100%;
    float: none;
    margin-bottom: 10px;
  }
}

.l-article-img-r-50 .image img {
  width: 100%;
}

.l-article-img-r-50 .text {
  width: 370px;
  float: left;
}

.l-article-img-r-50 .text .bottom {
  position: absolute;
  left: 0;
  bottom: 0;
}

@media screen and (max-width: 767px) {
  .l-article-img-r-50 .text {
    width: 100%;
    float: none;
  }
  .l-article-img-r-50 .text .bottom {
    position: static;
    margin-top: 10px;
  }
}

.l-article-img-thumb {
  margin-bottom: 30px;
}

.l-article-img-thumb:last-child {
  margin-bottom: 0;
}

.l-article-img-thumb .image {
  width: 100px;
  float: left;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .l-article-img-thumb .image {
    width: 50px;
  }
}

.l-article-img-thumb .image img {
  width: 100%;
}

.l-article-img-thumb .text {
  margin-left: 115px;
}

@media screen and (max-width: 767px) {
  .l-article-img-thumb .text {
    margin-left: 65px;
  }
}

.name-before {
  background: #0075c2;
  color: #fff;
  padding: 4px 20px;
}

@media screen and (max-width: 767px) {
  .name-before {
    padding: 4px 15px;
  }
}

.l-article-block {
  border: 1px solid #dadada;
  background: #f4f4f4;
  padding: 20px;
  margin-bottom: 30px;
  position: relative;
}

@media screen and (max-width: 767px) {
  .l-article-block {
    padding: 15px;
  }
}

.l-article-block .name {
  position: absolute;
  left: -1px;
  top: -1px;
  background: #0075c2;
  color: #fff;
  padding: 4px 20px;
}

.l-article-block .name + div {
  margin-top: 24px;
}

.l-article-block .ttl--lv3, .l-article-block .myprofile .block__title, .myprofile .l-article-block .block__title {
  margin-bottom: 20px;
}

[class*='l-article'] .text ul {
  padding-left: 1.5em;
}

[class*='l-article'] .text ul li {
  list-style: disc;
}

.l-active-life-fes__inner > a {
  float: left;
}

@media screen and (max-width: 767px) {
  .l-active-life-fes__inner > a {
    float: none;
  }
}

.l-active-life-fes__inner p {
  float: right;
  width: 540px;
  padding-top: 25px;
}

@media screen and (max-width: 767px) {
  .l-active-life-fes__inner p {
    float: none;
    width: auto;
  }
}

.l-active-life-fes__inner > a {
  float: left;
}

@media screen and (max-width: 767px) {
  .l-active-life-fes__inner > a {
    float: none;
  }
}

.l-logo-text > a {
  float: left;
}

@media screen and (max-width: 767px) {
  .l-logo-text > a {
    float: none;
  }
}

.l-logo-text p {
  float: right;
  width: 540px;
  padding-top: 25px;
}

@media screen and (max-width: 767px) {
  .l-logo-text p {
    float: none;
    width: auto;
  }
}

.l-logo-text > a {
  float: left;
}

@media screen and (max-width: 767px) {
  .l-logo-text > a {
    float: none;
  }
}

.ttl--lv2-shoulder {
  font-weight: bold;
  font-size: 13px;
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .ttl--lv2-shoulder {
    margin-left: 0;
    font-size: 12px;
    margin-bottom: 3px;
  }
}

/* スバ女 */
.l-subajo .seriesLead {
  color: #333;
  margin-top: 20px;
  margin-bottom: 10px;
  line-height: 1.75;
  font-size: 14px;
}

.l-subajo .credit {
  margin-bottom: 25px;
}

.l-subajo .image {
  line-height: 0;
}

.l-subajo .image img {
  width: 100%;
}

.l-subajo .btnBottom {
  padding: 15px 0 20px;
}

.l-subajo h2 {
  color: #e5005a;
  margin: 10px 0;
  line-height: 1.4;
}

.l-subajo .magazineLink {
  margin-top: 40px;
  padding: 20px;
  border: 1px solid #dadada;
}

.l-subajo .magazineLink .image {
  width: 120px;
  float: left;
}

.l-subajo .magazineLink .text {
  margin-left: 150px;
}

.l-subajo .magazineLink ul {
  margin-top: 15px;
  margin-left: 150px;
}

.l-subajo .magazineLink ul li a {
  color: #0075c2;
}

.l-subajo .magazineLink ul li a:hover {
  text-decoration: underline;
}

.l-subajo .magazineLink ul li .link--cursor:before {
  top: 6px;
}

@media screen and (max-width: 767px) {
  .l-subajo .seriesLead {
    margin-top: 20px;
    margin-bottom: 5px;
  }
  .l-subajo .endText {
    margin-top: 20px;
  }
  .l-subajo:first-child {
    margin-top: -20px;
  }
  .l-subajo .btnBottom {
    padding: 15px 0;
  }
  .l-subajo h2 {
    padding: 0 16px;
  }
  .l-subajo > p {
    padding: 0 16px;
  }
  .l-subajo .magazineLink {
    margin: 25px 16px 0;
    padding: 15px;
  }
  .l-subajo .magazineLink .image {
    width: 100px;
  }
  .l-subajo .magazineLink .text {
    margin-left: 120px;
  }
  .l-subajo .magazineLink ul {
    margin-left: 120px;
  }
  .l-subajo .magazineLink ul li {
    padding-right: 15px;
  }
}

.l-subajo-article .l-block-wrap {
  margin: 30px 0;
}

@media screen and (max-width: 767px) {
  .l-subajo-article {
    padding: 10px 16px;
  }
  .l-subajo-article .l-block-wrap {
    margin: 0;
  }
  .l-subajo-article .l-block-wrap .l-block {
    float: none;
    margin: 20px 0 0;
  }
  .l-subajo-article .l-block-wrap .l-block img {
    max-width: 100%;
  }
  .l-subajo-article .l-block-wrap .l-block.message {
    text-align: center;
  }
}

/* 中の人 */
.hoBtn {
  display: block;
  width: 218px;
  height: 38px;
  padding: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background: #0075c2;
  border-radius: 19px;
  margin-bottom: 10px;
  cursor: pointer;
  color: #fff;
  font-weight: bold;
  position: relative;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
}

.hoBtn::before {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 34px;
  height: 34px;
  background: url(/share_swc/images/icon_hobtn.png) no-repeat;
  background-size: 34px 34px;
}

.hoBtn:active .hoLabel {
  font-size: 22px;
  font-size: 2.2rem;
}

.hoBtn .hoLabel {
  -webkit-transition: all 0.1s 0s ease;
  transition: all 0.1s 0s ease;
  display: block;
  width: 56px;
  padding: 0 0 0 36px;
  color: #fff;
  font-size: 18px;
  font-size: 1.8rem;
  height: 34px;
  line-height: 34px;
  text-align: center;
}

.hoBtn .hoCount {
  width: 120px;
  padding: 1px 12px 0 0;
  display: block;
  position: absolute;
  top: 2px;
  right: 2px;
  background: #fff;
  color: #333;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 34px;
  line-height: 34px;
  border-radius: 17px;
}

.hoBtn .hoCount b {
  font-size: 22px;
  font-size: 2.2rem;
  margin-right: 3px;
}

@media screen and (max-width: 767px) {
  .hoBtn {
    margin: 0 auto;
  }
}

.nakanohito .socialBtns {
  padding: 20px 10px;
}

.nakanohito .socialBtns + .block {
  border-top: none;
}

.nakanohito .block {
  position: relative;
}

.nakanohito .block .index-newsList li:last-child {
  border-bottom: 1px solid #dadada;
  padding-bottom: 20px;
}

.nakanohito .block .index-newsList .m-socialShare li {
  border-bottom: none;
  padding-bottom: 0;
}

.nakanohito .block .l-article + .index-newsList {
  border-top: 1px solid #dadada;
  padding-top: 20px;
}

.nakanohito .backlink .link-color {
  text-decoration: none;
}

.nakanohito .backlink .link-color:hover {
  text-decoration: underline;
}

.nakanohito .backlink a + a {
  margin-left: 40px;
}

@media screen and (max-width: 767px) {
  .nakanohito .backlink {
    line-height: 1.4;
  }
  .nakanohito .backlink a {
    display: block;
  }
  .nakanohito .backlink a + a {
    margin-left: 0;
    margin-top: 8px;
  }
}

.nakanohito .latestPost {
  margin-top: 40px;
  border-top: 0;
  padding-top: 0;
}

.nakanohito .latestPost__title {
  background: #0075c2;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 3px 20px;
}

.nakanohito .latestPost__body {
  padding: 20px;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nakanohito .latestPost__body .image {
  height: 160px;
}

.nakanohito .latestPost__body .image img {
  height: 100%;
}

.nakanohito .latestPost__body .text {
  margin-left: 25px;
}

.nakanohito .latestPost__body .text h3 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 1.4;
  margin-bottom: 8px;
}

.nakanohito .latestPost__body .text h3 span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
  display: block;
}

.nakanohito .latestPost__body .text p {
  margin-bottom: 12px;
}

.nakanohito .latestPost__body .text .btnS {
  line-height: 1.3;
}

.nakanohito .latestPost + .block {
  border-top: none;
  padding-top: 0;
  margin-top: 40px;
}

@media screen and (max-width: 767px) {
  .nakanohito .latestPost {
    margin-top: 20px;
  }
  .nakanohito .latestPost__body {
    display: block;
    padding: 20px 16px;
  }
  .nakanohito .latestPost__body .image {
    width: 100%;
    height: auto;
  }
  .nakanohito .latestPost__body .image img {
    width: 100%;
    height: auto;
  }
  .nakanohito .latestPost__body .text {
    margin-left: 0;
    margin-top: 15px;
  }
  .nakanohito .latestPost__body .text h3 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.5;
  }
  .nakanohito .latestPost__body .text h3 span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .nakanohito .latestPost__body .text p {
    margin-bottom: 12px;
  }
  .nakanohito .latestPost__body .text .btnS {
    line-height: 1.3;
  }
  .nakanohito .latestPost + .block {
    margin-top: 30px;
  }
}

.nakanohito .indexLink {
  position: absolute;
  top: 5px;
  right: 0;
  text-align: right;
}

.nakanohito .indexLink__blog, .nakanohito .indexLink__trivia {
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #0075c2;
  padding: 0 10px 0 0;
  margin-left: 90px;
}

.nakanohito .indexLink__blog a, .nakanohito .indexLink__trivia a {
  display: block;
  position: relative;
}

.nakanohito .indexLink__blog a::before, .nakanohito .indexLink__trivia a::before {
  content: "";
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  top: -10px;
  left: -64px;
  border: 1px solid #dadada;
  border-radius: 50%;
}

.nakanohito .indexLink__blog a::after, .nakanohito .indexLink__trivia a::after {
  content: "";
  width: 4px;
  height: 4px;
  display: block;
  position: absolute;
  top: 9px;
  left: -12px;
  border-top: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.nakanohito .indexLink__blog a::before {
  background: url(/with/nakanohito/images/icon_blog.png) no-repeat;
  background-size: 40px 40px;
}

.nakanohito .indexLink__trivia a::before {
  background: url(/with/nakanohito/images/icon_trivia.png) no-repeat;
  background-size: 40px 40px;
}

@media screen and (max-width: 767px) {
  .nakanohito .indexLink {
    position: static;
    text-align: left;
    border-bottom: 1px solid #dadada;
    margin-bottom: 20px;
  }
  .nakanohito .indexLink__blog, .nakanohito .indexLink__trivia {
    display: block;
    margin-left: 65px;
    padding: 5px 0 22px;
  }
}

.nakanohito .categoryHead {
  margin-top: 20px;
  border-top: 0;
  padding-top: 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}

.nakanohito .categoryHead .text {
  margin-left: 10px;
  padding: 30px 0;
}

.nakanohito .categoryHead .text .date {
  color: #0075c2;
}

.nakanohito .categoryHead .text h2 {
  font-size: 26px;
  font-size: 2.6rem;
  line-height: 1.4;
  margin-bottom: 8px;
}

.nakanohito .categoryHead .text .socialBtns {
  padding-top: 10px;
}

.nakanohito .categoryHead + .block {
  margin-top: 0;
  border-top: 0;
  padding-top: 20px;
}

.nakanohito .categoryHead--blog {
  background: url(/with/nakanohito/blog/images/bg_index_title.png) right center no-repeat;
  background-size: contain;
}

.nakanohito .categoryHead--trivia {
  background: url(/with/nakanohito/trivia/images/bg_index_title.png) right center no-repeat;
  background-size: contain;
}

.nakanohito .categoryHead + .m-socialShare {
  margin-top: 15px;
  margin-bottom: 15px;
}

@media screen and (max-width: 767px) {
  .nakanohito .categoryHead .text {
    margin-left: 0;
    padding: 16px 0;
  }
  .nakanohito .categoryHead + .block {
    margin-top: 0;
  }
  .nakanohito .categoryHead--blog {
    background: none;
  }
  .nakanohito .categoryHead--trivia {
    background: none;
  }
  .nakanohito .categoryHead + .m-socialShare {
    padding: 0 15px;
  }
}

.nakanohito .articleHead {
  margin-top: 20px;
  border-top: 0;
  padding-top: 0;
}

.nakanohito .articleHead__body {
  padding: 20px;
  background: #fafafa;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nakanohito .articleHead__body .image {
  height: 160px;
}

.nakanohito .articleHead__body .image img {
  height: 100%;
}

.nakanohito .articleHead__body .text {
  margin-left: 25px;
}

.nakanohito .articleHead__body .text .date {
  color: #0075c2;
  margin-bottom: 10px;
}

.nakanohito .articleHead__body .text h2 {
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 8px;
}

.nakanohito .articleHead__body .text h2 span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: normal;
  display: block;
}

.nakanohito .articleHead__body .text p {
  margin-bottom: 12px;
}

.nakanohito .articleHead__body .text .btnS {
  line-height: 1.3;
}

.nakanohito .articleHead + .block {
  border-top: none;
  padding-top: 0;
  margin-top: 40px;
}

.nakanohito .articleHead + .m-socialShare {
  margin-top: 15px;
}

@media screen and (max-width: 767px) {
  .nakanohito .articleHead__body {
    display: block;
    padding-bottom: 10px;
  }
  .nakanohito .articleHead__body .image {
    height: auto;
    width: 100%;
  }
  .nakanohito .articleHead__body .image img {
    width: 100%;
    height: auto;
  }
  .nakanohito .articleHead__body .text {
    margin-left: 0;
    margin-top: 15px;
    width: 100%;
  }
  .nakanohito .articleHead__body .text h2 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.4;
    margin-bottom: 10px;
  }
  .nakanohito .articleHead__body .text h2 span {
    margin-bottom: 4px;
  }
  .nakanohito .articleHead + .m-socialShare {
    padding: 0 15px;
  }
}

.nakanohito .btnBottom {
  padding-top: 60px;
}

@media screen and (max-width: 767px) {
  .nakanohito .btnBottom {
    padding-top: 30px;
  }
}

.nakanohito article .block:first-child {
  padding-top: 40px;
}

.nakanohito article .block + .block {
  margin-top: 50px;
}

.nakanohito article .block .img-text {
  margin-bottom: 15px;
}

.nakanohito article .block .img-text .image {
  width: 270px;
  float: left;
}

.nakanohito article .block .img-text .image img {
  width: 100%;
  vertical-align: top;
}

.nakanohito article .block .img-text .image.is-tweet {
  background: #e5eaf4;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.nakanohito article .block .img-text .text {
  margin-left: 300px;
}

.nakanohito article .block .img-text .text .inner-image {
  margin-top: 20px;
}

.nakanohito article .block .img-text .text .inner-image.align-left {
  text-align: left;
}

.nakanohito article .block .img-text .text .inner-image.align-center {
  text-align: center;
}

.nakanohito article .block .img-text .text .inner-image.align-right {
  text-align: right;
}

.nakanohito article .block .img-text .text.is-box {
  background: #fafafa;
  border: 1px solid #dadada;
  border-radius: 4px;
  padding: 10px 15px;
  padding: 10px 15px;
}

.nakanohito article .block .img-text.is-reverse .image {
  float: right;
}

.nakanohito article .block .img-text.is-reverse .text {
  margin-left: 0;
  margin-right: 300px;
}

.nakanohito article .block .borderBlockList {
  background: #f4f4f4;
  padding: 10px;
  margin-top: 30px;
}

.nakanohito article .block .borderBlockList .borderBlock {
  background: #fff;
  padding: 15px;
  margin-bottom: 10px;
}

.nakanohito article .block .borderBlockList .borderBlock:last-child {
  margin-bottom: 0;
}

.nakanohito article .block .borderBlockList .borderBlock__title {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

.nakanohito article .block .img-col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}

.nakanohito article .block .img-col .image {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 10px;
}

.nakanohito article .block .img-col .image img {
  width: 100%;
  vertical-align: top;
}

@media screen and (max-width: 767px) {
  .nakanohito article .block:first-child {
    padding-top: 20px;
  }
  .nakanohito article .block + .block {
    margin-top: 32px;
  }
  .nakanohito article .block .img-text .image {
    width: auto;
    max-width: 270px;
    margin: 0 auto 20px;
    float: none;
  }
  .nakanohito article .block .img-text .text {
    margin-left: 0;
  }
  .nakanohito article .block .img-text.is-reverse .image {
    float: none;
  }
  .nakanohito article .block .img-text.is-reverse .text {
    margin-right: 0;
  }
  .nakanohito article .block .img-col {
    margin-left: -5px;
    margin-right: -5px;
  }
  .nakanohito article .block .img-col .image {
    margin: 5px;
  }
}

.nakanohito .trivia-title {
  border-bottom: 2px solid #0075c2;
  padding-bottom: 10px;
  margin-bottom: 30px;
}

.nakanohito .trivia-title h3 {
  font-size: 22px;
  font-size: 2.2rem;
}

.nakanohito .trivia-title h3 span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  display: block;
}

@media screen and (max-width: 767px) {
  .nakanohito .trivia-title h3 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
  }
  .nakanohito .trivia-title h3 span {
    font-size: 12px;
    font-size: 1.2rem;
    margin-bottom: 5px;
  }
}

.nakanohito .trivia-contents .image {
  margin-bottom: 25px;
  text-align: center;
}

.nakanohito .trivia-contents .image img {
  width: auto;
  min-width: 500px;
  max-width: 100%;
}

@media screen and (max-width: 767px) {
  .nakanohito .trivia-contents .image img {
    min-width: 0;
  }
}

.nakanohito .m-socialShare .hoBtn {
  margin-bottom: 0;
}

.nakanohito .m-socialShare .hoBtn:first-child {
  margin-left: 0;
}

@media screen and (max-width: 767px) {
  .nakanohito .m-socialShare {
    margin-bottom: 15px;
  }
}

.nakanohito .index-newsList li {
  position: relative;
}

.nakanohito .index-newsList li .newsList__body {
  padding-right: 100px;
}

.nakanohito .index-newsList li .ho-counter {
  position: absolute;
  right: 0;
  bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 2px solid #0075c2;
  color: #0075c2;
  width: 90px;
  height: 22px;
  text-align: center;
  border-radius: 20px;
  line-height: 20px;
  font-weight: bold;
}

.nakanohito .index-newsList li .ho-counter::before {
  content: "";
  width: 22px;
  height: 24px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -11px;
  background: url(/share_swc/images/icon_hocount.png) center top no-repeat;
}

.nakanohito .index-newsList li .ho-counter b {
  font-size: 14px;
  margin-right: 3px;
}

@media screen and (max-width: 767px) {
  .nakanohito .index-newsList li .newsList__body {
    padding-right: 0;
    padding-bottom: 30px;
  }
  .nakanohito .index-newsList li .m-socialShare .social-swc {
    margin-left: auto;
  }
  .nakanohito .index-newsList li .ho-counter {
    font-size: 11px;
  }
  .nakanohito .index-newsList li .ho-counter::before {
    width: 18px;
    height: 20px;
    top: -1px;
    left: -15px;
    background-size: 18px 20px;
  }
  .nakanohito .index-newsList li .ho-counter b {
    font-size: 14px;
  }
}

.articleNav {
  margin-top: 30px;
}

.articleNav__title {
  background: #0075c2;
  color: #fff;
  border-radius: 4px 4px 0 0;
  padding: 5px 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

.articleNav__body {
  border: 2px solid #0075c2;
  border-top: none;
  border-radius: 0 0 4px 4px;
  padding: 15px;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.articleNav__body::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 30px);
  background: #dadada;
  position: absolute;
  left: 50%;
}

.articleNav__body a {
  display: block;
  position: relative;
}

.articleNav__body a::before {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #0075c2;
  border-right: 1px solid #0075c2;
  position: absolute;
  top: 50%;
}

.articleNav__body .prev {
  width: 50%;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 20px 0 0;
  position: relative;
}

.articleNav__body .prev a {
  padding-left: 25px;
}

.articleNav__body .prev a::before {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  left: 0;
  -webkit-transform: translate(4px, -50%) rotate(-135deg);
          transform: translate(4px, -50%) rotate(-135deg);
}

.articleNav__body .prev a:hover::before {
  -webkit-transform: translate(0, -50%) rotate(-135deg);
          transform: translate(0, -50%) rotate(-135deg);
}

.articleNav__body .next {
  width: 50%;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0 0 0 20px;
}

.articleNav__body .next a {
  padding-right: 25px;
}

.articleNav__body .next a::before {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  right: 0;
  -webkit-transform: translate(-4px, -50%) rotate(45deg);
          transform: translate(-4px, -50%) rotate(45deg);
}

.articleNav__body .next a:hover::before {
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
}

.articleNav__thumb {
  width: 70px;
  float: left;
}

.articleNav__thumb img {
  width: 100%;
}

.articleNav__text {
  margin-left: 85px;
}

@media screen and (max-width: 767px) {
  .articleNav {
    margin: 15px;
  }
  .articleNav__title {
    padding: 5px 12px;
  }
  .articleNav__body {
    padding: 12px 8px;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
  }
  .articleNav__body .prev {
    padding: 0 14px 0 0;
  }
  .articleNav__body .prev a {
    padding-left: 23x;
  }
  .articleNav__body .next {
    padding: 0 0 0 14px;
  }
  .articleNav__body .next a {
    padding-right: 23px;
  }
  .articleNav__thumb {
    width: 100%;
    text-align: center;
    float: none;
  }
  .articleNav__thumb img {
    width: 60px;
  }
  .articleNav__text {
    margin-left: 0;
    margin-top: 6px;
  }
}

/* タイムライン */
.timelinePost {
  border-bottom: 1px solid #dadada;
}

.timelinePost__thumb {
  width: 50px;
  float: left;
  text-align: center;
}

.timelinePost__thumb img {
  width: 100%;
  border-radius: 4px;
}

@media screen and (max-width: 767px) {
  .timelinePost__thumb {
    width: 40px;
  }
}

.timelinePost__form {
  width: 690px;
  float: right;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  position: relative;
}

.timelinePost__form .input textarea {
  font-size: 16px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 4px;
  height: 50px;
  padding: 10px 12px 5px;
  margin-bottom: 10px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.timelinePost__form .input textarea + div {
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.timelinePost__form .input textarea.is-open {
  height: 104px;
}

.timelinePost__form .input textarea.is-open + div {
  opacity: 1;
  visibility: visible;
  max-height: none;
}

.timelinePost__form .input .taginput {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 15px;
  border-radius: 3px;
}

@media screen and (max-width: 767px) {
  .timelinePost__form .input .taginput {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.timelinePost__form .input .timelinePost__attachment {
  float: left;
  padding-bottom: 10px;
}

.timelinePost__form .input .timelinePost__attachment .image-upload {
  background: #f4f4f4;
  padding: 10px;
  width: 470px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
}

.timelinePost__form .input .timelinePost__attachment .image-upload .inputWrap {
  margin-top: 10px;
}

.timelinePost__form .input .timelinePost__attachment .image-upload #clear-input-image-upload,
.timelinePost__form .input .timelinePost__attachment .image-upload #clear-input-image-upload2,
.timelinePost__form .input .timelinePost__attachment .image-upload #clear-input-image-upload3,
.timelinePost__form .input .timelinePost__attachment .image-upload #clear-input-image-upload4 {
  margin-left: 15px;
  float: right;
}

.timelinePost__form .input .timelinePost__attachment .tag-select {
  margin-bottom: 10px;
}

.timelinePost__form .input .timelinePost__attachment .tag-select select {
  padding: 0 6px;
  height: 32px;
  -webkit-appearance: menulist-button;
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
}

.timelinePost__form .input .timelinePost__btn {
  float: right;
  width: 200px;
}

.timelinePost__form .input .timelinePost__btn button {
  padding: 30px 10px;
}

@media screen and (max-width: 767px) {
  .timelinePost__form {
    width: calc(100% - 50px);
  }
  .timelinePost__form .input textarea {
    line-height: 1.5;
    height: 40px;
    padding: 7px 6px 7px;
  }
  .timelinePost__form .input textarea.is-open {
    height: 190px;
  }
  .timelinePost__form .input textarea + div {
    width: calc(100% + 50px);
    margin-left: -50px;
  }
  .timelinePost__form .input .timelinePost__attachment {
    float: none;
    padding-bottom: 0;
  }
  .timelinePost__form .input .timelinePost__attachment .image-upload {
    margin-bottom: 15px;
    width: auto;
  }
  .timelinePost__form .input .timelinePost__attachment .image-upload .inputWrap {
    padding-top: 10px;
  }
  .timelinePost__form .input .timelinePost__attachment .image-upload .inputWrap + .inputWrap {
    border-top: 1px solid #dadada;
  }
  .timelinePost__form .input .timelinePost__attachment .tag-select {
    margin-bottom: 15px;
  }
  .timelinePost__form .input .timelinePost__attachment .tag-select select {
    font-size: 16px;
    height: 40px;
  }
  .timelinePost__form .input .timelinePost__btn {
    float: none;
    width: 100%;
  }
  .timelinePost__form .input .timelinePost__btn button {
    max-width: none;
    padding: 10px 10px;
    margin-bottom: 15px;
  }
}

.timelinePost .postContent {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 62px;
  margin-bottom: 16px;
}

.timelinePost .postContent .postBody {
  padding: 8px 15px;
  color: #888;
  word-break: break-all;
}

.timelinePost .postContent .postBody a {
  font-weight: bold;
  color: #333;
}

.timelinePost .postContent .postBody a:hover {
  color: #0075c2;
}

.timelineTool {
  padding: 20px 0;
}

.timelineTool .timelineBtn {
  float: left;
}

.timelineTool .timelineBtn .btn--refresh {
  border-color: #0075c2;
  background: #0075c2;
  color: #fff;
}

.timelineTool .timelineBtn .btn--refresh:hover {
  opacity: .8;
}

.timelineTool .timelineBtn a + label,
.timelineTool .timelineBtn label + a {
  margin-left: 10px;
}

.timelineTool .timelineBtn label {
  position: relative;
}

.timelineTool .timelineBtn label:hover a {
  border-color: #0075c2;
  background: #0075c2;
  color: #fff;
}

.timelineTool .timelineBtn #timeline-calendar {
  cursor: pointer;
  width: 100%;
  height: 24px;
  position: absolute;
  left: 0;
  top: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-color: transparent;
  background: none;
  outline: 0;
  font-size: 16px;
  text-indent: -9999px;
  color: transparent;
}

.timelineTool .timelineBtn #timeline-calendar::-ms-clear {
  visibility: hidden;
}

.timelineTool .timelineRefine {
  float: right;
}

.timelineTool .timelineRefine select {
  padding: 0 6px;
  height: 32px;
  -webkit-appearance: menulist-button;
  background: #fff;
  vertical-align: top;
  max-width: 200px;
}

.timelineTool .timelineRefine select + select {
  margin-left: 10px;
}

.timelineTool .timelineRefine__tag {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.timelineTool .timelineRefine__tag input {
  width: 100px;
  padding-right: 30px;
}

.timelineTool .timelineRefine__tag button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  background: none;
  font-size: 0;
  height: 100%;
  padding: 0 10px;
}

.timelineTool .timelineRefine__tag button::before {
  font-size: 12px;
  margin-right: 0;
}

@media screen and (max-width: 767px) {
  .timelineTool {
    padding: 15px 0 5px;
  }
  .timelineTool .timelineBtn {
    float: none;
  }
  .timelineTool .timelineBtn .btn--small {
    padding-left: 12px;
    padding-right: 12px;
  }
  .timelineTool .timelineBtn .btn--small::before {
    margin-right: 5px;
  }
  .timelineTool .timelineBtn a + label,
  .timelineTool .timelineBtn label + a {
    margin-left: 8px;
  }
  .timelineTool .timelineBtn > a {
    margin-left: 8px !important;
    margin-bottom: 10px;
  }
  .timelineTool .timelineBtn > a:first-of-type {
    margin-left: 0 !important;
  }
  .timelineTool .timelineBtn label {
    margin-bottom: 10px;
  }
  .timelineTool .timelineRefine {
    float: none;
    padding: 10px 0 5px;
  }
  .timelineTool .timelineRefine select {
    margin-top: 0;
    margin-bottom: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    max-width: none;
    height: 40px;
  }
  .timelineTool .timelineRefine select + select {
    margin-left: 0;
  }
  .timelineTool .timelineRefine__tag {
    width: 100%;
  }
  .timelineTool .timelineRefine__tag input {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    font-size: 16px;
    padding: 6px 30px 6px 10px;
  }
  .timelineTool .timelineRefine__tag button::before {
    font-size: 16px;
  }
}

.timelineWrap {
  background: #f4f4f4;
  padding: 10px 20px;
}

@media screen and (max-width: 767px) {
  .timelineWrap {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 10px 16px;
    margin: 0 -16px;
  }
  .boxBlock .timelineWrap {
    margin: 0;
    padding: 10px;
  }
}

.timelineWrap .timelineBlock {
  padding-top: 10px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineBlock {
    padding-top: 0;
  }
}

.timelineWrap .timelineBlock + .timelineBlock {
  border-top: 1px solid #dadada;
  padding-top: 20px;
}

.timelineWrap .post-date {
  margin-bottom: 8px;
  float: left;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.timelineWrap .post-date .update {
  background: #ff4100;
  color: #fff;
  font-size: 10px;
  font-size: 1rem;
  font-weight: normal;
  padding: 2px 12px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .post-date {
    margin-bottom: 0;
    font-size: 12px;
    font-size: 1.2rem;
  }
  .timelineWrap .post-date .update {
    padding: 2px 8px;
  }
}

.timelineWrap .post-date-s {
  font-size: 12px;
  font-size: 1.2rem;
  color: #888;
}

@media screen and (max-width: 767px) {
  .timelineWrap .post-date-s {
    font-size: 10px;
    font-size: 1rem;
  }
}

.timelineWrap .post-id {
  margin-top: 2px;
  margin-bottom: 8px;
  float: right;
}

@media screen and (max-width: 767px) {
  .timelineWrap .post-id {
    margin-top: 0;
  }
}

.timelineWrap .timelineUnit {
  -webkit-box-shadow: inset 0 0 0 1px #dadada;
          box-shadow: inset 0 0 0 1px #dadada;
  background: #fff;
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  clear: both;
  margin-bottom: 30px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit {
    padding-bottom: 80px;
  }
}

.timelineWrap .timelineUnit__post {
  padding: 25px 30px 25px 80px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post {
    padding: 15px;
  }
}

.timelineWrap .timelineUnit__post .m-postUser .avatar .name {
  font-size: 14px;
  font-size: 1.4rem;
}

.timelineWrap .timelineUnit__post .forumInfo {
  background: #f4f4f4;
  margin-bottom: 20px;
  padding: 15px;
  font-size: 12px;
  font-size: 1.2rem;
}

.timelineWrap .timelineUnit__post .forumInfo__title .label {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1;
  padding: 5px 12px;
  font-weight: bold;
  display: inline-block;
  background: #0075c2;
  color: #fff;
  border-radius: 4px;
  position: relative;
}

.timelineWrap .timelineUnit__post .forumInfo__title .label::after {
  content: "";
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-top: 6px solid #0075c2;
  position: absolute;
  left: 50%;
  bottom: -10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .forumInfo__title .label {
    margin-left: -2px;
    padding: 6px 8px;
    margin-bottom: 10px;
  }
}

.timelineWrap .timelineUnit__post .forumInfo__title p {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 10px;
}

.timelineWrap .timelineUnit__post .forumInfo__title p::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  position: relative;
  top: -1px;
  background: url(/share_swc/images/icon_cat_forum.svg) no-repeat;
  background-size: 20px 20px;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right;
  float: right;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .forumInfo__title ul {
    margin-bottom: 5px;
    margin-right: -2px;
  }
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li {
  display: inline-block;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li + li {
  margin-left: 3px;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li > span {
  background-color: #fff;
  color: #354059;
  border: 1px solid #ddd;
  display: inline-block;
  font-weight: bold;
  padding: 6px 10px;
  height: auto;
  line-height: 1em;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a {
  background-color: #fff;
  color: #354059;
  border: 1px solid #ddd;
  display: inline-block;
  font-weight: bold;
  padding: 6px 10px;
  height: auto;
  line-height: 1em;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .forumInfo__title ul li a {
    padding: 6px 8px;
  }
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a i {
  font-style: normal;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a .star.icon-star-empty {
  color: #ccc !important;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a .star.icon-star-empty:before {
  content: "☆";
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a .star.icon-star {
  color: #fc0 !important;
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a .star.icon-star:before {
  content: "★";
}

.timelineWrap .timelineUnit__post .forumInfo__title ul li a:hover .star {
  color: #fc0 !important;
}

.timelineWrap .timelineUnit__post .forumInfo__text {
  margin-top: 5px;
}

.timelineWrap .timelineUnit__post .forumInfo__text a {
  color: #0075c2;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
}

.timelineWrap .timelineUnit__post .forumInfo__text a:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__post .forumInfo .linkList {
  margin-bottom: 0;
}

.timelineWrap .timelineUnit__post .forumInfo .linkList li a {
  padding: 5px 0 0 20px;
  display: inline-block;
}

.timelineWrap .timelineUnit__post .forumInfo .linkList li a::before {
  top: 12px;
}

.timelineWrap .timelineUnit__post .postHeader {
  padding-bottom: 6px;
}

.timelineWrap .timelineUnit__post .postHeader .post-date-s {
  clear: both;
}

.timelineWrap .timelineUnit__post .postHeader__thumb {
  float: left;
  padding-bottom: 20px;
}

.timelineWrap .timelineUnit__post .postHeader__thumb > a {
  display: inline-block;
  width: 40px;
  vertical-align: middle;
}

.timelineWrap .timelineUnit__post .postHeader__thumb img {
  width: 40px;
  vertical-align: middle;
}

.timelineWrap .timelineUnit__post .postHeader__thumb .name {
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  color: #0075c2;
  font-weight: bold;
  margin-left: 10px;
}

.timelineWrap .timelineUnit__post .postHeader__thumb .name a {
  color: #0075c2;
  word-break: break-all;
}

.timelineWrap .timelineUnit__post .postHeader__thumb .name a:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__post .postHeader__thumb .name span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  margin-left: 5px;
}

.timelineWrap .timelineUnit__post .postHeader .btnSS {
  float: right;
  margin-top: 5px;
}

.timelineWrap .timelineUnit__post .postHeader .btnSS.disabled {
  opacity: .2;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .postHeader__thumb {
    padding-bottom: 5px;
  }
  .timelineWrap .timelineUnit__post .postHeader__thumb > a {
    width: 30px;
  }
  .timelineWrap .timelineUnit__post .postHeader__thumb img {
    width: 30px;
  }
  .timelineWrap .timelineUnit__post .postHeader__thumb .name {
    margin-left: 6px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .timelineWrap .timelineUnit__post .postHeader__thumb .name span {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .timelineWrap .timelineUnit__post .postHeader .btnSS {
    float: none;
    margin-bottom: 15px;
  }
}

.timelineWrap .timelineUnit__post .postBody {
  padding-top: 10px;
  min-height: 80px;
  word-break: break-all;
}

.timelineWrap .timelineUnit__post .postBody > a {
  color: #0075c2;
  text-decoration: underline;
}

.timelineWrap .timelineUnit__post .postBody > a:hover {
  text-decoration: none;
}

.timelineWrap .timelineUnit__post .postBody .readmore {
  display: inline-block;
  color: #0075c2;
  cursor: pointer;
}

.timelineWrap .timelineUnit__post .postBody .readmore:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__post .postBody .forum-image {
  margin-bottom: 15px;
}

.timelineWrap .timelineUnit__post .postBody .forum-image img {
  width: 100%;
}

.timelineWrap .timelineUnit__post .postBody .images {
  padding: 0;
}

.timelineWrap .timelineUnit__post .postBody .images .image {
  float: left;
  width: 295px;
  height: 295px;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px;
}

.timelineWrap .timelineUnit__post .postBody .images .image:nth-child(even) {
  margin-left: 15px;
}

.timelineWrap .timelineUnit__post .postBody .images .image a {
  display: block;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.timelineWrap .timelineUnit__post .postBody .images .image a img {
  opacity: 0;
}

.timelineWrap .timelineUnit__post .postBody .images .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .postBody .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .timelineWrap .timelineUnit__post .postBody .images .image {
    width: calc(50% - 5px);
    height: 0;
    padding-top: calc(50% - 5px);
    position: relative;
    margin: 0 0 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 5px);
            flex: 0 0 calc(50% - 5px);
    float: none;
  }
  .timelineWrap .timelineUnit__post .postBody .images .image:nth-child(even) {
    margin-left: 10px;
  }
  .timelineWrap .timelineUnit__post .postBody .images .image a {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.timelineWrap .timelineUnit__post .postBody .forumInfo {
  margin-top: 20px;
}

.timelineWrap .timelineUnit__post .postBody .tag {
  background: #f4f4f4;
  margin-top: 20px;
  padding: 10px 15px 7px;
  font-size: 12px;
  font-size: 1.2rem;
}

.timelineWrap .timelineUnit__post .postBody .tag dl dt {
  float: left;
  padding: 2px 0;
  font-weight: bold;
  margin-bottom: 3px;
}

.timelineWrap .timelineUnit__post .postBody .tag dl dd {
  margin-left: 40px;
}

.timelineWrap .timelineUnit__post .postBody .tag dl dd ul li {
  display: inline-block;
}

.timelineWrap .timelineUnit__post .postBody .tag dl dd ul li a {
  display: block;
  border: 1px solid #dadada;
  background: #fff;
  padding: 1px 10px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 3px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .postBody {
    min-height: 0;
  }
  .timelineWrap .timelineUnit__post .postBody__title ul {
    margin-top: 10px;
  }
}

.timelineWrap .timelineUnit__post .postBody + .align-center {
  margin-top: 20px;
}

.timelineWrap .timelineUnit__post .socialBtns {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .socialBtns {
    display: block;
  }
}

.timelineWrap .timelineUnit__post .socialBtns .m-socialShare .social-tw,
.timelineWrap .timelineUnit__post .socialBtns .m-socialShare .social-fb {
  padding-left: 20px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .socialBtns .m-socialShare .social-tw,
  .timelineWrap .timelineUnit__post .socialBtns .m-socialShare .social-fb {
    padding-left: 0;
  }
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) {
  margin-left: auto;
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button {
  margin-right: 0;
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button .general-button::before {
  margin-right: 2px;
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button .post-editBtn {
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button .post-editBtn__edit {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

.timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button .post-editBtn__delete {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ff4100;
  margin-left: 2px;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__post .socialBtns {
    padding-top: 20px;
  }
  .timelineWrap .timelineUnit__post .socialBtns::after {
    content: "";
    clear: both;
    display: block;
  }
  .timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li {
    margin-bottom: 5px;
  }
  .timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button {
    float: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 15px;
  }
  .timelineWrap .timelineUnit__post .socialBtns ul:not(.m-socialShare) li.swc-report-button .post-editBtn {
    margin-left: auto;
    margin-top: 3px;
  }
}

.timelineWrap .timelineUnit__post .socialBtns + .align-center {
  margin-top: 20px;
}

.timelineWrap .timelineUnit__comment__posted {
  border-top: 1px solid #dadada;
  padding: 20px 30px 20px 80px;
}

.timelineWrap .timelineUnit__comment__posted .postComment {
  margin-bottom: 20px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader {
  padding-bottom: 6px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb {
  padding-bottom: 5px;
  padding-right: 120px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb > a {
  display: inline-block;
  width: 30px;
  vertical-align: middle;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb img {
  width: 30px;
  vertical-align: middle;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb .name {
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  color: #0075c2;
  font-weight: bold;
  margin-left: 10px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb .name a {
  color: #0075c2;
  word-break: break-all;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb .name a:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb .name span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #333;
  font-weight: normal;
  margin-left: 5px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody {
  position: relative;
  word-break: break-all;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .readmore {
  display: inline-block;
  color: #0075c2;
  cursor: pointer;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .readmore:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .post-editBtn {
  position: absolute;
  top: -36px;
  right: 0;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .post-editBtn__edit {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .post-editBtn__delete {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ff4100;
  margin-left: 2px;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images {
  padding: 4px 0 0;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image {
  float: left;
  width: 140px;
  height: 140px;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image:not(:first-child) {
  margin-left: 15px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image a {
  display: block;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: 100%;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image a img {
  opacity: 0;
}

.timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 100%;
  max-height: 100%;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__comment__posted .postComment .postBody .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -10px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image {
    width: calc(25% - 10px);
    height: 0;
    padding-top: calc(25% - 10px);
    position: relative;
    margin: 0 0 10px 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 10px);
            flex: 0 0 calc(25% - 10px);
    float: none;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image:not(:first-child) {
    margin-left: 10px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .postBody .images .image a {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply-btn {
  margin: 10px 0 0 25px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply {
  margin: 10px 0 0 25px;
  padding: 5px 0 0 10px;
  border-left: 2px solid #dadada;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment {
  margin-bottom: 15px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody {
  word-break: break-all;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .readmore {
  display: inline-block;
  color: #0075c2;
  cursor: pointer;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .readmore:hover {
  text-decoration: underline;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .post-editBtn {
  position: absolute;
  top: -36px;
  right: 0;
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .post-editBtn__edit {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #666;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .post-editBtn__delete {
  display: inline-block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ff4100;
  margin-left: 2px;
  border: 1px solid #dadada;
  border-radius: 20px;
  padding: 0 14px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images {
  padding: 4px 0 0;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image {
  float: left;
  width: 132px;
  height: 132px;
  position: relative;
  overflow: hidden;
  margin: 0 0 15px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image:not(:first-child) {
  margin-left: 15px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 240%;
  max-height: 240%;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -10px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image {
    width: calc(25% - 10px);
    height: 0;
    padding-top: calc(25% - 10px);
    position: relative;
    margin: 0 0 10px 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(25% - 10px);
            flex: 0 0 calc(25% - 10px);
    float: none;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image:not(:first-child) {
    margin-left: 10px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply .postComment .postBody .images .image a {
    position: absolute;
    left: 0;
    top: 0;
  }
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__thumb {
  width: 30px;
  float: left;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__thumb img {
  width: 100%;
  border-radius: 4px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form {
  margin-left: 40px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form input[type="text"] {
  width: calc(100% - 80px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form input[type="text"].is-open ~ .image-upload {
  opacity: 1;
  visibility: visible;
  max-height: none;
  margin-top: 10px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .btn--small {
  width: 70px;
  margin-left: 5px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .image-upload {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .image-upload .inputWrap {
  margin-top: 10px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .image-upload .clear-comment-image-upload {
  margin-left: 15px;
  float: right;
  display: inline-block;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post .postContent {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 36px;
  margin-top: -5px;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post .postContent .postBody {
  padding: 8px 15px;
  color: #888;
  word-break: break-all;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post .postContent .postBody a {
  font-weight: bold;
  color: #333;
}

.timelineWrap .timelineUnit__comment__posted .postComment .reply__post .postContent .postBody a:hover {
  color: #0075c2;
}

.timelineWrap .timelineUnit__comment__posted .btn--timeline {
  max-width: 210px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__comment__posted {
    padding: 15px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .postHeader__thumb .name {
    font-size: 12px;
    font-size: 1.2rem;
    margin-left: 8px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply {
    margin-left: 10px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form input[type="text"] {
    width: calc(100% - 60px);
    height: 30px;
    font-size: 16px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .btn--small {
    padding: 3px;
    width: 50px;
  }
  .timelineWrap .timelineUnit__comment__posted .postComment .reply__post__form .image-upload {
    margin-left: -40px;
  }
  .timelineWrap .timelineUnit__comment__posted .btn--timeline {
    margin-bottom: 10px;
  }
}

.timelineWrap .timelineUnit__comment__post {
  padding: 20px 30px 20px 80px;
  background: #fafafa;
  border: 1px solid #dadada;
  border-radius: 0 0 5px 5px;
  position: relative;
}

.timelineWrap .timelineUnit__comment__post:before, .timelineWrap .timelineUnit__comment__post:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border: 8px solid transparent;
}

.timelineWrap .timelineUnit__comment__post:before {
  border-top: 8px solid #dadada;
  left: 87px;
  top: 0;
}

.timelineWrap .timelineUnit__comment__post:after {
  border-top: 8px solid #fff;
  left: 87px;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__comment__post {
    padding: 20px 15px;
    border-radius: 0;
  }
  .timelineWrap .timelineUnit__comment__post:before {
    left: 22px;
  }
  .timelineWrap .timelineUnit__comment__post:after {
    left: 22px;
  }
}

.timelineWrap .timelineUnit__comment__post .postContent {
  background: #fff;
  border: 1px solid #dadada;
  border-radius: 3px;
  height: 36px;
}

.timelineWrap .timelineUnit__comment__post .postContent .postBody {
  padding: 8px 15px;
  color: #888;
  word-break: break-all;
}

.timelineWrap .timelineUnit__comment__post .postContent .postBody a {
  font-weight: bold;
  color: #333;
}

.timelineWrap .timelineUnit__comment__post .postContent .postBody a:hover {
  color: #0075c2;
}

.timelineWrap .timelineUnit__comment__post__thumb {
  width: 30px;
  float: left;
}

.timelineWrap .timelineUnit__comment__post__thumb img {
  width: 100%;
  border-radius: 4px;
}

.timelineWrap .timelineUnit__comment__post__form {
  margin-left: 40px;
}

.timelineWrap .timelineUnit__comment__post__form input[type="text"] {
  width: calc(100% - 80px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
}

.timelineWrap .timelineUnit__comment__post__form input[type="text"].is-open ~ .image-upload {
  opacity: 1;
  visibility: visible;
  max-height: none;
  margin-top: 10px;
}

.timelineWrap .timelineUnit__comment__post__form .image-upload {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
}

.timelineWrap .timelineUnit__comment__post__form .image-upload .inputWrap {
  margin-top: 10px;
}

.timelineWrap .timelineUnit__comment__post__form .image-upload .clear-comment-image-upload {
  margin-left: 15px;
  float: right;
  display: inline-block;
}

.timelineWrap .timelineUnit__comment__post__form .btn--small {
  width: 70px;
  margin-left: 5px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__comment__post__form input[type="text"] {
    width: calc(100% - 60px);
    padding: 2px 4px;
    font-size: 16px;
  }
  .timelineWrap .timelineUnit__comment__post__form .btn--small {
    padding: 3px;
    width: 50px;
  }
  .timelineWrap .timelineUnit__comment__post__form .image-upload {
    margin-left: -40px;
  }
}

.timelineWrap .timelineUnit__relate {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  cursor: pointer;
  background: #0075c2;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50px;
  border-radius: 5px 0 0 5px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate {
    top: auto;
    width: 100%;
    height: 80px;
    border-radius: 0;
  }
}

.timelineWrap .timelineUnit__relate__trigger {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  padding-bottom: 10px;
}

@media screen and (min-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    line-height: 1;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 50px;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
  }
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger {
    padding-bottom: 0;
  }
}

.timelineWrap .timelineUnit__relate__trigger::before {
  position: absolute;
  top: 12px;
  right: 12px;
  content: "";
  width: 26px;
  height: 26px;
  display: block;
  background: url(/share_swc/images/icon_cat_member_w.svg) no-repeat;
  background-size: 26px 26px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger::before {
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    right: auto;
    top: 8px;
    left: 10px;
    display: inline-block;
  }
}

.timelineWrap .timelineUnit__relate__trigger .name {
  display: inline-block;
  margin-top: 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 1.1em;
  padding-right: .1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger .name {
    margin-top: 12px;
    width: 100%;
    padding: 0 15px 0 38px;
    line-height: 1;
  }
}

.timelineWrap .timelineUnit__relate__trigger .hobby {
  display: inline-block;
  margin-top: 15px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  max-height: 57%;
  width: 1.1em;
  padding-right: .1em;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger .hobby {
    margin-top: 0;
    width: 100%;
    padding: 0 15px 0 10px;
    line-height: 1;
  }
}

.timelineWrap .timelineUnit__relate__trigger .more {
  display: block;
  background: #fff;
  color: #0075c2;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  font-weight: bold;
  padding: 3px;
  border-radius: 20px;
  position: relative;
  top: 0;
  -ms-writing-mode: lr-tb;
  -webkit-writing-mode: horizontal-tb;
  writing-mode: horizontal-tb;
  margin-top: 10px;
  width: 42px;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 15px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__trigger .more {
    width: 60px;
    height: 17px;
    margin: 1px auto 0;
    padding: 4px;
  }
}

.timelineWrap .timelineUnit__relate__inner {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  cursor: auto;
  padding: 30px 20px 30px 30px;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

.timelineWrap .timelineUnit__relate__inner ul {
  width: 200px;
}

.timelineWrap .timelineUnit__relate__inner ul li:not(:first-child) {
  margin-top: 10px;
}

.timelineWrap .timelineUnit__relate__inner ul li a {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  display: block;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.3;
  font-weight: bold;
  padding: 10px;
  border-radius: 4px;
  color: #0075c2;
}

.timelineWrap .timelineUnit__relate__inner ul li a:hover {
  background: rgba(255, 255, 255, 0.9);
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate__inner {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    padding: 80px 10px 10px;
  }
  .timelineWrap .timelineUnit__relate__inner ul {
    width: 100%;
    padding-top: 4px;
  }
  .timelineWrap .timelineUnit__relate__inner ul li:not(:first-child) {
    margin-top: 6px;
  }
  .timelineWrap .timelineUnit__relate__inner ul li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .timelineWrap .timelineUnit__relate__inner ul li a br {
    display: none;
  }
}

@media screen and (min-width: 767px) {
  .timelineWrap .timelineUnit__relate:hover {
    width: 56px;
  }
}

.timelineWrap .timelineUnit__relate.is-open {
  width: 300px;
}

.timelineWrap .timelineUnit__relate.is-open .timelineUnit__relate__inner {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate.is-open {
    width: 100%;
    height: 210px;
  }
  .timelineWrap .timelineUnit__relate.is-open .timelineUnit__relate__inner {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
}

.timelineWrap .timelineUnit__relate.is-forum .timelineUnit__relate__trigger::before {
  background: url(/share_swc/images/icon_cat_forum_w.svg) no-repeat;
  background-size: 26px 26px;
}

@media screen and (max-width: 767px) {
  .timelineWrap .timelineUnit__relate.is-forum .timelineUnit__relate__trigger::before {
    background-size: 20px 20px;
  }
}

.timelineWrap .loading {
  padding: 100px 0;
  position: relative;
}

.timelineWrap .loading::after {
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -12px;
  margin-left: -12px;
  border-radius: 50%;
}

.timelineWrap .loading::after {
  background: transparent;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid #0075c2;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-animation: animsition-loading .8s linear infinite;
          animation: animsition-loading .8s linear infinite;
}

.timelineWrap .more-read {
  border-top: 1px solid #dadada;
  padding-top: 25px;
  margin-bottom: 25px;
  text-align: center;
}

.timelineWrap .more-read + .timelineBlock {
  border-top: 1px solid #dadada;
  padding-top: 20px;
}

#tutorial_modal {
  width: 440px;
  /* Dots */
}

@media screen and (max-width: 767px) {
  #tutorial_modal {
    width: 90%;
  }
}

#tutorial_modal .tutorial_modal__title {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 10px;
}

#tutorial_modal label {
  line-height: 1;
}

#tutorial_modal label input {
  vertical-align: middle;
  margin-right: 5px;
  position: relative;
  top: -1px;
}

#tutorial_modal .slick-slider {
  padding-bottom: 60px;
}

#tutorial_modal .slick-slide {
  outline: none;
}

#tutorial_modal .slick-slide img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

#tutorial_modal .slick-prev, #tutorial_modal .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  bottom: 25px;
  z-index: 2;
  display: block;
  width: 14px;
  height: 14px;
  margin-top: -10px;
  padding: 0;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

#tutorial_modal .slick-prev {
  left: 4px;
}

#tutorial_modal .slick-next {
  right: 4px;
}

#tutorial_modal .slick-prev:before, #tutorial_modal .slick-next:before {
  color: white;
  display: block;
  width: 14px;
  height: 14px;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

#tutorial_modal .slick-prev::before {
  content: "";
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#tutorial_modal .slick-next::before {
  content: "";
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#tutorial_modal .slick-prev:hover:before {
  -webkit-transform: translateX(-4px) rotate(45deg);
          transform: translateX(-4px) rotate(45deg);
}

#tutorial_modal .slick-next:hover:before {
  -webkit-transform: translateX(4px) rotate(-45deg);
          transform: translateX(4px) rotate(-45deg);
}

#tutorial_modal .slick-dots {
  position: absolute;
  bottom: 16px;
  z-index: 1;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

#tutorial_modal .slick-dots li {
  position: relative;
  display: inline-block;
  height: 28px;
  width: 28px;
  margin: 0 2px;
  padding: 0;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  #tutorial_modal .slick-dots li {
    margin: 0;
  }
}

#tutorial_modal .slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 28px;
  width: 28px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

#tutorial_modal .slick-dots li button:hover, #tutorial_modal .slick-dots li button:focus {
  outline: none;
}

#tutorial_modal .slick-dots li button:hover:before, #tutorial_modal .slick-dots li button:focus:before {
  background: #0075c2;
}

#tutorial_modal .slick-dots li button:before {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  position: absolute;
  top: 9px;
  left: 9px;
  content: "";
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 50%;
}

#tutorial_modal .slick-dots li.slick-active button:before {
  background: #0075c2;
  -webkit-transform: scale(1.3);
          transform: scale(1.3);
}

/* フレンドリスト */
.friendList .checkall {
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #f4f4f4;
  padding: 15px;
  font-size: 14px;
  font-size: 1.4rem;
}

@media screen and (max-width: 767px) {
  .friendList .checkall {
    display: block;
  }
}

.friendList .checkall .checkall-wrap {
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .friendList .checkall .checkall-wrap {
    border-bottom: 1px solid #dadada;
    padding-bottom: 14px;
    margin-bottom: 10px;
  }
}

.friendList .checkall input[type="checkbox"] {
  vertical-align: middle;
  margin: -2px 10px 0 0;
}

.friendList .checkall__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .friendList .checkall__action {
    display: block;
    width: 100%;
  }
}

.friendList .checkall__action select {
  padding: 0 6px;
  height: 32px;
  -webkit-appearance: menulist-button;
  background: #fff;
  margin: 0 10px;
}

@media screen and (max-width: 767px) {
  .friendList .checkall__action select {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: calc(100% - 80px);
    margin: 5px 0 0;
    vertical-align: top;
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.friendList .checkall__action .btn--account {
  width: auto;
  min-width: 0;
  padding: 0 20px;
  height: 30px;
  position: relative;
  top: -1px;
}

@media screen and (max-width: 767px) {
  .friendList .checkall__action .btn--account {
    padding: 0;
    width: 70px;
    vertical-align: top;
    margin: 5px 0 0;
  }
}

.friendList .friendUnit {
  border-bottom: 1px solid #dadada;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.friendList .friendUnit > label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 40px;
          flex: 0 0 40px;
  text-align: center;
  margin-right: 5px;
  padding: 15px 0;
}

.friendList .friendUnit__thumb {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 60px;
          flex: 0 0 60px;
}

.friendList .friendUnit__thumb img {
  width: 100%;
}

@media screen and (max-width: 767px) {
  .friendList .friendUnit__thumb {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
            flex: 0 0 40px;
  }
}

.friendList .friendUnit__name {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #0075c2;
  font-weight: bold;
  margin: 0 15px;
}

@media screen and (max-width: 767px) {
  .friendList .friendUnit__name {
    margin: 0 0 0 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
}

.friendList .friendUnit__name a {
  color: #0075c2;
  word-break: break-all;
}

.friendList .friendUnit__name a:hover {
  text-decoration: underline;
}

.friendList .friendUnit__name span {
  font-size: 14px;
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  margin-left: 5px;
}

.friendList .friendUnit__name .mute {
  font-size: 10px;
  font-size: 1rem;
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  border: 1px solid #ff4100;
  background: #ff4100;
  color: #fff;
  padding: 0px 6px;
  position: relative;
  top: -2px;
}

.friendList .friendUnit__action {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 170px;
          flex: 0 0 170px;
  text-align: right;
  margin-left: auto;
}

@media screen and (max-width: 767px) {
  .friendList .friendUnit__action {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    margin-top: 10px;
  }
}

.friendList .friendUnit__action :not(.delete) {
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
  border: 1px solid #0075c2;
  background: #0075c2;
  color: #fff;
  border-radius: 4px;
  padding: 4px 6px;
  width: 110px;
}

.friendList .friendUnit__action :not(.delete):hover {
  background: #0066a9;
}

.friendList .friendUnit__action :not(.delete).is-mute {
  border: 1px solid #999;
  background: #999;
}

.friendList .friendUnit__action :not(.delete).is-mute:hover {
  background: #8c8c8c;
}

.friendList .friendUnit__action .delete {
  margin-left: 5px;
  border: 1px solid #ff4100;
  background: #fff;
  color: #ff4100;
}

@media screen and (max-width: 767px) {
  .block .tab__body .block {
    padding-left: 0;
    padding-right: 0;
  }
  .block .tab__body .block input[type="text"],
  .block .tab__body .block select {
    font-size: 16px;
  }
  .block .tab__body .block .btns {
    margin-top: 10px;
  }
}

.is--striped {
  background: #f4f4f4;
  padding: 10px;
}

.is--stripedInner {
  background: #fff;
  padding: 15px;
}

.is--point {
  color: #ffbb00;
}

@media screen and (max-width: 767px) {
  .is--flash {
    display: none;
  }
}

.is--error {
  color: #ff4100;
}

.is--attention {
  color: #ff9c00;
}

.is--hide {
  display: none !important;
}

is--active {
  display: block;
}

.errorMessage {
  color: #ff4100;
  font-size: 12px;
  font-size: 1.2rem;
}

.is--blue {
  color: #0075c2;
}

.is--red {
  color: #ff4100;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

.slick-slide:focus, .slick-slide a {
  outline: none !important;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -30px;
  display: block;
  width: 100%;
  padding: 0;
  list-style: none;
  text-align: center;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
  background: #dadada;
  border-radius: 50%;
  -webkit-transition: all .1s ease;
  transition: all .1s ease;
}

.slick-dots li button:hover:before,
.slick-dots li.slick-active button:before {
  background: #0075c2;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's necessary styles
   ========================================================================== */
/* Hide scroll bar */
html.remodal-is-locked {
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
}

/* Anti FOUC */
.remodal,
[data-remodal-id] {
  display: none;
}

/* Necessary styles of the overlay */
.remodal-overlay {
  position: fixed;
  z-index: 10000;
  top: -5000px;
  right: -5000px;
  bottom: -5000px;
  left: -5000px;
  display: none;
}

/* Necessary styles of the wrapper */
.remodal-wrapper {
  position: fixed;
  z-index: 10001;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
}

.remodal-wrapper:after {
  display: inline-block;
  height: 100%;
  margin-left: -0.05em;
  content: "";
}

/* Fix iPad, iPhone glitches */
.remodal-overlay,
.remodal-wrapper {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/* Necessary styles of the modal dialog */
.remodal {
  position: relative;
  outline: none;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
}

.remodal-is-initialized {
  /* Disable Anti-FOUC */
  display: inline-block;
}

/*
 *  Remodal - v1.1.0
 *  Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.
 *  http://vodkabears.github.io/remodal/
 *
 *  Made by Ilya Makarov
 *  Under MIT License
 */
/* ==========================================================================
   Remodal's default mobile first theme
   ========================================================================== */
/* Default theme styles for the background */
.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened {
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

/* Default theme styles of the overlay */
.remodal-overlay {
  background: rgba(43, 46, 56, 0.9);
}

.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal-overlay.remodal-is-opening {
  -webkit-animation-name: remodal-overlay-opening-keyframes;
  animation-name: remodal-overlay-opening-keyframes;
}

.remodal-overlay.remodal-is-closing {
  -webkit-animation-name: remodal-overlay-closing-keyframes;
  animation-name: remodal-overlay-closing-keyframes;
}

/* Default theme styles of the wrapper */
.remodal-wrapper {
  padding: 10px 10px 0;
}

/* Default theme styles of the modal dialog */
.remodal {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  margin-bottom: 10px;
  padding: 35px 20px 25px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  color: #2b2e38;
  background: #fff;
}

.remodal.remodal-is-opening,
.remodal.remodal-is-closing {
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.remodal.remodal-is-opening {
  -webkit-animation-name: remodal-opening-keyframes;
  animation-name: remodal-opening-keyframes;
}

.remodal.remodal-is-closing {
  -webkit-animation-name: remodal-closing-keyframes;
  animation-name: remodal-closing-keyframes;
}

/* Vertical align of the modal dialog */
.remodal,
.remodal-wrapper:after {
  vertical-align: middle;
}

/* Close button */
.remodal-close {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  overflow: visible;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  cursor: pointer;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  text-decoration: none;
  color: #95979c;
  border: 0;
  outline: 0;
  background: transparent;
}

.remodal-close:hover,
.remodal-close:focus {
  color: #2b2e38;
}

.remodal-close:before {
  font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important;
  font-size: 25px;
  line-height: 35px;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 35px;
  content: "\00d7";
  text-align: center;
}

/* Dialog buttons */
.remodal-confirm,
.remodal-cancel {
  font: inherit;
  display: inline-block;
  overflow: visible;
  min-width: 110px;
  margin: 0;
  padding: 12px 0;
  cursor: pointer;
  -webkit-transition: background 0.2s;
  transition: background 0.2s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  border: 0;
  outline: 0;
}

.remodal-confirm {
  color: #fff;
  background: #81c784;
}

.remodal-confirm:hover,
.remodal-confirm:focus {
  background: #66bb6a;
}

.remodal-cancel {
  color: #fff;
  background: #e57373;
}

.remodal-cancel:hover,
.remodal-cancel:focus {
  background: #ef5350;
}

[data-remodal-id="delete_modal"] .remodal-cancel {
  color: #fff;
  background: #81c784;
}

[data-remodal-id="delete_modal"] .remodal-cancel:hover,
[data-remodal-id="delete_modal"] .remodal-cancel:focus {
  background: #66bb6a;
}

[data-remodal-id="delete_modal"] .remodal-confirm {
  color: #fff;
  background: #e57373;
}

[data-remodal-id="delete_modal"] .remodal-confirm:hover,
[data-remodal-id="delete_modal"] .remodal-confirm:focus {
  background: #ef5350;
}

/* Remove inner padding and border in Firefox 4+ for the button tag. */
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* customize
========================================================================== */
.remodal .modal-title {
  font-size: 15px;
  line-height: 1.5;
  font-weight: bold;
  margin-bottom: 10px;
}

.remodal .align-left {
  text-align: left;
}

.remodal textarea {
  width: 100%;
  height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.remodal .btnarea {
  margin-top: 12px;
}

.remodal .btnarea .postID {
  float: left;
}

.remodal .btnarea button {
  float: right;
  background: #0075c2;
  padding: 10px 0;
}

.remodal .closeBtn {
  background: #999;
  padding: 10px 0;
  margin-top: 10px;
}

/* Keyframes
   ========================================================================== */
@-webkit-keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes remodal-opening-keyframes {
  from {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 0;
  }
  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@-webkit-keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@keyframes remodal-closing-keyframes {
  from {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  to {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }
}

@-webkit-keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes remodal-overlay-opening-keyframes {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@-webkit-keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

@keyframes remodal-overlay-closing-keyframes {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* Media queries
   ========================================================================== */
@media only screen and (min-width: 641px) {
  .remodal {
    max-width: 700px;
  }
}

/* IE8
   ========================================================================== */
.lt-ie9 .remodal-overlay {
  background: #2b2e38;
}

.lt-ie9 .remodal {
  width: 700px;
}
/*# sourceMappingURL=style.css.map */