@charset "UTF-8";
/**
 * style_campaign.css
 * キャンペーン用css
 * 「.is__campaign」クラスの付くセレクタに対して適用
*/
/**
 * 料金お支払い｜契約期間選択画面
 * /register/detail/[account]
*/
.is__campaign.detail__period__info {
  position: relative;
  margin: 15px 0 0;
  padding: 1em;
  background: #95eadf;
  border-radius: 5px;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .is__campaign.detail__period__info:before {
    left: 50%;
    margin-left: -10px;
  }
}
/**
 * ドメイン
 * /domain
*/
.is__campaign.domaincampaign__info {
  padding: 20px;
  background: #caf5ef;
  border: 2px solid #95eadf;
}

.is__campaign.domaincampaign__info h4 {
  margin: 0;
  font-size: 18px;
  font-weight: bold;
}

.is__campaign.domaincampaign__info dt {
  margin: 1em 0 0.5em;
  font-size: 15px;
  font-weight: bold;
}

.is__campaign.domaincampaign__info dd p {
  margin: 0.75em 0 0;
}

.is__campaign.domaincampaign__info dd .indent {
  padding-left: 1em;
  text-indent: -1em;
}

.is__campaign.domain__header__info {
  display: block;
  margin-top: 5px;
  padding: 8px 15px;
  background: #95eadf;
  border-bottom: #33d7c1 solid 2px;
  border-radius: 5px;
  color: #333;
}

.is__campaign.domain__header__info:hover {
  background-color: #33d7c1;
}

#domain-check-list ul li.is__campaign {
  background: #95eadf;
}

#domain-check-list ul li.is__campaign div.price span {
  color: #1c8d7d;
}

/**
 * ログイン
 * /login
*/
.is__campaign .login__signup__button__text {
  color: #005247;
}

.is__campaign .login__signup__button__wrap {
  margin: 30px 0 0;
  padding: 20px;
  background: #4cdcc9;
  border-radius: 5px;
  text-align: center;
}

.is__campaign .login__signup__caption {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  color: #fff;
}

.is__campaign .login__signup__note {
  margin: 9px 0 15px;
  color: #005247;
}

.is__campaign .login__button__singup:link,
.is__campaign .login__button__singup:visited {
  background: #ff5c5c;
  color: #fff;
}

.is__campaign .login__button__singup:hover,
.is__campaign .login__button__singup:active {
  background: #ff7575;
  border-color: #ff7575;
}