@charset "utf-8";

.l-banner-21001 {position:relative; display:block;}
.l-banner-21001 ul {display:table; width:100%; table-layout:fixed;}
.l-banner-21001 ul li {position:relative; display:table-cell; vertical-align:middle; text-align:center;}
.l-banner-21001 a {display:table; margin:0 auto; display:block;}
.l-banner-21001 .link {z-index:2; position:absolute; left:0; top:0; width:100%; height:100%;}
.l-banner-21001 img {width:100%; border:0;}
.l-banner-21001 video,
.l-banner-21001 iframe {max-width:720px;}

.l-footer {font-size:0; line-height:0; position:relative; width:100%;}

.l-footer .notice {height:39px; border-top:1px solid transparent;}
.l-footer .notice a {height:15px; padding:12px 0 12px 0; position:relative; display:block; word-break:break-all;}
.l-footer .notice a span {display:block;}
.l-footer .notice a span:nth-child(1) {position:absolute; left:15px; top:calc(50% - 10px); width:45px; border:1px solid transparent; border-radius:3px; text-align:center;}
.l-footer .notice a span:nth-child(1) {line-height:17px; font-size:12px;}
.l-footer .notice a span:nth-child(2) {position:absolute; left:72px; top:11px; width:calc(100% - 152px); white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.l-footer .notice a span:nth-child(2) {line-height:15px; font-size:12px;}
.l-footer .notice a span:nth-child(3) {position:absolute; right:10px; top:12px;}
.l-footer .notice a span:nth-child(3) {line-height:15px; font-size:11px; opacity:0.5;}

.l-footer .dialing {position:relative; min-height:53px; border-top:1px solid transparent; border-bottom:1px solid transparent;}
.l-footer .dialing .icon {display:block; position:absolute; left:0; top:10px; width:36px; height:36px;}
.l-footer .dialing .icon:before {display:block; content:''; position:absolute; left:10px; top:calc(50% - 18px); width:100%; height:100%; opacity:1;}
.l-footer .dialing .block {padding:10px; display:block; position:relative;}
.l-footer .dialing .block .tel {font-weight:bold; line-height:18px; font-size:15px;}
.l-footer .dialing .block .work {margin-top:1px; margin-right:130px; word-break:break-all;}
.l-footer .dialing .block .work {line-height:15px; font-size:11px;}
.l-footer .dialing .side {display:block; position:absolute; right:10px; top:calc(50% - 14px);}
.l-footer .dialing .side li {margin-left:4px; display:inline-block; vertical-align:top; border-radius:2px;}
.l-footer .dialing .side li:first-child {margin-left:0;}
.l-footer .dialing .side li span,
.l-footer .dialing .side li a {cursor:pointer; padding:0 8px; display:block; line-height:28px; font-size:11px;}

.l-footer .dialing.type-icon .block {margin-left:50px;}

.l-footer .menu {display:block; white-space:nowrap; overflow-x:auto;}
.l-footer .menu::-webkit-scrollbar {display:none;}
.l-footer .menu li {position:relative; display:inline-block; vertical-align:top;}
.l-footer .menu li:before {z-index:1; display:block; content:''; position:absolute; left:0; top:calc(50% - 7px); width:0; height:15px; border-left:1px solid transparent;}
.l-footer .menu li:first-child:before {display:none;}
.l-footer .menu li p,
.l-footer .menu li a {display:block; padding:0 15px; word-break:break-all; cursor:pointer;}
.l-footer .menu li a,
.l-footer .menu li p {line-height:40px; font-size:11px;}

.l-footer .service {padding:15px 15px 15px 15px;}

.l-footer .logo.type-img {text-align:center; padding-bottom:5px;}
.l-footer .logo a {text-decoration:none;}
.l-footer .logo img {width:100%; max-width:300px; max-height:300px; border:0;}
.l-footer .logo span {display:inline-block; vertical-align:middle;}
.l-footer .logo span {font-weight:bold; line-height:24px; font-size:20px;}

.l-footer .info {margin-top:10px;}
.l-footer .info .addr {}
.l-footer .info .addr,
.l-footer .info .addr a {word-break:break-all; line-height:15px; font-size:10px;}
.l-footer .info .addr .btn {text-decoration:underline; color:#000000;}

.l-footer .sns {margin-top:30px; padding:10px; text-align:center; background-color:#f9f9f9; border-radius:5px;}
.l-footer .sns ul {margin:-10px 0 0 -10px;}
.l-footer .sns li {margin:10px 0 0 10px; display:inline-block; vertical-align:middle;}
.l-footer .sns li a {transition:opacity 0.2s; display:block; width:30px; height:30px; opacity:0.3;}

.l-footer .menu2 {display:block; padding:0 15px 0 15px;}
.l-footer .menu2 ul {padding:5px 0 5px 0; border-top:1px solid transparent; text-align:center;}
.l-footer .menu2 li {position:relative; display:inline-block; vertical-align:top;}
.l-footer .menu2 li:before {z-index:1; display:block; content:''; position:absolute; left:-1px; top:calc(50% - 5px); width:0; height:11px; border-left:1px solid transparent; opacity:0.5;}
.l-footer .menu2 li:first-child:before {display:none;}
.l-footer .menu2 li a {display:block; padding:0 15px; word-break:break-all; cursor:pointer;}
.l-footer .menu2 li a {line-height:21px; font-size:12px;}

.l-footer .langwrap {width:100%; height:48px; background-color:#252525;}
.l-footer .langwrap li {padding:0 10px; position:relative; display:inline-block; vertical-align:top;}
.l-footer .langwrap li:before {display:block; content:''; position:absolute; left:0; top:calc(50% - 9px); width:0; height:18px; border-left:1px solid #515151;}
.l-footer .langwrap li:first-child:before {display:none;}
.l-footer .langwrap.type-0 li {display:block;}
.l-footer .langwrap li > span{position:relative; display:inline-block;}
.l-footer .langwrap select {-webkit-appearance:none; -moz-appearance:none; appearance:none;}
.l-footer .langwrap select {z-index:2; position:absolute; display:block; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background-color:transparent; border:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; opacity:0; cursor:pointer;}
.l-footer .langwrap option {line-height:16px; font-size:12px;}
.l-footer .langwrap .text {padding-bottom:1px; line-height:47px; font-size:11px; color:#ffffff;}
.l-footer .langwrap .s-b-AA21 {padding-right:10px;}
.l-footer .langwrap .s-b-AA21:before {display:block; content:''; position:absolute; right:0; top:calc(50% - 1px);}
.l-footer .langwrap .mark {top:5px; width:18px; height:18px;}
/*
.l-footer .last-block {height:50px;}
*/
.l-footer-normal .copyright {padding:30px 0 30px 0; text-align:center;}
.l-footer-normal .copyright {line-height:15px; font-size:11px;}

/* l-menu */

.l-menu {z-index:999; position:fixed; left:0; bottom:0; width:100%; border-top:1px solid transparent;}
.l-menu li {z-index:1; position:relative; width:20%; height:52px; display:inline-block; vertical-align:middle;}
.l-menu li:before {z-index:-1; display:block; content:''; position:absolute; left:calc(50% - 21px); top:calc(50% - 17px); opacity:1;}
.l-menu .btn-cart span {z-index:1; display:block; position:absolute; left:calc(50% + 5px); top:8px; width:15px; height:15px; text-align:center;}
.l-menu .btn-cart span {line-height:15px; font-size:9px; color:#ffffff;}
.l-menu .btn-cart span:before {z-index:-1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; border-radius:100%;}

.l-menu li > a,
.l-menu li > span {z-index:3; position:relative; display:block; height:52px; cursor:pointer;}
.l-menu li > a img,
.l-menu li > span img {display:block; position:absolute; left:calc(50% - 7px); top:13px; width:14px; height:14px; border:0;}

/* l-float */

.l-float {display:block; z-index:900; position:fixed; right:10px; bottom:0; width:44px;}
.l-float li {margin-bottom:4px; display:block; position:relative; width:44px; height:44px; cursor:pointer;}
.l-float li:last-child {margin-bottom:8px;}
.l-float li span {position:relative; display:block; width:calc(100% - 2px); height:calc(100% - 2px); border:1px solid #cacaca; background-color:#ffffff; border-radius:4px;}
.l-float li span:before {transition:opacity 0.2s; display:block; content:''; position:absolute; left:0; top:0; opacity:1;}
.l-float li img {display:block; width:calc(100% - 2px); height:calc(100% - 2px); border:0; border:1px solid #cacaca; border-radius:4px;}
.l-float li a {display:block; width:100%; height:100%;}
.l-float li .b-ti-21007:before,
.l-float li .b-ti-21008:before {left:calc(50% - 18px); top:calc(50% - 18px); width:36px; height:36px;}

#btn-scroll-top {transition:height 0.1s; transition-timing-function:ease; position:relative; width:44px; height:0; cursor:pointer;}
#btn-scroll-top span {transition:opacity 0.5s; opacity:0;}
#btn-scroll-top.on {height:44px;}
#btn-scroll-top.on span {opacity:1;}

@media screen and (max-height:200px) {

.l-float {display:none;}

}