/*
Theme Name: Eikai-2020
Theme URI: https://eikai.co.jp/
Author: Eikai I.S. Co., Ltd. and original theme by the WordPress team
Author URI: https://eikai.co.jp/
Template: twentytwenty
Description: Customized theme based on Twenty Nineteen
Version: 1.6.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: eikai-2020
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* Title 微調整 */
@media (min-width: 1000px) {
  .site-description {
     margin-top: 22px !important; 
  }
}

/* リンクエリア拡張 (extend.js) */
article.hentry:has(h2>a) {
  cursor: pointer;
}

/* 日本的な調整 */
p {
	text-align: justify;
	hyphens: auto;
}

.featured-media img, header img {
	content-visibility:visible;
}
img {
	content-visibility: auto;
}
p>img {
	display: inline;
}

/* hr の装飾を解除 */
.entry-content hr, hr.styled-separator {
	background-color: currentColor !important;
	height: 0.25rem;
	width: 40% !important;
	max-width: 24rem !important;
}
.entry-content hr::before, .entry-content hr::after, hr.styled-separator::before, hr.styled-separator::after {
	display: none;
}

/* ホームボタンの無い iPhone のホームバー分を空ける
		参考 : https://qiita.com/zprodev/items/e5db743727c5722874cb
*/
body {
  padding-bottom: env(safe-area-inset-bottom);
}

/* Tag List */
.eikai-tag-list *, .eikai-tag-list *:before, .eikai-tag-list *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.eikai-tag-list {
  position: relative;
}
.eikai-tag-list label {
	position: absolute;
	z-index: 1;
	bottom: -50px;
	width: 100%;
	height: 50px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	/* background: linear-gradient(to bottom, rgba(250, 252, 252, 0) 0%, rgba(250, 252, 252, 0.95) 90%); */
}
.eikai-tag-list input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.eikai-tag-list label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: 20px;
	left: 50%;
	width: 16rem;
	content: '+ 全て表示';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: rgba(27, 37, 56, 1);
}
.eikai-tag-list input {
	display: none;
}
.eikai-tag-list ul {
	overflow: hidden;
	height: 250px; /* 開く前に見えている部分の高さ */
  transition: all 0.5s;
  margin-left: 0;
  padding-left: 3px;
}
/*
.eikai-tag-list input:checked + label {
	 display: none ; 閉じるボタンを消す場合解放
}
*/

.eikai-tag-list input:checked + label:after {
	content: '- 閉じる';
}
.eikai-tag-list input:checked ~ ul {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 0.5s;
}

/* Google App Link */
.googleplay_link img {
	width: 145px;
	height: 56px;
	display: inline-block;
}

/* AppleStore Link */
.applestore_link a {
	margin-bottom: 7px;
}

/* screenshot */
.screenshot img {
	padding: 3px;
	background-color: #fff;
	border: solid 3px #888;
	border-radius: 5px;
}

.screenshot {
	background-color: rgba(255,255,255,0.7);
}

/* Amazon Link */
div.amazon-tile {
	display: inline-block;
	margin: 0;
	border: solid 1px #000;
	background-color: #fff;
	box-shadow: 2px 2px 2px #888;
}
div.amazon-tile img {
	max-width: 160px;
	max-height: 240px; 
	margin: 0;
}
div.amazon-tile span.amazon-button {
    display: block;
    text-align: center;
    margin: 0;
    font-size: 12px;
    padding: 0.5em;
    background-color: #f90;
    color: #fff;
    font-weight: bold;
    text-shadow: 0px 0px 2px #000;
    text-decoration: none;
}