/* ¸ÞÀοµ¿ª ½ºÅ¸ÀÏ ½ÃÆ® */
body {}
div#contents { width:100%; position:relative; /* background:#f6f6f6; */  }

/* mobile -wide*/
@media only screen and (max-width:1022px){

div#visual1 { position:relative; width:100%; height:200px; margin-top:94px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_01.jpg'); animation:pulse .75s }
div#visual1 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual1 div.wrap span { text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual1 div.wrap p { text-align:center; font-size:15px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual2 { position:relative; width:100%; height:200px; margin-top:94px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_02.jpg'); animation:pulse .75s }
div#visual2 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual2 div.wrap span { text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual2 div.wrap p { text-align:center; font-size:15px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual3 { position:relative; width:100%; height:200px; margin-top:94px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_06.jpg'); animation:pulse .75s }
div#visual3 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual3 div.wrap span { text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual3 div.wrap p { text-align:center; font-size:15px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual4 { position:relative; width:100%; height:200px; margin-top:94px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_04.jpg'); animation:pulse .75s }
div#visual4 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual4 div.wrap span { text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual4 div.wrap p { text-align:center; font-size:15px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual5 { position:relative; width:100%; height:200px; margin-top:94px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_03.jpg'); animation:pulse .75s }
div#visual5 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual5 div.wrap span { text-align:center; font-size:18px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual5 div.wrap p { text-align:center; font-size:15px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#contents { width:100%;background:#000;}

div#han_03 { width:100%; margin-top:100px auto;height:63px;background:#252d37; animation:pulse .75s}
div#han_03 ul { width:60%;margin:0px auto; }
div#han_03 ul li { float:left; width:31%; padding:20px 10px; color:#fff;font-size:15px;text-align:center; border-right:1px solid #4b4a4a;}
div#han_03 ul li:hover { background:#fff;color:#21418e; }
div#han_03 ul li.focus { float:left; width:31%; padding:20px 10px; background:#fff;color:#21418e;text-align:center; }
div#han_03 ul li a { color:#fff; }

div#sub01 { position:relative; display:block; width:98%;margin:90px auto; padding:10px; animation:pulse .75s  }
div#sub01 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px;  }
div#sub01 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub01 ul li.mo { animation:fadeInDown .75s;padding:10px 12px;color:#7b7b7c;font-size:15px;text-align:center;font-weight:bold; }
div#sub01 ul li.pc { display:none; }


div#sub02 { position:relative;display:block;width:100%; margin:100px auto; padding:4px; }
div#sub02 span { animation:slideInDown .75s; padding:10px;color:#fff; font-size:28px;}
div#sub02 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub02 ul { position:relative; display:block; width:98%; margin:4px auto; padding:10px; }
div#sub02 ul li { border:1px solid #f6f6f6; }

div.tt_img { display:block; padding:2px; }
div.tt_img ul li { display:inline-block; width:45%; /*±âÁ¸ width:23%*/ margin:2px;border-radius:1rem; /*float:left;*/background:#f9f9f9; }
div.tt_img ul li img { width:100%;border-radius:1rem;}

div#sub03 { position:relative; display:block; width:100%; margin:100px auto; padding:4px;}
div#sub03 span { animation:slideInDown .75s; padding:10px;color:#fff; font-size:28px; }
div#sub03 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub03 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }

div#sub03 ul.tabs { position:relative; width:98%; margin:4px auto; padding:4px; text-align:center;animation:flipInX .75s;}
div#sub03 ul.tabs li { float:left;width:43%;color:#fff;display:inline-block;padding:8px;margin:6px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;color:#222;background:#f6f6f6; }
div#sub03 ul.tabs li.s_on { float:left;width:43%;color:#fff;display:inline-block;padding:8px;margin:6px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;background:#222; }
div#sub03 ul.tabs li:hover { cursor:pointer;border:1px solid #f88f8f; }

div#sub03 #sub03_menu{width:96%; margin:10px auto;background:#f6f6f6;color:#222; }
div#sub03 #sub03_menu ul {width:96%;}
div#sub03 #sub03_menu ul li{float:left;}
div#sub03 #sub03_menu ul li.room_li{width:45%;font-size:13px;color:#222;padding-left:2px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li{width:45%;font-size:13px;color:#222;padding-left:2px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li span {float:left;font-size:13px;color:#222;margin-top:-10px;}
div#sub03 #sub03_menu ul li.yt {padding:20px 8px; color:#222;}
div#sub03 #sub03_menu ul li select.box150{width:150px;height:30px;padding:5px; border:solid 1px #484848; font-size:13px; color: #fff; background: #141414;}
div#sub03 #sub03_menu ul li select.box100{width:100px;height:30px;padding:5px; border:solid 1px #484848; font-size:13px; color: #fff; background: #141414; }
div#sub03 input#datepicker {height:30px;padding: 0 5px; border: solid 1px #484848;font-size:12px; color: #fff; background: #141414; } 
div#sub03 #sub03_menu div.demo-description {display:none;}

div#sub03 #sub03_list{width:96%; margin:2px auto;color:#222; }
div#sub03 #sub03_list ul {width:98%;padding:2px;border:1px solid #f6f6f6;background:#f9f9f9;margin:8px;border-radius:1rem; }
div#sub03 #sub03_list ul li.left { float:left; width:30%;background:#f9f9f9;text-align:center;border-radius:1rem;}
div#sub03 #sub03_list ul li.left img { margin:40px auto;width:120px;border-radius:1rem; }
div#sub03 #sub03_list ul li.right  { float:right; width:68%; }
div#sub03 #sub03_list ul li.right div span.time { font-size:12px;}
div#sub03 #sub03_list ul li.right div span.possibility { font-size:12px; }

div#sub03 #sub03_list ul li.right div.on { float:left;width:30%;border:1px solid #222;background:#222;margin:1%;text-align:center;border-radius:.5rem;}
div#sub03 #sub03_list ul li.right div.off { float:left;width:30%;border:1px solid #fff;background:#f6f6f6;margin:1%;text-align:center;border-radius:.5rem;}
div#sub03 #sub03_list ul li.right div.on:hover {background:#5f83af;}

div#sub04 { position:relative; display:block; width:98%; margin:100px auto; padding:10px; }
div#sub04 span { padding-left:10px;color:#222; font-size:18px; }
div#sub04 p { padding:10px; color:#7b7b7c; font-size:15px;  }
div#sub04 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:12px; }
div#sub04  ul li { padding:10px;width:90%;}
div#sub04  ul li iframe { padding:10px;width:100%;height:250px;border-bottom:2px solid #f6f6f6; }
div#sub04  ul li.title { margin:10px;padding:4px;font-size:17px;}
div#sub04  ul li.juso { margin:10px;padding:4px;font-size:15px;}
div#sub04  ul li.tel  { margin:10px;padding:4px;font-size:15px;}

div#sub05 { position:relative; display:block; width:98%; margin:100px auto;}
div#sub05 span { padding-left:10px;font-size:18px; }
div#sub05 p { padding:10px; color:#7b7b7c; font-size:17px;  }
div#sub05 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:12px; }

div.reser { width:98%; margin:2px auto; text-align:center;  }
div#cont_thema { width:100%; margin:10px auto;  }
div#cont_thema ul { width:70%; margin:0 auto; } 
div#cont_thema ul h2 {  padding-top:80px;text-align:left; font-size:58px; letter-spacing:2px; line-height:1.4em; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul h3{ padding-top:25px;text-align:left; font-size:22px; line-height:32px; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul li { float:left; width:30%; margin:5% 1%; font-size:15px; text-align:center;  } 
div#cont_thema ul li span{ font-size:15px; letter-spacing:2px; }
div#cont_thema ul li img { padding:2px; width:100%; } 
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.cont_login { width:100%; margin-top:150px; }
div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div.cont_login ul li { margin:12px auto; width:98%; }
div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div.cont_login li.logo { text-align:center; }
div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }
/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.block {	position: relative;	padding: 0 15px 0 15px; }
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
.in_list_wrap{ width:90%;padding:20px 15px 35px; margin:2px auto; background:#fff;  }
.in_list_wrap:after {display:block; content:''; clear:both}
.in_list_wrap .in_list_new ul{ border-bottom: 1px solid #333; margin-bottom: 10px; }
.in_list_new_left{  width: 35%;   float:left; margin:0 1%; }
.in_list_new_right{ width:62%; float:left; }
.in_list_new_right div.top{ width:100%; border-bottom: 1px solid #333; height:180px; }
.in_list_new_right div.left{ width:50%; float:left; }
.in_list_new_right div.left ul li p{ margin-bottom:0 ! important; }
.in_list_new_right div.left ul li{ width:100% ! important; text-align:left; }
.in_list_new_right div.right{ width:50% ! important; float:left; }
.in_list_new_right div.thema_text{ clear:both; padding-top:30px; height:300px; overflow-y: auto; }

div#popup { position:absolute; top:80px; left:35%; width:550px; margin:100px auto; opacity:1.0;z-index:9999; }
div#popup div.popup_table { position: relative; width:520px; margin:0px auto;  }
div#popup div.popup_table div#X { width:20px;height:20px;color:#fff;background:#af2949;font-size:16px;text-align:center; }
div#popup div.popup_table span { font-size:13px;  }

table.pop_up {width:100%; margin:30px auto; border:3px solid #fff; background:#fff;}
table.pop_up tr th { padding:6px; background:#fff; color:#314072; font-weight:bold; font-size:14px; text-align:center;}
table.pop_up tr th.t_tit { background:#f5f5f5; color:#314072; font-weight:bold;font-size:13px;}
table.pop_up tr td { padding:4px 5px; line-height:1.8;font-size:14px;}
table.pop_up tr td.a_left {text-align:left; padding-left:20px; line-height:2;font-size:13px;}
table.pop_up tr td.a_tab {text-align:center; padding-top:38px; font-size:13px;}
table.pop_up tr td a { text-align:left; padding-left:20px; line-height:18px;font-size:13px;}
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
a.expand {  margin:0px auto;display: block;position:absolute;z-index:100;width:92%;height:100%;text-align:center; color: #fff;font-size:17px;border-radius:1rem; }

.reveal-modal-bg { position:fixed;height:100%; width:100%;background:#000; background:rgba(0,0,0,.8); z-index:100; display: none;top:0;left:0; }
.reveal-modal { 
    visibility: hidden;top:150px;left:10%;width:60%; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {	font-size: 22px; line-height: .5; position: absolute; top: 8px;	right: 11px; color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold; cursor: pointer; } 

/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
#btns1 {width:48.0%;text-align:center; margin-top:0px; float:left; background:#fff;border: 1px solid #555;border-radius:.5rem;}
#btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:0px; font-size:12px;border-radius:.5rem;}
#btns1 a:hover { color:#111;;background:#ddd;}

#btns2 {width:48.0%;text-align:center; margin-top:0px; float:right; background:#222; color:#fff;border: 1px solid #555;border-radius:.5rem;}
#btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:0px; font-size:12px;  color:#fff;border-radius:.5rem;}
#btns2 a:hover { color:#111; background:#ddd;}

#btns3 {width:90%;text-align:center;float:right;background:#222;color:#fff;border:1px solid #555;padding:4px 1px;border-radius:.5rem;}
#btns3 a { display:inline-block; width:100%;text-align:center;text-decoration:none;font-size:11px;  color:#fff;border-radius:.5rem;}
#btns3 a:hover { color:#111; background:#ddd;}

#radi{ margin:1px auto; width:100px; font-size:15px;text-align:center; padding:15px;border:1px solid #5a6671;color:#5a6671;letter-spacing:2px;cursor:pointer; } 
#radi:hover{ color:#fff; } 

#bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;}
#bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;}
#bs1 a:hover { color:#111;;background:#5ce6ba;}

#bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;}
#bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs2 a:hover { color:#111; background:#8cd3fc;}

#bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;}
#bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs3 a:hover { color:#111; background:#ddd;}

div#scroll { position:fixed;width:90px;height:200px;padding:10px;right:2%;bottom:1%;z-index:100;}
div#scroll ul { width:96%; }
div#scroll ul li { width:96%;padding:4px;text-align:center;}
div#scroll ul li.top { background:#314e73;color:#fff; }

}
/* tablet*/
@media only screen and (min-width:1023px) and (max-width:1599px) {

div#visual1 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_01.jpg'); animation:pulse .75s }
div#visual1 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual1 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual1 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual2 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_02.jpg'); animation:pulse .75s }
div#visual2 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual2 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual2 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual3 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_06.jpg'); animation:pulse .75s }
div#visual3 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual3 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual3 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual4 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_04.jpg'); animation:pulse .75s }
div#visual4 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual4 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual4 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual5 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_03.jpg'); animation:pulse .75s }
div#visual5 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual5 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual5 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#contents { width:100%;background:#000;}

div#han_03 { width:100%; margin-top:100px auto;height:63px;background:#252d37; animation:pulse .75s}
div#han_03 ul { width:60%;margin:0px auto; }
div#han_03 ul li { float:left; width:31%; padding:20px 10px; color:#fff;font-size:15px;text-align:center; border-right:1px solid #4b4a4a;}
div#han_03 ul li:hover { background:#fff;color:#21418e; }
div#han_03 ul li.focus { float:left; width:31%; padding:20px 10px; background:#fff;color:#21418e;text-align:center; }
div#han_03 ul li a { color:#fff; }

div#sub01 { position:relative; display:block; width:98%;margin:120px auto; padding:10px; animation:pulse .75s  }
div#sub01 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px;  }
div#sub01 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub01 ul li.pc { animation:fadeInDown .75s;padding:10px 25px;color:#7b7b7c; font-size:20px;text-align:center;letter-spacing:1px; }
div#sub01 ul li.mo { display:none; }

div#sub02 { position:relative; display:block; width:98%; margin:120px auto; padding:10px; }
div#sub02 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px;}
div#sub02 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub02 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }
div#sub02 ul li { border:1px solid #f6f6f6; }

div.tt_img { display:block; padding:2px;border-radius:2rem; }
div.tt_img ul li { display:inline-block; width:22.5%; /*±âÁ¸ width:23%*/ margin:0.9%;border-radius:2rem;background:#f9f9f9; /*float:left;*/ }
div.tt_img ul li img { width:100%;border-radius:2rem;}
div.tt_addr { display:block; padding:12px 8px; font-size:18px; }


div#sub03 { position:relative; display:block; width:98%; margin:120px auto; padding:10px;}
div#sub03 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px; }
div#sub03 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub03 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }

div#sub03 ul.tabs { position:relative; width:98%; margin:120px auto; padding:10px 4px; text-align:center;animation:flipInX .75s;}
div#sub03 ul.tabs li { float:left;width:45%;color:#fff;display:inline-block;padding:16px 8px;margin:2px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;color:#222;margin:6px;background:#f6f6f6; }
div#sub03 ul.tabs li.s_on { float:left;width:45%;color:#fff;display:inline-block;padding:16px 8px;margin:2px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;margin:6px;background:#222; }
div#sub03 ul.tabs li:hover { cursor:pointer;border:1px solid #f88f8f; }

div#sub03 #sub03_menu{width:90%; margin:10px auto; background:#f6f6f6;color:#222; padding:10px 0; }
div#sub03 #sub03_menu ul {width:100%; height:40px;}
div#sub03 #sub03_menu ul li{float:left; height:40px; line-height:40px  }
div#sub03 #sub03_menu ul li.room_li{width:45%;font-size:15px;color:#222;padding-left:15px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li{width:45%;font-size:15px;color:#222;padding-left:15px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li span {float:left;font-size:15px;line-height:40px;margin-top:-20px;color:#222;}
div#sub03 #sub03_menu ul li.date_li .demo{float:left; padding: 0; width: 180px;color:#222;}
div#sub03 #sub03_menu ul li select.box150{width:150px;height:40px;padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414;}
div#sub03 #sub03_menu ul li select.box300{width:300px;height:40px;padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414; }
div#sub03 input#datepicker {height: 38px;padding: 0 5px; border: solid 1px #484848;font-size:16px; color: #fff; background: #141414; } 
div#sub03 #sub03_menu div.demo-description {display:none;}

div#sub03 #sub03_list{width:90%; margin:10px auto;color:#222; padding:10px 0; }
div#sub03 #sub03_list ul {width:96%;padding:15px;border:1px solid #f6f6f6;background:#f9f9f9;margin:10px;border-radius:2rem; }
div#sub03 #sub03_list ul li.left { float:left; width:36%;background:#f9f9f9;text-align:center;}
div#sub03 #sub03_list ul li.left img { width:230px;text-align:center;border-radius:2rem;background:#f9f9f9; }
div#sub03 #sub03_list ul li.right  { float:right; width:58%; }
div#sub03 #sub03_list ul li.right div.on { float:left;width:30%;border:1px solid #222;background:#222;margin:1%;text-align:center;border-radius: 2rem;}
div#sub03 #sub03_list ul li.right div.off { float:left;width:30%;border:1px solid #fff;background:#f6f6f6;margin:1%;text-align:center;border-radius: 2rem;}
div#sub03 #sub03_list ul li.right div.on:hover {background:#5f83af;}

div#sub04 { position:relative; display:block; width:98%; margin:120px auto; padding:10px; }
div#sub04 span { padding-left:70px;color:#222; font-size:28px; }
div#sub04 p { padding:10px 50px; color:#7b7b7c; font-size:17px;  }
div#sub04 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }
div#sub04  ul li { padding:10px;width:90%;}
div#sub04  ul li iframe { padding:10px;width:100%; height:450px;border-bottom:2px solid #f6f6f6; }
div#sub04  ul li.title { margin:10px;padding-left:50px;font-size:24px;}
div#sub04  ul li.juso { margin:10px;padding-left:60px;font-size:18px;}
div#sub04  ul li.tel  { margin:10px;padding-left:60px;font-size:18px;}

div#sub05 { position:relative; display:block; width:98%; margin:120px auto; padding:10px; }
div#sub05 span { padding-left:70px;font-size:28px; }
div#sub05 p { padding:10px 50px; color:#7b7b7c; font-size:17px;  }
div#sub05 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }

div#cont_thema { width:100%; margin:10px auto;  }
div#cont_thema ul { width:70%; margin:0 auto; } 
div#cont_thema ul h2 {  padding-top:80px;text-align:left; font-size:58px; letter-spacing:2px; line-height:1.4em; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul h3{ padding-top:25px;text-align:left; font-size:22px; line-height:32px; color: #333; -webkit-font-smoothing: subpixel-antialiased;  }
div#cont_thema ul li { float:left; width:30%; margin:5% 1%; font-size:15px; text-align:center;  } 
div#cont_thema ul li span{ font-size:15px; letter-spacing:2px; }
div#cont_thema ul li img { padding:2px; width:100%; } 

/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.cont_login { width:100%; margin-top:150px; }
div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div.cont_login ul li { margin:12px auto; width:98%; }
div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div.cont_login li.logo { text-align:center; }
div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }
/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.block {	position:relative;	padding: 0 15px 0 15px; }
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
.in_list_wrap{ width:90%;padding:20px 15px 35px; margin:2px auto; background:#fff;  }
.in_list_wrap:after {display:block; content:''; clear:both}
.in_list_wrap .in_list_new ul{ border-bottom: 1px solid #333; margin-bottom: 10px; }
.in_list_new_left{  width: 35%;   float:left; margin:0 1%; }
.in_list_new_right{ width:62%; float:left; }
.in_list_new_right div.top{ width:100%; border-bottom: 1px solid #333; height:180px; }
.in_list_new_right div.left{ width:50%; float:left; }
.in_list_new_right div.left ul li p{ margin-bottom:0 ! important; }
.in_list_new_right div.left ul li{ width:100% ! important; text-align:left; }
.in_list_new_right div.right{ width:50% ! important; float:left; }
.in_list_new_right div.thema_text{ clear:both; padding-top:30px; height:300px; overflow-y: auto; }

div#popup { position:absolute; top:80px; left:35%; width:550px; margin:100px auto; opacity:1.0;z-index:9999; }
div#popup div.popup_table { position: relative; width:520px; margin:0px auto;  }
div#popup div.popup_table div#X { width:20px;height:20px;color:#fff;background:#af2949;font-size:16px;text-align:center; }
div#popup div.popup_table span { font-size:13px;  }

table.pop_up {width:100%; margin:30px auto; border:3px solid #fff; background:#fff;}
table.pop_up tr th { padding:6px; background:#fff; color:#314072; font-weight:bold; font-size:14px; text-align:center;}
table.pop_up tr th.t_tit { background:#f5f5f5; color:#314072; font-weight:bold;font-size:13px;}
table.pop_up tr td { padding:4px 5px; line-height:1.8;font-size:14px;}
table.pop_up tr td.a_left {text-align:left; padding-left:20px; line-height:2;font-size:13px;}
table.pop_up tr td.a_tab {text-align:center; padding-top:38px; font-size:13px;}
table.pop_up tr td a { text-align:left; padding-left:20px; line-height:18px;font-size:13px;}
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
a.expand {  margin:0px auto;display: block;position:absolute;z-index:100;width:92%;height:100%;text-align:center; color: #fff;font-size:17px;border-radius:2rem; }

.reveal-modal-bg { position:fixed;height:100%; width:100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none;top:0;left:0; }
.reveal-modal { 
    visibility: hidden;top:100px;left:40%; margin-left:-300px;width:40%; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {	font-size: 22px; line-height: .5; position: absolute; top: 8px;	right: 11px; color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold; cursor: pointer; } 

/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
#btns1 {width:48.0%;text-align:center; margin-top:0px; float:left; background:#fff;border: 1px solid #555;border-radius:2rem;}
#btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:0px; font-size:12px;border-radius:2rem;}
#btns1 a:hover { color:#111;;background:#ddd;}

#btns2 {width:48.0%;text-align:center; margin-top:0px; float:right; background:#222; color:#fff;border: 1px solid #555;border-radius:2rem;}
#btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:0px; font-size:12px;  color:#fff;border-radius:2rem;}
#btns2 a:hover { color:#111; background:#ddd;}

#btns3 {width:90%;text-align:center;float:right;background:#222;color:#fff;border:1px solid #555;padding:4px 1px;border-radius:2rem;}
#btns3 a { display:inline-block; width:100%;text-align:center;text-decoration:none;font-size:11px;  color:#fff;border-radius:2rem;}
#btns3 a:hover { color:#111; background:#ddd;}

#bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;}
#bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;}
#bs1 a:hover { color:#111;;background:#5ce6ba;}

#bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;}
#bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs2 a:hover { color:#111; background:#8cd3fc;}

#bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;}
#bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs3 a:hover { color:#111; background:#ddd;}

div#scroll { position:fixed;width:90px;height:200px;padding:10px;right:2%;bottom:1%;z-index:100;}
div#scroll ul { width:96%; }
div#scroll ul li { width:96%;padding:4px;text-align:center;}
div#scroll ul li.top { background:#314e73;color:#fff; }

}
/* pc */

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

div#visual1 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_01.jpg'); animation:pulse .75s }
div#visual1 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual1 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual1 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual2 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_02.jpg'); animation:pulse .75s }
div#visual2 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual2 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual2 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual3 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_06.jpg'); animation:pulse .75s }
div#visual3 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual3 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual3 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual4 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_04.jpg'); animation:pulse .75s }
div#visual4 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual4 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual4 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#visual5 { position:relative; width:100%; height:200px; margin-top:100px; overflow: hidden; background: #777; background:url('/images/sub/sub_back_03.jpg'); animation:pulse .75s }
div#visual5 div.wrap { position:absolute; width:100%;top:30%;text-align:center; color:#fff; }
div#visual5 div.wrap span { text-align:center; font-size:28px; color:#fff; font-weight:bold; letter-spacing:3px; padding:10px; }
div#visual5 div.wrap p { text-align:center; font-size:20px; color:#fff; font-weight:bold; letter-spacing:1px; padding:10px; }

div#contents { width:100%;}

div#han_03 { width:100%; margin-top:20px auto;height:63px;background:#252d37; animation:pulse .75s}
div#han_03 ul { width:60%;margin:0px auto; }
div#han_03 ul li { float:left; width:31%; padding:20px 10px; color:#fff;font-size:15px;text-align:center; border-right:1px solid #4b4a4a;}
div#han_03 ul li:hover { background:#fff;color:#21418e; }
div#han_03 ul li.focus { float:left; width:31%; padding:20px 10px; background:#fff;color:#21418e;text-align:center; }
div#han_03 ul li a { color:#fff; }

div#sub01 { position:relative;display:block;width:68%;margin:120px auto; padding:10px; animation:pulse .75s  }
div#sub01 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px;  }
div#sub01 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub01 ul li.pc { animation:fadeInDown .75s;padding:10px 25px;color:#7b7b7c; font-size:20px;text-align:center;letter-spacing:1px; }
div#sub01 ul li.mo { display:none; }

div#sub02 { position:relative; display:block;width:68%; margin:120px auto; padding:10px; }
div#sub02 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px;}
div#sub02 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub02 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }
div#sub02 ul li { border:1px solid #f6f6f6; }

div.tt_img { display:block; padding:2px;animation:fadeInDownBig .75s; }
div.tt_img ul li { display:inline-block; width:22.5%;text-align:center;margin:0.9%;border-radius:1rem;border:1px solid #f6f6f6;background:#f9f9f9; }
div.tt_img ul li img { width:100%;border-radius:1rem;}
div.tt_addr { display:block; padding:12px 8px; font-size:18px; }


div#sub03 { position:relative; display:block;width:68%; margin:120px auto; padding:10px;}
div#sub03 span { animation:slideInDown .75s; padding:20px;color:#fff; font-size:28px; }
div#sub03 p { animation:fadeInUp .75s;padding:10px 25px; color:#7b7b7c; font-size:17px; }
div#sub03 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }

div#sub03 ul.tabs { position:relative; width:98%; margin:20px auto; padding:10px 4px; text-align:center;animation:flipInX .75s;}
div#sub03 ul.tabs li { float:left;width:45%;color:#fff;display:inline-block;padding:16px 8px;margin:2px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;color:#222;margin:6px;background:#f6f6f6; }
div#sub03 ul.tabs li.s_on { float:left;width:45%;color:#fff;display:inline-block;padding:16px 8px;margin:2px auto;font-size:13px;cursor:pointer;border:1px solid #d3d2d2;margin:6px;background:#222; }
div#sub03 ul.tabs li:hover { cursor:pointer;border:1px solid #f88f8f; }

div#sub03 #sub03_menu{width:90%; margin:10px auto;margin-top:100px;background:#f6f6f6;color:#222; padding:10px 0; }
div#sub03 #sub03_menu ul {width:100%; height:40px;}
div#sub03 #sub03_menu ul li{float:left; height:40px; line-height:40px  }
div#sub03 #sub03_menu ul li.room_li{width:45%;font-size:15px;color:#222;padding-left:15px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li{width:45%;font-size:15px;color:#222;padding-left:15px;font-weight:bold;}
div#sub03 #sub03_menu ul li.date_li span {float:left;font-size:15px;line-height:40px;margin-top:-20px;color:#222;}
div#sub03 #sub03_menu ul li.date_li .demo{float:left; padding: 0; width: 180px;color:#222;}
div#sub03 #sub03_menu ul li select.box150{width:150px;height:40px;padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414;}
div#sub03 #sub03_menu ul li select.box100{width:300px;height:40px;padding: 5px; border: solid 1px #484848; font-size: 16px; color: #fff; background: #141414; }
div#sub03 input#datepicker {height: 38px;padding: 0 5px; border: solid 1px #484848;font-size:16px; color: #fff; background: #141414; } 
div#sub03 #sub03_menu div.demo-description {display:none;}

div#sub03 #sub03_list{width:90%; margin:10px auto;color:#222; padding:10px 0; }
div#sub03 #sub03_list ul {width:96%;padding:15px;border:1px solid #f6f6f6;background:#f9f9f9;margin:10px;border-radius:2rem; }
div#sub03 #sub03_list ul li.left { float:left; width:32%;text-align:center;border-radius:2rem;}
div#sub03 #sub03_list ul li.left img { width:230px;text-align:center;border-radius:2rem; }
div#sub03 #sub03_list ul li.right  { float:right; width:55%; }
div#sub03 #sub03_list ul li.right div span.time { font-size:15px;}
div#sub03 #sub03_list ul li.right div span.possibility { font-size:13px; }
div#sub03 #sub03_list ul li.right div.on { float:left;width:30%;border:1px solid #222;background:#222;margin:1%;text-align:center;padding:6px 2px;border-radius: 2rem;}
div#sub03 #sub03_list ul li.right div.off { float:left;width:30%;border:1px solid #fff;background:#f6f6f6;margin:1%;text-align:center;padding:6px 2px;border-radius: 2rem;}
div#sub03 #sub03_list ul li.right div.on:hover {background:#5f83af;}

div#sub04 { position:relative; display:block;width:65%; margin:120px auto; padding:10px; }
div#sub04 span { padding-left:70px;color:#222; font-size:28px; }
div#sub04 p { padding:10px 50px; color:#7b7b7c; font-size:17px;  }
div#sub04 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }
div#sub04  ul li { padding:10px;width:90%;}
div#sub04  ul li iframe { padding:10px;width:100%; height:450px;border-bottom:2px solid #f6f6f6; }
div#sub04  ul li.title { margin:10px;padding-left:50px;font-size:24px;}
div#sub04  ul li.juso { margin:10px;padding-left:60px;font-size:18px;}
div#sub04  ul li.tel  { margin:10px;padding-left:60px;font-size:18px;}

div#sub05 { position:relative; display:block;width:65%; margin:120px auto; padding:10px; }
div#sub05 span { padding-left:70px;font-size:28px; }
div#sub05 p { padding:10px 50px; color:#7b7b7c; font-size:17px;  }
div#sub05 ul { position:relative; display:block; width:92%; margin:10px auto; padding:10px; font-size:17px; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.cont_login { width:100%; margin-top:150px; }
div.cont_login ul { margin:0 auto; width:50%; padding:10px; text-align:left; }
div.cont_login ul li { margin:12px auto; width:98%; }
div.cont_login ul li form[name=LOGIN] { width:100%; margin:0px auto; }
div.cont_login ul li form[name=LOGIN] ul li { font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li select { width:100%; border:1px solid #ddd; padding:12px; color:#777;background:#f6f6f6;font-size:17px;}
div.cont_login ul li form[name=LOGIN] ul li input[type=text]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px;}
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=text]{ width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=password]{ width:96%; border:1px solid #ddd; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li:hover input[type=password] { width:96%; border:1px solid #1fbc02; padding:8px; height:30px; color:#777;font-size:13px; }
div.cont_login ul li form[name=LOGIN] ul li input[type=submit]{ width:100%; border:1px solid #1fbc02; background:#1fbc02; padding:8px; height:58px; color:#fff; font-size:13px; cursor:pointer; }
div.cont_login li.logo { text-align:center; }
div.cont_login li.tit { width:100%; padding:16px; font-size:15px; color:#fff; text-align:center; background:#41a0d6; }

div#event ul li img { width:100%; } 
/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
div.block {	position: relative;	padding: 0 15px 0 15px; }
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
.in_list_wrap{ width:90%;padding:20px 15px 35px; margin:2px auto; background:#fff;  }
.in_list_wrap:after {display:block; content:''; clear:both}
.in_list_wrap .in_list_new ul{ border-bottom: 1px solid #333; margin-bottom: 10px; }
.in_list_new_left{  width: 35%;   float:left; margin:0 1%; }
.in_list_new_right{ width:62%; float:left; }
.in_list_new_right div.top{ width:100%; border-bottom: 1px solid #333; height:180px; }
.in_list_new_right div.left{ width:50%; float:left; }
.in_list_new_right div.left ul li p{ margin-bottom:0 ! important; }
.in_list_new_right div.left ul li{ width:100% ! important; text-align:left; }
.in_list_new_right div.right{ width:50% ! important; float:left; }
.in_list_new_right div.thema_text{ clear:both; padding-top:30px; height:300px; overflow-y: auto; }

div#popup { position:absolute; top:80px; left:35%; width:550px; margin:100px auto; opacity:1.0;z-index:9999; }
div#popup div.popup_table { position: relative; width:520px; margin:0px auto;  }
div#popup div.popup_table div#X { width:20px;height:20px;color:#fff;background:#af2949;font-size:16px;text-align:center; }
div#popup div.popup_table span { font-size:13px;  }

table.pop_up {width:100%; margin:30px auto; border:3px solid #fff; background:#fff;}
table.pop_up tr th { padding:6px; background:#fff; color:#314072; font-weight:bold; font-size:14px; text-align:center;}
table.pop_up tr th.t_tit { background:#f5f5f5; color:#314072; font-weight:bold;font-size:13px;}
table.pop_up tr td { padding:4px 5px; line-height:1.8;font-size:14px;}
table.pop_up tr td.a_left {text-align:left; padding-left:20px; line-height:2;font-size:13px;}
table.pop_up tr td.a_tab {text-align:center; padding-top:38px; font-size:13px;}
table.pop_up tr td a { text-align:left; padding-left:20px; line-height:18px;font-size:13px;}
/*======================================================= »ó¼¼º¸±â Æ˾÷ CSS 201908=========================================================================================== */
a.expand {  margin:0px auto;display: block;position:absolute;z-index:100;width:92%;height:100%;text-align:center; color: #fff;font-size:17px; }

.reveal-modal-bg { position:fixed;height:100%; width:100%; background: #000; background: rgba(0,0,0,.8); z-index: 100; display: none;top:0;left:0; }
.reveal-modal { 
    visibility: hidden;top:100px;left:40%; margin-left:-300px;width:40%; background: #eee url(modal-gloss.png) no-repeat -200px -80px; position: absolute; z-index: 101; padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius:2rem;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
}
	
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}

.reveal-modal .close-reveal-modal {	font-size: 22px; line-height: .5; position: absolute; top: 8px;	right: 11px; color: #aaa;text-shadow: 0 -1px 1px rbga(0,0,0,.6);font-weight: bold; cursor: pointer; } 

/*======================================================= ¿¹¾àÀÔ·Â CSS =========================================================================================== */
#reser_input { margin:0px auto; width:98%; font-size:15px !important; }
/*======================================================= ¸â¹ö½± ·Î±×ÀÎ CSS =========================================================================================== */
#btns1 {width:48.0%;text-align:center; margin-top:0px; float:left; background:#fff;border: 1px solid #555;border-radius:2rem;}
#btns1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;}
#btns1 a:hover { color:#111;;background:#ddd;border-radius:2rem;}

#btns2 {width:48.0%;text-align:center; margin-top:0px; float:right; background:#222; color:#fff;border: 1px solid #555;border-radius:2rem;}
#btns2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:2px; font-size:13px;  color:#fff;}
#btns2 a:hover { color:#111; background:#ddd;border-radius:2rem;}

#btns3 {width:90%;text-align:center;float:right;background:#222;color:#fff;border:1px solid #555;padding:4px 1px;border-radius:2rem;}
#btns3 a { display:inline-block; width:100%;text-align:center;text-decoration:none;font-size:11px;  color:#fff;}
#btns3 a:hover { color:#111; background:#ddd;border-radius:2rem;}

#bs1 {width:31.0%;text-align:center; margin: 10px; float:left; background:#1ba97c; color:#fff; border: 1px solid #555;}
#bs1 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px; color:#fff;}
#bs1 a:hover { color:#111;;background:#5ce6ba;}

#bs2 {width:31.0%;text-align:center; margin: 10px; float:left; background:#31a5e8; color:#fff;border: 1px solid #555;}
#bs2 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs2 a:hover { color:#111; background:#8cd3fc;}

#bs3 {width:31.0%;text-align:center; margin: 10px; float:left; background:#222; color:#fff;border: 1px solid #555;}
#bs3 a { display:inline-block; width:100%; text-align:center; text-decoration: none; line-height:40px; letter-spacing:3px; font-size:15px;  color:#fff;}
#bs3 a:hover { color:#111; background:#ddd;}

div#scroll { position:fixed;width:90px;height:200px;padding:10px;right:2%;bottom:1%;z-index:100;}
div#scroll ul { width:96%; }
div#scroll ul li { width:96%;padding:4px;text-align:center;}
div#scroll ul li.top { background:#314e73;color:#fff; }

}