/*共通*/
.wrapper.wrapper--column-2, .wrapper.wrapper--column-1 {
    background-color: #f7f5f2;
}

/*商品情報*/
.__description a {
    color: #4C7FD8;
    text-decoration: underline;
}

/*タイトル*/
.main.main--news-detail section.__article .__title h1 {
    font-size: 1.3em;
}

.c-heading-main,
.c-h1 {
    font-size: 1.3em;
}

/*グロナビ*/
.header .gnav-pc {
    background-color: #ffffff;
}

.gnav-pc .__menu.__menu--default ul li,
.gnav-pc .__menu.__menu--custom ul li {
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    background-color: #fff;
}

.gnav-pc .__menu.__menu--default ul li a,
.gnav-pc .__menu.__menu--custom ul li a {
    display: block;
    text-align: center;
    text-decoration: none;
    height: 100%;
    padding: 0.75em 0;
    color: #0096a3;
}

.aside section.__block.__block--login.__is-member .__message {
    text-align: center;
}

.aside section.__block .__body{
        padding: 0 1em 0em 1em;
}
/***カテゴリ　リストのpadding調整***/
.aside section.__block.__block--category .__body ul.__tree > li.__item > a ,
.aside section.__block.__block--page .__body ul li.__item a{
padding: 1em 0;
}

/*トップページのフォント変更*/
.rich_font {
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    font-weight: 500;
}

/*トップページのリード文の左右マージン*/
.post_content {
    margin: 0 1em;
    padding-bottom: 2em
}

/* トップページのみレフトナビを非表示にする */
#tpl_index #left_nav {
    display: none;
}

/* メインカラムの幅を100%に広げる（レイアウト崩れ防止） */
#tpl_index #main_column {
    width: 100%;
    float: none;
}

.signup-logo{
margin: 0 auto 40px;
    text-align: center;
}
.signup-logo img{
    max-width: 200px;
}

  .btn-signup {
    display: inline-block;
    width: 250px;
    padding: 15px 0;
    background-color: #46aa97; /* 指定のメインカラー */
    color: #ffffff !important;
    text-decoration: none;
    font-weight: bold;
    border-radius: 5px;
    transition: all 0.1s ease;
  }
  /* パソコンでマウスを乗せたとき */
  .btn-signup:hover {
    background-color: #63bcab; /* 少しだけ濃くして反応をわかりやすく */
    text-decoration: none;/* 下線を消す*/
  }
  /* スマホでタップした瞬間 / パソコンでクリックした瞬間 */
  .btn-signup:active {
    transform: translateY(4px); /* ボタンを4px下に沈ませる */
    box-shadow: 0 0px 0 #2d7265; /* 影を無くしてベタ踏み感を出す */
  }

/*サイドナビのｈ3*/
.aside section.__block .__heading.__heading--default,
.aside section.__block .__heading.__heading--custom {
    font-weight: bold;
    font-size: 1.1em;
    margin: 0;
    padding: 0.5em 1rem;
    color: #fff;
    background-color: #68c6ce;
}

.aside section.__block.__block--category .__body ul.__tree>li.__item {
    padding-top: 0.5em;
}

/**top　バナー郡**/
.item_bnr {
    display: flex;
    flex-wrap: wrap;
    line-height: 0;
}

.item_bnr img {
    width: 100%;
}

/***サブミットボタン***/
.c-button,
.c-button-submit {
    background-color: #60bab8;
    color: #fff;
}

/**確認ボタン**/
.main.main--product-detail section.__information .__secondary .__control span.__bookmark .__button {
    color: #333333;
}

/**商品情報**/
.wrapper .__inner .main {
    padding-bottom: 2em;
}

/**利用案内**/
.main.main--howto .__step h2.__heading {
    font-size: 1.3em;
    background: #cde6e8;
    padding: 5px 10px;
}

/***技術資料***/

.p_materials p{
    margin-bottom: 0.5em;
}
.p_materials ul{
    list-style-type: none;
    padding-inline-start: 0;
    margin-top: 0.5em;
    margin-bottom: 2em;
}
.p_materials dl  {
    margin-bottom: 1.7em;
}
.p_materials dl dt {
    font-weight: bold;
}
.p_materials dl dd {
    margin-inline-start: 0;
    margin-top: 5px;
}
.p_materials dl dd a {
    color: #4C7FD8;
    text-decoration: underline;
}

@media screen and (min-width: 768px) {

    /*　ログイン　名前*/
    .aside section.__block.__block--login.__is-member .__message {
        text-align: left;
    }
.aside section.__block.__block--category .__body ul.__tree > li.__item {
        margin-top: 0em;
}

    /*バナー*/
    .item_bnr a {
        width: 50%;
    }

    .item_bnr a img {
        width: 100%;
    }
}

@media (max-width: 599px) {
    .top_message {
        font-size: 14px;
    }

    .main.main--home section.__block.__block--news .__body ul li>a span {
        font-size: 0.95em;
    }
}