@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}




/*#wrapper {min-width:inherit;}*/
#wrapper {
  min-width: 1200px;
}
#contents {
  width: 100%;
  padding: 0;
}

#wrap {
  width: 100%;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 2;
  background: #fff;
  overflow: hidden;
}
.container {
/*  width: 1360px;*/
  margin: 0 auto;
}
.inner {
  display: table;
  width: 87.85%;
  max-width: 1406px;
  padding: 0;
  margin: 0 auto;
  position: relative;
}

#wrap section {
  position:relative;
}
#wrap img {
  max-width:100%;
}

rt,
rp {
  font-size: 0.7em;
}

/*
.table {display:table;}
.table > div {display:table-cell;}
*/

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

.both {
  clear: both !important;
}
.c_left {
  clear: left !important;
}
.c_right {
  clear: right !important;
}

/*#world_nav a {color: #fff!important;}*/

#wrap a {
  text-decoration: none;
  color: #333;
}
#wrap section {
  margin-bottom: 10px;
  margin-bottom: 0;
}

.cf {
  display: table;
  width: 100%;
}
.cf:before,
.cf:after {
  content: "";
  display: table;
  clear: both;
}

.left {
  float: left;
}
.right {
  float: right;
}
.m_box {
  width: 340px;
}

#hero {
  background: url(../img/main_bg.jpg) no-repeat center center;
  background-size: cover;
  padding:0;
}
#hero .inner {
    display:block;
    width:1200px;
}
#hero .imgMv {
    display:block;
    width:87.25%;
    margin:0 -30px auto auto;
    padding-top:50px;
}
#hero .m_box {
    position:absolute;
    left:30px;
    top:240px;
}
#hero .m_box > div {
  padding:0px;
}
#hero .image {
  text-align: center;
  margin-bottom: 25px;
}
#hero .title {
  margin-bottom: 0px;
}

@media screen and (max-width: 640px) {
    .m_box {display: block;width: inherit;}
    #hero {background: url(../img/main_bg_sp.png) no-repeat center center;}
    #hero .inner {width:100%;}
    #hero .m_box {left:50%;top:3.25%;transform:translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);/*background:rgba(4,117,203,0.85);*/}
    #hero .imgMv {display:block;width:100%;margin:0 auto;padding-top:42%;}
    #hero .title {width:60%;margin:0 auto;padding-left:5%;}
    #hero .text {clear: both;}
    #hero .m_box > div {}
}


/* intro_area */
#intro_area {
/*height: 655px;*/
  background: url(../img/bg_intro.png) repeat left top;
}
.intro_recommend {
  position: relative;
  width: 570px;
  margin: 0 auto;
  padding-top:38px;

}
.intro_recommend_movie_area {
  position: absolute;
  width: 350px;
  top: 175px;
  left: 52px;
}
.intro_recommend_movie_area .intro_recommend_movie {
  width: 100%;
  height: 202px;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.intro_recommend_movie_area .intro_recommend_movie_text {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 700;
  color: #000;
  text-align: center;
}
#intro_area::before {content:"";
  display:block;
  background: url(../img/intro_color.png) repeat-x;
  height:70px;
}
#intro_area::after {content:"";
  display:block;
  background: url(../img/intro_after.png) repeat-x;
  height:70px;
}

#intro_area .inner {width:100%;padding:0 4.75%;display:flex;justify-content:space-between;}
#intro_area .inner > div {width:49%;}
.intro_new {min-width:543px;background:url(../img/intro_new_movie.png) no-repeat center top;margin:40px auto;position:absolute;}
.intro_new_movie_area {background:#ffffff;border:solid 15px #ffffff;border-radius:15px;margin-top:52px;}
.intro_new_movie iframe {width:100%;height:289px;}
.intro_new_movie_text {margin-top:14px;font-size:16px;font-weight:700;color:#000;text-align:center;}
#intro_area .inner_btn {width:100%;padding:0 4.75%;display:block;}
#intro_area .inner_btn a {display:block;text-align:center;padding:40px 0;}

@media screen and (max-width: 640px) {
  #intro_area {
    /*height: auto;
	background: url(../img/bg_intro_sp.png) 0 0;
    background-size: cover;*/
  }
  #intro_area .inner {width:100%;padding:0important;display:flex!important;flex-direction: column;}
  #intro_area .inner > div {width:100%;min-height:0%;}
  .intro_new {padding:0 20px;}
  .intro_recommend {
    width: 100%;
	padding: 40px 10px 30px 20px;
  }
  .intro_recommend_movie_area {
    width: 56%;
	top:33%;
	left:11.5%;
  }
  .intro_recommend_movie_area .intro_recommend_movie {
	height:31.25vw;
  }
  .intro_recommend_movie_area .intro_recommend_movie_text {font-size:14px;}
    .intro_recommend_movie_area .intro_recommend_movie_text rt {font-size:7px;}
	
  .intro_new {position:relative;background:none;margin-bottom:0;min-width:100%;}
  .intro_new img {margin:0 auto;max-width:258px!important;width:55vw;}
  .intro_new_movie_area {margin-top:0;}
  .intro_new_movie {position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin-bottom:10px;}
  .intro_new_movie iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
  #intro_area .inner_btn a {padding:0 0 40px;}
	
}

/*search*/
#narrowing_search {background:url(../img/search_bg.png)repeat center center;height:348px;padding:60px 0;}
#narrowing_search .inner {display:block;}
#narrowing_search h2 {text-align:center;font-weight:700;font-size:28px;}
rt {font-size:0.5em;}
#narrowing_search ul {width:100%;display:flex;justify-content:center;flex-wrap:wrap;}
.search_category {display:block;cursor:pointer;margin:0 20px 20px;}
.search_category > span:last-of-type,.search_category.is-active > span:first-of-type {display:none;}
.search_category.is-active > span:last-of-type {display:inline;}
.is-hide {display:none;}

@media screen and (max-width: 640px) {
	#narrowing_search {background:url(../img/search_bg_sp.png)no-repeat center top;background-size:cover;height:100%;padding:5% 0 15%;}
	#narrowing_search h2 {font-size:5vw;}
	#narrowing_search .inner {padding:0 30px!important;}
	#narrowing_search ul {flex-wrap:wrap;justify-content:space-between;}
	.search_category {width:48.5%;max-width:254px;height:0%;margin:2.5% 0;}
	
}

/* movie_area */
#movie_area {}
#movie_area .inner {display:block;width:100%;padding:0 4.75%;
}
.movie_list {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:flex-start;margin-top:70px;}
.movie_list li {margin:0 1%;}
.movie_list .movie_item {width:31.33%;margin-bottom:70px;background-color:#eee;}
.movie_list .movie_set {display:inline-block;overflow:hidden;width:100%;}
.movie_set img {width:100%!important;max-height:222px;}
.movie_set img:hover {opacity:0.7;cursor:pointer;transition:all 0.3s;}
.movie_list .movie_item iframe {top:0;left:0;width:100%;max-height:222px;}
.movie_list .movie_title {width:100%;padding:15px 10px 25px;font-size:16px;font-weight:700;text-align:center;}
.movie_btn {padding-bottom:70px;text-align:center;}
.movie_btn a:hover .btn_youtube {opacity:.7;}
.movie_btn .btn_youtube {width:100%;max-width:1166px!important;}
@media screen and (max-width: 640px) {
	.movie_list {margin-top:30px;padding-right:0;}
	.movie_list li {margin:0 20px;}
	.movie_list .movie_item {width:100%;margin-bottom:30px;}
	.movie_list .movie_set {height:50vw;}
	.movie_set img {max-height:100%;}
	.movie_list .movie_item iframe {max-height:100%;width:100%;height:50vw;}
	.movie_btn {padding:0 14px 40px;}
}

/*evolta*/
#evolta {width:100%;max-width:1150px;background:url(../img/evolta_bg.jpg)no-repeat;background-size:cover;margin:0 auto 50px;}
#evolta img {width:100%;}
#evolta h2 {width:100%;padding-top:40px;}
#evolta .movie_list {margin-top:40px;justify-content:space-around;padding:0 25px 40px;}
#evolta .movie_list li {margin:0;}
.movie_list .evolta_item {width:490px;margin-bottom:70px;background-color:#0469be;color:#fff;}
.movie_list .evolta_set {display:inline-block;overflow:hidden;width:100%;}
.evolta_set img {width:100%!important;max-height:275px;}
.evolta_set img:hover {opacity:0.7;cursor: pointer;transition:all 0.3s;}
.movie_list .evolta_item iframe {top:0;left:0;width:100%;max-height:275px;}
.evolta_btn {padding-bottom:70px;margin:0 auto;max-width:976px!important;}
.evolta_btn img {transition:.3s;}
.evolta_btn img:hover {opacity:.7;}
@media screen and (max-width: 640px) {
    #evolta .movie_list {padding:0 25px 20px;}
	#evolta .movie_list .evolta_item {width:100%;margin-bottom:30px;}
	#evolta .movie_list .evolta_set {height:50vw;}
	.evolta_set img {max-height:100%;}
	.movie_list .evolta_item iframe {max-height:100%;width:100%;height:50vw;}
	.evolta_btn {padding:0 4.75% 12%;}
}


@media screen and (max-width:1406px){
	
.container {width:100%;}
#wrap {line-height:2em;}
.inner {display:block;width:calc(100% - 40px);padding:0 20px;}
}

@media screen and (max-width:640px){
.inner {display:block;width:calc(100% - 20px);padding:0 10px;}
#wrapper {min-width:inherit;}
.container {width:100%;}
/*#footerLinks {margin-bottom:0;}*/

#wrap {font-size:12px;line-height:1.8em;}
.pc {display:none !important;}
.sp {display:block !important;}

.table {display:table;width:100%;}

#wrap section {margin-bottom:0px;}
#wrap img {max-width:100%;}

}


@media screen and (max-width: 640px) {
  #wrap, .inner p {
    font-size: 3.5vw;
    line-height: 1.6em;
  }

  .inner {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
  }
}