@charset "utf-8";




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


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

/*  */

.background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

.background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
.background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

#contents{padding:200px 0;}

.headline{color:#fff;margin:0 auto 40px;display:block;font-size:60px;text-align:center;}

.movie__wrap{display:flex;justify-content:left;width:1000px;position:relative;margin:0 auto;flex-wrap: wrap;}

.movie__list{padding:0px 0 20px;display:block;position:relative;width:32%;margin:0 0% 2% 2%;}
.movie__list:nth-child(3n+1){margin-left:0;}
.movie__list .img__wrap{width:100%;margin-bottom:5px;background-color:#000;border:1px solid #444;position:relative;}
.movie__list .img__wrap:after{content:'';position:absolute;left:50%;top:50%;background:url(../img/news/icon_newslink.svg);width:80px;height:80px;background-size:100%;display:block;transform:translate(-50%,-50%);opacity:0;transition:all 0.7s;}
.movie__list .img__wrap img{width:100%;display:block;transition:all 0.5s;}



.movie__list .info__wrap{padding:0 0.2em;text-align:center;}
.movie__list .text{color:#eee;font-size:14px;display:inline-block;vertical-align:middle;line-height: 1.7;margin-top: 5px;}
.movie__list .date{color:#bbb;font-size:12px;position:absolute;right:0.5em;bottom:6px;font-style: italic;}

.movie__list:hover .img__wrap img{opacity:0.6;}
.movie__list:hover .img__wrap:after{opacity:0.6;}

.movie__list.big{width:100%;margin-left:0;}
.movie__list.big .text{font-size:16px;}


.twitter-timeline__wrap{width:50%;}
.twitter-timeline__inner{padding:0 20px;}
.twitter-timeline__wrap .tit{margin:0 auto 30px;display:block;}
.twitter-timeline__wrap .timeline__wrap #twitter-widget-0{margin:0 auto!important;display:block!important;}


.head_min{width:1000px;margin:40px auto 20px;padding:0 0 5px;border-bottom:1px solid #666;font-size:20px;}


.tab-wrap{border-bottom:1px solid #ddd;width:340px;margin:0 auto 50px;text-align: center;}
.tab-wrap li{font-size:22px!important;display:inline-block;color:#fff;padding:5px 20px;position:relative;}
.tab-wrap li a{color:#999;transition:all 0.5s;}
.tab-wrap li a:hover{color:#fff;}


.wp__wrap{display:flex;justify-content:center;width:1000px;position:relative;margin:0 auto;flex-wrap: wrap;}
.wp__list{padding:0px 0 20px;display:block;position:relative;width:18%;margin:0 1% 1%;}
/* .wp__wrap .wp__list:first-child{margin-left:0;} */

/* .wp__list:nth-child(2n+1){margin-left:0;} */
.wp__list .img__wrap{width:100%;margin-bottom:5px;background-color:#000;border:1px solid #444;position:relative;}
.wp__list .img__wrap:after{content:'';position:absolute;left:50%;top:50%;background:url(../img/news/icon_newslink.svg);width:80px;height:80px;background-size:100%;display:block;transform:translate(-50%,-50%);opacity:0;transition:all 0.7s;}
.wp__list .img__wrap img{width:100%;display:block;transition:all 0.5s;}
.wp__list .info__wrap{padding:0 0.2em;text-align:center;}

.wp_btn{border:1px solid #fff;padding:12px 25px;color:#fff;margin-top:10px;display:inline-block;line-height:1;width:100%;box-sizing: border-box;font-size:14px;}

.wp__list.th{width:48%;}
.wp__list.th .img__wrap{width:100%;}

}




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


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

  .background__wrap{position:fixed;top:0;left:0;width:100%;z-index: 0;}

  .background_sec01{width:100%;height:100vh;position:absolute;top:0;left:0;}
  .background_sec01 .img-bg{width:100%;opacity:1;position:absolute;top:0;left:0;}

  #contents{padding:40px 10% 60px;}

  /* .headline{color:#fff;margin:0 auto 40px;display:block;font-size:60px;text-align:center;} */

  .movie__wrap{position:relative;margin:0 auto;}

  .movie__list{padding:0px 0 20px;display:block;position:relative;width:100%;margin:0 0% 4% 0%;}
  .movie__list:nth-child(3n+1){margin-left:0;}
  .movie__list .img__wrap{width:100%;margin-bottom:5px;background-color:#000;border:1px solid #444;position:relative;}
  .movie__list .img__wrap:after{content:'';position:absolute;left:50%;top:50%;background:url(../img/news/icon_newslink.svg);width:80px;height:80px;background-size:100%;display:block;transform:translate(-50%,-50%);opacity:0;transition:all 0.7s;}
  .movie__list .img__wrap img{width:100%;display:block;transition:all 0.5s;}



  .movie__list .info__wrap{padding:0 0.2em;text-align:center;}
  .movie__list .text{color:#eee;font-size:14px;display:inline-block;vertical-align:middle;line-height: 1.5;margin-top: 5px;}
  .movie__list .date{color:#bbb;font-size:12px;position:absolute;right:0.5em;bottom:6px;font-style: italic;}

  .movie__list:hover .img__wrap img{opacity:0.6;}
  .movie__list:hover .img__wrap:after{opacity:0.6;}

  .movie__list.big{width:100%;}
  .movie__list.big .text{font-size:16px;}


  .twitter-timeline__wrap{width:50%;}
  .twitter-timeline__inner{padding:0 20px;}
  .twitter-timeline__wrap .tit{margin:0 auto 30px;display:block;}
  .twitter-timeline__wrap .timeline__wrap #twitter-widget-0{margin:0 auto!important;display:block!important;}

.head_min{width:100%;margin:40px auto 30px;padding:0 0 5px;border-bottom:1px solid #666;font-size:16px;text-align:center;}

.tab-wrap{border-bottom:1px solid #ddd;width:240px;margin:0px auto 40px;padding-top:25px;text-align: center;}
.tab-wrap li{font-size:17px!important;display:inline-block;color:#fff;padding:5px 20px;position:relative;}
.tab-wrap li a{color:#999;transition:all 0.5s}
.tab-wrap li a:hover{color:#fff;}

.wp__wrap{display:flex;justify-content:center;width:100%;position:relative;margin:0 auto;flex-wrap: wrap;}
.wp__list{padding:0px 0 20px;display:block;position:relative;width:49%;margin:0 0% 2% 2%;}

.wp__list:nth-child(2n+1){margin-left:0;}
.wp__list .img__wrap{width:100%;margin-bottom:5px;background-color:#000;border:1px solid #444;position:relative;box-sizing: border-box;}
.wp__list .img__wrap:after{content:'';position:absolute;left:50%;top:50%;background:url(../img/news/icon_newslink.svg);width:80px;height:80px;background-size:100%;display:block;transform:translate(-50%,-50%);opacity:0;transition:all 0.7s;}
.wp__list .img__wrap img{width:100%;display:block;transition:all 0.5s;}
.wp__list .info__wrap{padding:0 0.2em;text-align:center;}

.wp_btn{border:1px solid #fff;padding:10px 25px;color:#fff;margin-top:8px;display:inline-block;line-height:1;box-sizing:border-box;width:100%;font-size: 13px;}

}