@charset "utf-8";


/* related_articles 関連記事
   ================================================================== */
.detail_body .related_articles{
	margin-top: 30px;
}

.detail_body .related_articles h2{
	background: #0082FC;
    color: #fff;
    border: 0px;
}

.detail_body .related_articles ul{
	margin: 20px 0 0;
	list-style: none;
}

.detail_body .related_articles ul > li{
	margin: 10px 0 0;
}

.detail_body .related_articles ul li a{
	padding: 3vw;
    font-size: 3.5vw;
    border: 1px solid #ddd;
    display: block;
}


/* reinforcement 買取強化
   ================================================================== */
.detail_body .reinforcement{
	margin-top: 30px;
}

.detail_body .reinforcement h3{
	background: #E60213;
    color: #fff;
}

.detail_body .reinforcement ul{
	margin: 20px 0 0;
	list-style: none;
}

.detail_body .reinforcement ul > li{
	margin: 20px 0 0;
    line-height: 0;
}

.detail_body .reinforcement ul li a{
    display: block;
    line-height: 0;
}


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


    /* related_articles 関連記事
       ================================================================== */
    .detail_body .related_articles{
        margin-top: 30px;
    }

    .detail_body .related_articles ul{
        margin: 20px 0 0;
    }

    .detail_body .related_articles ul > li{
        margin: 10px 0 0;
    }

    .detail_body .related_articles ul li a{
        padding: 1.6vw 2.0vw;
        font-size: 1.5vw;
        transition: .3s;
    }

    .detail_body .related_articles ul li a:hover{
        color: #0082FC;
        border-color: #0082FC;
    }


    /* reinforcement 買取強化
       ================================================================== */
    .detail_body .reinforcement{
        margin-top: 30px;
    }
	
	
}
@media screen and (min-width : 1000px){


    /* related_articles 関連記事
       ================================================================== */
    .detail_body .related_articles{
        margin-top: 30px;
    }

    .detail_body .related_articles ul{
        margin: 20px 0 0;
    }

    .detail_body .related_articles ul > li{
        margin: 10px 0 0;
    }

    .detail_body .related_articles ul li a{
        padding: 16px 20px;
        font-size: 15px;
    }


    /* reinforcement 買取強化
       ================================================================== */
    .detail_body .reinforcement{
        margin-top: 30px;
    }
    
    
}