/* html */
/* for admin auth */
html {margin-top: 0 !important; -ms-overflow-style: var(--scroll); scrollbar-width: var(--scroll);}
#wpadminbar{display: none !important;}
body{background: var(--color-bg); }

/* text-align */
.text-left { text-align: left !important; } 
.text-center { text-align: center !important; } 
.text-right { text-align: right !important; } 

/* rwd */
.ms-pc {}
.ms-mo {display: none;}

@media all and (max-width:767px) {
    .ms-pc {display: none !important;}
    .ms-mo {display: block;}
}


/* gap */
.gap { display: block; height: 50rem; } 

/* float */
.float-start { float: left; } 
.float-end { float: right; } 

/* rwd */
.ms-hidden-mobile { } 
.ms-visible-desktop { } 

/* state */
.ms-is-active { } 
.ms-is-disabled { } 

/* iframe 16:9 */
.video-embed { position: relative; width: 100%; height: auto; padding-bottom: 56.25%; } 
.video-embed iframe { position: absolute; top:0; left: 0; width: 100%; height: 100%; } 

/* iframe 9:16 */
.video-shorts-embed { position: relative; width: 100%; max-width: 315rem; margin: 0 auto; padding-bottom: 177.78%; } 
.video-shorts-embed iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

/* grid */
.grid2 { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap:40rem 20rem } 
.grid3 { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap:40rem 20rem } 
.grid4 { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap:40rem 20rem } 
.grid5 { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap:40rem 15rem } 

@media all and (max-width:1023px){
 .grid4,
 .grid5 { grid-template-columns: repeat(3,minmax(0,1fr)); gap:40rem 15rem; } 
 }

@media all and (max-width:767px){
 .grid3,
 .grid4,
 .grid5 { grid-template-columns: repeat(2,minmax(0,1fr)); gap:40rem 10rem; } 
 }

.flex { display: flex; align-items: center; } 

/* font-size */
.fz-10 { font-size: 10rem; } 
.fz-12 { font-size: 12rem; } 
.fz-14 { font-size: 14rem; } 
.fz-16 { font-size: 16rem; } 
.fz-18 { font-size: 18rem; } 
.fz-20 { font-size: 20rem; } 

/* margin */
.mi-0 { margin-inline: 0; } 
.mbck-0 { margin-block: 0; } 
.mt-5 { margin-top: 5rem; } 
.ml-5 { margin-left: 5rem; } 

.mt-10 { margin-top: 10rem; } 
.ml-10 { margin-left: 10rem; } 


/* device */
.device-mo {display: none;}
@media all and (max-width:660px) {
    .device-pc {display: none;}
    .device-mo {display: block;}
}