@charset "UTF-8";
@import "reset.css";
/*
 Theme Name:   Hamilton Child (simple life カスタマイズ版)
 Theme URI:    https://simplelife2020.com
 Description:    整理収納アドバイザー西澤孝子様の公式WEBサイト「simple life」専用のカスタム子テーマです。
 Author:    okome.apartments hamanaka michiko
 Template:    hamilton
 Version:    2.1.2
*/
/* ========================================================================
  [ Web Site Credits ]
  
  ■ Client: simple life (西澤 孝子 様)
  ■ Web Director / Designer / Front-end Engineer: okome.apartments hamanaka michiko
  ■ Development Partner: Google AI (Gemini)
  
  ■ Base Theme: 
    - Hamilton by Anders Norén (https://andersnoren.se)
    - 素晴らしいベーステーマを提供してくださった Anders Norén さんに
      心よりの感謝と敬意を申し上げます。
    - I would like to express my sincere gratitude and respect to Anders Norén
      for developing this wonderful base theme.
======================================================================== */
/* html版と同じ内容へ切り替え用 */
/* OSの「視差効果を減らす」設定がオンの場合：アニメーション無効化（または簡略化）する ----------------------------------------------*/
/* アニメーションをオフにする設定がある場合 */
@media (prefers-reduced-motion: reduce) {
  /* 1. ページ内のすべてのCSSアニメーションを強制停止・無効化 */
  *, *::before, *::after {
    animation-delay: 0s !important;
    animation-duration: 0s !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0s !important;
    scroll-behavior: auto !important;
  }
  /* 3. これまでに作った「.fadein」や「3つの効果」の箱たちも、
     スクロールを待たずに最初からすべて100%出現させた状態に強制上書きします */
  .fadein {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
    transition-delay: 0s !important;
  }
}
/* /OSの「視差効果を減らす」設定がオンの場合：アニメーション無効化（または簡略化）する ----------------------------------------------*/
/* スマホでボタンやリンクタップ時のhoverを無効にする --------------------------------------------------------------------------*/
@media (hover:hover) {
  /*hoverに対応している媒体向け（PC）*/
  .main-nav li a:hover {
    color: #788d98;
    transition: color 0.5s ease;
  }
  .main-nav li img:hover {
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  svg:hover .st0ht {
    stroke-dashoffset: 0;
    z-index: 9999;
  }
}
@media (hover:none) {
  /*hoverに対応していない媒体向け（スマホ、タブレット）*/
  .main-nav li a:active {
    color: #788d98;
    transition: color 0.5s ease;
  }
  .main-nav li img:active {
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  svg:active .st0ht {
    stroke-dashoffset: 0;
    z-index: 9999;
  }
}
/* /スマホでボタンやリンクタップ時のhoverを無効にする -------------------------------------------------------------------------*/
/* ページ読み込みフェードイン */
body {
  background: #fff;
  animation: loading 3s;
}
@keyframes loading {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* /ページ読み込みフェードイン */
/* 共通部分 -------------------------------------------------------------------------------------------------------------*/
html {
  font-size: 100%;
}
/* html 下部の余白をなくす -------------------------------------------------------------------------------------------------*/
html, body {
  height: 100%;
}
/* 
  ★すべての id ターゲットに対して、リンク移動したときに
  画面上部から「250px」手前でピタッと止まる
*/ :target {
  scroll-margin-top: 250px;
}
body {
  font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", Yu Gothic, sans-serif;
  line-height: 2.6em !important;
  letter-spacing: 0.1em;
  color: #575757;
  font-size: 14px;
  background-color: #fff;
  margin: 0;
  box-sizing: border-box;
}
html, body.single {
  background: #fbfbff !important;
}
.single #content {
  box-sizing: border-box;
  box-shadow: none !important; /* 余計な2重の影を綺麗に消去します */
  background: transparent !important;
}
h2 {
  font-size: 1.6em;
}
h3 {
  font-size: 1.4em;
  text-align: center;
}
h4 {
  font-size: 1.2em;
}
a {
  text-decoration: none;
  cursor: pointer;
  color: #3583aa;
  word-break: break-all;
}
a:visited {
  color: #788d98;
}
ul, ol {
  list-style: none;
}
img {
  max-width: 100%;
}
#top h1 {
  position: fixed;
  left: 25px;
  width: 142px;
  margin: 0 !important;
  z-index: 9900;
}
.mincho, .entry-title, .meta {
  font-family: "游明朝体", "Yu Mincho", YuMincho, serif !important;
}
.blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px); /* ロゴ・メニューに重なったか所をぼかす */
}
.main-nav {
  position: fixed;
  right: 25px;
  padding-top: 2px;
  margin: 0 !important;
  display: flex;
  font-size: 1rem;
  text-decoration: none;
  width: auto;
  color: #575757;
}
.main-nav li {
  padding: 0 20px;
}
.main-nav li a {
  color: rgba(0, 0, 0, 0.9);
  font-family: 'Cormorant Infant', "游明朝体", "Yu Mincho", YuMincho, serif !important;
  transition: color 0.6s ease;
}
.main-nav li a img {
  transition: opacity 0.6s ease;
  vertical-align: middle;
}
.main-nav li:last-child {
  padding: 0 0 0 20px;
}
.page-header_html {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px 0;
  width: 100% !important;
  min-height: 3.8rem !important;
  z-index: 9990;
}
/* メニューボタン切り替え用 */
#menu_t {
  display: none !important;
}
.m_btn_1 {
  position: fixed;
  top: 85px;
  right: 25px;
  padding: 0 20px;
  display: flex;
  font-size: 1rem;
  line-height: 2.3em !important;
  text-decoration: none;
  width: auto;
  color: rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(255, 255, 255, 0.3);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  z-index: 250;
}
.m_btn_1:focus {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
  box-shadow: none !important;
}
/* /menu --------------------------------------------------------------------------------------------------------------*/
/* top hover svg 始まり ***************************************************************** hover svg 始まり */
.st0ht {
  fill: none;
  stroke: #E8F0FF;
  stroke-width: 1;
  stroke-miterlimit: 10;
  stroke-dasharray: 2000;
  stroke-dashoffset: 2000;
  transition: stroke-dashoffset 8s linear;
}
ul a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  z-index: 1;
}
ul svg {
  position: absolute;
  z-index: 3;
  width: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
/* common ---------------------------------------------------------------------------------------------------------------*/
button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {
  border-color: #81BAD6 !important;
  box-shadow: 0 0 8px rgba(202, 168, 127, 0.2) !important;
}
.entry-meta {
  display: none !important;
}
.entry-title {
  font-size: 1.5em !important;
  font-weight: bold !important;
}
.opacity07 {
  opacity: 0.7;
}
.font-size08 {
  font-size: 0.8em;
}
.blue {
  color: #3479B3;
}
.b_gray {
  color: #6F8BA6;
}
.u_kon {
  color: #274E73;
}
.k_kon {
  color: #213e59;
}
.center {
  text-align: center;
}
.left {
  text-align: left;
}
.right {
  text-align: right;
}
.margin-top80 {
  margin-top: 80px;
}
.margin-top65 {
  margin-top: 65px;
}
.margin-top60 {
  margin-top: 60px;
}
.margin-top50 {
  margin-top: 50px;
}
.margin-top40 {
  margin-top: 40px;
}
.margin-top35 {
  margin-top: 35px;
}
.margin-top20 {
  margin-top: 20px;
}
.margin-top15 {
  margin-top: 15px;
}
.margin-top08 {
  margin-top: 8px;
}
.margin-bottom15 {
  margin-bottom: 15px;
}
.margin-bottom100 {
  margin-bottom: 100px;
}
.padding-inline02em {
  padding-inline: 0.2em;
}
.padding-inline05em {
  padding-inline: 0.5em;
}
.padding-inline1em {
  padding-inline: 1em;
}
.l_nomal {
  letter-spacing: normal;
}
.block {
  display: block;
}
.none_0, .none_443 {
  display: none;
}
.boxshadow {
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1);
}
.u_shadow {
  border-bottom: 1px rgba(0, 0, 0, 0.7);
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
  padding-bottom: 2px;
}
/*可視状態でフェードイン*/
/* 最初（画面外）の状態：透明 */
.fadein {
  opacity: 0;
  transition: opacity 1.5s ease-out, transform 1.5s ease-out;
}
/* 画面に入ったときの状態：表示 */
.fadein.is-show {
  opacity: 1;
}
/************** ページトップへ *******************************************/
.pagetop {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 20px;
  line-height: inherit;
  width: 50px;
  z-index: 99999;
}
.pagetop a {
  display: block;
  background-color: #EDF6FF;
  text-align: center;
  color: #406A94;
  border: 1px solid #ccc;
  font-size: 10px !important;
  text-decoration: none;
  padding: 4.7px 10px;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
  opacity: 0.5;
  z-index: 99999;
  transition-duration: 0s !important;
}
.pagetop a:hover {
  background-color: #b2d1fb;
  color: #fff;
  border: none;
  transform: scale(1) !important;
  transition-duration: none !important;
}
.padding-top15 {
  padding-top: 15px;
}
.padding-top20 {
  padding-top: 20px;
}
.padding-top40 {
  padding-top: 40px;
}
.padding-left1 {
  padding-left: 1em;
}
.padding-left10 {
  padding-left: 10px;
}
.padding-left05 {
  padding-left: 0.5em;
}
.padding-right05 {
  padding-right: 0.5em;
}
.padding-right1 {
  padding-right: 1em;
}
/* ------------------------------------------------
   パンくずリスト
   ------------------------------------------------ */
.breadcrumb-wp-custom ol li a:hover, .meta a:hover, .related-posts .post-preview h2:hover, .post-preview h2:hover {
  color: #81BAD6 !important;
}
/* ----------------------------------------------------------------------------------
   アニメーション両方停止用cssアニメーション.hover時アニメーション停止ボタンのコード
------------------------------------------------------------------------------------- */
/* 停止クラスが付与されたらアニメーションを止める */
body.is-paused .slideshow img, body.is-paused #subtitle2, body.is-paused .subtitle_2, body.is-paused .st0ht, body.is-paused .scrollbar::after {
  animation-play-state: paused !important;
}
body.is-paused .scrollbar::after {
  height: 100px !important;
}
body.is-paused .s_t_1, body.is-paused .message_txt01, body.is-paused .message_txt02, body.is-paused .fadein {
  transition: none !important;
  opacity: 1 !important;
}
body.is-paused .container-b > li {
  opacity: 1 !important;
}
body.is-paused .container-c {
  transition-delay: 0s !important;
  transition: none !important;
  opacity: 1 !important;
}
/* mainvisualテキストエリア */
body.is-paused #subtitle, body.is-paused .bg-slider__title {
  animation: none !important;
  opacity: 1 !important; /* ボタンが押された時だけ、両方とも100%表示する */
}
body.is-paused #subtitle {
  top: 40% !important; /* タイトルを少し上にずらす */
}
body.is-paused .bg-slider__title {
  top: 60% !important; /* 紹介文を少し下にずらす */
  text-align: center !important; /* 停止時は中央寄せにして読みやすくする */
}
/* ------------------------------------------------
   hover（マウスホバー）時の動き・色の停止設定
   ------------------------------------------------ */
/* hover時の「文字色・背景色の変化」を無視させる */
body.is-paused .pagetop a:hover {
  background-color: #EDF6FF !important;
  color: #406A94 !important;
  border: 1px solid #ccc !important;
}
body.is-paused .main-nav li a:hover {
  color: rgba(0, 0, 0, 0.9) !important;
  background-color: transparent !important;
}
body.is-paused .sticky-nav-list li a:hover {
  color: #3583aa !important;
}
body.is-paused .footer-nav ul li:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}
body.is-paused .footer-nav ul li a:hover, body.is-paused .breadcrumb ol li a:hover, body.is-paused .breadcrumb-wp-custom ol li a:hover {
  color: #747373 !important;
}
body.is-paused .meta a:hover, body.is-paused .related-posts .post-preview h2:hover, body.is-paused .post-preview h2:hover {
  color: #788d98 !important;
}
body.is-paused .footer-nav ul .insta_i a:hover {
  filter: none !important;
  transition: none !important;
}
/* ------------------------------------------------
   WP preview-image hover時に動く「afterの背景色変化」を止める
   ------------------------------------------------ */
body.is-paused .preview-image:after {
  background: rgba(255, 255, 255, 0) !important;
  transition: none !important;
}
/* ------------------------------------------------
   hover時に動く「内部のSVGアニメーション」を止める
   ------------------------------------------------ */
body.is-paused .main-nav li a:hover svg, body.is-paused #menu_t .menu-list_k li a:hover svg {
  animation-play-state: paused !important;
  display: none !important;
}
/* footer */
/* ------------------------------------------------
   フッターデザイン（PC用）
   ------------------------------------------------ */
footer {
  background-color: #fbfbff;
  text-align: center;
  border-top: 2px solid rgba(255, 255, 255, 1);
  padding: 50px 0 20px !important;
}
/* フッターナビの枠組み */
.footer-nav {
  margin-bottom: 30px;
}
.footer-nav ul {
  margin: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 25px;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 0 15px;
}
/* フッターの文字リンクのデザイン */
.footer-nav ul li a {
  text-decoration: none;
  font-size: 13px;
  color: #747373;
  font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif !important;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  border-bottom: none !important;
}
/* ------------------------------------------------
   インスタアイコン専用の設定
   ------------------------------------------------ */
.footer-nav ul li.insta_i a {
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer-nav ul li.insta_i img {
  width: 20px !important;
  height: 20px !important;
  margin-top: 1px;
  display: block;
  opacity: 0.3 !important;
}
.footer-nav ul li a:hover {
  color: #81BAD6;
}
.insta_i a:hover {
  filter: brightness(0) saturate(95%) invert(85%) sepia(10%) saturate(800%) hue-rotate(90deg) brightness(90%) contrast(105%);
}
.footer-nav ul li:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
/* コピーライトの文字 */
footer small {
  font-size: 11px;
  color: #999;
  letter-spacing: 0.05em;
}
/* ------------------------------------------------
   レスポンシブレイアウト
   ------------------------------------------------ */
@media (max-width: 1220px) {
  .main-nav {
    display: none !important;
  }
  #menu_t {
    display: block !important;
  }
  /* トグル始まり *******************************************************/
  /* トグルスイッチのデザイン */
  .toggle-switch {
    display: block;
    width: 300px;
    background: transparent;
    box-shadow: transparent;
    text-align: center;
  }
  .logo5 {
    position: fixed;
    top: 15px;
    right: 25px;
    width: auto;
    z-index: 9999;
  }
  .global-nav_2 {
    font-size: 16px;
    line-height: 1.1em !important;
    padding: 3px 7px 5px;
    color: rgba(0, 0, 0, 0.7);
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
  }
  .h_insta a {
    width: 100% !important;
    text-align: center !important;
  }
  .h_insta a img {
    vertical-align: middle;
    display: inline-block !important;
  }
  /* ------------------------------------------------
   文字を「close」に切り替える
   ------------------------------------------------ */
  #side-menu-toggle5:checked ~ .toggle-switch .menu-text {
    font-size: 0;
  }
  #side-menu-toggle5:checked ~ .toggle-switch .menu-text::after {
    content: "close";
    font-size: 16px;
    color: rgba(0, 0, 0, 0.7);
  }
  #side-menu-toggle5:checked ~ .toggle-switch .global-nav_2 {
    padding: 5px 8px 0 5px !important;
  }
  /* ------------------------------------------------
   メニューリスト本体の基本設定
   ------------------------------------------------ */
  #top .menu-list_k {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100vh;
    padding: 120px 0;
    margin: 0;
    font-size: 15px;
    font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif !important;
    background: rgba(227, 235, 252, 0.9);
    box-shadow: -1px 0 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    text-align: center !important;
    letter-spacing: 2px;
    line-height: 3em !important;
    z-index: 9995;
    transition: all 0.4s ease-in-out;
  }
  #top .menu-list_k li {
    line-height: 3em !important;
  }
  /* ------------------------------------------------
   チェック時（メニューが開いたとき）
   ------------------------------------------------ */
  #side-menu-toggle5:checked ~ .menu-list_k {
    right: 0;
  }
  /* チェックボックス非表示 */
  #side-menu-toggle5 {
    display: none;
  }
  /* ------------------------------------------------
   非チェック時（メニューが閉じるとき）
   ------------------------------------------------ */
  /* メニュー内のリンク共通設定 */
  .menu-list_k li a {
    display: block;
    padding: 0.5em 1em;
    color: #3583aa;
    text-decoration: none;
    white-space: nowrap;
  }
  .menu-list_k li a:link, .menu-list_k li a:visited {
    color: #304F6E;
  }
  /* リンクホバー時（停止ボタンとの連動含む） */
  .menu-list_k li a:hover {
    opacity: 0.7;
    color: #81BAD6;
  }
  /* 停止ボタンとの連動 */
  body.is-paused .menu-list_k li a:hover {
    opacity: 1 !important;
    color: #304F6E !important;
  }
}
@media (max-width: 770px) {
  /* footer */
  footer {
    padding: 40px 0 25px;
  }
  .footer-nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 25px;
    max-width: 350px;
    margin: 0 auto;
  }
  .footer-nav ul li {
    width: 100%;
    text-align: left;
    vertical-align: top;
  }
  /* プライバシーポリシー：2列分・一番下中央 */
  .footer-nav ul li.footer-privacy {
    grid-column: 1 / 3; /* 1列目から2列目の終わりまで全部使うという意味 */
    text-align: center;
    margin-top: 10px;
  }
  .footer-nav ul li a {
    font-size: /*12*/ 14px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 5px 0;
    line-height: 1.4;
    word-break: normal !important;
  }
  /* スマホ時プライバシーポリシーのリンクだけを真ん中寄せ */
  .footer-nav ul li.footer-privacy a {
    justify-content: center;
  }
  .footer-nav ul li.insta_i a {
    justify-content: flex-start;
    /*font-size: 12px !important;*/
  }
  .footer-nav ul li.insta_i img {
    margin-top: 2px;
  }
  .margin-left55 {
    margin-left: 55px !important;
  }
  /* /footer */
}
/* content */ /* 先下部までcontentを届ける */
#content.site-content {
  width: 80% !important;
  max-width: 1200px !important;
  /*height: 88vh !important;*/
  margin: 0 auto 100px !important;
  padding-bottom: 100px !important;
  box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1) !important;
  background-color: #ffffff !important;
  flex: 1;
}
#page.site {
  background-color: #fbfbff !important;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  box-sizing: border-box;
}
/* /html版と同じ内容へ切り替え用 */
body {
  color: #575757;
  font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", Yu Gothic, 'Libre Franklin', -apple-system, 'Helvetica Neue', sans-serif !important;
  font-size: 14px;
}
p {
  line-height: 2.6em !important;
}
.site-header .custom-logo a {
  font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", Yu Gothic, 'Libre Franklin', -apple-system, 'Helvetica Neue', sans-serif;
  font-size: 8px;
  letter-spacing: 2em;
}
.title {
  font-size: 1.2em !important;
  font-weight: 300;
  letter-spacing: -0.025em;
  line-height: 1.35;
}
.posts {
  margin-bottom: 80px !important;
}
.featured-image img {
  width: 100px;
  margin: 0 auto;
}
.entry-content p {
  font-size: 14px;
  line-height: 2.6em !important;
  letter-spacing: 0.1em;
  margin-bottom: 35px;
}
.site-header .custom-logo img {
  width: 84px !important;
  height: 24px !important;
}
.site-nav li {
  display: block;
  font-size: 16px;
  font-weight: 300;
  color: #415254;
  letter-spacing: 1em;
  line-height: 3;
  width: 100%;
}
.site-nav li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: #415254;
}
.site-nav ul a {
  border-bottom: 1px solid transparent;
}
.site-nav ul a:hover {
  color: #AD8D15;
}
.entry-content pre {
  background: #786031 /*#4A3922*/ ;
  color: #FFF;
  font-size: 0.8em;
  line-height: 2;
  margin: 2em 0;
  padding: 10px;
  word-wrap: break-word;
}
.site-footer p + p {
  display: none;
}
#seminar {
  border: 1px solid #dedede !important;
  padding: 0.5em !important;
}
.meta {
  font-size: 15px !important;
}
.page-header {
  margin: 0 auto !important;
}
.meta a:hover, .meta a:focus, .site-footer a:hover, .site-footer a:focus {
  border-bottom: none !important;
  border-bottom-color: transparent !important;
}
/* ページ下部の投稿box */
.related-posts-wrapper {
  margin: 80px auto !important;
}
.preview-image {
  background: rgba(227, 235, 252, 0.6) no-repeat center !important;
  border-radius: 8px !important;
}
.related-posts .post-preview h2, .post-preview h2 {
  color: #788d98 !important;
  font-family: "Cormorant Infant", serif !important;
  font-size: 12px !important;
}
.post-preview h2 {
  font-size: 18px !important;
}
/* 関連投稿のテキストを最初から表示する */
.post-preview header {
  opacity: 1 !important;
  transform: translateY(0) !important;
}
.preview-image:after {
  background: rgba(255, 255, 255, 0.5) !important;
}
.related-posts .post-preview .preview-image:before {
  padding-bottom: 60% !important;
}
/* /ページ下部の投稿box */
.entry-content li img {
  display: none;
}
.page-id-132 .page-header {
  display: none;
}
.page-id-132 .site-footer {
  display: none;
}
.pt-cv-collapsible .panel-heading a {
  display: none;
  /* padding: 10px 15px; */
}
.pt-cv-thumbnail {
  height: auto;
  max-width: 60px !important;
  margin-top: 0 !important;
  margin-bottom: 10px !important;
  min-width: inherit !important;
}
.page-id-196 {
  height: auto;
}
.page-id-196 .page-header {
  display: none;
}
.page-id-196 .site-footer {
  display: none;
}
.page-id-325 .page-header {
  display: none;
}
.page-id-325 .site-footer {
  display: none;
}
@media (max-width: 620px) {
  #content.site-content {
    margin: 70px auto 100px !important;
  }
  footer small {
    font-family: "游ゴシック Medium", Yu Gothic Medium, "游ゴシック体", Yu Gothic, 'Libre Franklin', -apple-system, 'Helvetica Neue', sans-serif !important;
  }
  .posts {
    left: auto !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .post-preview header h2 {
    font-size: 12px !important;
  }
}