/*pc*/
@media screen and (min-width: 1200px){ 

/* ------------------------------------------------------------------------- MAIN -------------------------------------------------------------------------- */



header{position:relative;z-index:100;height:150px}
header .fix_area{height:130px;top:-100px;background:#fff}
header.fixed .fix_area{position:fixed;width:100%;left:0;top:0;transition:top 0.3s;height:100px}
header.fixed #logoArea{height:70px;width:1200px; top:0; margin:0 auto; height:auto; background-color:#ffffff; }
header.fixed #logoArea:after {content:""; display:block; clear:both;}
header.fixed #logoArea .topBanner {display:none; }
header.fixed #logoArea h1 { width:100%;  margin:0 0 0 0;  text-align:center; height:50px;}
header.fixed #logoArea h1 img{ width:200px;  height:auto;}
header.fixed #logoArea .topCs { display:none;}

header.fixed .lnb{position:relative;background:#ffffff;border:1px solid #dddddd;border-width:1px 0;z-index:90}





.menuArea {display:none;}
.menuAreaBtm {display:none;}

.container{position:relative;width:1200px;margin:0 auto}	

/*lnb*/    
.lnb_wrap{height:50px; background:#15192A;}
.lnb_wrap .inner_fix{}
.lnb{position:relative;background:#15192A;border:1px solid #0A182A;border-width:1px 0;z-index:0}        
.lnb .container{}
.lnb .toggle{position:absolute;right:0;top:0;width:50px;height:50px;line-height:50px;background:blue;z-index:90;background:#000;font-size:25px;color:#fff;text-align:center;cursor:pointer}   
.lnb .d1{position:relative;z-index:10;margin:0 auto}
/*메뉴사이 간격조절*/
.lnb .d1 > li{position:relative;float:left;width:20%}.lnb .d1{position:relative;z-index:10;margin:0 auto}
.lnb .d1 > li > a{display:block;font-size:18px;color:#FFFFFF;height:50px;line-height:50px;font-weight:400;text-align:center}
.lnb .d1 > li .d2{visibility:hidden;padding:0 10px;;opacity:0;transition:.2s}
.lnb .d1 > li:hover .d2{visibility:visible; padding:10px 10px;opacity:1}

.lnb .d2{position:absolute;left:50%;width:196px;margin-left:-98px;overflow:hidden;border:1px solid #ddd;border-top:3px solid #234061;padding:10px 10px;background:#fff;box-sizing:border-box}
.lnb .d2 > dd{}
.lnb .d2 > dd > a{display:block;line-height:35px;font-size:14px;font-weight:400;color:#333;border-bottom:1px solid #e5e5e5;padding:0 10px}
.lnb .d2 > dd > a:hover,
.lnb .d2 > dd:hover > a{color:#234061}
.lnb .d2.last_child > dd:last-child a{border-bottom:0}

.lnb .d3{padding:5px 10px}
.lnb .d3 > a{display:inline-block;font-size:13px;color:#777;line-height:24px}
.lnb .d3 > a:hover{color:#234061}


/*all*/
.lnb_all{visibility:hidden;position:absolute;left:0;width:100%;background:rgba(255,255,255,0.9);opacity:0;transition:0.2s;border-bottom:1px solid #eee}
.lnb_all.on{visibility:visible;opacity:1}
.lnb_all .container{}
.lnb_all .close{position:absolute;right:0;top:0;width:50px;text-align:center;height:45px;line-height:45px;background:#15192A;font-size:30px;color:#000;z-index:90;cursor:pointer}
.lnb_all .d1{position:relative;z-index:10; padding:0 0 30px 0;}
.lnb_all .d1 > li{position:relative;float:left;width:12%}
.lnb_all .d1 > li > a{display:block;font-size:16px;color:#000;height:45px;line-height:45px;font-weight:600}
.lnb_all .d1 > li > a:hover,
.lnb_all .d1 > li:hover > a{}
.lnb_all .d1 > li.on .d2{display:block}
.lnb_all .d1 > li.item1{left:57px}
.lnb_all .d1 > li.item2{left:65px}
.lnb_all .d1 > li.item3{left:55px}
.lnb_all .d1 > li.item4{left:65px}
.lnb_all .d1 > li.item5{left:75px}
.lnb_all .d1 > li.item6{left:75px}


.lnb_all .d2{padding:0 0;width:196px}
.lnb_all .d2 > dd{}
.lnb_all .d2 > dd > a{display:block;line-height:35px;font-size:14px;font-weight:600;color:#333}
.lnb_all .d2 > dd > a:hover,
.lnb_all .d2 > dd:hover > a{color:#234061}
.lnb_all .d2 > dd.bordernone a{bottom:0}

.lnb_all .d3{padding:5px 0}
.lnb_all .d3 > a{display:inline-block;font-size:13px;color:#777;line-height:24px}
.lnb_all .d3 > a:hover{color:#234061}

.lnb_back{display:none}
.lnb_all_open{display:none}
.btnTotalCs {display:none}



#logoArea  {width:1200px; top:0; margin:0 auto; height:80px; background-color:#ffffff; }
#logoArea:after {content:""; display:block; clear:both;}

#logoArea .topBanner {float:left; width:35%; margin:15px 0 0 0; height:50px; overflow:hidden;}
#logoArea .topBanner img{width:auto; height:auto;}


#logoArea h1 {float:left; width:30%;  margin:10px 0 0 0;  text-align:center; }

#logoArea .topCs {float:left; width:35%; text-align:right; }
#logoArea .topCs .monthHoliday{display:block; font-size:14px; color:#234061; font-weight:600; margin:34px 0 0 0;}
#logoArea .topCs .monthHoliday a{color:#234061; }
#logoArea .topCs .monthHoliday a:hover{color:#000000; }
#logoArea .topCs .telNo{display:block;}
#logoArea .topCs .telNo .tN-tit01{display:inline-block; padding:0 10px 0 0;font-size:14px; color:#333333;font-weight:600;}
#logoArea .topCs .telNo .tN-no1{display:inline; font-size:34px; color:#333333;font-weight:600;}
#logoArea .topCs .telNo .tN-no1 a{color:#333333;}




#siteGm  {  width:100%; top:0; margin:0 auto; background-color:#ffffff; height:39px; border-bottom:#e5e5e5 1px solid;}
#siteGm:after {content:""; display:block; clear:both;}

#siteGm .sgArea {width:1200px; margin:0 auto;}

#siteGm .sgArea .siteLink { float:left; width:50%; margin:0; font-size:12px;}
#siteGm .sgArea .siteLink ul {}
#siteGm .sgArea .siteLink ul li{float:left;  line-height:39px;}

/*#siteGm .siteLink ul li a:link{ color:#666666; background-color:#f5f5f5; height:40px; padding:0 25px; display:block;}
#siteGm .siteLink ul li a:hover{ color:#ffffff; background-color:#15192A; font-weight:600;}*/

#siteGm .siteLink ul li a{}
#siteGm .sgArea .siteLink ul li .siteLinkClr01{ color:#666666; background-color:#f5f5f5; height:40px; padding:0 25px; display:block; border-right:#ffffff 1px solid;}
#siteGm .sgArea .siteLink ul li .siteLinkClr01:hover{ color:#ffffff; background-color:#15192A; font-weight:600;}
#siteGm .sgArea .siteLink ul li .siteLinkClr02{ color:#666666; background-color:#f5f5f5; height:40px; padding:0 25px; display:block;border-right:#ffffff 1px solid;}
#siteGm .sgArea .siteLink ul li .siteLinkClr02:hover{ color:#ffffff; background-color:#2A415C; font-weight:600;}
#siteGm .sgArea .siteLink ul li .siteLinkClr03{ color:#333333; background-color:#f5f5f5; height:40px; padding:0 25px; display:block;}
#siteGm .sgArea .siteLink ul li .siteLinkClr03:hover{ color:#ffffff; background-color:#6cc737; font-weight:600;}

#siteGm .sgArea .siteLink ul li .slc1On{ color:#333; background-color:#15192A; font-weight:600;}
#siteGm .sgArea .siteLink ul li .slc2On{ color:#333; background-color:#2A415C; font-weight:600;}
#siteGm .sgArea .siteLink ul li .slc3On{ color:#ffffff; background-color:#6cc737; font-weight:600;}



#siteGm .sgArea .gmBtnSet { float:left; width:50%; margin:7px 0 0 0;}
#siteGm .sgArea .gmBtnSet ul {float:right;}
#siteGm .sgArea .gmBtnSet ul li{float:left; text-align:left; font-size:12px; padding:0 15px 0 0; margin:0 15px 0 0; height:20px; line-height:20px; border-right:#dddddd 1px solid;}
#siteGm .sgArea .gmBtnSet ul li:last-child{border:none; padding:0; margin:0;}
#siteGm .sgArea .gmBtnSet ul li a{color:#666666;}
#siteGm .sgArea .gmBtnSet ul li a:hover{color:#000000;}




#topmenu {display:none;}
#topInfo { display:none;}
#topInfo .infoArea{ display:none;}




/* ------------------------------------------------------------------------- ETC -------------------------------------------------------------------------- */



/* btnset */
.oneBtn-50px {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */
.oneBtn-50px:hover {color: #fff; background: #555; border:#000000 1px solid;} /* 50px */

.oneBtn-50pxGr {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #82be04; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */
.oneBtn-50pxGr:hover {color: #ffffff; background: #555; border:#000000 1px solid; } /* 50px */

.oneBtn-50pxBl {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-50pxBl:hover {color: #000000; background: #efefef; border:#000000 1px solid;} /* 35px */

.oneBtn-35px {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-35px:hover {color: #fff; background: #555; border:#000000 1px solid;} /* 35px */

.oneBtn-35pxBl {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-35pxBl:hover {color: #000; background: #efefef; border:#000000 1px solid;} /* 35px */

.oneBtn-15px {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px */
.oneBtn-15px:hover {color: #333; background: #fff; border:#000000 1px solid;} /* 15px */

.oneBtn-15pxRed {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #ff0000; text-align:center; text-decoration:none; font-size:10px; border:#cc0000 1px solid; letter-spacing:-1px;} /* 15px red */
.oneBtn-15pxRed:hover {color: #ff0000; background: #fff; border:#ff0000 1px solid;} /* 15px red */

.oneBtn-15pxBl {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px red */
.oneBtn-15pxBl:hover {color: #000000; background: #efefef; border:#555555 1px solid;} /* 15px red */


}


























/* tablet */
@media screen and (min-width: 800px) and (max-width: 1199px) {   


/* ------------------------------------------------------------------------- MAIN -------------------------------------------------------------------------- */


.pc{display:none}

header{position:relative;z-index:100;height:100px}
header .fix_area{height:70px;top:-100px;background:#fff}

header.fixed .fix_area{position:fixed;width:100%;left:0;top:0;transition:top 0.3s;height:70px;z-index:90}
header.fixed #logoArea{height:70px}


header.fixed #logoArea h1 {float:left; width:100%;  height:70px; margin:7px 0 0 0;  text-align:center;}
header.fixed #logoArea h1 img{width:100%; max-width:180px;}
header.fixed #logoArea .lnb_all_open{position:absolute;left:10px;top:15px;width:40px;height:40px;line-height:40px;text-align:center;color:#000;font-size:30px}
header.fixed #logoArea .btnTotalCs{position:absolute; right:10px; top:17px; text-align:center; width:35px; height:35px; line-height:35px; background-color:#ffffff; color:#333333; display:block; font-size:30px; }



#siteGm  {  width:100%; top:0; margin:0; background-color:#ffffff; height:30px; border-bottom:#e5e5e5 1px solid;}
#logoArea  {position:relative;width:100%; top:10px; margin:0 auto; height:60px; background-color:#ffffff; padding:0 1%; box-sizing:border-box; border-bottom:#e5e5e5 1px solid;text-align:center;}
#logoArea h1 img{width: 50%;max-width: 180px; }
#logoArea .topBanner {display:none;}
#logoArea .topCs {display:none;}



.menuArea .maTop{ width:100%; margin:0 auto; color:#333333; border-bottom:#cccccc 1px solid; height:80px; line-height:40px; background-color:#f5f5f5;}
.menuArea .maTop:after {content:""; display:block; clear:both;}
.menuArea .maTop .tptName{ float:none; width:100%; color:#333333; font-size:1.3em; padding:0 0 0 10px; box-sizing:border-box;}
.menuArea .maTop .tptName span{  font-weight:600; color:#333333;}
.menuArea .maTop .tptLogin{float:none; width:100%; color:#333333; font-weight:normal; font-size:0.9em; text-align:left; padding:0 0 0 10px;box-sizing:border-box; }
.menuArea .maTop .tptLogin a{color:#424242;}
.menuArea .maTopBtn{ width:100%; margin:0 auto; border-bottom:#cccccc 1px solid; height:55px; line-height:55px; background-color:#f5f5f5;}
.menuArea .maTopBtn ul {padding:10px 0 0 0; box-sizing:border-box;}
.menuArea .maTopBtn ul li{ width:33.33%; float:left; text-align:center;  padding:0 0 0 0; margin:0 0 0 0;  }
.menuArea .maTopBtn ul li a {width:75%; font-size:0.9em; color:#333333;  height:25px; line-height:25px; padding:2px 5px; border:#cccccc 1px solid; margin:0 auto; display:block; background-color:#ffffff; border-radius: 5px;}

.menuAreaBtm .btmPartMove {width:95%; margin:10px auto 30px  ;}
.menuAreaBtm .btmPartMove .btnSoasiGo{display:none;}
.menuAreaBtm .btmPartMove .btnAdultGo{width:100%; display:block; color:#ffffff; background-color:#2A415C; font-size:0.9em; font-weight:600; margin:0 0 0 0; text-align:center;height:30px; line-height:30px;border-radius: 3px; border:#008ace 1px solid;}

.menuAreaBtm .btmTelNo{display:block; text-align:center; margin:20px 0;}
.menuAreaBtm .btmTelNo .btnTit01{display:inline; padding:0 10px 0 0;font-size:1.0em; color:#333333;font-weight:600; }
.menuAreaBtm .btmTelNo .btnNo1{display:inline; font-size:1.6em; color:#333333;font-weight:600;}
.menuAreaBtm .btmTelNo .btnNo1 a{color:#333333;}


.menuAreaBtm .btmBtnSet {width:80%; margin:10px auto 30px  ;}
.menuAreaBtm .btmBtnSet .btnQna{width:47%; display:inline-block; color:#333333; background-color:#ffffff; font-size:0.9em; font-weight:600; margin:0 2% 0 0; text-align:center; height:30px; line-height:30px;border-radius: 3px; border:#cccccc 1px solid;}
.menuAreaBtm .btmBtnSet .btnReserervation{width:47%; display:inline-block; color:#333333; background-color:#ffffff; font-size:0.9em; font-weight:600; margin:0 0 0 2%; text-align:center;height:30px; line-height:30px;border-radius: 3px; border:#cccccc 1px solid;}


/*lnb*/
.lnb{display:none}

.lnb_all_open{position:absolute;left:10px;top:25px;width:40px;height:40px;line-height:40px;text-align:center;color:#000;font-size:30px}

.btnTotalCs{position:absolute; right:10px; top:30px; text-align:center; width:35px; height:35px; line-height:35px; background-color:#ffffff; color:#333333; display:block; font-size:30px; }

.lnb_wrap{display:block;position:fixed;left:-100%;top:0;z-index:100;width:50%;height:100%;background:#fff;;z-index:100;opacity:0;transition:left 0.3s,opacity 0.3s}	
.lnb_wrap.on {opacity:1;left:0}
.lnb_wrap .inner_scroll{height:100%;overflow:auto}
.lnb_all{}
.lnb_all .container{}
.lnb_all .close{position:absolute;right:-45px;top:0;width:45px;height:45px;line-height:45px;text-align:center;background:#fff;color:#ff0000; font-size:25px;}
.lnb_all .child{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer}

.lnb_all .d1{clear:both}
.lnb_all .d1 > li{position:relative;border-bottom:1px solid #ccc}
.lnb_all .d1 > li > a{display:block;line-height:40px;font-size:14px;font-weight:600;color:#000;padding-left:20px}
.lnb_all .d1 > li > a:hover,
.lnb_all .d1 > li:hover > a{}
.lnb_all .d1 > li > .child{background:url('/soasi/img/m_nav_icon.png') no-repeat center 0}
.lnb_all .d1 > li.on > .child {background:url('/soasi/img/m_nav_icon.png') no-repeat center -40px}
.lnb_all .d1 > li.on .d2{display:block}



.lnb_all .d2{display:none;background:#fff}
.lnb_all .d2.last_child{background:#f5f5f5}
.lnb_all .d2 > dd{position:relative;border-top:1px solid #ccc}
.lnb_all .d2 > dd > a{display:block;line-height:38px;font-size:14px;color:#333;padding-left:40px}
.lnb_all .d2 > dd > a:hover,
.lnb_all .d2 > dd:hover > a{color:#234061}
.lnb_all .d2 > dd > .child{background:url('/soasi/img/m_nav_icon.png') no-repeat center 0}
.lnb_all .d2 > dd.on > .child {background:url('/soasi/img/m_nav_icon.png') no-repeat center -40px}
.lnb_all .d2 > dd.on .d3{display:block}



.lnb_all .d3{display:none;background:#fff;border-top:1px solid #ccc}
.lnb_all .d3.last_child{background:#f5f5f5}
.lnb_all .d3 a{display:block;font-size:13px;padding-left:60px;border-top:1px solid #fff;line-height:30px}
.lnb_all .d3 a:hover {color:#234061}
.lnb_all .d3 span{display:none}


.lnb_back{visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:90;opacity:0;transition:.3s}
.lnb_back.on{visibility:visible;opacity:0.7}





#logoArea  {width:100%; top:0; margin:0 auto; height:90px; background-color:#ffffff; padding:0 1%; box-sizing:border-box; border-bottom:#e5e5e5 1px solid;}
#logoArea:after {content:""; display:block; clear:both;}

#logoArea .topBanner {float:left; width:35%; background-color:#efefef; margin:25px 0 0 0; display:none;}


#logoArea h1 {float:left; width:100%;  height:70px; margin:20px 0 0 0;  text-align:center;}
#logoArea h1 img{width:100%; max-width:200px;}

#logoArea .topCs {float:left; width:35%; text-align:right; display:none;}
#logoArea .topCs .monthHoliday{display:block; font-size:14px; color:#234061; font-weight:600; margin:34px 0 5px 0; }
#logoArea .topCs .monthHoliday a{color:#234061; }
#logoArea .topCs .monthHoliday a:hover{color:#000000; }
#logoArea .topCs .telNo{display:block;}
#logoArea .topCs .telNo .tN-tit01{display:inline-block; padding:0 10px 0 0;font-size:14px; color:#333333;font-weight:600;}
#logoArea .topCs .telNo .tN-no1{display:inline; font-size:24px; color:#333333;font-weight:600;}




#siteGm  {  width:100%; top:0; margin:0; background-color:#ffffff; height:30px; border-bottom:#e5e5e5 1px solid;}
#siteGm:after {content:""; display:block; clear:both;}

#siteGm .sgArea {width:100%; margin:0;}

#siteGm .sgArea .siteLink { float:left; width:50%; margin:0; font-size:12px;}
#siteGm .sgArea .siteLink ul {}
#siteGm .sgArea .siteLink ul li{float:left;  line-height:30px;}


#siteGm .siteLink ul li a{}
#siteGm .sgArea .siteLink ul li .siteLinkClr01{ color:#666666; background-color:#f5f5f5; height:30px; padding:0 25px; display:block; border-right:#ffffff 1px solid;}
#siteGm .sgArea .siteLink ul li .siteLinkClr01:hover{ color:#ffffff; background-color:#15192A; font-weight:600;}
#siteGm .sgArea .siteLink ul li .siteLinkClr02{ color:#666666; background-color:#f5f5f5; height:30px; padding:0 25px; display:block;border-right:#ffffff 1px solid;}
#siteGm .sgArea .siteLink ul li .siteLinkClr02:hover{ color:#ffffff; background-color:#0451bb; font-weight:600;}
#siteGm .sgArea .siteLink ul li .siteLinkClr03{ color:#666666; background-color:#f5f5f5; height:30px; padding:0 25px; display:block;}
#siteGm .sgArea .siteLink ul li .siteLinkClr03:hover{ color:#ffffff; background-color:green; font-weight:600;}

#siteGm .sgArea .siteLink ul li .slc1On{ color:#333; background-color:#15192A; font-weight:600;}
#siteGm .sgArea .siteLink ul li .slc2On{ color:#333; background-color:#0451bb; font-weight:600;}
#siteGm .sgArea .siteLink ul li .slc3On{ color:#333; background-color:green; font-weight:600;}



#siteGm .sgArea .gmBtnSet { float:left; width:50%; margin:3px 0 0 0;}
#siteGm .sgArea .gmBtnSet ul {float:right; padding:0 2% 0 0;}
#siteGm .sgArea .gmBtnSet ul li{float:left; text-align:left; font-size:12px; padding:0 10px 0 0; margin:0 10px 0 0; height:20px; line-height:20px; border-right:#dddddd 1px solid;}
#siteGm .sgArea .gmBtnSet ul li:last-child{border:none; padding:0; margin:0;}
#siteGm .sgArea .gmBtnSet ul li a{color:#666666;}
#siteGm .sgArea .gmBtnSet ul li a:hover{color:#000000;}


#topmenu {display:none;}
#topInfo { display:none;}



/*
#topmenu {position:absolute; top:-124px; background-color:rgba(0, 0, 0, 0.65);  width:100%; min-width:360px; height:auto; z-index:2; display:none;}
#topmenu:after {content:""; display:block; clear:both;}


#topmenu .menuArea {float:left; width:85%; min-width:300px; max-width:500px; background-color:#ffffff; padding:0 0 0 0; border-right:#dddddd 1px solid; z-index:1; }
#topmenu .menuArea:after {content:""; display:block; clear:both;}

*/

/*
#topmenu .menuArea .menuCate{ width:100%; height:100%; margin:0; color:#666666; z-index:1; }
#topmenu .menuArea .menuCate:after {content:""; display:block; clear:both;}

#topmenu .menuArea .menuCate .depth1{width:100%; font-size:1.05em; margin:0; color:#333333; font-weight:bold; padding:0 0 0 3%; box-sizing:border-box; display:block !important; height:40px; line-height:40px; border-bottom:#dddddd 1px solid; background:url('/soasi/img/m_nav_icon.png') 100% 0 no-repeat;}
#topmenu .menuArea .menuCate .depth1 a {color:#333333; display:block;}

#topmenu .menuArea .menuCate .depth2{width:100%; font-size:1.0em;margin:0; color:#333333; font-weight:600; padding:0 0 0 8%; box-sizing:border-box; display:block !important; height:40px; line-height:40px; border-bottom:#dddddd 1px solid; background:url('/soasi/img/m_nav_icon.png') 100% -40px no-repeat; }
#topmenu .menuArea .menuCate .depth2 a {color:#333333; display:block;}

#topmenu .menuArea .menuCate .depth3{width:100%; font-size:1.0em;margin:0; color:#333333; font-weight:normal; padding:0 0 0 16%; box-sizing:border-box; display:block !important;height:40px; line-height:40px;  border-bottom:#dddddd 1px solid; background:url('/soasi/img/m_nav_icon.png') 100% -40px no-repeat;}
#topmenu .menuArea .menuCate .depth3 a {color:#333333; display:block;}

#topmenu .menuArea .menuCate .depth4{width:100%; margin:0; color:#333333; font-weight:normal; padding:0 0 0 0; box-sizing:border-box; display:block !important;background-color:#f8f8f8;border-bottom:#dddddd 1px solid;}
#topmenu .menuArea .menuCate .depth4 a {color:#333333; display:block;  }


#topmenu .menuArea .menuCate .depth4 ul { }
#topmenu .menuArea .menuCate .depth4:after {content:""; display:block; clear:both;}
#topmenu .menuArea .menuCate .depth4 ul li {width:100%; float:left;  margin:0; color:#333333; font-weight:normal; height:auto; font-size:0.9em; box-sizing:border-box; border-bottom:#ffffff 1px solid;}
#topmenu .menuArea .menuCate .depth4 ul li a {color:#333333; display:block; line-height:30px; padding:0 0 0 20%; }
*/


.soasiColor {background-color:#f8f8f8;}
.adultColor {background-color:#f8f8f8;}
.commonColor1 {background-color:#f8f8f8;}
.commonColor2 {background-color:#f8f8f8;}




#topInfo {position:fixed; top:100px; /*background-color:rgba(0, 0, 0, 0.65);*/  width:100%; height:100%; z-index:100; display:none; }
#topInfo:after {content:""; display:block; clear:both;}
#topInfo .infoArea {position:relative; width:90%; margin:20px auto; padding:0 0; min-width:300px; max-width:400px; background-color:#ffffff; border-right:#dddddd 1px solid; z-index:102;}
#topInfo .infoArea:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoTelNo{width:90%; display:block; text-align:center; margin:0 auto;  padding:20px 0; }
#topInfo .infoArea .infoTelNo .infoTit01{display:inline; padding:0 10px 0 0;font-size:1.0em; color:#333333;font-weight:600; }
#topInfo .infoArea .infoTelNo .infoNo1{display:inline; font-size:1.6em; color:#333333;font-weight:600;}
#topInfo .infoArea .infoTelNo .infoNo1 a{color:#333333;}
#topInfo .infoArea .infoLinkSet  {width:90%; padding:0 0;  margin:0 auto;}
#topInfo .infoArea .infoLinkSet:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul {text-align:center; margin:0 0;}
#topInfo .infoArea .infoLinkSet ul:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul li {float:left; width:48%; margin:1%; display:inline-block;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkIcon{width:35%; text-align:center; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkTxt{width:65%; text-align:right; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li  .infoLk{ width:95%; height:auto;  display:inline-block; color:#333333; background-color:#f5f5f5; padding:0px 0px; font-size:0.9em; font-weight:600; margin:0; line-height:42px; padding:0 7%; box-sizing:border-box; vertical-align:middle; border-radius: 5px;}
#topInfo .infoArea .infoLinkSet ul li .infoLk img {width:45%; max-width:27px; vertical-align:middle;}
#topInfo .infoArea .btnClose2 { position:absolute; top:0px; width:30px; height:30px; line-height:30px; background-color:#ff0000; text-align:center;  font-size:1.5em; color:#ffffff; z-index:101; }
#topInfo .infoArea .btnClose2 a{color:#ffffff; display:block;}
#topInfo .info_back{opacity:0.7;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:100;}
#topallmenu {display:none;}



footer {width:100%; }
footer:after {content:""; display:block; clear:both;}
#footer {width:100%; padding:0 0 30px 0;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#efefef; height:35px; line-height:35px; }
#footer .ftArea .ftAreaMenu{width:100%; margin:0; }
#footer .ftArea .ftAreaMenu .menuList{ float:left; width:70%; margin:7px 0 0 0; }
#footer .ftArea .ftAreaMenu .menuList ul {padding:0 0 0 2%;}
#footer .ftArea .ftAreaMenu .menuList ul li{float:left; text-align:left; font-size:12px; padding:0 15px 0 0; margin:0 15px 0 0; height:20px; line-height:20px; border-right:#cccccc 1px solid;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#666666; font-weight:bold;}
#footer .ftArea .ftAreaMenu .menuList ul li a:hover {color:#000000;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:left; width:30%; margin:0; }
#footer .ftArea .ftAreaMenu .homeBtn ul {float:right; text-align:right;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; padding:0 0; margin:0; width:80px; height:35px; text-align:center; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:12px; font-weight:600; background-color:#22ae22; color:#ffffff; display:block;}
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:12px; font-weight:600; background-color:#15192A; color:#ffffff; display:block;}

/*
#footer .copyArea {width:100%; margin:20px 0; color:#777777; line-height:160%; padding:0 1%; box-sizing:border-box;}
#footer .copyArea .caLeft {float:right; width:60%;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px; color:#777777;}
#footer .copyArea .caLeft .addressInfo a{ color:#777777;}
#footer .copyArea .caLeft .copyright{font-size:12px;}

#footer .copyArea .caLeft .ftSnsLink{padding:20px 0 0 0; color:#666666; text-align:center; font-family: 'Noto Sans', sans-serif;}
#footer .copyArea .caLeft .ftSnsLink ul {padding:0 0 0 0; text-align:center;}
#footer .copyArea .caLeft .ftSnsLink ul li{ padding:0 0 0 0; margin:0 0 0 0; }
#footer .copyArea .caLeft .ftSnsLink ul li a { float:left; font-size:0.9em; width:25px; height:25px; line-height:25px; border-radius: 25px; background-color:#333333; color:#ffffff; margin:0 0.5%; display:block; font-weight:bold;}
#footer .copyArea .caLeft .ftSnsLink ul li a:hover { background-color:#cccccc; color:#ffffff; display:block; font-weight:bold; }

#footer .copyArea .caLeft .ftSnsLink ul li a.snsFb {background-color:#2250af;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsYt {background-color:#cc0000;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsIg {background-color:#333333;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsBr {background-color:#09c5bf;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsPo {background-color:#00cb3d;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsBl {background-color:#00cb3d;}


#footer .copyArea .caRight {float:right; width:40%; text-align:right;}
#footer .copyArea .caRight .ftLogo{}
#footer .copyArea .caRight .ftLogo img{width:70%;}
#footer .copyArea .caRight .cr-tit01{display:inline-block; padding:0 10px 0 0;font-size:14px; color:#333333;font-weight:600;}
#footer .copyArea .caRight a{color:#333333;}
#footer .copyArea .caRight .cr-no1{display:inline; font-size:24px; color:#333333;font-weight:600;}
*/

/* ------------------------------------------------------------------------- SUBPAGE -------------------------------------------------------------------------- */





#subNoticeHsty {width:100%; border-bottom:#e5e5e5 1px solid;}
#subNoticeHsty:after {content:""; display:block; clear:both;}
#subNoticeHsty .subNHArea{width:98%; margin:0 auto;  height:38px; line-height:38px;}

#subNoticeHsty .subNHArea .noticeArea{float:left; width:50%; margin:0; }
#subNoticeHsty .subNHArea .noticeArea .noticeTit01{ display:inline-block; font-size:0.8em; font-weight:600; color:#424242; padding:0 7px 0 0 ;}
#subNoticeHsty .subNHArea .noticeArea .noticeIcon{ display:inline-block; font-size:0.8em; font-weight:normal; color:#424242; padding:0 20px 0 0 ;}
#subNoticeHsty .subNHArea .noticeArea .noticeLatest{ display:inline-block; }
#subNoticeHsty .subNHArea .noticeArea .noticeLatest a{ color:#666666; font-size:13px;}

#subNoticeHsty .subNHArea .historyArea{float:left; width:50%; margin:0; text-align:right; font-size:0.75em; color:#787878;}
#subNoticeHsty .subNHArea .historyArea .historyIconHome{ display:inline-block;   }
#subNoticeHsty .subNHArea .historyArea .historyIconHome a{ color:#787878;}
#subNoticeHsty .subNHArea .historyArea .historystatus{display:inline-block; }



#subSubmneu {width:100%; border-bottom:#e5e5e5 1px solid; }
#subSubmneu:after {content:""; display:block; clear:both;}
#subSubmneu .submenuArea{width:100%; margin:0 auto; background-color:#ffffff; height:60px; line-height:60px; }

#subSubmneu .submenuArea ul {padding:0; text-align:center; }
#subSubmneu .submenuArea ul li{ display:inline-block; width:auto; font-size:0.9em; text-align:center; padding:0 10px; }
#subSubmneu .submenuArea ul li a {  height:59px; line-height:59px; color:#666666; margin:0; font-weight:normal; border-bottom:#ffffff 5px solid; display:block; box-sizing:border-box; }
/*#subSubmneu .submenuArea ul li a:hover { color:#333333; font-weight:600; border-bottom:#ff8400 5px solid;}*/
#subSubmneu .submenuArea ul li .sOn { font-size:0.9em;  height:60px; line-height:60px; color:#333333; margin:0; font-weight:600; border-bottom:#ffffff 5px solid; display:block; box-sizing:border-box; border-bottom:#ff8400 5px solid;}




#subTitleBar {width:100%; }
#subTitleBar:after {content:""; display:block; clear:both;}


#subTitleBar h2{font-size:2.0em; color:#333333; text-align:center; height:120px; line-height:120px; font-weight:600;}
#subTitleBar .sub4Depth{  line-height:50px; }
#subTitleBar .sub4Depth{width:100%; margin:0 auto; background-color:#ffffff; height:110px;vertical-align:top;}
#subTitleBar .sub4Depth ul {padding:0; text-align:center; }
#subTitleBar .sub4Depth ul li{ display:inline-block; width:25%; font-size:1.0em; text-align:center; margin:0 0.5%; }
#subTitleBar .sub4Depth ul li a {  position:relative; height:40px; line-height:40px; color:#787878; margin:0; font-weight:normal; display:block; box-sizing:border-box; background-color:#f5f5f5; border-radius: 40px;}
#subTitleBar .sub4Depth ul li a > .arrow_down{  display:none; }
#subTitleBar .sub4Depth ul li .arrow_down { position:absolute; top:39px; right:43.5%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #15192A; margin:0 auto; }

#subTitleBar .sub4Depth ul li .sTabOn {  color:#333333;  font-weight:600; background-color:#15192A; }
#subTitleBar .sub4Depth ul li .sTabOn > .arrow_down { display:block;}

#article_common {width:95%; height:100% auto; margin:0 auto 80px; word-wrap:break-word; word-break:keep-all;}
#article_common_wide {width:100%; height:100% auto; margin:0 auto 0; word-wrap:break-word; word-break:keep-all;}







/* ------------------------------------------------------------------------- ETC -------------------------------------------------------------------------- */


/* btnset */
.oneBtn-50px {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */
.oneBtn-50pxGr {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #82be04; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 50px */
.oneBtn-50pxBl {display: inline-block; width: 50px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-35px {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:11px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-35pxBl {display: inline-block; width: 35px; height: 24px; line-height: 24px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:11px; border:#000000 1px solid; letter-spacing:-1px;} /* 35px */
.oneBtn-15px {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #333333; margin: 2px; background: #f5f5f5; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px */
.oneBtn-15pxRed {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #ff0000; text-align:center; text-decoration:none; font-size:10px; border:#cc0000 1px solid; letter-spacing:-1px;} /* 15px red */
.oneBtn-15pxBl {display: inline-block; width: 15px; height: 15px; line-height: 15px; color: #ffffff; margin: 2px; background: #555555; text-align:center; text-decoration:none; font-size:10px; border:#dddddd 1px solid; letter-spacing:-1px;} /* 15px red */

}



























/*mobile*/
@media screen and (max-width:799px) {   



/* ------------------------------------------------------------------------- MAIN -------------------------------------------------------------------------- */



.pc{display:none}

header{position:relative;z-index:100;height:100px}
header .fix_area{height:70px;top:-100px;background:#fff}

header.fixed .fix_area{position:fixed;width:100%;left:0;top:0;transition:top 0.3s;height:70px;z-index:90}
header.fixed #logoArea{height:70px}


header.fixed #logoArea h1 {float:left; width:100%;  height:70px; margin:7px 0 0 0;  text-align:center;}
header.fixed #logoArea h1 img{width:100%; max-width:180px;}
header.fixed #logoArea .lnb_all_open{position:absolute;left:10px;top:15px;width:40px;height:40px;line-height:40px;text-align:center;color:#000;font-size:30px}
header.fixed #logoArea .btnTotalCs{position:absolute; right:10px; top:17px; text-align:center; width:35px; height:35px; line-height:35px; background-color:#ffffff; color:#333333; display:block; font-size:30px; }



#siteGm  {  width:100%; top:0; margin:0; background-color:#ffffff; height:30px; border-bottom:#e5e5e5 1px solid;}
#logoArea  {position:relative;width:100%; top:10px; margin:0 auto; height:60px; background-color:#ffffff; padding:0 1%; box-sizing:border-box; border-bottom:#e5e5e5 1px solid;text-align:center;}
#logoArea h1 img{width: 50%;max-width: 180px; }
#logoArea .topBanner {display:none;}
#logoArea .topCs {display:none;}



.menuArea .maTop{ width:100%; margin:0 auto; color:#333333; border-bottom:#cccccc 1px solid; height:80px; line-height:40px; background-color:#f5f5f5;}
.menuArea .maTop:after {content:""; display:block; clear:both;}
.menuArea .maTop .tptName{ float:none; width:100%; color:#333333; font-size:1.3em; padding:0 0 0 10px; box-sizing:border-box;}
.menuArea .maTop .tptName span{  font-weight:600; color:#333333;}
.menuArea .maTop .tptLogin{float:none; width:100%; color:#333333; font-weight:normal; font-size:0.9em; text-align:left; padding:0 0 0 10px;box-sizing:border-box; }
.menuArea .maTop .tptLogin a{color:#424242;}
.menuArea .maTopBtn{ width:100%; margin:0 auto; border-bottom:#cccccc 1px solid; height:55px; line-height:55px; background-color:#f5f5f5;}
.menuArea .maTopBtn ul {padding:10px 0 0 0; box-sizing:border-box;}
.menuArea .maTopBtn ul li{ width:33.33%; float:left; text-align:center;  padding:0 0 0 0; margin:0 0 0 0;  }
.menuArea .maTopBtn ul li a {width:75%; font-size:0.9em; color:#333333;  height:25px; line-height:25px; padding:2px 5px; border:#cccccc 1px solid; margin:0 auto; display:block; background-color:#ffffff; border-radius: 5px;}


.menuAreaBtm .btmPartMove {width:95%; margin:10px auto 30px  ;}
.menuAreaBtm .btmPartMove .btnSoasiGo{display:none;}
.menuAreaBtm .btmPartMove .btnAdultGo{width:100%; display:block; color:#ffffff; background-color:#2A415C; font-size:0.9em; font-weight:600; margin:0 0 0 0; text-align:center;height:30px; line-height:30px;border-radius: 3px; border:#15202E 1px solid;}

.menuAreaBtm .btmTelNo{display:block; text-align:center; margin:20px 0;}
.menuAreaBtm .btmTelNo .btnTit01{display:inline; padding:0 10px 0 0;font-size:1.0em; color:#333333;font-weight:600; }
.menuAreaBtm .btmTelNo .btnNo1{display:inline; font-size:1.6em; color:#333333;font-weight:600;}
.menuAreaBtm .btmTelNo .btnNo1 a{color:#333333;}


.menuAreaBtm .btmBtnSet {width:80%; margin:10px auto 30px  ;}
.menuAreaBtm .btmBtnSet .btnQna{width:47%; display:inline-block; color:#333333; background-color:#ffffff; font-size:0.9em; font-weight:600; margin:0 2% 0 0; text-align:center; height:30px; line-height:30px;border-radius: 3px; border:#cccccc 1px solid;}
.menuAreaBtm .btmBtnSet .btnReserervation{width:47%; display:inline-block; color:#333333; background-color:#ffffff; font-size:0.9em; font-weight:600; margin:0 0 0 2%; text-align:center;height:30px; line-height:30px;border-radius: 3px; border:#cccccc 1px solid;}


/*lnb*/
.lnb{display:none}

.lnb_all_open{position:absolute;left:10px;top:5px;width:40px;height:40px;line-height:40px;text-align:center;color:#000;font-size:30px}

.btnTotalCs{position:absolute; right:10px; top:10px; text-align:center; width:35px; height:35px; line-height:35px; background-color:#ffffff; color:#333333; display:block; font-size:30px; }

.lnb_wrap{display:block;position:fixed;left:-100%;top:0;z-index:100;width:80%;height:100%;background:#fff;;z-index:100;opacity:0;transition:left 0.3s,opacity 0.3s}	
.lnb_wrap.on {opacity:1;left:0}
.lnb_wrap .inner_scroll{height:100%;overflow:auto}
.lnb_all{}
.lnb_all .container{}
.lnb_all .close{position:absolute;right:-45px;top:0;width:45px;height:45px;line-height:45px;text-align:center;background:#fff;color:#BF0000; font-size:25px;}
.lnb_all .child{position:absolute;right:0;top:0;width:40px;height:40px;cursor:pointer}

.lnb_all .d1{clear:both}
.lnb_all .d1 > li{position:relative;border-bottom:1px solid #ccc}
.lnb_all .d1 > li > a{display:block;line-height:40px;font-size:14px;font-weight:600;color:#000;padding-left:20px}
.lnb_all .d1 > li > a:hover,
.lnb_all .d1 > li:hover > a{}
.lnb_all .d1 > li > .child{background:url('/soasi/img/m_nav_icon.png') no-repeat center 0}
.lnb_all .d1 > li.on > .child {background:url('/soasi/img/m_nav_icon.png') no-repeat center -40px}
.lnb_all .d1 > li.on .d2{display:block}



.lnb_all .d2{display:none;background:#fff}
.lnb_all .d2.last_child{background:#f5f5f5}
.lnb_all .d2 > dd{position:relative;border-top:1px solid #ccc}
.lnb_all .d2 > dd > a{display:block;line-height:38px;font-size:14px;color:#333;padding-left:40px}
.lnb_all .d2 > dd > a:hover,
.lnb_all .d2 > dd:hover > a{color:#234061}
.lnb_all .d2 > dd > .child{background:url('/soasi/img/m_nav_icon.png') no-repeat center 0}
.lnb_all .d2 > dd.on > .child {background:url('/soasi/img/m_nav_icon.png') no-repeat center -40px}
.lnb_all .d2 > dd.on .d3{display:block}



.lnb_all .d3{display:none;background:#fff;border-top:1px solid #ccc}
.lnb_all .d3.last_child{background:#f5f5f5}
.lnb_all .d3 a{display:block;font-size:13px;padding-left:60px;border-top:1px solid #fff;line-height:30px}
.lnb_all .d3 a:hover {color:#234061}
.lnb_all .d3 span{display:none}


.lnb_back{visibility:hidden;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:90;opacity:0;transition:.3s}
.lnb_back.on{visibility:visible;opacity:0.7}





#siteGm  {  width:100%; top:0; margin:0; background-color:#ffffff; height:30px; border-bottom:#e5e5e5 1px solid;}
#siteGm:after {content:""; display:block; clear:both;}
#siteGm .sgArea {width:100%; margin:0;}
#siteGm .sgArea .siteLink { display:none;}



#siteGm .sgArea .gmBtnSet { float:none; width:100%; margin:3px 0 0 0;}
#siteGm .sgArea .gmBtnSet ul {padding:0 0 0 0; text-align:center;}
#siteGm .sgArea .gmBtnSet ul li{font-size:11px; padding:0 5px 0 0; margin:0 5px 0 0; height:20px; line-height:20px; border-right:#dddddd 1px solid; display:inline-block;}
#siteGm .sgArea .gmBtnSet ul li:last-child{border:none; padding:0; margin:0;}
#siteGm .sgArea .gmBtnSet ul li a{color:#666666;}
#siteGm .sgArea .gmBtnSet ul li a:hover{color:#000000;}



/*
#topInfo {position:relative; top:100px; width:100%; height:100%; z-index:100; display:none; }
#topInfo:after {content:""; display:block; clear:both;}
#topInfo .infoArea {position:fixed; width:90%; margin:20px auto; left:50%; margin-left:-25%; padding:0 0; top:0px; min-width:300px; max-width:400px; background-color:#ffffff; border-right:#dddddd 1px solid; z-index:102; }
#topInfo .infoArea:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoTelNo{width:90%; display:block; text-align:center; margin:0 auto;  padding:20px 0; }
#topInfo .infoArea .infoTelNo .infoTit01{display:inline; padding:0 10px 0 0;font-size:1.0em; color:#333333;font-weight:600; }
#topInfo .infoArea .infoTelNo .infoNo1{display:inline; font-size:1.6em; color:#333333;font-weight:600;}
#topInfo .infoArea .infoTelNo .infoNo1 a{color:#333333;}
#topInfo .infoArea .infoLinkSet  {width:90%; padding:0 0;  margin:0 auto;}
#topInfo .infoArea .infoLinkSet:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul {text-align:center; margin:0 0;}
#topInfo .infoArea .infoLinkSet ul:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul li {float:left; width:48%; margin:1%; display:inline-block;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkIcon{width:35%; text-align:center; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkTxt{width:65%; text-align:right; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li  .infoLk{ width:95%; height:auto;  display:inline-block; color:#333333; background-color:#f5f5f5; padding:0px 0px; font-size:0.9em; font-weight:600; margin:0; line-height:42px; padding:0 7%; box-sizing:border-box; vertical-align:middle; border-radius: 5px;}
#topInfo .infoArea .infoLinkSet ul li .infoLk img {width:45%; max-width:27px; vertical-align:middle;}
#topInfo .infoArea .btnClose2 { position:absolute; top:0px; width:30px; height:30px; line-height:30px; background-color:#ff0000; text-align:center;  font-size:1.5em; color:#ffffff; z-index:101; }
#topInfo .infoArea .btnClose2 a{color:#ffffff; display:block;}
#topInfo .info_back{opacity:0.7;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:100;}
*/


#topInfo {position:fixed; top:50px; /*background-color:rgba(0, 0, 0, 0.65);*/  width:100%; height:100%; z-index:100; display:none; }
#topInfo:after {content:""; display:block; clear:both;}
#topInfo .infoArea {position:relative; width:90%; margin:20px auto; padding:0 0; min-width:300px; max-width:400px; background-color:#ffffff; border-right:#dddddd 1px solid; z-index:102;}
#topInfo .infoArea:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoTelNo{width:90%; display:block; text-align:center; margin:0 auto;  padding:20px 0; }
#topInfo .infoArea .infoTelNo .infoTit01{display:inline; padding:0 10px 0 0;font-size:1.0em; color:#333333;font-weight:600; }
#topInfo .infoArea .infoTelNo .infoNo1{display:inline; font-size:1.6em; color:#333333;font-weight:600;}
#topInfo .infoArea .infoTelNo .infoNo1 a{color:#333333;}
#topInfo .infoArea .infoLinkSet  {width:90%; padding:0 0;  margin:0 auto;}
#topInfo .infoArea .infoLinkSet:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul {text-align:center; margin:0 0;}
#topInfo .infoArea .infoLinkSet ul:after {content:""; display:block; clear:both;}
#topInfo .infoArea .infoLinkSet ul li {float:left; width:48%; margin:1%; display:inline-block;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkIcon{width:35%; vertical-align:middle; text-align:center; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li span.infoLinkTxt{width:65%; text-align:right; display:inline-block; float:left;}
#topInfo .infoArea .infoLinkSet ul li  .infoLk{ width:95%; height:auto;  display:inline-block; color:#333333; background-color:#f5f5f5; padding:0px 0px; font-size:0.9em; font-weight:600; margin:0; line-height:42px; padding:0 7%; box-sizing:border-box; vertical-align:middle; border-radius: 5px;}
#topInfo .infoArea .infoLinkSet ul li .infoLk img {width:45%; max-width:27px; vertical-align:middle;}
#topInfo .infoArea .btnClose2 { position:absolute; top:0px; width:30px; height:30px; line-height:30px; background-color:#ff0000; text-align:center;  font-size:1.5em; color:#ffffff; z-index:101; }
#topInfo .infoArea .btnClose2 a{color:#ffffff; display:block;}
#topInfo .info_back{opacity:0.7;position:fixed;left:0;top:0;width:100%;height:100%;background:#000;z-index:100;}




footer {width:100%; }
footer:after {content:""; display:block; clear:both;}
#footer {width:100%; padding:0 0 30px 0;}
#footer:after {content:""; display:block; clear:both;}

#footer .ftArea{width:100%; margin:0; background-color:#efefef; height:auto; }
#footer .ftArea:after {content:""; display:block; clear:both;}
#footer .ftArea .ftAreaMenu{width:100%; margin:0; }
#footer .ftArea .ftAreaMenu .menuList{ float:none; width:100%; margin:0 0 0 0; line-height:40px; }
#footer .ftArea .ftAreaMenu .menuList ul {padding:0 0 0 0; text-align:center;}
#footer .ftArea .ftAreaMenu .menuList ul li{ font-size:0.8em; padding:0 5px 0 0; margin:0 5px 0 0; height:20px; line-height:20px; border-right:#cccccc 1px solid; display:inline-block;}
#footer .ftArea .ftAreaMenu .menuList ul li:last-child{border:none;}
#footer .ftArea .ftAreaMenu .menuList ul li a {color:#666666;}

#footer .ftArea .ftAreaMenu .homeBtn{ float:none; width:100%; margin:0; line-height:40px; }
#footer .ftArea .ftAreaMenu .homeBtn ul {text-align:center;}
#footer .ftArea .ftAreaMenu .homeBtn ul li {float:left; margin:0; width:50%; height:auto; }
#footer .ftArea .ftAreaMenu .homeBtn .btnH{font-size:1.0em; font-weight:600; background-color:#22ae22; color:#ffffff; display:block; padding:0px; }
#footer .ftArea .ftAreaMenu .homeBtn .btnT{font-size:1.0em; font-weight:600; background-color:#15192A; color:#ffffff; display:block;  padding:0px; }

/*
#footer .copyArea {width:100%; margin:20px 0; color:#777777; line-height:160%; padding:0 1%; box-sizing:border-box;}
#footer .copyArea .caLeft {float:none; width:90%; margin:0 auto; text-align:center; word-wrap:break-word; word-break:keep-all;}
#footer .copyArea .caLeft  address {display:inline;}
#footer .copyArea .caLeft .addressInfo{ font-size:12px;}
#footer .copyArea .caLeft .addressInfo a{ color:#777777;}
#footer .copyArea .caLeft .copyright{font-size:12px; padding:20px 0 0 0; color:#666666; font-weight:bold;}

#footer .copyArea .caLeft .ftSnsLink{padding:20px 0 0 0; color:#666666; text-align:center; font-family: 'Noto Sans', sans-serif;}

#footer .copyArea .caLeft .ftSnsLink ul {padding:0 0 0 0; text-align:center;}
#footer .copyArea .caLeft .ftSnsLink ul li{ padding:0 0 0 0; margin:0 0 0 0; display:inline-block;}
#footer .copyArea .caLeft .ftSnsLink ul li a { float:left; font-size:1.0em; width:30px; height:30px; line-height:30px; border-radius: 20px; background-color:#333333; color:#ffffff; margin:0 0.5%; display:block; font-weight:bold;}



#footer .copyArea .caLeft .ftSnsLink ul li a.snsFb {background-color:#2250af;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsYt {background-color:#cc0000;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsIg {background-color:#333333;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsBr {background-color:#09c5bf;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsPo {background-color:#00cb3d;}
#footer .copyArea .caLeft .ftSnsLink ul li a.snsBl {background-color:#00cb3d;}



#footer .copyArea .caRight {float:none; width:100%; text-align:center; margin:0 0 20px 0;}
#footer .copyArea .caRight .ftLogo{margin:0 0 10px 0;}
#footer .copyArea .caRight .ftLogo img{width:50%; max-width:200px;}
#footer .copyArea .caRight .cr-tit01{display:inline-block; padding:0 10px 0 0;font-size:14px; color:#333333;font-weight:600;}
#footer .copyArea .caRight a{color:#333333;}
#footer .copyArea .caRight .cr-no1{display:inline; font-size:24px; color:#333333;font-weight:600;}
*/

/* ------------------------------------------------------------------------- SUBPAGE -------------------------------------------------------------------------- */





#subNoticeHsty {width:100%; border-bottom:#e5e5e5 1px solid; }
#subNoticeHsty:after {content:""; display:block; clear:both;}
#subNoticeHsty .subNHArea{width:98%; margin:0 auto;  height:38px; line-height:38px;}
#subNoticeHsty .subNHArea:after {content:""; display:block; clear:both;}

#subNoticeHsty .subNHArea .noticeArea{display:none;}

#subNoticeHsty .subNHArea .historyArea{ width:100%; margin:0; text-align:left; font-size:0.75em; color:#787878; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#subNoticeHsty .subNHArea .historyArea .historyIconHome{ display:inline-block;   }
#subNoticeHsty .subNHArea .historyArea .historyIconHome a{ color:#787878;}
#subNoticeHsty .subNHArea .historyArea .historystatus{display:inline-block; }



#subSubmneu {width:100%; border-bottom:#e5e5e5 1px solid; }
#subSubmneu:after {content:""; display:block; clear:both;}
#subSubmneu .submenuArea{width:100%; margin:0 auto; background-color:#ffffff; height:35px auto; line-height:35px; }

#subSubmneu .submenuArea ul {padding:0; text-align:center; }
#subSubmneu .submenuArea ul li{ display:inline-block; width:auto; font-size:0.9em; text-align:center; padding:0 7px; }
#subSubmneu .submenuArea ul li a {  height:34px; line-height:34px; color:#666666; margin:0; font-weight:normal; border-bottom:#ffffff 2px solid; display:block; box-sizing:border-box; }
/*#subSubmneu .submenuArea ul li a:hover { color:#333333; font-weight:600; border-bottom:#ff8400 2px solid;}*/
#subSubmneu .submenuArea ul li .sOn { font-size:0.9em;  height:35px; line-height:35px; color:#333333; margin:0; font-weight:600; display:block; box-sizing:border-box; border-bottom:#ff8400 2px solid;}




#subTitleBar {width:100%; }
#subTitleBar:after {content:""; display:block; clear:both;}


#subTitleBar h2{font-size:1.8em; color:#333333; text-align:center; height:80px; line-height:80px; font-weight:600;}
#subTitleBar .sub4Depth{  line-height:50px; }
#subTitleBar .sub4Depth{width:100%; margin:0 auto; background-color:#ffffff; height:100px;vertical-align:top;}
#subTitleBar .sub4Depth ul {padding:0; text-align:center; }
#subTitleBar .sub4Depth ul li{ display:inline-block; width:45%; font-size:0.80em; text-align:center; margin:0 0.5%; }
#subTitleBar .sub4Depth ul li a {  position:relative; height:30px; line-height:30px; color:#787878; margin:0; font-weight:normal; display:block; box-sizing:border-box; background-color:#f5f5f5; border-radius: 40px;}
#subTitleBar .sub4Depth ul li a > .arrow_down{  display:none; }
#subTitleBar .sub4Depth ul li .arrow_down { position:absolute; top:29px; right:43.5%; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #15192A; margin:0 auto; }

#subTitleBar .sub4Depth ul li .sTabOn {  color:#333333;  font-weight:600; background-color:#15192A; }
#subTitleBar .sub4Depth ul li .sTabOn > .arrow_down { display:block;}

#article_common {width:95%; height:100% auto; margin:0 auto 80px; word-wrap:break-word; word-break:keep-all;}
#article_common_wide {width:100%; height:100% auto; margin:0 auto 0; word-wrap:break-word; word-break:keep-all;}





/* ------------------------------------------------------------------------- ETC -------------------------------------------------------------------------- */


}