@charset "utf-8";

/*
 * File       : rwd-showroom.css
 * Author     : STUDIO-JT (Sumi)
 * Guideline  : JTstyle.1.1
 * Dependency : css/reset.css
 *              css/jt-strap.css
 *
 * SUMMARY:
 * 01)
 */



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

    /* LAYOUT + COMPONENT */


}



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

    /* VR SHOWROOM */
    .vr-showroom__circle-txt h2 {font-size:34rem;}
    .vr-showroom__share {position:absolute;right:25rem;bottom:30rem;}

}



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

    /* VR SHOWROOM */
    .vr-showroom__bg--02 {-webkit-clip-path: circle(300rem at center);clip-path: circle(300rem at center);}
    .vr-showroom__circle { width: 602rem; height: 602rem;}
    .vr-showroom__shining svg {width:602rem; height:602rem;}
    .vr-showroom__circle-txt {width: 600rem; height: 600rem;}
    .vr-showroom__circle-txt h2 {font-size:32rem; margin-top:40rem;}
    .vr-showroom__circle-txt p {font-size:15rem;}
    .vr-showroom__enter {margin-top:120rem;}
    .vr-showroom__enter span {font-size:15rem;}
    .vr-showroom__enter span:before { width: 58rem; height: 26rem;}
    .vr-showroom__share a:before {font-size:22rem;}
    .vr-showroom__share span {font-size:13rem;}


}



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

    /* VR SHOWROOM */
    .vr-showroom__bg--02 {-webkit-clip-path: circle(250rem at center);clip-path: circle(250rem at center);}
    .vr-showroom__circle { width: 502rem; height: 502rem;}
    .vr-showroom__shining svg {width:502rem; height:502rem;}
    .vr-showroom__circle-txt {width: 500rem; height: 500rem;}
    .vr-showroom__circle-txt h2 {font-size:29rem;}
    .vr-showroom__circle-txt p {font-size:14rem;}
    .vr-showroom__enter {width:110rem; height:110rem; margin-top:80rem;}
    .vr-showroom__enter span {font-size:14rem;}
    .vr-showroom__enter span:before { width: 51rem; height: 23rem;}

    .jt-share--copynote {left:32rem;}
    .jt-share--copynote p {font-size:14rem;}


}



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

    /* VR SHOWROOM */
    .vr-showroom__bg--02 {-webkit-clip-path: circle(150rem at center);clip-path: circle(150rem at center);}
    .vr-showroom__circle { width: 302rem; height: 302rem;}
    .vr-showroom__shining svg {width:301rem; height:301rem;}
    .vr-showroom__circle-txt {width: 300rem; height: 300rem;}
    .vr-showroom__circle-txt h2 {font-size:24rem; margin-top:30rem;}
    .vr-showroom__circle-txt p {font-size:13rem; margin-top:15rem; padding:0 20rem;}
    .vr-showroom__circle-txt p br { display:none;}
    .vr-showroom__enter {margin-top:30rem; width: 74rem; height: 74rem;}
    .vr-showroom__enter span {font-size:12rem;}
    .vr-showroom__enter span:before {width: 40rem; height: 18rem; margin-bottom:5rem;}
    .vr-showroom__share {right:14rem; bottom:20rem;}
    .vr-showroom__share a:before {font-size:20rem;}

    .jt-share--copynote {padding:20rem 35rem; left:20rem;}
    .jt-share--copynote p {font-size:13rem;}

}