.c5-contents {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  color: #fff;
  background: #000 url(../images/bg_main.jpg) no-repeat left top;
  background-size: contain; }

.c5-main {
  position: relative;
  height: auto; }

.c5-main__ttl {
  position: absolute;
  left: 0;
  right: 50%;
  z-index: 1; }
  .c5-main__ttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-main__bg {
  position: relative;
  left: 0; }
  .c5-main__bg img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto; }

@media screen and (max-width: 639px) {
  .c5-main__ttl {
    position: static;
    left: 0;
    right: 0;
    z-index: 1;
    margin: 3.45% 0 0; }
    .c5-main__ttl img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto; } }



.nav {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
    position: relative;
    top: -50px;
}

.nav .subtitle {
  width: 54.91379310344827%;
  margin: 40px auto;
}

.nav .subtitle img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.nav .anchor {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.nav .anchor li {
  margin-right: 3.5%;
}

.nav .anchor li:nth-child(5) {
  margin-right: 0;
}

.nav .anchor li img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
      background: #2d2d2d;
}

/*
.nav .anchor li a {
  padding: 0;
  display: block;
  background: #2d2d2d;
  transition: all 0.4s;
}


.nav .anchor li a:hover {
  background: #f05a23;
}*/

@media (max-width: 767px) {
	.nav {
	  max-width: 1200px;
	  margin: 0 auto 40px;
	  padding: 0 20px;
	    position: relative;
	    top: 0;
	}
  .nav .subtitle {
    width: 100%;
    margin: 0 auto 40px;
  }
  .nav .subtitle img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    
  }
  .nav .anchor {
    max-width: 1160px;
    width: auto;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    display: block;
  }
  .nav .anchor li {
    margin-right: 0;
    margin-bottom: 5%;
  }
  .nav .anchor li:last-of-type {
    margin-right: 0;
    margin-bottom: 0;
  }
  .nav .anchor li img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
        background: #2d2d2d;
  }
/*
  .nav .anchor li a {
    padding: 0;
    display: block;
    background: #2d2d2d;
    transition: all 0.4s;
  }
  .nav .anchor li a:hover {
    background: #f05a23;
  }
*/
}

.base{
	width: 48.333333333333336%;
	margin:  0 auto 60px;
	background: #2d2d2d;
	transition: all 0.4s;
}
.base img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
}
.base:hover{
	display: block;
	background: #f05a23;
}
.base a{
	display: block;
}
@media screen and (max-width: 639px) {
	.base{
		width: 90%;
		margin:  0 auto 60px;
		background: #2d2d2d;
		transition: all 0.4s;
	}
	
}
.c5-recommend {
  position: relative;
  }

.c5-recommend__ttl {
  margin: 0 20%;
  padding: 2.5% 0 2.2%;
  text-align: center; }
  .c5-recommend__ttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-recommend__boxTtl {
  margin: 0 3.1%; }

.c5-recommend__boxText {
  margin: 0 3.1%; }

.c5-recommend__block {
  overflow: hidden;
  max-width: 1140px;
  margin: 0 2.5%;
  background: url(../images/bg_box.jpg) left top;
  font-size: 0; }

.c5-recommend__box {
  overflow: hidden;
  display: inline-block;
  width: 50%;
  max-width: 570px;
  margin: 0;
  vertical-align: top; }
  .c5-recommend__box img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto; }

.c5-recommend__box--scene {
  width: 45%;
  padding: 0 2.5%;
  background: url(../images/bg_enjoy.jpg) no-repeat center top; }

.c5-recommend__list {
  display: table;
  table-layout: fixed;
  width: 93%;
  max-width: 482px;
  margin: 0 3.1%;
  list-style: none;
  border-collapse: separate; }
  .c5-recommend__list li {
    position: relative;
    display: table-cell;
    vertical-align: middle; }
    .c5-recommend__list li img {
      position: relative;
      left: 0;
      top: 0;
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }

.c5-recommend__list--top {
  padding: 0 0 0;
  border-spacing: 5px; }

.c5-recommend__list--btm {
  padding: 0 0 0;
  border-spacing: 5px 0; }

@media screen and (max-width: 639px) {
  .c5-recommend {
    position: relative;
    top: 0;
    margin: 12% 0 0; }
  .c5-recommend__ttl {
    margin: 0;
    padding: 0;
    text-align: center; }
    .c5-recommend__ttl img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-recommend__boxTtl {
    margin: 0 7.5%;
    padding: 9% 0 7% 0; }
  .c5-recommend__boxText {
    margin: 7.5% 0;
    font-size: 15px;
    font-size: .95rem;
    color: #000;
    text-align: center; }
  .c5-recommend__block {
    overflow: hidden;
    max-width: 1140px;
    margin: 0 3.45%;
    background: url(../images/bg_box.jpg) left top;
    font-size: 0; }
  .c5-recommend__box {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0; }
    .c5-recommend__box img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-recommend__box--scene {
    background: url(../images/bg_enjoy_sp.jpg) no-repeat center top; }
  .c5-recommend__list {
    display: block;
    table-layout: fixed;
    max-width: 100%;
    margin: 0 2.5% 2.5%;
    list-style: none;
    border-collapse: separate; }
    .c5-recommend__list li {
      position: relative;
      display: block;
      margin: 0 0 4.5%;
      vertical-align: middle; }
      .c5-recommend__list li img {
        position: relative;
        left: 0;
        top: 0;
        display: block;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto; }
  .c5-recommend__list--top {
    padding: 0 0 0;
    border-spacing: 5px; }
  .c5-recommend__list--btm {
    padding: 0 0 0;
    border-spacing: 5px 0; } }

.c5-movie {
  overflow: hidden;
  width: 100%;
  position: relative;
   }

.c5-movie__inner {
  max-width: 1140px;
  margin: 0 2.5% 2%;
  padding: 0 0 5%;
  background: url(../images/bg_btn.jpg) no-repeat center top;
  background-size: cover;
  font-size: 0; }

.c5-movie__ttl {
  margin: 0 8%;
  padding: 3.2% 0 3.7%;
  text-align: center; }
  .c5-movie__ttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-movie__boxwrap {
  overflow: hidden;
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 2.5%; }

.c5-movie__box {
  display: inline-block;
  width: 49%;
  max-width: 516px;
  margin: 0; }
  .c5-movie__box:last-child {
    float: right;
    margin: 0; }

.c5-movie__box--last {
  float: right;
  margin: 0; }

.c5-movie__bnrttl {
  width: 100%;
  margin: 0 auto; }
  .c5-movie__bnrttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-movie__bnr {
  width: 100%;
  margin: 0; }
  .c5-movie__bnr img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-movie__bnr--left img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0; }

.c5-movie__bnr--right {
  float: right;
  width: 100%;
  max-width: 500px;
  margin: 0; }

@media screen and (max-width: 639px) {
  .c5-movie {
    overflow: hidden;
    position: relative;
    top: 0;
    width: auto;
    margin: 15% 3.45% 0;
    padding: 0 0 3.45%;
    background: #242424; }
  .c5-movie__inner {
    max-width: 640px;
    margin: 0 3.45%;
    padding: 0;
    background: url(../images/bg_btn_sp.jpg) no-repeat center top;
    background-size: contain;
    font-size: 0; }
  .c5-movie__ttl {
    margin: 0 7%;
    padding: 5.5% 0;
    text-align: center; }
    .c5-movie__ttl img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-movie__boxwrap {
    overflow: hidden;
    width: 100%;
    max-width: 1080px;
    margin: 0;
    padding: 0; }
  .c5-movie__box {
    display: block;
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 0 10%; }
    .c5-movie__box:last-child {
      float: none;
      margin: 0; }
  .c5-movie__bnrttl {
    display: block;
    width: auto;
    margin: 0 auto;
    padding: 11% 0 0; }
    .c5-movie__bnrttl img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-movie__bnrttl--af {
    padding: 12.5% 0 0; }
  .c5-movie__bnr {
    display: block;
    width: auto;
    margin: 0 4%; }
    .c5-movie__bnr img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; } }

.c5-facebook {
  position: relative;
  width: auto;
  max-width: 580px;
  margin: 0 25% 2.5%;
  text-align: center; }
  .c5-facebook img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

@media screen and (max-width: 639px) {
  .c5-facebook {
    position: relative;
    top: 0;
    width: auto;
    max-width: 580px;
    margin: 15% 3.45%;
    text-align: center; }
    .c5-facebook img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 10% auto;
      background: #000; } }

.c5-lineup {
  overflow: hidden;
  margin: 0 auto;
  padding: 0 0 .8%;
  font-size: 0; }

.c5-lineup__ttl {
  width: 100%;
  margin: 0 auto 1.5%; }
  .c5-lineup__ttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-lineup__box {
  overflow: hidden;
  display: inline-block;
  width: 30%;
  max-width: 360px;
  margin: 0 0 2.5% 2.5%;
  padding: 1.7% 0;
  background: #1d1d1d; }

.c5-lineup__images {
  float: left;
  width: 45%;
  padding: 0 0 0 2%; }
  .c5-lineup__images img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

.c5-lineup__cont {
  float: right;
  width: 45%;
  padding: 2% 4% 0 0; }

.c5-lineup__contttl img {
  display: block;
  max-width: 100%;
  width: auto;
  height: auto;
  margin: 0 auto; }

.c5-lineup__btn {
  margin: 10% auto 0; }
  .c5-lineup__btn img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }

@media screen and (max-width: 639px) {
  .c5-lineup {
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 3%;
    font-size: 0; }
  .c5-lineup__ttl {
    width: 100%;
    margin: 0 auto 5%; }
    .c5-lineup__ttl img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-lineup__box {
    overflow: hidden;
    display: block;
    width: auto;
    max-width: 100%;
    margin: 3.45%;
    padding: 1.7% 0;
    background: #1d1d1d; }
    .c5-lineup__box:last-child {
      overflow: hidden;
      display: block;
      width: auto;
      max-width: 100%;
      margin: 3.45%;
      padding: 1.7% 0;
      background: #1d1d1d; }
  .c5-lineup__images {
    float: left;
    width: 45%;
    padding: 4% 0; }
    .c5-lineup__images img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; }
  .c5-lineup__cont {
    float: right;
    width: 48%;
    padding: 5% 4% 0 0; }
  .c5-lineup__contttl img {
    display: block;
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto; }
  .c5-lineup__btn {
    margin: 10% auto 0; }
    .c5-lineup__btn img {
      display: block;
      max-width: 100%;
      width: auto;
      height: auto;
      margin: 0 auto; } }

.c5-effect {
  display: block; }

@media screen and (max-width: 639px) {
  .c5-effect {
    display: block; } }

.c5-effect img {
  opacity: 1;
  transition: opacity .3s; }

.c5-effect img:hover {
  opacity: 0.8; }

.c5-effect img:hover {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)"; }

.pc {
  display: block; }

.sp {
  display: none; }

.br {
  display: none; }

.tmp {
  display: none; }

@media screen and (max-width: 639px) {
  .pc {
    display: none; }
  .sp {
    display: block; }
  .br {
    display: block; } }
.c5-campbnr{
	padding:0 2.5% 3%;
}
.c5-campbnr img{
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
@media screen and (max-width: 639px) {
	.c5-campbnr{
		padding:0 3.45% 10%;
	}
}


.c5-wintercp{
  box-sizing: border-box;
  width: 100%;
  padding: 0 2.5% 2%;
}
.c5-wintercp a{
  width: 100%;
  max-width: 1140px;
}
.c5-wintercp img{
  width: 100%;
}
@media screen and (max-width: 639px) {
  .c5-wintercp{
    padding: 0 3.45% 2%;
  }
}