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

/*------------------------------------------------------------
レスポンシブ用
1000px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が2800px以上の場合に適用 */
@media screen and ( min-width:2800px )
{

}

/* ウィンドウ幅が1521px以上の場合に適用 */
@media screen and ( min-width:1521px )
{

}

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{
	
.pc { display: none !important; }
.sp { display: inline !important; }

	.in_contents_in{
		width: 95%;
	}

#top_img h1{
    margin: 0 auto;
}

/* LineUp -576px */

#lineup .box{
	width: 97.8%;
	margin: -3vw auto 0;
	border:solid 1.5vw #e30012;
	border-right:solid 3vw #e30012;/*影*/
	border-bottom:solid 3vw #e30012;/*影*/
}

#lineup .box2{
	width: 97.8%;
	margin: -3vw auto 0;
	border:solid 1.5vw #187fc1;
	border-right:solid 3vw #187fc1;/*影*/
	border-bottom:solid 3vw #187fc1;/*影*/
}

#lineup .box::before,
#lineup .box2::before{
	bottom: -4vw;
	left: -3vw;
	border-width: 0 5vw 5vw 0;
}

#lineup .btn{
	padding: 5% 0 5%;
	width: 80%;
	margin: 0 auto;
}

#lineup .last-btn{
	padding-bottom: 4%;
}

#lineup .note{
	margin: 1% auto 0;
}


/* footerボタン -576px */

.hp-btn{
	width: 94%;
	margin: 5% auto 10%;
}

.hp-btn li{
	margin: 0 auto 3%;
}

}