@charset 'utf-8';
/**
Theme Name  : ryugindc
Theme URI   : 
Description : Hot Plan
Version     : 1.0
Author      : (c) りゅうぎんDC



/* 3カラム */
#cardlayout-wrap
{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : justify;
	margin : 0 auto;
	max-width : 960px;
	width : 100%;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	-webkit-box-pack : justify;
	justify-content : space-between;
}

#cardlayout-wrap
{
	position : relative;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-ms-flex-pack : justify;
	margin : 2em auto;
	max-width : 960px;
	width : 100%;
	-ms-flex-wrap : wrap;
	    flex-wrap : wrap;
	-webkit-box-pack : justify;
	justify-content : space-between;
}

/* リンクテキストの下線を非表示 */
a.card-link
{
	text-decoration : none;
}

/* カードレイアウト内の画像を幅いっぱいに表示 */
#cardlayout-wrap img
{
	display : block;
	max-width : 100%;
	height : auto;
}

.card-figure
{
	margin : 0;
	padding : 0;
}

/* カードレイアウトのタイトル部分 */
.card-title
{
	margin : 0.6em 0 0;
	color : #fa709a; ;
	text-align : center;
	font-size : 1.4em;
}

/* カードレイアウトの説明文部分 */
.card-text-tax
{
	margin : 0;
	padding : 1em;
	color : #818181;
}

.card-list a::after
{
	content : '';
	position : absolute;
	top : 0;
	right : 0;
	bottom : 0;
	left : 0;
	z-index : 1;
}


/* カードレイアウトを1カラムで配置 */
.card-list
{
	position : relative;
	margin : 0.5em auto;
	padding : 0;
	width : 100%;
	background : #ffffff;
	box-shadow : 0 4px 8px rgba(0, 0, 0, 0.08);
}

/* 画面幅768px以上の場合カードレイアウトを2カラムで配置 */
@media all and (min-width: 768px)
{
	.card-list
	{
		margin : 0.5em 0;
		width : calc(100% / 2); /* 100%幅を2で割るという指定 */
	}
}


/* 画面幅992px以上の場合カードレイアウトを3カラムで配置 */
@media all and (min-width: 992px)
{
	.card-list
	{
		width : calc(100% / 3); /* 100%幅を3で割るという指定 */
	}

	/* 最後の行が3列より少ない場合左寄せにレイアウトさせる */
	#cardlayout-wrap::after
	{
		content : '';
		display : block;
		width : calc(100% / 3);
	}
}
.grecaptcha-badge
{
	z-index : 10000;
}
@media screen and (max-width: 767px)
{
	.grecaptcha-badge
	{
		bottom : 90px !important;
	}
	.footer-bottom__copyright
	{
		text-align : center !important;
	}
}