@charset 'utf-8';
ul, li, ol { list-style: none; margin: 0; padding: 0; } dl, dt, dd { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; } li img, dt img, dd img { vertical-align: top; }
img { border: 0; } form { margin: 0; padding: 0; }
a { cursor:pointer; outline: none; behavior:expression(this.onFocus=this.blur());}
* { font-family: "微軟正黑體", "Hiragino Kaku Gothic Pro", Meiryo, Arial, Helvetica, sans-serif; word-break: break-all; line-height: 1.5; }

.txt_blue1{ color:#00ffde; font-size:230%;}
.txt_blue2{ color:#83baff; font-size:130%;}
.txt_taupe{ color:#636012;}
.txt_coffee1{ color:#420a07; font-size:80%;}
.txt_red { color:#C00;}
.txt_red1{ color:#e62b00; font-size:70%;}
.pdt{ padding-top:2%;}
.valign_m { vertical-align: middle; }
.fl { float: left; }
.fr { float: right; }

body { margin: 0; padding: 0; line-height: 2.0em; font-size: 14px; background:#fce1a5; }

.main_visual { width:100%; height:100%; background: url(../images/main_visual_pc.jpg) no-repeat top center; float: left; overflow: hidden; margin-bottom: 10px;}

.wrapper{ width:100%; min-width:240px; max-width:996px; margin:0px auto 0; padding:0; position:relative; }
.pcimg{ height:900px; display:block; }
.spimg{display:none;} .spimg img{ width:100%;}

.logo { width: 29%; position: absolute; top:25px; right:30px;}
.logo img { max-width:254px; width:100%; }

.evbtn{ width:750px; text-align:center; position: absolute; top:640px; right:0px;}
.evbtn a img{ margin:0 0.5%; width:30%; }

.evbtn,.logo,.btnfb,.evbtn a img,.logo img,.btnfb img{transition:All 0.3s ease; -webkit-transition:All 0.3s ease; -moz-transition:All 0.3s ease; -o-transition:All 0.3s ease;}
.evbtn a img:hover,.logo img:hover,.btnfb img:hover{transform:scale(1.05);}



.btnfb { width: 29%; position: absolute; top:33%; right:3%;}
.btnfb img { max-width:256px; width:100%; }


.content{ width:100%; min-width:240px; max-width:996px; margin:-140px auto 0 auto; position:relative; text-align: center;}

.ct-pc{ width: 100%; display:block; }
.ct-pc img { max-width:996px; width: 100%;}

.ct-sp{ width: 100%; display: none;}
.ct-sp img { max-width:1000px; width:100%; }



.box_zone{ width:90%; text-align:left; margin:2% auto;}
.notetitle {font-size:140%;}
.note { width:100% ; font-size:115%; margin:0 auto; text-align:left; color:#042e64; font-weight: bold;}
.note li{ margin-left:20px; margin-bottom:2px; list-style-type:decimal;}




.footer{ width:100%; padding-top:30px; padding-bottom:20px; clear:both;
background: #006899;
}
.footer_wrap{ overflow: hidden; *zoom: 1; max-width:1000px; margin: 0 auto; padding-left:2%; padding-right:2%;}

.footer_left{ float: left; width: 660px; margin-right: 0%; margin-left: 0%; /*background-color:#2DD8AB;*/ }

.footer_right{ float: right; width: 310px; margin-top: 2%; margin-right: 0%; margin-left: 0%; /*background-color:#13A664; */}


.footer_logo{ display: block;  width:508px; /*background-color:#D5686A;*/ display:inline-block;}
.footer_logo img{ width: 100%;}

.footer_txt{ line-height: 14px; font-size: 70%; margin-top: 1%; margin-right: 0%; margin-left: 0%; color: #fff; display:inline-block; display:block; /*background-color:#D5686A; */}

.footer_txt_sp{ line-height: 20px; font-size: 70%; margin-top: 1%; margin-right: 2%; margin-left: 2%; color: #fff;display:inline-block; width:50%; display:none;}


.footer_icon{ display: block; width: 46px; float: left; margin-right: 1%;}
.footer_icon img{ width: 100%;}

.footer_warning{ width: 230px; line-height: 10px; font-size: 80%;  margin-top: 2%; margin-right: 1%; margin-left: 1%; color: #fff; float: left; display:block;  /*background-color:#D5686A; */}

.footer_warning_sp{ line-height: 10px; font-size: 70%; margin-right: 2%; margin-left: 2%; color: #fff; display:inline-block; width:50%; display:none;}



.gotop { display:none; width:33px; height:31px; position:fixed; right:3%; z-index:100; cursor:pointer; background-image:url(../images/btn_top1.png); background-repeat:no-repeat; background-position:center;
}
.gotop:hover {background-image:url(../images/btn_top2.png);}






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

.gotop { bottom:5%;}
	
}








@media screen and (max-width: 919px) {

.ct-sp{ display:block; }
.ct-pc{ display: none;}

	
.main_visual{ background:none; }
.pcimg{ display:none; }
.spimg{ display:block; position:relative; z-index:-5;}
	
.logo { top:3%; right:4%; width: 40%;}

	
.evbtn{ width:100%; text-align:center; position: absolute; top:86%;}
.evbtn a img{ margin:0 0.5%; width:30%; }
	
	
.btnfb { width: 50%; position: absolute; top:61%; left:24%;}
	
.content{ width:100%; margin:0 auto 0 auto;}
	
#event { position:relative; margin-bottom: 2%;}

	
.footer{ padding-bottom:100px;}
	
.footer_left{ float: none; display:inline-block; width: 100%; margin-right: %; margin-left: 0%; }

.footer_right{ float: none; display:inline-block; width: 100%; margin-top: 2%; margin-right: 0%; margin-left: 0%;}	
	
.footer_logo{ text-align:center;  width: 100%;}
.footer_logo img{ max-width:508px; width:100%;}
.footer_icon{ text-align:center; width: 100%;}
.footer_icon img{ width: 46px;}
.footer_txt{ display:none;}
.footer_txt_sp{ display:block; width:100%; margin-right: 1%; margin-left: 1%; text-align:center; margin-bottom:1%;}
.footer_warning{ display:none;}
.footer_warning_sp{ display:block; width:100%; margin-right: 1%; margin-left: 1%; text-align:center; margin-bottom:1%;}
	
.gotop {opacity: 0.8; bottom:20%;}
	
}

	
	
@media screen and (max-width: 480px) {
.explain{ font-size:100%;}
}