@charset "utf-8";
#suntory_contents #wrapper {
 background: #fff;
 color: #3e3a39;
}
#suntory_contents #wrapper a {
 color: #2e9ed7;
 text-decoration: underline;
}
/* PC */
@media screen and (min-width:768px) {
 .sp {
  display: none;
 }
 .pc {
  display: block;
 }
 #suntory_contents #wrapper {
  max-width: 1920px;
  min-width: 1164px;
  margin: 0 auto;
 }
 #suntory_contents #mv {
  height: 812px;
  background: url("../img/mv_pc.jpg") no-repeat center top;
 }
 #suntory_contents #mv .mvinner {
  position: relative;
  width: 1164px;
  height: 812px;
  margin: 0 auto;
 }
 #suntory_contents #mv .mvinner h1 {
  position: absolute;
  top: 248px;
  left: 0;
 }
 #suntory_contents #mv .mvtext {
  position: absolute;
  bottom: 30px;
  left: 10px;
  font-weight: bold;
  font-size: 18px;
  line-height: 1.5;
  color: #fff;
 }
 #suntory_contents #mv .scroll {
  position: absolute;
  bottom: 24px;
  left: 50%;
  animation-name: scrollmove;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 2s;
 }
 #suntory_contents #mv .scroll a {
  display: block;
  width: 80px;
  margin: 0 0 0 -40px;
 }
 #suntory_contents #mv .scroll a .scroll02 {
  transition: 0.3s;
 }
 #suntory_contents #mv .scroll a:hover .scroll02 {
  transform: translateY(10px)
 }
 #suntory_contents #lead {
  min-width: 1164px;
  background: url("../img/lead_bg_pc.jpg") no-repeat center top;
  padding: 110px 0;
 }
 #suntory_contents #lead .leadinner {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 70px 30px;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
 }
 #suntory_contents #lead .leadtext {
  font-size: 20px;
  line-height: 2;
  text-align: center;
 }
 #suntory_contents #lead .link {
  margin: 40px 0 0 0;
  font-size: 20px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
 }
 #suntory_contents #photo {
  min-width: 1164px;
  background: #f1f5f6;
  padding: 90px 0 150px 0;
 }
 #suntory_contents #photo .photoinner {
  width: 960px;
  margin: 0 auto;
 }
 #suntory_contents #photo h2 {
  background: url("../img/h_bg_pc.png") no-repeat center bottom;
  background-size: contain;
  padding: 10px 30px 10px 30px;
  font-size: 28px;
  margin: 0 0 30px 0;
 }
 #suntory_contents #photo .photoslidewrapper {
  width: 980px;
  margin: 0 -10px;
  position: relative;
 }
 #suntory_contents #photo .photoslide {
  position: relative;
 }
 #suntory_contents #photo .slick-slide {
  margin: 0 10px;
 }
 #suntory_contents #photo .slick-next {
  right: -10px;
  width: 40px;
  height: 40px;
  background: #43a8db;
  border-radius: 50%;
  opacity: 0.7;
  z-index: 99;
 }
 .slick-next::after {
  position: absolute;
  top: 50%;
  left: 19%;
  width: 14px;
  height: 14px;
 }
 .slick-prev::after {
  position: absolute;
  top: 50%;
  right: 19%;
  width: 14px;
  height: 14px;
 }
 #suntory_contents #photo .slick-prev {
  left: -10px;
  width: 40px;
  height: 40px;
  background: #43a8db;
  border-radius: 50%;
  opacity: 0.7;
  z-index: 99;
 }
 #suntory_contents #movie {
  min-width: 1164px;
 }
 #suntory_contents #movie .movieinner {
  width: 960px;
  margin: 0 auto;
 }
 #suntory_contents .movieheader {
  min-width: 1164px;
  background: #CFE5F5;
  padding: 55px 0 0 0;
 }
 #suntory_contents .movieheader h2 {
  width: 960px;
  margin: 0 auto 50px auto;
 }
 #suntory_contents .movieheader .moviebody {
  width: 960px;
  margin: 0 auto;
  position: relative;
  padding: 0 0 60px 0;
 }
 #suntory_contents #movie .moviethumb {
  position: relative;
 }
 #suntory_contents .movieheader .moviebody .movie01 {
  width: 578px;
  margin: 0 auto;
  text-align: center;
 }
 #suntory_contents .movieheader .name {
  font-size: 24px;
  margin: 0 0 10px 0;
  font-weight: bold;
 }
 #suntory_contents #movie a {
  display: block;
  text-decoration: none;
  transition: 0.3s;
 }
 #suntory_contents #movie .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80px;
  margin: -40px 0 0 -40px;
 }
 #suntory_contents #movie a:hover {
  text-decoration: underline;
 }
 #suntory_contents #movie a:hover .play {
  opacity: 0.8;
 }
 #suntory_contents #movie .movie_miyasato {
  position: absolute;
  bottom: 0;
  left: -20px;
 }
 #suntory_contents #movie .moviegroup h2 {
  background: url("../img/h_bg_pc.png") no-repeat center bottom;
  background-size: contain;
  padding: 10px 30px 10px 30px;
  font-size: 28px;
  margin: 0 0 50px 0;
 }
 #suntory_contents #movie .moviegroup {
  width: 960px;
  margin: 0 auto;
  padding: 60px 0 40px 0;
 }
 #suntory_contents #movie .movielist {
  margin: 0 -40px 0 0;
 }
 #suntory_contents #movie .movielist li {
  width: 460px;
  float: left;
  margin: 0 40px 40px 0;
  text-align: center;
 }
 #suntory_contents #movie .movielist .name {
  font-size: 20px;
  margin: 0 0 10px 0;
  font-weight: bold;
 }
}
@keyframes scrollmove {
 0% {
  transform: translate(0, 0px);
 }
 100% {
  transform: translate(0, -15px)
 }
}
/* SP */
@media screen and (max-width:767px) {
 .pc {
  display: none;
 }
 .sp {
  display: block;
 }
 #suntory_contents #mv .mvinner {
  position: relative;
 }
 #suntory_contents #mv .mvtext {
  position: absolute;
  bottom: 2%;
  left: 3%;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  color: #fff;
 }
 #suntory_contents #lead {
  background: url("../img/lead_bg_sp.jpg") no-repeat center top;
  background-size: cover;
  padding: 10% 6%;
 }
 #suntory_contents #lead .leadinner {
  background: #fff;
  padding: 5%;
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
 }
 #suntory_contents #lead .leadtext {
  font-size: 14px;
  line-height: 2;
 }
 #suntory_contents #lead .link {
  margin: 5% 0 0 0;
  font-size: 16px;
  text-align: center;
  font-weight: bold;
  line-height: 1.2;
 }
 #suntory_contents #photo {
  background: #f1f5f6;
  padding: 8% 5%;
 }
 #suntory_contents #photo h2 {
  background: url("../img/h_bg_sp.png") no-repeat left bottom;
  background-size: cover;
  padding: 1% 5% 1.5% 5%;
  font-size: 17px;
  margin: 0 0 6% 0;
 }
 #suntory_contents #photo .slick-next {
  width: 40px;
  height: 40px;
  background: #43a8db;
  border-radius: 50%;
  opacity: 0.7;
 }
 #suntory_contents #photo .slick-prev {
  width: 40px;
  height: 40px;
  background: #43a8db;
  border-radius: 50%;
  opacity: 0.7;
 }
 #suntory_contents .movieheader {
  background: #CFE5F5;
 }
 #suntory_contents .movieheader h2 {
  margin: 0 0 8% 0;
 }
 #suntory_contents .movieheader .moviebody {
  position: relative;
  padding: 0 0 8% 0;
 }
 #suntory_contents #movie .moviethumb {
  position: relative;
 }
 #suntory_contents .movieheader .moviebody .movie01 {
  margin: 0 5%;
  text-align: center;
 }
 #suntory_contents .movieheader .name {
  font-size: 18px;
  margin: 0 0 2% 0;
  font-weight: bold;
 }
 #suntory_contents #movie a {
  display: block;
  text-decoration: none;
 }
 #suntory_contents #movie .play {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62px;
  margin: -31px 0 0 -31px;
 }
 #suntory_contents #movie .movie_miyasato {
  width: 30%;
  position: absolute;
  bottom: 0;
  left: 0;
 }
 #suntory_contents #movie .moviegroup h2 {
  background: url("../img/h_bg_sp.png") no-repeat left bottom;
  background-size: cover;
  padding: 1% 5% 1.5% 5%;
  font-size: 17px;
  margin: 0 0 6% 0;
 }
 #suntory_contents #movie .moviegroup {
  margin: 0 5%;
  padding: 8% 0 5% 0;
 }
 #suntory_contents #movie .movielist {}
 #suntory_contents #movie .movielist li {
  margin: 0 0 8% 0;
  text-align: center;
 }
 #suntory_contents #movie .movielist .name {
  font-size: 16px;
  margin: 0 0 2% 0;
  font-weight: bold;
 }
}
/*----clearfix----*/
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 font-size: 0.01em;
}
.clearfix {
 min-height: 1px;
}
* html .clearfix {
 height: 1px; /*\*/ /*/
  height: auto;
  overflow: hidden;
  /**/
}