@charset "UTF-8";

/* ----------------------------------
K&D / sp css
---------------------------------- */

html{
overflow-x : hidden;
overflow-y : auto;
}

.sp {display: none; }


@media screen and (max-width: 999px), screen and (orientation: landscape) and (max-width: 1000px) {

.pc {display: none !important;}
.sp {display: block !important;}

body {font-size:1.4rem;}

footer {position:absolute;left:0;bottom:0;width:100%;height:80px;background:#000;padding:20px;font-size:1.2rem;}
footer .logo {width:60px;float:left;margin:0 10px 0 0;}


/* layout
------------------------------------------------------------- */

.w100 {width:100%;display:block;}
.spbr {display:inline-block;}



/* TOP
------------------------------------------------------------- */

body > video {
position: fixed;
left: 50%;
top: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -1;
transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}



/* sidebar [SP MENU]
------------------------------------------------------------- */

#sidebar {
display:block;
position: fixed;
right: -300px;
top: 0;
height: 100%;
width: 300px;
color: #fff;
transition: .35s ease-in-out;
overflow-y:auto;
}

#nav_sp {margin:0 0 100px 0;}

/* サブメニューは開けない */
#nav_sp .sub-menu-head:after,
#nav_sp .sub-menu-nav {display: none;}
#nav-toggle {display: block;}

/* nav open */
.open {/*overflow: hidden;*/}
.open #overlay {display: block;}
.open #sidebar {transform: translate3d(-300px,0,0);}

/* #nav-toggle close */
.open #nav-toggle span:nth-child(1) {top: 11px;transform: rotate(45deg);background: #fff;}
.open #nav-toggle span:nth-child(2) {width: 0;left: 50%;background: #fff;}
.open #nav-toggle span:nth-child(3) {top: 11px;transform: rotate(-45deg);background: #fff;}

/* z-index */
#overlay {z-index: 10;}
#sidebar {z-index: 300;}
#nav-toggle {z-index: 400;}





/* END
------------------------------------------------------------- */
}