@charset "utf-8";
@import url(cmn.css);
@import url(base.css);
.nav-sales-promotions a {background-color: #c47b80;}
.page-tit {background: url("../images/sales-promotions-images/page-bg.jpg") 50% 0 no-repeat;}

.promo-title{font-size:4rem;}
.about{font-size:2.1rem}
.caution{font-size: 1.5rem;margin-bottom: 5%;background-color: beige;display: inline-block;padding: 1% 2%;}

.promo-image{max-width:1200px;margin:0 auto;}
.promo-image .inner{width:100%;overflow:hidden;margin:0 auto;}
.promo-image .inner .images{display:inline-block;width:30%;}
.promo-image .inner .images img{border:1px solid;}
.promo-image .inner .images a{background: lightpink;margin-top: 5%;display: inline-block;padding: 4% 20%;border-radius: 15px;}
.promo-image .inner .images a:hover{opacity: 0.6;}

@media screen and (max-width: 1200px){/*1200以下*/
}

@media screen and (min-width: 1025px){
    
}

/* ==========================================================================
	TABLET - 1024px
	========================================================================== */
@media screen and (max-width:1024px){

}

/* ==========================================================================
	SP - 640px
	========================================================================== */
@media screen and (max-width: 640px) {
.promo-title{font-size:3rem;}
.about{font-size: 1.8rem;width: 95%;margin: 4% auto;}
.caution{font-size: 1.5rem;margin-bottom: 5%;background-color: beige;display: inline-block;padding: 2% 4%;}
    .promo-image .inner .images{width: 60%;margin-bottom:10%}
}