/*----------------------------------------------------
240405
------------------------------------------------------*/
/* clea */
#header { display: none; }
#header #logo { display: none; }
#header #login { display: none; }
.nav { position: transparent; display: block; }
.nav ul { width: auto; float: none; }
/* top nav */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; z-index: 999; }
.nav { background-color: rgba(175,175,175,0.9); width: 74%; margin: 15% 13% 0; padding: 0; border-radius: 10px; }
.nav a { color: #fff; }
.nav.gl a { color: #535353; }
.nav #logo { text-align: center; width: 20%; float: left; margin: 15px 0 0 1%; }
.nav #logo_text { text-align: center; font-size: 180%; font-weight: bold; width: 22%; float: left; margin: 20px 0 0; padding: 0; display: block; }
.nav #login a { margin: 0 10px 0 0; padding: 21px 2%; }
.nav li { list-style: none; float: left; }
.nav li a { width: auto; text-decoration: none; padding: 24px 8px 23px; display: block; }
.nav li a:hover { color: #a54a4a; background-color: rgba(255,255,255,0.3); }
.nav li.wd a { padding: 20px 0 0 12px; }
.nav li.wd a:hover { background-color: transparent; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
.nav li ul { display: none; position: absolute; z-index: 997; background-color: rgba(175,175,175,0.9); width: auto; border-radius: 0 0 5px 5px; }
.nav li ul li { float: none; }
.nav li ul li a { padding: 12px 20px; }
.nav li ul li a:hover { color: #a54a4a; }
.nav li ul li:last-child { border-radius: 0 0 5px 5px; }
.fixed { position: fixed; top: 0; left: 0; width: 84%; z-index: 999; margin: 0; padding: 0 8%; border-bottom: 2px solid #848484; border-radius: 0; }
.fixed li a:hover {}
/* bottom menu */
#menu { color: #fff; background-color: rgba(175,175,175,0.9); position: fixed; bottom: 0; width: 100%; z-index: 996; }
#ul_menu { list-style: none; width: 96%; position: relative; height: 55px; margin: 3px 2% 0; padding: 0 0 0 70px; }
#ul_menu a { color: #fff; }
#ul_menu.gl a { color: #535353; }
#ul_menu #logo { width: 22%; float: left; margin: 0 2% 0 0; }
#ul_menu #logo_text { font-size: 180%; font-weight: bold; margin: 10px 0 0; padding: 0; display: block; }
#ul_menu #login a { color: #fff; margin: 0 10% 0 0; }
#ul_menu li { width: auto; float: left; position: relative; margin: 0; padding: 0; display: block; }
#ul_menu li a { color: #fff; float: none; margin: 0; padding: 15px 8px; display: block; }
#ul_menu li a:hover { color: #a54a4a; background-color: rgba(255,255,255,0.3); }
#ul_menu li.wd a { padding: 9px 0 0 12px; }
#ul_menu li.wd a:hover { background-color: transparent; opacity:0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; }
#ul_menu li ul li { width: 180px; float: left; position: relative; margin: 0; padding: 0; display: block; }
#ul_menu li ul li a { color: #fff; display: block; float: none; margin: 0; padding: 12px 8px 8px 15px; }
#ul_menu li ul li a:hover { color: #a54a4a; background-color: rgba(255,255,255,0.3); margin: 0; padding: 12px 8px 8px 15px; display: block; }
#ul_menu li ul li:first-child a:hover { border-radius: 5px 5px 0 0; }
.sub_list { background-color: rgba(175,175,175,0.9); bottom: 46px; position: absolute; margin: 0 0 15px; padding: 0; list-style:none; border-radius: 5px 5px 0 0; }
#page-top a { font-size: 110%; color: #fff; text-align: center; text-decoration: none; background-color: #646464; width: auto; position: fixed; bottom: 135px; right: 20px; z-index: 990; padding: 9px; display: block; border: 2px solid #fff; border-radius: 50%; }
#page-top a:hover { text-decoration: none; background-color: rgba(190,190,190,0.8); }

/* Tablet用 */
@media only screen and (min-width: 916px) and (max-width: 1000px) {
/* top nav */
.nav { width: 86%; margin: 15% 7% 0; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; margin: 0; padding: 0; border-radius: 0; }
.fixed li a:hover {}
/* bottom menu */
#ul_menu { width: 98%; margin: 3px 1% 0; padding: 0; }
#ul_menu #logo { margin: 0; }
/* KTB PC */
#kt_buttom { position: fixed; right: 0px; top: 220px; }
}

/* Tablet2用 */
@media only screen and (min-width: 701px) and (max-width: 915px) {
.dl-menuwrapper { display: none; }
/* top nav */
#login { width: auto; height: auto; float: right; position: static; }
#login a { width: auto; float: right; padding: 14px 1% 13px; z-index: 999; }
.logimg { width: 33%; float: left; margin: 0; }
.logtext { width: 66%; float: left; margin: 5px 0 0; white-space: nowrap; display: block; }
.nav { width: 96%; height: auto; margin: 15% 2% 0; }
.nav ul { display: block; }
.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; margin: 0; padding: 0; border-radius: 0; }
.fixed li a:hover {}
/* bottom menu */
#ul_menu { list-style: none; width: 98%; margin: 4px 1%; padding: 0; }
#ul_menu #logo { margin: 0; }
#ul_menu #login { width: 47px; height: 47px; float: right; position: fixed; top: 0; right: 0; z-index: 999; }
#ul_menu #login a { margin: 0; }
/* KTB PC */
#kt_buttom { position: fixed; right: 0px; top: 220px; }
}

/* Mobile用 */
@media only screen and (min-width: 541px) and (max-width: 700px) {
/* top nav */
.nav { display: none; }
/* Head */
#header { height: 47px; float: left; margin: 0; padding: 0; display: block; }
/* Head Logo */
#header #logo { text-align: center; width: 100%; float: left; margin: 0; padding: 4px 0 0; display: block; }
#header #logo img { max-height: 43px; }
#header #logo_text { font-size: 160%; margin: 0; padding: 4px 0 0; }
#header #login { width: 47px; height: 47px; float: right; position: fixed; top: 0; right: 0; z-index: 999; display: block; }
#header #login a { width: auto; padding: 8.5px; }
#header .logimg { width: auto; float: left; margin: 0; }
#header .logtext { display: none; }
/* bottom menu */
#ul_menu { width: 98%; margin: 3px 1% 0; padding: 0; }
#ul_menu #logo { width: 100%; margin: 0; }
#ul_menu #login { width: 47px; height: 47px; float: right; position: fixed; top: 0; right: 0; z-index: 999; }
#ul_menu #login a { margin: 0; }
#ul_menu ul { display: none; }
#ul_menu li { display: none; }
}

/* Mobile2用 */
@media screen and (max-width: 540px) {
/* top nav */
.nav { display: none; }
/* Head */
#header { height: 47px; float: left; margin: 0; padding: 0; display: block; }
/* Head Logo */
#header #logo { text-align: center; width: 100%; float: left; margin: 0; padding: 4px 0 0; display: block; }
#header #logo img { max-height: 43px; }
#header #logo_text { font-size: 160%; margin: 0; padding: 4px 0 0; }
#header #login { width: 47px; height: 47px; float: right; position: fixed; top: 0; right: 0; z-index: 999; display: block; }
#header #login a { width: auto; padding: 8.5px; }
#header .logimg { width: auto; float: left; margin: 0; }
#header .logtext { display: none; }
/* bottom menu */
#ul_menu { width: 98%; margin: 3px 1% 0; padding: 0; }
#ul_menu #logo { width: 100%; margin: 0; }
#ul_menu #login { width: 47px; height: 47px; float: right; position: fixed; top: 0; right: 0; z-index: 999; }
#ul_menu #login a { margin: 0; }
#ul_menu ul { display: none; }
#ul_menu li { display: none; }
}