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

/*アクティブマーカー*/
.marker-animation.active{
    background-position: -100% .8em;
}
 
.marker-animation {
    background-image: -webkit-linear-gradient(left, transparent 50%, rgb(255,196,196) 50%);
    background-image: -moz-linear-gradient(left, transparent 50%, rgb(255,196,196) 50%);
    background-image: -ms-linear-gradient(left, transparent 50%, rgb(255,196,196) 50%);
    background-image: -o-linear-gradient(left, transparent 50%, rgb(255,196,196) 50%);
    background-image: linear-gradient(left, transparent 50%, rgb(255,196,196) 50%);
    background-repeat: repeat-x !important;
    background-size: 200% .4em;
    background-position: 0 .5em;
    transition: all 2s ease;
    font-weight: bold;
}

.st-mybox-class p {
    margin-bottom: 10px !important;
    text-align: center !important;
}

/*meta discription 消し*/
.sitenametop {
    display: none !important;
}



}



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

.op-menu {
    color: #ffffff !important;
}
    
/*ヘッダータイトルポジション調整*/
.sitename {
    margin-left: -100px !important;
}
    
.op-search {
    display: none !important;
}


    

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

    
.lazyloaded {
    width: 60% !important;
}
    
 /*バナー画像サイズ調整*/
.entry-bunner img {
    width: 50% !important;
}

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

    /*バナー画像サイズ調整*/
.bunner-boxs img {
    width: 85% !important;
}
    

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

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

#header-l {
    max-width : 500px !important;
    }
.sitename {
    font-size: 35px !important;
    letter-spacing: 3px;
    margin-left: 150px !important;
}

/*記事一覧下部検索*/
.top-wbox-u {
    display: none;
} 
        
 /*バナー画像サイズ調整*/
.entry-bunner img {
    width: 40% !important;
}
    
/*サイドバー関連記事 PC*/
.kanren.pop-box  h5 {
    font-size: 13px !important;
    line-height: 20px !important;
}
#side .kanren dl {
    padding-bottom: 0px !important;
}
    
/*エントリーサイドバー新着記事*/
.kanren-t {
    font-size: 13px !important;
}
#side .st-catgroup {
    display: none !important;
}
#side .kanren .blog_info p {
    display: none !important;
}
    
/*トップページエントリー*/
article .kanren:not(.st-cardbox) dd {
    padding-left: 315px !important;
}
article .kanren:not(.st-cardbox) dt:not(.st-cardbox) img {
    width: 300px !important;
}   
article img.size-full, img.size-large {
    max-width: 200% !important;
}
.type-post img.size-full, img.size-large {
    max-width: 100% !important;
}
/*エントリー関連記事*/
.kanren img.size-full, img.size-large {
    max-width: 200% !important;
}

/*ブログカード PC*/
.st-cardbox {
    width: 80% !important;
    margin : 50px auto 15px auto !important
}
    
/*ブログカード s1*/
.st-shortcode-div {
    margin: 0 0 -5px 70px !important;
}
    

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

/*media Queries スマホサイズ（599px）以下で適応したいCSS - スマホのみ
---------------------------------------------------------------------------------------------------*/
@media print, screen and (max-width: 599px) {
/*上下左右ズレ*/
#gazou-wide {
    width: 95% !important;
    margin: 0 auto;
}

/*テーブルはみ出しスクロール*/
.table-scroll table {
  display: block;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}

/*ヘッダータイトルポジション調整*/
#st-mobile-logo a {
    margin-left: -65px !important;
    font-weight: bold !important;
	font-size: 25px !important
}

.sitename {
    margin-left: -75px !important;
}
.op-search {
    display: none !important;
}
.op-menu {
    font-size: 30px !important;
}

    
/*バナー*/
.bunner-boxs {
    flex-wrap: wrap !important;
}

    /*バナー画像サイズ調整*/
.bunner-boxs img {
    width: 85% !important;
}

.second-bunner {
    margin-top: 5px !important;
}
    
.tablepress td.column-1 {
        width: 150px !important; /* 省略せずに表示するサイズを指定 */
        white-space: nowrap !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
}

/*関連記事カテゴリー消し SP*/
.st-catgroup {
    display: none !important;
}

/*関連記事要素オーバーフロー 3点 SP*/
.kanren-t {
     display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important; 
} 

/*ブログカード要素オーバーフロー 3点 SP*/
.st-cardbox-t {
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden; 
} 
    
    /*-- ここまで --*/
}