@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/* 記事最下部のコメント。投稿者名はPHPの表示フィルターで非出力。 */
.single-post #comments { margin-top: 64px; padding-top: 32px; border-top: 1px solid #c8d8da; }
.single-post #comments .ot-comment-notice { padding: 16px 20px; border-left: 3px solid #176b70; border-radius: 0 10px 10px 0; background: #edf5f3; font-size: 14px; line-height: 1.9; }
.single-post #comments .ot-comment-data-note { font-size: 12px; color: #526c74; line-height: 1.9; }
.single-post #comments textarea { width: 100%; box-sizing: border-box; background: #fff; border: 1px solid #b6cbcd; border-radius: 10px; padding: 14px 16px; font: inherit; font-size: 16px; color: #143943; resize: vertical; }
.single-post #comments textarea:focus-visible { outline: 3px solid #86c5c7; outline-offset: 2px; }
.single-post #comments .required { display: inline-block; margin-left: 8px; padding: 2px 8px; border-radius: 5px; font-size: 12px; background: #fbece5; color: #8d442a; }
.single-post #comments input[type="submit"] { min-height: 48px; padding: 12px 28px; border: 0; border-radius: 10px; background: #176b70; color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.single-post #comments input[type="submit"]:hover { background: #10565a; }
.single-post #comments .children { margin-left: 22px; padding-left: 18px; border-left: 2px solid #bad9d7; }
@media (max-width: 600px) { .single-post #comments { margin-top: 44px; padding-top: 24px; } .single-post #comments input[type="submit"] { width: 100%; } .single-post #comments .children { margin-left: 8px; padding-left: 12px; } }