@charset "UTF-8";
/* @content */
#variety-top #page_header {
  background-image: url(../images/variety-top/under_layer-main@2x.jpg);
}
/* top-wrap */

#variety-top #section10{
	text-align: center;
	margin-bottom: 50px;
	font-size: 18px;

}

/* main-wrap20 */
#variety-top #section20{
	background-color: #F7F7FC;
}
#variety-top #section20 .main-top{
	margin: 0 auto;
	max-width: 1450px;
	width: 90%;
	padding:60px 0;
    display: flex;
    align-items: center;
}
#variety-top #section20 .main-top__contents{
	width: 64%;
	margin-right: 70px;
}
#variety-top #section20 .main-top__contents img{
	border-radius: 20px;
}
#variety-top #section20 .main-top__text{
	text-align: center;
	width: 20%;
}
#variety-top #section20 .main-top__name{
	font-size: 24px;
}
#variety-top #section20 .main-top__season{
	font-size: 18px;
	color: #4D268C;
	padding-bottom: 10px;
}
#variety-top #section20 .main-top__detail{
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}
#variety-top #section20 .main-top__btn{
	background-color: #4D268C;
}


/* main-sidewrap30 */
#variety-top #section30{
	background-color: #FEF9EA;
}
#variety-top #section30 .main-sidetop{
	margin: 0 auto;
	max-width: 1450px;
	width: 90%;
	padding:60px 0;
    display: flex;
    align-items: center;
}
.flex-end {
	justify-content: flex-end;
}
#variety-top #section30 .main-sidetop__contents{
	width: 64%;
	margin-left: 70px;
}
#variety-top #section30 .main-sidetop__contents img{
	border-radius: 20px;
}
#variety-top #section30 .main-sidetop__text{
	text-align: center;
	width: 20%;
}
#variety-top #section30 .main-sidetop__name{
	font-size: 26px;
}
#variety-top #section30 .main-sidetop__season{
	font-size: 18px;
	color: #E5C00C;
	padding-bottom: 10px;
}
#variety-top #section30 .main-sidetop__detail{
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}
#variety-top #section30 .main-sidetop__btn{
	background-color: #E5C00C;
}


/* main-wrap40 */
#variety-top #section40{
	background-color: #FFFFFF;
}
#variety-top #section40 .main-sidebottom{
	margin: 0 auto;
	max-width: 1450px;
	width: 90%;
	padding:60px 0;
    display: flex;
    align-items: center;
}
#variety-top #section40 .main-sidebottom__contents{
	width: 64%;
	margin-right: 70px;
}
#variety-top #section40 .main-sidebottom__contents img{
	border-radius: 20px;
}
#variety-top #section40 .main-sidebottom__text{
	text-align: center;
	width: 20%;
}
#variety-top #section40 .main-sidebottom__name{
	font-size: 26px;
}
#variety-top #section40 .main-sidebottom__season{
	font-size: 18px;
	color: #D66213;
	padding-bottom: 10px;
}
#variety-top #section40 .main-sidebottom__detail{
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}
#variety-top #section40 .main-sidebottom__btn{
	background-color: #D66213;
}


/* main-wrap50 */
#variety-top #section50{
	background-color: #FFFFFF;
}
#variety-top #section50 .main-bottom{
	margin: 0 auto;
	max-width: 1450px;
	width: 90%;
	padding:60px 0;
    display: flex;
    align-items: center;
}
.flex-end {
	justify-content: flex-end;
}
#variety-top #section50 .main-bottom__contents{
	width: 64%;
	margin-left: 70px;
}
#variety-top #section50 .main-bottom__contents img{
	border-radius: 20px;
}
#variety-top #section50 .main-bottom__text{
	text-align: center;
	width: 20%;
}
#variety-top #section50 .main-bottom__name{
	font-size: 26px;
}
#variety-top #section50 .main-bottom__season{
	font-size: 18px;
	color: #FF8D8D;
	padding-bottom: 10px;
}
#variety-top #section50 .main-bottom__detail{
	text-align: left;
	font-size: 15px;
	padding-bottom: 20px;
}
#variety-top #section50 .main-bottom__btn{
	background-color: #FF8D8D;
}


/****************/
/*  小PC表示　max 1024px  */
/****************/
@media screen and (max-width: 1024px) {
	#variety-top #section10{
		margin-top: 120px;
	}
	#variety-top #section20 .main-top__contents{
	width: 64%;
	margin-right: 30px;
    }
	#variety-top #section20 .main-top__text {
    	width: 30%;
	}
	#variety-top #section30 .main-sidetop__contents{
	width: 64%;
	margin-left: 30px;
    }
	#variety-top #section30 .main-sidetop__text {
    	width: 30%;
	}
	#variety-top #section40 .main-sidebottom__contents{
	width: 64%;
	margin-right: 30px;
    }
	#variety-top #section40 .main-sidebottom__text {
    	width: 30%;
	}
	#variety-top #section50 .main-bottom__contents{
	width: 64%;
	margin-left: 30px;
    }
	#variety-top #section50 .main-bottom__text {
    	width: 30%;
	}
}
/****************/
/*  ipad表示　max 768px  */
/****************/
@media screen and (max-width: 768px) {
    #variety-top #section10{
	    margin: 50px;
	    text-align: left;
	    font-size: 16px;
	}


	#variety-top #section20 .main-top {
		flex-flow: column;
		padding: 30px 0;
	}
	#variety-top #section20 .main-top__contents{
		width: 100%;
		margin: 0px;
    }
    #variety-top #section20 .main-top__contents img{
    	border-radius: 15px;
    }
	#variety-top #section20 .main-top__text {
    	width: 100%;
	}
	#variety-top #section20 .main-top__season{
	    padding-bottom: 5px;
    }
    #variety-top #section20 .main-top__detail{
	    padding-bottom: 10px;
    }



	#variety-top #section30 .main-sidetop {
		flex-flow: column-reverse;
		padding: 30px 0;
	}
    #variety-top #section30 .main-sidetop__contents{
    	width: 100%;
    	margin: 0;
    } 
    #variety-top #section30 .main-sidetop__contents img{
    	border-radius: 15px;
    } 	
	#variety-top #section30 .main-sidetop__text {
    	width: 100%;
	}
	#variety-top #section30 .main-sidetop__season{
	    padding-bottom: 5px;
    }
    #variety-top #section30 .main-sidetop__detail{
    	padding-bottom: 10px;
    }


	#variety-top #section40 .main-sidebottom {
		flex-flow: column;
		padding: 30px 0;
	}
	#variety-top #section40 .main-sidebottom__contents{
    	width: 100%;
    	margin: 0;
	}
	#variety-top #section40 .main-sidebottom__contents img{
    	border-radius: 15px;
    }
	#variety-top #section40 .main-sidebottom__text{
    	width: 100%;
	}
	#variety-top #section40 .main-sidebottom__season{
	    padding-bottom: 5px;
    }
     #variety-top #section40 .main-sidebottom__detail{
	    padding-bottom: 10px;
    }



	#variety-top #section50 .main-bottom {
		flex-flow: column-reverse;
		padding: 30px 0;
	}
	#variety-top #section50 .main-bottom__contents{
    	width: 100%;
    	margin: 0;
	}
	#variety-top #section50 .main-bottom__contents img{
    	border-radius: 15px;
    }
	#variety-top #section50 .main-bottom__text {
    	width: 100%;
	}
	#variety-top #section50 .main-bottom__season{
	    padding-bottom: 5px;
    }
    #variety-top #section50 .main-bottom__detail{
	    padding-bottom: 10px;
    }
}
/****************/
/*  SP表示　max 480px  */
/****************/
@media screen and (max-width: 480px) {
	#variety-top #page_header {
  	background-image: url(../images/variety-top/under_layer-main-sp@2x.jpg);
	}
	#variety-top #section10{
	    margin: 50px 0 30px;
	}
	#variety-top #section50 .main-bottom__name {
    font-size: 22px;
	}
}