@charset "UTF-8";



/***********************************
 カバー画像
 ***********************************/
#coverBlock{
	display:block;
	overflow:hidden;
	width:100%;
	position:relative;
}

#coverImg{
	display:block;
	overflow:hidden;
	width:100%;
}

#coverImg img{
	width:100%;
	height:100vh;
	object-fit: cover;
	object-position: left bottom;
}


#cpTxt{
	display:inline-block;
	overflow:hidden;
	width:85px;
	height:auto;
	position:absolute;
	top:270px;
	right:100px;
}

#cpTxt > img{
	width:100%;
	height:auto;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){

	#coverImg img{
		width:100%;
		height:auto;
	}

	#cpTxt{
		display:none;
	}
}



/*メインタイトル*/
#coverBlock h1{
	display:block;
	overflow:hidden;
	width:calc(100% - 120px);
	position:absolute;
	top:25px;
	left:25px;
	filter: drop-shadow(6px 6px 6px rgba(0,0,0,0.5));
	/*padding:0 100px;*/
}

#coverBlock h1 img{
	width:100%;
	height:auto;
}

#coverBlock h1 > span{
	display:inline-block;
	font-size:2.4rem;
	font-weight:700;
	line-height:125%;
	color:#ffffff;
}

#coverBlock h1 > span:nth-child(3){
	float:right;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){

	#coverBlock h1{
		width:calc(100% - 20vw);
		top:10px;
		left:10px;
	}

	#coverBlock h1 > span{
		display:block;
		text-align:left;
		font-size:1.6rem;
	}

	#coverBlock h1 > span:nth-child(3){
		float:none;
	}


}


/*コピーテキスト*/
#topCopy{
	display:block;
	overflow:hidden;
	width:100%;
	text-align:center;
	margin:25px 0;
}

#topCopy > p{
	display:block;
	overflow:hidden;
	font-size:3.1rem;
	font-weight:700;
	letter-spacing:0.15em;
	line-height:175%;
	font-style:italic;
	color:#ff6d57;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){

	#topCopy > p{
		padding:0 3vw;
		font-size:2.1rem;
		line-height:155%;
	}


}




#coverBlock > ul{
	display:block;
	overflow:hidden;
	width:100%;
	/*max-width:1024px;*/
	margin:0 auto;
	padding:0 5px;
	letter-spacing: -.4em;
	line-height:100%;
	text-align:center;
}

#coverBlock > ul > li{
	display:inline-block;
	overflow:hidden;
	padding:2px;
	letter-spacing:normal;
	line-height:100%;
}

#coverBlock > ul > li > img{
	width:100%;
	height:auto;
}

#coverBlock > ul > li.sizeM{
	width:25%
}

#coverBlock > ul > li.sizeL{
	width:33.3%
}


/* for Sp --------------------*/
@media screen and (max-width:480px){


	#coverBlock > ul > li.sizeM{
		width:33.3%
	}

	#coverBlock > ul > li.sizeL{
		width:50%
	}

	/*#coverBlock > ul > li:nth-child(5){
		width:66.6%;
	}*/
}




section+section{
	margin-top:25px;
}


.dataFrame h2{
	display:block;
	overflow:hidden;
	font-size:2.1rem;
	font-weight:700;
	line-height:125%;
	text-align:center;
	padding:0.5em 0;
	background-color:#e91e63;
	color:#ffffff;
	/*border:1px solid #cccccc;*/
	margin-bottom:1em;
}

.dataFrame p{
	display:block;
	overflow:hidden;
	font-size:1.6rem;
	line-height:175%;
}



.dataFrame p+p{
	margin-top:1em;
}



/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	
}



.twinBox{
	display:block;
	overflow:hidden;
	width:50%;
	float:left;
}

#profile{
	padding-left: 2em;
}

#profile > .innerFrame{
	display:block;
	overflow:hidden;
	padding:1em;
	border:1px solid #2196f3;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

#profile > .innerFrame > img{
	width:100%;
	height:auto;
	max-width:960px;
}

#profile >.innerFrame > h3{
	display:block;
	overflow:hidden;
	font-size:1.8rem;
	line-height:125%;
	margin:0.5em 0;
}

#profile >.innerFrame > p{
	font-size:1.4rem;
}


.lgLetter > p:first-letter {
	font-size:2.8rem;
	color:#ff6d57;
	font-weight:700;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	.twinBox{
		width:90vw;
		float:none;
		margin:0 auto;
	}

	#profile{
		padding-left:0;
		margin-top:6vw;
	}


}


#sec04 dl{
	display:block;
	overflow:hidden;
	border-bottom:1px dotted #cccccc;
}

#sec04 dl > dt{
	clear:both;
	display:block;
	overflow:hidden;
	width:10em;
	float:left;
}

#sec04 dl > dd{
	display:block;
	overflow:hidden;
	width:calc(100% - 10em);
	float:left;
}

#sec04 dl > dt,
#sec04 dl > dd{
	padding:0.5em 0;
	border-top:1px dotted #cccccc;
}

#sec04 dl > dt:nth-child(1),
#sec04 dl > dd:nth-child(2){
	border-top:none;
}

strong{
	font-weight:700;
	font-size:1.8rem;
}

.notes{
	padding:1em;
	font-style: italic;
	color:#3c3c3c;
	background-color:#f5f5f5;
}

p.alRight{
	text-align:right;
	font-size: 1.8rem;
	font-style:italic;
}

/* for Sp --------------------*/
@media screen and (max-width:480px){
	
	#sec04 dl{
		font-size:1.4rem;
	}

}


#endFrame{
	display:block;
	overflow:hidden;
	clear:both;
	width:100%;
	height:120px;
	position:relative;
}


/* for Sp --------------------*/
@media screen and (max-width:480px){
    
    #endFrame{
		height:12vw;
    }
}