main
{
	font-family    : "M PLUS Rounded 1c", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size      : 18px;
	font-weight    : 400;
}




/* ---------------------------------------------------------------------------------------------------- */


#MAIN
{
	padding-top:67px;
	
	background: url(/asset/img/seventeen/2021/back_yellow.png) repeat top center #ffd53a;
}

#MAIN #main_box
{
	padding-top:60px;
	
	text-align: center;
	
	background: url(/asset/img/seventeen/2021/main_partyflag.png) repeat-x top center;
}

#MAIN #main_box h1 img
{
	margin: 0 auto;
}


/* ---------------------------------------------------------------------------------------------------- */


#PHOTO
{
	margin-top:20px;
	padding:0px 0 0px;
	
	min-width:1200px;
	min-height:900px;
	
	background: url(/asset/img/seventeen/2021/back_bluesp.png) repeat top center #b6e0e0;
	
	position: relative;
}

#PHOTO::before
{
	content:"";
	
	display:inline-block;
	
	width:330px;
	height:200px;
	
	background:url(/asset/img/seventeen/2021/photo_partyflag_01.png) no-repeat;
	background-size:contain;
	
	position: absolute;
	top:0;
	left:0;
}

#PHOTO::after
{
	content:"";
	
	display:inline-block;
	
	width:330px;
	height:200px;
	
	background:url(/asset/img/seventeen/2021/photo_partyflag_02.png) no-repeat;
	background-size:contain;
	
	position: absolute;
	top:0;
	right:0;
}

#PHOTO .inner
{
	margin: 0 auto;
	
	width:1100px;
}

#PHOTO #photoBox
{
	display:flex;
	flex-wrap: wrap;
	
	position: relative;
}

#PHOTO #photoBox li
{
	margin-right:40px;
	margin-bottom:80px;
	
	width: 320px;
	
	border-top:10px solid #fff;
	border-left:10px solid #fff;
	border-right:10px solid #fff;
	
	background:#fff;
	
	box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.25);
	
	position:relative;
	
	z-index:1;
}

#PHOTO #photoBox li::after
{
	content:"";
	
	width: 334px;
	height:306px;
	
	border:3px solid #fff;
	
	display:block;
	
	position:absolute;
	top:-10px;
	left:-10px;
	
	z-index:-1;
	
	transform      : rotate(6.0deg);
	
}

#PHOTO #photoBox li:nth-child(1){	transform:rotate( -4.0deg); position:absolute; top:115px; left:-10px; }
#PHOTO #photoBox li:nth-child(2){	transform:rotate(  4.0deg); position:absolute; top: 75px; left:375px; }
#PHOTO #photoBox li:nth-child(3){	transform:rotate(-13.0deg); position:absolute; top:100px; left:770px; }
#PHOTO #photoBox li:nth-child(4){	transform:rotate(  7.0deg); position:absolute; top:485px; left:-15px; }
#PHOTO #photoBox li:nth-child(5){	transform:rotate( -5.0deg); position:absolute; top:520px; left:390px; }
#PHOTO #photoBox li:nth-child(6){	transform:rotate(  3.0deg); position:absolute; top:490px; left:775px; }


#PHOTO #photoBox li:nth-child(3n)
{
	margin-right:0px;
}

#PHOTO #photoBox li:nth-child(n+4)
{
	margin-bottom:0px;
}

#PHOTO #photoBox li img
{
	width: 100%;
}





/* ---------------------------------------------------------------------------------------------------- */


#MOVIE
{
	padding:70px 0 80px;
		
	background:#eee;
	background:#fff;
}

#MOVIE .inner
{
	margin: 0 auto;
	
	width:1100px;
}

#MOVIE h2
{
	text-align: center;
}

#MOVIE .text_main
{
	margin-top:40px;
	
	text-align: center;
	line-height:2.4;

	transform      : rotate(0.03deg);
}

#MOVIE .movie_list
{
	margin-top:50px;
	
	display: flex;
	flex-wrap: wrap;
}
  
#MOVIE .movie_list li
{
	margin-right:40px;
	margin-bottom:40px;
	
	width: 340px;
	
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
	
	display: flex;
	align-items: center;
}
  
#MOVIE .movie_list li.color0 { background : #cccccc; }
#MOVIE .movie_list li.color1 { background : #16ae93; }
#MOVIE .movie_list li.color2 { background : #4059d1; }
#MOVIE .movie_list li.color3 { background : #f05a2a; }
#MOVIE .movie_list li.color4 { background : #d348a6; }
#MOVIE .movie_list li.color5 { background : #923f39; }
#MOVIE .movie_list li.color6 { background : #73aa12; }
#MOVIE .movie_list li.color7 { background : #ff8603; }
#MOVIE .movie_list li.color8 { background : #e23558; }
#MOVIE .movie_list li.color9 { background : #1baad3; }
  
#MOVIE .movie_list li:nth-child(3n)
{
	margin-right:0px;
}
  
#MOVIE .movie_list li:nth-child(n+7)
{
	margin-bottom:0px;
}
  
#MOVIE .movie_list dl
{
	width: 100%;
}
  
#MOVIE .movie_list dt.movie
{
	position: relative;
	z-index: 0;
}
  
#MOVIE .movie_list dt.movie a
{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	
	opacity: 0.8;
}
  
#MOVIE .movie_list dt.movie a:hover
{
  opacity: 0.4;
}
  
#MOVIE .movie_list dt.movie img
{
	width: 100%;
}
  
#MOVIE .movie_list dd
{
	padding: 10px 0;
}
  
#MOVIE .movie_list .text_a
{
	color: #fff;
	font-weight: bold;
	text-align: center;
	
	transform      : rotate(0.03deg);
}
  
#MOVIE .movie_list .text_b
{
	color: #fff;
	font-weight: bold;
	text-align: center;

	transform      : rotate(0.03deg);
}

#MOVIE .movie_list li:last-child
{
	  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	
	border:2px solid #e6e6e6;
	
	    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
  





/* ---------------------------------------------------------------------------------------------------- */