@charset "UTF-8";

/* ----セットキャンペーン セット購入リンク---- */
.set-3,.set-pair {
	display: none;
}


/* ----セットキャンペーン---- */
.set-off {
	font-size: 1.4rem;
	color: #e60012;
}
@media screen and (min-width: 768px) {
	.set-off {
		font-size: 1.5rem;
	}
}

.set-off__tax {
	font-size: 0.75em;
}

@media screen and (min-width: 768px) {
    .set-link {
        max-width: 500px;
    }
}

.set-link__anchor {
    position: relative;
	display: flex;
	justify-content: center;
  	align-items: center;
    font-size: 1.5rem;
	line-height: 1.25;
	min-height: 6rem;
    margin: 2rem 0 1rem;
    border: 1px solid #e60012;
    background: url(/red/img/usr/mtg/btn_arrow.png) no-repeat right 20px center;
    background-size: 18px auto;
}

@media screen and (min-width: 768px) {
   .set-link__anchor {
		font-size: 1.6rem;
        line-height: 1.4;
    }
}

.set-link__anchor:hover {
    opacity: .7;
    text-decoration: none;
    transition: all 0.3s;
}

.set-link__anchor strong {
	color: #e60012;
    font-size: 1.2rem;
    font-weight: 500;
}

.set-link__anchor__txt {
    display: inline-block;
}

.set-link-wrap.set-3 .set-link__anchor__txt {
	background: url(/red/img/usr/mtg/icon_set_icon-set-3.png) no-repeat 1.2rem center;
    background-size: 3.5rem auto;
	padding: 0.9rem 0 1rem 6rem;
}

.set-link-wrap.set-pair .set-link__anchor__txt {
	background: url(/red/img/usr/mtg/icon_set_icon-set-.png) no-repeat left center;
    background-size: 5.7rem auto;
	padding: 0.9rem 0 1rem 7rem;
}

.set-link-wrap.set-top-bottom .set-link__anchor__txt {
	background: url(/red/img/usr/mtg/icon_set_icon-set-topbottom.png) no-repeat .8rem center;
	background-size: 4.4rem auto;
	padding: 0.9rem 0 1rem 7rem;
}



/* ----サイズ表---- */
.block-size--item-title {
    font-size: 1.4rem;
    margin: 2rem 0 1rem 0;
}



/* ----トップCM動画---- */
.top-section--tvcm {
	max-width: 1050px;
	width: 100%;
	margin: 9rem auto;
	padding: 0 2rem;	
}
@media screen and (max-width: 767px) {
  .top-section--tvcm {
	margin: 0 auto 5rem;
  }
}

.top-section--tvcm__inner {
	display: flex;
	padding: 3rem;
	gap: 3rem;
	border-radius: 20px ;
	align-items: center;
	flex-direction: row;
	background: #f9f8f6;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.top-section--tvcm__inner {
		width: auto;	
		padding: 2.5rem;
		flex-direction: column;
		gap: 0;
	}
}

.top-section--tvcm__thumb {
	width: 580px;
	position: relative;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.top-section--tvcm__thumb {
		width: 55%;
	}
}
@media screen and (max-width: 767px) {
  .top-section--tvcm__thumb {
	width: 100%;
	order: 2;
	margin: 0 0 2rem;
  }
}

.top-section--tvcm__thumb a {
	transition: all 0.3s;
}

.top-section--tvcm__thumb a:hover {
	opacity: 0.7;
}

.top-section--tvcm__thumb a::after {
	content: "";
	position: absolute;
	z-index: 2;
	aspect-ratio: 1;
	background: url(/red/img/usr/mtg/top/icon_play.png) no-repeat center / contain;
	transition: all 0.2s ease-in-out;
	width: 8.2rem;
	left: calc(50% - 4.1rem);
	top: calc(50% - 4.1rem);
}
@media screen and (max-width: 767px) {
	.top-section--tvcm__thumb a::after {
		width: 5rem;
		left: calc(50% - 2.5rem);
		top: calc(50% - 2.5rem);
	}
}

.top-section--tvcm__body {
	width: 380px;
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 767px) {
  .top-section--tvcm__body {
	width: 100%;
	order: 1;
  }
}

.top-section--tvcm__sub {
	position: relative;
	font-size: 2rem;
	font-weight: bold;
	color:#e60012;
	margin: 1rem 0 2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.top-section--tvcm__sub {
		font-size: 1.6rem;
		margin: 0 0 1rem;
	}
}
@media screen and (max-width: 767px) {
	.top-section--tvcm__sub {
		font-size: 1.4rem;
		margin: 0 0 1rem;
	}
}

.top-section--tvcm__sub::before,
.top-section--tvcm__sub::after {
	content: "";
	flex: 1;
	height: 2px;
	background: #e60012;
}

.top-section--tvcm__title {
	font-size: 2.2rem;
	font-weight: bold;
	color:#e60012;
	margin: 0 0 1.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.top-section--tvcm__title {
		font-size: 2rem;
		margin: 0 0 0.5rem;
	}
}
@media screen and (max-width: 767px) {
	.top-section--tvcm__title {
		font-size: 1.7rem;
		margin: 0 0 1rem;
	}
}

.top-section--tvcm__txt {
	font-size: 1.6rem;
	margin: 0 0 2rem;
	color: #99999a;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
	.top-section--tvcm__txt {
		font-size: 1.6rem;
		margin: 0 0 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.top-section--tvcm__txt {
		font-size: 1.3rem;
		margin: 0 0 1.5rem;
	}
}

.top-section--tvcm__link {
	width: 100%;
	display: block;
}

.top-section--tvcm__link a {
	position: relative;
	width: 100%;
	display: block;
	font-size: 1.6rem;
	color: #FFF;
	background: #e60012;
	border: 1px solid #e60012;
	padding: 11px 20px 13px;
	border-radius: 30px;
	transition: all 0.3s;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

@media screen and (max-width: 767px) {
	.top-section--tvcm__link a {
		font-style: 1.4rem;
	}
}

.top-section--tvcm__link a:hover {
	text-decoration: none;
	color: #e60012;
	background: none;
}

.top-section--tvcm__link a::after {
	position: absolute;
	top: 50%;
	right: 20px;
	content: "";
	display: inline-block;
	width: 2.6rem;
	height: 2.6rem;
	background: url(/red/img/usr/mtg/top/icon_play_w.png) no-repeat center / contain;
	transform: translateY(-50%);
}

@media screen and (max-width: 767px) {
	.top-section--tvcm__link a::after {
		width: 2rem;
		height: 2rem;
	}
}

.top-section--tvcm__link a:hover::after {
	background: url(/red/img/usr/mtg/top/icon_play_r.png) no-repeat center / contain;
}

.top-section--tvcm__link--pc {
	display: inline-block;
}
@media screen and (max-width: 767px) {
  .top-section--tvcm__link--pc {
	display: none;
  }
}

.top-section--tvcm__link--sp {
	display: none;
}
@media screen and (max-width: 767px) {
  .top-section--tvcm__link--sp {
	display: block;
	order: 3;
  }
}



/* ----お問い合わせ完了---- */
.block-inquiry-completed {
	margin: 7em 0 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.block-inquiry-completed--message {
	order: 2;
	margin: 0 0 em;
}
.action-buttons {
	order: 3;
}