@charset "utf-8";

/*
 * File       : lang-en.css
 * Author     : STUDIO-JT (KMS)
 * Guideline  : JTstyle.2.0
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01) EN
 * 02) RWD
 */



/* **************************************** *
 * EN
 * **************************************** */
/* CORE BLOCKS */
.rds-blocks-container .rds-core-block--paragraph code, 
.rds-blocks-container .rds-core-block--list code, 
.rds-blocks-container .rds-core-block--quote code, 
.rds-blocks-container .rds-core-block--table code, 
.rds-blocks-container .rds-core-block.has-rds-typography-02-font-size code, 
.rds-blocks-container .rds-core-block--paragraph mark, 
.rds-blocks-container .rds-core-block--list mark, 
.rds-blocks-container .rds-core-block--quote mark, 
.rds-blocks-container .rds-core-block--table mark, 
.rds-blocks-container .rds-core-block.has-rds-typography-02-font-size mark { bottom: 0; }
.rds-blocks-container h1.rds-core-block--heading code, 
.rds-blocks-container .rds-core-block.has-rds-heading-01-font-size code, 
.rds-blocks-container h1.rds-core-block--heading mark, 
.rds-blocks-container .rds-core-block.has-rds-heading-01-font-size mark { bottom: 0; }
.rds-blocks-container h2.rds-core-block--heading code, 
.rds-blocks-container .rds-core-block.has-rds-heading-02-font-size code, 
.rds-blocks-container h2.rds-core-block--heading mark, 
.rds-blocks-container .rds-core-block.has-rds-heading-02-font-size mark { bottom: 0; }
.rds-blocks-container h3.rds-core-block--heading code, 
.rds-blocks-container .rds-core-block.has-rds-heading-03-font-size code, 
.rds-blocks-container h3.rds-core-block--heading mark, 
.rds-blocks-container .rds-core-block.has-rds-heading-03-font-size mark { bottom: 0; }
.rds-blocks-container h4.rds-core-block--heading code, 
.rds-blocks-container .rds-core-block.has-rds-heading-04-font-size code, 
.rds-blocks-container h4.rds-core-block--heading mark, 
.rds-blocks-container .rds-core-block.has-rds-heading-04-font-size mark { bottom: 0; }
.rds-blocks-container h6.rds-core-block--heading code, 
.rds-blocks-container .rds-core-block.has-rds-typography-01-font-size code, 
.rds-blocks-container h6.rds-core-block--heading mark, 
.rds-blocks-container .rds-core-block.has-rds-typography-01-font-size mark { bottom: 0; }
.rds-blocks-container .rds-core-block.has-rds-typography-03-font-size code, 
.rds-blocks-container .rds-core-block.has-rds-typography-03-font-size mark { bottom: 0; }
.rds-blocks-container .rds-core-block.has-rds-typography-04-font-size code, 
.rds-blocks-container .rds-core-block.has-rds-typography-04-font-size mark { bottom: -1rem; }

html.ios .rds-blocks-container ul.rds-core-block--list > li:before, 
html.ios .rds-blocks-container .rds-core-block--list ul > li:before { top: 9rem; }

/* RDS Button */
html.ios .rds-button--size-large.rds-button--appearance-container .rds-button__item { padding-top: 10rem; }



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

    /* LAYOUT */
    html.ios .footer__family-button { padding-top: 9rem; }
    html.ios .small-menu__lang-btn { padding-top: 7rem; padding-bottom: 10rem; }

    /* CORE BLOCKS */
    .rds-blocks-container ul.rds-core-block--list.has-rds-main-01-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-main-01-font-size ul > li:before { top: 28rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-main-02-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-main-02-font-size ul > li:before { top: 25rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-main-03-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-main-03-font-size ul > li:before { top: 22rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-heading-01-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-heading-01-font-size ul > li:before { top: 18rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-heading-02-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-heading-02-font-size ul > li:before { top: 19rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-heading-04-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-heading-04-font-size ul > li:before { top: 11rem; }
    .rds-blocks-container ul.rds-core-block--list.has-rds-typography-04-font-size > li:before, 
    .rds-blocks-container .rds-core-block--list.has-rds-typography-04-font-size ul > li:before { top: 7.5rem; }

    html.ios .rds-blocks-container ul.rds-core-block--list > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list ul > li:before { top: 9rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-main-01-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-main-01-font-size ul > li:before { top: 24rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-main-02-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-main-02-font-size ul > li:before { top: 23rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-main-03-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-main-03-font-size ul > li:before { top: 19rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-heading-01-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-heading-01-font-size ul > li:before { top: 14rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-heading-02-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-heading-02-font-size ul > li:before { top: 14rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-heading-03-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-heading-03-font-size ul > li:before { top: 12rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-heading-05-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-heading-05-font-size ul > li:before { top: 10rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-typography-01-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-typography-01-font-size ul > li:before { top: 10rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-typography-03-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-typography-03-font-size ul > li:before { top: 8rem; }
    html.ios .rds-blocks-container ul.rds-core-block--list.has-rds-typography-04-font-size > li:before, 
    html.ios .rds-blocks-container .rds-core-block--list.has-rds-typography-04-font-size ul > li:before { top: 8rem; }

    .rds-blocks-container .rds-core-block--paragraph code, 
    .rds-blocks-container .rds-core-block--list code, 
    .rds-blocks-container .rds-core-block--quote code, 
    .rds-blocks-container .rds-core-block--table code, 
    .rds-blocks-container .rds-core-block.has-rds-typography-03-font-size code, 
    .rds-blocks-container .rds-core-block--paragraph mark, 
    .rds-blocks-container .rds-core-block--list mark, 
    .rds-blocks-container .rds-core-block--quote mark, 
    .rds-blocks-container .rds-core-block--table mark, 
    .rds-blocks-container .rds-core-block.has-rds-typography-03-font-size mark { bottom: 1rem; }
    .rds-blocks-container h1.rds-core-block--heading code, 
    .rds-blocks-container .rds-core-block.has-rds-heading-01-font-size code, 
    .rds-blocks-container h1.rds-core-block--heading mark, 
    .rds-blocks-container .rds-core-block.has-rds-heading-01-font-size mark { bottom: 4rem; }
    .rds-blocks-container h2.rds-core-block--heading code, 
    .rds-blocks-container .rds-core-block.has-rds-heading-02-font-size code, 
    .rds-blocks-container h2.rds-core-block--heading mark, 
    .rds-blocks-container .rds-core-block.has-rds-heading-02-font-size mark { bottom: 4rem; }
    .rds-blocks-container h3.rds-core-block--heading code, 
    .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size code, 
    .rds-blocks-container h3.rds-core-block--heading mark, 
    .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size mark { padding-bottom: 2rem; bottom: 3rem; }
    .rds-blocks-container h5.rds-core-block--heading code, 
    .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size code, 
    .rds-blocks-container h5.rds-core-block--heading mark, 
    .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size mark { bottom: 2rem; }
    .rds-blocks-container h6.rds-core-block--heading code, 
    .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size code, 
    .rds-blocks-container h6.rds-core-block--heading mark, 
    .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size mark { bottom: 0rem; }
    .rds-blocks-container .rds-core-block.has-rds-typography-02-font-size code, 
    .rds-blocks-container .rds-core-block.has-rds-typography-02-font-size mark { bottom: 1rem; }
    .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size code,
    .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size mark { padding-bottom: 2rem; }

    html.ios .rds-blocks-container .rds-core-block--paragraph code, 
    html.ios .rds-blocks-container .rds-core-block--list code, 
    html.ios .rds-blocks-container .rds-core-block--quote code, 
    html.ios .rds-blocks-container .rds-core-block--table code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-02-font-size code, 
    html.ios .rds-blocks-container .rds-core-block--paragraph mark, 
    html.ios .rds-blocks-container .rds-core-block--list mark, 
    html.ios .rds-blocks-container .rds-core-block--quote mark, 
    html.ios .rds-blocks-container .rds-core-block--table mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-02-font-size mark { padding-top: 1rem; padding-bottom: 1rem; }
    html.ios .rds-blocks-container h1.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-01-font-size code, 
    html.ios .rds-blocks-container h1.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-01-font-size mark { padding-top: 1rem; padding-bottom: 1rem; bottom: 3rem; }
    html.ios .rds-blocks-container h2.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-02-font-size code, 
    html.ios .rds-blocks-container h2.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-02-font-size mark { padding-top: 1rem; padding-bottom: 1rem; bottom: 2rem; }
    html.ios .rds-blocks-container h3.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size code, 
    html.ios .rds-blocks-container h3.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-03-font-size mark { padding-top: 1rem; padding-bottom: 2rem; bottom: 2rem; }
    html.ios .rds-blocks-container h4.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-04-font-size code, 
    html.ios .rds-blocks-container h4.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-04-font-size mark { padding-top: 1rem; }
    html.ios .rds-blocks-container h5.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size code, 
    html.ios .rds-blocks-container h5.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-heading-05-font-size mark { padding-top: 1rem; padding-bottom: 1rem; }
    html.ios .rds-blocks-container h6.rds-core-block--heading code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size code, 
    html.ios .rds-blocks-container h6.rds-core-block--heading mark, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-01-font-size mark { padding-top: 1rem; padding-bottom: 1rem; }
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-03-font-size code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-03-font-size mark { padding-top: 1rem; padding-bottom: 1rem; }
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size code, 
    html.ios .rds-blocks-container .rds-core-block.has-rds-typography-04-font-size mark { bottom: 1rem; }

    /* RDS Button */
    html.ios .rds-button--size-medium.rds-button--appearance-container .rds-button__item { padding-top: 7rem; }
    html.ios .rds-button--size-small.rds-button--appearance-container .rds-button__item { padding-bottom: 4rem; }

    /* RDS Example Wideget */
    .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list li:before { top: 4rem; }
    .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-03-font-size li:before { top: 4rem; }

    html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list li:before { top: 3rem; }
    html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-04-font-size li:before { top: 4rem; }
    html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-03-font-size li:before { top: 3rem; }
    html.ios .rds-blocks-container .rds-example__item--text .rds-example__item-inner ul.rds-core-block--list.has-rds-typography-01-font-size li:before { top: 4rem; }
    html.ios .rds-example-basic.rds-example--number .rds-example-basic__item:after { top: 12rem; }

}

@media (max-width: 540px){

    /* RDS Shortcode */
    html.ios .rds-shortcode__tooltip { padding-top: 10rem; }

    /* RDS Shortcut */
    html.ios .rds-shortcut--large .rds-shortcut__icon { top: 24rem; }
    html.ios .rds-shortcut--medium .rds-shortcut__icon { top: 24rem; }
    html.ios .rds-shortcut--horizontal.rds-shortcut--xsmall .rds-shortcut__icon { top: 24rem; }

}