@charset "utf-8";
/* CSS Document */
.domainColumn{background-color:#f2f2f2;}

.DomainTitle{
    position: relative;
    margin: 0 auto;
    width: 880rem;
    height: 160rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;  
    box-sizing: border-box;
    overflow: hidden;
}

.DomainTitle::before{
    content:"";
    position:absolute;
    inset:0;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.08) 0%,
            rgba(0,0,0,0) 40%,
            rgba(0,0,0,.12) 100%
        );
    pointer-events:none;
}

.DomainTitle::after{
    content:"";
    position:absolute;
    inset:0;
    border:1px solid rgba(0,0,0,.08);
    pointer-events:none;
}

@media(max-width:789px){
    .DomainTitle{
        background-image: url("../images/domain/domain_banner_sp.png");
    }
	.Btxt {
	    font-size: 30rem;
	}
}

@media(min-width:790px){
    .DomainTitle{
        background-image: url("../images/domain/domain_banner_pc.png");
    }
}
.domainH2{
    margin: 40rem 30rem;
    background: linear-gradient(180deg,#c40000 0%,#8f0000 100%);
    color: #fff;
    letter-spacing: .08em;
    align-items: center;
    justify-content: center;
	@media(min-width:790px){
		width: calc(100% - 60px);
	}
}

.domainArea{
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    border: 1px solid #eee;
	word-break: break-all;
	width: 100%;
	@media(min-width:790px){
		max-width: 545rem;
		padding: 20rem;
	}
	@media(max-width:789px){
		width:auto;
		max-width: 100%;
		margin: 40rem 30rem;
	}
}
.domainArea.au,
.domainArea.docomo{
	@media(max-width:789px){
		padding: 20rem 40rem;
	}
}
.domainArea.softbank,
.domainArea.free{
	@media(max-width:789px){
		padding: 20rem 35rem;
	}
}

.ListABox .ListA{
	color: rgb(0, 170, 255);
}

.topBtnDiv{margin: 30rem;}