@charset "utf-8";

/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	background-image:url(../images/lineup/top_image.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents .block_inner > div{
	padding:0 15px;
}

#Main_inner .main_contents .block_inner a{
	display:block;
	padding-top:140px;
	background-color:#f5f5dc;
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
}

#Main_inner .main_contents .block_inner .selection_box,
#Main_inner .main_contents .block_inner .clasico_box {
	text-align:center;
}

#Main_inner .main_contents .block_inner .selection_box a{
	background-image:url(../images/lineup/selection_ttl.svg);
}
#Main_inner .main_contents .block_inner .clasico_box a{
	background-image:url(../images/lineup/clasico_ttl.svg);
}
#Main_inner .main_contents .block_inner a img{
	opacity:.2!important;
}
#Main_inner .main_contents .block_inner a:hover img{
	opacity:.2!important;
}

#Main_inner .main_contents .block_inner a::after{
	content:'';
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	bottom:0;
	background-repeat:no-repeat;
	background-position:center bottom;
	opacity:0;
	transition:all .6s ease-in-out;
}
#Main_inner .main_contents .block_inner a:hover::after{
	opacity:.75;
}

#Main_inner .main_contents .block_inner .selection_box a:hover::after{
	background-image:url(../images/lineup/selection_hover.svg);
}
#Main_inner .main_contents .block_inner .clasico_box a:hover::after{
	background-image:url(../images/lineup/clasico_hover.svg);
}

#Main_inner .main_contents .block_text p{
	margin-top:1em;
}

/***************
+ .intro
***************/
#Main_inner .block .intro {
	padding-top: 0;
}
/*========================================================================================

 media screen and max-width 640px
 
========================================================================================*/
@media screen and (max-width: 640px) {
/*-----------------------------------------------------------------*/
#Main_inner .main_contents .fl_section_L {
    margin-bottom: 30px;
}
/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	margin-bottom:10px;
}

/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and max-width 480px
 
========================================================================================*/
@media screen and (max-width: 480px) {
/*-----------------------------------------------------------------*/
/**********************
+ .main_contents
**********************/
/***************
+ .block
***************/
#Main_inner .main_contents .block_inner{
	padding:10px 12%;
}
#Main_inner .main_contents .block_inner > div {
    padding: 0;
}
#Main_inner .main_contents .block_inner a {
    padding-top: 25vw;
}
/*-----------------------------------------------------------------*/
}