.s-content__inner--paint{
  background: #fff;
}

.s-blue{
    color:#00aeef;
}

.s-tag-position{
    vertical-align: middle;
    margin-right: 8px;
}

.s-h3{
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 20px;
    color: #003d7c;
}

.s-cat-list-top{
    margin: -10px -10px 10px -10px;
}

.s-cat-list-top .s-cat-list_item{
    display: inline-block;
    width: 50%;
    padding: 10px;
}

.s-cat-list-top .s-cat-list_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
}

.s-cat-list{
    margin: -10px -10px 10px -10px;
}

.s-cat-list .s-cat-list_item{
    display: inline-block;
    width: 50%;
    padding: 10px;
}

.s-cat-list .s-cat-list_link{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 56px;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 796px){
  /* PCでのスタイル適応無し、スマホのみでのスタイル適応部分 */

  .s-cat-list-top .s-cat-list_item:first-child{
    width: 50%;
  }

  .s-cat-list_item:first-child{
    width: 100%;
  }
}
@media only screen and (min-width: 769px){
    /* 横方向のflex-box定義 */
    .s-flex-horizontal-pc{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }

    .s-flex-horizontal-pc li{
        padding-right: 32px;
    }

    .s-cat-list-top .s-cat-list_item{
        width: 25%;
    }

    .s-cat-list .s-cat-list_item{
        width: 20%;
    }

    .s-inner-link-list{
        margin: 0 -16px;
    }

    .s-inner-link-list li{
        padding: 0 32px;
    }

    .s-border-right-pc{
        border-color: #e0e0e0;
        border-style: solid;
        border-width: 0 2px 0 0;
    }

    .s-cat-list-top .s-baloon{
        position: relative;
        top: 0;
        left: 0;
    }

    .s-cat-list .s-baloon{
        position: relative;
        top: 0;
        left: 0;
    }

    .s-baloon-top_1st{
        left: 0;
    }

    .s-baloon-top_2nd{
        left: -285px;
    }

    .s-baloon-top_3rd{
        left: -570px;
    }

    .s-baloon-top_4th{
        left: -855px;
    }

    .s-baloon_1st{
        left: 0;
    }

    .s-baloon_2nd{
        left: -228px;
    }

    .s-baloon_3rd{
        left: -456px;
    }

    .s-baloon_4th{
        left: -684px;
    }

    .s-baloon_5th{
        left: -912px;
    }

    .s-cat-list-top .s-baloon_item{
        position: absolute;
        overflow: hidden;
        width: 1118px;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transition: 0.2s;
    }

    .s-cat-list-top .s-cat-list_item:hover > .s-baloon > .s-baloon_item{
        position: absolute;
        overflow: visible;
        z-index: 10;
        height: 128px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
    }

    .s-cat-list-top .s-baloon_current{
        position: absolute;
        overflow: visible;
        z-index: 1;
        height: 128px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
    }

    .s-cat-list .s-baloon_item{
        position: absolute;
        overflow: hidden;
        width: 1118px;
        height: 0;
        padding-top: 0;
        padding-bottom: 0;
        transition: 0.2s;
    }

    .s-cat-list .s-cat-list_item:hover > .s-baloon > .s-baloon_item{
        position: absolute;
        overflow: visible;
        z-index: 10;
        height: 128px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
    }

    .s-cat-list .s-baloon_current{
        position: absolute;
        overflow: visible;
        z-index: 1;
        height: 128px;
        padding-top: 10px;
        padding-bottom: 10px;
        background: #fff;
    }

}


/*バナー配置 220318*/
@media only screen and (min-width: 769px){
    .s-layout-flex {
        margin: 32px auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        justify-content: center;
    }
    .s-layout-flex .a-banner__link {
        margin: 0 0 16px;
        flex-basis: 504px;
    }
    .s-layout-flex .a-banner__link:nth-child(even) {
        margin-left: 16px;
    }
}
@media only screen and (max-width: 796px){
    .s-layout-flex .a-banner__link {
        margin-bottom: 16px;
    }
    .s-layout-flex .a-banner__link:last-child {
    margin-bottom: 0;
    }
}