@charset "utf-8";
/* CSS Document */
.contents_wrap{
background: #fff;
}
.mv_main{
width: 100%;
height: 0;
padding-top: 81.33333333333333%;
background: url("/products/brand/meltykiss/10th/images/mv_sp.jpg");
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
}
.txt_wrap{
position: relative;
z-index: 997;
margin: -7vw 0 0;
}
.txt_wrap p{
text-align: center;
}
#cm{
position: relative;
text-align: center;
color: #411b08;
padding: 4vw 13.3vw 13vw;
background: url("/products/brand/meltykiss/10th/images/img_crystal_sp.png") no-repeat top center / contain;
}
#cm .txt_year{
width: 28.8vw;
margin: 0 auto 4vw;
}
#cm .movie_list li figure{
margin-bottom: 2.6vw;
}
#cm .movie_list li a{
color: #411b08;
}
#cm .movie_list li + li{
margin-top: 8vw;
}
#cm .list_center{
margin-bottom: 8vw;
}
#cm .list02{
margin-top: 8vw;
}
#foot_area{
background: none;
padding-top: 8.8vw;
}
#foot_area #bnr_area{
margin-top: 13.3vw;
}
#foot_area #bnr_area li + li{
margin-top: 5.3vw;
}
#modal_movie {
position: relative;
background: #fff;
width: auto;
max-width: 800px;
margin: 0 auto;
}
#loading {
background: #c7dee4;
}
.information,
.information p
{
font-size: 2.6vw !important;
}

/* 768px～ For PC
====================================================*/

@media screen and (min-width: 768px), print {
.isSP {
display: none;
}
.isPC {
display: block;
}
body {
min-width: 950px;
}
.contents_wrap{
background:
url("/products/brand/meltykiss/10th/images/img_crystal_left_pc.png") no-repeat center left calc(50% - 523px) / 251px auto,
url("/products/brand/meltykiss/10th/images/img_crystal_right_pc.png") no-repeat center right calc(50% - 523px) / 251px auto;
}
/*#cont_wrap a:hover{
opacity: 0.65;
}*/
.mv_main{
padding-top: 26.3%;
background: url(/products/brand/meltykiss/10th/images/mv_pc.jpg);
background-repeat: no-repeat;
background-position: top center;
background-size: cover;
}

.txt_wrap{
margin: -110px 0 0;
}
.txt_wrap p img{
margin: 0 auto;
}
.main_contents{
margin: 0 auto;
max-width: 1285px;
}
#cm{
padding: 0 0 40px;
background: none;
}
#cm .movie_wrap{
margin: 0 auto;
width: 950px;
}
#cm .movie_list{
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 16px;
}
#cm .movie_list li{
margin-right: 30px;
}
#cm .movie_list.list01 li{
width: 455px;
margin-right: 40px;
}
#cm .movie_list.list01 li:nth-child(2n){
margin-right: 0;
}
#cm .movie_list.list_center li{
margin-right: 0;
}
#cm .txt_year{
width: 85px;
margin: 0 auto 20px;
}
#cm .year_2020{
width: 156px;
margin: 0 auto 40px;
}
#cm .movie_list li figure{
margin-bottom: 10px;
}
#cm .movie_list li + li{
margin-top: 0;
}
#cm .list_center{
margin-bottom: 45px;
}
#cm .movie_list.list02 li{
width: 296px;
margin-bottom: 45px;
}
#cm .movie_list.list02 li:nth-child(3n){
margin-right: 0;
}
#foot_area{
padding-top: 0;
}
#foot_area #bnr_area{
margin: 60px auto 0;
}
#foot_area #bnr_area li{
width: 380px;
margin: 0 auto;
}
#foot_area #bnr_area li + li{
margin-top: 20px;
}
.information,
.information p{
font-size: 12px !important;		
}
}
@media screen and (min-width: 768px) and (max-width: 1050px){
.main_contents{
background: url("/products/brand/meltykiss/10th/images/img_crystal_left_pc.png") no-repeat top 20px left -10% / 251px auto , url("/products/brand/meltykiss/10th/images/img_crystal_right_pc.png") no-repeat top 80px right -6% / 266px auto;
}
#mainvisual h1:before{
bottom: 40px;
right: 50px;
}
#mainvisual h1:after{
bottom: 30px;
left: 60px;
}
#cm .movie_list.list01{
padding: 0 20px;
}
#cm .movie_list.list01 li{
width: 435px;
}
#cm .movie_list.list02{
padding: 0 20px;
}
#cm .movie_list.list02 li{
margin-right: 10px;
}
#cm .movie_list.list02 li:nth-child(3n){
margin-right: 0;
}
}