/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)*/html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,footer,header,menu,nav,section{display:block}video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}h1{margin:.67em 0}img{border:0;max-width:100%}svg:not(:root){overflow:hidden}/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */@media print{*,:after,:before{background:0 0!important;color:#000!important;-webkit-box-shadow:none!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" ("attr(href) ")"}abbr[title]:after{content:" ("attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}img{page-break-inside:avoid}img{max-width:100%!important}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{line-height:1.42857143;background-color:#fff}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.demo-unit{position:relative;min-height:1px;padding-left:15px;padding-right:15px;width:50%}.demo-unit.col-md-4{width:33.33333333%}html{scroll-behavior:smooth}body{font-family:Poppins,serif;font-size:14px;font-weight:300;padding:0;margin:0;-webkit-font-smoothing:antialiased;background-color:#fff;scroll-behavior:smooth}.demo-list-no3{background-color:#f3f2ef}h1,h2,h3,p{margin:0;font-weight:300}a,a:focus,a:hover{color:#333}a,a:focus,a:hover{text-decoration:none}.container-fluid{padding-left:40px;padding-right:40px}h2 a{position:relative;color:#333}.menu a{position:relative}.menu a:after,h2 a:after{content:'';position:absolute;width:100%;height:1px;bottom:1px;left:0;background-color:currentColor;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:transform .4s;transition:transform .4s;-webkit-transform-origin:100% 0;transform-origin:100% 0}.menu a:hover:after,h2 a:hover:after{-webkit-transform:scaleX(1);transform:scaleX(1);-webkit-transform-origin:0 0;transform-origin:0 0}.clearfix:after,.clearfix:before{display:table;content:"";line-height:0}.clearfix:after{clear:both}ul{padding:0;margin:0}li{list-style:none}#back-top,#back-top:after,#back-top:before,.demo-thumb,.demo-unit-tit{-webkit-transition:all .5s;transition:all .5s}header{position:absolute;line-height:140px;left:0;right:0;top:0;color:#fff}.logo-h1{font-style:normal;font-weight:400;font-size:26px}.logo-image{max-height:30px}.entry-navi{float:right}.entry-navi li{display:inline-block;margin-left:25px;font-weight:500;letter-spacing:2px}.gray-back .demo-unit-tit a,.menu a{color:#6a6a80}.entry-navi .ja-version{display:none}body.ja .entry-navi .ja-version{display:inline-block}.ja-version-a{position:relative;display:inline-block;width:20px;height:14px;vertical-align:-2px;background-color:#fff}.ja-version-a:before{content:'';position:absolute;width:8px;height:8px;left:50%;top:50%;margin:-4px 0 0 -4px;border-radius:100%;background-color:#be0925}.cover{height:500px;height:calc(100vh - 120px);min-height:400px}.demo-text h1{text-indent:-99999px}h2.slogon{margin-top:-50px}h2.related-themes-heading,h2.slogon{font-size:56px;font-size:5.6vw;font-family:'Libre Baskerville',serif}.gray-back{color:#6a6a80}.demo-list{padding-bottom:40px}.demo-list.demo-list-no3{padding-bottom:0}.demo-list-no1{margin-top:-100px}.demo-list>.container,.related-container{display:flex;flex-wrap:wrap}.demo-unit{margin-bottom:50px}.demo-thumb:not(.demo-frame){-webkit-transform:scale(1.001);transform:scale(1.001)}.demo-unit:hover .demo-thumb:not(.demo-frame){transform:scale(1.02)}.demo-thumb-wrap{overflow:hidden;background-color:#f8f8f8}.demo-thumb{display:block;position:relative;padding-top:100%}.demo-thumb-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center}.demo-frame{padding-top:57.54%}.demo-thumb-landscape{padding-top:64%}.demo-text{padding-left:25%;padding-right:25%;text-align:center;padding-top:120px;padding-bottom:120px}.cover.demo-text{display:flex;flex-direction:column;justify-content:center;padding-top:0;padding-bottom:0;background-color:#fff}.demo-unit-tit{text-align:center;line-height:60px;font-size:16px;opacity:0;transform:translateY(30px)}.demo-text p{font-size:18px}.show .demo-unit-tit{opacity:1;transform:translateY(0)}.lazy-hidden{opacity:0}.animated,.lazy-loaded{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.lazy-loaded{-webkit-animation-name:fadeIn;animation-name:fadeIn}footer{position:relative;text-align:center}.footer-a{position:relative;display:inline-block;opacity:0;font-weight:400;font-size:1.8em;transform:translate3d(0,20px,0);line-height:3;color:#333;transition-property:transform,opacity;transition-duration:.3s,.3s;transition-timing-function:cubic-bezier(0,0,0.43,1.01)}.footer-a.show-link{opacity:1;transform:translate3d(0,0,0)}.footer-a:after{content:'';position:absolute;left:50%;margin-left:-15px;bottom:6px;width:30px;height:4px;background-color:currentColor;-webkit-transition:transform .4s;transition:transform .4s;-webkit-transform:scaleX(1);transform:scaleX(1)}.footer-a:hover:after{-webkit-transform:scaleX(0);transform:scaleX(0)}.footer-a-more{margin-top:10px;font-size:1.2em;letter-spacing:1px;transition-delay:.2s}.footer-a-more:after{height:2px;-webkit-transform:scaleX(0);transform:scaleX(0)}.footer-a-more:hover:after{height:2px;-webkit-transform:scaleX(1);transform:scaleX(1)}.back-top-wrap{position:fixed;z-index:999;bottom:17px;left:auto;right:82px;height:0;width:auto}#back-top{position:absolute;right:-60px;bottom:0;overflow:hidden;width:40px;height:60px;cursor:pointer;transform:scale3d(0,1,1);transform-origin:50% 50%;transition-duration:.4s}#back-top.show-backtop{transform:scale3d(1,1,1)}#back-top:after,#back-top:before{content:'';position:absolute;left:0;top:50%;margin-top:-1px;width:20px;height:2px;background-color:currentColor;-webkit-transform-origin:21px 0;-moz-transform-origin:21px 0;-ms-transform-origin:21px 0;transform-origin:21px 0}#back-top:after{left:20px;-webkit-transform-origin:3px 0;-moz-transform-origin:3px 0;-ms-transform-origin:3px 0;transform-origin:3px 0}#back-top:hover:before{-webkit-transform:translate(2px,-15px) rotate(-60deg);-moz-transform:translate(2px,-15px) rotate(-60deg);-ms-transform:translate(2px,-15px) rotate(-60deg);transform:translate(2px,-15px) rotate(-60deg)}#back-top:hover:after{-webkit-transform:translate(2px,-12px) rotate(60deg);-moz-transform:translate(2px,-12px) rotate(60deg);-ms-transform:translate(2px,-12px) rotate(60deg);transform:translate(2px,-12px) rotate(60deg)}/*!
 *  Font Awesome 4.6.1 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;src:url('fonts/fontawesome-webfont.eot?v=4.6.1');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-pinterest:before{content:"\f0d2"}.social-bar{text-align:center;padding-bottom:120px}.post-meta-social{display:inline-block}.social-bar-tag{display:inline-block;vertical-align:top;line-height:60px;font-size:20px}.post-meta-social-li{display:inline-block;font-size:28px}.post-meta-social-li a.share{display:block;color:inherit;width:60px;line-height:60px;-webkit-transition:all .5s;transition:all .5s}.post-meta-social-li:hover .share{-webkit-transform:scale(1.3);transform:scale(1.3)}.post-meta-social-li .fa{opacity:0;transform:scale3d(.3,.3,.3);transition-property:transform,opacity;transition-duration:.4s,.4s}.show-icon .post-meta-social-li .fa{opacity:1;transform:scale3d(1,1,1)}.fa-twitter{transition-delay:.2s}.fa-pinterest{transition-delay:.4s}#related-themes{margin:80px auto 100px}h2.related-themes-heading{margin-bottom:40px;font-size:20px}.links{text-align:center;padding-bottom:80px}@media (max-width:1000px){header{line-height:100px}.entry-navi li:not(.mobile-show){display:none}h2.slogon{font-size:32px}.demo-list{padding-bottom:20px}.demo-text{padding:120px 20px 80px}.demo-text p{margin:40px 30px 0}.demo-list-no1{margin-top:-80px}#related-themes{margin:80px auto 40px}.container.back-top-wrap{width:100%;bottom:17px;left:auto;right:auto}#back-top{right:auto;bottom:34px;left:50%;margin-left:-10px}}@media (max-width:1000px) and (orientation:landscape){.demo-list-no1{margin-top:-50px}.cover{height:100vh}}@media (orientation:portrait){.cover{height:calc(100vh - 200px)}}@media(max-width:767px){.demo-unit,.demo-unit.col-md-4{width:100%}}