@charset "UTF-8";
/* CSS Document */


.inner{
	width:100%;
	max-width:820px;
	margin:0 auto;
}

.title{
	text-align:center;
	padding-bottom:10vw;
}

.title h1{
	font-size:6vw;
	line-height:1.3;
}

.title h1 span{
	font-size:50%;
	color:#d5c58e;
	letter-spacing:0.3em;
	margin-bottom:1vw;
	display:block;
}

.co{
	padding:0 6vw 15vw;
}

.co ul{
	margin-left:-9%;
}

.co ul li{
	width:41%;
	margin-left:9%;
	padding-bottom:5vw;
	float:left;
}

.co ul li a p{
	font-size:3.3vw;
	line-height:1.3;
	color:#000;
	margin-top:3vw;
}

.co ul li a p span{
	font-size:90%;
	color:#8b8564;
	display:block;
}

/*Y Add*/
.album-title{
	margin-bottom:3vw;
	padding:0 12px;
}

.album-date{
	font-size:50%;
	color:#d5c58e;
	font-weight:bold;
}

.album-main{
	padding:0 12px;

	font-size:110%;
	display:block;
}

.album-main img{
	/*width:80%;*/
	width:100%;
	height:auto;
}
/*end Y Add*/

@media screen and (min-width: 820px) {
	
  .inner{
	  margin:0 auto;
	  padding:0 40px;
	  box-sizing:border-box;
  }
  
  header.se{
	  background:url(../img/mv_pc.jpg) center no-repeat;
	  background-size:cover;
  }
	  
  .title{
	  padding-bottom:30px;
  }
  
  .title h1{
	  /*font-size:51px;*/
		font-size:36px;
	  line-height:1;
	  margin-bottom:100px;
  }
  
  .title h1 span{
	  margin-bottom:20px;
  }
    
  .co{
	  padding:0 40px 80px;
  }
	
  .co ul li a p{
	  /*font-size:25px;*/
		font-size:20px;
	  margin-top:20px;
  }
	
	/*Y Add*/
	.album-title{
	  margin-bottom:0.5em;
  }
	.album-date{
		/*font-size:22px;*/
		font-size:18px;
	}
	.album-main{
  	/*font-size:26px;*/
		font-size:18px;
  }
	/*end Y Add*/
}