@charset "utf-8";

/* COMMON */
.inner { max-width:128rem; padding:0 2rem; margin:0 auto; }
h2 { text-align:center; font-size:4rem; line-height:1.2; margin-bottom:3rem; /*border-bottom:solid 1px #333; border-top:solid 1px #333; padding:10px;*/ }
h2 span { display:block; font-size:1.8rem; }
section:last-child { margin-bottom:10rem; }

/* MV */
#mv p { font-size:2.4rem; font-weight: bold; text-align:center; padding:0 2rem; }

/* FAIR */
#fair { margin-top:10rem; /*background:#F8F7F5; padding:3rem 0;*/ }
#fair a { font-size:2rem; color:#333; /*width:33%; display:block; margin:0 auto;*/ }

/* PICK UP */
#pick { margin-top:5rem; }
#pick ul { display:flex;  flex-wrap:wrap; }
#pick ul li { width:calc(33.33% - 1.333rem); margin-right:2rem; }
#pick ul li:nth-of-type(3n) { margin-right:0; }
#pick ul li:nth-of-type(n+4) { margin-top:2rem; }
#pick ul li a { color:#333; }
#pick ul li a img { margin-bottom:10px; }

@media screen and (max-width:414px){
  #pick ul { display:block; }
  #pick ul li { width:100%; margin-right:0; }
  #pick ul li:nth-of-type(n+2) { margin-top:2rem; }
}

/* ARCHIVE */
#archive { margin-top:5rem; }
#archive ul { display:flex; flex-wrap:wrap; }
#archive ul li { width:calc(25% - 1.5rem); margin-right:2rem; transition:all .3s ease-out; }
#archive ul li:nth-of-type(4n) { margin-right:0; }
#archive ul li:nth-of-type(n+5) { margin-top:2rem; }
#archive ul li.active { opacity:1; transform:scale(1); height:auto; }
#archive ul li a { display:block; color:#333; }
#archive ul li a p.day { font-size:1.4rem; line-height:1; text-align:right; margin-bottom:0.5rem; }
#archive ul li a p.tt { font-size:1.8rem; font-weight: bold; margin-top:1rem; line-height:1.2; }
#archive div.more { max-width:40rem; background:#630; margin:3rem auto 0; cursor:pointer; }
#archive div.more p { text-align:center; color:#fff; padding:1rem 0; font-weight: bold; font-size:2rem; }
#archive .none { display:none; }

@media screen and (max-width:600px){
  #archive ul li { width:calc(50% - 1rem); }
  #archive ul li:nth-of-type(4n) { margin-right:2rem; }
  #archive ul li:nth-of-type(2n) { margin-right:0; }
  #archive ul li:nth-of-type(n+3) { margin-top:2rem; }
  #archive ul li a p.tt { font-size:1.6rem; }
}