@charset "UTF-8";.clearfix2,.wrap .nav:after,.wrap footer{zoom:1;clear:both;float:none}.clearfix2:before,.wrap footer:before{content:"";display:table}.clearfix2:after,.wrap .nav:after,.wrap footer:after{content:"";display:table;clear:both}.m0-a{margin:0 auto}.mr0{margin-right:0}.mt5{margin-top:5px!important}.mt10{margin-top:10px!important}.mt20{margin-top:20px!important}.mt30{margin-top:30px!important}.mt40{margin-top:40px!important}.mt50{margin-top:50px!important}.mt60{margin-top:60px!important}.mt70{margin-top:70px!important}.mt80{margin-top:80px!important}.mt90{margin-top:90px!important}.mt100{margin-top:100px!important}.mb10{margin-bottom:10px!important}.mb20{margin-bottom:20px!important}.mb30{margin-bottom:30px!important}.mb40{margin-bottom:40px!important}.mb50{margin-bottom:50px!important}.mb60{margin-bottom:60px!important}.mb70{margin-bottom:70px!important}.mb80{margin-bottom:80px!important}.mb90{margin-bottom:90px!important}.mb100{margin-bottom:100px!important}.w10{width:10%!important}.w20{width:20%!important}.w30{width:30%!important}.w40{width:40%!important}.w50{width:50%!important}.w60{width:60%!important}.w70{width:70%!important}.w80{width:80%!important}.w90{width:90%!important}.w100{width:100%!important}.p-tb20{padding:20px 0}.pr-0{padding-right:0}.pl-0{padding-left:0}.pr-pl-0{padding-right:0;padding-left:0}.mr-0{margin-right:0}.ml-0{margin-left:0}.mr-ml-0{margin-right:0;margin-left:0}.cc1{background-color:rgba(251,157,157,.5)!important}.cc2{background-color:rgba(235,201,84,.5)!important}.cc3{background-color:rgba(158,192,0,.5)!important}.cc4{background-color:rgba(0,158,192,.5)!important}.cc5{background-color:rgba(172,97,230,.5)!important}.cc6{background-color:rgba(230,97,185,.5)!important}.db{display:block!important}.dib{display:inline-block!important}.di{display:inline!important}.tc{text-align:center!important}.tl{text-align:left!important}.tr{text-align:right!important}@font-face{font-family:Bebas;src:url(../fonts/Bebas-Regular.ttf),url(../fonts/Bebas-Regular.otf)}@font-face{font-family:Galyon;src:url(../fonts/Galyon-Regular.otf)}@font-face{font-family:galyon-bold;src:url(../fonts/Galyon-Bold.otf)}html,body{font-size:16px;line-height:24px;font:normal 100%/150% Roboto,Arial,Helvetica Neue,Helvetica,新細明體,LiHei Pro,HeitiTC,sans-serif}svg,article,aside,audio,blockquote,body,button,code,dd,div,dl,dt,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,input,legend,li,nav,ol,p,pre,section,td,textarea,th,ul,video{padding:0;margin:0;list-style:none}.wrap{width:100%;margin:0 auto;position:relative;padding-top:63px}.wrap .container-fluid{width:100%}.wrap .menu_switch{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;color:#fff;display:block;padding:15px;font-size:30px;position:fixed;top:5px;left:0;z-index:999}.wrap .menu_switch img{width:26px}.wrap .container{max-width:1280px;margin:0 auto;position:relative}.wrap .side-notice{width:164px;height:164px;position:absolute;right:0;top:-200px;z-index:9999}.wrap .side-notice img{width:100%}.wrap .nav{font-family:galyon,serif;letter-spacing:1px;font-size:15px;width:100%;text-transform:uppercase}.wrap .nav.pc{display:none}.wrap .nav.mobile{display:block}.wrap .nav.mobile .logo{width:100%;height:63px;background-color:#0e0e0e;margin:0;position:fixed;z-index:990;top:0}.wrap .nav.mobile .logo a{display:block;margin:0 auto;text-align:center;width:135px}.wrap .nav.mobile .menu{background-color:#fbca01;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px;width:100%;height:100%;position:absolute;top:0;bottom:0;left:-100%;right:0;z-index:900}.wrap .nav.mobile .menu li{padding:5px 0}.wrap .nav.mobile .menu li>a{font-weight:700}.wrap .nav.mobile .menu li a{text-decoration:none;color:#000}.wrap .nav.mobile .menu li.has-sub>a{display:block;position:relative;text-decoration:none;color:#000}.wrap .nav.mobile .menu li.has-sub>a:after{content:'';width:0;height:0;border-width:11px 6px 0;border-color:#000 transparent transparent transparent;border-style:solid;position:absolute;top:50%;margin-top:-6px;right:6px}.wrap .nav.mobile .menu dl{display:none}.wrap .nav.mobile .menu dl:nth-child(2){margin-top:10px}.wrap .nav.mobile .menu dl:last-child{margin-bottom:10px}.wrap .nav.mobile .menu dt{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(255,255,255,.6);padding:3px 10px 2px;margin-bottom:5px;font-weight:700}.wrap .nav.mobile .menu dd{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 10px;margin-bottom:10px}.wrap .nav:after{width:100%;height:0}.wrap .bar{background-color:#fcca00;font-family:galyon,serif;letter-spacing:1px;font-size:12px}.wrap .bar section{width:100%;max-width:1280px;margin:0 auto}.wrap .bar section ul{display:flex;flex-flow:wrap row;justify-content:center}.wrap .bar section ul li{flex:0 0 33.3%;text-align:center;margin:5px auto}.wrap .bar section ul li a{text-decoration:none;color:#000}.wrap .bar section ul li a:hover{transition-duration:.1s;color:#fff}.wrap .bar section ul li.search{overflow:hidden;background-color:#fff;flex:0 0 90%;margin:0 auto 10px}.wrap .bar section ul li.search input{width:calc(100% - 36px);display:inline-block;background-color:transparent;border:0;height:100%}.wrap .bar section ul li.search a{color:#000}.wrap .bar section ul li.search a svg{width:14px;display:inline-block}.wrap footer{background-color:#0e0e0e;font-family:galyon,serif;position:relative}.wrap footer .links{max-width:960px;text-align:center;padding:20px 0;margin:0 auto;text-transform:uppercase;letter-spacing:1px}.wrap footer .links section{margin-bottom:20px}.wrap footer .links h4{color:#fcca00;font-weight:700;margin:0 0 10px}.wrap footer .links ul li{line-height:25px}.wrap footer .links a{text-decoration:none;color:#fff;font-weight:400}.wrap footer .links a:hover{transition-duration:.3s;color:#ffcb3b}.wrap footer .links .icon{font-size:2em}.wrap footer .links .icon li{display:inline-block;margin:0 3px 10px}.wrap footer .links .icon li a{color:#707070}.wrap footer .links .icon li a:hover{transition-duration:.3s;color:#ffcb3b}.wrap .cr{background-color:#fcca00;text-align:center;padding:0 0;font-size:12px;letter-spacing:1px}@media(min-width:767px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .bar section{padding:5px 0}.wrap .bar section ul li{flex:0 0 25%}}@media(min-width:959px){.wrap{max-width:100%;margin-left:auto;margin-right:auto;padding-top:85px}.wrap:after{content:" ";display:block;clear:both}.wrap .ss{width:100%;background-color:#0e0e0e;position:fixed;top:0;z-index:9999}.wrap .menu_switch{display:none}.wrap .nav{font-size:15px;width:100%;max-width:1280px}.wrap .nav.pc{display:block}.wrap .nav.pc .logo2{margin:0 0 0 0;float:left}.wrap .nav.pc .logo2 a{display:block;margin:0 auto;text-align:center;width:150px;height:auto}.wrap .nav.pc .logo2 a svg{width:75%}.wrap .nav.pc .menu2{float:right;margin-top:13px;position:static}.wrap .nav.pc .menu2 li{display:inline-block;font-size:1rem;padding:0 18px 14px}.wrap .nav.pc .menu2 li:hover>a{transition-duration:.1s;color:#fcca00}.wrap .nav.pc .menu2 li:last-child{padding:0 10px 14px 24px}.wrap .nav.pc .menu2 li>a{padding-bottom:0}.wrap .nav.pc .menu2 li a{text-decoration:none;color:#fff}.wrap .nav.pc .menu2 li dl a{color:#000}.wrap .nav.pc .has-sub>a{position:relative}.wrap .nav.pc .has-sub:hover .sub{display:block}.wrap .nav.pc .sub{width:100%;max-width:initial;position:absolute;top:51px;right:0;z-index:9999;display:block;background-color:#fcca00;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:20px 0 20px 30px;display:none;-moz-box-shadow:0 0 5px rgba(0,0,0,.5);-webkit-box-shadow:0 0 5px rgba(0,0,0,.5);box-shadow:0 0 5px rgba(0,0,0,.5)}.wrap .nav.pc .sub dt{margin-bottom:10px;font-weight:700;line-height:17px}.wrap .nav.pc .sub dd{letter-spacing:1px;line-height:17px;margin-bottom:10px}.wrap .nav.pc .sub dd a{display:block}.wrap .nav.pc .sub dd a:hover{transition-duration:.1s;color:#fff}.wrap .nav.pc .sub.p1 dl{display:inline-block;width:16.2%;height:310px;font-size:.8rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:top}.wrap .nav.pc .sub.p1 dl:nth-child(3){border-right:0}.wrap .nav.pc .sub.p2{text-align:right;padding:13px 11px 14px;right:0;left:inherit;padding-right:20px}.wrap .nav.pc .sub.p2 dd{display:inline-block;margin-left:30px}.wrap .nav.pc .sub.p3{text-align:right;padding:13px 11px 14px;right:0;left:inherit;padding-right:100px}.wrap .nav.pc .sub.p3 dd{display:inline-block;margin-left:30px}.wrap .nav.mobile{display:none}.wrap .bar{font-size:1rem}.wrap .bar section{padding:0 0 1px;display:flex;justify-content:flex-end}.wrap .bar section ul{width:580px}.wrap .bar section ul li{flex:0 0 24%}.wrap .bar section ul li.search{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;flex:0 0 24%;margin:5px 10px}.wrap footer .links{text-align:left;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}.wrap footer .links section{display:inline-block;width:30%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:25px 30px 0;vertical-align:top}.wrap footer .links section li{font-size:14px}.wrap footer .links h4{margin:0 0 10px}.wrap footer .links .icon li{margin:0 3px 8px 0;font-size:38px}}@media(min-width:1280px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .nav.pc .sub.p1 dl{font-size:.95rem}}.wrap .main.p7 section.set-blcok1{background:#000 url(../product/case/images/p7_bg01.jpg)}.wrap .main.p7 section.set-blcok2{background:#6d6d6d url(../product/case/images/p7_bg02.jpg)}.wrap .main.p7 section.set-blcok3{background:#000 url(../product/case/images/p7_bg03.jpg)}.wrap .main.p7 section.set-blcok4{background:#000 url(../product/case/images/p7_bg04.jpg)}.wrap .main.p7 section.set-blcok5{background:#6d6d6d url(../product/case/images/p7_bg05.jpg)}.wrap .main.p7 section.set-blcok6{background:#6d6d6d url(../product/case/images/p7_bg06.jpg)}.wrap .main.p7 section.set-blcok7{background:#000 url(../product/case/images/p7_bg07.jpg)}.wrap .main.p7 section.set-blcok8{background:#6d6d6d url(../product/case/images/p7_bg08.jpg)}.wrap .main.p7 section.set-blcok9{background:#6d6d6d url(../product/case/images/p7_bg09.jpg)}.wrap .main .title-set{margin-bottom:20px;font-size:2em;text-align:center;padding-top:20px;font-family:rokkitt,serif}.wrap .main .yellow{color:#fdc93b!important}.wrap .main .white{color:#fff!important}.wrap .main .temporary{width:100%;line-height:normal}.wrap .main .temporary img{display:block;width:100%}.wrap .main .temporary section{overflow:hidden}.wrap .main .temporary section .pdt_box{width:90%;position:relative;max-width:1280px;margin:20px auto}.wrap .main .temporary section .text{text-align:center}.wrap .main .temporary section .title{font-size:2em;font-weight:900;font-family:rokkitt,serif}.wrap .main .temporary section .txt{color:#fff;font-size:1.1em;font-weight:500;font-family:roboto,serif}.wrap .main .temporary section .txt p{font-size:.8em;margin-bottom:15px}.wrap .main .temporary section .feature_list dl{overflow:hidden}.wrap .main .temporary section .feature_list dl:nth-child(1) dt{background-color:#e60012}.wrap .main .temporary section .feature_list dl:nth-child(2) dt{background-color:#00a0e9}.wrap .main .temporary section .feature_list dl:nth-child(3) dt{background-color:#8fc31f}.wrap .main .temporary section .feature_list dl:nth-child(4) dt{background-color:#f39800}.wrap .main .temporary section .feature_list dl:nth-child(5) dt{background-color:#601986}.wrap .main .temporary section .feature_list dl:nth-child(6) dt{background-color:#a4005b}.wrap .main .temporary section .feature_list dt{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;text-align:center;color:#fff;width:30px;height:30px;float:left;font-size:1.3em;padding-top:2px}.wrap .main .temporary section .feature_list dd{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:calc( 100% - 30px);float:left;padding:5px 0 0 7px;margin-bottom:15px;font-weight:500;font-family:roboto,serif}.wrap .main .temporary section.set-blcok1{background-position:center center}.wrap .main .temporary section.set-blcok1 .title{font-weight:700;font-family:roboto,serif}.wrap .main .temporary section.set-blcok2{background-size:cover;background-position:center center}.wrap .main .temporary section.set-blcok2 .pdt_box{margin:30px auto}.wrap .main .temporary section.set-blcok2 .title{font-size:2em}.wrap .main .temporary section.set-blcok2 .txt{width:200px;margin:0 auto;text-align:left}.wrap .main .temporary section.set-blcok2 .txt p{line-height:1.3em}.wrap .main .temporary section.set-blcok3{background-size:cover;background-position:center 40%}.wrap .main .temporary section.set-blcok3 .pdt_box{margin:9% auto 7%}.wrap .main .temporary section.set-blcok3 .txt{font-weight:900}.wrap .main .temporary section.set-blcok3 .txt p{text-align:left}.wrap .main .temporary section.set-blcok4{background-size:cover;background-position:center 37%}.wrap .main .temporary section.set-blcok4 .pdt_box{margin:7% auto 40%}.wrap .main .temporary section.set-blcok5{background-size:cover;background-position:center 38%}.wrap .main .temporary section.set-blcok5 .pdt_box{margin:36px auto}.wrap .main .temporary section.set-blcok5 .title{width:86%;margin:0 auto 35px;line-height:1em;text-align:left}.wrap .main .temporary section.set-blcok5 .pdt{margin:20px auto}.wrap .main .temporary section.set-blcok6{background-size:cover;background-position:center 38%;padding:20px 0}.wrap .main .temporary section.set-blcok6 .pdt{overflow:hidden}.wrap .main .temporary section.set-blcok6 .pdt .pdt_left,.wrap .main .temporary section.set-blcok6 .pdt .pdt_right{width:50%;float:left}.wrap .main .temporary section.set-blcok7{background-size:cover;background-position:center center}.wrap .main .temporary section.set-blcok7 .pdt_box{margin:36px auto}.wrap .main .temporary section.set-blcok7 .title{width:86%;margin:0 auto 35px;line-height:1em}.wrap .main .temporary section.set-blcok8{background-size:cover;background-position:center 30%}.wrap .main .temporary section.set-blcok8 .pdt_box{margin:36px auto}.wrap .main .temporary section.set-blcok8 .title{width:86%;margin:0 auto 35px;line-height:1em}.wrap .main .temporary section.set-blcok9{background-size:cover;background-position:center 30%;margin-bottom:30px}.wrap .main .temporary section.set-blcok9 .pdt_box{margin:6% auto}.wrap .main .temporary section.set-blcok9 .pdt_box .pdt{width:90%;margin:0 auto}.wrap .main .specs>table{width:90%;margin:0 auto}.wrap .main .specs>table th{background:transparent url(../product/case/images/p7_table_td_bg.png) center 0 repeat-y;background-size:cover;text-align:center;color:#fff;padding:5px 0;font-weight:700;font-family:roboto,serif}.wrap .main .specs>table table{width:100%;margin:20px auto;border-collapse:collapse;border:0;line-height:16px}.wrap .main .specs>table table td{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:15px 5px;white-space:normal}.wrap .main .specs>table table td:first-child{width:46%;vertical-align:top}.wrap .main .specs>table table tr:hover{background-color:#eee}@media(min-width:519px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .main .temporary section .pdt_box{margin:14px auto 10px}.wrap .main .temporary section .title{font-size:3em}.wrap .main .temporary section .txt{font-size:1.6em}.wrap .main .temporary section .feature_list dl{font-size:1.3em}.wrap .main .temporary section .feature_list dt{width:40px;height:40px;padding-top:5px}.wrap .main .temporary section .feature_list dd{width:calc( 100% - 40px)}.wrap .main .temporary section.set-blcok1{background-position:center 30%}.wrap .main .temporary section.set-blcok2 .title{font-size:3em}.wrap .main .temporary section.set-blcok2 .txt{width:340px}.wrap .main .temporary section.set-blcok2 .txt p{line-height:1.1em;font-size:.6em;margin-bottom:30px}.wrap .main .temporary section.set-blcok3 .txt p{line-height:1.1em;font-size:.6em}.wrap .main .temporary section.set-blcok5 .title{font-size:2.6em}.wrap .main .temporary section.set-blcok7 .pdt_box{margin:60px auto}.wrap .main .temporary section.set-blcok7 .title{margin:0 auto 50px}.wrap .main .temporary section.set-blcok8 .pdt_box{margin:60px auto}.wrap .main .temporary section.set-blcok8 .title{margin:0 auto 50px}.wrap .main .specs>table table td:first-child{width:40%}}@media(min-width:759px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .main .temporary section .pdt_box{overflow:hidden}.wrap .main .temporary section .feature_list{overflow:hidden}.wrap .main .temporary section .feature_list dl{width:50%;float:left;height:64px}.wrap .main .temporary section.set-blcok1{overflow:hidden}.wrap .main .temporary section.set-blcok1 .text{float:right;width:50%;padding-top:16%}.wrap .main .temporary section.set-blcok1 .pdt{float:left;width:50%}.wrap .main .temporary section.set-blcok2{background-position:center 26%}.wrap .main .temporary section.set-blcok2 .pdt_box{overflow:hidden}.wrap .main .temporary section.set-blcok2 .title{text-align:left}.wrap .main .temporary section.set-blcok2 .txt{margin:0}.wrap .main .temporary section.set-blcok2 .text{float:left;width:50%;padding-top:9%}.wrap .main .temporary section.set-blcok2 .pdt{float:right;width:50%}.wrap .main .temporary section.set-blcok3{background-position:center 38%}.wrap .main .temporary section.set-blcok3 .pdt_box{margin:5% auto 6%}.wrap .main .temporary section.set-blcok3 .text{width:70%;margin:0 auto}.wrap .main .temporary section.set-blcok3 .txt p{font-size:.7em}.wrap .main .temporary section.set-blcok4{background-position:center 36%}.wrap .main .temporary section.set-blcok4 .pdt_box{margin:7% auto 35%}.wrap .main .temporary section.set-blcok5 .title{font-size:3em;text-align:center}.wrap .main .temporary section.set-blcok9 .pdt_box .pdt{width:60%}.wrap .main .specs>table{font-size:1.3em;margin-top:45px}.wrap .main .specs>table th{padding:15px 0}.wrap .main .specs>table table{margin:10px auto}.wrap .main .specs>table table td:first-child{width:36%}}@media(min-width:959px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .main .title-set{font-size:2.5em}.wrap .main .temporary section.set-blcok1 .text{padding-top:20%}.wrap .main .temporary section.set-blcok3 .pdt_box{margin:5% auto -22%}.wrap .main .specs>table table{width:90%}.wrap .main .specs>table table td{padding:20px 5px}}@media(min-width:1280px){.wrap{max-width:100%;margin-left:auto;margin-right:auto}.wrap:after{content:" ";display:block;clear:both}.wrap .main .title-set{font-size:3.75em}.wrap .main .temporary section .pdt_box{width:100%}.wrap .main .temporary section.set-blcok1 .text{width:45%}.wrap .main .temporary section.set-blcok1 .pdt{width:55%}.wrap .main .temporary section.set-blcok1 .title{font-size:5.5em}.wrap .main .temporary section.set-blcok1 .txt{font-size:3.2em}.wrap .main .temporary section.set-blcok2 .pdt_box{margin:70px auto}.wrap .main .temporary section.set-blcok2 .title{font-size:5em}.wrap .main .temporary section.set-blcok2 .txt{width:85%}.wrap .main .temporary section.set-blcok2 .txt p{font-size:.95em;margin-bottom:60px}.wrap .main .temporary section.set-blcok3{background-position:center 37%}.wrap .main .temporary section.set-blcok3 .pdt_box{margin:5% auto -22%}.wrap .main .temporary section.set-blcok3 .text{width:83%}.wrap .main .temporary section.set-blcok3 .txt p{font-size:1.7em}.wrap .main .temporary section.set-blcok4{background-position:center 38%}.wrap .main .temporary section.set-blcok4 .pdt_box{margin:3% auto 31%}.wrap .main .temporary section.set-blcok4 .title{font-size:5em}.wrap .main .temporary section.set-blcok5 .title{font-size:5em}.wrap .main .temporary section.set-blcok6 .pdt_box{width:55%}.wrap .main .temporary section.set-blcok6 .pdt{text-align:center}.wrap .main .temporary section.set-blcok7 .title{font-size:5em}.wrap .main .temporary section.set-blcok8 .title{font-size:5em}.wrap .main .temporary section.set-blcok9 .pdt_box{margin:3% auto 0%}.wrap .main .temporary section.set-blcok9 .pdt_box .pdt{width:75%}.wrap .main .specs>table th{padding:20px 0;font-size:2em}.wrap .main .specs>table table{line-height:35px;width:70%}.wrap .main .specs>table table td{font-size:1.3em}}