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




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


#MAIN
{
	background: url(/asset/img/seventeen/2026/main_back.png) repeat-x center center #fffddb;
}

#MAIN .main_box
{
	padding-top:67px;
	
	text-align: center;
	
	/*background: url(/asset/img/seventeen/2023/main_deco_01.png) no-repeat top center;*/
}

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

#MAIN .main_box .main_instagram
{
	position: absolute;
	top: 400px;
	left: 0;
	right: 0;
	margin: auto;
}


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


#MENU
{
  padding:20px 0;
	
	background: url(/asset/img/seventeen/back_yellow.png) repeat top center #ffd53a;
}

#MENU .inner
{
	margin: 0 auto;
	
	width:1100px;
	
	text-align: center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

#MENU p
{
  margin-left:20px;
	
	color:#1a1a1a;
	font-size:110%;
	text-align: left;
	font-weight: bold;
	line-height:1.0;

	transform      : rotate(0.03deg);
}


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


#PHOTO
{
	margin         : 0px;
	
	min-width      : 1100px;
	min-height     : 770px;
	
	background     : url(/asset/img/seventeen/2026/photo_back_01.png) repeat top center;
	
	position       : relative;
	overflow       : hidden;
}

#PHOTO::before
{
	content        : "";
	
	background     : url(/asset/img/seventeen/2026/photo_back_02.png) no-repeat top center;

	width          : 100%;
	height         : 940px;
	
	position       : absolute;
}

#PHOTO .inner
{
	margin         : 0 auto;
	padding-top    : 100px;
	padding-bottom : 80px;
	
	width          : 1180px;
}

#PHOTO #photoBox
{
	display        : flex;
	justify-content: space-between;
	flex-wrap      : wrap;
	align-items    : flex-start;
	
	position       : relative;
}

#PHOTO #photoBox li
{
	margin-bottom  : 40px;
	
	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::before
{
	content        : "";
	
	background     : url(/asset/img/seventeen/2026/photo_frame.png) no-repeat center center;
	background-size: 420px 380px;
	
	width          : 420px;
	height         : 380px;
	
	position       : absolute;
	top            : -35px;
	left           : -50px;
	
	z-index        : 2;
}

#PHOTO #photoBox li:nth-child(1){ margin-top: -40px; margin-left: -10px; box-shadow: 12px 12px 0px 0px #ffec3f; }
#PHOTO #photoBox li:nth-child(2){ margin-top: 0px; margin-right: 0px; box-shadow: 12px 12px 0px 0px #a2d7d4; }
#PHOTO #photoBox li:nth-child(3){ margin-top: -20px; margin-right: 30px; box-shadow: 12px 12px 0px 0px #ef9ac7; }
#PHOTO #photoBox li:nth-child(4){ margin-top: 50px; margin-left: 30px; box-shadow: 12px 12px 0px 0px #a2d7d4; }
#PHOTO #photoBox li:nth-child(5){ margin-top: 30px; margin-left: 0px; box-shadow: 12px 12px 0px 0px #ef9ac7; }
#PHOTO #photoBox li:nth-child(6){ margin-top: 80px; margin-right: -10px; box-shadow: 12px 12px 0px 0px #ffec3f; }


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

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



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


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

#MOVIE .inner
{
	margin         : 0 auto;
	padding-top    : 30px;
	
	width          : 1100px;

	background     : url(/asset/img/seventeen/loveplus_image.jpg) no-repeat top right;
}

#MOVIE h2
{

	text-align     : left;
}

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

	transform      : rotate(0.03deg);
}

#MOVIE .movie_list
{
	margin-top : 80px;
	
	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.color10 { background : #a064c8; }
  
#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;
}
  


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



#INSTAGRAM
{
	background: -moz-linear-gradient(90deg, #db2e39, #b32aa4); 
	background: -webkit-linear-gradient(90deg, #db2e39, #b32aa4); 
	background: linear-gradient(90deg, #db2e39, #b32aa4); 
}

#INSTAGRAM a
{
	padding:0 10px 10px 10px;
	
	text-decoration: none;
	
	display:block;
}

#INSTAGRAM .insta_txt
{
	padding:15px 0;
	
	display: flex;
	align-items: center;
	justify-content: center;
}

#INSTAGRAM .insta_txt img
{
	margin-right:15px;
	
	width:35px;
	height:35px;
	
}

#INSTAGRAM .insta_txt p
{
	color:#fff;
	font-size:135%;
	font-weight: bold;
  text-align: center;
	line-height:1.0;
	
	transform      : rotate(0.03deg);
	
}

#INSTAGRAM .insta_img
{
	min-width:1080px;
}

#INSTAGRAM .insta_img img
{
  width:100%;
}

  

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