.mb1{margin-bottom: 1em;} 
    .mb2{margin-bottom: 2em;}
    .mb3{margin-bottom: 6%;}   
    .sp{display: none;}  
    .items{width:90%;margin:auto;}
    sup {
    font-size: 10px;
    vertical-align: top;
    }  
    #displayPeriodStartItemWrap{text-align:right; margin-bottom: 1.5em;} 
    div.notice_wrap{padding:2em;}
    div.notice_wrap p{margin:0 0 1em; line-height:2; letter-spacing: 0.05em;}
	div.notice_wrap p b{font-weight: 600;color:#000;}
    @media screen and (max-width: 480px) {
    .sp{display: block;}    
    .items{width:90%;;margin:auto;font-size: 12px;}  
    div.notice_wrap{width:100%;padding:0em;} 
    } 
    .coupon_wrap{width: 98%;margin:auto;max-width:700px;}
    .coupon_wrap span{font-weight: bold!important;font-size: 1.2em!important;} 
    .coupon_subtitle {position: relative;margin-bottom: 15px;margin-top: 5px;border-bottom: 2px solid #ccc;} 
    .coupon_subtitle::before {content: "";display: block;position: absolute;bottom: -2px;left: 0;width: 170px;height: 2px;background: #000;}
    .coupon_subtitle .span {padding-left: 8px;display: block;font-weight: bold;font-size: 1.6rem;} 
	.bnr_link {    text-align: center;
    font-weight: 500;
    width: 100%;
    max-width: 390px;
    margin: 0 auto 10%!important;
    border: 2px solid #1ed760;
    padding-bottom: 10px;
    border-radius: 5px;}
	.bnr_link span{text-align: center;
    font-weight: 500 !important;
    font-size: 1.0em !important;
    color: #fff;
    line-height: 1em;
    background: #1ed760;
    padding: 9px 15px 10px;
    width: 100%;
    display: flex;
    justify-content: center;}
	.bnr_link a{max-width: 200px; display: flex; justify-content: center;    margin: 16px auto;}
	.bnr_link02 {
		display: flex;
		justify-content: center;
    max-width: 540px;
    margin: 0 auto 1em !important;border:2px solid #3e78b3
}
.imgbox2{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.imgbox2 img{
	width: 49%;
}
.button-55 {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 250px;
    margin: 0 auto 1em;
    padding: .9em 2em;
    border: none;
    border-radius: 5px;
    background-color: #2589d0;
    color: #fff !important;
    font-weight: 600;
    font-size: 1.2em;
}

.button-55::after {
    width: 1.25em;
    height: 1.25em;
    margin-left: 8px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 6V8H5V19H16V14H18V20C18 20.5523 17.5523 21 17 21H4C3.44772 21 3 20.5523 3 20V7C3 6.44772 3.44772 6 4 6H10ZM21 3V11H19L18.9999 6.413L11.2071 14.2071L9.79289 12.7929L17.5849 5H13V3H21Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.button-55:hover {
    background-color: #205073;
    text-decoration: none;
}
    @media screen and (max-width: 480px) {
    .coupon_wrap{width: 98%;margin:auto;    font-size: 1.4rem;}
		#topGroupName h2.level_h2 {font-size: 2.0rem;
        letter-spacing: 0.1em;
        line-height: 1.5em;}
		.coupon_text {  font-size: 1.7rem;}
		.bnr_link{font-size: 3.2vw;}
    .mb3{margin-bottom: 10%;}   
.button-55 {
    padding: .9em 0.5em;
    font-size: 3.5vw;
}
    }