/*
Theme Name: フィロソフィア柏尾
Description: フィロソフィア柏尾教室のテーマ
License: GNU General Public License v2 or later
License URI: LICENSE
*/
@charset "utf-8";
@import"assets/css/slick.css";
@import"assets/css/slick-theme.css";
@import"assets/css/bootstrap.min.css";
@import"assets/css/paper-kit.css?v=2.0.4";
@import"assets/css/demo.css";
@import"https://fonts.googleapis.com/css?family=Montserrat:400,300,700";
@import"https://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css";

/* 投稿画像の横幅制限を追加 */
img {
	max-width: 100%;
	height: auto;
}

/* URLの途中で改行させる */
body {
	word-break: break-all;
}

/* ================================
📱 スマホ用：サイドバーを記事タイトル上に配置（コンパクト調整版）
================================ */
@media screen and (max-width: 600px) {

  /* コンテナ全体を縦並び */
  .container.news.mt-5.pb-5.content-area {
    display: flex !important;
    flex-direction: column !important;
  }

  /* サイドバーを上に配置（余白を少し削減） */
  #sidebar {
    order: -1 !important;
    width: 100% !important;
    margin-bottom: 10px !important; /* ↓記事との間の余白を小さく */
    background: #fafafa !important;
    border: 1px solid #eee !important;
    border-radius: 6px !important;
    padding: 8px 10px !important; /* 内側余白を控えめに */
    box-shadow: 0 1px 3px rgba(0,0,0,0.05) !important; /* ごく淡い影 */
    font-size: 0.9em !important;
    line-height: 1.5 !important;
  }

  /* サイドバー見出し */
  #sidebar h3 {
    font-size: 1em !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #e0e0e0 !important;
    padding-bottom: 3px !important;
    color: #444 !important;
  }

  /* リスト */
  #sidebar ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  #sidebar li {
    margin-bottom: 3px !important;
  }

  /* 検索フォーム */
  #sidebar input[type="search"],
  #sidebar input[type="text"] {
    width: 100% !important;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    padding: 4px 5px !important;
    margin-bottom: 5px !important;
  }

  #sidebar input[type="submit"],
  #sidebar button {
    font-size: 0.8em !important;
    padding: 3px 7px !important;
    border-radius: 4px !important;
    background: #f5f5f5 !important;
    border: 1px solid #ccc !important;
  }

  /* サイドバー内セクション */
  #sidebar section {
    margin-bottom: 10px !important;
  }
}