/*
  Skin Name: やたぴす
  Description:自作するよ。
  Skin URI: https://wp-cocoon.com/
  Author: やったーぴーす
  Author URI: https://nelog.jp/
  Screenshot URI: https://im-cocoon.net/wp-content/uploads/skin-template.png
  Version: 1.0.2
  Priority: 9999000000
*/
/*以下にスタイルシートを記入してください*/



/* 背景と文字の基本設定 */
body {
  background-color: #ffffff; /* サイト全体の背景色 */
  color: #000000; /* 基本の文字色 */
  font-family: "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", serif;
}


/* リンクの色 */
a {
  color: #ff5500; /* 通常 */
}
a:hover {
  color: #ff5500; /* ホバー時 */
  background-color: rgba(255, 85, 0, 0);
}



/* 見出し */
.article h2 {
  background: #fff;                 /* 白い箱 */
  border: 1px solid #333;           /* 枠線 */
  padding: 0.6em 1em;               /* 内側の余白 */
  margin: 1.5em 0 1em;              /* 上下の余白 */
  position: relative;               /* 影のために必要 */
  display: inline-block;            /* 箱の幅を文字に合わせる */
}

.article h2::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;                     /* タイトルの少し下 */
  transform: translateX(-50%);
  width: 90%;                       /* 影の幅 */
  height: 6px;                      /* 影の高さ */
  background: rgba(0,0,0,1);      /* 影の色 */
clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);              /* 台形の影っぽくする */
}


/* 記事タイトル */
.entry-title {
  background: #fff;                 /* 白い箱 */
  border: 1px solid #333;           /* 枠線 */
  padding: 0.6em 1em;               /* 内側の余白 */
  margin: 1.5em 0 1em;              /* 上下の余白 */
  position: relative;               /* 影のために必要 */
  display: inline-block;            /* 箱の幅を文字に合わせる */
}

.entry-title::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -12px;                     /* タイトルの少し下 */
  transform: translateX(-50%);
  width: 90%;                       /* 影の幅 */
  height: 6px;                      /* 影の高さ */
  background: rgba(0,0,0,1);      /* 影の色 */
clip-path: polygon(0 0, 100% 0, 80% 100%, 20% 100%);              /* 台形の影っぽくする */
 }

.entry-header {
 text-align: center;                 /* 中央配置 */
}




/* ボタン */
.wp-block-button__link,
.wp-element-button {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  padding: 0.6em 2.5em;
  display: inline-block;
  position: relative;
  font-size: 1em;
  cursor: pointer;
}

/* 左右の倒れた逆台形の飾り */
.wp-block-button__link::before {
  content: "";
  position: absolute;
   top: 50%;
  width: 1px;
  height: 90%;
  transform: translateY(-50%);
  background: #000000;
  border: 3px solid #000000;
  clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
}

.wp-block-button__link::after {
  content: "";
  position: absolute;
   top: 50%;
  width: 1px;
  height: 90%;
  transform: translateY(-50%);
  background: #000000;
  border: 3px solid #000000;
  clip-path: polygon(0 0, 100% 20%, 100% 80%, 0 100%);
}

/* 左右配置 */
.wp-block-button__link::before {
  left: -14px;
}
.wp-block-button__link::after {
  right: -14px;
}





/* ページ送りボックスの縦長構造を全部破壊する */
.pager-post-navi,
.pager-post-navi .nav-links,
.pager-post-navi .prev-post,
.pager-post-navi .next-post {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  align-items: center !important;
  width: 100% !important;
  margin: 2em 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
}

/* タイトルだけ残す */
.pager-post-navi .title,
.pager-post-navi a {
  display: inline-block !important;
  margin: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  border: none !important;
  line-height: 1.4;
}

/* 中に入っている縦長の箱を全消し */
.pager-post-navi .post-navi,
.pager-post-navi .post-navi.post-prev,
.pager-post-navi .post-navi.post-next,
.pager-post-navi .prev,
.pager-post-navi .next,
.pager-post-navi .entry-card,
.pager-post-navi .card,
.pager-post-navi .thumbnail,
.pager-post-navi .no-image,
.pager-post-navi img,
.pager-post-navi .arrow {
  display: none !important;
}


/* 特定の文字だけ見えなくする */
body {
  --arrow-hide: "‹", "›";
}

body * {
  font-variant-ligatures: none !important;
}

body *:before,
body *:after {
  content: "" !important;
}


/* Cocoon の block + 50% を殺す */
#pager-post-navi > a {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
}

/* 親を flex に */
#pager-post-navi {
  display: flex !important;
  justify-content: space-between !important;
  width: 100% !important;
}

/* 前だけがあるページ → 左 */
#pager-post-navi > a.prev-post:first-child:last-child {
  margin-right: 75% !important;
  text-align: left !important;
}

/* 次だけがあるページ → 右 */
#pager-post-navi > a.next-post:first-child:last-child {
  margin-left: 75% !important;
  text-align: right !important;
}

/* 両方あるページ */
#pager-post-navi > a.prev-post {
  margin-right: 50 !important;
  text-align: left !important;
}

#pager-post-navi > a.next-post {
  margin-left: 50% !important;
  text-align: right !important;
}

.pager-post-navi a {
 color: #ff5500 !important; /* あなたが設定した色に戻す */
 text-decoration: none !important;
}

.pager-post-navi a {
  white-space: nowrap;
}











/* 記事ページだけヘッダー非表示 */
.single #header-container,
.single .header,
.single .header-container {
  display: none !important;
}


/* コメント殺し */
#comments,
.comment-area,
.comment-respond,
.comments-area {
  display: none !important;
}

/* サイドバー殺し */
#sidebar,
#sidebar .widget,
#sidebar .widget-area,
#sidebar .sidebar,
#sidebar .container {
  display: none !important;
}

.sidebar {
  display: none !important;
}

.main {
  width: 100% !important;
}

/* カテゴリー殺し */
.entry-categories,
.cat-label,
span.category,
.post-categories,
.post-meta .category,
.meta-category {
  display: none !important;
}





/* ページ送り下の余白を消す */
.pager-post-navi {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* フッターウィジェット全体の余白を消す */
#footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 記事本文の末尾余白を消す */
.article {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 記事を囲んでる全体の余白を消す */
.entry-content {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* 記事本文の最下層余白を消す */
.entry,
.entry-wrap,
.article-body,
.main,
.main .entry {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* ヘッダーとタイトルの余白を縮める */
.site-title,
.logo-image,
.site-logo {
  margin-bottom: -0.8em !important;
}

#content,
#content-in {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.entry-title {
  margin: 0 !important;
}