/*
Theme Name: AFFINGER Child
Template: affinger
Description: AFFINGER6 対応
Version: 20210719
*/



.Post-design li {
	padding: 0px;
	margin: 0px;
	border: solid 2px #e5e5e5;
	border-radius: 8px;
/*	background-color: #fafafa;*/
}

.Post-design.wp-block-latest-posts li a{
	pointer-events: none;
	display: block;
	background-color: #1fb8ab;
    border-radius: 5px 5px 5px 5px;
	color:white!important;
	margin: 0;
	padding: 8px 0;
	font-size:18px;
	text-align: center;
}

.Post-design.wp-block-latest-posts li img{
	width: 100%;
	margin-top: 15px;
}

.Post-design.wp-block-media-text alignwide is-stacked-on-mobile.wp-block-media-text .wp-block-media-text__content{
	align-self: auto;
}

.wp-block-media-text .wp-block-media-text__content{
	align-self: auto;
	margin-top: 30px;
}

.Post-design.wp-block-latest-posts li p{
	font-size:18px;
	box-shadow: 0px 0px 0px 7px #f2fffe;
	background-color: #f2fffe;
	padding: 0.7em 1em;
	border-radius: 5px;
	border: 2px dashed rgba(255,255,255, 0.7);
	margin-bottom: 10px;
}

.wp-block-media-text .wp-block-media-text__content a{
	pointer-events: auto!important;
}










/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


	/*-- ここまで --*/
}
	
/*media Queries タブレットサイズ（600px～959px）のみで適応したいCSS -タブレットのみ
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) and (max-width: 959px) {


	/*-- ここまで --*/
}	
	
/*media Queries タブレット（600px）以上で適応したいCSS -タブレット・PC
---------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 600px) {


	/*-- ここまで --*/
}

/*media Queries PCサイズ（960px）以上で適応したいCSS - PCのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 960px) {


	/*-- ここまで --*/
}

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {

	
	/*-- ここまで --*/
}