@charset "utf-8";
/*
Theme Name: atelier +i BLOG
Theme URI: http://wordpress.org/
*/

img{
max-width: 100%;
height: auto;
width /***/:auto;
}

/*--------------------------------------------------------*/

/*  ブログ一覧ページ　*/

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.blog_container{
	max-width:1480px;
	margin:0 auto;
	padding:0 50px;
}

.blog_list_container {
}

.archive-header{
	text-align:center;
	margin-bottom:70px;
}

.archive-header h1.archive-title{
	font-family: var(--font_title);
	font-size:14px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
}

ul.posts-grid {
	display: grid;
	gap: 20px;
	/* 最小の「ユニット幅」 */
	--unit: 240px;
	grid-template-columns: repeat(auto-fill, minmax(var(--unit), 1fr));
	grid-auto-flow: dense; /* 空きを詰めやすくする */
}

ul.posts-grid li.post-card {
	background-color:#FFF;
	border:1px solid #DDD;
	padding:10px;
}

.card-thumb {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

.card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.2s ease;
}

.card-thumb img:hover{
	opacity: 0.7;
}

.card-body {
	padding:15px 10px 10px;
}

.card-date {
	font-family: var(--font_eng);
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	margin-bottom:10px;
}

h2.card-title {
	font-family: var(--font_title);
	font-size:16px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	margin-bottom:12px;
}

h2.card-title a{
	color:#333;
	text-decoration:none;
}

h2.card-title a:hover{
	color:#333;
	text-decoration:underline;
}

h2.card-information-title {
	font-family: var(--font_title);
	font-size:16px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	margin-bottom:5px;
}

h2.card-information-title a{
	color:#333;
	text-decoration:none;
}

h2.card-information-title a:hover{
	color:#333;
	text-decoration:underline;
}

.card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	transition: all  0.2s ease;
}

.card-meta a:hover{
	opacity: 0.7;
}

.card-meta .author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}

.card-meta .author .author-avatar {
	width: 28px;
	height: 28px;
	display: block;
}

.card-meta .author .author-name {
	font-family: var(--font_txt);
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

}

@media screen and (max-width: 768px){

.blog_container{
	padding:40px 10px 0;
}

.archive-header{
	text-align:center;
	margin-bottom:60px;
}

.archive-header h1.archive-title{
	font-family: var(--font_title);
	font-size:13px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.15em;
	font-feature-settings : "palt";
}

.blog_list_container {
}

ul.posts-grid {
	display: grid;
	grid-template-columns: 48.5% 1fr;
	gap: 10px;
}

ul.posts-grid li.post-card {
	background-color:#FFF;
	border:1px solid #DDD;
	padding:10px;
}

.card-thumb {
	aspect-ratio: 3 / 2;
	overflow: hidden;
}

.card-thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity 0.2s ease;
}

.card-thumb img:hover{
	opacity: 0.7;
}

.card-body {
	padding:10px 5px 5px;
}

.card-date {
	font-family: var(--font_eng);
	font-size:11px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	margin-bottom:6px;
}

h2.card-title {
	font-family: var(--font_title);
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	margin-bottom:10px;
}

h2.card-title a{
	color:#333;
	text-decoration:none;
}

h2.card-title a:hover{
	color:#333;
	text-decoration:underline;
}

h2.card-information-title {
	font-family: var(--font_title);
	font-size:14px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	margin-bottom:5px;
}

h2.card-information-title a{
	color:#333;
	text-decoration:none;
}

h2.card-information-title a:hover{
	color:#333;
	text-decoration:underline;
}

.card-meta {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 8px;
	transition: all  0.2s ease;
}

.card-meta a:hover{
	opacity: 0.7;
}

.card-meta .author {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	color: inherit;
}

.card-meta .author .author-avatar {
	width: 25px;
	height: 25px;
	display: block;
}

.card-meta .author .author-name {
	font-family: var(--font_txt);
	font-size:11px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

}

/*--------------------------------------------------------*/

/* ページナビゲーション */

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.wp-pagenavi {
	margin-top:100px;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
	text-align: center;
	font-size:18px;
	font-weight:400;
	color: #A5A5A5;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	padding: 5px 3px;
	margin:0 3px;
	transition: 0.2s ease-in-out;
	text-decoration:underline;
}

.wp-pagenavi a:hover{
	color: #A5A5A5;
	text-decoration:none;
}

.wp-pagenavi span.current{
	color: #A5A5A5;
	text-decoration:none;
}

}

@media screen and (max-width: 768px){

.wp-pagenavi {
	margin-top:60px;
	text-align:center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-align: center;
	font-size:16px;
	font-weight:400;
	color: #A5A5A5;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	padding: 5px 3px;
	margin:0 3px;
	transition: 0.2s ease-in-out;
	text-decoration:underline;
}

.wp-pagenavi a:hover{
	color: #A5A5A5;
	text-decoration:none;
}

.wp-pagenavi span.current{
	color: #A5A5A5;
	text-decoration:none;
}

}

/*--------------------------------------------------------*/

/* フッター | 検索　月別アーカイブ　カテゴリーメニュー */

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.blog_footer{
	margin-top:100px;
}

.blog_footer .blog_foot_01{
}

.blog_footer .blog_foot_02{
	margin-top:30px;
}

.blog_footer .blog_foot_03{
	margin-top:30px;
}

.blog_footer .blog_foot_01 input{
	border:1px solid #DDD;
	padding:3px 8px;
	font-size:13px;
	color:#A5A5A5;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
}

.search-field::placeholder {
	color:#A5A5A5;
}

.blog_footer .blog_foot_01 .search-submit {
	margin-left:3px;
	border:1px solid #DDD;
	padding:3px 8px;
	background: #FFF;
	cursor: pointer;
	transition: background 0.2s ease;
	font-size:13px;
	color:#A5A5A5;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-feature-settings : "palt";
}

.blog_footer .blog_foot_01 .search-submit:hover {
	background: #F5F5F5;
}

.blog_footer .blog_foot_02 .archive-dropdown {
	width: 220px;
	padding: 5px 0;
	border:none;
	background: #FFF;
	font-size:13px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
}

.blog_footer .blog_foot_03 ul{
}

.blog_footer .blog_foot_03 ul li{
	font-size:13px;
	color:#666;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	margin-bottom:5px;
}

.blog_footer .blog_foot_03 ul li:last-child{
	margin:0;
}

.blog_footer .blog_foot_03 ul li a{
	color:#666;
	text-decoration:none;
}

.blog_footer .blog_foot_03 ul li a:hover{
	color:#666;
	text-decoration:underline;
}

}

@media screen and (max-width: 768px){

.blog_footer{
	margin-top:60px;
}

.blog_footer .blog_foot_01{
}

.blog_footer .blog_foot_02{
	margin-top:25px;
}

.blog_footer .blog_foot_03{
	margin-top:25px;
	padding:0 5px;
}

.blog_footer .blog_foot_01 input{
	-webkit-appearance: none;   /* or: textfield */
	appearance: none;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	background-color: #fff;
	border:1px solid #DDD;
	padding:3px 8px;
	font-size:12px;
	color:#A5A5A5;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
}

.search-field::placeholder {
	color:#A5A5A5;
}

.blog_footer .blog_foot_01 .search-submit {
	margin-left:3px;
	border:1px solid #DDD;
	padding:3px 8px;
	background: #FFF;
	cursor: pointer;
	transition: background 0.2s ease;
	font-size:12px;
	color:#A5A5A5;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.2em;
	font-feature-settings : "palt";
}

.blog_footer .blog_foot_01 .search-submit:hover {
	background: #F5F5F5;
}

.blog_footer .blog_foot_02 .archive-dropdown {
	width: 220px;
	padding: 5px 0;
	border:none;
	background: #FFF;
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
}

.blog_footer .blog_foot_03 ul{
}

.blog_footer .blog_foot_03 ul li{
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.6em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	margin-bottom:5px;
}

.blog_footer .blog_foot_03 ul li:last-child{
	margin:0;
}

.blog_footer .blog_foot_03 ul li a{
	color:#666;
	text-decoration:none;
}

.blog_footer .blog_foot_03 ul li a:hover{
	color:#666;
	text-decoration:underline;
}

}

/*--------------------------------------------------------*/

/* ブログ詳細ページ */

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.single-container{
	width:55%;
	max-width:800px;
	min-width:650px;
	margin:0 auto;
	padding:0 80px;
}

.entry-header{
}

.entry-header h1.entry-title{
	font-family: var(--font_title);
	font-size:20px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	margin-bottom:12px;
}

.entry-header .time_author_Box{
	display: flex;
	justify-content: space-between;
}

.entry-header .time_author_Box .timeBox{
	width: 50%;
	padding-top:8px;
}

.entry-header .time_author_Box .authorBox{
	width: 50%;
	display: flex;
	justify-content: flex-end; /* 全体を右寄せ */
}

.entry-header .time_author_Box .timeBox .entry-date{
	text-align: left;
	font-family: var(--font_eng);
	font-size:13px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.entry-header .time_author_Box .authorBox .author-name{
	font-family: var(--font_txt);
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	text-decoration:underline;
}

.entry-header .time_author_Box .authorBox .author-name:hover{
	text-decoration:none;
}

.entry-content{
	font-family: var(--font_txt);
	font-size:15px;
	color: var(--text_color);
	font-weight:400;
	line-height:1.9em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	text-align: justify;
}

.entry-content p{
	margin-top:30px;
}

.entry-content figure{
	margin-top:40px;
}

.entry-content a{
	color: var(--text_color);
	text-decoration:underline;
}

.entry-content a:hover{
	color: var(--text_color);
	text-decoration:none;
}

}

@media screen and (max-width: 768px){

.single-container{
	padding:60px 30px 0;
}

.entry-header{
}

.entry-header h1.entry-title{
	font-family: var(--font_title);
	font-size:17px;
	color:#333;
	font-weight:500;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	margin-bottom:15px;
}

.entry-header .time_author_Box{
	display: flex;
	justify-content: space-between;
}

.entry-header .time_author_Box .timeBox{
	width: 50%;
	padding-top:8px;
}

.entry-header .time_author_Box .authorBox{
	width: 50%;
	display: flex;
	justify-content: flex-end; /* 全体を右寄せ */
}

.entry-header .time_author_Box .timeBox .entry-date{
	text-align: left;
	font-family: var(--font_eng);
	font-size:12px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
}

.entry-header .time_author_Box .authorBox .author-name{
	font-family: var(--font_txt);
	font-size:11px;
	color:#666;
	font-weight:400;
	line-height:1.5em;
	letter-spacing:0.12em;
	font-feature-settings : "palt";
	text-decoration:underline;
}

.entry-header .time_author_Box .authorBox .author-name:hover{
	text-decoration:none;
}

.entry-content{
	font-family: var(--font_txt);
	font-size:14px;
	color: var(--text_color);
	font-weight:400;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	text-align: justify;
}

.entry-content p{
	margin-top:25px;
}

.entry-content figure{
	margin-top:35px;
}

.entry-content a{
	color: var(--text_color);
	text-decoration:underline;
}

.entry-content a:hover{
	color: var(--text_color);
	text-decoration:none;
}

}

/*--------------------------------------------------------*/

/* 単一記事の　次へ・前へのナビゲーション */

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.post-nav{
	margin-top:60px;
	border-top:1px #CCC dashed;
	border-bottom:1px #CCC dashed;
	padding:20px 0;
	font-size:13px;
	color:#666;
	line-height:1.5em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-nav .prev{
	width:30%;
	text-align:left;
}

.post-nav .back_list{
	width:40%;
	text-align:center;
}

.post-nav .next{
	width:30%;
	text-align:right;
}

.post-nav a {text-decoration: none;}
.post-nav a:link {color:#666;}
.post-nav a:visited {color:#666;}
.post-nav a:active {color:#666;}
.post-nav a:hover {color:#666; text-decoration: underline;}

}

@media screen and (max-width: 768px){

.post-nav{
	margin-top:40px;
	border-top:1px #CCC dashed;
	border-bottom:1px #CCC dashed;
	padding:15px 0;
	font-size:12px;
	color:#666;
	line-height:1.5em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.post-nav .prev{
	width:30%;
	text-align:left;
}

.post-nav .back_list{
	width:40%;
	text-align:center;
}

.post-nav .next{
	width:30%;
	text-align:right;
}

.post-nav a {text-decoration: none;}
.post-nav a:link {color:#666;}
.post-nav a:visited {color:#666;}
.post-nav a:active {color:#666;}
.post-nav a:hover {color:#666; text-decoration: underline;}

}

/*--------------------------------------------------------*/

/* 見出し / テーブル / 引用 / リスト */

/*--------------------------------------------------------*/

@media print, screen and (min-width: 768px){

.entry-content h2{
	margin-top:30px;
	font-family: var(--font_txt);
	font-size:16px;
	color: var(--text_color);
	font-weight:600;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content h7{
	margin-top:30px;
	font-family: var(--font_txt);
	font-size:15px;
	color: var(--text_color);
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.entry-content ul{
	margin-top:30px;
}

.entry-content ul li{
}

.entry-content ul li:last-child{
}

.entry-content table {
	margin-top:30px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.entry-content th,
.entry-content td {
	border:1px solid #DDD;
	padding:5px;
}

.entry-content blockquote{
	margin-top:30px;
	border:1px solid #DDD;
	padding:25px 20px !important;
	font-style: italic;
	font-size:13px;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	text-align: justify;
}

.entry-content blockquote p{
	margin:0 !important;
}

.entry-content blockquote cite{
	display:block;
	padding-top:10px !important;
}

}

@media screen and (max-width: 768px){

.entry-content h2{
	margin-top:25px;
	font-family: var(--font_txt);
	font-size:16px;
	color: var(--text_color);
	font-weight:600;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-content h7{
	margin-top:25px;
	font-family: var(--font_txt);
	font-size:15px;
	color: var(--text_color);
	font-weight:500;
	line-height:1.8em;
	letter-spacing:0.1em;
	font-feature-settings : "palt";
}

.entry-content ul{
	margin-top:25px;
}

.entry-content ul li{
}

.entry-content ul li:last-child{
}

.entry-content table {
	margin-top:25px;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.entry-content th,
.entry-content td {
	border:1px solid #DDD;
	padding:5px;
}

.entry-content blockquote{
	margin-top:25px;
	border:1px solid #DDD;
	padding:20px !important;
	font-style: italic;
	font-size:13px;
	font-weight:400;
	line-height:1.7em;
	letter-spacing:0.08em;
	font-feature-settings : "palt";
	text-align: justify;
}

.entry-content blockquote p{
	margin:0 !important;
}

.entry-content blockquote cite{
	display:block;
	padding-top:8px !important;
}

}