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

/*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) {

/*フレックス化*/
body:not(.single-post) #contentInner .kanren{
display:flex;
flex-wrap:wrap;
padding:0px;
}

/*2列に調整*/
body:not(.single-post) #contentInner .kanren dl.clearfix {
position:relative;
width : calc((100% - 45px)/ 2 );
margin:10px;
border:1px solid #dcdcdc;
background-color:#fff;
}

/*フロートの解除*/
body:not(.single-post) #contentInner .kanren dl.clearfix dt {
float:none;
width:100%;
}

/*フロートの解除*/
body:not(.single-post) #contentInner .kanren dl.clearfix dt a img {
width:100%;
}

/*余白を削除と微調整*/
body:not(.single-post) main .kanren dl.clearfix dd {
display: flex;
flex-direction: column;
padding: 10px 20px 20px;
flex-grow: 1;
justify-content: stretch;
}

body:not(.single-post) main .kanren dl.clearfix dd .st-catgroup.itiran-category{
position: absolute;
top: 10px;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
box-sizing: border-box;
padding: 5px;
width: 100%;
text-align: left;
pointer-events: none;
z-index: 1;
font-size:90%;
color:#fff;
}
body:not(.single-post) main .kanren dl.clearfix dd .st-catgroup.itiran-category .catname {
	font-size:90%;
	font-weight:700;
    color: #ffffff;
}

body:not(.single-post) main .kanren dl.clearfix dd .blog_info p{
margin: 0 0 10px;
text-align: center;
line-height: 1.4;
position: absolute;
top:10px;
right: 10px;
z-index: 999;
font-size:90%;
color: #fff;
}
body:not(.single-post) main .kanren dl.clearfix dd .blog_info p i{
	color:#fff;
}
body:not(.single-post) main .kanren dl.clearfix dd h3 a{
font-size: .9em;
line-height: 1.5;
color: #333;
text-decoration: none;
font-weight: bolder;
}
/*枠に影をつけたり微調整*/
body:not(.single-post) #contentInner .kanren dl.clearfix{
padding-bottom:0px;
box-shadow: 0 1px 2px rgba(0,0,0,0.2);

}
	



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

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


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

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

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