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

.author-block  p:not(.author-block p.is-style-st-paragraph-marumozi) {
    font-size:.9em;
    margin-bottom: 10px;
}
.author-block img{
    border-radius: 50%;
    box-shadow: 0 1px 2px rgba(0,0,0,0.2);
}


/* ブログ用のトップページサンプル(アフィンガーラボ作成)*/
/* 枠の間隔を補正 */
.toppage_blog_card{
    gap:0!important;
}
/* 枠の内側 */
.toppage_blog_card .wp-block-column{
    padding: 0 20px 20px;
}
/* 見出し２の設定 */
.toppage_blog_card h2{
    padding:15px;
    margin:0 -20px 20px; 
}
/* 見出し２の設定:aタグ */
.toppage_blog_card h2 a{
    text-decoration:none;
    color:#444;
}
/* 記事のカテゴリー名は自明なのでここでは消去 */
.toppage_blog_card .st-catgroup{
    display:none;
}
/* 説明文の設定 */
.toppage_blog_card p{
    font-size:90%!important;
}
/* 記事一覧の余白を設定 */
.toppage_blog_card .shortcode-kanren{
    padding: 10px 5px 0;
}
/* 記事一覧内のタイトル部分の設定 */
.toppage_blog_card .shortcode-kanren .kanren-t{
    padding-right:0;
}
/* 記事一覧とボタンの余白を縮める */
.toppage_blog_card .shortcode-kanren dl:last-child{
    margin-bottom:0;
}
/* 抜粋を非表示にする */
.toppage_blog_card .st-excerpt{
    display:none;
}

/* サムネイルの横幅を小さく */
.toppage_blog_card .shortcode-kanren dt{
    width:45%!important;
    float:left!important;
}
/* サムネイルの横幅を小さく */
.toppage_blog_card .shortcode-kanren img{
    width:100%!important;
}
/* 記事一覧内のタイトルの出だしを調節(デフォルト) */
.toppage_blog_card .shortcode-kanren dd{
    padding-left:calc(45% + 15px )!important;
    padding-top:0!important;
}

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

.author-block figure{
    width: 150px;
}
.author-block p.is-style-st-paragraph-marumozi, .author-block-left figure{
    margin-right:auto;
    margin-left:auto;
}
.author-block p.is-style-st-paragraph-marumozi{
    margin-bottom:1em;
}

	
	/* 枠の間隔を補正 */
.toppage_blog_card{
    margin-bottom:0!important;
}
    
.toppage_blog_card .wp-block-column{
    margin-bottom:20px!important;
}
/* タイトルが４行以上になったら以降を省略する */
.toppage_blog_card .kanren-t {
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
	

	/*-- ここまで --*/
}
	
/*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) {

.author-block img{
　margin-top:15px;
}
    
.colum1 .author-block{
　width:80%;
　margin-right:auto;
　margin-left:auto;
}
    
.author-block{
    padding:30px!important;        
}
.author-block .wp-block-columns{
    gap:20px!important;
}
.author-block .author-block-right{
    border-left: 1px #eee solid;
    border-top: none;
    border-right: none;
    border-bottom: none;
    padding: 0 0 0 20px;
}
	
	
	/* 枠の間隔を補正 */
.toppage_blog_card{
    margin-bottom:20px!important;
}
    
.toppage_blog_card .wp-block-column{
    margin-bottom:0!important;
}
/* 横のカテゴリーとの幅を調節 */
.toppage_blog_card .wp-block-column:not(:first-child){
    margin-left:20px;
}
/* タイトルが３行以上になったら以降を省略する */
.toppage_blog_card .kanren-t {
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
	

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

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

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