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

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

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

/* ウィンドウ幅が1870px以上の場合に適用 */
@media screen and ( min-width:1870px )
{
/* 背景を固定サイズへ*/
#in_contents #con_top{
    background-size:auto auto!important;
	width: 100%;
	height: auto;
	background-color: #a90007;
}
	
#in_contents #lineup{
    background-size:auto auto!important;
	width: 100%;
	height: auto;
	background-color: #fef1f0;
}

}

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

/* 本番左メニュー対応　固定メニューは、240px左に寄せるなどして対応*/

}

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

/* 背景大に入れ替え */
#in_contents #con_top{
	background: url("../../img/top_bkbig.jpg") no-repeat top center;
	width: 100%;
	height: auto;
	background-color: #a90007;
	background-size: cover;
}
	
#in_contents #lineup{
	background: url("../../img/cont_bkbig.png") no-repeat top center;
	width: 100%;
	height: auto;
	background-color: #fef1f0;
	background-size: cover;
}

}

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

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

#in_contents .contents_box{
	width: 100%;
	height: auto;
	/*margin: 0 auto 4%;*/
}

#container .margin_t32{
	margin-top: 3.2%;
}

#container .margin_t7{
	margin-top: 7%;
}
	
#container .margin_b5{
	margin-bottom: 5%;
}

#container .margin_b7{
	margin-bottom: 7%;
}

#container .margin_b10{
	margin-bottom: 10%;
}

#in_contents #lineup img{
	width: 100%;
	height: auto;
	max-width: 1340px;
}
	
#in_contents .link_btn img{
	width: 70%!important;
	height: auto;
}
	
#in_contents .hpbtn_img img{
	width: 70%!important;
	height: auto;		
}

}

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

#in_contents .sp { display: inline !important; }
#in_contents .pc { display: none !important; }

#in_contents #con_top{
	background: none;
	background-color: #a90007;
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}

#in_contents #lineup{
	background: none;
	background-color: white;
	width: 100%;
	height: auto;
	text-align: center;
	position: relative;
}
	
#in_contents .margin_b5{
	margin-bottom: 0!important;
}
	
#in_contents .link_btn img{
	width: 50%!important;
	height: auto;
	max-width: 220px!important;
}
	
#in_contents .link_btn{
	position: absolute;
	bottom: 2.2%;
	left: 0;
	right: 0;
}

#in_contents #lineup .red_line{
	display: none;
}
	
#in_contents #lineup li{
	margin-bottom: 0;
}

#in_contents .passo_li{
	padding-top: 0;
}
	
#in_contents .hpbtn_img img{
	width: 50%!important;
	height: auto;
	max-width: 220px!important;
}

#in_contents .hpbtn_img {
	margin-bottom: 10%;
}
	
#container #con_menu ul img{
	width: 100%;
	height: auto;
	max-width: 186px;
}
	
#container #con_menu ul{
	margin-left:-186px;
	width: 372px;
	height: auto;
}

}

/* ウィンドウ幅が380px以内の場合に適用 */
@media screen and ( max-width:380px )
{
	
#container #con_menu ul img{
	width: 160px;
	height: auto;
}
	
#container #con_menu ul{
	margin-left:-160px;
	width: 320px;/* 320pxまで対象 */
	height: auto;
}
	
}