/* -------------------------- */
/* fadeIn
/* -------------------------- */


.fadeIn {
        opacity: 1;
}
  

/* -------------------------- */
/* in common
/* -------------------------- */

.section_1{
	margin: auto;
	max-width: 80%;
}

.section-title{
	font-family: "longhand-lp", sans-serif;
	color: #fff;
	margin-bottom: 10%;
	font-size: 5.0rem;
	text-align: left;
}


/* INTRODUCTION page */

.int_txt_1{
	margin: auto auto 3% auto;
	color: #fff;
	font-size: 1.3rem;
	text-align: left;
	letter-spacing: 0.05em;
}

.int_txt_2{
	margin: auto;
	color: #fff;
	font-size: 1.0rem;
	text-align: left;
	letter-spacing: 0.1em;
}


/* //INTRODUCTION page */

/* ARCHIVE page */

figure {
  margin: 0 20% 5% 0;
}

.song_txt_1{
	margin: auto auto 0 auto;
	color: #fff;
	font-size: 1.3rem;
	text-align: left;
	letter-spacing: 0.05em;
}

.song_txt_2{
	margin: auto auto 3% auto;
	color: #fff;
	font-size: 1.0rem;
	text-align: left;
	letter-spacing: 0.1em;
}

.flex-song{
	display: flex;
	justify-content:flex-start;
}

@media only screen and (max-width: 768px) {
	
  figure {
  margin: 0 0% 5% 0;
}
	
  .flex-song{
	display:contents;
}
	
}

/* //ARCHIVE page */


/* -------------------------- */
/* //in common
/* -------------------------- */


/* ----------------------------------------------------------------780px */

@media screen and (max-width:780px){


.fadeIn {
        opacity: 1;
}
    


/* -------------------------- */
/* sp-in common
/* -------------------------- */

.section-title{
	font-family: "longhand-lp", sans-serif;
	color: #fff;
	font-size: 3.0rem;
	max-width: 80%;
	text-align: left;
}


/* INTRODUCTION page */
	
.section_width{
	max-width: 90%;
}

.int_txt_1{
	margin: auto auto 3% auto;
	color: #fff;
	font-size: 1.1rem;
	text-align: left;
	letter-spacing: 0.05em;
}

.int_txt_2{
	margin: auto;
	color: #fff;
	line-height: 2.0rem;
	font-size: 0.8rem;
	text-align: left;
	letter-spacing: 0.15em;
}


/* //INTRODUCTION page */


/* -------------------------- */
/* //sp-in common
/* -------------------------- */





}