@charset "utf-8";

/*
 * File    : rwd-advertisement.css
 * Author  : STUDIO-JT (JSH)
 *
 * SUMMARY :
 * 1480px
 * 1200px
 * 1023px
 * 860px
 * 540px
 */



/* **************************************** *
 * 1480px
 * **************************************** */
@media (max-width: 1480px){

    #advertisement-form .article__section { padding-bottom: 72rem; }

    .advertisement__head { margin-bottom: 56rem; }
    .advertisement__slider { margin: 0 -14rem; }
    .advertisement__item { width: 300rem; margin: 0 14rem; }

    .media-kit.article__section { padding: 72rem 0; }
    .media-kit__contact { margin-top: 72rem; }

}



/* **************************************** *
 * 1200px
 * **************************************** */
@media (max-width: 1200px){

    #advertisement-form .article__section { padding-bottom: 64rem; }

    .advertisement__head { margin-bottom: 48rem; }
    .advertisement__slider { margin: 0 -12rem; }
    .advertisement__item { width: 280rem; margin: 0 12rem; }
    .advertisement__name:before { width: 22rem; height: 22rem; margin-top: -11rem }
    .advertisement__name:after { left: 8rem; }
    html.ios .advertisement__name:after { left: 9rem; }
    .advertisement__label:has(input:checked) .advertisement__name { padding-left: 30rem; }

    .media-kit.article__section { padding: 64rem 0; }
    .media-kit__contact { margin-top: 64rem; }

}



/* **************************************** *
 * 1023px
 * **************************************** */
@media (max-width: 1023px){

    .advertisement__item { width: 260rem; }

}



/* **************************************** *
 * 860px
 * **************************************** */
@media (max-width: 860px){

    #advertisement-form .article__section { padding-bottom: 60rem; }

    .advertisement__head { margin-bottom: 40rem; }
    .advertisement__slider { margin: 0 -10rem; }
    .advertisement__item { width: 220rem; margin: 0 10rem; }
    .advertisement__name:before { width: 20rem; height: 20rem; margin-top: -10rem }
    .advertisement__name:after { top: 5rem; left: 7rem; }
    html.ios .advertisement__name:after { left: 8rem; }
    .advertisement__label:has(input:checked) .advertisement__name { padding-left: 28rem; }

    .media-kit.article__section { padding: 60rem 0; }
    .media-kit__contact { margin-top: 60rem; }
}



/* **************************************** *
 * 540px
 * **************************************** */
@media (max-width: 540px){

    #advertisement-form .article__section { padding-bottom: 56rem; }

    .advertisement__head { margin-bottom: 36rem; }
    .advertisement__slider { margin: 0 -8rem; }
    .advertisement__item { width: 186rem; margin: 0 8rem; }

    .media-kit.article__section { padding: 56rem 0; }
    .media-kit__list { grid-template-columns: repeat(1, minmax(0, 1fr)); justify-items: center; }
    .media-kit__list a { width: 240rem; padding: 7rem 16rem; }
    .media-kit__list a:nth-child(1) { order: 1; }
    .media-kit__list a:nth-child(2) { order: 3; margin-top: 16rem; }
    .media-kit__list a:nth-child(3) { order: 2; }
    .media-kit__list a:nth-child(4) { order: 4; }
    .media-kit__contact { margin-top: 48rem; }

}