@charset "UTF-8";

/* ----------
CONTENT
----------- */

/*
コンテンツタイトル 背景画像
*/

/* 証明書詳細 */
.layout_content-title {
  background: url(../common/images/bg_content-title_brand.png) no-repeat right bottom;
  background-size: cover;
  color: #fff;
}

/* ブランドトップ */
.layout_content-title.side-logo {
  background: url(../common/images/bg_content-title_brand-top.png) repeat-x center bottom #777;
  background-size: cover;
}

/*
 * 料金・仕様
 */

.brand-price_table {
  margin: 0 0 1rem;
}

.brand-price_table .fa {
  vertical-align: middle;
  margin: 0 1rem 0 0;
}

/* 料金・仕様 認証レベル キーアイコン */

.brand-price_table .brand-price_icon-key {
  vertical-align: baseline;
}

/* さくらのレンタルサーバをご利用中の方 */
.section_user {
  border: 1px solid #b5b5b5;
  border-radius: 0.3rem;
  margin: 2rem 1rem;
  padding: 1rem;
}

.section_user .layout_link-box {
  margin: 0;
}

.section_user .head4_default {
  margin: 0 0 0.5rem;
  text-indent: 0;
}

.section_user .head4_default_main {
  margin: 1rem 0 2rem;
}

.table_th-top {
  margin: 0 0 1rem;
}

/* スマホ 幅が 0px - 599px */
@media screen and (max-width: 599px) {
  /*
   * 料金・仕様 認証レベル
   */
  .brand-price_address-bar .address-bar_browser {
    display: block;
  }

  .brand-price_address-bar .address-bar_image {
    display: block;
    padding: 0;
    margin: 0 0 1rem;
  }
}

/* PC 幅が 600px 以上 */
@media screen and (min-width: 600px) {
  /*
   * コンテンツタイトル 背景画像
   */
  .contents-title-inner {
    padding: 2rem 0;
  }

  /* ブランドトップ */
  .layout_content-title.side-logo {
    background-size: contain;
  }

  .layout_content-title.side-logo .contents-title-inner {
    padding: 4rem 0;
  }

  /*
   * 特徴
   */
  .section_brand-feature .feature-coluomn {
    margin-bottom: 0;
  }

  /*
   * 料金・仕様
   */

  /* ブラウザアドレスバー表示 */
  .brand-price_table .address-bar_image {
    padding: 0.5rem 1rem;
  }

  /* 料金・仕様 ボタン */
  .brand-price_table .brand-price_table-btn {
    width: 14rem;
  }

  /* さくらのレンタルサーバをご利用中の方 */
  .section_user {
    margin: 0;
    padding: 1rem 2rem;
  }
}