@charset "utf-8";

/*-- youtubeの埋め込みのレスポンシブ化 --*/

.wp-embed-aspect-16-9 .wp-block-embed__wrapper{
	width: 100%;
	aspect-ratio: 16 / 9;/*アスペクト比固定で切抜き*/
}
.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe{
	object-fit: cover;
	width: 100%;
	height: 100%;
	display: block;
}


/*------------------------------
		内部共通
-----------------------------*/

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


#blog,#archive{
	word-wrap: break-word;
}


img.alignright {
	float: right;
	clear: right;
	margin:0 0 20px 20px;
}
img.alignleft {
	float: left;
	clear: left;
	margin:0 20px 20px 0;

}
img.aligncenter{ display:block;
margin:0 auto 20px auto;}


img.alignleft:after,img.alignright:after{ content:"";
display:block;
clear:both;}

/*------------------------------
		サイドウィジェット
-----------------------------*/

.widget{background: #fff;
    box-shadow: 0 0 5px #888888;
padding:5px;
margin:0 0 30px 0;
border-radius: 10px;}
.widget select{margin: 5px auto;
width: 90%;}

.widget h2{ border:none;
color: #5B3113;
background:#E1F2B5;
font-size:16px;
line-height:30px;
padding:5px 10px;
margin:0 0 10px 0;
border-radius: 5px;
}

.widget ul{ list-style-type:none;
margin:5px 10px;}

.widget ul li{ border-bottom:1px dotted #999;
padding:0 0 8px 0;
margin:0 0 8px 0;
line-height:1.3;}

.widget ul li a{ color:#000;
text-decoration:none;}

.widget ul li a:hover{opacity: 0.7;}

.widget select{ padding:8px;
width:100%;
border-radius:6px;
font-size:15px;}

ul.children{ margin:0 0 0 10px;
list-style-type:disc;
list-style-position:inside;}

ul.children li{ border:none;
padding:0;
margin:5px 0 0 0;}

.screen-reader-text{ display:none;}

/*------------------------------
		個別ページ
-----------------------------*/



#blog h1.blogtitle{font-family: "Noto Serif JP", serif;
  font-weight: 500;
	margin: 0 0px 15px;
	color:#fff;
	padding: 7px 10px;
	border-radius: 7px;
	font-size: 23px;
	line-height: 1.4;
	transform: rotate(0.03deg);
	position: relative;
	clear: both;
background:#25A507;}

#blog .inbox .blog p{ text-align:justify;
text-justify:inter-ideograph;
margin:0 0 30px 0;
font-size:15px;
line-height:1.7;}

#blog .inbox .blog p a{ color:#074AFF;
text-decoration:underline;}

#blog .inbox .blog ul#date{list-style-type:none;
font-size:13px;
color:#535353;
margin:0 0 20px 0;}

#blog .inbox .blog #like{ margin:0 0 45px 0;}


.archive ul{ list-style-type:none;
font-size:13px;
color:#535353;
margin:0 0 45px 0;}

#blog .inbox .blog ul#date li,
.archive ul li,
#blog ul#prenavi li{ display:inline;}

#blog .inbox .blog ul#date li a,
#archive .inbox .archive ul li a,
.archive p a,
#blog ul#prenavi li a{ color:#006CDD;
text-decoration:underline;}

#blog .inbox ul#date li:first-child,
#archive .inbox .archive ul li:first-child{ margin-right:10px;}


#blog .inbox .blog ul#prenavi{ list-style-type:none;}



#blog .inbox .blog img.size-full,
#blog .inbox .blog img.size-large{ width:100%;
height:auto;}



ul#prenavi{ text-align:center;
width:100%;}

ul#prenavi li{ margin:0 20px;}

ul#prenavi li.prev a:before{ content:" ＜ ";
color:#006CDD;}
ul#prenavi li.next a:after{ content:" ＞ ";
display:inline;
color:#006CDD;}


/*------------------------------------------------
		アーカイブ(サムネイルと抜粋)
-----------------------------------------------*/

.archive{display: flex;}

.archive .excerpt h3{ border-bottom:#016666 2px dotted;
font-size:18px;
margin:0 0 7px 0;
padding:0 0 8px 0;
background:none;
height:auto;
line-height:1.2;
font-weight:normal;}

.archive .excerpt h3{border: none;
background: none;
padding: 0 0 5px 0;
    margin:0 0 5px 0;
    line-height: 1.4;
 font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight:600;
  font-style: normal;
color:#25A507;}

.archive .excerpt h3 a{color:#25A507;
text-decoration: none;
font-size: 18px;
}


.archive .excerpt ul{ margin-bottom:10px;}

.archive{ padding-bottom:30px;
margin-bottom:30px;
border-bottom:1px solid #ddd;}

.archive figure{width: 90px;
margin: 0 20px 10px 0;}

.archive .excerpt{width: calc(100% - 110px);}

.archive .excerpt p{ line-height:1.4;
display: -webkit-box; /* 必須 */
    -webkit-box-orient: vertical; /* 必須 */
    -webkit-line-clamp: 2; /* 行数を制限 */
    overflow: hidden; /* はみ出た部分を非表示 */}

ul.archive li .text p{}



/*------------------------------------------------
		ページネーション
-----------------------------------------------*/
.pagenation {
    margin: 1em 0;
}
.pagenation:after, .pagenation ul:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.pagenation ul {
    margin: 0;
}
.pagenation li {
    float: left;
    list-style: none outside none;
    margin-left: 3px;
}
.pagenation li:first-child {
    margin-left: 0;
}
.pagenation li.active {
    background-color: #999999;
    border-radius: 3px;
    color: #FFFFFF;
    cursor: not-allowed;
    padding: 12px 20px;
}
.pagenation li a {
    background: none repeat scroll 0 0 #CCCCCC;
    border-radius: 3px;
    color: #FFFFFF;
    display: block;
    padding: 12px 20px;
    text-decoration: none;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}
.pagenation li a:hover {
    background-color: #444444;
    color: #FFFFFF;
    opacity: 0.8;
    transition-duration: 500ms;
    transition-property: all;
    transition-timing-function: ease;
}

/*------------------------------------------------
        パンくずリスト
-----------------------------------------------*/
.aioseo-breadcrumbs{
    padding: 5px 0;
    margin: 5px 0 0px 10px;
}