@charset "utf-8";

#conEndTop p{
	text-align: center;
	/* border: 3px solid #fff; */
	background: #003C93;
}


.contentsTitle p, #indexFreeContents div p{
	width: 100%;
}
.contentsTitle p span:first-child{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}


.oubo{
	width: 100%;
}





/* PCサイズ */
@media screen and (min-width: 1025px){
	#conEndTop{
		padding: 70px 0 50px 0;
	}
	#conEndTop p{
		padding: 20px;
		font-size: 1.2rem;
		line-height: 2rem;
	}


	#endTxt{
		padding: 15px 10px;
		border: 2px solid #fff;
	}


	.contentsTitle p{
		margin-left: 0;
	}
	.contentsTitle p span:first-child{
		height: 70px;
	}
	#hadoBr{
		display: none;
	}


	.oubo{
		margin-top: 30px;
		font-size: 1.3rem;
		line-height: 1.5rem;
	}
}





/* スマホ・タブレットサイズ */
@media screen and (max-width: 1024px){
	#conEndTop{
		margin: 0 60px;
		padding-top: 100px;
	}
	#conEndTop p{
		padding: 15px 25px;
		font-size: 1.2rem;
		line-height: 1.8rem;
	}


	#endTxt{
		padding: 15px 10px;
		border: 3px solid #fff;
	}


	.contentsTitle p{
		margin-left: 0;
	}
	.contentsTitle p span:first-child{
		height: 80px;
	}


	.oubo{
		margin-top: 30px;
		padding: 20px 30px;
		font-size: 1.35rem;
	}
}





/* スマホ専用サイズ ※微調整用 */
@media screen and (max-width: 499px){

	/* index.html */
	#conEndTop{
		margin: 0 20px;
		padding-top: 80px;
	}
	#conEndTop p{
		padding: 20px 15px;
		font-size: 0.9rem;
		line-height: 1.7rem;
	}


	#endTxt{
		border: 2px solid #fff;
		font-size: 0.9rem !important;
	}


	.contentsTitle p, #indexFreeContents div p{
		width: 93%;
		margin: 0 auto;
	}
	.contentsTitle p span:first-child{
		height: 60px;
	}
	
	
	.oubo{
		width: 100%;
		margin-top: 20px;
		padding: 15px 20px;
		font-size: 1rem;
		line-height: unset;
	}


	#indexFreeContents{
		margin-bottom: 0;
	}
	#free h5{
		margin: 5px 0 15px 0;
	}





	/* contents.html */
	#taikoDetails1 h4{
		display: flex;
	}
	#taikoDetails2{
		margin-top: 70px;
	}
}