@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 .section {padding:6rem 0}
.eventName .section__inner {max-width: 1000px; height:100%; margin:auto; box-sizing:border-box;}
.eventName .blind{text-indent:-9999px; position:absolute; left:-9999px; top:-9999px; font-size:0; width:0; height:0}

/* hr */
.hr-dash {display:block; margin:4rem auto; width:90%; border-top:1px dashed #8ecfb9}

.sec01 {height:904px; background:url(images_sg/con01_bg.jpg) no-repeat center top / cover;}
.sec02 {height:auto; background:url(images_sg/con02_bg.jpg);}

.sec02 .content {max-width:798px; margin:auto}
.sec02 .box {margin-bottom:3rem; background:#fff; border: 2px solid #000; box-shadow: 4px 4px 0 #ffba00;}
.sec02 .box .txt {padding:3rem 10px 4rem;}
.sec02 .box .txt p:nth-child(1) {font-size:2.5rem; color:#333; line-height: 1.7;}
.sec02 .box .txt p:nth-child(1) strong {font-weight:bold; background:#f9ff4c;}
.sec02 .box .txt p:nth-child(2) {margin:1rem 0 0; font-size:1.9rem; color:#585858}



/* * Shop Btn */
.shop {font-weight:bold;}
.shop p {margin: 28px 0 15px; font-size: 20px; color: #333;}
.shop a {display: inline-block; visibility: middle; padding: 1rem 4rem 1.2rem; background-color: #222; font-size: 22px; color: #fff; border-radius: 30px;}
.shop a:after {content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 9px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #fff;}
.shop a {box-shadow: 4px 4px 0 #ffba00;}


@media screen and (max-width: 1040px){
	html{font-size:8px;}
	.eventName .section__inner {width:100%; padding:0 20px;}
	
	.sec01{height:auto; padding:45% 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;}
	.shop a {box-shadow: 3px 3px 0 #ffba00;}

	.sec02 .box {margin-bottom:4rem; background:#fff; border: 1px solid #000; box-shadow: 3px 3px 0 #ffba00;}

}
@media screen and (max-width: 768px){
	html{font-size:6px;}
	.sec02 .box .txt p:nth-child(1) {font-size:2.2rem;}

}