@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/*
  Josh's Custom CSS Reset
  https://www.joshwcomeau.com/css/custom-css-reset/
*/
*,*::before,*::after{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}#root,#__next{isolation:isolate}ul,ol{padding: 0;list-style: none;}li{padding: 0;margin: 0;}a{text-decoration: none;}img{width: auto;height: auto;object-fit: cover;}.fa {display: none;}

/************************************
** 基本
************************************/
:root {
	--main: #35429b;
	--text: #333333;
	--text-light: #767676;
	--text-light-link: #888888;
	--border: #cccccc;
	--search-icon: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xNC4zMzg3IDE0LjMzODdDMTAuMzE3IDE4LjM2MDUgNy4wNTEyMyAyMi44NDQ2IDQuNDc2MDkgMjcuNjAxM0MtMy43NjIwNiA0NS4zMjk1IC0wLjY0MzQ3MiA2Ny4wOTE4IDEzLjk1NTEgODEuNjkwNEMzMC44ODgyIDk4LjYyMzUgNTcuNDYwNyAxMDAuMTM5IDc2LjE4NjggODYuMzQ3MUw4OS44Mzk3IDEwMEM5MS43MTY2IDk4LjU0MTMgOTMuNTUyMyA5Ny4wMDE4IDk1LjI3NzEgOTUuMjc3Qzk3LjAwMTggOTMuNTUyMyA5OC41NDEzIDkxLjcxNjYgMTAwIDg5LjgzOThMODYuMzQ3MSA3Ni4xODY5QzEwMC4xMzkgNTcuNDYwOCA5OC42MjM0IDMwLjg4ODIgODEuNjkwMyAxMy45NTVDNjcuMDkxOCAtMC42NDM1MDIgNDUuMzI5NSAtMy43NjIwNCAyNy42MDEzIDQuNDc2MDlDMjIuODQ0NiA3LjA1MTI2IDE4LjM2MDUgMTAuMzE2OSAxNC4zMzg3IDE0LjMzODdaTTIwLjcyODYgMjAuNzI4NkMzNS43MzI0IDUuNzI0NzggNTkuOTEzIDUuNzI0NzggNzQuOTE2OCAyMC43Mjg2Qzg5LjkyMDYgMzUuNzMyMyA4OS45MjA2IDU5LjkxMzEgNzQuOTE2OCA3NC45MTY4QzU5LjkxMyA4OS45MjA2IDM1LjczMjMgODkuOTIwNiAyMC43Mjg2IDc0LjkxNjhDNS43MjQ4MSA1OS45MTMxIDUuNzI0OCAzNS43MzIzIDIwLjcyODYgMjAuNzI4NloiIGZpbGw9IiMzMzMzMzMiLz4KPC9zdmc+Cg==);
	--arrow-top-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz4KDTxnPgoNPHBhdGggZD0iTTE1IDE0bC01LTUtNSA1LTItMSA3LTcgNyA3eiIvPgoNPC9nPgoNPC9zdmc+);
	--arrow-bottom-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz4KDTxnPgoNPHBhdGggZD0iTTUgNmw1IDUgNS01IDIgMS03IDctNy03eiIvPgoNPC9nPgoNPC9zdmc+);
	--close-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIEdlbmVyYXRvcjogU1ZHIFJlcG8gTWl4ZXIgVG9vbHMgLS0+Cjxzdmcgd2lkdGg9IjgwMHB4IiBoZWlnaHQ9IjgwMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+Cg08cmVjdCB4PSIwIiBmaWxsPSJub25lIiB3aWR0aD0iMjAiIGhlaWdodD0iMjAiLz4KDTxnPgoNPHBhdGggZD0iTTEyLjEyIDEwbDMuNTMgMy41My0yLjEyIDIuMTJMMTAgMTIuMTJsLTMuNTQgMy41NC0yLjEyLTIuMTJMNy44OCAxMCA0LjM0IDYuNDZsMi4xMi0yLjEyTDEwIDcuODhsMy41NC0zLjUzIDIuMTIgMi4xMnoiLz4KDTwvZz4KDTwvc3ZnPg==);
	--arrow-right-icon: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMiAyM0MxOC4wNzUxIDIzIDIzIDE4LjA3NTEgMjMgMTJDMjMgNS45MjQ4NyAxOC4wNzUxIDEgMTIgMUM1LjkyNDg3IDEgMSA1LjkyNDg3IDEgMTJDMSAxOC4wNzUxIDUuOTI0ODcgMjMgMTIgMjNaTTIxIDEyQzIxIDE2Ljk3MDYgMTYuOTcwNiAyMSAxMiAyMUM3LjAyOTQ0IDIxIDMgMTYuOTcwNiAzIDEyQzMgNy4wMjk0NCA3LjAyOTQ0IDMgMTIgM0MxNi45NzA2IDMgMjEgNy4wMjk0NCAyMSAxMlpNMTIuMzI4NCAxNy45ODUzTDE3Ljk4NTMgMTIuMzI4NEwxMi4zMjg0IDYuNjcxNThMMTAuOTE0MiA4LjA4NThMMTQuMTU2OSAxMS4zMjg0SDUuMzI4NDNWMTMuMzI4NEgxNC4xNTY5TDEwLjkxNDIgMTYuNTcxMUwxMi4zMjg0IDE3Ljk4NTNaIiBmaWxsPSIjMDAwMDAwIi8+DQo8L3N2Zz4=);
	
}
body {
	font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans","Noto Sans JP", sans-serif;
	color: var(--text);
	background: #fafafa;
	letter-spacing: 0.02em;
	font-size: 1.0625rem;
}
html {
    scrollbar-gutter: stable;
}
a {
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
iframe {
	width: 100%;
}

/************************************
** ゲーム別カラー
************************************/

/* インディーズ */
.tag-link-34 {
	background:#008da6 !important;
	color: #fff !important;
}
/* EldenRing / エルデンリング */
.tag-link-25 {
	background: #b78f00 !important;
	color: #fff !important;	
}
/* The Duskbloods / ダスクブラッド */
.tag-link-27 {
	background: #ac3e00 !important;
	color: #fff !important;		
}
/* アークナイツ:エンドフィールド */
.tag-link-26 {
	background: #7eb40d !important;
	color: #fff !important;	
}
/************************************
** コンテンツ
************************************/
.container {

}

.content {
  margin-top: 5.5rem;
}

.container::after {
  content: "";
  position: absolute;
  top: 5rem;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 22rem;
  margin: auto;
  background: var(--border);
  z-index: -1;
}

.wrap {
  width: 100%;
  max-width: 75rem;
  margin: 0 auto;
}

.header-container .wrap {
  max-width: 85rem;
}

.header .wrap,
.navi .wrap {
  width: auto;
  padding: 0;
}

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

.header-container {
  position: sticky;
  top: 0;
  z-index: 1000;
  display: flex;
  align-items: center;
  height: 4rem;
  background: #fafafa;
}
#header-container::before {
    content: "";
    bottom: 0;
    left: 0;
    background: var(--border);
    width: 100%;
    height: 1px;
	position: absolute;
}
.header-container-in,
.header_menu,
.menu-header,
.header-in {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}

.header-container-in {

}

.header-in {
  gap: 1.5rem;
}

.header-site-logo-image {
  max-height: 1.5rem;
}

.header_menu {

}

.menu-header {
  margin-right: 0.5rem;
}

.site-fixed-logo-image {
  display: none;
}
.appeal {
	padding: 1rem;
	font-size: 1rem;
	font-weight: 700;
	background: var(--text);
	color: #fff;
	text-align: center;
}
.appeal-title {
	opacity: .9;
}
/************************************
** ヘッダーメニュー
************************************/
.tagline {
  font-size: 0.875rem;
  font-weight: 700;
  opacity: 0.7;
}

/* 検索 */
.header-search {

}

.header-search .search-box,
.header-search .search-edit,
.header-search .search-submit {
  height: 2.5rem;
  display: flex;
  align-items: center;
}

.header-search .search-box {
  background: #ececec;
  border-radius: 0.25rem;
  overflow: hidden;
}

.header-search .search-edit {
  border: none;
  background: inherit;
  padding: 0 1rem;
  font-size: 0.875rem;
}

.header-search .search-submit {
  border: none;
  background: inherit;
  padding: 0 1rem;
  cursor: pointer;
  transition: 0.2s;
}

.header-search .search-submit::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background-color: var(--text);
  mask-image: var(--search-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1rem;
}

.menu-item a {
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 1rem;
  border-radius: 0.25rem;
  color: var(--text);
}

.menu-item a:hover {
  /* color: #666; */
  background: #e5e5e5;
}

.item-label {
  font-size: 0.875rem;
  font-weight: 700;
}

.header_menu details {
  margin-left: 1rem;
}

.header_tag_button,
.header_search_button {
  display: inline-flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 1rem;
  border-radius: 1.25rem;
  background: var(--text);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  cursor: pointer;
  transition: 0.2s;
}

.header_tag_button:hover {
  opacity: 0.75;
}

.header_search_button:hover {
  background: #e5e5e5;
}

.header_tag_button::before,
.header_search_button::before {
  content: "";
  display: inline-block;
  width: 1rem;
  height: 1rem;
  margin-right: 0.25rem;
  margin-top: 0.1rem;
  top: 1px;
  background-color: var(--text);
  mask-image: var(--arrow-bottom-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.25rem;
  transition: all 0.2s ease;
}

.header_tag_button::before {
  background-color: #fff;
}

.header_menu details[open] .header_tag_button::before,
.header_menu details[open] .header_search_button::before {
  mask-image: var(--close-icon);
  mask-size: 1.75rem;
  transition: all 0.2s ease;
}

.header_content {
  position: fixed;
  top: 5rem;
  left: 0;
  width: 100%;
  height: calc(100vh - 5rem);
  overflow: hidden;
  background: #333333fa;
}

.header_inner {
  max-width: 1200px;
  height: 100%;
  margin: 0 auto;
  padding: 3rem 1.5rem 4rem;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.header_inner p.header_title {
  margin-bottom: 2rem;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
}

.header_tag_list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.header_tag_list a {
  display: inline-flex;
  align-items: center;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background: #fff;
  color: var(--text);
  font-size: 0.875rem !important;
  font-weight: 400;
  transition: transform 0.2s ease;
}

.header_tag_list a:hover,
.header_search_inner .search-submit:hover::before {
  transform: translateY(2px);
}

.header_search_button {
  background: #dbdbdb;
  color: var(--text);
}

.header_menu details[open] {

}

.header_search_inner {

}

.header_search_inner .search-box {
  display: flex;
  align-items: center;
  overflow: hidden;
  border-radius: 0.25rem;
  background: #fff;
}

.header_search_inner .search-edit {
  width: 100%;
  height: 3.5rem;
  padding: 0 1rem;
  border: none;
}

.header_search_inner .search-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 3.5rem;
  padding: 0 1rem;
  border: none;
  background: inherit;
  cursor: pointer;
}

.header_search_inner .search-submit::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--text);
  mask-image: var(--search-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
  opacity: 0.8;
  transition: transform 0.2s ease;
}

html:has(.header_menu details[open]),
body:has(.header_menu details[open]) {
  overflow: hidden;
  height: 100%;
}

body:has(.header_menu details[open]) {
  position: fixed;
  width: 100%;
}
/************************************
** トップページ-ブログ概要
************************************/
.content-top {
  padding: 5.5rem 0;
  background: #e5e5e5;
}

.content-top-title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.01em;
}

.content-top-title span {
  display: block;
  margin-top: 0.5em;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.02em;
}

.content-top-blog-data {
  display: grid;
  gap: 1.5rem;
  margin-top: 2.5rem;
  padding: 2.5rem 2rem;
  border-radius: 1rem;
	background: #fafafa;
}

.content-top-inner p {
  margin-bottom: 1rem;
  font-size: 0.875rem;
  font-weight: 700;
}

.blog-data-category {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.blog-data-category a {
  display: inline-block;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background: #dbdbdb;
  color: var(--text);
  font-size: 0.875rem;
  font-weight: 700;
  transition: transform 0.2s ease;
}

/* .blog-data-category a:hover {
  background: #e5e5e5;
} */

.content-top-inner a:hover,
.blog-data-search .search-submit:hover::before {
  transform: translateY(2px);
}

.blog-data-search {
  margin-top: 1rem;
}

.blog-data-search .search-box {
  display: flex;
  align-items: center;
  overflow: hidden;
  max-width: 24rem;
  border: 1px solid var(--border);
  border-radius: 0.25rem;
  background: #fff;
  font-weight: 400;
}

.blog-data-search .search-edit {
  width: 100%;
  height: 3.5rem;
  padding: 0 1rem;
  border: none;
  background: inherit;
  font-size: 1rem;
}

input::placeholder {
  color: #aaa;
}

.blog-data-search .search-submit {
  height: 3.5rem;
  padding: 0 1rem;
  border: none;
  background: inherit;
  cursor: pointer;
}

.blog-data-search .search-submit::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 4px;
  background-color: var(--text);
  mask-image: var(--search-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1.5rem;
  opacity: 0.8;
  transition: transform 0.2s ease;
}

.blog-data-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.blog-data-tag a {
  display: inline-block;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  background: var(--text);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 400;
  transition: transform 0.2s ease;
}
/************************************
** モバイルヘッダー
************************************/

/************************************
** ヘッダー検索
************************************/

/************************************
** ヘッダーナビ
************************************/

/************************************
** 人気記事
************************************/

/************************************
** メイン
************************************/
.list-new-entries {
	display: none;
}

/************************************
** トップページ-記事リストカテゴリー別
************************************/
.list-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
	gap: 0 2.5rem;
}

.list-column {
	margin-top: 5.5rem;
}
.list-column:first-child {
	grid-column: span 2;
	padding: 0;
	border: none;
	background: inherit;
	margin: 0;
}
.list-column-header {
  display: flex;
  gap: 1rem 2.5rem;
    flex-wrap: wrap;
	 margin-bottom: 3rem;
}

.list-title,.widget-content-bottom-title,.archive-title {
  font-weight: 800;
	font-size: 1.75rem;
	font-size: 2rem;
}
.archive-title {
	margin-bottom: 3rem;
}
.list-category-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;

  color: var(--text-light);
  font-size: 0.875rem;
  font-weight: 700;
}
.list-column:first-child  .list-category-tags{
	display: flex;
}
.list-category-tags::before {
	margin-right: 0.5rem;	
}
.list-category-23 .list-category-tags::before {
	 content: "\73FE\5728\3001\4E3B\306B\307E\3068\3081\3066\308B\30BF\30A4\30C8\30EB";
}
.list-category-24 .list-category-tags::before {
	 content: "\73FE\5728\3001\653B\7565\4E2D\306E\30BF\30A4\30C8\30EB";
}
.list-category-31 .list-category-tags::before {
	 content: "\73FE\5728\6271\3063\3066\3044\308B\8A71\984C";
}

.list-category-tags a {
  display: flex;
  align-items: center;
  min-height: 2rem;
  padding: 0 1rem;
  font-size: 0.875rem;
  border-radius: .25rem;
  background: var(--text);
  color: #fff;
  transition: transform 0.2s ease;
}

.list-category-tags a:hover {
  transform: translateY(2px);
}
.ect-entry-card {
	display: grid;
    gap: 2.5rem;
}
.list-column:first-child .ect-entry-card {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.5rem 2rem;
	padding: 0;
	border: none;
	background: inherit;
}
.entry-card {
	display: flex;
	gap: 1rem;
}
.list-column:first-child .entry-card {
	display: block;
}
.entry-card-wrap {
	color: var(--text);
    padding: 2.5rem 2rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: #fff;
	display: block;
}
.list-column:first-child .entry-card-wrap {
  position: relative;
  padding: 2.5rem 2rem;
  border: 1px solid var(--border);
  border-radius: 1rem;
  background: #fff;
  transition: border-color 0.2s ease;
}

.list-column:first-child .entry-card-wrap:hover {
  border-color: var(--text);
}

.entry-card-content {
	flex: 1
}
.entry-card-thumb {
	margin: 0;
	width: 33%;
	position: relative;
}
.list-column:first-child .entry-card-thumb {
	margin-bottom: 1rem;
	width: 100%;
   position: static;
}
.entry-card-thumb img {
  border-radius: 0.5rem;
	    aspect-ratio: 1.732;
}
.list-column:first-child .entry-card-thumb img {
	    aspect-ratio: auto;
}

.entry-card-tag {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  min-height: 1.5rem;
  padding: 0 1rem;
  border-radius: .5rem 0 .5rem 0;
  background: var(--text);
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;	
}
.list-column:first-child .entry-card-tag {
  top: -1px;
  left: -1px;
  min-height: 2rem;
  border-radius: 1rem 0 1rem 0;
}
.entry-card-title {
	margin: 0;
	font-size: 1.1875rem;
}
.list-column:first-child .entry-card-title {
  margin-bottom: 1.5em;
}

.entry-card-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 0.875rem;
	margin-bottom: 1rem;
	color: var(--text-light);
}
.list-column:first-child .entry-card-meta {
	
}
.entry-category {
  display: inline-block;
  font-weight: 700;
}
.list-column:first-child .entry-category {
	
}
/* もっと見る */
.list-more-button-wrap {
	margin-top: 2.5rem;
    text-align: center;
}
a.list-more-button {
	background: var(--text);
    display: inline-flex;
    padding: 0 2rem;
    border-radius: 2rem;
    height: 4rem;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-weight: 700;
    gap: 1rem
}

a.list-more-button::after {
  content: "";
  display: inline-block;
	width: 1rem;
  height: 1rem;
  background-color: #fff;
  mask-image: var(--arrow-top-icon);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: 1rem;
	transform: rotate(90deg);
}
a.list-more-button:hover {
  transform: translateY(2px);	
}
/************************************
** ページ移管
************************************/

/************************************
** 記事ヘッダー
************************************/

/************************************
** 記事内RSS
************************************/

/************************************
** 記事本文
************************************/

/************************************
** 記事下カテゴリーとタグとSNS
************************************/

/************************************
** 関連記事
************************************/

/************************************
** コメント
************************************/

/************************************
** 前後の記事
************************************/

/************************************
** コメント下部RSSフィード
************************************/

/************************************
** パンくず
************************************/
/************************************
** コンテンツ下
************************************/
.content-bottom {
	margin-top: 5.5rem;
}
.content-bottom-in {
	display: grid;
	gap: 5.5rem;
}
.widget-content-bottom-title {
	margin-bottom: 3rem;
}
/************************************
** コンテンツ下-人気記事
************************************/
#popular_entries-2 {
	
}
.popular-entry-cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  /* grid-auto-rows: 11rem; */
  gap: 2.5rem 1.5rem;
	counter-reset: rank;
	padding: 2.5rem 2rem;
    background: #e9e9e9;
    border-radius: 1rem;
}
.popular-entry-card-link {
  display: block;
	position: relative;
}
.popular-entry-card-link::before {
    counter-increment: rank;
    content: counter(rank);
    position: absolute;
    top: -.5rem;
    left: -.5rem;
    background: var(--text);
    color: #fff;
    font-weight: bold;
    z-index: 2;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 1.5rem;
}
.popular-entry-card-link:hover {
	transform: translateY(2px);
}
.popular-entry-card {
  height: 100%;
}

.popular-entry-card-thumb,
.popular-entry-card-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.popular-entry-card-content {
	position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem 1rem;
    background: linear-gradient(transparent, rgba(0, 0, 0, 0.8));
    color: #fff;
    font-weight: 700;
}
.popular-entry-card-link:first-child .popular-entry-card-content {
    padding: 2.5rem 2rem;	
}
.popular-entry-card-title {
	font-size: 1rem;
	font-weight: 700;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.popular-entry-card-link:first-child  .popular-entry-card-title {
	font-size: 1.5rem;
}
.popular-entry-card-date {
	display: none;
}
.popular-entry-card {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.popular-entry-card-link:nth-child(1) {
  grid-column: span 2;
  grid-row: span 2;
}

.popular-entry-card-link:nth-child(2) {
  grid-column: span 1;
  grid-row: span 1;
}
/************************************
** コンテンツ下-新着記事
************************************/
#new_entries-2 {
	
}
.new-entry-cards {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 2.5rem 2rem;	
}
.new-entry-card-link {
    padding: 2.5rem 2rem;
    border: 1px solid var(--border);
    border-radius: 1rem;
    background: #fff;
    transition: border-color 0.2s ease;	
	color: var(--text);
}
.new-entry-card-link:hover {
    border-color: var(--text);
}
.new-entry-card {
	
}
.new-entry-card-thumb {
	margin-bottom: 1rem;
}
.new-entry-card-thumb img {
	border-radius: .5rem;
}
.new-entry-card-content {
	
}
.new-entry-card-title {
	font-weight: 700;
}
.new-entry-card-date {
	font-size: .875rem;
}
.new-entry-card-post-date {
	
}
.new-entry-card-update-date {
	
}

/************************************
** サイドバー
************************************/
div#sidebar {
	display: none;
}

/************************************
** モバイルサイドバー
************************************/


/************************************
** RSSフィード（フッター上）
************************************/

/************************************
** 上に戻るボタン
************************************/

/************************************
** フッター
************************************/
.footer  {
	background: var(--text);
	padding: 5.5rem 0;
	color: #fff;
}

/************************************
** モバイルメニュー
************************************/
.mobile-footer-menu-buttons {
	display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1023px以下*/
@media screen and (max-width: 1023px){
	
}

/*834px以下*/
@media screen and (max-width: 834px){

}

/*480px以下*/
@media screen and (max-width: 480px){
	.wrap {
		padding: 0 1rem;
	}
	.content-top .wrap {
		padding: 0 .5rem;
	}
	.top-nav a {
		font-size: .75rem;
}
	.menu-toggle summary {
		font-size: .75rem;
}

}