/*
Theme Name: 読書しない読書会
Author: Shintaro Abiru
Description: 読書しない読書会のテーマです。
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*--------------------------------------------------------------
TABLE OF CONTENTS
----------------------------------------------------------------
Normalize
Accessibility
Alignments
Clearings
Typography
Figures
Forms
Formatting
Lists
Tables
Links
Navigation
Layout
	Header
	Front Page
	Posts
	404 page
	Search
	Footer
Comments
Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

img {
	border-style: none;
	height: auto;
}

svg:not(:root) {
	overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}


/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/

/* base font */
body,
button,
input,
select,
textarea {
	font-family: kozuka-gothic-pro, sans-serif;
	-webkit-font-feature-settings: "palt";
	font-feature-settings: "palt";
	color: #333;
	font-style: normal;
	letter-spacing: 0.1em;
}

/* icon font */
@font-face {
	font-family: "fontello";
	src: url("./assets/font/fontello.eot?78296141");
	src: url("./assets/font/fontello.eot?78296141#iefix") format("embedded-opentype"),
		url("./assets/font/fontello.woff?78296141") format("woff"),
		url("./assets/font/fontello.ttf?78296141") format("truetype"),
		url("./assets/font/fontello.svg?78296141#fontello") format("svg");
	font-weight: normal;
	font-style: normal;
}

/* section　title */
.section-title {
	margin: 0 0 27px;
	padding: 0;
}

.section-title img {
	margin: 0 auto;
	width: auto;
	height: 60px;
}

@media screen and (min-width: 767px) {

	.section-title {
		margin-bottom: 36px;
	}

	.section-title img {
		height: 90px;
	}

}

@media screen and (min-width: 1023px) {

	.section-title {
		margin-bottom: 42px;
	}

	.section-title img {
		height: 101px;
	}

}

/* heading */
.entry-content h2 {
	margin: 30px 0 24px;
	padding: 0;
	font-family: "Jun 201";
	color: #013f8c;
	font-size: 24px;
	line-height: 1.3;
}

.entry-content h3 {
	margin: 30px 0 24px;
	padding: 0;
	color: #222;
	font-size: 20px;
	line-height: 1.2;
}

/* paragraph */
.entry-content p {
	margin: 0 0 24px;
	padding: 0;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;
}

.text {
	text-align: justify;
	text-justify: inter-ideograph;
}

/* blockquote */
blockquote {
	margin: 20px 0;
	border-left: #DBDBDB 1px solid;
	padding: 60px 20px;
	position: relative;
	color: #777;
}

blockquote:before {
	font-family: 'fontello';
	content: "\F10D";
	speak: none;
	color: #ccc;
	font-size: 32px;
	font-style: normal;
	text-align: center;
	position: absolute;
	left: 20px;
	top: 10px;
}

/* strong */
strong {
	font-weight: normal;
	background: linear-gradient(transparent 50%, #f6f313 50%);
}


/* figure */

figure {
	margin: 9px 0 24px;
}

figcaption {
	margin: 12px 0 24px;
}


/*--------------------------------------------------------------
Figures
--------------------------------------------------------------*/

/* reset */
img {
	display: block;
}

.entry-content img.size-thumbnail {
	width: 100%;
	height: auto;
}

.entry-content img.size-medium {
	width: 300px;
	height: auto;
}

.entry-content img.size-large {
	width: 100%;
	height: auto;
}

.entry-content img.size-full {
	width: 100%;
	height: auto;
}


/*--------------------------------------------------------------
Forms
--------------------------------------------------------------*/

label {
	display: block;
	padding: 6px 0 3px;
	font-size: 12px;
	font-weight: bold;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
	box-sizing: border-box;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #553208;
	border: 0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 15px;
	font-weight: normal;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
Formatting
--------------------------------------------------------------*/

hr {
	background-color: #bbb;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/*--------------------------------------------------------------
Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0 1.5em;
	width: 100%;
}

thead th {
	border-bottom: 2px solid #bbb;
	padding-bottom: 0.5em;
}

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}


/*--------------------------------------------------------------
link
--------------------------------------------------------------*/

a {
	color: #2d9cea;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.link-text {
	display: block;
	margin: 0;
	padding: 6px 0 0 0;
	font-size: 15px;
	line-height: 1.3;
	color: #2d9cea;
}

.link-text:after {
	font-family: 'fontello';
	content: " \F105";
	speak: none;
}

a:hover .link-text {
	text-decoration: underline;
}

a:hover .photo-column img {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

@media screen and (min-width: 1023px) {

	.link-text {
		padding: 6px 0 0 0;
		font-size: 18px;
		line-height: 1.4;
	}

}

/*--------------------------------------------------------------
Navigation
--------------------------------------------------------------*/

/* next-event
------------------------------ */

.next-event {
	margin: 0 0 60px;
	padding: 0;
}

.next-event .unit {
	margin: 0 0 3px;
	padding: 15px 0;
	display: block;
	background-color: #013f8c;
	text-decoration: none;
}

.next-event .unit .bg {
	padding: 12px 10px;
	background-color: #fff;
}

.next-event .unit:hover .bg  {
	background-color: #e8f6ff;
}

.next-event .unit .bg2 {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	align-items: center;
}

.next-event .unit .date {
	background: url("./assets/images/home/next-event_bg.png") no-repeat top center;
	background-size: 90px 90px;
	width: 90px;
	height: 90px;
	font-family: coquette, sans-serif;
	color: #fff;
	text-align: center;
}

.next-event .unit .date .date_1 {
	padding: 18px 0 0;
	width: 90px;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0;
}

.next-event .unit .date .date_2 {
	width: 90px;
	font-size: 21px;
	line-height: 1;
}

.next-event .unit .text-column {
	padding: 12px 10px 9px 15px;
}

.next-event .unit .text-column .place {
	margin: 0;
	line-height: 1;
	color: #013f8c;
	font-family: "Jun 201";
	font-size: 15px;
}

.next-event .unit .text-column .title {
	margin: 0;
	padding: 6px 0 9px;
	line-height: 1.2;
	color: #222;
	font-family: "Jun 201";
	font-size: 18px;
}

.next-event .unit .text-column .button {
	padding: 12px 8px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	width: 150px;
	background-color: #c4221e;
	line-height: 1;
	text-align: center;
}

.next-event .unit .text-column .button .link-text {
	margin: 0;
	padding: 0;
	color: #fff;
	line-height: 1;
	font-family: "Jun 201";
	font-size: 15px;
}

@media screen and (min-width: 767px) {

	.next-event .unit {
		padding: 18px 0;
	}

	.next-event .unit .bg {
		padding: 39px 25px;
	}

	.next-event .unit .bg2 {
		margin: 0 auto;
		max-width: 980px;
		width: 100%;
	}

	.next-event .unit .date {
		background-size: 150px 150px;
		width: 150px;
		height: 150px;
	}

	.next-event .unit .date .date_1 {
		padding: 36px 0 0;
		width: 150px;
		font-size: 48px;
	}

	.next-event .unit .date .date_2 {
		width: 150px;
		font-size: 33px;
	}

	.next-event .unit .text-column {
		padding: 12px 10px 9px 30px;
	}

	.next-event .unit .text-column .place {
		font-size: 15px;
	}

	.next-event .unit .text-column .title {
		margin: 0;
		padding: 9px 0 18px;
		font-size: 27px;
	}

	.next-event .unit .text-column .button {
		padding: 15px 9px;
		width: 200px;
	}

	.next-event .unit .text-column .button .link-text {
		font-size: 15px;
	}

}

@media screen and (min-width: 1023px) {

	.next-event .unit {
		padding: 21px 0;
	}

	.next-event .unit .bg {
		padding: 33px 10px;
	}

	.next-event .unit .date {
		background-size: 185px 185px;
		width: 185px;
		height: 185px;
	}

	.next-event .unit .date .date_1 {
		padding: 42px 0 0;
		width: 185px;
		font-size: 57px;
	}

	.next-event .unit .date .date_2 {
		width: 185px;
		font-size: 39px;
	}

	.next-event .unit .text-column {
		padding: 12px 10px 9px 45px;
	}

	.next-event .unit .text-column .place {
		font-size: 18px;
	}

	.next-event .unit .text-column .title {
		margin: 0;
		padding: 12px 0 24px;
		font-size: 36px;
	}

	.next-event .unit .text-column .button {
		width: 250px;
	}

	.next-event .unit .text-column .button .link-text {
		font-size: 18px;
	}

}


/*--------------------------------------------------------------
Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	margin: 0 auto;
	max-width: 980px;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

.site-main {
	margin: 42px 30px;
}

@media screen and (min-width: 767px) {

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 65%;
	}

	.has-sidebar #secondary {
		float: right;
		width: 35%;
	}

	.error404 #primary {
		float: none;
	}

}

@media screen and (min-width: 1023px) {

	.has-sidebar .site-main {
		margin-left: 0;
		margin-right: 50px;
	}

	.site-main {
		margin-left: 0;
		margin-right: 0;
	}

	.has-sidebar:not(.error404) #primary {
		width: 680px;
	}

	.has-sidebar #secondary {
		width: 300px;
	}

}

/*--------------------------------------------------------------
Header
--------------------------------------------------------------*/

.site-header {
	background-color: #013f8c;
}

.site-header .logo img {
	margin: 0 auto;
	padding: 27px 0;
	width: 240px;
	height: auto;
}

@media screen and (min-width: 1023px) {

	.site-header .logo img {
		width: 360px;
		height: auto;
	}

}


/*--------------------------------------------------------------
Front Page
--------------------------------------------------------------*/

/* resets */
.home .site-header {
	display: none;
}

.home .entry-header {
	display: none;
}

.home .site-main {
	margin: 0;
}


/* key-visual
------------------------------ */

.key-visual {
	margin: 0 0 60px;
	padding: 0 20px;
	background-color: #013f8c;
	background: url("./assets/images/home/key-visual_bg.jpg") no-repeat top center;
	background-size: auto 360px;
	position: relative;
}

.key-visual .visual-area .logo img {
	margin: 0 auto;
	padding: 18px 0 0;
	/** width: 260px; **/
	width: 180px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
}

.key-visual .visual-area .logo2 img {
	margin: 0 auto;
	padding: 18px 0 36px;
	width: 180px;
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.8));
}

.key-visual .text-column {
	border: solid 1px #dcdcdc;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	background-color: #fff;
	padding: 0 0 30px;
}

.key-visual .text-column_bg {
	margin: -45px 0 0;
	padding: 0;
	background: url("./assets/images/home/key-visual_bg_002.png") no-repeat top center;
	background-size: auto 18px;
}

.key-visual .text-column .heading {
	margin: 30px 0 0;
	padding: 0 0 21px;
}

.key-visual .text-column .heading img {
	margin: 0 auto;
	width: 230px;
}

.key-visual .text-column .text {
	margin: 0 30px 0;
	padding: 1px 10px 0;
	font-size: 16px;
	background: url("./assets/images/home/line_e1e1e1_h37@2x.gif") repeat top left;
	background-size: 100% 34px;
	line-height: 34px;
}

.key-visual .text-column .text strong {
	font-weight: bold;
}

@media screen and (min-width: 767px) {

	.key-visual {
		margin: 0 0 75px;
		padding: 0 25px;
		background-size: auto 660px;
	}

	.key-visual .visual-area .logo img {
		padding: 30px 0 0;
		width: 390px;
	}

	.key-visual .visual-area .logo2 img {
		padding: 30px 0 54px;
		width: 270px;
	}

	.key-visual .text-column {
		margin: 30px 0 0;
		padding: 0 0 60px;
	}

	.key-visual .text-column_bg {
		margin: -78px 0 0;
		background-size: auto 48px;
	}

	.key-visual .text-column .heading {
		padding: 0 0 39px;
	}

	.key-visual .text-column .heading img {
		width: 360px;
	}

	.key-visual .text-column .text {
		margin: 0 50px 0;
		padding: 1px 30px 0;
		font-size: 18px;
		background: url("./assets/images/home/line_e1e1e1_h51@2x.gif") repeat top left;
		background-size: 100% 45px;
		line-height: 45px;
	}

}

@media screen and (min-width: 1023px) {

	.key-visual {
		background-size: auto 905px;
	}

	.key-visual .visual-area .logo img {
		padding: 30px 0 0;
		width: 590px;
		height: auto;
	}

	.key-visual .visual-area .logo2 img {
		padding: 30px 0 45px;
		width: 365px;
	}

	.key-visual .text-column {
		max-width: 980px;
		margin: 30px auto 0;
		padding: 0 0 60px;
	}

	.key-visual .text-column .heading {
		padding: 0 0 48px;
	}

	.key-visual .text-column .heading img {
		width: 550px;
	}

	.key-visual .text-column .text {
		margin: 0 70px 0;
		font-size: 21px;
		background-size: 100% 51px;
		line-height: 51px;
	}

}

/* event-flow
------------------------------ */

.event-flow {
	margin: 0 0 60px;
	padding: 0;
}

.event-flow .unit {
	margin: 0 40px 54px;
}

.event-flow .unit .no img {
	margin: 0 auto;
	width: 50px;
	height: auto;
}

.event-flow .unit .heading {
	margin: 0;
	padding: 24px 0 18px;
	font-size: 24px;
	line-height: 1.3;
	color: #013f8c;
	font-family: "Jun 201";
}

.event-flow .unit .text {
	margin: 0;
	padding: 0 0 18px;
	font-size: 15px;
	line-height: 1.8;
}

.event-flow .unit .photo-column {
	margin: 0;
	padding: 10px;
	border: solid 1px #dcdcdc;
}

.event-flow .unit .photo-column img {
	width: 100%;
}

@media screen and (min-width: 767px) {

	.event-flow {
		margin: 0 0 72px;
		padding: 0;
	}

	.event-flow .section-title {
		padding: 0 0 21px;
	}

	.event-flow .unit {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		align-items: flex-start;
		margin: 0 30px 54px;
	}

	.event-flow .text-column {
		margin: 0 30px 0 20px;

	}

	.event-flow .unit .heading {
		padding: 9px 0 24px;
		font-size: 27px;
	}

	.event-flow .unit .text {
		padding: 0 0 18px;
		font-size: 15px;
	}

	.event-flow .unit .photo-column img {
		width: 250px;
	}

}

@media screen and (min-width: 1023px) {

	.event-flow .unit {
		margin: 0 auto 54px;
		width: 100%;
		max-width: 980px;
	}

	.event-flow .unit .no img {
		width: 60px;
	}

	.event-flow .text-column {
		margin: 0 45px 0 30px;

	}

	.event-flow .unit .heading {
		padding: 15px 0 27px;
		font-size: 30px;
	}

	.event-flow .unit .text {
		padding: 0 0 18px;
		font-size: 18px;
		line-height: 2;
	}

	.event-flow .unit .photo-column img {
		width: 295px;
	}

}


/* testimonial
------------------------------ */

.testimonial {
	margin: 0 0 60px;
	padding: 0;
}

.testimonial .unit {
	margin: 0 40px 54px;
}

.testimonial .unit .photo-column img {
	margin: 0 auto;
	width: 120px;
	height: auto;
}

.testimonial .unit .text-column {
	padding: 24px 0 0;
}

.testimonial .unit .text-column .text {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 2;
}

.testimonial .unit .text-column .age {
	margin: 0;
	padding: 6px 0 0;
	font-size: 12px;
	color: #666;
	line-height: 1;
}

@media screen and (min-width: 767px) {

	.testimonial {
		margin: 0 40px 72px;
		padding: 0;
	}

	.testimonial .section-title {
		padding: 0 0 21px;
	}

	.testimonial .unit {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0 auto 60px;
		width: 100%;
		max-width: 840px;
	}

	.testimonial .unit .photo-column img {
		width: 150px;
	}

	.testimonial .unit .text-column {
		padding: 15px 10px 0 35px;
	}

	.testimonial .unit .text-column .text {
		font-size: 15px;
	}

	.testimonial .unit .text-column .age {
		padding: 12px 0 0;
		font-size: 12px;
	}

}

@media screen and (min-width: 1023px) {

	.testimonial .unit .photo-column img {
		width: 195px;
	}

	.testimonial .unit .text-column {
		padding: 24px 0 0 55px;
	}

	.testimonial .unit .text-column .text {
		font-size: 18px;
	}

	.testimonial .unit .text-column .age {
		padding: 24px 0 0;
		font-size: 15px;
	}

}


/* report
------------------------------ */

.report {
	margin: 0 0 60px;
	padding: 30px 0 21px;
	background: url("./assets/images/home/report_bg_001.jpg") repeat top center;
	background-size: auto 300px;
}

.report .unit {
	margin: 0 30px 30px;
	display: block;
	text-decoration: none;
}

.report .unit .photo-column {
	border: solid 1px #dcdcdc;
}

.report .unit .photo-column img {
	width: 100%;
	height: auto;
}

.report .unit .text-column {
	padding: 15px 0 0;
}

.report .unit .text-column .date {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	color: #666;
}

.report .link-all {
	margin: 0 auto 30px;
	max-width: 980px;
	text-align: center;
}

.report .link-all .link-text {
	display: inline-block;
	margin: 0 auto;
}

.report h3.subtitle{
	text-align: center;
	color: #013f8c;
  font-family: "Jun 201";
  font-size: 22px;
  margin-top: 0;
}

@media screen and (min-width: 767px) {

	.report {
		margin: 0 0 72px;
		padding: 51px 0 21px;
		background-size: auto 300px;
	}

	.report .wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0 15px 9px;
	}

	.report .unit {
		margin: 0 10px 21px;
	}

	.report .unit .text-column .date {
		padding: 9px 0 3px;
		font-size: 15px;
	}

	.report h3.subtitle{
	  font-size: 30px;
	}

}

@media screen and (min-width: 1023px) {

	.report .wrap {
		padding: 0 0 9px;
		width: 100%;
		max-width: 980px;
	}

	.report .unit {
		margin: 0 0 21px;
		width: 100%;
		max-width: 295px;
	}

	.report .unit .text-column .date {
		padding: 12px 0 3px;
	}

}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}


/* media
------------------------------ */

.media {
	margin: 0 0 42px;
	padding: 30px 0 9px;
	background: url("./assets/images/home/media_bg.gif") no-repeat top center;
	background-size: 150% auto;
}

.media .unit {
	margin: 0 30px 30px;
	display: block;
	text-decoration: none;
}

.media .unit .photo-column {
	border: solid 1px #dcdcdc;
}

.media .unit .photo-column img {
	width: 100%;
}

.media .unit .text-column {
	padding: 15px 0 0;
}

.media .unit .text-column .date {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1;
	color: #666;
}

@media screen and (min-width: 767px) {

	.media {
		margin: 0 0 72px;
		padding: 0;
		background-size: 100% auto;
	}

	.media .wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: space-between;
		margin: 0 auto;
		padding: 0 15px 9px;
	}

	.media .unit {
		margin: 0 10px 30px;
	}

	.media .unit .text-column .date {
		padding: 6px 0 3px;
		font-size: 15px;
	}

}

@media screen and (min-width: 1023px) {

	.media .wrap {
		padding: 0 0 9px;
		width: 100%;
		max-width: 980px;
	}

	.media .unit {
		margin: 0 0 30px;
		width: 100%;
		max-width: 295px;
	}

	.media .unit .text-column .date {
		padding: 12px 0 3px;
	}

}


/* owner
------------------------------ */

.owner {
	margin: 0 0 60px;
	padding: 0;
}

.owner .unit {
	margin: 0;
	padding: 0;
}

.owner .photo-column {
	background: linear-gradient(transparent 80%, #013f8c 80%);
}

.owner .photo-column img {
	margin: 0 auto;
	width: 240px;
	border-radius: 12px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
}

.owner .unit .name-column {
	margin: 0 0 30px;
	padding: 18px 0 27px;
	color: #fff;
	background-color: #013f8c;
	text-align: center;
}

.owner .unit .name-column .name {
	margin: 0;
	padding: 0 0 9px;
	font-size: 30px;
	line-height: 1;
	font-family: "Jun 201";
}

.owner .unit .name-column .name-furigana {
	margin: 0;
	padding: 0;
	font-family: coquette, sans-serif;
	font-size: 12px;
	line-height: 1;
}

.owner .unit .text {
	margin: 0;
	padding: 0 40px 27px;
	color: #333;
	font-size: 15px;
	line-height: 2;
}

.owner .unit .icon {
	margin: 0;
	padding: 0 40px 6px;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

.owner .unit .icon a {
	margin: 0 15px 0 0;
}

.owner .unit .icon img {
	width: 30px;
	height: auto;
}

@media screen and (min-width: 767px) {

	.owner {
		margin: 0 0 72px;
		padding: 0;
	}

	.owner .section-title {
		padding: 0 0 30px;
	}

	.owner .unit {
		background: url("./assets/images/home/owner_name_bg.gif") repeat-x top center;
	}

	.owner .unit .wrap {
		position: relative;
		margin: 0 25px 54px;
	}

	.owner .photo-column {
		background: none;
		position: absolute;
		top: -30px;
		left: 0px;
	}

	.owner .photo-column img {
		margin: 0 auto;
		width: 300px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}

	.owner .unit .name-column {
		margin: 0 0 30px;
		padding: 0;
		height: 100px;
		text-align: left;
	}

	.owner .unit .name-column .wrap {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		justify-content: flex-start;
		margin: 0 auto;
		padding: 0 0 0 340px;
		box-sizing: border-box;
	}

	.owner .unit .name-column .name {
		padding: 30px 20px 0 0;
		font-size: 39px;
	}

	.owner .unit .name-column .name-furigana {
		padding: 45px 0 0 0;
		font-size: 15px;
	}

	.text-column {
		margin: 0 auto;
		width: 100%;
		max-width: 980px;
	}

	.owner .unit .text {
		padding: 9px 10px 24px 340px;
		font-size: 15px;
		line-height: 2;
	}

	.owner .unit .icon {
		padding: 0 0 6px 340px;
	}

}

@media screen and (min-width: 1023px) {

	.owner {
		margin: 0 0 72px;
		padding: 0;
	}

	.owner .section-title {
		padding: 0 0 21px;
	}

	.owner .unit {
		background: url("./assets/images/home/owner_name_bg.gif") repeat-x top center;
	}

	.owner .unit .wrap {
		position: relative;
		margin: 0 auto 54px;
		width: 100%;
		max-width: 980px;
	}

	.owner .photo-column {
		background: none;
		position: absolute;
		top: -30px;
		left: 0px;
	}

	.owner .photo-column img {
		margin: 0 auto;
		width: 330px;
		border-radius: 18px;
		-webkit-border-radius: 18px;
		-moz-border-radius: 18px;
	}

	.owner .unit .name-column {
		margin: 0 0 30px;
		padding: 0;
		height: 100px;
		text-align: left;
	}

	.owner .unit .name-column .wrap {
		margin: 0 auto;
		padding: 0 0 0 390px;
		width: 100%;
		max-width: 980px;
		box-sizing: border-box;
	}

	.owner .unit .name-column .name {
		padding: 24px 30px 0 0;
		font-size: 45px;
	}

	.owner .unit .name-column .name-furigana {
		padding: 39px 0 0 0;
		font-size: 18px;
	}

	.owner .unit .text {
		padding: 24px 0 27px 390px;
		font-size: 18px;
		line-height: 2;
	}

	.owner .unit .icon {
		padding: 0 0 6px 390px;
	}

}


/* other-actiba
------------------------------ */

.other-actiba {
	margin: 0 0 60px;
	padding: 0;
}

.other-actiba .unit {
	margin: 0 20px 30px;
	padding: 0 0 24px;
	display: block;
	text-decoration: none;
	background: url("./assets/images/common/line_stitch_brown.gif") repeat-x bottom left;
	background-size: auto 1px;
}

.other-actiba .photo-column img {
	margin: 0 auto;
	width: 240px;
}

.other-actiba .unit .heading {
	margin: 0;
	padding: 27px 10px 0;
	color: #333;
	font-size: 24px;
	font-family: "Jun 201";
	line-height: 1.2;
}

.other-actiba .unit .catch {
	margin: 0;
	padding: 24px 10px;
	color: #333;
	font-size: 15px;
	line-height: 1;
}

.other-actiba .unit .catch.yonkoma {
	color: #e36006;
}

.other-actiba .unit .catch.toundesu {
	color: #20993a;
}

.other-actiba .unit .catch.cinema {
	color: #493C2F;
}

.other-actiba .unit .text {
	margin: 0;
	padding: 0 10px;
	color: #333;
	font-size: 15px;
	line-height: 2;
}

.other-actiba .unit .link-text {
	padding: 6px 10px 0;
}

.other-actiba .link {
	margin: -24px 20px 30px;
}

.other-actiba .link .link-text {
	text-align: right;
}

@media screen and (min-width: 767px) {

	.other-actiba {
		margin: 0 0 72px;
	}

	.other-actiba .unit {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: 0 25px 42px;
		padding: 0 20px 36px;
	}

	.other-actiba .unit .heading {
		padding: 12px 0 0 35px;
		font-size: 27px;
	}

	.other-actiba .unit .catch {
		padding: 27px 0 24px 35px;
		font-size: 15px;
	}

	.other-actiba .unit .text {
		padding: 0 0 0 35px;
		font-size: 15px;
	}

	.other-actiba .unit .link-text {
		padding: 12px 0 0 35px;
	}

	.other-actiba .link {
		margin: -30px 25px 42px;
		padding: 0 20px 36px;
	}

}

@media screen and (min-width: 1023px) {

	.other-actiba .unit {
		margin: 0 auto 60px;
		padding: 0 40px 54px;
		width: 100%;
		max-width: 980px;
		background-size: auto 2px;
	}

	.other-actiba .unit .heading {
		padding: 15px 0 0 50px;
		font-size: 30px;
	}

	.other-actiba .unit .catch {
		padding: 45px 0 24px 50px;
		font-size: 18px;
	}

	.other-actiba .unit .text {
		padding: 0 0 0 50px;
		font-size: 18px;
	}

	.other-actiba .unit .link-text {
		padding: 12px 0 0 50px;
	}

	.other-actiba .link {
		margin: -42px auto 60px;
		padding: 0 40px 54px;
		width: 100%;
		max-width: 980px;
	}

}


/* faq
------------------------------ */

.faq {
	margin: 0 20px 60px;
	padding: 0;
}

.faq .unit {
	margin: 0 0 30px;
	padding: 0 0 9px;
	background: url("./assets/images/common/line_stitch_brown.gif") repeat-x bottom left;
	background-size: auto 1px;
}

.faq .unit .question,
.faq .unit .answer {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin: 0 0 21px;
	padding: 0 5px;
}

.faq .unit .question .icon img,
.faq .unit .answer .icon img {
	width: 25px;
	height: auto;
}

.faq .unit .question .text,
.faq .unit .answer .text {
	margin: 0;
	padding: 3px 0 0 10px;
	line-height: 1.5;
	font-size: 15px;
}

@media screen and (min-width: 767px) {

	.faq {
		margin: 0 auto 72px;
	}

	.faq .unit {
		margin: 0 30px 36px;
		padding: 0 0 9px;
	}

	.faq .unit .question,
	.faq .unit .answer {
		margin: 0 0 30px;
		padding: 0 30px;
	}

	.faq .unit .question .icon img,
	.faq .unit .answer .icon img {
		width: 30px;
	}

	.faq .unit .question .text,
	.faq .unit .answer .text {
		padding: 6px 0 0 20px;
		font-size: 18px;
	}

}

@media screen and (min-width: 1023px) {

	.faq {
		margin: 0 auto 72px;
		padding: 0;
		max-width: 980px;
	}

	.faq .unit {
		margin: 0 30px 45px;
		padding: 0 0 9px;
		background-size: auto 2px;
	}

	.faq .unit .question,
	.faq .unit .answer {
		margin: 0 0 42px;
		padding: 0 30px;
	}

	.faq .unit .question .icon img,
	.faq .unit .answer .icon img {
		width: 33px;
	}

	.faq .unit .question .text,
	.faq .unit .answer .text {
		padding: 6px 0 0 25px;
		font-size: 21px;
	}

}


/* note
------------------------------ */

.note {
	margin: 0 20px 60px;
	padding: 0;
}

.note .list {
	margin: 0 0 0 20px;
	padding: 0 10px;
}

.note .list li {
	margin: 0 0 12px;
	padding: 0;
	line-height: 1.5;
	font-size: 12px;
}

@media screen and (min-width: 767px) {

	.note {
		margin: 0 30px 72px;
	}

	.note .list li {
		font-size: 15px;
	}

}

@media screen and (min-width: 1023px) {

	.note {
		margin: 0 auto 72px;
		max-width: 980px;
	}

}


/*--------------------------------------------------------------
Posts
--------------------------------------------------------------*/

/* contents-header
------------------------------ */

.contents-title {
	margin: 0 0 27px;
	text-align: center;
	font-family: coquette, sans-serif;
	font-size: 27px;
	line-height: 1;
	letter-spacing: 0;
}

.contents-title a {
	display: block;
	padding: 24px 25px;
	background-color: #f8f8f8;
	color: #553208;
	text-decoration: none;
}

@media screen and (min-width: 1023px) {

	.contents-title {
		margin: 0 0 27px;
		font-size: 36px;
	}

}

/* page-header
------------------------------ */

.blog .page-header {
	display: none;
}

.archive .page-title {
	display: block;
	margin: -27px 0 30px;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
	padding: 24px 0 24px;
	text-align: center;
	font-size: 15px;
}

/* entry-header
------------------------------ */

.updated {
	display: none;
}

.entry-meta .entry-date {
	font-family: "Jun 201";
	font-size: 15px;
	color: #666;
}

.posted-on a {
	text-decoration: none;
	color: #666;
}

.entry-title {
	margin: 6px 0 30px;
	padding: 0;
	font-family: "Jun 201";
	color: #013f8c;
	font-size: 30px;
	line-height: 1.3;
}

.entry-title a {
	color: #013f8c;
}


/* entry-content
------------------------------ */

.entry-content {
	margin: 12px 0;
}

/* ====================================
   読書しない読書会 レポート記事用CSS
   WordPressの「追加CSS」または投稿内の<style>タグに貼り付け
==================================== */

/* --- 番号付きリスト（5つのステップ用） --- */
.entry-content ol,
article ol {
  counter-reset: step-counter;
  list-style: none;
  padding-left: 0;
  margin: 1.5em 0;
}

.entry-content ol li,
article ol li {
  position: relative;
  padding-left: 3em;
  margin-bottom: 1em;
  line-height: 1.8;
}

.entry-content ol li::before,
article ol li::before {
  content: counter(step-counter);
  counter-increment: step-counter;
  position: absolute;
  left: 0;
  top: 0;
  width: 2em;
  height: 2em;
  background: #3D5A80;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 0.9em;
}

/* --- 箇条書きリスト（開催概要用） --- */
.entry-content ul,
article ul {
  list-style: none;
  padding-left: 0;
  margin: 1.5em 0;
}

.entry-content ul li,
article ul li {
  position: relative;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
  line-height: 1.8;
}

.entry-content ul li::before,
article ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  color: #3D5A80;
  font-size: 0.6em;
  top: 0.5em;
}

/* --- テーブル（ほんねカード用） --- */
.entry-content table,
article table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.95em;
}

.entry-content table th,
.entry-content table td,
article table th,
article table td {
  padding: 1em;
  border: 1px solid #ddd;
  vertical-align: top;
  line-height: 1.6;
}

.entry-content table th,
article table th {
  background: #3D5A80;
  color: #fff;
  font-weight: bold;
  text-align: left;
}

/* 列幅の指定 */
.entry-content table th:nth-child(1),
.entry-content table td:nth-child(1),
article table th:nth-child(1),
article table td:nth-child(1) {
  width: 15%;
  white-space: nowrap;
}

.entry-content table th:nth-child(2),
.entry-content table td:nth-child(2),
article table th:nth-child(2),
article table td:nth-child(2) {
  width: 25%;
}

.entry-content table th:nth-child(3),
.entry-content table td:nth-child(3),
article table th:nth-child(3),
article table td:nth-child(3) {
  width: 60%;
}

/* 色名の強調 */
.entry-content table td:first-child strong,
article table td:first-child strong {
  display: inline-block;
  padding: 0.2em 0.5em;
  border-radius: 4px;
  font-size: 0.9em;
}

/* 偶数行の背景色 */
.entry-content table tbody tr:nth-child(even),
article table tbody tr:nth-child(even) {
  background: #f9f9f9;
}

/* ホバー効果 */
.entry-content table tbody tr:hover,
article table tbody tr:hover {
  background: #f0f7fa;
}

/* --- 引用ボックス（カギ括弧風・角枠デザイン） --- */
/* テーマのスタイルを完全に上書き */
blockquote,
.entry-content blockquote,
article blockquote,
.post blockquote,
#content blockquote,
.single-post blockquote,
.wp-block-quote,
blockquote.wp-block-quote {
  position: relative !important;
  max-width: 100% !important;
  margin: 1.5em 0 !important;
  padding: 2.5em 2.5em 2em 3em !important;
  background: #f4f6f8 !important;
  border: none !important;
  font-style: normal !important;
  line-height: 1.8 !important;
  color: #333 !important;
  quotes: none !important;
  box-shadow: none !important;
}

blockquote::before,
.entry-content blockquote::before,
article blockquote::before,
.post blockquote::before,
#content blockquote::before,
.single-post blockquote::before,
.wp-block-quote::before,
blockquote.wp-block-quote::before {
  display: inline-block !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 4em !important;
  height: 4em !important;
  content: '' !important;
  border-top: 3px solid #3D5A80 !important;
  border-left: 3px solid #3D5A80 !important;
  border-right: none !important;
  border-bottom: none !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4.58341 17.3211C3.55316 16.2274 3 15 3 13.0103C3 9.51086 5.45651 6.37366 9.03059 4.82318L9.92328 6.20079C6.58804 8.00539 5.93618 10.346 5.67564 11.822C6.21263 11.5443 6.91558 11.4466 7.60471 11.5105C9.40908 11.6778 10.8312 13.159 10.8312 15C10.8312 16.933 9.26416 18.5 7.33116 18.5C6.2581 18.5 5.23196 18.0095 4.58341 17.3211ZM14.5834 17.3211C13.5532 16.2274 13 15 13 13.0103C13 9.51086 15.4565 6.37366 19.0306 4.82318L19.9233 6.20079C16.588 8.00539 15.9362 10.346 15.6756 11.822C16.2126 11.5443 16.9156 11.4466 17.6047 11.5105C19.4091 11.6778 20.8312 13.159 20.8312 15C20.8312 16.933 19.2642 18.5 17.3312 18.5C16.2581 18.5 15.232 18.0095 14.5834 17.3211Z' fill='%233D5A80'%3E%3C/path%3E%3C/svg%3E") !important;
  background-position: top 35% left 35% !important;
  background-size: 2em !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  font-family: inherit !important;
  font-size: inherit !important;
  color: transparent !important;
  visibility: visible !important;
  opacity: 1 !important;
}

blockquote::after,
.entry-content blockquote::after,
article blockquote::after,
.post blockquote::after,
#content blockquote::after,
.single-post blockquote::after,
.wp-block-quote::after,
blockquote.wp-block-quote::after {
  display: inline-block !important;
  position: absolute !important;
  bottom: 0 !important;
  right: 0 !important;
  width: 4em !important;
  height: 4em !important;
  content: '' !important;
  border-bottom: 3px solid #3D5A80 !important;
  border-right: 3px solid #3D5A80 !important;
  border-top: none !important;
  border-left: none !important;
  background: none !important;
}

/* カギ括弧アイコン用span（不要になったので非表示） */
blockquote .quote-icon,
.entry-content blockquote .quote-icon {
  display: none !important;
}

blockquote p,
.entry-content blockquote p,
article blockquote p {
  margin: 0 0 0.5em 0 !important;
}

blockquote p:last-child,
.entry-content blockquote p:last-child,
article blockquote p:last-child {
  margin-bottom: 0 !important;
}

blockquote cite,
.entry-content blockquote cite,
article blockquote cite {
  display: block !important;
  color: #737373 !important;
  font-size: 0.8em !important;
  text-align: right !important;
  font-style: normal !important;
}

/* --- CTAボタン（お問い合わせ用） --- */
.cta-button,
a.cta-button {
  display: inline-block;
  background: #3D5A80;
  color: #fff !important;
  padding: 1em 2em;
  text-decoration: none;
  border-radius: 4px;
  font-weight: bold;
  margin-top: 0.5em;
  transition: background-color 0.3s ease;
}

.cta-button:hover,
a.cta-button:hover {
  background: #2B4266;
  color: #fff !important;
  text-decoration: underline;
}

/* --- spanタグの太字化 --- */
.entry-content span,
article span,
.post span,
.entry-content li span,
article li span,
.post li span,
.entry-content ol li span,
.entry-content ul li span,
article ol li span,
article ul li span {
  font-weight: bold;
}


/* --- スマホ対応 --- */
@media screen and (max-width: 768px) {
  .entry-content table,
  article table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  
  .entry-content table th:nth-child(1),
  .entry-content table td:nth-child(1),
  article table th:nth-child(1),
  article table td:nth-child(1) {
    min-width: 60px;
  }
  
  .entry-content table th:nth-child(2),
  .entry-content table td:nth-child(2),
  article table th:nth-child(2),
  article table td:nth-child(2) {
    min-width: 100px;
  }
  
  .entry-content table th:nth-child(3),
  .entry-content table td:nth-child(3),
  article table th:nth-child(3),
  article table td:nth-child(3) {
    min-width: 200px;
  }
  
  /* 引用ボックスのスマホ調整 */
  blockquote,
  .entry-content blockquote,
  article blockquote,
  .post blockquote,
  #content blockquote,
  .single-post blockquote,
  .wp-block-quote {
    padding: 2em 1.5em 1.5em 2em !important;
  }
  
  blockquote::before,
  .entry-content blockquote::before,
  article blockquote::before,
  .post blockquote::before,
  #content blockquote::before,
  .single-post blockquote::before,
  .wp-block-quote::before {
    width: 3em !important;
    height: 3em !important;
    background-size: 1.5em !important;
  }
  
  blockquote::after,
  .entry-content blockquote::after,
  article blockquote::after,
  .post blockquote::after,
  #content blockquote::after,
  .single-post blockquote::after,
  .wp-block-quote::after {
    width: 3em !important;
    height: 3em !important;
  }
}
/* ここまで */




/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* entry-footer
------------------------------ */

.entry-footer {
	margin: 30px 0;
}

.entry-footer .cat-links .icon-folder-open,
.icon-hashtag {
	display: none;
}

.entry-footer a {
	font-size: 15px;
	line-height: 1;
}
.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	margin: 0 0 18px;
}

.entry-footer .cat-links a:before {
	font-family: 'fontello';
	content: " \E851";
	speak: none;
}

.entry-footer .tags-links a:before {
	font-family: 'fontello';
	content: " \E808";
	speak: none;
}

/* Post Navigation
------------------------------ */

.post-navigation {
	position: relative;
	margin: 39px auto;
	max-width: 980px;
	width: 100%;
	border-top: solid 1px #dcdcdc;
}

.post-navigation .nav-previous,
.post-navigation .nav-next {
	position: relative;
	display: block;
	border-bottom: solid 1px #dcdcdc;
}

.post-navigation .nav-previous:before,
.post-navigation .nav-next:before {
	position: absolute;
	top: 50%;
	margin-top: -8px;
	font-size: 15px;
	font-family: 'fontello';
	speak: none;
	color: #2d9cea;
	line-height: 1;
}

.post-navigation .nav-previous:before {
	content: "\E816";
	left: 5px;
}

.post-navigation .nav-next:before {
	content: "\E815";
	right: 5px;
}

.post-navigation a {
	display: block;
	padding: 27px 15px;
}

.post-navigation .nav-previous a {
	padding-left: 25px;
}

.post-navigation .nav-next a {
	padding-right: 25px;
}

.post-navigation a:hover {
	text-decoration: none;
}

.post-navigation .nav-subtitle {
	display: block;
	padding: 0 0 9px;
	color: #333;
	font-size: 12px;
	line-height: 1;
}

.post-navigation .nav-title {
	font-size: 15px;
	line-height: 1.3;
}

.post-navigation a:hover .nav-title {
	text-decoration: underline;
}

@media screen and (min-width: 767px) {

	.post-navigation .nav-links {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.post-navigation .nav-previous,
	.post-navigation .nav-next {
		width: 50%;
	}

}

/* pagination
------------------------------ */

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	display: inline-block;
	width: 40px;
	height: 40px;
	border: 1px solid #dcdcdc;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	background-color: #ddd;
	padding: 0;
	font-size: 15px;
	font-family: 'fontello';
	speak: none;
	color: #2d9cea;
	line-height: 1;
}

.prev.page-numbers:before {
	display: block;
	padding: 9px 0 0;
	font-size: 15px;
	font-family: 'fontello';
	speak: none;
	color: #2d9cea;
	line-height: 1;
	content: "\E816";
}

.next.page-numbers:before {
	display: block;
	padding: 9px 0 0;
	font-size: 15px;
	font-family: 'fontello';
	speak: none;
	color: #2d9cea;
	line-height: 1;
	content: "\E815";
}

.prev.page-numbers .icon,
.next.page-numbers .icon {
	display: none;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #fafafa;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}


/*--------------------------------------------------------------
404 page
--------------------------------------------------------------*/

.error404 .icon-search {
	display: none;
}

.error404 .search-submit {
	margin: 12px 0;
	width: 100%;
}

.error404 .search-submit:before {
	content: "検索";
}

@media screen and (min-width: 767px) {

	.error404 .search-form {
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.error404 .search-field {
		width: 70%;
	}

	.error404 .search-submit {
		margin: 0 0 0 15px;
		width: 20%;
	}

}


/*--------------------------------------------------------------
Search
--------------------------------------------------------------*/

.search .page-header {
	margin: 0 0 27px;
	background-color: #f8f8f8;
	padding: 24px 25px;
}

.search .page-header .page-title {
	font-size: 18px;
	text-align: center;
	color: #553208;
	line-height: 1;
	letter-spacing: 0;
}

.search .site-main article {
	margin-bottom: 60px;
}

.search .site-main .addtoany_share_save_container {
	display: none;
}

@media screen and (min-width: 767px) {

	.search .page-header .page-title {
		font-size: 24px;
	}

}


/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/

.copyright {
	margin: -42px 0 18px;
	color: #666;
	font-size: 12px;
	text-align: center;
	letter-spacing: 0;
}

@media screen and (min-width: 767px) {

	.copyright {
		padding: 15px 0;
	}

}

@media screen and (min-width: 1023px) {

	.copyright {
		font-size: 15px;
	}

}


/*--------------------------------------------------------------
Comments
--------------------------------------------------------------*/

.comments-area {
	margin: 39px 0;
	padding: 0 30px 30px;
	background-color: #fafafa;
	font-size: 15px;
}

.comments-area .comments-title {
	margin: 0;
	padding: 27px 0;
	font-size: 18px;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: center;
}

.comments-area .comment-reply-title {
	margin: 0;
	padding: 27px 0;
}

.comments-area .comment-notes {
	margin: 0;
	padding: 0;
}

.comments-area .required {
	color: #ff0000;
}

.comments-area .comment-form-cookies-consent label {
	display: inline;
}


/*--------------------------------------------------------------
Widgets
--------------------------------------------------------------*/

.widget-area {
	margin: 39px 0 54px;
	padding: 3px 25px 36px;
	background: url("./assets/images/home/report_bg_001.jpg") repeat top center;
	background-size: auto 300px;
}

.widget-area .widget-title {
	margin: 30px 0 15px;
	padding: 0;
	text-align: center;
	font-family: coquette, sans-serif;
	color: #553208;
	font-size: 30px;
	line-height: 1;
	letter-spacing: 0;
}

.widget-area .widget ul {
	margin: 0;
	padding: 0;
	border-top: solid 1px #bfbfbf;
	list-style: none;
}

.widget-area .widget ul li {
	margin: 0;
	padding: 0;
	border-bottom: solid 1px #bfbfbf;
}

.widget-area .widget ul li a {
	display: block;
	margin: 0;
	padding: 15px 15px 15px 15px;
	font-size: 15px;
	line-height: 1.5;
	color: #2d9cea;
}

.widget-area .widget ul li a:after {
	font-family: 'fontello';
	content: " \F105";
	speak: none;
}

.widget-area .widget ul li a:hover {
	background-color: #fbf7ea;
}

/*--------------------------------------------------------------
概要欄
--------------------------------------------------------------*/
.info_table th{
	min-width: 120px;
	text-align: right;
	font-size: 15px;
	line-height: 1.5;
}
.info_table td{
	font-size: 15px;
	padding: 0.7em;
	padding-left: 2em;
	line-height: 1.5;
}
.info_table .sp_br{
	display: none;
}
@media screen and (max-width: 650px) {
.info_table th{
	min-width: 80px;
}
.info_table td{
	padding-left: 0.5em;
}
.info_table .pc_br{
	display: none;
}
.info_table .sp_br{
	display: block;
}
}


/* for-business
------------------------------ */

.for-business {
	margin: 0 0 60px;
	padding: 20px 40px 30px;
	background-color: #013f8c;
}

.for-business .wrap {
	display: block;
	text-decoration: none;
}

.for-business .section-title-2 {
	margin: 0;
}

.for-business .section-title-2 img {
	padding: 0;
	width: 80%;
	max-width: 250px;
	height: auto;
	margin: 0 auto 20px;
}

.for-business .text {
	color: #fff;
	line-height: 1.8;
	text-align: center;
}

.for-business .text span {
	display: block;
	margin-bottom: 1em;
	text-align: center;
}

.for-business .text .pc_br {
  display: none;
}

.for-business .link-text {
	color: #fff;
	margin-bottom: 0;
	text-align: center;
}

.for-business .subtitle {
  color: #fff;
  text-align: center;
  font-size: 18px;
  line-height: 1.5;
}


.for-business .sp_br {
	display: block;
}


@media screen and (min-width: 480px) {

	.for-business .sp_br {
		display: none;
	}

}

@media screen and (min-width: 767px) {

	.for-business {
		padding: 20px 100px 30px;
	}

	.for-business .text .pc_br {
    display: none;
  }

}

@media screen and (min-width: 1023px) {

	.for-business {
		margin: 0 auto 60px;
		max-width: 980px;
	}

	.for-business .text  {
		text-align: center;
	}

	.for-business .text .pc_br {
		display: block;
	}

	.for-business .link-text {
		text-align: center;
		font-size: 18px;
	}

}



.bookshop-life .site-main{
	margin: 42px 0;
}
.bookshop-life .wrap{
	padding: 0 25px;
}
@media screen and (max-width: 767px) {
.bookshop-life .wrap{
	padding: 0 10px;
}
}
.bookshop-life .nowrap{
	display: inline-block;
}
.bookshop-life ul,
.bookshop-life li{
	list-style: none;
	padding: 0;
	margin: 0;
}
.bookshop-life .post-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bookshop-life .post-list li{
	width: 30.5%;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin-bottom: 50px;
	overflow: hidden;
	background: #fff;
	position: relative;
}
@media screen and (max-width: 900px) {
.bookshop-life .post-list li{
	width: 48%;
}
}
@media screen and (max-width: 640px) {
.bookshop-life .post-list li{
	width: 100%;
}
}
.bookshop-life .post-list li.dummy{
	padding: 0;
	margin: 0;
	box-shadow: none;
	height: 0;
	min-height: 0;
}
.bookshop-life .post-list li a img:hover{
	opacity: 0.7;
}
.bookshop-life .post-list li a{
	color: #013f8c;
	text-decoration: none;
}
.bookshop-life .post-list li .photo{
	position: relative;
  width: 100%;
  padding-top: 66.6666666%;
}
.bookshop-life .post-list li .photo-wrapper{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.bookshop-life .post-list li .photo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.bookshop-life .post-list li .txt{
	min-height: 220px;
	padding: 20px;
}
@media screen and (max-width: 900px) {
.bookshop-life .post-list li .txt{
	min-height: inherit;
	padding: 20px 20px 40px 20px;
}
}
.bookshop-life .post-list li .category-link{
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #013f8c;
	font-size: 11px;
	padding: 2px 1.3em 0;
	line-height: 1.3;
	height: 22px;
	border-radius: 11px;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-family: "Jun 201";
}
.bookshop-life .post-list li .category-link:hover{
	opacity: 0.7;
}
.bookshop-life .post-list li h3{
	font-size: 16px;
	color: #013f8c;
	font-family: "Jun 201";
	line-height: 1.4;
	margin-top: 0.8em;
}
.bookshop-life .post-list li h3:hover{
	opacity: 0.7;
}
.bookshop-life .post-list li .date{
	position: absolute;
	bottom: 20px;
	right: 20px;
	text-align: right;
	font-size: 13px;
	color: #999999;
	margin: 0;
	font-family: "Jun 201";
	letter-spacing: 0;
}
.bookshop-life .post-list li .date:before{
	content: "";
	display: block;
	width: 13px;
	height: 13px;
	background: url(./assets/images/bookshop-life/icon-clock.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: -15px;
}
@media screen and (min-width: 901px) {
.bookshop-life .new-post-list li:first-child{
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.bookshop-life .new-post-list li:first-child .photo{
	width: 53.57%;
	padding-top: 35.7133333%;
}
.bookshop-life .new-post-list li:first-child .photo-wrapper{
}
.bookshop-life .new-post-list li:first-child .photo img{
}
.bookshop-life .new-post-list li:first-child .txt{
	width: 46.43%;
	height: auto;
	padding: 30px;
}
.bookshop-life .new-post-list li:first-child h3{
	font-size: 30px;
}
.bookshop-life .new-post-list li:first-child .date{
	position: relative;
	bottom: auto;
	right: auto;
	text-align: left;
	margin-left: 15px;
}
}
.bookshop-life .btn-wrapper{
	text-align: center;
	margin: 40px 0 70px;
}
.bookshop-life .btn-wrapper a{
	display: inline-block;
	max-width: 400px;
	width: 100%;
	text-align: center;
	background: #c4221e;
	color: #fff;
	font-size: 15px;
	line-height: 1.3;
	padding: 0.9em 1em 0.8em;
	border-radius: 10px;
}
.bookshop-life .btn-wrapper a:hover .nowrap{
	text-decoration: underline;
}
.bookshop-life .tag-wrapper h3{
	font-size: 18px;
	width: 140px;
	margin: 0.2em 0;
}
@media screen and (max-width: 640px) {
.bookshop-life .tag-wrapper h3{
	width: 100%;
	margin-bottom: 1em;
	text-align: center;
}
}
.bookshop-life .tag-wrapper{
	margin: 0 0 90px;
	font-family: "Jun 201";
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: space-between;
}
.bookshop-life .tag-list{
	width: calc(100% - 140px);
}
@media screen and (max-width: 640px) {
.bookshop-life .tag-list{
	width: 100%;
}
}
.bookshop-life .tag-list a{
	padding: 0.5em 1.5em 0.4em;
	margin: 0 0 15px 1em;
	border: 1px solid #013f8c;
	text-align: center;
	display: inline-block;
	border-radius: 15px;
	font-size: 13px;
	color: #013f8c;
	text-decoration: none;
}
.bookshop-life .tag-list a:hover{
	background: rgba(1,63,140,0.2);
}
.bookshop-life .sec-popular{
/*」background: #e5ebf3; */
	border-top: 21px solid #7395bf;
	padding: 60px 0 40px;
}
.bookshop-life .sec-recommendation{
	border-top: 21px solid #9a846a;
	padding: 60px 0 80px;
}
.bookshop-life .sec-recommendation .btn-wrapper{
	margin-bottom: 0;
}
.bookshop-life .sec-video{
	padding: 60px 0 80px;
	background: url(./assets/images/home/report_bg_001.jpg) repeat top center;
	background-size: cover;
}
.bookshop-life .sec-recommendation .slide-recommendation{
	overflow: visible;
}
.bookshop-life .sec-recommendation .slick-list{
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
}
@media screen and (max-width: 980px) {
.bookshop-life .sec-recommendation .slick-slide img{
	height: 40vw;
}
}
.bookshop-life .sec-recommendation .slick-prev, 
.bookshop-life .sec-recommendation .slick-next {
	z-index: 1;
	color: transparent;
	background: transparent;
	padding: 0;
	width: 50px;
	height: 50px;
	outline: none;
}
.bookshop-life .sec-recommendation .slick-prev{
	position: absolute;
	top: calc(50% - 50px);
	left: -25px;
}
@media screen and (max-width: 980px) {
.bookshop-life .sec-recommendation .slick-prev{
	left: 10px;
}
}
.bookshop-life .sec-recommendation .slick-next{
	position: absolute;
	top: calc(50% - 50px);
	right: -25px;
}
@media screen and (max-width: 980px) {
.bookshop-life .sec-recommendation .slick-next{
	right: 10px;
}
}
.bookshop-life .sec-recommendation .slick-prev:before, 
.bookshop-life .sec-recommendation .slick-next:before{
	content: "";
	display: flex;
	width: 50px;
	height: 50px;
	background: #013f8c;
	border-radius: 25px;
	color: #fff;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	line-height: 1;
}
.bookshop-life .sec-recommendation .slick-prev:before{
	background: #013f8c url(./assets/images/bookshop-life/arrow-left.png) no-repeat center;
	background-size: 12px auto;
}
.bookshop-life .sec-recommendation .slick-next:before{
	background: #013f8c url(./assets/images/bookshop-life/arrow-right.png) no-repeat center;
	background-size: 12px auto;
}
.bookshop-life .sec-recommendation .slick-dots{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	margin-top: 30px;
}
.bookshop-life .sec-recommendation .slick-dots li button{
	color: transparent;
	background: #aaaaaa;
	width: 10px;
	height: 10px;
	border-radius: 5px;
	padding: 0;
	margin: 0 5px;
	outline: none;
}
.bookshop-life .sec-recommendation .slick-dots li.slick-active button{
	background: #333333;
}
.bookshop-life .video{
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
.bookshop-life .video .video-wrapper{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.bookshop-life .video .video-wrapper iframe{
	display: block;
	position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.bookshop-life .sec-video .btn-wrapper{
	margin-bottom: 0;
}
.bookshop-life .sec-goods{
	padding: 60px 0 80px;
}
.bookshop-life .goods-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bookshop-life .goods-list li{
	width: 30.5%;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	margin-bottom: 50px;
	overflow: hidden;
	background: #fff;
	padding: 40px 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 300px;
}
@media screen and (max-width: 640px) {
.bookshop-life .goods-list li{
	width: 100%;
}
}
.bookshop-life .goods-list li a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	color: #333333;
}
.bookshop-life .goods-list li .photo{
	position: relative;
  width: 100%;
  padding-top: 100%;
}
.bookshop-life .goods-list li .photo-wrapper{
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #000;
  overflow: hidden;
}
.bookshop-life .goods-list li .photo-wrapper img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .2s;
}
.bookshop-life .goods-list li a:hover .photo-wrapper img{
	transform: scale(1.2);
}
.bookshop-life .goods-list li h3{
	font-family: "Jun 201";
	font-weight: normal;
	margin-bottom: 0;
	color: #333333;
	text-align: center;
}
.bookshop-life .goods-list li h3.comingsoon{
	color: #aaaaaa;
	margin: 0;
}
@media screen and (max-width: 640px) {
.bookshop-life .goods-list li h3.comingsoon{
	padding: 35vw 0;
}
}

.site-header-small{
	position: relative;
	transition: .2s;
}
@media screen and (min-width: 641px) {
.site-header-small{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 999;
}
}
.site-header-small.active{
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}
.site-header-small .logo img{
	width: 160px;
	transition: .2s;
}
@media screen and (max-width: 640px) {
.site-header-small .logo img{
	width: 80px;
	padding: 10px 0;
}
}
.site-header-small.active .logo img{
	width: 80px;
	padding: 10px 0;
}
.site-header .menu,
body.home .key-visual .menu{
	position: absolute;
	top: calc(50% - 25px);
	right: 25px;
	width: 0;
	height: 100%;
	transition: width .2s;
	z-index: 10;
	transition: .2s;
}
body.home .key-visual .menu{
	top: 20px;
}
.site-header .menu:hover,
body.home .key-visual .menu:hover{
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
.site-header .menu{
	right: 10px;
}
body.home .key-visual .menu{
	right: 10px;
	top: 10px;
}
}
.site-header .active,
body.home .key-visual .active{
	width: 40vw;
}
.site-header .menu__button,
body.home .key-visual .menu__button{
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	border-radius: 25px;
	border: 1px solid #fff;
	background: transparent;
	cursor: pointer;
	transition: .2s;
}
.site-header .menu span,
body.home .key-visual .menu span{
	display: block;
	width: 30px;
	margin: auto;
	height: 1px;
	background-color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: calc((100% - 1px)/2);
	border-radius: 3px;
	transition: .2s;
}
.site-header .menu__lineTop,
body.home .key-visual .menu__lineTop{
	transform: translateY(-10px);
}
.site-header .menu__lineMiddle,
body.home .key-visual .menu__lineMiddle{}
.site-header .menu__lineBottom,
body.home .key-visual .menu__lineBottom{
	transform: translateY(10px);
}
.site-header .active .menu__lineTop,
body.home .key-visual .active .menu__lineTop{
	transform: rotate(45deg);
}
.site-header .active .menu__lineMiddle,
body.home .key-visual .active .menu__lineMiddle{
	opacity: 0;
}
.site-header .active .menu__lineBottom,
body.home .key-visual .active .menu__lineBottom{
	transform: rotate(-45deg);
}
.site-header .gnav,
body.home .key-visual .gnav{
	visibility: hidden;
	opacity: 0;
	z-index: 10;
	position: absolute;
	top: calc(50% + 20px);
	right: 10px;
	background: #fff;
	box-shadow: 0 1px 3px rgba(0,0,0,0.2);
	width: 300px;
	list-style: none;
	border-radius: 10px;
	border: 3px solid #553208;
	transition: .2s;
}
body.home .key-visual .gnav{
	top: 65px;
}
.site-header .gnav:before,
body.home .key-visual .gnav:before{
  content: "";
  position: absolute;
  top: -24px;
  right: 25px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
@media screen and (max-width: 640px) {
.site-header .gnav:before,
body.home .key-visual .gnav:before{
	right: 10px;
}
}
.site-header .gnav:after,
body.home .key-visual .gnav:after{
  content: "";
  position: absolute;
  top: -30px;
  right: 23px;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #553208;
  z-index: 1;
}
@media screen and (max-width: 640px) {
.site-header .gnav:after,
body.home .key-visual .gnav:after{
	right: 8px;
}
}
.site-header .gnav li,
body.home .key-visual .gnav li{
	border-bottom: 1px dotted #553208;
	padding: 0;
	list-style: none;
}
.site-header .gnav li:last-child,
body.home .key-visual .gnav li:last-child{
	border-bottom: none;
}
.site-header .gnav li a,
body.home .key-visual .gnav li a{
	display: block;
	padding: 0.8em 1em 0.6em;
	color: #553208;
	text-decoration: none;
}
.site-header .gnav li a:hover,
body.home .key-visual .gnav li a:hover{
	color: #2d9cea;
}
.site-header .gnav.active,
body.home .key-visual .gnav.active{
	visibility: visible;
	opacity: 1;
	top: calc(50% + 40px);
}
body.home .key-visual .gnav.active{
	top: 85px;
}
@media screen and (max-width: 640px){
.site-header .gnav,
body.home .key-visual .gnav{
	width: calc(100% - 20px);
}
}
@media screen and (min-width: 641px) {
.site-content-contain.small{
	margin-top: 177px;
}
}


/** 記事詳細ページ調整 **/
.bookshop-life.single .breadcrumbs{
	font-size: 12px;
	font-family: "Jun 201";
	margin-top: -1em;
	letter-spacing: 0.05em;
}
.bookshop-life.single .wrap.wrap2{
	display: flex;
	justify-content: center;
}
.bookshop-life.single #primary{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	display: block;
}
.bookshop-life.single article{
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0,0,0,0.3);
	background: #fff;
	padding: 50px 35px 20px;
}
@media screen and (max-width: 850px){
.bookshop-life.single article{
	padding: 50px 25px 20px;
}
}
@media screen and (max-width: 640px){
.bookshop-life.single article{
	padding: 50px 15px 20px;
}
}
.bookshop-life.single .entry-meta{
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 25px;
	flex-wrap: wrap;
}
@media screen and (max-width: 640px){
.bookshop-life.single .entry-meta{
	justify-content: flex-end;
}
}
@media screen and (max-width: 640px){
.bookshop-life.single .entry-meta .category{
	width: 100%;
	margin-bottom: 10px;
}
}
.bookshop-life.single .entry-meta .category-link{
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	background: #013f8c;
	font-size: 14px;
	padding: 2px 1.3em;
	line-height: 1.3;
	height: 25px;
	border-radius: 12.5px;
	text-decoration: none;
	letter-spacing: 0.1em;
	font-family: "Jun 201";
}
.bookshop-life.single .entry-meta .category-link:hover{
	opacity: 0.7;
}
.bookshop-life.single .entry-meta .date{
	margin: 0;
	font-size: 16px;
	color: #999999;
	margin: 0;
	font-family: "Jun 201";
	letter-spacing: 0;
	position: relative;
}
@media screen and (max-width: 640px){
.bookshop-life.single .entry-meta .date{
	font-size: 14px;
}
}
.bookshop-life.single .entry-meta .date:before{
	content: "";
	display: block;
	width: 18px;
	height: 18px;
	background: url(./assets/images/bookshop-life/icon-clock.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: -22px;
}
@media screen and (max-width: 640px){
.bookshop-life.single .entry-meta .date:before{
	width: 15px;
	height: 15px;
	left: -19px;
}
}
.bookshop-life.single .entry-content img{
	border-radius: 10px;
}
.bookshop-life.single .entry-content .txt-bg{
	border-radius: 10px;
	background: #e5ebf3;
	padding: 1em;
	line-height: 2;
	margin-bottom: 30px;
}
.bookshop-life.single .entry-content .video{
	margin-bottom: 30px;
}
.bookshop-life.single .entry-content .btn-wrapper{
	margin: 30px 0;
}
.bookshop-life.single #toc_container{
	background: #f8f8f8;
	border-radius: 10px;
	border: 1px solid #7395bf;
	padding: 30px;
}
@media screen and (max-width: 640px){
.bookshop-life.single #toc_container{
	padding: 20px 15px;
}
}
.bookshop-life.single #toc_container.toc_white{
	background: #f8f8f8;
}
.bookshop-life.single #toc_container p.toc_title{
	font-family: "Jun 201";
	font-size: 18px;
	border-bottom: 1px solid #aaaaaa;
	padding-bottom: 10px;
	font-weight: normal;
}
.bookshop-life.single #toc_container p.toc_title+ul.toc_list{
	margin-top: 1.5em;
	padding: 0 1em;
}
@media screen and (max-width: 640px){
.bookshop-life.single #toc_container p.toc_title+ul.toc_list{
	padding: 0;
}
}
.bookshop-life.single #toc_container.no_bullets li, 
.bookshop-life.single #toc_container.no_bullets ul li, 
.bookshop-life.single .toc_widget_list.no_bullets li{
	margin-bottom: 0.7em;
	font-family: "Jun 201";
	text-indent: -1em;
	padding-left: 1em;
}
.bookshop-life.single #toc_container.no_bullets li:last-child, 
.bookshop-life.single #toc_container.no_bullets ul li:last-child, 
.bookshop-life.single .toc_widget_list.no_bullets li:last-child{
	margin-bottom: 0;
}
.bookshop-life.single #toc_container.no_bullets li:before, 
.bookshop-life.single #toc_container.no_bullets ul li:before, 
.bookshop-life.single .toc_widget_list.no_bullets li:before{
	content: "▶︎";
	font-size: 10px;
	color: #7395bf;
	margin-right: 5px;
	position: relative;
	bottom: 2px;
}
.bookshop-life.single .entry-content h3{
	font-family: "Jun 201";
	color: #013f8c;
	font-size: 21px;
}
.bookshop-life.single .entry-content h4{
	font-family: "Jun 201";
	color: #013f8c;
	font-size: 18px;
}
.bookshop-life.single .sec-tag{
	padding: 30px 0 15px;
}
.bookshop-life.single .tag-wrapper{
	margin-bottom: 0;
}
.bookshop-life.single .sec-recommendation{
	padding: 60px 0 150px;
}

/*--------------------------------------------------------------
blog-card 
--------------------------------------------------------------*/
.blogcard {
  line-height: 1;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
  word-wrap: break-word;
  margin: 0 0 30px;
  box-shadow: 0 0 10px 6px rgba(0,0,0,.025);
  position: relative;
}
.blogcard .block{
	background: #aaaaaa;
	color: #fff;
	font-size: 12px;
	padding: 0.3em 0.5em;
	line-height: 1.2;
	position: absolute;
	left: 10px;
	top: -10px;
}
.blogcard a {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s ease;
}
.blogcard a:hover {
  opacity: 0.6;
}
.blogcard_thumbnail {
  float: left;
  padding: 20px;
}
.blogcard_title {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  padding: 17px 20px 10px;
}
.blogcard_excerpt {
  font-size: 0.85em;
  line-height: 1.6;
  padding: 0 17px 15px 20px;
}
.blogcard img{
	width: 150px;
	height: 100px;
	object-fit: contain;
	border-radius: 5px!important;
	display: block;
	background: #000;
}
@media screen and (max-width: 480px) {
.blogcard_title {
  font-size: 0.9em;
}
.blogcard_excerpt {
  font-size: 0.8em;
}
.blogcard img{
	width: 80px;
	height: 53.33px;
}
}


/*-----------------------------------
ブログリンクカードここから「内部リンク」
------------------------------------*/
.blog-card{
 border:1px solid #999;
 word-wrap:break-word;
 max-width:100%;
 border-radius:0px;
 margin-bottom: 30px;
 font-size :1.2em;
 transition:0.1s ease;
 position:relative;
}
.blog-card:hover{
 box-shadow: 0px 0px 0px #666;
}
 
.blog-card a {
 color: #333;
 background: #fff;
 display: block;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 text-decoration:none;
 font-weight: bold;
 border-radius: 0px;
 padding: 0px;
}
 
.blog-card-thumbnail{
 float:left;
 padding:10px;
}
 
.blog-card-thumbnail img {
 display: block;
 padding: 0;
 -webkit-transition: 0.3s ease-in-out;
 -moz-transition: 0.3s ease-in-out;
 -o-transition: 0.3s ease-in-out;
 transition: 0.3s ease-in-out;
 margin-top: 0!important;
 margin-bottom: 0!important;
}
 
.blog-card-content{
 line-height:120%;
}
.blog-card-title{
 padding: 13px 10px 10px 0;
 font-size: 90%;
}
 
.blog-card-title::before {
 content: '続きを読む';
 font-size: 0.7em;
 font-weight: bold;
 color: #fff;
 background: #111;
 width: 7em;
 display: inline-block;
 padding: 0.2em;
 position: absolute;
 text-align: center;
 margin-right: 1em;
 -webkit-border-radius: 2px;
 -moz-border-radius: 2px;
 border-radius: 3px;
 bottom: 10px;
 right: 0px;
}

/*-----------------------------------
スマホのサイズ調整
------------------------------------*/
@media only screen and (max-width: 600px){
.blog-card-title {
    font-size: 70%;
}
.blog-card-title::before {
    font-size: 0.7em;
}
 
.blog-card-thumbnail img {
    max-width: 100%;
    margin-left: 0px!important;
    margin-bottom: 0!important;
}
}

@media only screen and (max-width: 500px){
.blog-card-thumbnail {
  float: none;
  padding-bottom: 0;
}
.blog-card-thumbnail img {
  width: 100%;
}
.blog-card-sicon img {
  width: auto;
}
.blog-card-excerpt {
  display: none;
}
.blog-card-title {
  padding-top: 0;
  padding-left: 10px;
  padding-bottom: 40px;
  text-align: left;
}
}
/*-----------------------------------
ブログリンクカードここまで「内部リンク」
------------------------------------*/