/*
Theme Name:yStandard
Theme URI: https://wp-ystandard.com
Author: yosiakatsuki
Author URI: https://yosiakatsuki.net
Description:「自分色に染めた、自分だけのサイトを作る楽しさ」を感じてもらうために作った一風変わったWordPressテーマ
Version: 4.56.0
Requires at least: 6.1
Requires PHP: 7.4.0
Text Domain: ystandard
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/**
 * yStandardではテーマ本体のstyle.css編集は推奨していません。外観→カスタマイズの追加CSSをご利用ください。
 * 子テーマを使っている場合は子テーマのstyle.cssが読み込まれ、このファイルは無視されます。
 */








/// 以下

    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* 投稿ボタン */
/* 共通設定 */
*, *::before, *::after {
    box-sizing: border-box;
    font-family: "Yu Gothic","ヒラギノ角ゴシック","Hiragino Kaku Gothic","メイリオ","Meiryo",sans-serif;
}

/* 投稿フォーム */
.sns-form {
    border: 2px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fdfdfd;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* 検索フォーム */
.sns-search-box {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    background: #f9f9f9;
    max-width: 800px;
    margin: 0 auto 20px auto;
}

/* タイトル */
.sns-form-title, .sns-search-title, .sns-posts-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

/* 入力欄 */
.sns-form input[type=text], .sns-form textarea, .sns-form select,
.comment-form input[type=text], .report-form input[type=text],
.sns-search input[type=text], .sns-search select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* 投稿ボタン */
.sns-form input[type=submit] {
    background: #4CAF50;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
}

/* コメントボタン */
.comment-toggle-btn { background: #2196F3; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* 通報ボタン */
.report-toggle-btn { background: #f44336; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* 投稿カード */
.sns-posts .post-card {
    border: 2px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fff;
    max-width: 800px; /* 投稿カードも800px */
    margin-left: auto;
    margin-right: auto;
}

/* 投稿ヘッダー */
.post-header { font-weight: bold; margin-bottom: 5px; }

/* 画像 */
.post-image { text-align: center; margin-bottom: 10px; }
.post-image img { width: 40%; height: auto; border-radius: 5px; display: inline-block; }
.mosaic { filter: blur(10px); }

/* 投稿メッセージ */
.post-content { 
    margin-top: 5px; 
    white-space: pre-line; 
    line-height: 1.2; /* 行間をやや詰める */
}

/* <br>や<p>による余白をリセット */
.post-content br { 
    line-height: 1.2px; 
    margin: 0; 
    padding: 0; 
}

.post-content p {
    margin: 0; 
    padding: 0; 
}



/* 投稿メタ */
.post-meta { font-size: 12px; color: #555; margin-top: 5px; }

/* コメント欄 */
.comment-box { margin-top: 10px; solid #ccc; }
.comment-item { margin-bottom: 5px; }/* 共通設定 */
*, *::before, *::after {
    box-sizing: border-box;
    font-family: "Yu Gothic","ヒラギノ角ゴシック","Hiragino Kaku Gothic","メイリオ","Meiryo",sans-serif;
}

/* 投稿フォーム */
.sns-form {
    border: 2px solid #ccc;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fdfdfd;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

/* 検索フォーム */
.sns-search-box {
    border: 2px solid #ccc;
    padding: 15px;
    border-radius: 10px;
    background: #f9f9f9;
    max-width: 800px;
    margin: 0 auto 20px auto;
}

/* タイトル */
.sns-form-title, .sns-search-title, .sns-posts-title {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 18px;
}

/* 入力欄 */
.sns-form input[type=text], .sns-form textarea, .sns-form select,
.comment-form input[type=text], .report-form input[type=text],
.sns-search input[type=text], .sns-search select {
    width: 100%;
    padding: 8px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
}

/* 投稿ボタン */
.sns-form input[type=submit] {
    background: #4CAF50;
    color: #fff;
    border: none;
    padding: 8px 15px;
    border-radius: 5px;
    cursor: pointer;
}

/* コメントボタン */
.comment-toggle-btn { background: #2196F3; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* 通報ボタン */
.report-toggle-btn { background: #f44336; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* 投稿カード */
.sns-posts .post-card {
    border: 2px solid #ddd;
    padding: 15px;
    margin-bottom: 20px;
    border-radius: 10px;
    background: #fff;
    max-width: 800px; /* 投稿カードも800px */
    margin-left: auto;
    margin-right: auto;
}

/* 投稿ヘッダー */
.post-header { font-weight: bold; margin-bottom: 5px; }

/* 画像 */
.post-image { text-align: center; margin-bottom: 10px; }
.post-image img { width: 40%; height: auto; border-radius: 5px; display: inline-block; }
.mosaic { filter: blur(10px); }

/* 投稿メッセージ */
.post-content { margin-top: 5px; white-space: pre-line; }

/* 投稿メタ */
.post-meta { font-size: 12px; color: #555; margin-top: 5px; }

/* コメント欄 */
.comment-box { margin-top: 10px; border-left: 2px olid #ccc; }
.comment-item { margin-bottom: 5px; }

/* コメントフォーム・通報フォーム */
.comment-form, .report-form { display: none; border: 1px solid #ddd; padding: 10px; border-radius: 8px; background: #f9f9f9; margin-top: 5px; }

/* ページネーション */
.sns-pagination { text-align: center; margin-top: 20px; }
.sns-pagination a { display: inline-block; padding: 5px 10px; margin: 0 3px; border: 1px solid #ddd; border-radius: 5px; text-decoration: none; color: #333; }
.sns-pagination a.active { background: #4CAF50; color: #fff; border-color: #4CAF50; }

/* モザイク切替ボタン */
.mosaic-toggle-btn { background: #ff9800; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* textareaの高さ調整 */
.sns-form textarea { min-height: 80px; resize: vertical; }

/* コメントフォーム・通報フォーム */
.comment-form, .report-form { display: none; border: 1px solid #ddd; padding: 10px; border-radius: 8px; background: #f9f9f9; margin-top: 5px; }

/* ページネーション */
.sns-pagination { text-align: center; margin-top: 20px; }
.sns-pagination a { display: inline-block; padding: 5px 10px; margin: 0 3px; border: 1px solid #ddd; border-radius: 5px; text-decoration: none; color: #333; }
.sns-pagination a.active { background: #4CAF50; color: #fff; border-color: #4CAF50; }

/* モザイク切替ボタン */
.mosaic-toggle-btn { background: #ff9800; color: #fff; border: none; padding: 5px 12px; border-radius: 5px; cursor: pointer; margin-top: 5px; }

/* textareaの高さ調整 */
.sns-form textarea { min-height: 80px; resize: vertical; }