@charset "UTF-8";.btn-shine{color:#fff;display:inline-block;font-size:16px;font-weight:700;line-height:45px;width:200px;position:relative;text-decoration:none;text-transform:uppercase;border:1px solid transparent;outline:1px solid;outline-color:rgba(255,255,255,.5);outline-offset:0px;text-shadow:none;transition:all 1.2s cubic-bezier(.2,1,.2,1)}.btn-shine:hover{border-color:#fff;box-shadow:inset 0 0 20px rgba(255,255,255,.5),0 0 20px rgba(255,255,255,.2);outline-color:transparent;outline-offset:12px;text-shadow:2px 2px 3px #000;color:#fff}.container-02{text-align:center;padding-top:35px;position:absolute;top:75px;left:50%;transform:translateX(-50%);-webkit- transform:translateX(-50%)}.btn-shine.is-pink:hover{text-shadow:2px 2px 3px #ccc}@media only screen and (min-width:768px){div.bana-bottom{position:relative;transform-style:preserve-3d;perspective:800px;-webkit-perspective:800px;top:180px;display:block}.bana-bottom .face{position:absolute;top:0;box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;backdrop-filter:blur(10px);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:1s;perspective:1000;width:100%;max-width:230px;height:140px;border-radius:25px;border:2px solid #0071bc;padding:10px;text-align:left;color:#0071bc;right:1em;background-image:url('http://zeon-ad.sakura.ne.jp/c-mast/wp-content/themes/bones/library/images/top/farst-tach.jpg');background-size:cover}.bana-bottom:hover .face.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom .face.back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom:hover .face.back{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}.bana-bottom .face.front p.tit-f{position:absolute;font-size:1em;width:max-content;border-bottom:3px solid #0071bc;font-weight:700;margin:0}.bana-bottom .face.front ul.list_tes-wrap{list-style:none;margin:1em 0;padding:0;position:absolute;top:40px;font-size:.6em}.bana-bottom .face.front ul li.list_tes:before{content:"";width:10px;height:10px;display:inline-block;background-color:#0071bc;border-radius:50%;position:relative;top:-1px;margin-right:5px}.bana-bottom .face.back{position:absolute;width:230px;height:140px;border-radius:25px;border:2px solid #0071bc;padding:20px;text-align:center;color:#0071bc;right:1em;background:#0071bc}.bana-bottom .face.back .ccvtext{font-size:16px;font-weight:700;color:#e5e51a}.bana-bottom .face.back .ccvtext h5{color:#fff;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:2px}.bana-bottom .face.back .ccvtext .whiteBar{position:relative;width:400px;height:40px;background:#fff;margin-top:5px}.bana-bottom .face.back .ccvtext .ccv{position:relative;background:#ccc;color:#111;width:50px;height:40px;font-weight:600;letter-spacing:3px;display:flex;justify-content:center;align-items:center;left:400px;top:-40px}.bana-bottom .face.back .text{position:absolute;bottom:30px;color:#fff;font-size:10px;line-height:1.4em;font-weight:300}}@media only screen and (min-width:1024px){div.bana-bottom{position:relative;transform-style:preserve-3d;perspective:800px;-webkit-perspective:800px;top:160px;display:block}.bana-bottom .face{position:absolute;top:0;box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;backdrop-filter:blur(10px);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:1s;perspective:1000;width:260px;height:160px;border-radius:25px;border:2px solid #0071bc;padding:10px;text-align:left;color:#0071bc;right:1em;background-image:url('http://zeon-ad.sakura.ne.jp/c-mast/wp-content/themes/bones/library/images/top/farst-tach.jpg');background-size:cover}.bana-bottom:hover .face.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom .face.back{transform:rotateY(180deg);-webkit-transform:rotateY(-180deg)}.bana-bottom:hover .face.back{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}.bana-bottom .face.front p.tit-f{position:absolute;font-size:1.2em;width:max-content;border-bottom:3px solid #0071bc;font-weight:700;margin:0}.bana-bottom .face.front ul.list_tes-wrap{list-style:none;margin:1em 0;padding:0;position:absolute;top:30px;font-size:.8em}.bana-bottom .face.front ul li.list_tes:before{content:"";width:10px;height:10px;display:inline-block;background-color:#0071bc;border-radius:50%;position:relative;top:-1px;margin-right:5px}.bana-bottom .face.back{position:absolute;width:260px;height:160px;border-radius:25px;border:2px solid #0071bc;padding:10px;text-align:center;color:#0071bc;right:1em;background:#0071bc}.bana-bottom .face.back .ccvtext{font-size:16px;font-weight:700;color:#e5e51a}.bana-bottom .face.back .ccvtext h5{color:#fff;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:2px}.bana-bottom .face.back .ccvtext .whiteBar{position:relative;width:400px;height:40px;background:#fff;margin-top:5px}.bana-bottom .face.back .ccvtext .ccv{position:relative;background:#ccc;color:#111;width:50px;height:40px;font-weight:600;letter-spacing:3px;display:flex;justify-content:center;align-items:center;left:400px;top:-40px}.bana-bottom .face.back .text{position:absolute;bottom:30px;color:#fff;font-size:10px;line-height:1.4em;font-weight:300}}@media only screen and (min-width:1030px){div.bana-bottom{position:relative;transform-style:preserve-3d;perspective:800px;-webkit-perspective:800px;top:200px;display:block}.bana-bottom .face{position:absolute;top:0;box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;backdrop-filter:blur(10px);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:1s;perspective:1000;width:100%;max-width:300px;height:180px;border-radius:25px;border:2px solid #0071bc;padding:20px;text-align:left;color:#0071bc;right:1em;background-image:url('http://zeon-ad.sakura.ne.jp/c-mast/wp-content/themes/bones/library/images/top/farst-tach.jpg');background-size:cover}.bana-bottom:hover .face.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom .face.back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom:hover .face.back{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}.bana-bottom .face.front p.tit-f{position:absolute;font-size:1.5em;width:max-content;border-bottom:3px solid #0071bc;font-weight:700}.bana-bottom .face.front ul.list_tes-wrap{list-style:none;margin:1em 0;padding:0;position:absolute;top:55px;font-size:.8em}.bana-bottom .face.front ul li.list_tes:before{content:"";width:10px;height:10px;display:inline-block;background-color:#0071bc;border-radius:50%;position:relative;top:-1px;margin-right:5px}.bana-bottom .face.back{position:absolute;width:360px;height:180px;border-radius:25px;border:2px solid #0071bc;padding:20px;text-align:center;color:#0071bc;right:1em;background:#0071bc}.bana-bottom .face.back .ccvtext{font-size:1.1em;font-weight:700;color:#e5e51a;position:absolute;left:0;width:100%;background:#232583;padding:.7em 0}.bana-bottom .face.back .ccvtexts{font-size:1em;font-weight:500;color:#fff;margin-to:.5em;position:absolute;top:70px}.bana-bottom .face.back .ccvtext h5{color:#fff;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:2px}.bana-bottom .face.back .ccvtext .whiteBar{position:relative;width:400px;height:40px;background:#fff;margin-top:5px}.bana-bottom .face.back .ccvtext .ccv{position:relative;background:#ccc;color:#111;width:50px;height:40px;font-weight:600;letter-spacing:3px;display:flex;justify-content:center;align-items:center;left:400px;top:-40px}.bana-bottom .face.back .text{position:absolute;bottom:30px;color:#fff;font-size:10px;line-height:1.4em;font-weight:300}}@media only screen and (min-width:1190px){div.bana-bottom{position:relative;transform-style:preserve-3d;perspective:800px;-webkit-perspective:800px;top:200px;display:block}.bana-bottom .face{position:absolute;top:0;box-shadow:rgba(50,50,93,.25) 0px 50px 100px -20px,rgba(0,0,0,.3) 0px 30px 60px -30px;backdrop-filter:blur(10px);transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:1s;perspective:1000;width:100%;max-width:300px;height:180px;border-radius:25px;border:2px solid #0071bc;padding:20px;text-align:left;color:#0071bc;right:1em;background-image:url('http://zeon-ad.sakura.ne.jp/c-mast/wp-content/themes/bones/library/images/top/farst-tach.jpg');background-size:cover}.bana-bottom:hover .face.front{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom .face.back{transform:rotateY(180deg);-webkit-transform:rotateY(180deg)}.bana-bottom:hover .face.back{transform:rotateY(360deg);-webkit-transform:rotateY(360deg)}.bana-bottom .face.front p.tit-f{position:absolute;font-size:1.5em;width:max-content;border-bottom:3px solid #0071bc;font-weight:700}.bana-bottom .face.front ul.list_tes-wrap{list-style:none;margin:1em 0;padding:0;position:absolute;top:55px;font-size:.8em}.bana-bottom .face.front ul li.list_tes:before{content:"";width:10px;height:10px;display:inline-block;background-color:#0071bc;border-radius:50%;position:relative;top:-1px;margin-right:5px}.bana-bottom .face.back{position:absolute;width:360px;height:180px;border-radius:25px;border:2px solid #0071bc;padding:20px;text-align:center;color:#0071bc;right:1em;background:#0071bc}.bana-bottom .face.back .ccvtext{font-size:1.1em;font-weight:700;color:#e5e51a;position:absolute;left:0;width:100%;background:#232583;padding:.7em 0;margin:0}.bana-bottom .face.back .ccvtexts{font-size:1em;font-weight:500;color:#fff;margin-top:.5em;position:absolute;top:70px}.bana-bottom .face.back .ccvtext h5{color:#fff;font-weight:400;font-size:12px;text-transform:uppercase;letter-spacing:2px}.bana-bottom .face.back .ccvtext .whiteBar{position:relative;width:400px;height:40px;background:#fff;margin-top:5px}.bana-bottom .face.back .ccvtext .ccv{position:relative;background:#ccc;color:#111;width:50px;height:40px;font-weight:600;letter-spacing:3px;display:flex;justify-content:center;align-items:center;left:400px;top:-40px}.bana-bottom .face.back .text{position:absolute;bottom:30px;color:#fff;font-size:10px;line-height:1.4em;font-weight:300}}