@charset "utf-8";

/*------------------------------------------------------------------------------
共通設定
------------------------------------------------------------------------------*/
.buttonArea {
	display: flex;
    justify-content: center;
	margin: min((40vw / 6.4), 30px) 0;
}
.base-button-link__item {
	font-size: min(calc(32vw / 7.5), 18px);
	background: #902590;
	border-radius: min((20vw / 6.4), 25px);
}


/*------------------------------------------------------------------------------
PC用
------------------------------------------------------------------------------*/
@media only screen and (min-width: 992px) {
	[class^="is-qr"] .imageArea {
		width:992px;
		margin: 0 auto;
	}
}

/*------------------------------------------------------------------------------
タブレット用
------------------------------------------------------------------------------*/
@media only screen and (min-width: 741px) and (max-width: 992px) {
}

/*------------------------------------------------------------------------------
スマホ用
------------------------------------------------------------------------------*/
@media (max-width:741px) {
	[class^="is-qr"] #container {
		width:100%;
	}
	[class^="is-qr"] .his-top__button {
		line-height: 1.3;
		padding-right: calc(55em / 26);
	}
}

/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {
	.base-button-link__item:hover {
		background: #902590;
		opacity: .8;
		transition: opacity var(--default-hover-speed);
	}
}