@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/
img.waku{border:solid 1px gray;box-shadow:0px 0px 5px gray}.tabs{width:100%;margin:0 auto}.tabs .tab{font-size:.8em;font-weight:700;letter-spacing:2px;text-align:center;border-right:1px solid #fefefe;border-left:1px solid #fefefe;box-shadow:0 0 10px rgba(30,30,30,.1);height:48px;line-height:48px;text-align:center;display:block;float:left;transition:all .2s ease}.tabs .tab:first-of-type{border-top-left-radius:4px;border-bottom-left-radius:4px;border-right:1px solid #efefef;border-left:none}.tabs .tab:last-of-type{border-top-right-radius:4px;border-bottom-right-radius:4px;border-left:1px solid #efefef;border-right:none}.tab-content{display:none;clear:both;overflow:hidden;padding-top:1em}.tabs .hover:hover{opacity:.75}@media screen and (max-width:480px){.tabs .hover:hover{opacity:1}}.tabs input[type=radio]{display:none}.more-btn{text-align:center}.new-popular-tab{background:#fff;width:calc(100%/2);color:#aaa}#new:checked~#new-content,#popular:checked~#popular-content{display:block}.tabs input:checked+.new-popular-tab{background-image:linear-gradient(#28a25f,#28a25f 0%,#28a25f 100%);color:#fff}.cat-tab{background:#fff;width:calc(100%/3);color:#aaa}#cat1:checked~#cat1-content,#cat2:checked~#cat2-content,#cat3:checked~#cat3-content{display:block}.tabs input:checked+.cat-tab{background:linear-gradient(#28a25f,rgba(28,189,255,1) 0%,rgba(55,219,255,1) 51.39%,rgba(70,205,255,1) 100%);color:#fff}.original-tab{background:#fff;width:calc(100%/2);color:#aaa;margin:5px 0}#new-o:checked~#new-o-content,#popular-o:checked~#popular-o-content,#cat1-o:checked~#cat1-o-content,#cat2-o:checked~#cat2-o-content{display:block}.tabs input:checked+.original-tab{background:linear-gradient(90deg,rgba(28,189,255,1) 0%,rgba(55,219,255,1) 51.39%,rgba(70,205,255,1) 100%);color:#fff}.tab-content{animation-name:fade-in;animation-duration:.5s;animation-timing-function:ease-out;animation-delay:0s}@keyframes fade-in{0%{opacity:0;transform:translate3d(0,20px,0)}100%{opacity:1;transform:translate3d(0,0,0)}}.btn-flat-border{display:inline-block;padding:.3em 1em;text-decoration:none;color:#67c5ff;border:solid 2px #67c5ff;border-radius:3px;transition:.4s}.btn-flat-border:hover{background:#67c5ff;color:#fff}.box17{margin:2em 0;position:relative;padding:.5em 1.5em;border-top:solid 2px #000;border-bottom:solid 2px #000}.box17:before,.box17:after{content:'';position:absolute;top:-10px;width:2px;height:-webkit-calc(100% + 20px);height:calc(100% + 20px);background-color:#000}.box17:before{left:10px}.box17:after{right:10px}.box17 p{margin:0;padding:0}.btn-cross{display:inline-block;position:relative;padding:.25em 1em;border-top:solid 2px #000;border-bottom:solid 2px #000;text-decoration:none;font-weight:700;color:#03a9f4}.btn-cross:before,.btn-cross:after{content:'';position:absolute;top:-7px;width:2px;height:-webkit-calc(100% + 14px);height:calc(100% + 14px);background-color:#000;transition:.3s}.btn-cross:before{left:7px}.btn-cross:after{right:7px}.btn-cross:hover:before{top:0;left:0;height:100%}.btn-cross:hover:after{top:0;right:0;height:100%}.btn-border-bottom{position:relative;display:inline-block;font-weight:700;padding:.25em 0;text-decoration:none;color:#28a25f}.btn-border-bottom:before{position:absolute;content:'';width:100%;height:4px;top:100%;left:0;border-radius:3px;background:#28a25f;transition:.2s}.btn-border-bottom:hover:before{top:-webkit-calc(100% - 3px);top:calc(100% - 3px)}