@charset "utf-8";

html{font-size:10px;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative; box-sizing:border-box}
.hidden_txt{position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0;}
.cherryblossom{max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
.cherryblossom em{font-weight:bold !important}
img {max-width:100%;}

/* 공통 */
.con01 {position:relative; text-align:center; height:1178px; background:url(images/con01_bg.jpg) center top / cover}
.con02 {position:relative; text-align:center; padding:70px 0; background:url(images/con02_bg.jpg) center top / cover;}
.con03 {position:relative; text-align:center; padding:70px 0; background:url(images/con03_bg.jpg) center top / cover;}

.con01 h2{display:none}
.con01 .container{max-width:none;}
.con01 .img{position:relative; display:none}


.con02 .pd_list{position:relative; font-size:0; text-align:left}
.con02 .pd_list > li{display:inline-block; width:480px; margin-right:20px; margin-bottom:30px;}
.con02 .pd_list > li:nth-child(2n){margin-right:0}
.con02 .pd_list > li:nth-child(5), .con02 .pd_list > li:nth-child(6){margin-bottom:0}

.con03 .img{position:relative}
.con03 .img img{max-width:none; position:relative; left:-13px;}
.con03 .shop{position:relative}
.con03 .shop a{display:inline-block; color:#fff; font-weight:bold; font-size:37px; letter-spacing:-1px; background:#222222; border-radius:40px; box-shadow:1px 2px 0 #ffafd9; line-height:1; padding:20px 35px}
.con03 .shop a:after{width:14px; height:24px; content:''; display:inline-block; background:url(images/btn_bullet.png) no-repeat; vertical-align:middle; margin-left:15px; position:relative; top:-1px}

@media screen and (max-width: 1040px){
	.container{padding:0 20px;}

	.con01{height:auto; padding:50% 0; }
	.con01 .img{display:none}
	
	.con01 .padding{position:relative;}
	.con01 h2{top:auto}
	
	.con02{padding:40px 0}
	.con02 .pd_list > li{width:49%; margin-right:2%; margin-bottom:2%}
	
	.con03{padding:40px 0}
	.con03 .img img{left:auto; width:100%;}
	.con03 .shop a{font-size:22px; padding:15px 25px}
}


@media screen and (max-width: 768px){
	.con03 .shop a{font-size:15px; padding:10px 20px}
	.con03 .shop a:after{width:7px; height:12px; background-size:cover; margin-left:5px;}
}