@charset "UTF-8";@-webkit-keyframes sparkle-move{0%{transform:scale(1)}50%{transform:scale(0.3)}100%{transform:scale(1)}}@-webkit-keyframes circle-move{0%{transform:scale(1);-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%)}50%{transform:scale(0.7);-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-ms-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0%)}100%{transform:scale(1);-webkit-transform:translateY(-5%);-moz-transform:translateY(-5%);-ms-transform:translateY(-5%);-o-transform:translateY(-5%);transform:translateY(-5%)}}@-webkit-keyframes circle-hover{0%{opacity:1}40%{opacity:1}100%{width:500px;height:500px;opacity:0}}@-webkit-keyframes scroll-down{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.panel-comment{position:relative}.panel-comment::after{background-color:rgba(255,255,255,0.7);content:"送信中...";color:#222;font-size:2rem;font-weight:700;height:100%;width:100%;position:absolute;top:0;left:0;z-index:1;visibility:hidden;-webkit-align-items:center;-webkit-flex-direction:wrap;-webkit-flex-wrap:center;-webkit-justify-content:center;align-items:center;display:flex;flex-direction:wrap;flex-wrap:center;justify-content:center}.panel-comment.is-send::after{visibility:visible}.comments-area{margin-top:50px}.comments-area .well-comment{padding:0}.comments-area .comment-form .panel-comment .comment-column-title{font-weight:bold}.comments-area .comment-form .panel-comment .preview{position:relative}.comments-area .comment-form .panel-comment .preview img{display:inline-block}.comments-area .comment-form .panel-comment .preview .remove{position:absolute;margin:0 10px;bottom:0}.comments-area .comments-list{padding:8px}@media (min-width: 768px){.comments-area .comments-list{padding:30px}}.comments-area .comments-list li .label{font-size:17px;padding:0 8px 0 0;color:red;margin-left:0}.comments-area .comments-list li .meta .time{margin-right:14px;color:#fff}.comments-area .comments-list li .title{line-height:1.6}.comments-area .comments-list li .comment{-webkit-align-items:flex-start;-webkit-flex-direction:row;-webkit-flex-wrap:wrap;-webkit-justify-content:space-between;align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.comments-area .comments-list li:not(:last-child){margin-bottom:24px}.comments-area .comment-body{max-width:calc(100% - 15px - 10px);-webkit-flex-grow:1;position:relative;color:#000;border-radius:7px;font-size:10px;padding:10px;flex-grow:1}@media (min-width: 768px){.comments-area .comment-body{padding:25px 30px;border-radius:14px;font-size:12px;flex-grow:0;-webkit-flex-grow:0;min-width:450px}}.comments-area .comment-body::before,.comments-area .comment-body::after{content:"";position:absolute}.comments-area .comment-body .comment-text{margin-bottom:1em}.comments-area .comment-body .comment-name,.comments-area .comment-body .comment-time{margin-bottom:0}.comments-area .comment-body .comment-name{font-weight:bold}.comments-area .comment-body .comment-image{margin-bottom:10px}.comments-area .comment-body .comment-image img{max-width:300px;width:50%}@media (min-width: 768px){.comments-area .comment-user{margin-right:28px}}.comments-area .comment-user .comment-body{background-color:#fff;border:1px solid #222;margin-right:28px}.comments-area .comment-user .comment-body::before{top:17px;right:-14px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:14px solid #222}.comments-area .comment-user .comment-body::after{top:17px;right:-12px;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:13px solid #fff}@media (min-width: 768px){.comments-area .comment-user .comment-body{max-width:calc(100% - 90px - 110px);min-width:100%}.comments-area .comment-user .comment-body::before{top:34px;right:-28px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:28px solid #222}.comments-area .comment-user .comment-body::after{top:34px;right:-25px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:28px solid #fff}}.comments-area .more-container{margin-top:20px}.comments-area .more-container .comment-more{background-color:red;color:#fff}.flash-message{background-color:rgba(34,34,34,0.8);backdrop-filter:blur(3px);height:100%;width:100%;pointer-events:none;position:fixed;top:0;right:0;left:0;bottom:0;z-index:10000;-webkit-transition:all 1.5s ease-out;-webkit-transition-delay:1.5s;-moz-transition:all 1.5s ease-out 1.5s;-o-transition:all 1.5s ease-out 1.5s;transition:all 1.5s ease-out 1.5s}.flash-message .success-message{position:absolute;top:50%;margin-top:-10px;color:#fff;font-size:2rem;font-weight:bold;text-align:center;width:100%}.flash-message.complate{opacity:0;visibility:hidden}