@charset "utf-8";
/* CSS Document */

/* Common */
body,p,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,table,th,td,form,fieldset,legend,input,textarea,button,select{margin:0;padding:0}
body,input,textarea,select,button,table{font-size:14px;font-family:Arial,'Helvetica Neue',Helvetica,'Apple SD Gothic Neo',sans-serif}
html{height:100%}
body{position:relative;height:100%;-webkit-text-size-adjust:none;color:#000;background-color:#f7f4ee}
img,fieldset{border:none}
ul,ol{list-style:none}
em,address{font-style:normal;word-break:break-all}
a{color:#000;text-decoration:none}
table{border-collapse:collapse}
input,button,select,textarea{outline:none}
textarea{resize:none}
hr{display:none!important}
.u_hc,.u_skip{visibility:hidden;overflow:hidden;position:absolute;left:-1000em;width:0;height:0;font-size:0;line-height:0}
::-webkit-input-placeholder{color:#ccc}

#ct{width:100%;min-width:320px;height:100%;text-align:center}
.spot{position:relative;z-index:0;overflow:hidden;width:100%}
.spot_img{width:100%;vertical-align:top}
.spot_img_v2{width:100%;vertical-align:top;display:none}
.spot_img_v2.on{display:block}
.spot .btn_more{width:25px;height:13px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-1px -1px;position:absolute;bottom:46px;left:50%;margin-left:-10px}

.sec{position:relative}
.sec .bg_sec{height:736px;background:url(../im/brompton/bg_sec.jpg) 50% 0 no-repeat;background-size:375px 736px}
.text_area{font-size:15px;color:#605751;line-height:21px;word-spacing:2px}
.sec .bg_sec .text_area{padding-top:121px}
.sec .bg_sec .text_area .sec{padding-top:12px}
.sec .bg_sec a{display:block;color:#473c35;margin-top:330px;font-size:19px;font-weight:bold}
.sec .bg_sec .ico{width:20px;height:25px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:0 -23px;display:inline-block;margin-left:11px;vertical-align:-5px}
.sec .pop{width:375px;height:563px;background:url(../im/brompton/pop_sec.png) no-repeat;background-size:375px 563px;position:fixed;top:50%;left:50%;margin-top:-285px;margin-left:-188px;display:none;z-index:200}
.sec .pop.on{display:block}
.btn_close{width:23px;height:23px;position:absolute;top:16px;right:16px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-1px -95px}
.sec .pop .btn{width:120px;height:30px;position:absolute;top:179px;left:60px}
.sec .pop .btn.v2{width:180px;top:262px}
.sec .pop .btn.v3{width:150px;top:344px}
.sec .pop2{width:375px;height:563px;position:fixed;top:50%;left:50%;margin-top:-285px;margin-left:-188px;display:none;z-index:200}
.sec .pop2.on{display:block}
.sec .pop2 .video_area{width:305px;height:172px;background-color:#ccc;position:absolute;top:200px;left:36px}


.sec2{position:relative}
.sec2 a{width:73px;height:73px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-44px 0;position:absolute;top:50%;left:50%;margin:-36px 0 0 -36px}

.sec3,.sec4{margin-top:14px}

.sec5 .bg_sec{height:513px;background:url(../im/brompton/bg_sec5.jpg) 50% 0 no-repeat;background-size:375px 513px}
.sec5 .bg_sec .text_area{padding-top:121px}

.sec6{background-color:#f7f7f7}
.sec6 .bg_sec{height:520px;background:url(../im/brompton/bg_sec6.jpg) 50% 0 no-repeat;background-size:375px 520px}
.sec6 .bg_sec .text_area{padding-top:56px}
.sec6 .bg_sec .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec7{margin-top:14px;position:relative}
.sec7 .text_area{color:#fff;position:absolute;bottom:40px;left:50%;margin-left:-145px}
.sec7 .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec8{margin-top:14px;position:relative}
.sec8 .text_area{position:absolute;top:71px;left:50%;margin-left:-122px}
.sec8 .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec9{margin-top:14px;position:relative}
.sec9 .text_area{position:absolute;top:56px;left:50%;margin-left:-135px}
.sec9 .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec10{margin-top:14px;position:relative}
.sec10 .text_area{color:#fff;position:absolute;bottom:40px;left:50%;margin-left:-116px}
.sec10 .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec11{margin-top:14px;position:relative}
.sec11 .text_area{position:absolute;top:56px;left:50%;margin-left:-135px}
.sec11 .text_area .fir{font-size:17px;font-weight:bold;margin-bottom:6px}

.sec12{margin-top:14px;position:relative}
.sec12 h3{position:absolute;top:57px;left:50%;margin-left:-30px;color:#605751;font-size:18px;z-index:102}
.sec12 ul{position:absolute;width:100%;bottom:10px}
.sec12 li{width:8px;height:8px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-12px -58px;display:inline-block}
.sec12 .on{background-position:-1px -58px}
    

.footer{height:1213px;background:url(../im/brompton/bg_footer.gif) repeat-x;background-size:20px 1213px;position:relative}
.footer .bg_footer{height:1213px;background:url(../im/brompton/bg_footer.jpg) 50% 0 no-repeat;background-size:375px 1213px}
.footer .bg_footer .text_area{padding-top:355px}
.footer .bg_footer .btn{padding-top:10px}
.footer .bg_footer .btn .ico{width:7px;height:12px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-1px -74px;display:inline-block;margin-left:5px}
.footer .bg_footer a{display:block;font-size:15px;color:#473c35;line-height:21px;word-spacing:2px;font-weight:bold;margin-top:20px}
.footer .bg_footer .ex{color:#b1aaa4;margin-top:470px}
.footer .bg_footer li .btn_v2{width:40px;height:40px;position:absolute;bottom:114px;left:50%;margin-left:-97px}
.footer .bg_footer li .btn_v2.v2{margin-left:-24px}
.footer .bg_footer li .btn_v2.v3{margin-left:53px}

.ly_bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:100;width:100%;height:100%;background-color:#000;opacity:0.85;filter:alpha(opacity=50);-moz-opacity:0.5}
.ly_bg.off{display:none}

.lypop{position:relative;z-index:101}
.lypop .btn_lypop_close{display:block;width:20px;height:20px;background-image:url(../im/burger/popup_close.png);background-repeat:no-repeat;background-size:20px 20px;background-position:0 0;position:fixed;top:15px;right:15px;z-index:102}

.lypop.mv_pop .mv_area{position:fixed;top:50%;left:50%;margin:-79px 0 0 -140px;width:280px}
.lypop.mv_pop .mv_area .mv_cnt{width:280px;height:158px}


.swiper-container{width:100%;height:100%;}
.swiper-slide{text-align:center;font-size:18px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}

.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}
.swiper-container-no-flexbox .swiper-slide{float:left}
.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
/*
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
*/
.swiper-wrapper{position:relative;width:100%;            z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}

.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}
/*
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}
*/
.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;position:relative}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}
.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}
.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}
.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}
.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}
.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url(../im/china/btn_left.png);background-repeat:no-repeat;background-size:18px 30px;left:10px;right:auto}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url(../im/china/btn_right.png);background-repeat:no-repeat;background-size:18px 30px;right:10px;left:auto}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-pagination.swiper-pagination-hidden{opacity:0}
.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}

.sec12 li{width:8px;height:8px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-12px -58px;display:inline-block}
.sec12 .on{background-position:-1px -58px}

.swiper-pagination-bullet{width:8px;height:8px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-12px -58px;display:inline-block}
.swiper-pagination-bullet-active{width:8px;height:8px;background:url(../im/brompton/sp_img.png) no-repeat;background-size:125px 125px;background-position:-1px -58px;display:inline-block}

/*
.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#fff;opacity:.4}
button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}
.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}
.swiper-pagination-white .swiper-pagination-bullet{background:#fff}
.swiper-pagination-bullet-active{opacity:1;background:#fff}
.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}
.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}
*/
.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}

.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}
/*
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}
*/
.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}
.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}
.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}
.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}
.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}
.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}
.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}
.swiper-scrollbar-cursor-drag{cursor:move}
.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}
.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}
.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}