@charset "UTF-8";

div.priceSec{
  margin-top:4rem;
  margin-bottom:4rem;
}
div.priceSec div.mod-boxToggle p.js-toggleHook span{
  text-align:center;
}
div.priceSec div.mod-boxToggle div.content > div:first-of-type{
  margin-top:0;
}
div.priceSec div.mod-table table,
div.priceSec div.mod-table{
  margin-bottom:0;
}
div.priceSec div.mod-boxToggle,
div.priceSec div.mod-boxToggle div.content{
  border:none;
}
div.priceSec div.mod-boxToggle div.content{
  padding:0;
  margin-top:0;
}

/* 2301A-01-022 */
.visually-discount .mod-hdg-home,
.visually-discount .mod-hdg-mansion,
.visually-cashback .mod-hdg-home,
.visually-cashback .mod-hdg-mansion {
	background-color: #eb5505;
	color: #fff;
	padding: 1.3rem 0 1.3rem;
	margin: 3rem 0 2rem;
	position: relative;
}
.visually-discount .mod-hdg-home>span,
.visually-discount .mod-hdg-mansion>span,
.visually-cashback .mod-hdg-home>span,
.visually-cashback .mod-hdg-mansion>span{
	margin-left: 60px
}
.visually-discount .mod-hdg-home::before,
.visually-discount .mod-hdg-mansion::before,
.visually-cashback .mod-hdg-home::before,
.visually-cashback .mod-hdg-mansion::before{
	content: "";
	display: inline-block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 8px;
    top: 8px;
}
.visually-discount .mod-hdg-home::before,
.visually-cashback .mod-hdg-home::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27px 20px"><path fill="%23eb5505" d="M25.919 8.438H24.67v11.075H2.804V8.438h-1.25l-.79-.788L10.128.974h7.217l2.522 1.797v-.952h2.682v2.865l4.16 2.966-.79.788zm-9.459-.953l-6.332-4.39-6.331 4.39v11.037h4.791v-4.64h3.081v4.64H16.46V7.485zm7.217.951l-4.966-.006-.008.008h-1.25v10.084h6.224V8.436zm-5.409 5.446h1.702v2.347h-1.702v-2.347zm4.558-2.692h-1.702V8.844h1.702v2.346zm0 5.039h-1.702v-2.347h1.702v2.347zm-4.558-7.385h1.702v2.346h-1.702V8.844zm-5.356 5.038h2.349v2.347h-2.349v-2.347zm0-5.038h2.349v2.346h-2.349V8.844zm-3.957 0h2.348v2.346H8.955V8.844zm-3.959 5.038h2.348v2.347H4.996v-2.347zm0-5.038h2.348v2.346H4.996V8.844z"/></svg>');
    background-position: 6px 8px;
}
.visually-discount .mod-hdg-mansion::before,
.visually-cashback .mod-hdg-mansion::before {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 27px 20px"><path fill="%23eb5505" d="M17.389 24.73V3.412h.902v-.575h-2.497V.981H3.701v1.856H1.205v.575h.902V24.73H.75v.744h17.996v-.744h-1.357zm-7.514 0v-3.527h3.024v3.527H9.875zm-6.174-7.646V14.72h3.121v2.364H3.701zm3.121 1.015v2.362H3.701v-2.362h3.121zm-3.121-4.393v-2.363h3.121v2.363H3.701zm0-3.389V7.955h3.121v2.362H3.701zm0-3.378V4.577h3.121v2.362H3.701zm8.973 10.145V14.72h3.12v2.364h-3.12zm3.12 1.015v2.362h-3.12v-2.362h3.12zm-3.12-4.393v-2.363h3.12v2.363h-3.12zm0-3.389V7.955h3.12v2.362h-3.12zm0-3.378V4.577h3.12v2.362h-3.12zm-4.481 6.767v-2.363h3.12v2.363h-3.12zm3.12 1.014v2.364h-3.12V14.72h3.12zm-3.12-4.403V7.955h3.12v2.362h-3.12zm0-3.378V4.577h3.12v2.362h-3.12zm0 11.16h3.12v2.362h-3.12v-2.362zm-1.596 3.104H9.62v3.527H6.597v-3.527z"/></svg>');
    background-position: 10px 7px;
}

@media screen and (max-width: 767px) {
	.visually-discount .mod-hdg-home::before,
	.visually-discount .mod-hdg-mansion::before,
	.visually-cashback .mod-hdg-home::before,
	.visually-cashback .mod-hdg-mansion::before{
	    top: 4px;
	}
	.visually-discount .mod-hdg-plan .plan {
		font-size: 2rem;
	}
}


.visually-discount .mod-hdg-plan {
    background: url(/access/common_v2/img/bg.png) left bottom repeat-x;
    background-size: auto 5px;
	color: #eb5505;
	margin: 1rem 0 2rem;
	padding: 1rem;
}
.visually-discount .mod-hdg-plan .plan {
	font-size: 2.4rem;
}
.mod-lyt>.inner {
    display: flex;
    flex-wrap: wrap;
    margin: -24px 0 0 -24px;
}
.visually-discount .mod-lyt>.inner>.col {
	flex-basis: 100%;
    max-width: 100%;
    padding: 24px 24px 12px;
    text-align: center;
    display: flex;
    flex-flow: column;
}
.visually-discount .mod-lyt>.inner>.col>.hdg {
    border: 4px solid #ed5505;
    border-radius: 8px;
    padding: 1rem;
    margin: 0 40px;
    color: #ed5505;
    font-size: 1.8rem;
    font-weight: bold;
    background-color: #fff;
    margin-bottom: -30px;
    z-index:1;
}
.visually-discount .mod-lyt>.inner>.col>.value {
    padding: 40px 1rem 2rem;
    border: 3px solid #bbb;
    border-radius: 8px;
    font-size: 2rem;
    font-weight: bold;
}
.visually-discount .mod-lyt>.inner>.col>.value span,
.visually-cashback .value span {
	background:linear-gradient(transparent 60%, #fafa00 60%);
}
.visually-discount .mod-lyt>.inner>.col>.value em {
	font-size: 3rem;
}

@media screen and (max-width: 767px) {
	.visually-discount .mod-lyt>.inner>.col {
		flex-flow: row;
	}
	.visually-discount .mod-lyt>.inner>.col>.hdg {
		margin: 0;
		padding: 1.25rem 1rem 1rem;
		font-size: 1.5rem;
		width: 45%;
		border-radius: 8px 0 0 8px;
	}
	.visually-discount .mod-lyt>.inner>.col>.value {
		font-size: 1.5rem;
		padding: 1rem;
		width: 55%;
		margin-left: -8px;
	}
	.visually-discount .mod-lyt>.inner>.col>.value em {
		font-size: 2rem;
	}

}
@media screen and (min-width: 767px) {
    .mod-lyt[data-col-pc="2"]>.inner>.col {
        flex-basis: 50%;
        max-width: 50%;
        min-width: 50%;
        width: 50%
    }
    .mod-lyt[data-col-pc="3"]>.inner>.col {
        flex-basis: 33.333%;
        max-width: 33.3333%;
        min-width: 33.3333%;
        width: 33.3333%
    }
}

.visually-cashback .plan,
.visually-cashback .value {
	color: #eb5505;
	font-weight: bold;
}
.visually-cashback .plan {
	font-size: 2rem;
}
.visually-cashback .plan span {
	font-size: 3rem;
}
.visually-cashback .value {
	font-size: 4rem;
}
.visually-cashback .value span {
	margin-left: 1rem;
}
.visually-cashback .value em {
	font-size: 6rem
}

@media screen and (max-width: 767px) {
	.visually-cashback .plan {
		font-size: 2rem;
	}
	.visually-cashback .plan span {
		font-size: 2.2rem;
	}
	.visually-cashback .value {
		font-size: 1.75rem;
	}
	.visually-cashback .value span {
		margin-left: 0.5rem;
	}
	.visually-cashback .value em {
		font-size: 2.75rem
	}
}