@charset "utf-8";
/* SP */
@media screen and (max-width:767px) {
 #mv .mvhead .locnav {
  color: #333;
 }
 #mv .mvhead .locnav a {
  color: #333;
 }
 #mv {
  background: #fff;
  position: relative;
 }
 .mvbody {
  margin: 0 auto;
  padding: 33% 0 0 0;
  position: relative;
 }
 .pagebody {
  background: url("../img/ale/contents_bg.jpg") no-repeat center top;
  background-size: cover;
  color: #333;
  padding: 5% 0 10% 0;
 }
 #shopbtn {
  width: 80%;
  margin: 0 auto 5% auto;
 }
 #lead {
  padding: 5% 0 0 0;
  margin: 0 5% 10% 5%;
 }
 #lead .leadpic {
  width: 60%;
  margin: 0 auto 3% auto;
 }
 #lead .leadtext {
  text-align: center;
 }
 #lead .leadtext .text01 {
  font-size: 24px;
  font-weight: bold;
  color: #4285d6;
  line-height: 2;
 }
 #lead .leadtext .text02 {
  font-size: 16px;
  font-weight: bold;
  line-height: 2;
  margin: 5% 0 0 0;
 }
 #gallery {
  padding: 10% 0 0 0;
  margin: 0 5%;
 }
 #gallery .gtitle {
  width: 100%;
  margin: 0 auto 8% auto;
 }
 #gallery .movielist {
  margin: 0 0 10% 0;
 }
 #gallery .movielist li {
  margin: 0 0 8% 0;
 }
 #gallery .movielist li a {
  display: block;
 }
 #gallery .movielist .thumb {
  position: relative;
 }
 #gallery .movielist .thumb .play {
  width: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -50px 0 0 -50px;
 }
 #gallery .movielist a:hover .thumb .play {
  transform: scale(1.1);
 }
 #gallery .movielist .caption {
  margin: 5% 0 0 0;
  text-align: center;
  font-size: 3.5vw;
 }
}
/* PC */
@media screen and (min-width:768px) {
 #mv .mvhead .pcmenu li {
  color: #000;
  border-right: 1px solid #000;
 }
 #mv .mvhead .pcmenu li a {
  color: #000;
 }
 #mv .mvhead .locnav {
  color: #000;
 }
 #mv .mvhead .locnav a {
  color: #000;
 }
 #mv .mvinner {
  padding: 135px 0 0 0;
 }
 .mvbody {
  background: url("../img/ale/mv_pc.jpg") no-repeat center top;
  background-size: 1300px auto;
  min-width: 960px;
  margin: 0 auto;
  padding: 530px 0 0 0;
  position: relative;
 }
 .contents {
  background: url("../img/ale/contents_bg.jpg") no-repeat center top;
  background-size: 1920px auto;
  color: #333;
 }
 #shopbtn {
  width: 320px;
  position: fixed;
  bottom: 5%;
  right: 3%;
  z-index: 5;
 }
 #shopbtn a {
  display: block;
  transition: 0.2s;
 }
 #shopbtn a:hover {
  transform: translateY(10px)
 }
 #lead {
  padding: 120px 0 0 0;
  margin: 0 0 80px 0;
 }
 #lead .leadinner {
  width: 960px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
 }
 #lead .leadpic {
  width: 320px;
 }
 #lead .leadtext {
  width: 630px;
  padding: 60px 0 0 0;
 }
 #lead .leadtext .text01 {
  font-size: 32px;
  font-weight: bold;
  color: #4285d6;
  line-height: 2;
 }
 #lead .leadtext .text02 {
  font-size: 20px;
  font-weight: bold;
  line-height: 2;
  margin: 15px 0 0 0;
 }
 #gallery {
  padding: 80px 0 0 0;
  margin: 0 0 150px 0;
 }
 #gallery .gtitle {
  width: 440px;
  margin: 0 auto 100px auto;
 }
 #gallery .contentsbody {
  width: 960px;
  margin: 0 auto;
 }
 #gallery .movielist {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 0 40px 0;
 }
 #gallery .movielist li {
  width: 48%;
  margin: 0 auto 80px auto;
 }
 #gallery .movielist li a {
  display: block;
  cursor: pointer;
 }
 #gallery .movielist .thumb {
  position: relative;
 }
 #gallery .movielist .thumb .play {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -60px 0 0 -60px;
  transition: 0.3s;
 }
 #gallery .movielist a:hover .thumb .play {
  transform: scale(1.1);
 }
 #gallery .movielist .caption {
  margin: 15px 0 0 0;
  text-align: center;
  font-size: 18px;
 }
}