@charset "utf-8";

/*font読み込み*/
@font-face{font-display:swap;font-weight:normal;font-style:normal;font-family:'Roboto';src:url('../fonts/Roboto-Medium.ttf') format('truetype');}
@font-face{font-display:swap;font-weight:bold;font-style:normal;font-family:'Roboto';src:url('../fonts/Roboto-Bold.ttf') format('truetype');}
@font-face{font-display:swap;font-weight:normal;font-style:normal;font-family:'Noto Sans JP';src:url('../fonts/NotoSansJP-Regular.otf') format('opentype');}
@font-face{font-display:swap;font-weight:bold;font-style:normal;font-family:'Noto Sans JP';src:url('../fonts/NotoSansJP-Bold.otf') format('opentype');}

/*CSSアニメーション*/
@keyframes show {
	0%{opacity:0;}
	100%{opacity:1;}
}

/*共通*/
html,body{position:relative;}
html{font-family:"Hiragino Sans W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ", Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;font-size:13px;line-height:2;color:#222;}
body{width:100%;margin:0 auto;position:relative;background:url(../layout/bckg.gif);}

.spOnly{display:none!important;}
.pcOnly{display:block!important;}
.tbOnly{display:none!Important;}

a{text-decoration:none;color:#222;transition:all 0.3s ease-in;}
a:hover{color:#0bf;}
em{font-family:"游明朝",YuMincho,"Hiragino Mincho ProN W3","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;font-style:normal;}
a,span,p,h1,h2,h3,h4,h5,h6,li,b,th,td,dl,dt,dd,label,input,textarea,button{font-family:'Noto Sans JP', sans-serif;}
i{font-family:'Roboto', sans-serif;font-style:normal;}
.button{cursor:pointer;}
p{font-size:14px;}

/*3Dキャンバス*/
#threeCanvas{transform-origin:center top;animation:show 2s both;}

/*ヘッダー*/
header{position:fixed;left:0;top:0;width:100%;padding:24px 60px 0 60px;box-sizing:border-box;background:#fff url(../layout/bckg.gif);z-index:10;}
header .hmenu{position:relative;border-bottom:6px solid rgba(0,5,10,0.85);box-sizing:border-box;height:88px;}
header .hmenu h1{position:absolute;left:0;top:0;}
header .hmenu h1 img{width:auto;height:61px;}
header .hmenu .desc{position:absolute;left:150px;top:18px;}
header .hmenu .desc p{font-size:15px;line-height:1.3;}
header .hmenu .desc small{font-size:11px;margin-left:10px;}
#gNavi{position:absolute;right:80px;top:30px;}
#gNavi li{position:relative;display:inline-block;padding-right:20px;background:url(../layout/slash.png) no-repeat right 4px center / 5px auto;}
#gNavi li:last-child{padding-right:0;background:none;}
#gNavi li a{font-size:15px;color:#222;font-weight:bold;}
#gNavi li a:hover{color:#0bf;}

/*ハンバーガー*/
.humSec{position:relative;}
.humSec #humBTN{position:absolute;top:20px;right:0;display:block;width:46px;height:46px;background:rgba(0,5,10,0.85);cursor:pointer;z-index:14;}
.humSec #humBTN span{position:absolute;display:block;width:30px;height:2px;background:#eee;left:0;right:0;margin:auto;}
.humSec #humBTN span:nth-of-type(1){top:11px;transition:all 0.3s ease-in-out;}
.humSec #humBTN span:nth-of-type(2){top:0;bottom:0;transition:all 0.3s ease-in-out;}
.humSec #humBTN span:nth-of-type(3){bottom:11px;transition:all 0.3s ease-in-out;}
.humSec #humNavi{position:fixed;top:0;right:-100%;width:160px;background:rgba(0,5,10,0.85);height:100%;color:#eee;transition:all 0.3s ease-in-out;padding-top:140px;box-sizing:border-box;z-index:13;}
.humSec #humNavi li{margin-bottom:20px;padding-left:40px;position:relative;}
.humSec #humNavi li:before{content:'';display:block;height:1px;width:30px;background:#eee;position:absolute;top:18px;left:0;}
.humSec #humNavi li a{font-size:18px;color:#eee;}
.humSec #humNavi li a:hover{color:#0bf;}
.humSec.open #humBTN span:nth-of-type(1){top:22px;transform:rotate(225deg);transition:all 0.3s ease-in-out;}
.humSec.open #humBTN span:nth-of-type(2){opacity:0;}
.humSec.open #humBTN span:nth-of-type(3){bottom:22px;transform:rotate(315deg);transition:all 0.3s ease-in-out;}
.humSec.open #humNavi{right:0;}
#humSkin{visibility:hidden;opacity:0.6;background:#0bf;position:fixed;top:0;left:0;width:100%;height:100%;transition:all 0.3s ease-in-out;}
#humSkin.open{visibility:visible;z-index:12;}

/*フッター*/
footer{background:rgba(0,5,10,0.85);position:relative;height:180px;}
footer .pageTop{display:block;width:42px;height:42px;border-radius:50%;background:rgba(0,5,10,0.85);position:fixed;right:10px;bottom:20px;transition:all 0.3s ease-in-out;}
footer .pageTop span{display:block;width:17px;height:17px;border-left:3px solid #fff;border-top:3px solid #fff;position:absolute;top:15px;left:0;right:0;margin:0 auto;transform:rotate(45deg);transition:all 0.3s ease-in-out;}
footer .pageTop:hover{background:rgba(0,221,255,0.85);}
footer .pageTop:hover span{top:12px;}
footer .leftBox{position:absolute;left:60px;top:0;bottom:0;margin:auto 0;width:133px;height:100px;}
footer .leftBox img{width:100%;height:auto;}
footer .leftBox address{color:#fff;font-size:10px;line-height:1;}
footer .rightBox{position:absolute;right:60px;top:0;bottom:0;margin:auto 0;height:150px;display:-webkit-flex;display:flex;}
footer .infoBox.left{width:300px;}
footer .infoBox.right{width:250px;}
footer .infoBox dl{line-height:1.3;margin-bottom:10px;color:#eee;}
footer .infoBox dl:last-child{margin-bottom:0;}
footer .infoBox dl dt{font-size:10px;margin-bottom:2px}
footer .infoBox dl dd{font-size:12px;}
footer .infoBox dl dd small{margin-left:8px;}

/*WORK LIST*/
.wl-container{padding:0 20px;}
.worksList{display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start;flex-wrap:wrap;box-sizing:border-box;}
.worksList li{width:12.5%;transition:all 0.3s ease-in;position:relative;box-sizing:border-box;margin-bottom:35px;}
.worksList li span{display:block;width:100%;height:auto;padding-top:100%;}
.worksList li span a{display:block;width:88%;height:88%;background:#fff url() no-repeat center / contain;transition:all 0.3s ease-in-out;border:1px solid #eee;box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;}
.worksList li:hover span a{width:100%;height:100%;}
.worksList li span a:hover{filter:none;opacity:1;}
.worksList li > p{position:absolute;font-size:11px;display:block;width:100%;text-align:center;line-height:1.3;}
.worksList li > p a{color:#09c;text-decoration:underline;}
.worksList li > p a:visited{color:#c3a;}
.worksList li.web .modeBtn{display:block;width:20px;height:20px;position:absolute;top:1px;right:1px;border-radius:4px;background:#999 url(../layout/ico_sp.png) no-repeat center / auto 12px;z-index:1;cursor:pointer;transition:all 0.3s ease-in;opacity:0.9;padding-top:0;}
.worksList li.web.sp .modeBtn{background-image:url(../layout/ico_pc.png);background-size:12px auto;}
.worksList li:hover.web .modeBtn{opacity:0.6;}
.worksList li.web .modePC,
.worksList li.web.sp .modeSP{display:block;}
.worksList li.web .modeSP,
.worksList li.web.sp .modePC{display:none;}

/*WORK LIST 02*/
.wl02-container{padding:0 20px;}
.wl02-container .headTitle{display:block;background:url(../layout/stripe.gif) repeat left top;padding:0 10px;border:1px solid #eee;}
.worksList02{display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start;flex-wrap:wrap;box-sizing:border-box;border-left:1px solid #eee;}
.worksList02 li{width:50%;min-height:220px;padding:10px 30px 10px 230px;box-sizing:border-box;position:relative;border-right:1px solid #eee;border-bottom:1px solid #eee;}
.worksList02 li .imgBox{width:200px;transition:all 0.3s ease-in;box-sizing:border-box;position:absolute;left:10px;top:10px;}
.worksList02 li .imgBox span{display:block;width:100%;height:auto;padding-top:100%;}
.worksList02 li .imgBox span a{display:block;width:180px;height:180px;background:#fff url() no-repeat center / contain;transition:all 0.3s ease-in-out;border:1px solid #eee;box-sizing:border-box;position:absolute;top:0;left:0;bottom:0;right:0;margin:auto;overflow:hidden;}
.worksList02 li .imgBox:hover span a{width:100%;height:100%;}
.worksList02 li .imgBox span a:hover{filter:none;opacity:1;}
.worksList02 li .imgBox span a img{margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;}
.worksList02 li.web .imgBox .modeBtn{display:block;width:20px;height:20px;position:absolute;top:1px;right:1px;border-radius:4px;background:#999 url(../layout/ico_sp.png) no-repeat center / auto 12px;z-index:1;cursor:pointer;transition:all 0.3s ease-in;opacity:0.9;padding-top:0;}
.worksList02 li.web.sp .imgBox .modeBtn{background-image:url(../layout/ico_pc.png);background-size:12px auto;}
.worksList02 li.web .imgBox:hover .modeBtn{opacity:0.6;}
.worksList02 li.web .imgBox .modePC,
.worksList02 li.web.sp .imgBox .modeSP{display:block;}
.worksList02 li.web .imgBox .modeSP,
.worksList02 li.web.sp .imgBox .modePC{display:none;}
.worksList02 .wl02title{font-size:15px;font-weight:bold;}
.worksList02 .wl02title a{background:url(../layout/ico_link01.png) no-repeat right center / 12px;padding-right:20px;display:inline-block;}
.worksList02 li .commBox{padding-top:5px;}
.worksList02 li .commBox p{font-size:13px;line-height:1.6;margin-top:5px;}
.worksList02 li .commBox .voice{position:relative;padding:10px 10px 10px 80px;border:1px solid #eee;border-radius:3px;background:#fafafa;font-size:12px;line-height:1.6;margin-top:15px;}
.worksList02 li .commBox .voice:before{content:'お客様の声';background:url(../layout/ico_cliant.png) no-repeat center top 10px / 18px;display:block;padding:34px 10px 0 10px;box-sizing:border-box;width:80px;height:58px;font-size:11px;text-align:center;position:absolute;left:0;top:0;bottom:0;margin:auto 0;}
.worksList02 li .commBox small.ex{color:#e66;line-height:1.5;display:block;margin-top:10px;}
@media screen and (max-width:1450px){
	.worksList02 li{width:100%;}
	.worksList02 li .commBox .voice{padding:20px 10px 20px 80px;}
}

/*FLOW LIST*/
.flowList{display:-webkit-flex;display:flex;-webkit-justify-content:start;justify-content:start;flex-wrap:wrap;box-sizing:border-box;border-top:1px solid #eee;border-left:1px solid #eee;margin-bottom:20px;}
.flowList li{width:50%;position:relative;padding:20px;box-sizing:border-box;border-right:1px solid #eee;border-bottom:1px solid #eee;min-height:210px;}
.flowList li .title{font-size:15px;font-weight:bold;position:relative;padding-left:25px;display:block;height:30px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px solid #0df;}
.flowList li .title i{font-size:30px;display:inline-block;margin-right:8px;position:absolute;line-height:1;top:0;left:0;}
.flowList li .title b{line-height:2.1;}
.flowList li p{line-height:1.8;}
.flowList li p a{color:#09c;text-decoration:underline;}
.flowList li > p{padding-left:130px;box-sizing:border-box;position:relative;margin:20px auto;}
.flowList li > p:before{content:'';position:absolute;top:0;left:0;display:block;width:100px;height:100px;background-color:rgba(0,221,255,0.5);border-radius:50%;}
.flowList li > p:after{content:'';position:absolute;top:10px;left:0;display:block;width:100px;height:100px;background:url() no-repeat center / contain;}
.flowList li.fl01 > p:after{background-image:url(../layout/fl01.png);left:5px;}
.flowList li.fl02 > p:after{background-image:url(../layout/fl02.png);width:112px;height:112px;}
.flowList li.fl03 > p:after{background-image:url(../layout/fl03.png);}
.flowList li.fl04 > p:after{background-image:url(../layout/fl04.png);}
.flowList li.fl05 > p:after{background-image:url(../layout/fl05.png);width:108px;height:108px;}
.flowList li.fl06 > p:after{background-image:url(../layout/fl06.png);left:-3px;}

/*キャッチ・キャンペーン情報*/
#topCatch .campArea{height:100%;max-width:1400px;margin:0 auto;border-radius:5px;overflow:hidden;}
#topCatch .campArea .campList{height:100%;visibility:hidden;transition:all 0.3s ease-in;opacity:0;}
#topCatch .campArea.open .campList{visibility:visible;opacity:1;}
#topCatch .campArea .campToggle{visibility:visible;transition:all 0.3s ease-in;opacity:1;cursor:pointer;position:absolute;top:0;right:0;font-size:11px;padding-right:15px;color:#666;}
#topCatch .campArea .campToggle:after{content:'';display:block;width:4px;height:4px;position:absolute;right:4px;top:8px;border-right:1px solid #666;border-bottom:1px solid #666;transform:rotate(45deg);transition:all 0.3s ease-in;}
#topCatch .campArea .campToggle:hover{color:#0df;}
#topCatch .campArea .campToggle:hover:after{border-color:#0df;} 
#topCatch .campArea.open .campToggle{visibility:hidden;opacity:0;}
#topCatch .campArea.open .campToggle:after{transform:rotate(-135deg);}
#topCatch .campList li{position:relative;}
#topCatch .campList li .close{position:absolute;right:20px;top:20px;display:block;width:30px;height:30px;cursor:pointer;z-index:1;}
#topCatch .campList li .close:before,
#topCatch .campList li .close:after{content:'';display:block;width:25px;height:2px;background:#fff;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}
#topCatch .campList li .close:before{transform:rotate(45deg);}
#topCatch .campList li .close:after{transform:rotate(-45deg);}
#topCatch .campList li .header{position:absolute;right:0;left:0;top:20px;display:block;text-align:center;margin:0 auto;color:#aaa;letter-spacing:0.1em;}
#topCatch .forEntre{height:100%;color:#fff;background:url(../layout/bckg-camp.png) repeat left top;}
#topCatch .forEntre .inner{height:100%;background:url(../layout/logo_3d_img.png) no-repeat left 20px center / 350px;max-width:900px;margin:0 auto;}
#topCatch .forEntre .rightBox{padding:20px 20px 20px 400px;box-sizing:border-box;}
#topCatch .forEntre h2{position:relative;font-weight:bold;font-size:34px;padding-top:100px;line-height:1.6;}
#topCatch .forEntre h2 > .s{font-size:22px;margin-left:5px;}
#topCatch .forEntre h2 .badge{font-size:16px;background:url(../layout/badge_y.png) no-repeat center / contain;position:absolute;right:30px;top:50px;display:block;width:96px;height:96px;color:#222;text-align:center;line-height:1;transform:rotate(15deg);padding:33px 0 0 0;box-sizing:border-box;}
#topCatch .forEntre h2 .badge > .s{font-size:12px;display:block;margin-top:5px;}
#topCatch .forEntre dl{width:400px;margin-top:20px;}
#topCatch .forEntre dl dt{background:#fff;color:#222;text-align:center;font-size:18px;font-weight:bold;}
#topCatch .forEntre dl dd{border:1px solid #fff;padding:10px;box-sizing:border-box;}
#topCatch .forEntre dl dd .upper{margin-bottom:15px;}
#topCatch .forEntre dl dd .upper span{text-align:center;font-size:18px;font-weight:bold;display:block;max-width:220px;position:relative;margin:0 auto;line-height:1;}
#topCatch .forEntre dl dd .upper span:after{content:'※';font-size:10px;position:absolute;top:0;right:-5px;}
#topCatch .forEntre dl dd .lower{font-weight:bold;line-height:1;letter-spacing:0.05px;display:block;max-width:248px;margin:0 auto;}
#topCatch .forEntre dl dd .lower .pre{font-size:16px;position:relative;}
#topCatch .forEntre dl dd .lower .pre i{font-size:25px;margin-right:5px;display:inline-block;}
#topCatch .forEntre dl dd .lower .pre:after{content:'';position:absolute;height:1px;width:100%;top:0;bottom:0;left:0;margin:auto 0;background:#fff;}
#topCatch .forEntre dl dd .lower .arrow{display:inline-block;width:30px;height:30px;margin:0 17px 0 12px;background:url(../layout/arrow-tri.png) no-repeat center;}
#topCatch .forEntre dl dd .lower .sale{font-size:20px;position:relative;}
#topCatch .forEntre dl dd .lower .sale i{font-size:36px;margin-right:8px;display:inline-block;}
#topCatch .forEntre dl dd .lower .sale:after{content:'';position:absolute;height:1px;width:100%;bottom:-3px;left:0;margin:auto 0;background:#fff;}
#topCatch .forEntre small{margin-top:15px;display:block;font-size:11px;}

/*メイン*/
#wrapper{padding:140px 60px 0 60px;box-sizing:border-box;}
main > .catch{margin-bottom:60px;height:600px;position:relative;overflow:hidden;}
#threeCanvas{margin:auto;display:block;position:fixed;top:0;bottom:0;left:50%;right:auto;transform:translateX(-50%);}
article .sec{margin:auto auto 60px;position:relative;padding:50px 30px;box-sizing:border-box;overflow:auto;border:1px solid #eee;border-radius:5px;max-width:1400px;}
article .sec:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:rgba(255,255,255,0.85);filter:blur(30px);}
article .sec .inner{position:relative;padding-bottom:60px;}
h2.title{position:relative;line-height:1;margin-bottom:50px;transition:all 0.3s ease-in;}
h2.title .upper{background:#0bf;display:inline-block;padding:3px 10px 2px;font-size:16px;color:#fff;}
h2.title .lower{max-width:500px;display:block;padding-top:30px;font-size:27px;font-weight:bold;border-top:1px solid #0bf;transition:all 0.3s ease-in-out;}
h2.title .lower:hover{color:#0bf;}
h3.title{font-weight:bold;font-size:16px;padding:0 10px 2px;margin-bottom:10px;display:inline-block;border:1px solid #999;}
h3.line{background:rgba(0,5,10,0.85);color:#eee;font-weight:bold;font-size:14px;padding:0 10px 2px;margin-bottom:10px;}
#concept p{margin-bottom:30px;}
.consList{margin:10px 0 0;padding-right:230px;background:url(../layout/concept.png) no-repeat right 80px center / 250px;}
.consList li{margin-bottom:5px;}
.consList li:last-child{margin-bottom:0;}
.consList li b{font-size:20px;font-style:italic;display:inline-block;position:relative;}
.consList li b:before{content:'';display:block;width:50px;height:50px;position:absolute;left:-10px;top:0;bottom:0;margin:auto 0;border-radius:50%;background:#df3;opacity:0.15;filter:blur(6px);box-sizing:border-box;}
.consList li:nth-of-type(2) b:before{background:#0df;}
.consList li:nth-of-type(3) b:before{background:#2e6;}
.consList li:nth-of-type(4) b:before{background:#1ed;}
.consList li b:after{content:'';display:block;width:100%;height:1px;background:#999;position:absolute;left:0;bottom:0;}
.consList li b span{position:relative;}
.consList li > p{margin-left:25px;display:inline-block;}
.srvList{padding:0 50px;}
.srvList > li{margin-bottom:60px;}
.srvList > li:last-child{margin-bottom:20px;}
.srvList > li .title{display:block;position:relative;padding-left:55px;font-size:22px;font-weight:bold;line-height:1;height:50px;padding-top:12px;box-sizing:border-box;margin-bottom:10px;}
.srvList > li .title:before{content:'';display:block;width:40px;height:40px;position:absolute;left:0;top:0;bottom:0;margin:auto 0;border-radius:50%;background:url() no-repeat center / auto 26px;}
.srvList > li.web .title:before{background-color:#df3;background-image:url(../layout/ico_web.png);}
.srvList > li.dtp .title:before{background-color:#2e6;background-image:url(../layout/ico_dtp.png);}
.srvList > li.img .title:before{background-color:#1ed;background-image:url(../layout/ico_img.png);background-size:auto 30px;}
.srvList > li > p{font-size:13px;line-height:1.5;}
.srvList .wl02-container{margin-top:25px;}
#contact .mail-sec{margin:0 auto 50px;}
#mailForm .mfList{margin-bottom:20px;}
#mailForm .mfList li{border-bottom:1px solid #bbb;padding:20px 0;display:flex;display:-webkit-flex;flex-wrap:wrap;}
#mailForm .mfList li .title{width:200px;font-size:14px;font-weight:bold;padding-top:2px;}
#mailForm .mfList li .title span{position:relative;}
#mailForm .mfList li .title.req span:after{content:'*';font-size:10px;color:#f30;display:block;width:6px;height:6px;position:absolute;right:-10px;top:0;}
#mailForm .mfList li .value .radios{padding-top:5px;}
#mailForm .mfList li .value .radios > div{display:inline-block;margin-left:30px;}
#mailForm .mfList li .value .radios > div:first-child{margin-left:0;}
#mailForm .mfList li .value .radios input[type="radio"]{display:none;}
#mailForm .mfList li .value .radios label{position:relative;padding-left:20px;}
#mailForm .mfList li .value .radios label:before{content:'';position:absolute;top:5px;left:0;display:block;width:8px;height:8px;border:1px solid #ccc;}
#mailForm .mfList li .value .radios label:after{content:'';position:absolute;top:2px;left:3px;display:none;width:4px;height:8px;border-right:3px solid #09c;border-bottom:3px solid #09c;transform:rotate(45deg);}
#mailForm .mfList li .value .radios input:checked + label:after{display:block;}
#mailForm .mfList li .value.addressValue > div{display:inline-block;}
#mailForm .mfList li .value.addressValue > div:first-child{margin-right:25px;}
#mailForm .mfList li .value.addressValue > div:first-child input{width:100px;}
#mailForm .mfList li .value.addressValue > div:last-child input{width:450px;}
#mailForm .mfList li .value input,
#mailForm .mfList li .value textarea{padding:5px 7px;border:1px solid #ccc;box-sizing:border-box;}
#mailForm .mfList li .value input{width:300px;}
#mailForm .mfList li .value textarea{resize:none;width:600px;height:150px;}
#mailForm .mfList li .value input:placeholder,
#mailForm .mfList li .value textarea:placeholder{color:#999;}
#mailForm .mfList li .value input:focus ,
#mailForm .mfList li .value textarea:focus{outline:none;border-color:#999;}
#mailForm .mfList li .value .alert{display:block;color:#f77;}
#mailForm .btnSend{margin:30px 0 80px;}
#mailForm .btnSend button{display:block;width:100px;height:34px;background:#0bf;text-align:center;margin:0 auto;color:#fff;font-weight:bold;box-sizing:border-box;letter-spacing:0.1em;border:none;box-shadow:none;cursor:pointer;border-radius:3px;}
#contact .tel-sec p{line-height:1.5;}
#contact .tel{background:url(../layout/tel.png) no-repeat left top 6px;padding-left:40px;margin:20px auto 20px;}
#contact .tel > a,
#contact .tel > span{display:block;font-weight:bold;font-size:35px;line-height:1;}
#contact .tel > a i,
#contact .tel > span i{line-height:0;}
#contact .tel small{font-size:11px;}
.btmCta{display:block;width:170px;border:1px solid #999;transition:all 0.3s ease-in;position:absolute;bottom:0;left:0;right:0;text-align:center;border-radius:3px;margin:0 auto;}
.btmCta a{color:#333;font-size:12px;display:block;width:100%;height:100%;font-weight:bold;padding:4px 10px 5px 0;box-sizing:border-box;}
.btmCta a:before{content:'';position:absolute;top:0;bottom:0;right:15px;display:block;width:6px;height:6px;border-top:1px solid #333;border-right:1px solid #333;transform:rotate(45deg);margin:auto 0;transition:all 0.3s ease-in;}
.btmCta:hover{background:#0df;border:1px solid #0df;}
.btmCta:hover a{opacity:1;color:#fff;}
.btmCta:hover a:before{border-color:#fff;right:13px;}
.btmLp{display:block;width:170px;border:1px solid #999;transition:all 0.3s ease-in;text-align:center;border-radius:3px;margin:30px auto;}
.btmLp a{color:#333;font-size:12px;display:block;width:100%;height:100%;font-weight:bold;padding:4px 0 5px 0;box-sizing:border-box;}
.btmLp:hover{background:#3ea;border:1px solid #3ea;}
.btmLp:hover a{opacity:1;color:#fff;}

/*LUMINOUS*/
.lum-lightbox.lum-open{z-index:10;}
.lum-lightbox-inner{overflow-y:scroll;}
.lum-lightbox-image-wrapper{height:auto!important;max-height:none!important;}
.lum-gallery-button{position:fixed;}
.lum-next-button{right:72px;}
.lum-lightbox-inner img{transition:all 0.3s ease-in;}
.lum-lightbox-inner .lum-lightbox-caption{position:fixed;width:calc(95% - 35px);max-width:95%;bottom:24px;left:0;right:0;z-index:1;background:rgba(0,5,10,0.85);padding:5px;font-size:13px;box-sizing:border-box;color:#eee;line-height:1.5;}
.lum-lightbox-inner .lum-lightbox-caption:before{content:'';display:block;width:17.5px;height:100%;position:absolute;top:0;left:-17.5px;background:rgba(0,5,10,0.85);}
.lum-close-button{right:75px;top:20px;}

/* IE11用 */
@media (-ms-high-contrast: none), (-ms-high-contrast: active) {
	body .bckg{display:none;}
	.c-mode{display:none;}
	.lum-lightbox-inner{-ms-overflow-style:scrollbar;overflow-y:scroll!important;}
	.lum-close-button{right:25px!important;}
}


/* clearfix
-----------------------------------------------------------------------------*/
.clearfix:after {content: ".";display:block;height:0;clear:both;visibility:hidden;}.clearfix{display:inline-table;min-height:1%;}
/* Hides from IE-mac \*/
* html .clearfix{height:1%;}.clearfix{display:block;}
/* End hide from IE-mac */