@charset "UTF-8";

.smartAppBanner {display: none;}

@media screen and (max-width: 767px) {
	.smartAppBanner {
		display: none;
		background-color: #f5f5f5;
	}
	.smartAppBanner[aria-hidden="false"] {
		display: block;
	}
	.smartAppBanner .smartAppBannerInner {
		display: none;
		position: relative;
		max-width: 1200px;
		margin: 0 auto;
		padding: 12px 12px 12px 36px;
		cursor: pointer;
	}
	.smartAppBanner .smartAppBannerInner[aria-hidden="false"] {
		display: block;
	}
	.smartAppBanner .smartAppBannerColumn {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}
	.smartAppBanner .smartAppBannerClose {
		position: absolute;
		top: 50%;
		left: 5px;
		margin-top: -12px;
	}
	.smartAppBanner .smartAppBannerClose > .close {
		display: block;
		width: 24px;
		height: 24px;
		text-align: center;
	}
	.smartAppBanner .smartAppBannerClose > .close::before {
		content: "\e900";
		color: #000;
		font-family: 'icon_type2018';
		font-weight: bold;
		font-size: 14px;
		line-height: 0;
	}
	.smartAppBanner .smartAppBannerClose > .close > .closeText {
		display: none;
	}
	.smartAppBanner .smartAppBannerInfo {
		display: flex;
		align-items: center;
		margin-right: 10px;
	}
	.smartAppBanner .smartAppBannerInfo .icon {
		width: 40px;
		height: 40px;
		margin-right: 10px;
	}
	.smartAppBanner .smartAppBannerInfo .text {
		line-height: 1.3;
		color: #3c3c3c;
	}
	.smartAppBanner .smartAppBannerStore {
		margin-left: auto;
	}
	.smartAppBanner .smartAppBannerStore img {
		width: 84px;
	}
}