/* ===================================================================
 * SnapicNojs Main Stylesheet
 * Template Ver. 1.1.0
 * 2023-08-18
 * ------------------------------------------------------------------ */

html{background-color:var(--color-body-1);}body{font-family:"Arial","Microsoft JhengHei",Apple LiGothic Medium,sans-serif;}a:link,a:visited,a:hover,a:active{color:var(--color-text-4);}header .header ul::-webkit-scrollbar{width:auto;height:5px;}header .header ul::-webkit-scrollbar-thumb{border-radius:5px;background-color:var(--color-border-5);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.2);}header .header ul::-webkit-scrollbar-track{border-radius:5px;background-color:var(--color-border-1);box-shadow:inset 0 0 5px rgba(0, 0, 0, 0.03);}:root{--color-body-white:#ffffff;--color-body-1:#f8f8f8;--color-body-2:#f8f2e2;--color-body-black:#000000;--color-wrap-white:#ffffff;--color-wrap-1:#f8f8f8;--color-wrap-2:#f0f0f0;--color-wrap-3:#dcdcdc;--color-wrap-4:#323232;--color-wrap-black:#000000;--color-text-white:#ffffff;--color-text-1:#c2c2c2;--color-text-2:#969696;--color-text-3:#696969;--color-text-4:#323232;--color-text-black:#000000;--color-text-red:#e5432a;--color-text-orange:#ff8800;--color-text-yellow:#ffff00;--color-text-green:#03ee03;--color-text-cyan:#02cbab;--color-text-blue:#4a86e8;--color-text-purple:#800080;--color-btn-white:#ffffff;--color-btn-1:#f8f8f8;--color-btn-2:#f0f0f0;--color-btn-3:#dcdcdc;--color-btn-4:#02cbab;--color-btn-5:#323232;--color-btn-black:#000000;--color-border-white	:#ffffff;--color-border-1:#f8f8f8;--color-border-2:#f0f0f0;--color-border-3:#dcdcdc;--color-border-4:#02cbab;--color-border-5:#969696;--color-border-black	:#000000;}.wrap{position:absolute;left:0;top:0;margin:0 auto;width:100%;height:auto;overflow:hidden;}.wrap_inner{position:relative;margin:0 auto;max-width:1920px;}.wrap_inner input[type="radio"]{display:none;}.wrap_inner label{display:block;width:100%;}header{z-index:1;}.snapic_nojs_archive_header-logo{display:flex;align-items:center;position:relative;top:20px;width:calc(100% - 48px - 1rem);height:48px;-webkit-transform:translate(0%, -24px);-moz-transform:translate(0%, -24px);-ms-transform:translate(0%, -24px);-o-transform:translate(0%, -24px);transform:translate(0%, -24px);}.snapic_nojs_archive_header-author{margin-right:2rem;width:48px;flex-shrink:0;}.snapic_nojs_archive_header-author a{display:block;line-height:0;}.snapic_nojs_archive_header-author img{width:48px;height:48px;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.snapic_nojs_archive_header-author img:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);}.snapic_nojs_archive_header-title{display:block;white-space:nowrap;}.snapic_nojs_archive_header-title a{font-size:1.8em;color:var(--color-text-3);-webkit-line-clamp:1;line-clamp:1;}.snapic_nojs_archive_header-title a:hover{color:var(--color-text-black);}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_header-logo{top:20px;}.wrap_inner input[type="radio"]:not(checked) + label .snapic_nojs_archive_header-logo{top:20px;}.snapic_nojs_archive_article-header{position:absolute;top:50%;right:3rem;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);}.snapic_nojs_archive_article-header{display:block;width:48px;height:48px;padding:0;border:0;outline:none;border-radius:50%;background-size:24px 24px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;z-index:1;}.snapic_nojs_archive_article-header{background-image:url(../img/menu.png);}.snapic_nojs_archive_article-header:hover{background-color:var(--color-wrap-3);}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_article-header{display:none !important;}.wrap_inner input[type="radio"]:not(checked) + label .snapic_nojs_archive_article-header{display:block;top:calc(50px - 1rem);}header .header ul{display:flex;margin:0;overflow-x:auto;overflow-y:hidden;}header .header li{display:block;margin:1rem 0 1.5rem 0;border-right:1px solid var(--color-border-3);}header .header li:first-of-type{border-left:3px solid var(--color-text-orange);}header .header li:last-of-type{border-right:3px solid var(--color-text-orange);}header .header li a{display:block;padding:0 2rem;font-size:1.4em;color:var(--color-text-3);white-space:nowrap;}header .header li a:hover{color:var(--color-text-black);}.snapic_nojs_archive_header-current{color:var(--color-text-cyan) !important;}.snapic_nojs_archive_header-current:hover{color:var(--color-text-black) !important;}.wrap_inner input[type="radio"]:checked + label .header{top:calc(50% - 35px) !important;width:100% !important;text-align:center;}.wrap_inner input[type="radio"]:not(checked) + label .header{top:200px;width:100% !important;-webkit-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.snapic_nojs_archive_article{position:relative;margin:0;padding:2rem 3rem 2rem 2rem;width:100%;height:80px;box-shadow:0px 3px 7px 0px rgb(0 0 0 / 7%);-webkit-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-moz-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-ms-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-o-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);overflow:hidden;}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_article{height:175px;}.wrap_inner input[type="radio"]:not(checked) + label .snapic_nojs_archive_article{height:80px;border-left:1rem solid rgba(0, 0, 0, 0.12);}.wrap_inner label:nth-of-type(n) .snapic_nojs_archive_article{background-color:var(--color-wrap-1);border-bottom:1px solid rgba(0, 0, 0, 0.08);}.wrap_inner label:nth-of-type(n) .snapic_nojs_archive_article:hover{background-color:var(--color-wrap-2);border-left:1rem solid rgba(0, 0, 0, 0.75);-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;}.snapic_nojs_archive_article-time{position:absolute;top:50%;right:3rem;width:auto;max-width:80px;font-size:1.2em;color:var(--color-text-3);-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);}.snapic_nojs_archive_article-title{position:absolute;width:calc(100% - 5rem - 80px - 2rem);font-size:2em;line-height:40px;color:var(--color-text-4);-webkit-line-clamp:1;line-clamp:1;}.snapic_nojs_archive_article-title a:hover{color:var(--color-text-cyan);}.snapic_nojs_archive_article-content{float:left;position:relative;top:200px;width:calc(100% - 80px - 2rem);text-align:left;}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_article-content{top:50px;-webkit-transition:all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.wrap_inner input[type="radio"]:not(checked) + label .snapic_nojs_archive_article-content{top:200px;-webkit-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.snapic_nojs_archive_article-excerpt{font-size:1.2em;line-height:1.4;font-weight:300;color:var(--color-text-3);text-align:justify;-webkit-line-clamp:2;line-clamp:2;}.snapic_nojs_archive_article-excerpt:hover{color:var(--color-text-black);}.snapic_nojs_archive_article-meta{margin-top:1.8rem;font-size:1.4em;line-height:32px;text-align:center;width:64px;border-radius:20px;background-color:var(--color-wrap-3);}.snapic_nojs_archive_article-meta:hover{background-color:var(--color-wrap-4);}.snapic_nojs_archive_article-meta a{display:block;color:var(--color-text-4);width:64px;height:32px;}.snapic_nojs_archive_article-meta a:hover{color:var(--color-text-1);}.snapic_nojs_archive_article-comment{position:absolute;top:-100px;right:3rem;width:auto;max-width:80px;font-size:1.2em;line-height:30px;text-align:center;-webkit-transform:translate(0%, -70%);-moz-transform:translate(0%, -70%);-ms-transform:translate(0%, -70%);-o-transform:translate(0%, -70%);transform:translate(0%, -70%);border-radius:20px;}.snapic_nojs_archive_article-comment a{display:block;padding:0 15px;width:auto;height:32px;min-width:48px;color:var(--color-text-white);}.snapic_nojs_archive_article-comment a:hover{color:var(--color-text-black) !important;}.wrap_inner label:nth-of-type(odd) .snapic_nojs_archive_article-comment{background-color:var(--color-text-orange);}.wrap_inner label:nth-of-type(even) .snapic_nojs_archive_article-comment{background-color:var(--color-text-cyan);}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_article-comment{-webkit-animation:move_in 0.55s 0.05s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-moz-animation:move_in 0.55s 0.05s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-ms-animation:move_in 0.55s 0.05s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-o-animation:move_in 0.55s 0.05s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;animation:move_in 0.55s 0.05s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-webkit-transition:all 0.3s 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.36s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.wrap_inner input[type="radio"]:not(checked) + label .snapic_nojs_archive_article-comment{-webkit-animation:move_out 0.75s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-moz-animation:move_out 0.75s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-ms-animation:move_out 0.75s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-o-animation:move_out 0.75s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;animation:move_out 0.75s 0s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards;-webkit-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}@-webkit-keyframes move_out{0%{top:47px;}100%{top:200px;}}@keyframes move_out{0%{top:47px;}100%{top:200px;}}@-webkit-keyframes move_in{0%{top:-200px;}100%{top:47px;}}@keyframes move_in{0%{top:-200px;}100%{top:47px;}}.snapic_nojs_archive_article-pagination{position:absolute;top:50%;right:3rem;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);}.wrap_inner input[type="radio"]:checked + label .pagination{height:80px;}.snapic_nojs_archive_article-pagenav{position:absolute;width:calc(100% - 5rem - 80px - 2rem);font-size:1.4em;line-height:40px;color:var(--color-text-4);-webkit-line-clamp:1;line-clamp:1;}.page-navigator{margin:0;line-height:0;}.page-navigator li{display:none;margin:0;padding:0.5rem;width:48px;height:48px;border-radius:50%;background-color:var(--color-wrap-3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}.page-navigator li a{display:block;width:48px;height:48px;}.page-navigator .prev,.page-navigator .next{display:inline-block !important;border:0;outline:none;background-size:24px 24px;background-repeat:no-repeat;background-position:center;}.page-navigator .prev{background-image:url(../img/left.png);}.page-navigator .next{background-image:url(../img/right.png);}.page-navigator .prev:hover,.page-navigator .next:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);opacity:.7;}.snapic_nojs_archive_article-search{position:absolute;top:50%;right:3rem;font-size:1.6em;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);}.snapic_nojs_archive_article-search{display:block;padding:0;width:48px;height:48px;border:0;outline:none;border-radius:50%;background-size:24px 24px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}.snapic_nojs_archive_article-search{background-image:url(../img/search.png);}.snapic_nojs_archive_article-search:hover{background-color:var(--color-wrap-3);}.wrap_inner input[type="radio"]:checked + label .snapic_nojs_archive_article-search{display:none !important;}.wrap_inner input[type="radio"]:checked + label .search{top:calc(50% - 24px);width:100%;}.wrap_inner input[type="radio"]:not(checked) + label .search{top:200px;width:100%;-webkit-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.snapic_nojs_archive_article-form label{display:flex;}.snapic_nojs_archive_article-form input{margin-right:3rem;padding:1rem;width:calc(100% - 48px - 3rem);}.snapic_nojs_archive_article-submit{display:block;width:48px;height:48px;padding:0;border:0;outline:none;border-radius:50%;background-size:24px 24px;background-repeat:no-repeat;background-position:center;background-color:var(--color-wrap-3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}.snapic_nojs_archive_article-submit{background-image:url(../img/search.png);}.snapic_nojs_archive_article-submit:hover{-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);opacity:.7;}.snapic_nojs_archive_article-footer{position:absolute;top:50%;right:3rem;-webkit-transform:translate(0%, -50%);-moz-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);-o-transform:translate(0%, -50%);transform:translate(0%, -50%);}.snapic_nojs_archive_article-footer{display:block;padding:0;width:48px;height:48px;border:0;outline:none;border-radius:50%;background-size:24px 24px;background-repeat:no-repeat;background-position:center;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;cursor:pointer;}.snapic_nojs_archive_article-footer{background-image:url(../img/copyright.png);}.snapic_nojs_archive_article-footer:hover{background-color:var(--color-wrap-3);}.wrap_inner input[type="radio"]:checked + label .copyright{display:flex;flex-direction:column;justify-content:center;top:calc(50% - 60px);}.wrap_inner input[type="radio"]:not(checked) + label .copyright{display:flex;flex-direction:column;justify-content:center;top:200px;-webkit-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-moz-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-ms-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);-o-transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);transition:all 0.3s 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955);}.copyright{height:120px;}.copyright span{color:var(--color-text-3);line-height:3;-webkit-line-clamp:1;line-clamp:1;}.snapic_nojs_archive_article-copyright a{font-size:1.6em;color:var(--color-text-4);}.snapic_nojs_archive_article-copyright a:hover{color:var(--color-text-black);}.snapic_nojs_archive_article-powered a,.snapic_nojs_archive_article-icp a{font-size:1.2em;color:var(--color-text-3);}.snapic_nojs_archive_article-powered a:hover,.snapic_nojs_archive_article-icp a:hover{color:var(--color-text-black);}.snapic_nojs_post-contents,.snapic_nojs_post-comments,.snapic_nojs_post-recommend{position:absolute;margin:0;width:100%;height:100%;max-width:1920px;background-color:var(--color-wrap-1);-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);-webkit-transition:all .6s cubic-bezier(.5, .2, .2, .8);-moz-transition:all .6s cubic-bezier(.5, .2, .2, .8);-ms-transition:all .6s cubic-bezier(.5, .2, .2, .8);-o-transition:all .6s cubic-bezier(.5, .2, .2, .8);transition:all .6s cubic-bezier(.5, .2, .2, .8);overflow-y:auto;overflow-x:hidden;}#wrapper_contents{top:0;left:50%;padding:0 3rem 85px 3rem;}#wrapper_comments{top:0;left:-50%;padding:0 3rem 85px 3rem;}#wrapper_recommend{top:0;left:-50%;padding-bottom:80px;}#comment:target #wrapper_comments,#recommend:target #wrapper_recommend{top:0;left:50%;-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);-webkit-transition-delay:.4s !important;-moz-transition-delay:.4s !important;-ms-transition-delay:.4s !important;-o-transition-delay:.4s !important;transition-delay:.4s !important;}.snapic_nojs_post-titlebar{padding-top:7rem;}.snapic_nojs_post-title{margin:0;padding:0 3rem;font-size:3em;color:var(--color-text-4);line-height:1.2;text-align:justify;}.snapic_nojs_post-title span{display:inline-block;text-align:left;}.snapic_nojs_post-meta{margin:2rem 0 1rem 0;padding:0 3rem;font-size:1.4em;color:var(--color-text-2);line-height:2;}.snapic_nojs_post-cat{display:block !important;color:var(--color-text-4);}.snapic_nojs_post-cat a:hover{color:var(--color-text-cyan);}.snapic_nojs_post-content{padding:3rem;font-size:1.8em;color:var(--color-text-4);text-align:justify;line-height:1.6;}.snapic_nojs_post-content a{color:var(--color-text-cyan);}.snapic_nojs_post-content a:hover{color:var(--color-text-4);}.snapic_nojs_post-content p{margin:2rem 0;}.snapic_nojs_post-content img{display:block;max-height:75vh;border-radius:15px;}.lr{display:inline-block;width:100%;text-align:left;line-height:0;}.lr img{display:inline-block !important;margin:0.5rem !important;max-width:calc(50% - 1rem);height:auto;}.snapic_nojs_post-more{margin:3rem 0 7rem 0;padding:0 3rem;font-size:1.6em;color:var(--color-text-4);line-height:1.6;text-align:right;}.snapic_nojs_post-more a:hover{color:var(--color-text-cyan);}.snapic_nojs_post-more span{margin:1rem 0;text-align:left;-webkit-line-clamp:1;line-clamp:1;}.snapic_nojs_post-more .top{display:inline-block !important;width:30px;height:30px;padding:0;border:0;outline:none;border-radius:50%;background-size:24px 24px;background-repeat:no-repeat;background-position:center;cursor:pointer;background-color:var(--color-wrap-2);background-image:url(../img/up.png);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;opacity:.7;}.snapic_nojs_post-more .top:hover{background-color:var(--color-wrap-3);-webkit-transform:scale(.95);-moz-transform:scale(.95);-ms-transform:scale(.95);-o-transform:scale(.95);transform:scale(.95);opacity:1;}.comments-wrap{position:relative;margin:0 auto 5rem auto;padding-top:7rem;max-width:960px;}.comments-wrap h3{margin:0;font-size:3em;line-height:1.2;color:var(--color-text-4);text-align:right;}.comment-list{margin:0;}.comment-list>.comment-body{list-style:none;margin:2rem 0;padding:3rem 0 0 96px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.comment-author span{position:absolute;left:0;display:block;}.comment-author span img{height:32px;width:32px;border-radius:50%;vertical-align:bottom;}.comment-author .fn{font-size:1.6em;color:var(--color-text-2);font-style:normal;line-height:32px;}.comment-author .fn a{color:var(--color-text-3);}.comment-author .fn a:hover{color:var(--color-text-cyan);}.comment-meta{font-size:1.2em;margin:5px 0;}.comment-meta a{color:var(--color-text-1);}.comment-meta a:hover{color:var(--color-text-2);}.comment-content{display:inline-block;margin-top:1rem;padding:1rem 4rem 1rem 2rem;width:auto;max-width:calc(100% - 5rem);font-size:1.8em;line-height:1.6;color:var(--color-text-4);background-color:var(--color-wrap-2);border-radius:5px 30px 30px 30px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.comment-content:hover{background-color:var(--color-wrap-3);}.comment-body .comment-children{margin:0;padding:0;}.comment-body .comment-children li{padding-left:10px;border-left:1px solid var(--color-border-3);}.comments-wrap .cancelreply a{margin:1rem 0;padding:0 2rem;font-size:1.4em;color:var(--color-text-4);text-align:left;}.comments-wrap .cancelreply a:hover{color:var(--color-text-cyan);}.comments-wrap .logout a{position:absolute;right:0;margin-top:-2.4rem;padding-right:2rem;font-size:1.4em;color:var(--color-text-4);z-index:1;}.comments-wrap .logout a:hover{color:var(--color-text-cyan);}.comment-body .comment-reply{position:absolute;display:inline-block;margin-top:-6px;margin-left:0;width:48px;height:36px;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.comment-body .comment-reply a{display:block;font-size:1.2em;color:var(--color-text-2);line-height:24px;text-align:center;border:6px solid #f8f8f8;border-radius:25px;background-color:var(--color-wrap-2);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}.comment-body .comment-reply a:hover{color:var(--color-text-cyan);background-color:var(--color-wrap-3);}.comments-wrap .respond{margin-top:3rem;}.respond form{padding:1rem 0;}.comments-wrap .closing{margin-top:5rem;font-weight:300;color:var(--color-text-1);}input[type="email"],input[type="search"],input[type="text"],input[type="url"],textarea{font-size:1.6em;line-height:1.6;color:var(--color-text-3);background-color:var(--color-wrap-3);border-radius:5px;outline:none !important;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}input[type="email"]:focus,input[type="search"]:focus,input[type="text"]:focus,input[type="url"]:focus,textarea:focus{color:var(--color-text-1);border:none;background-color:var(--color-wrap-4);}#response button{font-size:1.8em;border:none;border-radius:5px;background-color:var(--color-btn-3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#response button:hover{color:var(--color-text-1);background-color:var(--color-btn-5);cursor:pointer;}fieldset{border:0;margin:1rem 0.5rem;}.grid_float{float:left;}.grid-m-1{margin:1rem 0.5rem 0 0.5rem;}.grid-m-2{margin:2rem 0 0 0;}.grid-p-1{padding:1rem;}.grid-p-2{padding:2rem;}.grid_h-s{height:3rem;}.grid_h-m{height:5rem;}.grid_h-l{height:10rem;}.grid-full{width:100%;}.grid_w-1{width:calc(100% - 1rem);}.grid_w-2{width:calc(50% - 1rem);}.snapic_nojs_post-recommend .wrap{position:absolute;margin:0 auto;padding-bottom:85px;width:100%;height:100%;left:0;top:0;overflow-y:scroll;}.snapic_nojs_post-recommend-article{position:relative;display:flex;align-items:center;justify-content:space-between;flex-direction:row-reverse;padding:2rem 3rem 2rem 2rem;width:100%;height:80px;background-color:var(--color-wrap-1);border-left:1rem solid rgba(0, 0, 0, 0.12);border-bottom:1px solid rgba(0, 0, 0, 0.08);box-shadow:0px 3px 7px 0px rgb(0 0 0 / 7%);-webkit-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-moz-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-ms-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);-o-transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);transition:all 0.65s cubic-bezier(1, 0, 0.41, 1.01);overflow:hidden;}.snapic_nojs_post-recommend-article:hover{background-color:var(--color-wrap-2);border-left:1rem solid rgba(0, 0, 0, 0.75);-webkit-transition:all .2s;-moz-transition:all .2s;-ms-transition:all .2s;-o-transition:all .2s;transition:all .2s;}.snapic_nojs_post-recommend-article.header{display:block;text-align:center;}.snapic_nojs_post-recommend-article ul{display:flex;margin:0;overflow-x:auto;overflow-y:hidden;}.snapic_nojs_post-recommend-article li{display:block;margin:1rem 0 1.5rem 0;border-right:1px solid var(--color-border-3);}.snapic_nojs_post-recommend-article li:first-of-type{border-left:3px solid var(--color-text-orange);}.snapic_nojs_post-recommend-article li:last-of-type{border-right:3px solid var(--color-text-orange);}.snapic_nojs_post-recommend-article li a{display:block;font-size:1.4em;color:var(--color-text-3);padding:0 2rem;white-space:nowrap;}.snapic_nojs_post-recommend-article li a:hover{color:var(--color-text-black);}.snapic_nojs_post-recommend-time{width:auto;max-width:80px;font-size:1.2em;color:var(--color-text-3);}.snapic_nojs_post-recommend-title{width:calc(100% - 80px - 2rem);font-size:2em;color:var(--color-text-3);line-height:40px;-webkit-line-clamp:1;line-clamp:1;}.snapic_nojs_post-recommend-article:hover .snapic_nojs_post-recommend-title{color:var(--color-text-cyan);}.snapic_nojs_post{position:absolute;width:100%;height:100%;padding-top:0;padding-bottom:80px;box-sizing:border-box;overflow-y:hidden;overflow-x:hidden;}#menu{position:fixed !important;-webkit-overflow-scroll:touch;top:calc(100% - 75px);bottom:0;left:50%;width:100%;background-color:var(--color-wrap-white);box-shadow:0px 3px 7px 0px rgb(0 0 0 / 12%);-webkit-transform:translate(-50%, 0%);-ms-transform:translate(-50%, 0%);-o-transform:translate(-50%, 0%);transform:translate(-50%, 0%);z-index:1;}#menu ul{display:flex;align-items:center;margin:auto;padding:0 2rem 0 1rem;height:80px;max-width:1920px;font-size:1.8em;line-height:1;font-weight:400;text-align:center;}#menu ul a{display:flex;align-items:center;justify-content:center;width:25%;height:100%;color:var(--color-text-3);}#menu ul a:hover{color:var(--color-text-black);}#menu li{display:block;-webkit-transition:all .5s ease-out !important;-moz-transition:all .5s ease-out !important;-ms-transition:all .5s ease-out !important;-o-transition:all .5s ease-out !important;transition:all .5s ease-out !important;}#menu img{width:48px;height:48px;border-radius:50%;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}#menu img:hover{transform:scale(.95);}#menu sup{font-size:.5em;top:-1.5rem;}@media screen and (max-width:768px){#wrapper_contents{padding:0 2rem 85px 2rem;}.snapic_nojs_post-more{margin:3rem 0 6rem 0;}.comments-wrap h3{text-align:center;}#wrapper_comments{padding:0 2rem 85px 2rem;}.comments-wrap{margin:0 2rem 4rem 2rem;}}@media screen and (max-width:600px){#wrapper_contents{padding:0 1rem 85px 1rem;}.snapic_nojs_post-more{margin:3rem 0 5rem 0;}#wrapper_comments{padding:0 1rem 85px 1rem;}.comments-wrap{margin:0 2rem 3rem 2rem;}.comment-list>.comment-body{padding:3rem 0 0 64px;}}@media screen and (max-width:500px){.snapic_nojs_archive_article-title{font-size:1.8em;}.lr{display:block;}.lr img{max-width:calc(100% - 1rem);}#wrapper_contents{padding:0 0 85px 0;}#wrapper_comments{padding:0 0 85px 0;}.comments-wrap{margin:0 1rem 3rem 1rem;}.comment-list>.comment-body{padding:3rem 0 0 48px;}.grid_w-2{width:calc(100% - 1rem);}.snapic_nojs_post-recommend-title{font-size:1.8em;}}@media screen and (max-width:400px){.snapic_nojs_archive_header-title a{font-size:1.4em;}.snapic_nojs_archive_article-header{right:2rem;}.snapic_nojs_archive_article{padding:2rem;}.snapic_nojs_archive_article-title{font-size:1.6em;width:calc(100% - 4rem - 80px - 2rem);}.snapic_nojs_archive_article-time{right:2rem;}.comment-content{font-size:1.6em;}.snapic_nojs_archive_article-comment{right:2rem;}.snapic_nojs_archive_article-pagination{right:2rem;}.snapic_nojs_archive_article-search{right:2rem;}.wrap_inner input[type="radio"]:checked + label .search{width:100% !important;}.wrap_inner input[type="radio"]:not(checked) + label .search{width:100% !important;}.snapic_nojs_archive_article-footer{right:2rem;}.snapic_nojs_post-recommend-article{padding:2rem;}.snapic_nojs_post-recommend-title{font-size:1.6em;}#menu li{margin:1rem;}}@media screen and (max-width:320px){.snapic_nojs_archive_article-title{font-size:1.4em;}.comment-content{font-size:1.4em;}.snapic_nojs_post-recommend-title{font-size:1.4em;}#menu li{margin:0.5rem;}}