
#WrapEvent			{width:100% ; }
#WrapCon			{width:100% ; background-color:#fff;overflow:auto}
#Contents			{width:650px; margin:0 auto;}
#Contents img { width:100%;vertical-align:top; }
#spot img{ max-width:100% ;vertical-align:top; }
#spot1 img{ max-width:100% ;vertical-align:top; }
#EventWrite			{width:100% ; margin-top:50px; margin-bottom:50px; }

.write				{width:735px; margin:0 auto; height:500px;}
.section01_ev			{ text-align:center; }
.section02_ev			{ text-align:center; width:100%;}
.section03_ev			{ text-align:center;}
.section04_ev			{ padding-bottom:50px; text-align:center;}
.m_wid { width:280px; height:143px}
.admission_t input[type="radio"]{ border:none}
.admission_t p{ float:inherit !important}
.btn_01{background:#4f4f4f!important;;color:#fff;text-align:center;line-height:30px;}
.lay_pop{display:none;width:467px;height:600px; background:#fff;position:fixed; border:3px solid #4f4f4f; left:50%; top:50%;z-index:100; margin-left:-235px; margin-top:-250px;overflow-y:scroll;}
.bg {background:#000;background: rgba(0,0,0,.6)!important;opacity:0.8;position:fixed;width:100%;height:100%;z-index:100;top: 0;left: 0;filter:Alpha(opacity=80);} 
.hide {display:none}
#Contents .tablink li {float:left; width:50%;list-style:none;}
#Contents .tablink01 li {float:left; width:50%;list-style:none;}
#Contents .tablink02 li {float:left; width:50%;list-style:none;}

/* 20160302 ë™ì˜ìƒ ì¶”ê°€ css*/
.tab ul{width:100%;margin:0;}
.tab ul li{width:100%;float:left;display:inline;}
.tab ul li.videowp{position:relative;}
.tab ul li.videowp .videowrapper{position:absolute;width:188px;height:117px;left:232px;top:0px;}
.tab ul li.videowp .videowrapper iframe{width:188px;height:117px;}
.tab ul li.videowp .videowrapper01{position:absolute;width:255px; height:159px;left:335px;top:0px;}
.tab ul li.videowp .videowrapper01 iframe{width:255px; height:159px;}
.tab ul li.videowp .videowrapper02{position:absolute;width:202px; height:127px;left:228px;top:0px;}
.tab ul li.videowp .videowrapper02 iframe{width:202px; height:127px;}
.tab ul li.videowp .videowrapper03{position:absolute;width:240px; height:153px;left:60px;top:0px;}
.tab ul li.videowp .videowrapper03 iframe{width:240px; height:153px;}

@media screen and (max-width:640px){
	body {background-image: none;}
	.admission_t th{ display:none;}
	.admission_t td { padding:3% !important}
	.section03 { width:100% !important}
	#WrapEvent			{width:100% ;}
	#WrapCon			{width:100% ; }
	#Contents			{width:100%; margin:0 auto; }
	
	.write				{width:100%; margin:0 auto; height:500px;}
	.pt50 img { width:100%; height:auto}
	.section01_ev img		{ width:100%; }
	.section02_ev			{ width:100%; }
	.section02_ev img { width:100%;}
	.section03_ev img { width:100%;}
	.section04_ev img { width:100%;background:#fef2d8; height:auto}
	.section03_ev			{ text-align:center;}
	.section04_ev			{ text-align:center; width:100%;  }
	.agree_box_w01 { width:90% !important; border: 1px solid #D5D5D5;height: 128px;padding: 0px 0px 0px 10px;margin: 10px 0px 0px  !important;overflow: hidden;}
    .lay_pop{display:none;width:70%;height:400px; background:#fff;position:fixed; border:3px solid #4f4f4f; left:50%; top:50%;z-index:100;margin-left:-230px; margin-top:-150px;overflow-y:scroll;}
		
#EventWrite			{width:100% ; margin-top:0; margin-bottom:0px; }
.m_wid { width:100%; height:80%}
.section03 { width:100% !important; padding:0;}
.pt50{ padding-top:25px}
#Contents img { width:100% ;vertical-align:top; }
#spot img{ max-width:100%;vertical-align:top;  }
#spot1 img{ max-width:100% ;vertical-align:top; }

/* 20160302 ë™ì˜ìƒ ì¶”ê°€ css*/
.tab ul{width:100%;margin:0;}
.tab ul li{width:100%;float:left;display:inline;}
.tab ul li.videowp{position:relative;}
.tab ul li.videowp .videowrapper{position:absolute;width:188px;height:115px;left:229px;top:0px;}
.tab ul li.videowp .videowrapper iframe{width:188px;height:115px;}
.tab ul li.videowp .videowrapper01{position:absolute;width:251px; height:156px;left:330px;top:0px;}
.tab ul li.videowp .videowrapper01 iframe{width:251px; height:156px;}
.tab ul li.videowp .videowrapper02{position:absolute;width:202px; height:127px;left:222px;top:0px;}
.tab ul li.videowp .videowrapper02 iframe{width:202px; height:127px;}
.tab ul li.videowp .videowrapper03{position:absolute;width:240px; height:151px;left:60px;top:0px;}
.tab ul li.videowp .videowrapper03 iframe{width:240px; height:151px;}

}
@media screen and (max-width:480px){
body {background-image: none;}
#WrapEvent			{width:100% ;}
#WrapCon			{width:100% ; }
#Contents			{width:100%; margin:0 auto; }
.pt50 img { width:100%; height:auto}
#EventWrite			{width:100% ; margin-top:0; margin-bottom:0px; }
.m_wid { width:100%; height:80%}
.pt50{ padding-top:25px}
.section03 { width:100% !important;padding:0; }
.lay_pop{display:none;width: 100%;height: 100%;background:#fff;position:fixed;border:3px solid #4f4f4f;left: 0;top: 0;z-index:100;margin-left: 0;margin-top: 0;overflow-y:scroll;}
#Contents img { width:100%;vertical-align:top;  }
#spot img{ max-width:100% ;vertical-align:top; }
#spot1 img{ max-width:100%;vertical-align:top;  }
/* .viewArea .viewCont *{ margin: initial; padding: initial;} */
   

/* 20160302 ë™ì˜ìƒ ì¶”ê°€ css*/
.tab ul{width:100%;margin:0;}
.tab ul li{width:100%;float:left;display:inline;}
.tab ul li.videowp{position:relative;}
.tab ul li.videowp .videowrapper{position:absolute;width:110px;height:65px;left:126px;top:0px;}
.tab ul li.videowp .videowrapper iframe{width:110px;height:65px;}
.tab ul li.videowp .videowrapper01{position:absolute;width:140px; height:88px;left:186px;top:0px;}
.tab ul li.videowp .videowrapper01 iframe{width:140px; height:88px;}
.tab ul li.videowp .videowrapper02{position:absolute;width:112px; height:70px;left:127px;top:0px;}
.tab ul li.videowp .videowrapper02 iframe{width:112px; height:70px;}
.tab ul li.videowp .videowrapper03{position:absolute;width:120px; height:83px;left:40px;top:0px;}
.tab ul li.videowp .videowrapper03 iframe{width:120px; height:83px;}
.viewArea .viewCont *
}



/* layout */
.wrap{width:100%;height:100%}
.topLine{width:100%;height:63px;background:#ffce66;}
.row{width:609px;margin:0 auto;height:auto}
.row img{width:100%}
.topLine .row .tit{float:left;display:block;position:relative;top:22px}
.topLine .row a{float:right;display:block;position:relative;top:15px}
.heading{background-size: auto 100%;padding-bottom: 20px;}
.heading .row{padding: 30px 0;}
.heading .row img{width:593px}
.content{background:#fff3d9}
.content .boxWrap{position:relative;top:-20px;border:solid 3px #ec6115;width:609px;border-radius:20px;overflow:hidden;background:#fff}
.content .boxWrap .tit{width:366px;margin:20px auto;}
.content .boxWrap .box_con{overflow:hidden;text-align:center;margin-bottom:30px}
.content .boxWrap .box_con .visual{display:inline-block;width:42%;padding:20px}
.content .boxWrap .box_con .visual a{display:block;width:100%;padding:10px 0;background:#e1964e;font-size:16px;color:#fff}
.content .boxWrap .box_con .visual a:hover,.content .boxWrap .box_con .visual a:active,.content .boxWrap .box_con .visual a:focus{background:#c77f3a}
.content .btWrap{padding-bottom:40px}
.event_dep2{background:#fff3d9}
.event_dep4{background:#f6f6f6}
.footerWrap{padding:30px 0 50px}
.dim{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6)}
.popup{display:none;position:fixed;top:5%;left:50%;width:470px;margin-left:-225px;background:#fff;height:90%;overflow:auto}
.popup .header{background:#333;padding:10px 0;text-align:right}
.popup .header button{color:#fff;margin-right:10px;border:none;background:none}
.popup .page_num1,.popup .page_num2{display:none}
.eventTypeA{width:950px;margin:0 auto}
/*  mobile */
@media screen and (max-width:650px){
    .wrap .topLine .row{height:63px;width:100%;display:flex;justify-content: space-between;align-items: center;padding:10px}
    .wrap .topLine .row .tit{width: 55%;display: flex;align-items: center;}
    .wrap .topLine .row a{width:30%}
    .wrap .topLine .row .tit,.wrap .topLine .row a{top:0;left:0;float:none;height:auto}
    .row{width:100%}
    .heading .row{padding:30px 10px}
    .heading .row img{width:100%}
    .content{padding:10px}
    .content .boxWrap{width: 95%;margin: 0 auto;}
    .content .boxWrap .tit{width:60%}
    .content .btWrap{width:100%}
    .footerWrap{padding:30px 10px 50px}
    .popup{top:0;left:0;width:100%;height:100%;overflow:auto;margin:0}
    .popup img{width:100%}
    .content .boxWrap .box_con .visual{display:inline-block;width: 48%;padding: 2%;}
    .event_dep2 .row{padding:2%}
    .eventTypeA{width:95%;margin:0 auto} 
}



