@charset "UTF-8";

@media screen and (max-width: 767px) {
	.app-install{
		display: flex;
		align-items: center;
		background: #e9eff6;
		padding: 1rem 1rem 1rem 4rem;
		position: relative;
	}
	.app-install > a{
		display: block;
		height: 65%;
		position: absolute;
		top: 0;
		left: 0;
		padding: 1rem;
	}
	.app-install > a .btn-close{
		width: 26px;
		height: 26px;
		background: #fff;
		margin-top: 5px;
		padding:  0.5rem;
		border-radius: 50%;
	}
	.app-install > a .btn-close img{
		width: 16px;
		height: 16px;
	}
	.app-install .app-icon{
		width: 40px;
		height: 40px;
		margin: 0 5px;
	}
	.app-install .app-txt{
		font-size: 1.2rem;
	}
	.app-install .app-txt span{
		display: block;
		font-size: 1.3rem;
		font-weight: bold;
		margin-bottom: 0.5rem;
	}
	.app-install .install-btn{
		margin-left: auto;
	}
	.app-install .install-btn a{
		display: block;
		background: #014694;
		border: solid 2px #014694;
		border-radius: 3px;
		margin-left: 1rem;
		padding: 1rem;
		color: #fff;
		font-weight: bold;
		font-size: 1rem;
	}
	.app-install .install-btn a:hover{
		color: #014694;
		background: #fff;
	}

	.header-short + .header .header-sp-wrap.active{
		height: calc(100% - 60px);
	}
}

@media screen and (min-width: 768px) {
	.app-install{
		display: none !important;
	}
}