@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
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&family=Noto+Sans+JP:wght@400;800&display=swap');

/************************************
** Cocoonフォーマット調整
************************************/

h1.entry-title,
.article h2 {
	padding-left: 0;
	padding-right: 0;
}

.article h2 {
    background-color: transparent;
}

a {
	color: #333;
}
a:where(:not(.wp-element-button)) {
	text-decoration: underline 1px #ddd;
	text-underline-offset:0.25em;
}

.wp-block-search__label {
	display: none;
}

/*480px以下*/
@media screen and (max-width: 480px){
	.entry-content>*, .demo .entry-content p {
		line-height: 1.6;
	}
}

/************************************
** 共通
************************************/

span.unit {
	margin-left: 0.3em;
	font-size: 0.75em;
}

.minus::before {
	content: "△";
	padding-right: 0.5em;
	font-size: 0.75em;
}

.width-30percent {
	width: 30%;
}

.width-100percent {
	width: 100%;
}

.article a > img:hover {
	opacity: 0.75;
	transition: all 0.8s ease;
}

.fullwidth {
	/*background: #fafafa;*/
    margin: 0 calc(50% - 50vw);
	/*margin-top: -50px;*/
    padding: 0  calc(50vw - 50%);
    padding-top: 5rem;
    padding-bottom: 5rem;
}

.ad-label {
	font-size: 0.6em;
}

.navi-menu-close-button .fas,
.sidebar-menu-close-button .fas {
	color: rgba(0,0,0,0.5);
	transform: scale(0.4);
}

.navi-menu-close-button .fas::after,
.sidebar-menu-close-button .fas::after {
	margin-left: 0.5em;
	content: "閉じる";
	color: rgba(0,0,0,0.8);
	font-size: 1.15em;
}

.sidebar h2,
.sidebar h3 {
    background: none;
    padding: 0;
    font-size: 16px;
    letter-spacing: 2px; 
}
.sidebar h2:first-letter,
.sidebar h3:first-letter{
    font-size: 1.5em;
}
.sidebar h2:after,
.sidebar h3:after {
    content:"";
    display:block;
    height:2px;
    width:100%;
    background: linear-gradient(to right, hsla(36,100%,46%,1) 20%,hsla(0,0%,0%,0.25) 30%);
}

.sidebar #block-6 ul li,
.sidebar #nav_menu-2 ul li {
  position: relative;
  padding-left: 2em;
}
.sidebar #block-6 ul li::before,
.sidebar #nav_menu-2 ul li::before {
  position: absolute;
  top: 50%;
  left: 0.2em;
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f138';
  color: hsla(36,100%,46%,0.75);
}

.link-to-amazon {
	font-size: 0.8em;
}

.link-to-amazon span {
	font-size: calc(1em * calc(1 / 0.8));
}

.link-to-amazon span .book-title {
	margin-bottom: 0.75em;
	color: #000;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0;
}

.shinobi-mobile {
	text-align: left;
}

.kindle-color {
	color: hsla(36,100%,46%,1);
}

/************************************
** 特集カテゴリー共通
************************************/

.categoryid-13 .book-title {
	margin-bottom: 0.75em;
	color: #000;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0;
}

.categoryid-13 .book-introduction{
	line-height: 1.5;
}

@media screen and (max-width: 480px){
	.categoryid-13 .book-introduction .ellipsis {
		display: none;
	}
}

/************************************
** 雑誌カテゴリー
************************************/

/*
.categoryid-17 .book-title {
	margin-bottom: 0em;
	color: #000;
	font-size: 1.15em;
	font-weight: 900;
	line-height: 1.5;
	letter-spacing: 0;
}*/
.categoryid-17 .post-date {
	display: none;
}
/*
.categoryid-17 .book-introduction{
	line-height: 1.4;
}

.categoryid-17 .book-introduction p:first-child {
	margin-bottom: 1em;
}

.categoryid-17 .book-introduction .publishing-house,
.categoryid-17 .book-introduction .first-published,
.categoryid-17 .book-introduction .publication-date,
.categoryid-17 .book-introduction .reference-price {
	margin-bottom: 0;
	font-size: 0.75em;
	line-height: 1.75;
}

@media screen and (max-width: 480px){
}
*/
/************************************
** 共通（雑誌編集後に移動）
************************************/

.grid-layout-book-intro-1 {
	display: grid;
	grid-template-rows: min-content auto 1fr;
    grid-template-columns: 25% 1fr;
    grid-row-gap: 1.0em;
	grid-column-gap: 1.75em;
	& *,
	& .wp-block-image {
		margin-bottom: 0;
	}
}
.grid-layout-book-intro-1-1 {
	grid-row: 1 / 4;
    grid-column: 1 / 2;
}
.grid-layout-book-intro-1-2 {
	grid-row: 1 / 2;
    grid-column: 2 / 3;
}
.grid-layout-book-intro-1-2.book-title {
	margin-bottom: 0em;
	color: #000;
	font-size: 1.15em;
	font-weight: 900;
	/*line-height: 1.5;*/
	letter-spacing: 0;
}
p.grid-layout-book-intro-1-3 {
	grid-row: 2 / 3;
    grid-column: 2 / 3;
	line-height: 1.5;
	margin-bottom: 0;
}
.grid-layout-book-intro-1-4 {
	grid-row: 3 / 4;
    grid-column: 2 / 3;
	.author,
	.publication-date,
	.publishing-house,
	.first-published,
	.reference-price,
	.award{
		margin: 0;
		font-size: 0.85em;
		line-height: 1.75;
		& span {
			display:inline-block;
		}
	}
}

@media screen and (max-width: 480px){
	.grid-layout-book-intro-1 {
    	grid-template-columns: 27.5% 1fr;
    	grid-row-gap: 0.9em;
		grid-column-gap: 0.9em;
	}
	.grid-layout-book-intro-1-1 {
		grid-row: 2 / 3;
    	grid-column: 1 / 2;
	}
	.grid-layout-book-intro-1-2 {
		grid-row: 1 / 2;
    	grid-column: 1 / 3;
		line-height: 1.5;
	}
	p.grid-layout-book-intro-1-3 {
		grid-row: 3 / 4;
    	grid-column: 1 / 3;
	}
	.grid-layout-book-intro-1-4 {
		grid-row: 2 / 3;
    	grid-column: 2 / 3;
		.author,
		.publication-date,
		.publishing-house,
		.first-published,
		.reference-price{
			font-size: 0.9em;
			line-height: 1.75;
		}
	}
}

/************************************
** 初期設定
************************************/
:root {
	--header-site-mame-color: #000;
	--header-navi-color: #000;
	--appeal-image-left: url('https://tokuyomi.sakura.ne.jp/wp-content/uploads/2024/01/24095677_H250R.png');
	--appeal-image-right: url('https://tokuyomi.sakura.ne.jp/wp-content/uploads/2024/01/23010487_H250T.png');
	--theme-Image: url('https://images-fe.ssl-images-amazon.com/images/I/01mlW4jpgQL._RC|31nQjCOQa+L.css_.css?AUIClients/KindleUnlimitedHorizonteAuiAssets#desktop');
}

/************************************
** kindleunlimited バナー
************************************/
a.kindleunlimited-banner{
	display:block;
	width: 100%;
	max-height: 100px;
	background-color: #000;
	padding: 0;
	text-align:center;
}
@media screen and (max-width: 600px){
	a.kindleunlimited-banner{
		display:none;
	}
}

a.kindleunlimited-banner-mobile{
	display:block;
	width: 100%;
	max-height: 250px;
	background-color: #000;
	padding: 0;
	text-align:center;
}
@media screen and (min-width: 601px){
  	a.kindleunlimited-banner-mobile{
		display:none;
	}
}

a.kindleunlimited-banner-sidebar {
	display: block;
	width: 336px;
	max-height: 100px;
	padding: 0;
	text-align:center;
}


/************************************
** kindleunlimited について
************************************/

.about-kindleunlimited {
	margin: 4em auto;
	padding-top: 2em;
	padding-bottom: 3em;
	max-width: 800px;
}
img.about-kindleunlimited-title {
	display: block;
	width: calc(100% - 6em);
	margin: 0 0 1em 3em;
	padding: 0;
	line-height: 1;
}

.about-kindleunlimited .column-wrap.column-3 > div {
	width: 31%;
	margin-top: 3em;
	margin-bottom: 3em;
	text-align:center;
}
@media screen and (max-width: 834px){
	.about-kindleunlimited .column-wrap.column-3 > div {
		width: 100%;
		max-width: 5000px;
		margin: 3em auto;
	}
}

.about-kindleunlimited p {
	text-align: justify;
	font-size: 0.9em;
	line-height: 1.4;
}

p.about-kindleunlimited-subtitle {
	display: inline-block;
	margin: 0;
	padding: 0;
	border: none;
	font-size: 0.95em;
	font-weight: 900;
	line-height: 5;
	white-space: nowrap;
}

.about-kindleunlimited .fas {
	display: block;
	margin-left: auto;
	margin-right: auto;
	font-size: 4em;
	color: hsla(36,100%,50%,1);
	width: 1.6em;
	height: 1.6em;
	line-height: 1.5em;
	border-radius: 50%;
	border: solid 5px hsla(36,100%,50%,1);
}

.is-style-p-style-08::after {
	z-index: -1;
}

/************************************
** ヘッダー
************************************/
.header-container, .navi {
    background-color: transparent;
}

.header-container-in.hlt-top-menu .site-name-text {
	color: var(--header-site-mame-color);
	font-family: 'Noto Sans JP', sans-serif;
	/*font-size: 2.5em;*/
	font-weight: 800;
}

#header-container .navi-in>ul>li>a {
	margin-left: 1.4em;
	margin-right: 1.4em;
	padding-left: 0;
	padding-right: 0;
	color: var(--header-navi-color);
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 0.8em;
	font-weight: 400;
}

#header-container .navi-in>ul>li>a:hover {
	background-color: transparent;
}

#header,
#navi {
    z-index: 9999;
}



#navi .navi-in>ul>li>a:after{
	position: absolute;/*線の位置を絶対配置に*/
	content: "";/*文字はなし*/
	left: 0px;/*線の位置*/
	bottom: 13px;/*線の位置*/
	height: 1px;/*線の高さ*/
	width: 100%;/*幅いっぱいに線を引く*/
	background: var(--header-navi-color);/*線の色*/
	transform: scale(0,1);/*マウスオーバーの前は線を消す*/
	transition: 0.25s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in>ul>li>a:hover:after{
	transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/************************************
** フッター
************************************/
.navi-footer-in > .menu-footer a:hover {
	background: none;
}

/************************************
** アピールエリア
************************************/

.appeal,
.appeal-in {
    height: 250px;
	min-height: 250px;
}

@media screen and (max-width: 1023px){
	.appeal,
  	.appeal-in {
    	height: 200px;
		min-height: 200px;
	}
}

.appeal-in {
	background-image: var(--appeal-image-left),var(--appeal-image-right);
	background-position: left,right;
    background-size: contain,contain;
	background-repeat: no-repeat,no-repeat;
}

.appeal-content {
	background-color: rgba(255,255,255,0);
	max-width: 100%;
}

.appeal-message p{
	white-space: nowrap;
	font-family: 'Anton', sans-serif;
	font-size: max(3.8em,calc(100vw / 22));
	font-weight: 400;
	text-shadow: 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 10px rgba(255,255,255,1);
	transform: scale(1,1.25);
	opacity: 0.9;
}
@media screen and (max-width: 1023px){
	.appeal-message p{
		  font-size: 3.8em;
	}
}
@media screen and (max-width: 834px){
  	.appeal-message p{
		font-size: calc(100vw / 13);
	}
}

.appeal-message p span {
	color: hsla(36,100%,46%,1);
}

/************************************
** トップページ
************************************/

.page-id-797 .appeal,
.page-id-797 .appeal-in{
    position: relative;
    top: 0;
    /*margin: 0 auto;*/
    width: 100vw;
	height: calc(100vh - 60px);
	z-index: 2;
}

.page-id-797 .appeal-content {
	margin-top: calc(42vh - 60px);
}

.page-id-797 .content {
	margin-top: calc(calc(100vh - 60px) * -1);
	overflow: hidden;
	z-index: 1;
}

.page-id-797 .main,
.entry-content {
	margin-top: 0;
	padding-top: 0;
}

.page-id-797 .hiro-area {
	height: calc(100vh - 60px);
	margin: 0;
	padding: 0;
}

.page-id-797 .hiro-area video {
	position: relative;
	top: calc(50% - 60px);
	left: 50%;
	transform : translate(-50%,-50%);
}

.page-id-797 .timeline-item-title {
	font-weight: normal;
}

.page-id-797 #main .entry-title,
.page-id-797 #main .date-tags {
	display: none;
}

.page-id-797  .blogcard-footer{
	display:none;
}

/************************************
** トップページ（リニューアル）
************************************/

.page-id-2874 .appeal {
    display: none;
}

.page-id-2874 .content {
	margin-top: 0;
}

.page-id-2874 .main,
.entry-content {
	margin-top: 0;
	padding-top: 0;
}

.page-id-2874 .hiro-area {
	position: relative;
	height: calc(100vh - 60px);
	margin: 0;
	padding: 0;
}

.page-id-2874 .hiro-area h2 {
	display: inline-block;
	margin: 0;
	position: absolute;
	top: calc(50% + 70px);
	left: 50%;
	transform : translate(-50%,-50%) scale(1,1.25);
	white-space: nowrap;
	font-family: 'Anton', sans-serif;
	font-size: max(3.8em,calc(100vw / 22));
	font-weight: 400;
	text-shadow: 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 10px rgba(255,255,255,1);
	opacity: 0.9;
	z-index: 99;
}
@media screen and (max-width: 1023px){
	.page-id-2874 .hiro-area h2{
		  font-size: 3.8em;
	}
}
@media screen and (max-width: 834px){
  	.page-id-2874 .hiro-area h2{
		font-size: calc(100vw / 13);
	}
}

.page-id-2874 .hiro-area video {
	position: relative;
	top: calc(50% - 30px);
	left: 50%;
	transform : translate(-50%,-50%) translateY(-30px);
	overflow: visible;
	opacity: 0.9;
	z-index: 10;
}

.page-id-2874 .speech-bubble-000 {
	position: absolute;
	font-family: 'Noto Sans JP', sans-serif;
	color: rgba(0,0,0,0.75);
	font-size: 1.3em;
	font-weight: 800;
	text-shadow: 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 10px rgba(255,255,255,1);
	opacity: 0;
	z-index: 99;
	animation-name: speech-bubble;
	animation-duration: 20s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: linear;
	animation-fill-mode: forwards;
}
@media screen and (max-width: 834px){
  .page-id-2874 .speech-bubble-000 {
	font-size: 1.0em;
	}
}
.page-id-2874 .speech-bubble-001 {
	top: 20vh;
	left: 5vw;
}
.page-id-2874 .speech-bubble-002 {
	top: 25vh;
	left: 10vw;
	animation-delay: 1s;
}
.page-id-2874 .speech-bubble-003 {
	top: 20vh;
	right: 5vw;
	animation-delay: 8s;
}
.page-id-2874 .speech-bubble-004 {
	top: 25vh;
	right: 5vw;
	animation-delay: 9s;
}
.page-id-2874 .speech-bubble-005 {
	top: 30vh;
	right: 5vw;
	animation-delay: 10s;
}
.page-id-2874 .speech-bubble-006 {
	top: 35vh;
	right: 5vw;
	animation-delay: 11s;
}
@keyframes speech-bubble {
	10% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	35% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

.page-id-2874 .what-do-you-read {
	position: relative;
	height: 100vh;
}
.page-id-2874 .what-do-you-read h2{
	position: absolute;
	top: 50%;
    left: 50%;
	transform : translate(-50%,-50%) scale(1,1);
	white-space: nowrap;
	font-family: 'Anton', sans-serif;
	font-size: max(3.0em,calc(100vw / 22));
	font-weight: 400;
	text-shadow: 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 4px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 6px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 8px rgba(255,255,255,1),
				 0 0 10px rgba(255,255,255,1);
	opacity: 0.9;
	z-index: 99;
	& a {
		text-decoration: none;
	}
}
@media screen and (max-width: 1023px){
	.page-id-2874 .what-do-you-read h2{
		  font-size: 3.0em;
	}
}
@media screen and (max-width: 834px){
  	.page-id-2874 .what-do-you-read h2{
		font-size: calc(100vw / 13);
	}
}

.page-id-2874 .magazine-bubble-00000 {
	position: absolute;
	width: 20vw;
	max-width: 300px;
	min-width: 150px;
	margin: 0;
	opacity: 0;
	z-index: 1;
	animation-name: magazine-bubble;
	animation-duration: 44s;
	animation-timing-function: ease;
	animation-iteration-count: infinite;
	animation-direction: linear;
	animation-fill-mode: forwards;
}
.page-id-2874 .magazine-bubble-00001 {
	top: 40%;
	left: 5%;
	transform: translate(0,-100%);
	animation-delay: 0s;
}
.page-id-2874 .magazine-bubble-00002 {
	bottom: 35%;
	right: 5%;
	transform: translate(0,100%);
	animation-delay: 0.5s;
}
.page-id-2874 .magazine-bubble-00003 {
	top: 35%;
	right: 10%;
	transform: translate(0,-100%);
	animation-delay: 1s;
}
.page-id-2874 .magazine-bubble-00004 {
	bottom: 40%;
	left: 10%;
	transform: translate(0,100%);
	animation-delay: 1.5s;
}
.page-id-2874 .magazine-bubble-00005 {
	top: 5%;
	left: 40%;
	animation-delay: 2s;
}
.page-id-2874 .magazine-bubble-00006 {
	bottom: 5%;
	right: 40%;
	animation-delay: 2.5s;
}
.page-id-2874 .magazine-bubble-00007 {
	top: 35%;
	left: 10%;
	transform: translate(0,-100%);
	animation-delay: 5.5s;
}
.page-id-2874 .magazine-bubble-00008 {
	bottom: 40%;
	right: 10%;
	transform: translate(0,100%);
	animation-delay: 6s;
}
.page-id-2874 .magazine-bubble-00009 {
	top: 40%;
	right: 5%;
	transform: translate(0,-100%);
	animation-delay: 6.5s;
}
.page-id-2874 .magazine-bubble-00010 {
	bottom: 40%;
	left: 5%;
	transform: translate(0,100%);
	animation-delay: 7s;
}
.page-id-2874 .magazine-bubble-00011 {
	top: 5%;
	right: 40%;
	animation-delay: 7.5s;
}
.page-id-2874 .magazine-bubble-00012 {
	bottom: 5%;
	left: 40%;
	animation-delay: 8s;
}
.page-id-2874 .magazine-bubble-00013 {
	top: 40%;
	left: 5%;
	transform: translate(0,-100%);
	animation-delay: 11s;
}
.page-id-2874 .magazine-bubble-00014 {
	bottom: 35%;
	right: 5%;
	transform: translate(0,100%);
	animation-delay: 11.5s;
}
.page-id-2874 .magazine-bubble-00015 {
	top: 35%;
	right: 10%;
	transform: translate(0,-100%);
	animation-delay: 12s;
}
.page-id-2874 .magazine-bubble-00016 {
	bottom: 40%;
	left: 10%;
	transform: translate(0,100%);
	animation-delay: 12.5s;
}
.page-id-2874 .magazine-bubble-00017 {
	top: 5%;
	left: 40%;
	animation-delay: 13s;
}
.page-id-2874 .magazine-bubble-00018 {
	bottom: 5%;
	right: 40%;
	animation-delay: 13.5s;
}
.page-id-2874 .magazine-bubble-00019 {
	top: 35%;
	left: 10%;
	transform: translate(0,-100%);
	animation-delay: 16.5s;
}
.page-id-2874 .magazine-bubble-00020 {
	bottom: 40%;
	right: 10%;
	transform: translate(0,100%);
	animation-delay: 17s;
}
.page-id-2874 .magazine-bubble-00021 {
	top: 40%;
	right: 5%;
	transform: translate(0,-100%);
	animation-delay: 17.5s;
}
.page-id-2874 .magazine-bubble-00022 {
	bottom: 40%;
	left: 5%;
	transform: translate(0,100%);
	animation-delay: 18s;
}
.page-id-2874 .magazine-bubble-00023 {
	top: 5%;
	right: 40%;
	animation-delay: 18.5s;
}
.page-id-2874 .magazine-bubble-00024 {
	bottom: 5%;
	left: 40%;
	animation-delay: 19s;
}
.page-id-2874 .magazine-bubble-00025 {
	top: 40%;
	left: 5%;
	transform: translate(0,-100%);
	animation-delay: 22s;
}
.page-id-2874 .magazine-bubble-00026 {
	bottom: 35%;
	right: 5%;
	transform: translate(0,100%);
	animation-delay: 22.5s;
}
.page-id-2874 .magazine-bubble-00027 {
	top: 35%;
	right: 10%;
	transform: translate(0,-100%);
	animation-delay: 23s;
}
.page-id-2874 .magazine-bubble-00028 {
	bottom: 40%;
	left: 10%;
	transform: translate(0,100%);
	animation-delay: 23.5s;
}
.page-id-2874 .magazine-bubble-00029 {
	top: 5%;
	left: 40%;
	animation-delay: 24s;
}
.page-id-2874 .magazine-bubble-00030 {
	bottom: 5%;
	right: 40%;
	animation-delay: 24.5s;
}
.page-id-2874 .magazine-bubble-00031 {
	top: 35%;
	left: 10%;
	transform: translate(0,-100%);
	animation-delay: 27.5s;
}
.page-id-2874 .magazine-bubble-00032 {
	bottom: 40%;
	right: 10%;
	transform: translate(0,100%);
	animation-delay: 28s;
}
.page-id-2874 .magazine-bubble-00033 {
	top: 40%;
	right: 5%;
	transform: translate(0,-100%);
	animation-delay: 28.5s;
}
.page-id-2874 .magazine-bubble-00034 {
	bottom: 40%;
	left: 5%;
	transform: translate(0,100%);
	animation-delay: 29s;
}
.page-id-2874 .magazine-bubble-00035 {
	top: 5%;
	right: 40%;
	animation-delay: 29.5s;
}
.page-id-2874 .magazine-bubble-00036 {
	bottom: 5%;
	left: 40%;
	animation-delay: 30s;
}
.page-id-2874 .magazine-bubble-00037 {
	top: 40%;
	left: 5%;
	transform: translate(0,-100%);
	animation-delay: 33s;
}
.page-id-2874 .magazine-bubble-00038 {
	bottom: 35%;
	right: 5%;
	transform: translate(0,100%);
	animation-delay: 33.5s;
}
.page-id-2874 .magazine-bubble-00039 {
	top: 35%;
	right: 10%;
	transform: translate(0,-100%);
	animation-delay: 34s;
}
.page-id-2874 .magazine-bubble-00040 {
	bottom: 40%;
	left: 10%;
	transform: translate(0,100%);
	animation-delay: 34.5s;
}
.page-id-2874 .magazine-bubble-00041 {
	top: 5%;
	left: 40%;
	animation-delay: 35s;
}
.page-id-2874 .magazine-bubble-00042 {
	bottom: 5%;
	right: 40%;
	animation-delay: 35.5s;
}
.page-id-2874 .magazine-bubble-00043 {
	top: 35%;
	left: 10%;
	transform: translate(0,-100%);
	animation-delay: 38.5s;
}
.page-id-2874 .magazine-bubble-00044 {
	bottom: 40%;
	right: 10%;
	transform: translate(0,100%);
	animation-delay: 39s;
}
.page-id-2874 .magazine-bubble-00045{
	top: 40%;
	right: 5%;
	transform: translate(0,-100%);
	animation-delay: 39.5s;
}
.page-id-2874 .magazine-bubble-00046 {
	bottom: 40%;
	left: 5%;
	transform: translate(0,100%);
	animation-delay: 40s;
}
.page-id-2874 .magazine-bubble-00047 {
	top: 5%;
	right: 40%;
	animation-delay: 40.5s;
}
@keyframes magazine-bubble {
	5% {
		opacity: 1;
		z-index: 2;
	}
	12% {
		opacity: 1;
		z-index: 2;
	}
	14% {
		opacity: 0;
		z-index: 1;
	}
	100% {
		opacity: 0;
	}
}

.page-id-2874 .timeline-item-title {
	font-weight: normal;font-family: 'Noto Sans JP', sans-serif;
}

.page-id-2874 #main .entry-title,
.page-id-2874 #main .date-tags {
	display: none;
}

.page-id-2874  .blogcard-footer{
	display:none;
}



/************************************
** 通算
************************************/

h2.history-reading-record {
	margin: 0 0 5px 1.3em;
	padding: 0;
	background-color: transparent;
}

h2.history-reading-record::before {
	margin-left: -1.25em;
	margin-right: 0.5em;
	font-family: 'Font Awesome 5 Free';
	content: '\f51e';
}

figure.history-reading-record {
	overflow: clip;
}

.history-reading-record thead {
	line-height: 3em;
	letter-spacing: 0.1em;
  	position: sticky;
  	top: 0;
  	z-index: 99;
}

.history-reading-record th {
    font-weight: 700;
}

.history-reading-record th:nth-child(1) {
	width: 7em;
}

.history-reading-record th:nth-child(2) {
	width: 4em;
}

.history-reading-record th:nth-child(5) {
	color: hsla(36,100%,46%,1);
	font-weight: 700;
}

.history-reading-record td {
	line-height: 3;
	text-align: right;
}

.history-reading-record td:nth-child(1) {
	text-align: center;
}

.history-reading-record td:nth-child(4) {
	color: hsla(0,100%,50%,1);
}

.history-reading-record td:nth-child(5) {
	color: hsla(36,100%,46%,1);
	font-weight: 700;
	transform: scale(1,1.1);
}

/************************************
** 月次 NEW
************************************/

.monthly-reading-record h2,
.monthly-save-money h2,
.monthly-miscellaneous-feeling h2{
	margin: 0 0 5px 1.3em;
	padding: 0;
	background-color: transparent;
}

.monthly-reading-record h2::before,
.monthly-save-money h2::before,
.monthly-miscellaneous-feeling h2::before {
	margin-left: -1.25em;
	margin-right: 0.5em;
}

.monthly-reading-record h2::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f02d';
}

.monthly-reading-record h2 span {
	font-size: 1.15em;
}

.monthly-reading-record h2 span:nth-child(3) {
	font-size: 0.9em;
}

.monthly-reading-record h2 span:first-child {
	color: hsla(36,100%,46%,1);
}

.monthly-save-money h2::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f51e';
}

.monthly-miscellaneous-feeling h2 {
	margin-bottom: 1.0em;
}

.monthly-miscellaneous-feeling h2::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f406';
}

.monthly-reading-record th, 
.monthly-reading-record td {
	padding: 10px;
	border: none;
	vertical-align: middle;
}

.monthly-reading-record tbody tr {
	border-bottom: solid 1px hsla(0,0%,83%,1);
}

.monthly-reading-record thead th {
	height: 3em;
	border-top: solid 1px hsla(0,0%,83%,1);
    background-color: hsla(240,20%,20%,1);
    color: hsla(240,20%,95%,1);
    font-weight: 700;
	letter-spacing: 0.15em;
}

.monthly-reading-record th:nth-child(1) {
	width: 150px;
	text-align: center;
}

.monthly-reading-record th:last-child {
	width: 120px;
	text-align: center;
	border-left: solid 1px hsla(0,0%,47%,1);
}
@media screen and (max-width: 480px){
	.monthly-reading-record th:last-child {
		width: 90px;
	}
}

.monthly-reading-record td:nth-child(1) {
	vertical-align: top;
}

.monthly-reading-record td:nth-child(2):not(tfoot td) {
	vertical-align: top;
	line-height: 1.3em;
	padding-left: 5px;
	letter-spacing: 0.05em;
}

.monthly-reading-record td:last-child {
	vertical-align: middle;
	text-align: right;
}

.monthly-reading-record tbody tr:nth-child(even) {
	background: hsla(0,0%,93%,1);
}

.monthly-reading-record tfoot {
	border: none;
}

.monthly-reading-record tfoot td {
	height: 3em;
	background: hsla(0,0%,80%,1);
	border-top: solid 1px hsla(0,0%,60%,1);
	border-bottom: solid 1px hsla(0,0%,50%,1);
	/*color: hsla(240,20%,95%,1);*/
	font-size: 1.05em;
	font-weight: 600;
}

.monthly-reading-record tfoot td:nth-child(1) {
	letter-spacing: 0.08em;
}

.monthly-save-money .wp-block-table {
    overflow-x: visible;
}

.monthly-save-money thead {
	border: none;
}

.monthly-save-money th {
	height: 3em;
	border: solid 1px hsla(0,0%,83%,1);
	background-color: hsla(240,20%,20%,1);
	font-weight: 700;
	line-height: 1.3;
	vertical-align: middle;
	text-align: center;
	color: hsla(240,20%,95%,1);
}

.monthly-save-money th:nth-child(3) {
	width: 50%;
	background-color: hsla(36,100%,55%,1);
	color: #000;
	font-size: 1.1em;
}

.monthly-save-money td {
	height: 4em;
	border: solid 1px hsla(0,0%,83%,1);
	font-size: 1.25em;
	vertical-align: middle;
	text-align: center;
}

.monthly-save-money td:nth-child(2) {
	color: red;
}

.monthly-save-money td:nth-child(3) {
	color: hsla(36,100%,46%,1);
	font-size: 1.75em;
	font-weight: 900;
	transform: scale(1,1.1);
}


.monthly-reading-record .book-title {
	display: block;
	margin-bottom: 0.5em;
	font-size: 1.1em;
	font-weight: 900;
	letter-spacing: 0;
}

.monthly-reading-record .author,
.monthly-reading-record .publishing-company,
.monthly-reading-record .publication-date,
.monthly-reading-record .paper-book-price {
	margin-bottom: 0;
	font-size: 0.8em;
	white-space: nowrap;
}

.monthly-reading-record span.yen,
.monthly-save-money span.yen {
	margin-left: 0.3em;
	font-size: 0.8em;
}



/************************************
** 月次
************************************/

h2.monthly-reading-record,
h2.monthly-save-money,
h2.monthly-miscellaneous-feeling {
	margin: 0 0 5px 1.3em;
	padding: 0;
	background-color: transparent;
}

h2.monthly-reading-record::before,
h2.monthly-save-money::before,
h2.monthly-miscellaneous-feeling::before {
	margin-left: -1.25em;
	margin-right: 0.5em;
}

h2.monthly-reading-record::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f02d';
}

h2.monthly-reading-record span {
	font-size: 1.15em;
}

h2.monthly-reading-record span:nth-child(3) {
	font-size: 0.9em;
}

h2.monthly-reading-record span:first-child {
	color: hsla(36,100%,46%,1);
}

h2.monthly-save-money::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f51e';
}

h2.monthly-miscellaneous-feeling {
	margin-bottom: 1.0em;
}

h2.monthly-miscellaneous-feeling::before {
	font-family: 'Font Awesome 5 Free';
	content: '\f406';
}

.monthly-reading-record,
.monthly-save-money {
	margin-bottom: 5em;
}

.monthly-reading-record a {
	text-underline-offset: 0.3em;
}

figure.monthly-reading-record table {
	margin-bottom: 5px;
}

figure.monthly-reading-record th, 
figure.monthly-reading-record td {
	padding: 10px;
	border: none;
	vertical-align: middle;
}

figure.monthly-reading-record tbody tr {
	border-bottom: solid 1px hsla(0,0%,83%,1);
}

figure.monthly-reading-record thead th {
	height: 3em;
	border-top: solid 1px hsla(0,0%,83%,1);
    background-color: hsla(240,20%,20%,1);
    color: hsla(240,20%,95%,1);
    font-weight: 700;
	letter-spacing: 0.15em;
}

figure.monthly-reading-record th:nth-child(1) {
	width: 150px;
	text-align: center;
}

figure.monthly-reading-record th:last-child {
	width: 120px;
	text-align: center;
	border-left: solid 1px hsla(0,0%,47%,1);
}
@media screen and (max-width: 480px){
	figure.monthly-reading-record th:last-child {
		width: 90px;
	}
}

figure.monthly-reading-record td:nth-child(1) {
	vertical-align: top;
}

figure.monthly-reading-record td:nth-child(2):not(tfoot td) {
	vertical-align: top;
	line-height: 1.3em;
	padding-left: 5px;
	letter-spacing: 0.05em;
}

figure.monthly-reading-record td:last-child {
	vertical-align: middle;
	text-align: right;
}

figure.monthly-reading-record td:nth-child(2) span.booktitle {
	display: block;
	margin-bottom: 0.5em;
	font-weight: 900;
	letter-spacing: 0;
}

figure.monthly-reading-record td:nth-child(2) span.author,
figure.monthly-reading-record td:nth-child(2) span.publisher,
figure.monthly-reading-record td:nth-child(2) span.publicationdate,
figure.monthly-reading-record td:nth-child(2) span.paperbookprice {
	display: block;
	font-size: 0.8em;
	white-space: nowrap;
}

figure.monthly-reading-record span.yen,
figure.monthly-save-money span.yen {
	margin-left: 0.3em;
	font-size: 0.8em;
}

figure.monthly-reading-record tbody tr:nth-child(even) {
	background: hsla(0,0%,93%,1);
}

figure.monthly-reading-record tfoot td {
	height: 3em;
	background: hsla(0,0%,80%,1);
	border-top: solid 1px hsla(0,0%,60%,1);
	border-bottom: solid 1px hsla(0,0%,50%,1);
	/*color: hsla(240,20%,95%,1);*/
	font-size: 1.05em;
	font-weight: 600;
}

figure.monthly-reading-record tfoot td:nth-child(1) {
	letter-spacing: 0.08em;
}

figure.monthly-save-money table {
	table-layout: fixed;
	margin-bottom: 5px;
}

figure.monthly-save-money th {
	height: 3em;
	border: solid 1px hsla(0,0%,83%,1);
	background-color: hsla(240,20%,20%,1);
	font-weight: 700;
	line-height: 1.3;
	vertical-align: middle;
	text-align: center;
	color: hsla(240,20%,95%,1);
}

figure.monthly-save-money th:nth-child(3) {
	width: 50%;
	background-color: hsla(36,100%,55%,1);
	color: #000;
	font-size: 1.1em;
}

figure.monthly-save-money td {
	height: 4em;
	border: solid 1px hsla(0,0%,83%,1);
	font-size: 1.25em;
	vertical-align: middle;
	text-align: center;
}

figure.monthly-save-money td:nth-child(2) {
	color: red;
}

figure.monthly-save-money td:nth-child(3) {
	color: hsla(36,100%,46%,1);
	font-size: 1.75em;
	font-weight: 900;
	transform: scale(1,1.1);
}

/************************************
** サイトマップ
************************************/

.sitemap h2 {
    font-size: 2em;
    letter-spacing: 2px; 
}

.sitemap h2:after {
    content:"";
    display:block;
    height:2px;
    width:100%;
    background: linear-gradient(to right, hsla(36,100%,46%,1) 20%,hsla(0,0%,0%,0.25) 30%);
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

.grid-layout-0 {
	display: grid;
	grid-template-rows: calc(1.1em + 0.5em) auto 1fr;
    grid-template-columns: 25% 1fr;
	grid-row-gap: 0.75em;
    grid-column-gap: 1em;
	& *,
	& .wp-block-image {
		margin-bottom: 0;
	}
}
.grid-layout-1 {
	grid-row: 1 / 4;
    grid-column: 1 / 2;
}
.grid-layout-2 {
	grid-row: 1 / 2;
    grid-column: 2 / 3;
}
p.grid-layout-3 {
	grid-row: 2 / 3;
    grid-column: 2 / 3;
	line-height: 1.5;
	margin-bottom: 0;
}
.grid-layout-4 {
	grid-row: 3 / 4;
    grid-column: 2 / 3;
	.publication-date,
	.publishing-house,
	.first-published,
	.reference-price{
		margin: 0;
		font-size: 0.9em;
		line-height: 1.75;
		& span {
			display:inline-block;
		}
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	.grid-layout-0 {
	grid-template-rows: auto calc(1.1em + 0.5em) 1fr;
    grid-template-columns: 27.5% 1fr;
    grid-row-gap: 0.5em;
	grid-column-gap: 0.5em;
}
	.grid-layout-1 {
		grid-row: 1 / 2;
    	grid-column: 1 / 2;
	}
	.grid-layout-2 {
		grid-row: 2 / 3;
    	grid-column: 1 / 3;
		line-height: 1.5;
	}
	p.grid-layout-3 {
		grid-row: 3 / 4;
    	grid-column: 1 / 3;
	}
	.grid-layout-4 {
	grid-row: 1 / 2;
    grid-column: 2 / 3;
	align-self: end;
	}
}