@charset "utf-8";

/*
 * File       : rwd-blocks.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 *
 * Dependency : css/reset.css
 *              css/blocks.css
 *
 * SUMMARY:
 * 01) 1480px
 * 02) 1023px
 * 03) 860px
 * 04) 540px
 */



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

    .jt-blocks h1 { font-size: 42rem; }
    .jt-blocks h2 { font-size: 36rem; }
    .jt-blocks h3 { font-size: 25rem; }
    .jt-blocks h4 { font-size: 22rem; }
    .jt-blocks h5 { font-size: 20rem; }
    .jt-blocks h6 { font-size: 18rem; }

    .jt-blocks .wp-block-quote p, 
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { font-size: 20rem; }
    
} /* 1480px */



/* **************************************** *
* 1023px
* **************************************** */
@media (max-width: 1023px){
    
    .jt-blocks h1 { font-size: 38rem; }
    .jt-blocks h2 { font-size: 32rem; }
    .jt-blocks h3 { font-size: 22rem; }
    .jt-blocks h4 { font-size: 20rem; }
    .jt-blocks h5 { font-size: 18rem; }
    .jt-blocks h6 { font-size: 16rem; }
    .jt-blocks .wp-block-quote p, 
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { font-size: 18rem; }
    .jt-blocks p,
    .jt-blocks li:not(.blocks-gallery-item),
    .jt-blocks .wp-block-quote__citation,
    .jt-blocks .wp-block-quote cite,
    .jt-blocks .wp-block-quote footer,
    .jt-blocks .wp-block-table td,
    .jt-blocks .wp-block-table th { font-size: 15rem; }
    
    .jt-blocks h1,
    .jt-blocks h2,
    .jt-blocks h3,
    .jt-blocks h4,
    .jt-blocks h5,
    .jt-blocks h6 { margin-top: 48rem; margin-bottom: 12rem; }
    
    .jt-blocks p { margin-bottom: 20rem; }
    
    .jt-blocks ul:not(.blocks-gallery-grid),
    .jt-blocks ol:not(.blocks-gallery-grid) { margin-bottom: 48rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) li { padding-left: 13rem; }
    html.ios .jt-blocks ul:not(.blocks-gallery-grid) li:before { top: 9rem; }
    
    .jt-blocks .wp-block-image { margin-top: 68rem; margin-bottom: 48rem; }
    .jt-blocks .wp-block-image figcaption { margin-top: 12rem; }
    .jt-blocks .wp-block-gallery { margin-top: 48rem; margin-bottom: 48rem; }
    
    .jt-blocks blockquote.wp-block-quote { margin-top: 68rem; margin-bottom: 68rem; }
    .jt-blocks .wp-block-quote { padding-top: 25rem; }
    .jt-blocks .wp-block-quote:before { width: 18rem; height: 14rem; }
    .jt-blocks .wp-block-quote p,
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { margin-bottom: 6rem; }
    .jt-blocks blockquote.wp-block-quote.is-large, 
    .jt-blocks blockquote.wp-block-quote.is-style-large { padding-left: 14rem; }
    
    .jt-blocks .wp-block-embed { margin: 16rem 0 48rem; }
    .jt-embed-video__overlay-btn { width: 70rem; height: 70rem; margin-top: -35rem; margin-left: -35rem; }

    .jt-blocks .wp-block-buttons { margin-top: 48rem; margin-bottom: 68rem; }
    .jt-blocks .wp-block-button__link { padding: 18rem 32rem; font-size: 15rem; }
    html.ios .jt-blocks .wp-block-button__link { padding-top: 20rem; }

    .jt-blocks .wp-block-table { margin-bottom: 68rem; }
    .jt-blocks .wp-block-table td, .jt-blocks .wp-block-table th { padding: 15rem 22rem 13rem; }
    .jt-blocks .wp-block-table figcaption { margin-top: 12rem; }
    html.ios .jt-blocks .wp-block-table td, html.ios .jt-blocks .wp-block-table th { padding-top: 15rem; }

    .jt-blocks .wp-block-separator { margin-top: 48rem; margin-bottom: 48rem; }
    .jt-blocks .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 80rem; }

} /* 1023px */



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

    .jt-blocks h1 { font-size: 30rem; }
    .jt-blocks h2 { font-size: 26rem; }
    .jt-blocks h3 { font-size: 20rem; }
    .jt-blocks h4 { font-size: 18rem; }
    .jt-blocks h5 { font-size: 16rem; }
    .jt-blocks h6 { font-size: 15rem; }

    .jt-embed-video__overlay-btn { width: 60rem; height: 60rem; margin-top: -30rem; margin-left: -30rem; }

} /* 860px */



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

    .jt-blocks h1 { font-size: 26rem; }
    .jt-blocks h2 { font-size: 22rem; }
    .jt-blocks h3 { font-size: 19rem; }
    .jt-blocks h4 { font-size: 17rem; }
    .jt-blocks .wp-block-quote p,
    .jt-blocks .wp-block-media-text__content .wp-block-quote p { font-size: 16rem; line-height: 1.6; }
    .jt-blocks p,
    .jt-blocks li:not(.blocks-gallery-item),
    .jt-blocks .wp-block-quote__citation,
    .jt-blocks .wp-block-quote cite,
    .jt-blocks .wp-block-quote footer,
    .jt-blocks .wp-block-table td,
    .jt-blocks .wp-block-table th { font-size: 14rem; }

    .jt-blocks h1,
    .jt-blocks h2,
    .jt-blocks h3,
    .jt-blocks h4,
    .jt-blocks h5,
    .jt-blocks h6 { margin-top: 28rem; margin-bottom: 10rem; }

    .jt-blocks p { margin-bottom: 15rem; }

    .jt-blocks ul:not(.blocks-gallery-grid),
    .jt-blocks ol:not(.blocks-gallery-grid) { margin-bottom: 28rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) li { padding-left: 11rem; }
    .jt-blocks ul:not(.blocks-gallery-grid) li:before { width: 3px; height: 3px; }
    html.android .jt-blocks ul:not(.blocks-gallery-grid) li:before { top: 11rem; }

    .jt-blocks .wp-block-image { margin-top: 40rem; margin-bottom: 28rem; }
    .jt-blocks .wp-block-image figcaption { margin-top: 10rem; font-size: 12rem; }
    .jt-blocks .wp-block-gallery { margin-top: 28rem; margin-bottom: 28rem; }
    .jt-blocks .wp-block-gallery .blocks-gallery-item { margin: 0 6rem 6rem 0; width: -webkit-calc(50% - 6rem); width: calc(50% - 6rem); }
    .jt-blocks .wp-block-gallery .blocks-gallery-item figcaption { font-size: 12rem; }

    .jt-blocks blockquote.wp-block-quote { margin-top: 40rem; margin-bottom: 40rem; }
    .jt-blocks .wp-block-quote { padding-top: 23rem; }
    .jt-blocks .wp-block-quote:before { width: 15rem; height: 12rem; }
    .jt-blocks blockquote.wp-block-quote.is-large, 
    .jt-blocks blockquote.wp-block-quote.is-style-large { padding-left: 12rem; border-left-width: 2rem; }

    .jt-blocks .wp-block-embed { margin: 10rem 0 28rem; }
    .jt-embed-video__overlay-btn { width: 46rem; height: 46rem; margin-top: -23rem; margin-left: -23rem; }

    .jt-blocks .wp-block-buttons { margin-top: 28rem; margin-bottom: 40rem; }
    .jt-blocks .wp-block-button__link { padding: 15rem 26rem; font-size: 14rem; }
    html.ios .jt-blocks .wp-block-button__link { padding-top: 16rem; padding-bottom: 14rem; }

    .jt-blocks .wp-block-table { margin-bottom: 40rem; }
    .jt-blocks .wp-block-table td, .jt-blocks .wp-block-table th { padding: 12rem 15rem 11rem; }
    .jt-blocks .wp-block-table figcaption { margin-top: 10rem; font-size: 12rem; }
    html.ios .jt-blocks .wp-block-table td, html.ios .jt-blocks .wp-block-table th { padding-top: 13rem; }

    .jt-blocks .wp-block-separator { margin-top: 40rem; margin-bottom: 40rem; }
    .jt-blocks .wp-block-separator:not(.is-style-wide):not(.is-style-dots) { width: 60rem; }

} /* 540px */



/* **************************************** *
 * FORCE RESET MARGIN TOP
 * TODO : Find a better way
 * **************************************** */
.jt-blocks > *:first-child { margin-top: 0; }