@charset "utf-8";

/*
************************************************************************
* バナー
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* バナーボタン
************************************************************************
*/
.banner-button
{
	display:block;
	
	border:1px solid;
	
	padding:20px;
}
.banner-button:hover
{
	text-decoration:none;
}
a.banner-button
{
	transition-duration:0.2s;
	transition-timing-function:ease-out;
	transition-property:all;
}
a.banner-button:hover
{
	transform:translateY(-2px);
	box-shadow:1px 1px 4px 0 rgba(0,0,0,0.3);
}
.banner-button .banner-eyecatch
{
	float:left;
	width:300px;
}
.banner-button .banner-eyecatch + .banner-body
{
	margin-left:320px;
}
.banner-button .title
{
	line-height:1.2;
}
a.banner-button:hover .title
{
}
.banner-button .description
{
	margin-top:1.0em;
}
.banner-button .notice
{
	
	margin-top:1.0em;
	padding-top:1.0em;
	
	border-top:1px solid;
}
/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.banner-button
	{
		border-radius:10px;
		padding:20px;
	}
	.banner-button:hover
	{
	}
	a.banner-button
	{
	}
	a.banner-button:hover
	{
	}
	.banner-button .banner-eyecatch
	{
		float:none;
		width:100%;
		margin-bottom:1em;
	}
	.banner-button .banner-eyecatch + .banner-body
	{
		margin-left:0px;
	}
	.banner-button .title
	{
	}
	.banner-button .description
	{
	}
	.banner-button .notice
	{
	}
}