/*! Luxeritas Child CSS */
/* Luxeritas WordPress Theme - free/libre wordpress platform
 *
 * @copyright Copyright (C) 2015 Thought is free.
 * @license http://www.gnu.org/licenses/gpl-2.0.html GPL v2 or later
 * @author LunaNuko
 * @link http://thk.kanzae.net/
 * @translators rakeem( http://rakeem.jp/ )
 *
 * This program is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 *   Theme Name: Luxeritas Child Theme
 *   Template: luxeritas
 *   Text Domain: luxech
 *   Theme URI: http://thk.kanzae.net/wp/
 *   Description: SEO optimized, Responsive layout, Super Fast, Multi Feature, Bootstrap
 *   Author: LunaNuko
 *   Author URI: http://thk.kanzae.net/
 *   License: GNU General Public License v2 or later
 *   License URI: http://www.gnu.org/licenses/gpl-2.0.html
 *   Tags: one-column, two-columns, three-columns, right-sidebar, left-sidebar, custom-header, custom-background, custom-colors, custom-menu, theme-options, featured-image-header, editor-style, sticky-post, threaded-comments, translation-ready
 *   Since: 20151206
 *   Modify: 20200401
 *   Version: 3.0.3
 *   Template Version: 3
 *
 * ここから上を消すと正しく動作しなくなることがあります。
 * ( Erasing the elements above here might cause system issues. )
 */

/* 以下、好みに応じて子テーマ用のスタイルをお書きください。
 * ( Below here, please write down your own styles for the child theme. )
 */
/*　固定ページ　記事出力 */

.bloghpp-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: flex;
	flex-wrap: wrap;
}
.bloghpp-listli {
margin: .1em .1em .1em .1em;
    padding: .1em .05em 0.1em .05em;
    width: calc(32% - 0px);
    /* border: 1px solid #eee; */
    border-radius: 0;
    font-size: 1em;
line-height: 1em !important;
}
.hpp-img {
	width: 100%;
	/*画像サイズ指定*/
	min-width: 120px;
	text-align: center;
}

.hpp-img img {
    width: 100%;
    height: auto;
}

.hpp-title {
	font-size: 1em;
	line-height: 1.1em;
	margin: 0.2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
.hpp-data {
	font-size: 0.8em;
	text-align: center;
}
.p-entry__body .wp-caption {
	background-color: #0e0e0e;
	color: #fafafa;
	padding: 1px;
	margin: 5px 0px 24px 0px;
	text-align: center;
}
.tate {
	text-align: initial;
	font-size: 1em;
	line-height: 0.8em;
	margin: 0 auto;
	white-space: nowrap;
	writing-mode: vertical-rl;
	display: flex;
	text-orientation: upright;
}
.happy-tb td {
	padding: 8px 8px 7px;
}
/************************************
** マルチページのページャーリンク
************************************/
.pager-links {
  margin: 24px 0;
  clear: both;
  text-align: center;
}
.pager-links .post-page-numbers {
  background-color: transparent;
}
.pager-links span {
  background-color: var(--cocoon-current-background-color);
}
.pager-links a {
  display: inline-block;
}
.pager-links a span {
  background-color: var(--cocoon-white-color);
}
.pager-links a:hover span {
  background-color: #f5f8fa;
  transition: all 0.3s ease-in-out;
  color: var(--cocoon-text-color);
}

.pager-prev-next a {
  width: 40%;
  margin: 0 4px;
}
.pager-prev-next span {
  width: 100%;
  margin: 0;
}

.head_sticky {
  position: sticky;
  top: 44px;
  left: 0;
  width: 100%;
  height: 100%;
  border: 2px solid #ff7fa1;
  background: #fffafa;
 font-size:14px;
 padding: 1px 5px 1px 5px;
z-index: 100;
    line-height: 1.8em;
}



.th_sticky {
  position: sticky;
  top: 90px;
  left: 0;
  background: none;
  border-top: none;
  border-bottom: none;
}
.th_sticky:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-top: 1px solid #f00;
  border-bottom: 1px solid #f00;
  background: #ffffb7;
  z-index: -1;
}

.futa_sticky {
  position: sticky;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fffafa;
 font-size:14px;
 padding: 1px 5px 1px 5px;
z-index: 100;
    line-height: 1.8em;
}