@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.eventName {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#efdfe8;}
.eventName .container {max-width: 1000px;}
.eventName .wrapper {padding: 6rem 0;}
.eventName .hide {text-indent: -9999px; position: absolute; top: -100%; left: -100%;}

/* hr */
.hr_dash {display:block; border: none; width:80%; margin:5% auto; border-top: 1px dashed #ccc;}

.con01 {height:972px; background:url(images_sg/con01_bg.jpg) no-repeat center top / cover;}
.con02 {height:836px; background:url(images_sg/con02_bg.jpg) no-repeat center top / cover;}
.con03 {height:auto; background:url(images_sg/con03_bg.jpg) no-repeat center top / cover;}


.con03 .box {overflow:hidden; background:#fff;border:2px solid #f46599; border-radius:10px;}
.con03 .box .tit {padding: 15px; font-size:3.2rem; background:#f46599; color:#fff; font-weight:bold; line-height: 1.2;}
.con03 .box .tit strong {color:#fff496}
.con03 .box .pdt-wrap {padding: 20px 10px 4rem;}
.con03 .box .pdt-wrap .txt {margin-top:3rem;}
.con03 .box .pdt-wrap .txt p:nth-child(1) {font-size:2.5rem; color:#414141; font-weight:bold;}
.con03 .box .pdt-wrap .txt p:nth-child(2) {font-size:2.2rem; color:#535353}

.con03 .warn {margin:2rem 0 5rem; font-size:1.8rem; color:#898989;}


/* * Shop Btn */
.shop a {display: inline-block; visibility: middle; padding: 5px 35px 7px; background-color: #f34880; font-size:36px; color: #fff; border-radius:50px; font-weight:bold;}


@media screen and (max-width: 1040px){
	html{font-size:8px;}
	.container {width:95%;}
	.con01 {height:auto; padding:40% 0;}
	.con02 {height:auto; padding:35% 0;}
}
@media screen and (max-width: 768px){
	html{font-size:7px;}
	/* * Shop Btn */
	.shop p {margin: 28px 0 10px; font-size: 16px;} 
	.shop a {font-size: 18px;}
}

@media screen and (max-width: 480px){
	html{font-size:6px;}
	.con03 .box {border:1px solid #f46599;}
	.con03 .box .tit {font-size:3rem;}
}