@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 751px){


/* noload */

.background{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 0;background:url(../img/dojo/bg.jpg) center center;background-size:cover;}
/* .background .img-bg{width:100%;position:absolute;top:0;left:0;z-index: 0;} */


.section__wrap h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align: center;}



/* .contents{min-width:1200px;} */


/* テンプレ */

.wrap{width:100%;height:100vh;}
.wrap__inner{width:100%;height:100%;padding:0 4%;position:relative;box-sizing: border-box;}

.d-up{position:fixed;top:5vw;left:50%;transform:translate(-50%,0);display:block;z-index:100;pointer-events: none;opacity:0;transition:all 0.5s;}
.d-down{position:fixed;bottom:50px;  left:50%;transform:translate(-50%,0);display:block;z-index:100;pointer-events: none;opacity:0;transition:all 0.5s;}

.d-up.on , .d-down.on{opacity:1;pointer-events:all;}
.d-up img{width:80px;}
.d-down img{width:110px;}

/* .d-down{position:fixed;bottom:50px;left:50%;transform:translate(-50%,0);display:block;} */

.box{max-width:1200px;min-width:900px;width:84%;padding:30px 30px;background-color:rgba(0,0,0,0.7);top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:flex;opacity:0.4;transition:all 0.5s;box-sizing:border-box;box-shadow:0 0 40px rgba(0,0,0,0.4);}
.box.on{opacity:1;}
.title{color:#fff;font-size:40px;margin:0.2em 0 0.6em;line-height:1;}
.pick{color:#e3d191;margin-bottom:0.6em;display:block;font-size:17px;}
.text{color:#fff;font-size:15px;}

.headlink{border:1px solid #fff;padding:8px 60px;color:#fff;font-size:17px;text-align: center;margin:20px 4px 0;display:inline-block;line-height:1;vertical-align: middle;}
.headlink.new{color:#e8df63;border:1px solid #e8df63;}
.headlink .num{font-size:36px;font-style: italic;vertical-align: middle;}
.headlink .txt{vertical-align: middle;}

.movie-wrap{width:700px;}
.movie-wrap video{width:100%;}

.info{width:700px;padding-left:50px;}

.number{position:absolute;top:20px;right:20px;font-size:14px;line-height:1;}
.number.new{color:#e8df63;}
.num{position:relative;display:inline;font-size:23px;letter-spacing:5px;margin-left:5px;}
.num .big{font-size:40px;}

.btn-topscroll{position:fixed;bottom:20px;right:20px;display:block;width:120px;z-index:100;opacity:1;}
.btn-topscroll.off{position:fixed;bottom:-20px;right:20px;display:block;width:120px;z-index:100;opacity:0;transition:all 0.2s;}

.linklist__wrap{color:#ddd;text-align:right;position:fixed;right:0;top:50%;transform:translate(0%,-50%);padding-right:15px;z-index: 90;}
.linklist__wrap a{color:#ddd;margin:10px 0;display:block;position:relative;font-size:16px;transition:all 0.5s;}
.linklist__wrap a:after{content:'';height:1px;width:8px;background-color:#ddd;display:block;position:absolute;right:-15px;top:50%;transform: translate(0,-50%);}

/* .linklist__wrap a.on{font-size:25px;color:#fff;} */
/* .linklist__wrap a.on:after{height:2px;width:8px;background-color:#fff;} */

.linklist__wrap a.new{color:#f6f3c7;}

.linklist__wrap a.on{font-size:25px;color:#ffe100;}
.linklist__wrap a.on:after{height:2px;width:8px;background-color:#ffe100;}



}

@media screen and (max-width: 1450px){
  .linklist__wrap{min-width:50px;}
  .linklist__wrap a{font-size:14px;min-height:13px;}
  .linklist__wrap a.on{font-size:20px;}
  .linklist__wrap:hover a{font-size:16px;}
  .linklist__wrap:hover a.on{font-size:22px;}
  /* .linklist__wrap:hover a:hover{font-size:20px;} */
}




/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 750px) {


  /* noload */

  .background{width:100%;height:100vh;position:absolute;top:0;left:0;z-index: 0;background:url(../img/dojo/bg.jpg) center center;background-size:cover;}
  /* .background .img-bg{width:100%;position:absolute;top:0;left:0;z-index: 0;} */


  #contents{padding-bottom:50px;}

  .section__wrap h1{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);text-align: center;width:100%;}

  /* テンプレ */

  .wrap{width:100%;height:}
  .wrap__inner{width:100%;height:100%;padding:0 4%;position:relative;box-sizing: border-box;}

  .wrap.sec00{width:100vw;height:100vh;}

  .d-up{position:fixed;top:5vw;left:50%;transform:translate(-50%,0);display:block;z-index:100;pointer-events: none;opacity:0;transition:all 0.5s;}
  .d-down{position:fixed;bottom:50px;left:50%;transform:translate(-50%,0);display:block;z-index:100;pointer-events: none;opacity:0;transition:all 0.5s;}

  .d-up.on , .d-down.on{opacity:1;pointer-events:all;}
  .d-up img{width:80px;}
  .d-down img{width:110px;}

  /* .d-down{position:fixed;bottom:50px;left:50%;transform:translate(-50%,0);display:block;} */

  h1 img{width:50%;}
  h1 p{font-size:16px;}

  .box{max-width:1100px;padding:10px 10px 20px;background-color:rgba(0,0,0,0.5);transition:all 0.5s;width:100%;box-sizing:border-box;margin-top:30px;box-shadow: 0 0 20px rgba(0,0,0,0.3)}
  .box.on{opacity:1;}
  .title{color:#fff;font-size:20px;margin:0.2em 0 0.6em;line-height:1;}
  .pick{color:#e3d191;margin-bottom:0.6em;display:block;font-size:13px;}
  .text{color:#fff;font-size:12px;}

  .headlink{border:1px solid #fff;padding:5px 0px;color:#fff;font-size:16px;text-align: center;margin:20px 4px 0;display:inline-block;line-height:1;vertical-align: middle;width:80%;}
  .headlink.new{color:#e8df63;border:1px solid #e8df63;margin-top:10px;}
  .headlink .num{font-size:36px;font-style: italic;vertical-align: middle;}
  .headlink .txt{vertical-align: middle;}

  .movie-wrap{width:100%;}
  .movie-wrap video{width:100%;}

  .info{padding:8px;}

  .number{position:relative;line-height:1;margin-bottom:10px;text-align:right;font-size:13px;}
  .number.new{color:#e8df63;}
  .num{position:relative;display:inline;font-size:20px;letter-spacing:5px;margin-left:5px;}
  .num .big{font-size:36px;}

  .btn-topscroll{position:fixed;bottom:20px;right:20px;display:block;width:120px;z-index:100;opacity:1;display:none;}
  .btn-topscroll.off{position:fixed;bottom:-20px;right:20px;display:block;width:120px;z-index:100;opacity:0;transition:all 0.2s;}

  .linklist__wrap{color:#ddd;text-align:right;position:fixed;width:auto;right:0;top:50%;transform:translate(0%,-50%);padding-right:20px;z-index: 90;}
  .linklist__wrap a{color:#ddd;margin:10px 0;display:block;position:relative;font-size:15px;transition:all 0.5s;font-size:0px;}
  .linklist__wrap a:after{content:'';height:1px;width:8px;background-color:#ddd;display:block;position:absolute;right:-20px;top:50%;transform: translate(0,-50%);}
  .linklist__wrap a.new:after{background-color:#f6f3c7;}

  .linklist__wrap a.on{font-size:0px;color:#fff;}
  .linklist__wrap a.on:after{height:4px;width:8px;background-color:#fff;}


  .linklist__wrap:hover a{font-size:0px;}
  .linklist__wrap:hover a.on{font-size:0px;}

}