@charset "utf-8";
@media screen and (min-width: 901px) {
	/* フローティングバナー */
	.mobile-page-u96-floating-banner-area {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #E5E5E5;
		background: rgba(0, 0, 0, 0.8);
		z-index: 9999;
	}
	.mobile-page-u96-floating-banner-item {
		margin: 5px auto;
		height: 90px;
		max-width: 950px;
		display: flex;
		justify-content: center;
	}
	.mobile-page-u96-floating-banner-text {
		margin: 18px 0 0 20px;
	}
	.mobile-page-u96-floating-banner-item-button {
		color: #fff;
		width: 20%;
		min-width: 250px;
		margin: 23px 0 23px 23px;
		font-size: 16px;
		margin-left: 29px;
		display: block;
		text-align: center;
		border-radius: 100px;
		line-height: 46px;
		font-weight: bold;
		position: relative;
		-webkit-transition: opacity 0.4s;
		transition: opacity 0.4s;
		background: -webkit-gradient(linear, left bottom, left top, from(#0f82b8), to(#0b5bce));
		background: linear-gradient(0deg, #0f82b8 0%, #0b5bce 100%);
		text-decoration: none;
	}
	.mobile-page-u96-floating-banner-item-button:hover {
		opacity: 0.6;
	}
	.mobile-page-u96-floating-banner-item-button:before {
		content: "";
		display: block;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
		width: 8px;
		height: 8px;
		position: absolute;
		right: 25px;
		top: 0;
		bottom: 0;
		margin: auto;
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.mobile-page-u96-floating-banner-close-button {
		display: inline-block;
		width: 15px;
		height: 15px;
		position: relative;
		left: 113px;
		cursor: pointer;
		margin-top: 10px;
	}
	.mobile-page-u96-floating-banner-close-button-s {
		display: inline-block;
		width: 15px;
		height: 15px;
		position: relative;
		left: 115px;
		cursor: pointer;
		margin-top: 10px;
	}
	.mobile-page-u96-floating-banner-close-button-item::before,
	.mobile-page-u96-floating-banner-close-button-item::after {
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 50%;
		width: 84%;
		height: 16%;
		margin: -8% 0 0 -42%;
		background: #86888A;
	}
	.mobile-page-u96-floating-banner-close-button-item::before {
		transform: rotate(-45deg);
	}
	.mobile-page-u96-floating-banner-close-button-item::after {
		transform: rotate(45deg);
	}
	/* card-footer */
	.mobile-page-u96-card-footer {
		background-color: #fff;
		padding: 0 75px 30px;
		color: #333;
	}
	
	.mobile-page-u96-card-footer-hairline {
		margin: 0 0 30px;
	}
	.mobile-page-u96-card-footer-selection {
		text-align: center;
	}
}
@media screen and (max-width: 900px) {
	/* フローティングバナー */
	.mobile-page-u96-floating-banner-area {
		display: none;
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 8px 10px 34px;
		z-index: 9999;
	}
	.mobile-page-u96-floating-banner-item {
		position: relative;
	}
	.mobile-page-u96-floating-banner-img {
		width: 100%;
	}
	.mobile-page-u96-floating-banner-item-button {
		position: absolute;
		bottom: 12%;
		right: 16%;
		left: 16%;
		height: 28%;
		cursor: pointer;
	}
	.mobile-page-u96-floating-banner-item-button:active {
		opacity: 0.6;
	}
	.mobile-page-u96-floating-banner-close-button {
		position: absolute;
		right: 4%;
		top: 10%;
		width: 2.5%;
		height: 9%;
	}
	/* card-footer */
	.mobile-page-u96-card-footer {
		background-color: #fff;
		padding: 0 20px 20px;
		color: #333;
		font-size: 13px;
	}
	.mobile-page-u96-card-footer-hairline {
		margin: 0 0 20px;
	}
	.mobile-page-u96-card-footer-selection img {
		width: 100%;
	}
}