@charset "UTF-8";

/*
Theme Name: Twenty Twenty-One child
Template:   twentytwentyone
Version:    1.7
*/



/* ///////////////////////////////////////////////////////
2culum
/////////////////////////////////////////////////////// */

#content{ display: flex; flex-direction: row; padding: 0 6%; }

#primary{ width: 68%; }

#r-sidebar{
	width: 30%;
	margin-left: 3%;
	padding: 1%;
	overflow: hidden;
}

#r-sidebar .widget{

	margin-bottom: 13%;

}


/*///////////////
 TABLET
///////////////////*/
@media screen and (max-width: 820px) {
	
	#content{ display: block; padding: 0 2%;}
	#primary, #r-sidebar{ width: auto; }
	#r-sidebar{ margin: 6% 0 0 0; }


}/*820*/


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

}/*420*/



/* ///////////////////////////////////////////////////////
その他
/////////////////////////////////////////////////////// */

body{ background-color: white; }
.single .entry-content{
	font-size: 18px;
}

.widget script{ text-align: center; }

.headersita{ padding: 0 2%; }

.single .site-main > article > .entry-footer {
    border-top: none;
}




/* ///////////////////////////////////////////////////////
一覧ページ
/////////////////////////////////////////////////////// */

.home .entry-title a, .archive .entry-title a{
	font-size: 30px;
	text-decoration-line: none;
}
.single .entry-title{
	background: none;
	border-top: solid grey 1px;
	border-bottom: solid 1px grey;
	font-size: 30px;
	font-weight: bolder;
	margin: 1% 0 2% 0;
	padding: 2% 2%;
	max-height: 136px;
	overflow: hidden;
}

/*-- メタ情報 --*/
/*
.single .entry-meta {
	font-size: 16px;
	font-weight: bold;
	margin: 1% 0;
	padding: 1% 0;
	display: flex;
	flex-wrap: wrap;
}*/
/*
.single .entry-meta a, .single .entry-meta .meta-tag{
	margin-left: 1%;
	white-space: nowrap;
	margin-bottom: 1%;
	padding: 2%;
	background: #21759b;
	border-radius: 5%;
	color: white;
}*/
.single .attachment-post-thumbnail{
	max-height: 230px;
	object-fit: contain;
}


/* ///////////////////////////////////////////////////////
記事
/////////////////////////////////////////////////////// */


.single #videos{
	width: 96% !important;
	margin: 0 auto;
	margin-top: 1%;
	margin-bottom: 1%;
	padding: 4% 0;
}
.single .link, .single .video-link{
	display: block;
	margin: 0 auto;
	margin-top: 1%;
	text-align: center;
	width: 90%;
	padding: 1%;
	color: white !important;
	background: #2E2EFE;
	border: solid grey 1px;
	border-radius: 2%;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
.single .link:hover, .single .video-link:hover{ background: #FE2E2E; }