@charset "utf-8";

.ttl_quaternary_ver2 {
    font-size: 1.6rem;
    padding: 5px 1.2em;
    padding: .5rem 1.2em;
    margin-bottom: 20px;
    margin-bottom: 2rem;
    position: relative; }
.ttl_quaternary_ver2::before {
    color: #d1cacae1;
    content: "■";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0%, -50%); }
.ttl_square::before { color: #ff878c; }

.ttl_quinary_ver1 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 5px 0;
    padding: .5rem 0;
    margin-bottom: 16px;
    margin-bottom: 1.6rem; }


/* 2019/04/22 ボタン追加 */
.btn_info_next {
    color: black;
    border: solid 0.2rem black;
    border-radius: 5rem;
    width: 60%;
    margin: 50px auto 0 auto;
    padding: 7px 0 10px 0;
    font-size: 15px;
    letter-spacing: 1px;
    /*background: url(/resources/share2018/img/pc/cmn_arwr_s_b.png) right 15px top 50% no-repeat;*/
}

.article_detail_item .ad_link_button_1 {
    display: block;
    margin: 20px auto;
    color: #333;
    text-align: center;
    padding: 5px 25px;
    width: 450px;
    font-weight: bold;
    text-decoration: none !important;
    border: solid 0.2rem black;
    border-radius: 5rem;
    letter-spacing: 1px;
     background: url(/resources/share2018/img/pc/cmn_arwr_s_b.png) right 15px top 50% no-repeat;
}

.article_detail_item .ad_link_button_2,
.article_detail_item .ad_link_button_3,
.article_detail_item .ad_link_button_4,
.link_affiliate .ad_link_button_affiliate {
    width: 450px;
    display: block;
    padding: 5px 25px;
    margin: 20px auto;
    text-align: center;
    color: white; 
    border-radius: 5rem;
    text-decoration: none !important;
    font-weight: bold;
    position: relative;
    background: url(/resources/share2018/img/pc/cmn_arwr_s_b.png) right 15px top 50% no-repeat;
}

.link_affiliate .ad_link_button_affiliate {
    font-size: 16px; /* ページによって文字サイズが変わってしまうことでボタンのデザインも崩れてしまうため固定 */
    box-sizing: border-box; /* master.cssがparkで使用されていないため合わせるために設定 */
}

.article_detail_item .ad_link_button_2 { background: #ff878c; border: solid 0.2rem #ff878c;}
.article_detail_item .ad_link_button_3 { background: #82bbe1; border: solid 0.2rem #82bbe1;}
.article_detail_item .ad_link_button_4 { background: #5fd26f; border: solid 0.2rem #5fd26f; }
.link_affiliate .ad_link_button_5 { background: #82bbe1; border: solid 0.2rem #82bbe1; }
.link_affiliate .ad_link_button_6 { background: #ff878c; border: solid 0.2rem #ff878c; }
.link_affiliate .ad_link_button_7 { background: #ff878c; border: solid 0.2rem #ff878c; }
.link_affiliate .ad_link_button_8 { background: #FFBE3C; border: solid 0.2rem #FFBE3C; }
.link_affiliate .ad_link_button_9 { background: #ff878c; border: solid 0.2rem #ff878c; }
.link_affiliate .ad_link_button_x { background: #ff878c; border: solid 0.2rem #ff878c; }

.article_detail_item .ad_link_button_1:after,
.article_detail_item .ad_link_button_2:after,
.article_detail_item .ad_link_button_3:after,
.article_detail_item .ad_link_button_4:after,
.link_affiliate .ad_link_button_affiliate:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    width: 8px;
    height: 8px;
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg);
}

/* ここまで */