@charset "utf-8";

/* アラート表示 */
@media print, screen and (min-width: 769px) {
  .alert {
    width: 1078px;
  }
}
.alert {
  margin: 0 auto;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding-top: 8px;
  padding-right: 14px;
  padding-bottom: 8px;
  padding-left: 14px;
  line-height: 150%;
}
.alert,
.alert h4 {
  color: #c09853;
}
.alert h4 {
  margin: 0;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  line-height: 20px;
}
.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success h4 {
  color: #468847;
}
.alert-danger,
.alert-error {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.alert-danger h4,
.alert-error h4 {
  color: #b94a48;
}
.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info h4 {
  color: #3a87ad;
}
.alert-block {
  padding-top: 14px;
  padding-bottom: 14px;
}
.alert-block>p,
.alert-block>ul {
  margin-bottom: 0;
}
.alert-block p+p {
  margin-top: 5px;
}

/* アクティングアラート */
#acting_alert {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 240px;
  margin: 5px;
  z-index: 9999;
  opacity: .60;
  -moz-opacity: .60;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
#acting_alert p.close_alert {
  margin: 0;
  padding: 3px;
  background: #1393c0;
  text-align: right;
  height: 25px;
}
#acting_alert p.content {
  padding: 1em;
  margin: 0;
  background: #fff;
  border: 1px solid #1393c0;
  height: 100%;
}
#acting_alert span.top,
#acting_alert span.bottom {
  display: block;
  background: #fff;
}
#acting_alert span.top span,
#acting_alert span.bottom span {
  display: block;
  height: 1px;
  overflow: hidden;
  background: #1393c0;
}
#acting_alert span.r1 {
  margin: 0 5px;
}
#acting_alert span.r2 {
  margin: 0 3px;
}
#acting_alert span.r3 {
  margin: 0 2px;
}
#acting_alert span.top span.r4,
span.bottom span.r4 {
  margin: 0 1px;
  height: 2px;
}
#acting_alert span.item {
  font-size: 12px;
}
#acting_alert a {
  color: inherit;
}
.close_alert a {
  background-image: url(../img/bannerClose.gif);
  display: block;
  width: 23px;
  height: 23px;
}
.close_alert a img {
  display: none;
}

/* only display none */
.disnone {
  display: none;    
}

/* 上コメント調整 */
.ss_upComment {
  display: block;
  font-family: noto-medium, sans-serif;
  line-height: 1.6;
}
@media print,
screen and (min-width: 769px) {
  .ss_upComment {
    font-size: 14px;
    margin-bottom: 3px;
  }
}
@media only screen and (max-width: 768px) {
  .ss_upComment {
    font-size: 3.6vw;
    margin-bottom: 1.6vw;
  }
}

/* プレースホルダー用調整 */
.ph {
  display: none;
}
/* 項目名を非表示 */
.name_hidden .card__labelTitle[data-size="lg"] {
  display: none;
}
/* チェックボックス・ラジオボタン表示調整 */
.card__item input[type=checkbox], .card__item input[type=radio] {
  display: inherit;
  visibility: hidden;
  position: absolute;
}
/* プライバシーポリシー用項目非表示 */
#input_form #privacy_policy,
.policy_Interlock {
  display: none;
}
/* エラー表示用class調整 */
.card__label.has-error input,
.card__label.has-error select,
.card__label.has-error textarea {
    border-color: #ee8595 !important;
    background-color: #fbdfe4;
    color: #ee8595
}
.label-warning,
.ss_error_msg,
.ss_error_msg + br {
  display: none;
  opacity: 0;
}
.ss_input ~ .ss_error_msg {
  -webkit-transition: opacity .2s .1s;
  -o-transition: opacity .2s .1s;
  -moz-transition: opacity .2s .1s;
  display: block;
  color: #ee8595;
  line-height: 1.66667;
  opacity: 1;
  transition: opacity .2s .1s
}
@media only screen and (max-width:768px) {
  .ss_error_msg {
    padding-top: 1.33333vw;
    font-size: 3.2vw
  }
}
@media print,
screen and (min-width:769px) {
  .ss_error_msg {
    font-size: 12px
  }
}
/* 戻るボタン調整 */
.card__return {
  cursor: pointer;
}

/* ヘッダーナビボタン切り替え */
body.is-loggedIn1 .p-header__navButton[data-type=guest],
body:not(.is-loggedIn1) .p-header__navButton[data-type=loggedIn],
body.is-loggedIn1 .p-joinOpenHub[data-type=guest],
body:not(.is-loggedIn1) .p-joinOpenHub[data-type=loggedIn] {
    display: none;
}
body:not(.is-loggedIn1) .p-header__navButton[data-type=guest],
body.is-loggedIn1 .p-header__navButton[data-type=loggedIn],
body:not(.is-loggedIn1) .p-joinOpenHub[data-type=guest],
body.is-loggedIn1 .p-joinOpenHub[data-type=loggedIn] {
    display: block;
}

/* 「サイトのご利用条件」ページに合わせてデザイン修正 */
.card {
  background-color: inherit;
  font-family: noto-medium, sans-serif;
}
@media screen and (min-width: 768px) {
  [data-type=more] .card {
    padding: inherit;
  }
  .contentTerms__head {
    height: 136px;
    margin-bottom: 8px;
  }
  .contentTerms__title {
    font-size: 48px;
  }
}
@media screen and (max-width: 767px) {
  [data-type=more] .card {
    padding-top: 10.4vw;
    padding-bottom: inherit;
  }
  .contentTerms__head {
    height: calc(100vw*(100/375));
  }
  .contentTerms__title {
    font-size: calc(100vw*(32/375));
  }
}