/*
Theme Name: Kadence Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: Kadence Theme is a lightweight yet full featured WordPress theme for creating beautiful fast loading and accessible websites, easier than ever. It features an easy to use drag and drop header and footer builder to build any type of header in minutes. It features a full library of gorgeous starter templates that are easy to modify with our intelligent global font and color controls. With extensive integration with the most popular 3rd party plugins, you can quickly build impressive ecommerce websites, course websites, business websites, and more.
Tags: translation-ready,accessibility-ready,two-columns,right-sidebar,left-sidebar,footer-widgets,blog,custom-logo,custom-background,custom-menu,rtl-language-support,editor-style,threaded-comments,custom-colors,featured-images,wide-blocks,full-width-template,theme-options,e-commerce
Version: 1.5.0.1780064091
Updated: 2026-05-29 23:14:51

*/

/* ==================================
   共通
================================== */

.page-header,
.entry-hero {
    display: none !important;
}

.content-area {
    padding-top: 0 !important;
}

/* 全体背景を白に */
.site-container,
.content-area,
.site-main {
    background: #ffffff !important;
}

/* コンテンツ幅を広げる */
.content-container,
.entry-content-wrap,
.content-wrap {
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
}

/* 投稿一覧を広く使う */
.tokotoko-feed-list {
    width: 100%;
}

/* カード左右余白を少し減らす */
.tokotoko-card {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.content-area {
  margin-top: 0;
  margin-bottom: 0;
}

/* ==================================
   ヘッダー
================================== */

.site-header {
    background: #fff;
    border-bottom: 1px solid #f1ede8;
    position: sticky;
    top: 0;
    z-index: 999;
}

/* ==================================
   投稿フォーム
================================== */

.comment-form-author,
.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent {
  display: none !important;
}

/* 投稿ページ全体 */
.wpuf-form {
  max-width: 480px;
  margin: 0 auto;
  padding: 18px 16px 96px;
}

/* ラベル */
.wpuf-label label {
  font-size: 14px;
  font-weight: 700;
  color: #3f3a36;
}

/* カテゴリー選択 */
.wpuf-form select {
  width: 100%;
  border: 1px solid #eee4db;
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 14px;
  background: #fff;
}

/* 本文入力欄 */
.wpuf-form textarea {
  width: 100%;
  min-height: 240px;
  border: 1px solid #eee4db;
  border-radius: 18px;
  padding: 14px;
  font-size: 15px;
  line-height: 1.8;
  background: #fff;
}

/* エディタ上部ツールバー */
.wp-editor-tools,
.quicktags-toolbar {
  display: none !important;
}

/* ヘルプテキスト */
.wpuf-help {
  font-size: 12px;
  color: #8a8178;
  line-height: 1.6;
}

/* 投稿ボタン */
.wpuf-submit-button,
.wpuf-form input[type="submit"] {
  width: 100%;
  border: none !important;
  border-radius: 999px !important;
  background: #f4b6a6 !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 14px !important;
  margin-top: 16px;
}

.wp-editor-tools,
.quicktags-toolbar {
  display: none !important;
}


.tokotoko-first-post-guide{
    margin-bottom:18px;
}

.tokotoko-first-post-toggle{
    display:block;
    padding:14px 18px;
    background:#fff7f2;
    border-radius:16px;
    text-decoration:none;
    color:#5f5750;
    font-weight:700;
}

.tokotoko-first-post-content{
    display:none;
    margin-top:10px;
    padding:18px;
    background:#fff;
    border:1px solid #f0ece8;
    border-radius:16px;
    line-height:1.9;
    font-size:14px;
}

/* ==================================
   投稿一覧カテゴリー
================================== */
.tokotoko-topic-area {
  max-width: 480px;
  margin: 0 auto 18px;
  /*padding: 0 16px;*/
}

.tokotoko-topic-title {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 700;
  color: #3f3a36;
}

.tokotoko-topic-menu {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
}

.tokotoko-topic-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  text-decoration: none;
  color: #5f5750;
  min-width: 0;
}

.tokotoko-topic-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: #fff7f2;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  margin-bottom: 6px;
  box-shadow: 0 4px 12px rgba(80,70,60,0.06);
}

.tokotoko-topic-label {
  font-size: 10px;
  line-height: 1.35;
  font-weight: 600;
  text-align: center;
  white-space: normal;
}

@media (max-width: 360px) {
  .tokotoko-topic-area {
    padding: 0 10px;
  }

  .tokotoko-topic-menu {
    gap: 4px;
  }

  .tokotoko-topic-icon {
    width: 40px;
    height: 40px;
    font-size: 18px;
  }

  .tokotoko-topic-label {
    font-size: 9px;
  }
}


.tokotoko-topic-menu{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:12px 8px;
}

@media (max-width: 360px) {
  .tokotoko-topic-menu{
    grid-template-columns:repeat(3, 1fr);
  }
}

.tokotoko-topic-item{
    flex:1;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    text-decoration:none;
    color:#5f5750;
    min-width:0;
}

.tokotoko-topic-label{
    text-align:center;
    font-size:12px;
    line-height:1.4;
}

/* ==================================
   投稿カード
================================== */

.tokotoko-card{
  background:#fff;
  border-radius:24px;
  padding:18px;
  margin-bottom:16px;

  border:1px solid #f1ede8;

  box-shadow:0 6px 18px rgba(80,70,60,0.06);
}

.tokotoko-card-header{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:12px;
}

.tokotoko-user{
  display:flex;
  align-items:center;
  gap:12px;
}

.tokotoko-avatar img{
  width:48px;
  height:48px;
  border-radius:999px;
  object-fit:cover;
}

.tokotoko-user-name{
  font-size:14px;
  font-weight:700;
  color:#3f3a36;
}

.tokotoko-post-date{
  margin-top:3px;
  font-size:11px;
  color:#9b948d;
}

.tokotoko-category{
  background:#fff7f2;
  color:#d98e78;

  font-size:11px;
  font-weight:600;

  padding:6px 10px;
  border-radius:999px;

  white-space:nowrap;
}

.tokotoko-card-content{
  margin-top:14px;

  font-size:14px;
  line-height:1.9;

  color:#5f5750;
}

.tokotoko-card-actions{
  margin-top:16px;
  padding-top:12px;

  border-top:1px solid #f1ede8;

  display:flex;
  justify-content:space-around;
}

.tokotoko-card-actions a{
  text-decoration:none;
  color:#8a8178;
  font-size:13px;
  font-weight:600;
}

.tokotoko-save-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #8a8178 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.tokotoko-save-button.is-saved {
  background: transparent !important;
  color: #8a8178 !important;
}

.tokotoko-wakaru-button {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #8a8178 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.tokotoko-wakaru-button.is-wakaru {
  color: #e88d7c !important;
}

.tokotoko-login-required{
    margin-top:10px;
    font-size:12px;
    color:#e88d7c;
    font-weight:600;
}


/* ==================================
   下部メニュー
================================== */

/* =========================
   Tokotoko Bottom Navigation
========================= */

.tokotoko-bottom-nav {
  position: fixed;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 100%;
  max-width: 480px;
  height: 68px;
  background: rgba(255,255,255,0.98);
  border-top: 1px solid #eee7df;
  box-shadow: 0 -6px 20px rgba(80,70,60,0.08);
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  align-items: center;
  z-index: 9999;
  border-radius: 22px 22px 0 0;
}

.tokotoko-nav-item {
  text-decoration: none;
  color: #8a8178;
  text-align: center;
  font-size: 10px;
  font-weight: 600;
  line-height: 1.2;
}

.tokotoko-nav-icon {
  display: block;
  font-size: 20px;
  margin-bottom: 4px;
}

.tokotoko-nav-post .tokotoko-nav-icon {
  width: 34px;
  height: 34px;
  margin: -10px auto 2px;
  border-radius: 50%;
  background: #f4b6a6;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  /*box-shadow: 0 6px 16px rgba(244,182,166,0.35);*/
}

body {
  padding-bottom: 86px;
}

/* =========================
   Bottom Navigation
========================= */



/* ==================================
   Ultimate Member
================================== */

/* 前後記事 */
.post-navigation{
    display:none !important;
}

/* 類似投稿 */
.related-posts,
.crp_related,
.yarpp-related,
.kadence-related-posts,
.entry-related{
    display:none !important;
}

.comment-form-email,
.comment-form-url,
.comment-form-cookies-consent{
    display:none !important;
}

.comment-form .submit{
    background:#F4B6A6;
    border:none;
    border-radius:999px;
    padding:12px 24px;
}

/* ==================================
   コメント欄のデザイン調整
================================== */

/* =========================
   Tokotoko Comments
========================= */

.tokotoko-comments h2,
.tokotoko-comments h3,
.comment-reply-title {
  font-size: 18px;
  color: #3f3a36;
  margin-bottom: 16px;
}

.comment-list {
  list-style: none;
  padding: 0;
  margin: 0 0 24px;
}

.comment {
  background: #fffaf6;
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 12px;
}

.comment-author {
  font-size: 13px;
  font-weight: 700;
  color: #3f3a36;
}

.comment-meta {
  font-size: 11px;
  color: #9b948d;
  margin-bottom: 8px;
}

.comment-content {
  font-size: 14px;
  line-height: 1.8;
  color: #5f5750;
}

.comment-form-comment textarea {
  border-radius: 18px;
  border: 1px solid #eee4db;
  padding: 14px;
  font-size: 14px;
}

.comment-form .submit {
  background: #f4b6a6 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 999px !important;
  padding: 12px 24px !important;
  font-weight: 700;
}

.logged-in-as{
    display:none !important;
}



.tokotoko-comment-list{
  list-style:none;
  padding:0;
  margin:0 0 20px;
}

.tokotoko-comment-item{
  display:flex;
  gap:12px;
  background:#fffaf6;
  border-radius:18px;
  padding:14px;
  margin-bottom:12px;
}

.tokotoko-comment-avatar img{
  width:48px;
  height:48px;
  border-radius:50%;
}

.tokotoko-comment-body{
  flex:1;
}

.tokotoko-comment-author{
  font-size:14px;
  font-weight:700;
  color:#3f3a36;
}

.tokotoko-comment-date{
  font-size:11px;
  color:#9b948d;
  margin:3px 0 8px;
}

.tokotoko-comment-content{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
}

.tokotoko-comment-actions{
  display:flex;
  gap:16px;
  margin-top:10px;
}

.tokotoko-comment-actions a{
  font-size:12px;
  color:#8a8178;
  font-weight:600;
  text-decoration:none;
}

/* WP ULikeをトコトコ風に */
.wpulike,
.wpulike-default {
  padding: 0 !important;
  margin: 0 !important;
}

.wpulike button,
.wpulike .wp_ulike_btn {
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  color: #8a8178 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
}

.wpulike .count-box {
  color: #8a8178 !important;
  font-size: 12px !important;
  margin-left: 4px !important;
}

.tokotoko-comment-image {
  margin-top: 10px;
}

.tokotoko-comment-image img {
  max-width: 100%;
  border-radius: 16px;
  display: block;
}

.comment-image-upload input[type=file]{
    display:none;
}

.tokotoko-image-button{
    display:inline-flex;
    align-items:center;
    gap:6px;

    padding:10px 14px;

    border-radius:999px;

    background:#fff7f2;
    color:#8a8178;

    cursor:pointer;
}

#comment-image-preview{
    margin-top:10px;
}

#comment-image-preview img{
    width:120px;
    height:120px;

    object-fit:cover;

    border-radius:16px;

    display:block;
}

/* コメント画像アップロード：ファイル名を隠す */
.comment-image-upload input[type="file"] {
  display: none !important;
}

/* アップロードボタン */
.tokotoko-image-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border-radius: 999px;
  background: #fff7f2;
  color: #8a8178;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

/* 選択後のサムネイル */
#comment-image-preview {
  margin-top: 10px;
}

#comment-image-preview img {
  width: 88px;
  height: 88px;
  object-fit: cover;
  border-radius: 14px;
  display: block;
}

/* ==================================
   マイページ
================================== */


.tokotoko-edit-profile{
  display:block;
  text-align:center;
  margin-top:16px;
  padding:12px;
  border-radius:999px;
  background:#fff7f2;
  color:#8a8178;
  font-weight:600;
  text-decoration:none;
}



.tokotoko-profile-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: 10px;
}

.tokotoko-profile-meta span {
  background: #fff7f2;
  color: #8a8178;
  font-size: 12px;
  font-weight: 600;
  padding: 6px 10px;
  border-radius: 999px;
}

.tokotoko-support-area{
  margin-top:32px;
}

.tokotoko-support-list{
  background:#fff;
  border:1px solid #f0ece8;
  border-radius:20px;
  overflow:hidden;
}

.tokotoko-support-link{
  display:flex;
  align-items:center;
  justify-content:space-between;

  padding:15px 16px;

  color:#3f3a36 !important;
  text-decoration:none !important;

  font-size:14px;
  font-weight:600;

  border-bottom:1px solid #f0ece8;
}

.tokotoko-support-link:last-child{
  border-bottom:none;
}

.tokotoko-support-link::after{
  content:"›";
  color:#b8aaa0;
  font-size:20px;
  line-height:1;
}

.tokotoko-support-link-muted{
  color:#8a8178 !important;
}

/* ==================================
   通知ページ
================================== */


.tokotoko-notifications {
  max-width: 480px;
  margin: 0 auto;
  /*padding: 18px 16px 96px;*/
}

.tokotoko-page-title {
  font-size: 22px;
  font-weight: 700;
  color: #3f3a36;
  margin: 0 0 18px;
}

.tokotoko-notification-card {
  display: flex;
  gap: 12px;
  background: #fff;
  border: 1px solid #f1ede8;
  border-radius: 22px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(80,70,60,0.06);
  margin-bottom: 20px;
}

.tokotoko-notification-icon {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #fff7f2;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tokotoko-notification-text {
  font-size: 14px;
  font-weight: 700;
  color: #3f3a36;
}

.tokotoko-notification-date {
  margin-top: 4px;
  font-size: 12px;
  color: #9b948d;
}


/* ==================================
   検索ページ
================================== */


.tokotoko-search-page {
  max-width: 480px;
  margin: 0 auto;
  padding: 18px 16px 96px;
}

.tokotoko-search-form {
  background: #fff;
  border: 1px solid #f1ede8;
  border-radius: 24px;
  padding: 16px;
  box-shadow: 0 6px 18px rgba(80,70,60,0.06);
  margin-bottom: 20px;
}

.tokotoko-search-form input,
.tokotoko-search-form select {
  width: 100%;
  margin-bottom: 12px;
  padding: 13px 14px;
  border-radius: 14px;
  border: 1px solid #eee4db;
  font-size: 14px;
}

.tokotoko-search-form button {
  width: 100%;
  border: none;
  border-radius: 999px;
  background: #f4b6a6;
  color: #fff;
  padding: 13px;
  font-weight: 700;
}

.tokotoko-popular-posts{
    margin-bottom:24px;
}

.tokotoko-popular-title{
    font-size:18px;
    font-weight:700;
    margin-bottom:12px;
}

/* 3列均等 */
.tokotoko-popular-posts-list{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:8px;
}

.tokotoko-popular-card{
    display:block;
    background:#fff;
    border-radius:16px;
    padding:12px;
    text-decoration:none;
    color:#444;
    border:1px solid #f0ece8;
    min-width:0;
}

.tokotoko-popular-count{
    font-size:12px;
    font-weight:700;
    color:#e88d7c;
    margin-bottom:6px;
}

.tokotoko-popular-text{
    font-size:12px;
    line-height:1.5;

    display:-webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
    overflow:hidden;
}

.tokotoko-popular-author{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:8px;
}

.tokotoko-popular-avatar{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;
}

.tokotoko-popular-name{
    font-size:12px;
    font-weight:600;
    color:#555;
}

.tokotoko-popular-author{
    display:flex;
    align-items:center;
    gap:6px;
    margin-bottom:8px;
}

.tokotoko-popular-avatar{
    width:28px;
    height:28px;
    border-radius:50%;
    object-fit:cover;
}

.tokotoko-popular-name{
    font-size:12px;
    font-weight:600;
    color:#555;
}

/* ==================================
   投稿詳細
================================== */


.tokotoko-single {
  max-width: 480px;
  margin: 0 auto;
  padding: 8px 16px 96px;
}

/* 戻るリンク */
.tokotoko-back-link {
  display: inline-flex;
  align-items: center;
  margin: 8px 0 12px;
  color: #8a8178 !important;
  font-size: 13px;
  font-weight: 600;
  text-decoration: none !important;
}

/* 投稿詳細カード */
.tokotoko-single-card {
  border-radius: 24px;
  margin-bottom: 22px;
}

/* 本文 */
.tokotoko-single-content {
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.9;
  color: #3f3a36;
}

/* アクション行を揃える */
.tokotoko-single-card .tokotoko-card-actions {
  display: flex;
  justify-content: space-around;
  align-items: center;
  gap: 25px;
}

/* コメントエリア */
.tokotoko-comments {
  max-width: 480px;
  margin: 0 auto;
  padding: 0 0 96px;
}

.tokotoko-comments-title,
.tokotoko-comments h2,
.tokotoko-comment-form h3 {
  font-size: 18px;
  font-weight: 700;
  color: #3f3a36;
  margin: 18px 0 12px;
}

.tokotoko-no-comments {
  font-size: 14px;
  color: #5f5750;
  margin-bottom: 20px;
}

.tokotoko-comment-edit-form{
    background:#fff;
    border:1px solid #f0ece8;
    border-radius:20px;
    padding:16px;
    margin-bottom:20px;
}

.tokotoko-comment-edit-form h3{
    margin:0 0 12px;
    font-size:18px;
}

.tokotoko-comment-edit-form textarea{
    width:100%;
    min-height:120px;
    border:1px solid #e8dfd6;
    border-radius:14px;
    padding:12px;
    resize:vertical;
}

.tokotoko-comment-edit-form button{
    margin-top:12px;
    background:#f4b6a6;
    color:#fff;
    border:none;
    border-radius:999px;
    padding:12px 24px;
    font-weight:700;
}

.tokotoko-delete-post-form{
  display:inline;
  margin:0;
}

.tokotoko-delete-button{
  background:transparent !important;
  border:none !important;
  margin:0 !important;
  color:#aaa !important;
  font-size:12px !important;
  font-weight:600 !important;
  box-shadow:none !important;
  cursor:pointer;
}

.tokotoko-delete-button:hover{
  color:#e88d7c !important;
}

.tokotoko-delete-comment-form{
    display:inline;
    margin:0;
}

.tokotoko-delete-comment-button{
    background:transparent !important;
    border:none !important;
    padding:0 !important;
    margin:0 !important;

    color:#aaa !important;
    font-size:12px !important;
    font-weight:600 !important;

    cursor:pointer;
    box-shadow:none !important;
}

.tokotoko-delete-comment-button:hover{
    color:#e88d7c !important;
}

/* ==================================
   スマホメニュー
================================== */


/* スマホメニュー全体 */
.popup-drawer .drawer-inner,
.mobile-drawer-content {
  background: #fffaf6 !important;
}

/* メニュー内側 */
.popup-drawer .drawer-content {
  padding: 28px 22px !important;
}

/* 閉じるボタン */
.popup-drawer .drawer-toggle {
  color: #5f5750 !important;
}

/* メニュー項目 */
.popup-drawer .menu-item a {
  background: #ffffff !important;
  border: 1px solid #f0ece8 !important;
  border-radius: 18px !important;
  padding: 16px 18px !important;
  margin-bottom: 10px !important;
  color: #3f3a36 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  box-shadow: 0 4px 14px rgba(80,70,60,0.04);
}

/* 区切り線を消す */
.popup-drawer .menu-item {
  border: none !important;
}


/* ==================================
   トコトコの想いページ
================================== */


.tokotoko-about-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-about-hero{
  border-radius:28px;
  padding:28px 22px;
  text-align:center;
  margin-bottom:22px;
}

.tokotoko-about-label{
  font-size:13px;
  font-weight:700;
  color:#e88d7c;
  margin-bottom:10px;
}

.tokotoko-about-hero h1{
  font-size:19px;
  line-height:1.6;
  margin:0 0 16px;
}

.tokotoko-about-hero p{
  font-size:14px;
  line-height:1.9;
  margin:0;
}

.tokotoko-about-card,
.tokotoko-about-promise,
.tokotoko-about-final{
  margin-bottom:42px;
}

.tokotoko-about-card h2,
.tokotoko-about-promise h2,
.tokotoko-about-final h2{
  font-size:19px;
  line-height:1.6;
  margin:0 0 14px;
}

.tokotoko-about-card p,
.tokotoko-about-final p{
  font-size:14px;
  line-height:2;
  margin:0 0 14px;
}

.tokotoko-about-quote{
  background:#fffaf6;
  border-left:4px solid #f4b6a6;
  border-radius:14px;
  padding:14px;
  margin:16px 0;
  font-size:14px;
  line-height:1.9;
  font-weight:700;
  color:#5f5750;
}

.tokotoko-promise-item{
  background:#fffaf6;
  border-radius:18px;
  padding:16px;
  margin-top:12px;
}

.tokotoko-promise-item span{
  display:inline-block;
  font-size:12px;
  font-weight:700;
  color:#fff;
  background:#f4b6a6;
  border-radius:999px;
  padding:4px 10px;
  margin-bottom:8px;
}

.tokotoko-promise-item h3{
  font-size:16px;
  line-height:1.6;
  margin:0 0 8px;
}

.tokotoko-promise-item p{
  font-size:14px;
  line-height:1.8;
  margin:0;
}

.tokotoko-about-final{
  text-align:left;
}

.tokotoko-about-sign{
  text-align:right;
  font-weight:700;
  margin-top:20px !important;
}


/* ==================================
   利用規約ページ
================================== */

.tokotoko-terms-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-terms-hero{
  padding:18px 0 30px;
  text-align:center;
  border-bottom:1px solid #ece7e2;
  margin-bottom:28px;
}

.tokotoko-terms-label{
  font-size:12px;
  font-weight:700;
  color:#e88d7c;
  letter-spacing:.04em;
  margin-bottom:8px;
}

.tokotoko-terms-hero h1{
  font-size:24px;
  margin:0 0 12px;
}

.tokotoko-terms-hero p{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin:0;
}

.tokotoko-terms-section{
  margin-bottom:30px;
}

.tokotoko-terms-section h2{
  font-size:17px;
  line-height:1.6;
  margin:0 0 12px;
  padding-left:12px;
  border-left:4px solid #f4b6a6;
}

.tokotoko-terms-section h3{
  font-size:14px;
  margin:18px 0 8px;
  color:#5f5750;
}

.tokotoko-terms-section p{
  font-size:14px;
  line-height:1.9;
  margin:0 0 12px;
}

.tokotoko-terms-section ul{
  padding-left:20px;
  margin:8px 0 14px;
}

.tokotoko-terms-section li{
  font-size:14px;
  line-height:1.9;
  margin-bottom:4px;
}

.tokotoko-terms-date{
  margin-top:36px;
  padding-top:20px;
  border-top:1px solid #ece7e2;
  font-size:13px;
  line-height:1.8;
  color:#8a8178;
  text-align:right;
}


/* ==================================
   プライバシーポリシーページ
================================== */

.tokotoko-policy-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-policy-hero{
  padding:18px 0 30px;
  text-align:center;
  border-bottom:1px solid #ece7e2;
  margin-bottom:28px;
}

.tokotoko-policy-label{
  font-size:12px;
  font-weight:700;
  color:#e88d7c;
  letter-spacing:.04em;
  margin-bottom:8px;
}

.tokotoko-policy-hero h1{
  font-size:24px;
  margin:0 0 12px;
}

.tokotoko-policy-hero p{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin:0;
}

.tokotoko-policy-section{
  margin-bottom:30px;
}

.tokotoko-policy-section h2{
  font-size:17px;
  line-height:1.6;
  margin:0 0 12px;
  padding-left:12px;
  border-left:4px solid #f4b6a6;
}

.tokotoko-policy-section h3{
  font-size:14px;
  margin:18px 0 8px;
  color:#5f5750;
}

.tokotoko-policy-section p{
  font-size:14px;
  line-height:1.9;
  margin:0 0 12px;
}

.tokotoko-policy-section ul{
  padding-left:20px;
  margin:8px 0 14px;
}

.tokotoko-policy-section li{
  font-size:14px;
  line-height:1.9;
  margin-bottom:4px;
}

.tokotoko-policy-date{
  margin-top:36px;
  padding-top:20px;
  border-top:1px solid #ece7e2;
  font-size:13px;
  line-height:1.8;
  color:#8a8178;
  text-align:right;
}

/* ==================================
   制限ページ
================================== */


/* 投稿ページ未ログイン時 */
.wpuf-message{
    max-width:420px;
    margin:40px auto !important;
    padding:28px 22px !important;

    background:#fff7f2;
    border:1px solid #f0ece8;
    border-radius:24px;

    text-align:center;
    font-size:15px;
    line-height:1.8;
    color:#5f5750;

    box-shadow:0 6px 18px rgba(80,70,60,0.04);
}

/* ボタン化 */
.wpuf-message a{
    display:inline-block;
    margin:12px 6px 0;

    padding:10px 18px;

    background:#f4b6a6;
    color:#fff !important;

    border-radius:999px;
    text-decoration:none !important;
    font-weight:700;
}

.wpuf-message p{
   text-align:left;
 }


/* ==================================
   よくある質問ページ
================================== */

 .tokotoko-faq-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-faq-hero{
  padding:18px 0 30px;
  text-align:center;
  border-bottom:1px solid #ece7e2;
  margin-bottom:24px;
}

.tokotoko-faq-label{
  font-size:12px;
  font-weight:700;
  color:#e88d7c;
  letter-spacing:.04em;
  margin-bottom:8px;
}

.tokotoko-faq-hero h1{
  font-size:24px;
  margin:0 0 12px;
}

.tokotoko-faq-hero p{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin:0;
}

.tokotoko-faq-item{
  border-bottom:1px solid #ece7e2;
  padding:16px 0;
}

.tokotoko-faq-item summary{
  cursor:pointer;
  font-size:15px;
  font-weight:700;
  line-height:1.7;
  color:#3f3a36;
}

.tokotoko-faq-item p{
  font-size:14px;
  line-height:1.9;
  color:#5f5750;
  margin:12px 0 0;
}


/* =========================
   Contact Form 7
========================= */

.tokotoko-contact-intro{
    font-size:14px;
    line-height:1.9;
    color:#5f5750;
    margin-bottom:24px;
}

/* ラベル */
.wpcf7 label{
    display:block;
    font-size:14px;
    font-weight:700;
    color:#3f3a36;
    margin-bottom:18px;
}

/* 入力欄 */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 select,
.wpcf7 textarea{
    width:100%;
    margin-top:8px;
    padding:14px 16px;

    border:1px solid #e8dfd6;
    border-radius:16px;

    background:#fff;
    color:#3f3a36;

    font-size:14px;
    line-height:1.6;

    box-sizing:border-box;
}

/* テキストエリア */
.wpcf7 textarea{
    min-height:180px;
    resize:vertical;
}

/* フォーカス */
.wpcf7 input:focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus{
    outline:none;
    border-color:#f4b6a6;
    box-shadow:0 0 0 3px rgba(244,182,166,0.15);
}

/* 送信ボタン */
.wpcf7 input[type="submit"]{
    width:100%;
    height:52px;

    background:#f4b6a6;
    color:#fff;

    border:none;
    border-radius:999px;

    font-size:15px;
    font-weight:700;

    cursor:pointer;
    transition:0.2s;
}

/* ボタンホバー */
.wpcf7 input[type="submit"]:hover{
    opacity:.9;
}

/* エラーメッセージ */
.wpcf7-not-valid-tip{
    margin-top:6px;
    font-size:12px;
}

/* 送信完了 */
.wpcf7-response-output{
    border-radius:16px !important;
    padding:12px 16px !important;
    font-size:14px;
    line-height:1.8;
}


/* =========================
   Contact Form 7
========================= */


.tokotoko-share-box{
  max-width:420px;
  margin:24px auto;
  padding:20px;
  background:#fff7f2;
  border-radius:24px;
  text-align:center;
}

.tokotoko-share-text{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin-bottom:14px;
}

.tokotoko-share-button{
  width:100%;
  height:48px;
  border:none;
  border-radius:999px;
  background:#f4b6a6;
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.tokotoko-share-copy{
  margin-top:10px;
  font-size:13px;
  color:#e88d7c;
  font-weight:700;
}

/* =========================
   通報ボタン
========================= */

.tokotoko-report-button{
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #aaa !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  box-shadow: none !important;
  cursor: pointer;
}

.tokotoko-report-button:hover{
  color: #e88d7c !important;
}


/* =========================
   退会ページ
========================= */

.tokotoko-withdrawal-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-withdrawal-hero{
  padding:18px 0 30px;
  text-align:center;
  border-bottom:1px solid #ece7e2;
  margin-bottom:28px;
}

.tokotoko-withdrawal-label{
  font-size:12px;
  font-weight:700;
  color:#e88d7c;
  letter-spacing:.04em;
  margin-bottom:8px;
}

.tokotoko-withdrawal-hero h1{
  font-size:24px;
  margin:0 0 12px;
}

.tokotoko-withdrawal-hero p,
.tokotoko-withdrawal-section p{
  font-size:14px;
  line-height:1.9;
  color:#5f5750;
}

.tokotoko-withdrawal-section{
  margin-bottom:30px;
}

.tokotoko-withdrawal-section h2{
  font-size:17px;
  line-height:1.6;
  margin:0 0 12px;
  padding-left:12px;
  border-left:4px solid #f4b6a6;
}

.tokotoko-withdrawal-button{
  display:flex;
  justify-content:center;
  align-items:center;
  height:48px;
  margin-top:18px;
  background:#f4b6a6;
  color:#fff !important;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:700;
}




/* 投稿画像ボタン */

.wpuf-attachment-upload-filelist .file-selector{
    display:inline-block !important;

    padding:8px 12px !important;

    background:#fdf7f4 !important;
    color:#5f5750 !important;

    border:1px solid #eadfd7 !important;
    border-radius:10px !important;

    font-size:13px !important;
    font-weight:600 !important;

    text-decoration:none !important;

    box-shadow:
        0 2px 4px rgba(0,0,0,.06),
        inset 0 1px 0 rgba(255,255,255,.8) !important;

    width:auto !important;
    min-width:0 !important;
}

.wpuf-attachment-upload-filelist .file-selector:hover{
    background:#faf1ec !important;
}

.wpuf-attachment-upload-filelist .file-selector:active{
    transform:translateY(1px);
    box-shadow:
        0 1px 2px rgba(0,0,0,.05) !important;
}

.wpuf-attachment-upload-filelist .file-selector::before{
    content:"📷";
    margin-right:6px;
}


/* =========================
   運営についてページ
========================= */



.tokotoko-operation-page{
  max-width:480px;
  margin:0 auto;
  padding:20px 16px 96px;
  color:#3f3a36;
}

.tokotoko-operation-hero{
  padding:18px 0 30px;
  text-align:center;
  border-bottom:1px solid #ece7e2;
  margin-bottom:28px;
}

.tokotoko-operation-label{
  font-size:12px;
  font-weight:700;
  color:#e88d7c;
  letter-spacing:.04em;
  margin-bottom:8px;
}

.tokotoko-operation-hero h1{
  font-size:24px;
  margin:0 0 12px;
}

.tokotoko-operation-hero p,
.tokotoko-operation-section p,
.tokotoko-operation-final p{
  font-size:14px;
  line-height:1.9;
  color:#5f5750;
}

.tokotoko-operation-section{
  margin-bottom:30px;
}

.tokotoko-operation-section h2{
  font-size:17px;
  line-height:1.6;
  margin:0 0 12px;
  padding-left:12px;
  border-left:4px solid #f4b6a6;
}

.tokotoko-operation-button{
  display:flex;
  justify-content:center;
  align-items:center;
  height:48px;
  margin-top:18px;
  background:#f4b6a6;
  color:#fff !important;
  border-radius:999px;
  text-decoration:none !important;
  font-weight:700;
}

.tokotoko-operation-final{
  margin-top:34px;
  padding-top:22px;
  border-top:1px solid #ece7e2;
}

.tokotoko-operation-sign{
  text-align:right;
  font-weight:700;
}




.page-id-35 .entry{
    box-shadow:none !important;
}


.tokotoko-reply-to-name{
  display:inline-block;
  margin-bottom:8px;
  padding:4px 10px;
  background:#fff7f2;
  border-radius:999px;
  color:#e88d7c;
  font-size:12px;
  font-weight:700;
}



.tokotoko-replies{
  margin-top:14px;
  padding-top:12px;
  border-top:1px solid #f0ece8;
}

.tokotoko-reply-item{
  display:flex;
  gap:10px;
  margin-top:12px;
  padding-left:10px;
  border-left:3px solid #f4e4dc;
}

.tokotoko-reply-avatar img{
  width:32px;
  height:32px;
  border-radius:50%;
}

.tokotoko-reply-body{
  flex:1;
}

.tokotoko-reply-name a{
  font-size:13px;
  font-weight:700;
  color:#2b6cb0;
  text-decoration:none;
}

.tokotoko-reply-date{
  font-size:11px;
  color:#8a8178;
  margin-top:2px;
}

.tokotoko-reply-content{
  margin-top:8px;
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
}

.tokotoko-reply-to-name{
  display:inline-block;
  margin-bottom:6px;
  padding:3px 9px;
  background:#fff7f2;
  border-radius:999px;
  color:#e88d7c;
  font-size:12px;
  font-weight:700;
}

.tokotoko-comment-item {
  display: block;
  background: #fffaf6;
  border-radius: 18px;
  padding: 14px;
  margin-bottom: 12px;
}

.tokotoko-comment-main {
  display: flex;
  gap: 12px;
}

.tokotoko-comment-body {
  flex: 1;
  min-width: 0;
}

.tokotoko-replies {
  display: block;
  margin-top: 14px;
  margin-left: 60px;
  padding-left: 12px;
  border-left: 2px solid #f0e2da;
}

.tokotoko-reply-item {
  display: flex;
  gap: 10px;
  margin-top: 12px;
}

.tokotoko-reply-body {
  flex: 1;
  min-width: 0;
}

.tokotoko-reply-avatar img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
}

.tokotoko-reply-name a {
  font-size: 13px;
  font-weight: 700;
  color: #2b6cb0;
  text-decoration: none;
}

.tokotoko-reply-date {
  font-size: 11px;
  color: #8a8178;
  margin-top: 2px;
}

.tokotoko-reply-content {
  margin-top: 8px;
  font-size: 14px;
  line-height: 1.8;
  color: #5f5750;
}

.tokotoko-reply-to-name {
  display: inline-block;
  margin-bottom: 6px;
  padding: 3px 9px;
  background: #fff7f2;
  border-radius: 999px;
  color: #e88d7c;
  font-size: 12px;
  font-weight: 700;
}


/* コメント全体 */
.tokotoko-comment-item{
    display:block !important;
    background:#fffaf6;
    border-radius:18px;
    padding:14px;
    margin-bottom:12px;
}

/* 親コメントだけ横並び */
.tokotoko-comment-main{
    display:flex !important;
    gap:12px;
}

/* 返信エリアの縦線は1本だけ */
.tokotoko-replies{
  margin-top:14px;
  margin-left:60px;
  padding-left:12px;
  border-left:2px solid #f0e2da !important;
}

/* 返信1件側の縦線を消す */
.tokotoko-reply-item{
  display:flex !important;
  gap:10px;
  margin-top:12px;
  border-left:none !important;
  padding-left:0 !important;
}

.page-id-35 .entry-content-wrap{
    padding-left:24px !important;
    padding-right:24px !important;
}

.page-id-35 .entry-content-wrap{
    padding-left:28px !important;
    padding-right:28px !important;
}


.tokotoko-password-reset-page{
    max-width:480px;
    margin:0 auto;
    padding:20px;
}

.tokotoko-password-reset-page h1{
    font-size:24px;
    font-weight:700;
    text-align:center;
    margin-bottom:16px;
    color:#3f3a36;
}

.tokotoko-password-reset-page p{
    text-align:center;
    color:#666;
    line-height:1.8;
    margin-bottom:24px;
}

.tokotoko-password-reset-page .um{
    margin-top:20px !important;
}

.tokotoko-password-reset-page input[type="text"],
.tokotoko-password-reset-page input[type="email"]{
    border-radius:10px !important;
}

.tokotoko-password-reset-page .um-button{
    border-radius:10px !important;
}


/* パスワードリセットページ */
.page-id-43 .entry-content-wrap{
    padding-left:28px !important;
    padding-right:28px !important;
}

/* Ultimate Member本体 */
.page-id-43 .um{
    max-width:100% !important;
}

/* 入力欄 */
.page-id-43 .um-form input[type="text"],
.page-id-43 .um-form input[type="email"]{
    width:100% !important;
    box-sizing:border-box;
}

/* スマホメニュー全体 */
#mobile-drawer .drawer-inner{
  background:#fff8f4 !important;
}

#mobile-drawer .drawer-content{
  padding:26px 22px !important;
}

/* メニュー項目 */
#mobile-drawer .mobile-navigation ul li a{
  display:flex !important;
  align-items:center;
  gap:10px;

  margin-bottom:12px;
  padding:16px 18px !important;

  background:#fff !important;
  border:1px solid #f0e5dc !important;
  border-radius:18px !important;

  color:#3f3a36 !important;
  font-size:15px !important;
  font-weight:700 !important;
  text-decoration:none !important;

  box-shadow:0 4px 12px rgba(80,70,60,.05);
}

/* 矢印 */
#mobile-drawer .mobile-navigation ul li a::after{
  content:"›";
  margin-left:auto;
  color:#d9b8aa;
  font-size:22px;
}

/* アイコン */
#mobile-drawer .mobile-navigation ul li:nth-child(1) a::before{content:"🌷";}
#mobile-drawer .mobile-navigation ul li:nth-child(2) a::before{content:"🤝";}
#mobile-drawer .mobile-navigation ul li:nth-child(3) a::before{content:"❓";}
#mobile-drawer .mobile-navigation ul li:nth-child(4) a::before{content:"📄";}
#mobile-drawer .mobile-navigation ul li:nth-child(5) a::before{content:"✉️";}
#mobile-drawer .mobile-navigation ul li:nth-child(6) a::before{content:"🔒";}
#mobile-drawer .mobile-navigation ul li:nth-child(7) a::before{content:"🌱";}
#mobile-drawer .mobile-navigation ul li:nth-child(8) a::before{content:"🚪";}



.tokotoko-category-page{
  max-width:480px;
  margin:0 auto;
  padding:16px 16px 96px;
}

.tokotoko-category-hero{
  display:flex;
  align-items:center;
  gap:14px;
  margin:0 0 20px;
  padding:18px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff6da,#fff0c4);
}

.tokotoko-category-icon{
  font-size:34px;
}

.tokotoko-category-text h1{
  margin:0;
  font-size:22px;
  font-weight:700;
  color:#4d433b;
}

.tokotoko-category-text p{
  margin:6px 0;
  font-size:13px;
  line-height:1.7;
  color:#6f6258;
}

.tokotoko-category-count{
  font-size:12px;
  color:#8a8178;
}


.tokotoko-login-comment-box{
  background:#fff7f2;
  border:1px solid #f0e5dc;
  border-radius:22px;
  padding:22px 18px;
  margin:18px 0 28px;
  text-align:center;
}

.tokotoko-login-comment-icon{
  font-size:28px;
  margin-bottom:8px;
}

.tokotoko-login-comment-box h3{
  font-size:18px;
  margin:0 0 10px;
  color:#3f3a36;
}

.tokotoko-login-comment-box p{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin:0 0 18px;
}

.tokotoko-login-comment-button{
  display:flex;
  align-items:center;
  justify-content:center;
  height:46px;
  border-radius:999px;
  background:#f4b6a6;
  color:#fff !important;
  font-weight:700;
  text-decoration:none !important;
}

.tokotoko-login-comment-subbutton{
  display:inline-block;
  margin-top:12px;
  font-size:13px;
  color:#8a8178 !important;
  text-decoration:none !important;
}


.page-id-37 .um-col-1{
    padding-left:28px !important;
    padding-right:28px !important;
}


.tokotoko-install-box{
  max-width:480px;
  margin:20px auto;
  padding:22px 18px;
  background:#fff7f2;
  border:1px solid #f0e5dc;
  border-radius:24px;
  text-align:center;
  color:#3f3a36;
}

.tokotoko-install-icon{
  font-size:32px;
  margin-bottom:8px;
}

.tokotoko-install-box h3{
  font-size:18px;
  margin:0 0 10px;
}

.tokotoko-install-box p{
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
  margin:0 0 16px;
}

.tokotoko-install-button{
  width:100%;
  height:48px;
  border:none;
  border-radius:999px;
  background:#f4b6a6;
  color:#fff;
  font-size:15px;
  font-weight:700;
}

.tokotoko-ios-guide{
  margin-top:16px;
  padding:14px;
  background:#fff;
  border-radius:18px;
}

.tokotoko-ios-title{
  font-weight:700;
  color:#e88d7c !important;
  margin-bottom:6px !important;
}

.tokotoko-pwa-popup{
  position:fixed;
  inset:0;
  z-index:99999;
  background:rgba(63,58,54,.35);
  align-items:center;
  justify-content:center;
  padding:20px;
}

.tokotoko-pwa-popup-inner{
  position:relative;
  width:100%;
  max-width:360px;
  padding:26px 20px 22px;
  background:#fff7f2;
  border-radius:26px;
  text-align:center;
  box-shadow:0 14px 40px rgba(80,70,60,.18);
}

.tokotoko-pwa-close{
  position:absolute;
  top:12px;
  right:14px;
  border:none;
  background:transparent;
  font-size:22px;
  color:#9b8f86;
}

.tokotoko-pwa-icon{
  font-size:36px;
  margin-bottom:10px;
}

.tokotoko-pwa-popup-inner h3{
  margin:0 0 10px;
  font-size:18px;
  color:#3f3a36;
}

.tokotoko-pwa-popup-inner p{
  margin:0 0 16px;
  font-size:14px;
  line-height:1.8;
  color:#5f5750;
}

.tokotoko-install-button{
  width:100%;
  height:48px;
  border:none;
  border-radius:999px;
  background:#f4b6a6;
  color:#fff;
  font-weight:700;
}

.tokotoko-ios-guide{
  margin-top:12px;
  padding:14px;
  background:#fff;
  border-radius:18px;
}

.tokotoko-pwa-later{
  margin-top:12px;
  border:none;
  background:transparent;
  color:#8a8178;
  font-size:13px;
}

.tokotoko-more-menu{
  position:relative;
  margin-left:auto;
}

.tokotoko-more-button{
  background:none !important;
  border:none !important;
  padding:2px 6px !important;
  color:#9b8f86 !important;
  font-size:20px !important;
  line-height:1 !important;
  box-shadow:none !important;
}

.tokotoko-more-dropdown{
  display:none;
  position:absolute;
  right:0;
  top:26px;
  min-width:110px;
  padding:8px;
  background:#fff;
  border:1px solid #eee2da;
  border-radius:14px;
  box-shadow:0 8px 22px rgba(80,70,60,.12);
  z-index:50;
}

.tokotoko-more-menu.is-open .tokotoko-more-dropdown{
  display:block;
}

.tokotoko-more-dropdown .tokotoko-report-button{
  display:block !important;
  width:100%;
  padding:8px 10px !important;
  background:none !important;
  border:none !important;
  color:#8a8178 !important;
  font-size:13px !important;
  text-align:center;
  box-shadow:none !important;
}

/* コメントアクションの高さ統一 */
.tokotoko-comment-actions{
    display:flex;
    align-items:center;
    gap:14px;
}

.tokotoko-comment-actions a,
.tokotoko-comment-actions button{
    display:flex !important;
    align-items:center;
    justify-content:center;

    height:24px;
    line-height:24px;

    padding:0 !important;
    margin:0 !important;

    font-size:13px;
    font-weight:600;

    background:none !important;
    border:none !important;
    box-shadow:none !important;

    vertical-align:middle;
}

.tokotoko-profile-page{
  max-width:480px;
  margin:0 auto;
  /*padding:16px 16px 96px;*/
}

.tokotoko-profile-card-new{
  background:#fffaf6;
  border:1px solid #f0e5dc;
  border-radius:24px;
  padding:18px;
  box-shadow:0 6px 18px rgba(80,70,60,.05);
}

.tokotoko-profile-top{
  display:flex;
  gap:16px;
  align-items:flex-start;
}

.tokotoko-profile-avatar-new{
  width:20%;
  min-width:72px;
  flex-shrink:0;
}

.tokotoko-profile-avatar-new img{
  width:72px;
  height:72px;
  border-radius:50%;
  object-fit:cover;
  border:3px solid #fff;
  background:#eee;
}

.tokotoko-profile-info-new{
  width:80%;
  flex:1;
  min-width:0;
}

.tokotoko-profile-name-new{
  font-size:20px;
  font-weight:700;
  color:#3f3a36;
  margin-bottom:10px;
}

.tokotoko-profile-row{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:13px;
  color:#5f5750;
  line-height:1.7;
  margin-bottom:4px;
}

.tokotoko-profile-row-icon{
  width:20px;
  text-align:center;
  flex-shrink:0;
}

.tokotoko-profile-message-new{
  margin-top:16px;
  padding-top:16px;
  border-top:1px dashed #ead8cf;
  font-size:14px;
  line-height:1.9;
  color:#4d433b;
}

.tokotoko-profile-post-list{
  background:#fff;
  border:1px solid #f0e5dc;
  border-radius:20px;
  overflow:hidden;
}

.tokotoko-profile-post-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 16px;
  border-bottom:1px solid #f3eee9;
  color:#3f3a36 !important;
  font-size:14px;
  line-height:1.7;
  text-decoration:none !important;
}

.tokotoko-profile-post-item:last-child{
  border-bottom:none;
}

.tokotoko-profile-post-text{
  flex:1;
}

.tokotoko-profile-post-arrow{
  color:#b89a8d;
  font-size:22px;
  flex-shrink:0;
}

/* カードを廃止 */
.tokotoko-profile-card-new{
    background:none !important;
    border:none !important;
    box-shadow:none !important;
    padding:0 !important;
}

/* 上段 */
.tokotoko-profile-top{
    display:flex;
    align-items:flex-start;
    gap:16px;
    margin-bottom:20px;
}

/* アイコン */
.tokotoko-profile-avatar-new{
    width:72px;
    flex-shrink:0;
}

.tokotoko-profile-avatar-new img{
    width:72px;
    height:72px;
    border-radius:50%;
    object-fit:cover;
}

/* 情報 */
.tokotoko-profile-name-new{
    font-size:16px;
    font-weight:700;
    margin-bottom:10px;
    color:#3f3a36;
}

.tokotoko-profile-row{
    font-size:14px;
    color:#6b625c;
    margin-bottom:4px;
}

/* あいさつ文 */
.tokotoko-profile-message-new{
    margin-top:16px;
    padding-top:16px;
    border-top:1px solid #eee4dc;
    font-size:14px;
    line-height:1.9;
    color:#4d433b;
}

/* 最近の投稿 */
.tokotoko-section-heading{
    margin-top:24px;
    margin-bottom:12px;
    font-size:18px;
    font-weight:700;
    color:#3f3a36;
}


/* =========================
   マイページプロフィール調整
========================= */

.tokotoko-mypage{
  max-width:480px;
  margin:0 auto;
  padding:16px 0px 50px;
}

/* プロフィールカード感を消して自然に */
.tokotoko-profile-card{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  padding:0 !important;
  text-align:left !important;
}

/* アイコンを丸く小さく */
.tokotoko-profile-avatar{
  width:76px !important;
  height:76px !important;
  margin:0 0 10px !important;
}

.tokotoko-profile-avatar img{
  width:76px !important;
  height:76px !important;
  border-radius:50% !important;
  object-fit:cover !important;
  display:block !important;
  background:#eee;
}

/* 名前 */
.tokotoko-profile-name{
  font-size:20px !important;
  font-weight:700 !important;
  color:#3f3a36 !important;
  margin-bottom:6px !important;
}

/* ひとこと */
.tokotoko-profile-message{
  font-size:14px !important;
  line-height:1.8 !important;
  color:#5f5750 !important;
  margin-bottom:12px !important;
}

/* 投稿・コメント・わかるを横並び */
.tokotoko-profile-stats{
  display:flex !important;
  gap:10px !important;
  margin:12px 0 18px !important;
  padding:0 !important;
}

.tokotoko-profile-stats div{
  flex:1;
  background:#fffaf6;
  border:1px solid #f0e5dc;
  border-radius:16px;
  padding:10px 6px;
  text-align:center;
}

.tokotoko-profile-stats strong{
  display:block;
  font-size:18px;
  color:#3f3a36;
  line-height:1.2;
}

.tokotoko-profile-stats span{
  display:block;
  margin-top:4px;
  font-size:12px;
  color:#8a8178;
}

/* 編集ボタン */
.tokotoko-edit-profile{
  display:flex !important;
  align-items:center;
  justify-content:center;
  height:46px;
  margin:16px 0 30px;
  border-radius:999px;
  background:#fff1eb !important;
  color:#8a6b5c !important;
  font-size:14px;
  font-weight:700;
  text-decoration:none !important;
}

/* 見出し */
.tokotoko-section-heading{
  font-size:20px !important;
  font-weight:700 !important;
  color:#3f3a36 !important;
  margin:28px 0 12px !important;
}

/* 投稿なし文 */
.tokotoko-empty{
  background:#fffaf6;
  border:1px solid #f0e5dc;
  border-radius:18px;
  padding:16px;
  font-size:14px;
  color:#5f5750;
}

/* ==========================================
   トコトコ プロフィール編集画面
========================================== */

/* カバー画像を非表示 */
.um-editing .um-cover{
    display:none !important;
}

/* 上部の名前・自己紹介・承認済みを非表示 */
.um-editing .um-profile-meta{
    display:none !important;
}

/* タブを非表示 */
.um-editing .um-profile-nav,
.um-editing .um-profile-navbar{
    display:none !important;
}

/* ヘッダー整理 */
.um-editing .um-header{
    min-height:auto !important;
    padding:0 !important;
    margin:0 0 20px !important;
    border:none !important;
    text-align:center !important;
}

/* プロフィール画像だけ表示 */
.um-editing .um-profile-photo{
    display:block !important;
    float:none !important;
    position:relative !important;
    margin:20px auto !important;
    text-align:center !important;
}

/* アイコン画像 */
.um-editing .um-profile-photo img{
    width:100px !important;
    height:100px !important;
    border-radius:50% !important;
    object-fit:cover !important;
    border:4px solid #fff !important;
    box-shadow:0 2px 8px rgba(0,0,0,.08);
}

/* プロフィール画像の説明 */
.um-editing .um-profile-photo::after{
    content:"プロフィール写真を変更";
    display:block;
    margin-top:10px;
    font-size:12px;
    color:#999;
    font-weight:500;
}

/* 保存ボタン */
.um-editing .um-profile-edit{
    position:absolute !important;
    top:10px !important;
    right:10px !important;
}

/* 入力フォーム余白 */
.um-editing .um-row{
    margin-top:10px !important;
}

/* ラベル */
.um-editing .um-field-label label{
    font-weight:700;
    color:#333;
    font-size:14px;
}

/* 入力欄 */
.um-editing .um-form input,
.um-editing .um-form textarea,
.um-editing .um-form select{
    border-radius:12px !important;
    border:1px solid #e3e3e3 !important;
}

/* セレクトボックス */
.um-editing .select2-container--default .select2-selection--single{
    border-radius:12px !important;
    border:1px solid #e3e3e3 !important;
    height:48px !important;
}

/* 保存ボタン */
.um-editing input[type="submit"],
.um-editing .um-button{
    background:#f4b6a6 !important;
    border:none !important;
    border-radius:14px !important;
    color:#fff !important;
    font-weight:700 !important;
}

/* 保存ボタンホバー */
.um-editing .um-button:hover{
    opacity:.9;
}

/* 全体幅 */
.um.um-editing{
    max-width:500px;
    margin:0 auto;
}

.um-editing .um-header,
.um-editing .um-cover,
.um-editing .um-profile-nav,
.um-editing .um-profile-navbar,
.um-editing .um-profile-meta{
  display:none !important;
}

.um-editing .um-field-profile_photo_custom{
  text-align:center;
}

.um-editing .um-field-profile_photo_custom .um-field-label{
  text-align:center;
}

.um-editing .um-field-profile_photo_custom img{
  width:96px !important;
  height:96px !important;
  border-radius:50% !important;
  object-fit:cover !important;
}

/* 上部チェック保存は見えなくするだけ */
.um-editing .um-profile-edit{
  opacity:0 !important;
  pointer-events:none !important;
}

/* 下部の保存ボタンだけ整える */
.um-editing input[type="submit"].um-button{
  display:block !important;
  width:100% !important;
  height:48px !important;
  margin:24px auto 0 !important;
  border-radius:999px !important;
  background:#f4b6a6 !important;
  color:#fff !important;
  font-weight:700 !important;
  text-align:center !important;
  border:none !important;
}


span.tokotoko-badge {
    font-size: 16px;
}


/* 投稿本文内の画像を表示・整える */
.tokotoko-card-content img,
.tokotoko-single-content img{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  height:auto !important;
  margin:14px 0 0 !important;
  border-radius:18px !important;
  object-fit:cover !important;
}

/* 画像リンク */
.tokotoko-card-content a:has(img),
.tokotoko-single-content a:has(img){
  display:block !important;
}


.tokotoko-more-dropdown a{
    display:block;
    width:100%;
    padding:12px 16px;
    text-decoration:none;
    box-sizing:border-box;
    text-align: center;
}

.tokotoko-more-dropdown form{
    display:block;
    width:100%;
    margin:0;
}

.tokotoko-more-dropdown .tokotoko-delete-button{
    display:block;
    width:100%;
    border:none;
    background:none;
    padding:12px 16px;
    cursor:pointer;
    text-align: center;
}


/* =========================
   ・・・メニュー
========================= */

.tokotoko-more-menu{
    position:relative;
}

.tokotoko-more-button{
    background:none;
    border:none;
    color:#8a8178;
    font-size:18px;
    cursor:pointer;
    padding:0;
}

.tokotoko-more-dropdown{
    display:none;
    position:absolute;
    right:0;
    top:28px;

    min-width:120px;

    background:#fff;
    border:1px solid #f0ece8;
    border-radius:12px;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

    z-index:999;
}

.tokotoko-more-menu.active .tokotoko-more-dropdown{
    display:flex;
    flex-direction:column;
}

.tokotoko-more-dropdown a{
    display:block;
    padding:12px 16px;
    text-decoration:none;
    color:#3f3a36;
    width:100%;
}

.tokotoko-more-dropdown form{
    margin:0;
    width:100%;
}

.tokotoko-more-dropdown .tokotoko-delete-button{
    width:100%;
    padding:12px 16px;
    color:#e88d7c !important;
}

.tokotoko-more-dropdown a:hover,
.tokotoko-more-dropdown button:hover{
    background:#fff7f2;
}


.tokotoko-feed-loader{
  text-align:center;
  color:#8a8178;
  font-size:13px;
  padding:18px 0 28px;
}

body p.um-notice.err {
    padding: 14px 52px 14px 14px !important;
    line-height: 1.6 !important;
    border-radius: 8px !important;
}

body p.um-notice.err i.um-icon-ios-close-empty {
    position: absolute !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;

    font-size: 24px !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;

    text-align: center !important;
    cursor: pointer !important;
}

.tokotoko-join-banner{
  display:block;
  width:100%;
  margin:14px 0 22px;
  text-decoration:none;
}

.tokotoko-join-banner img{
  display:block;
  width:100%;
  height:auto;
  border-radius:16px;
}

.post-46 .entry-content-wrap{
  padding-top: 0px !important;
}

.tokotoko-header-login-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:34px;
    height:34px;
    margin-right:10px;
    border-radius:50%;
    background:#fff7f2;
    color:#6d6258;
    font-size:20px;
    text-decoration:none;
    line-height:1;
}

.tokotoko-header-login-icon:hover{
    background:#f8d8cd;
}

.mobile-toggle-open-container{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:10px !important;
}

.tokotoko-header-login-icon{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:34px !important;
  height:34px !important;
  margin-right:0 !important;
  flex-shrink:0 !important;
}

.tokotoko-header-login-icon img{
  width:22px !important;
  height:22px !important;
  display:block !important;
}

#mobile-toggle{
  flex-shrink:0 !important;
}


.tokotoko-instagram-box {
  display:flex;
  gap:14px;
  align-items:center;

  margin-top:28px;
  padding:18px;

  background:#fffaf6;
  border:1px solid #f1ede8;
  border-radius:22px;
}

.tokotoko-instagram-icon {
  width:42px;
  height:42px;

  display:flex;
  align-items:center;
  justify-content:center;

  background:#fff7f2;
  border-radius:50%;

  font-size:20px;
  flex-shrink:0;
}

.tokotoko-instagram-content {
  flex:1;
}

.tokotoko-instagram-text {
  margin:0 0 10px;
  font-size:14px;
  color:#5f5750;
}

.tokotoko-instagram-button {
  display:inline-block;

  padding:10px 18px;

  background:#f4b6a6;
  color:#fff !important;

  border-radius:999px;

  text-decoration:none !important;
  font-size:13px;
  font-weight:700;
}

.tokotoko-header-login-icon{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-decoration:none !important;
    line-height:1;
}

.tokotoko-login-text{
    display:block;
    margin-top:2px;
    font-size:10px;
    color:#8a8178;
    font-weight:600;
    white-space:nowrap;
}


.tokotoko-profile-message-content{
    max-height:60px;
    overflow:hidden;
    transition:.3s;
}

.tokotoko-profile-message-new.open
.tokotoko-profile-message-content{
    max-height:500px;
}

.tokotoko-profile-toggle{
    border:none;
    background:none;
    color:#d08c60;
    font-size:13px;
    margin-top:6px;
    cursor:pointer;
}


.tokotoko-pull-refresh{
  position:fixed;
  top:10px;
  left:50%;
  transform:translateX(-50%) translateY(-60px);
  z-index:99999;

  padding:8px 14px;
  border-radius:999px;

  background:#fff7f2;
  color:#8a8178;
  border:1px solid #f0e5dc;

  font-size:13px;
  font-weight:700;

  box-shadow:0 6px 18px rgba(80,70,60,.12);
  transition:.2s;
  pointer-events:none;
}

.tokotoko-pull-refresh.show{
  transform:translateX(-50%) translateY(0);
}

.tokotoko-pull-refresh.ready{
  background:#f4b6a6;
  color:#fff;
}