@charset "utf-8";

/*=====================================

responsive.css

=====================================*/


.forPC { display: block; }
.forSP { display: none; }
	img.forPC { display: inline; }
	img.forSP { display: none; }


/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

	.forPC { display: none; }
	.forSP { display: block; }

	img.forPC { display: none; }
	img.forSP { display: inline; }

/* layout */

	body {
		min-width: inherit;
		font-size: 1.2rem;
	}
	#wrapper{
		
	}

	.visualArea{
		width: 100%;
		background: url(../images/main_bg_sp.png);
		background-size: cover;
		padding-bottom: 0;
	}
	.visualInner{
		min-width: auto;
	}

	.inner{
		width: 92%;
		margin-left: auto;
		margin-right: auto;
	}
.limit2c {
    display: grid
;
    grid-template-columns: 1fr;
    color: #FFF;
    text-align: left;
    margin-bottom: 20px;
}
.limit2c .limitContents:last-child {
    border-left: none;
}
.limit2c h3 {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0px;
    text-align: left;
}
.limitDate {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 0;
    color: #FFF;
}
.limitContents{
    display: grid
;
    grid-template-columns: 125px 1fr;
}
.limit2c h3{
	display: flex;
	align-items: center;
}
.limitNote {
    text-align: center;
    margin-bottom: 20px;
    border-bottom: #fff solid 2px;
    padding-bottom: 20px;
    color: #FFF;
    width: 109%;
    margin-left: -4%;
}

.shopList::before{
    width: 20px;
    height: 20px;
    background-color: #a80005;
    position: absolute;
    content: '';
    left: -10px;
    top: -10px;
    transform: rotate(45deg);

}
.shopList::after{
    width: 20px;
    height: 20px;
    background-color: #a80005;
    position: absolute;
    content: '';
    right: -10px;
    top: -10px;
    transform: rotate(45deg);
}

.shopListInner::before{
    width: 20px;
    height: 20px;
    background-color: #a80005;
    position: absolute;
    content: '';
    left: -10px;
    bottom: -10px;
    transform: rotate(45deg);
}

.shopListInner::after{
    width: 20px;
    height: 20px;
    background-color: #a80005;
    position: absolute;
    content: '';
    right: -10px;
    bottom: -10px;
    transform: rotate(45deg);
}

.brand .lead {
    font-size: 14px;
    margin-bottom: 0;
    padding-top: 40px;
}
.brand h3 {
    font-size: 24px;
    margin-bottom: 0;
    font-weight:bold;    
    
}
.step h2 {
    max-width: 80%;
}

}



@media screen and (max-width: 375px) {
    .limitContents{
        grid-template-columns: 120px 1fr;
    }
    
    .limit2c h3{
        font-size: 15px;
    }
    .limitDate {
        font-size: 17px;
    }
}