/*
Theme Name: AFFINGER4 Child
Template: affinger4
Version: 20170501
*/

/*カテゴリID別に色を指定できます
例）IDが7の場合
.catname.st-catid7 {
	background:#ff0000;
	color:#fff;
}
*/

main {
    margin-bottom: 0;
}

/*基本のフォントサイズ*/

p,
/* テキスト */

.st-kaiwa-hukidashi,
/* ふきだし */

.yellowbox,
/* 黄色ボックス */

.graybox,
/* グレーボックス */

.redbox,
/* 薄赤ボックス */

#topnews .clearfix dd p,
/* 一覧文字 */

.post ul li,
/* ulリスト */

.post ol li,
/* olリスト */

#comments #respond,
/* コメント */

#comments h4,
/* コメントタイトル */

.post h5,
/* H5 */

.post h6
/* H6 */

    {
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}

strong {
    color: #20ad87;
}

.post ul {
    list-style-type: disc;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    background: #f2fff3;
    border: 1px dashed #52c35d;
    margin-bottom: 15px;
    position: relative;
}

.post .entry-content ul li {
    list-style-type: none!important;
}

.post .entry-content ul li:before {
    font-family: FontAwesome;
    content: "\f00c";
    position: absolute;
    left: 1em;
    color: #2fb974;
}

.amazonjs_book .amazonjs_info ul li:before {
    content: "";
}

.post .mainbox ol {
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 40px;
    background: #f2fff3;
    border: 1px dashed #52c35d;
    margin-bottom: 15px;
    counter-reset: yourDefinition;
    list-style: none;
}

.post .mainbox ol li {
    padding-left: 15px;
    text-indent: -35px;
}

.post .mainbox ol li:before {
    counter-increment: yourDefinition;
    content: counter(yourDefinition);
    display: inline-block;
    margin-right: 10px;
    width: 24px;
    height: 24px;
    text-align: center;
    color: white;
    font-weight: bold;
    font-family: helvetica;
    text-indent: 0;
    background: #05bfa7;
    border-radius: 100%;
}

.back_y {
    font-weight: bold;
    color: #424242;
    padding: 0 2px;
    background: -webkit-linear-gradient(transparent 50%, #ffff7d 50%);
    background: linear-gradient(transparent 50%, #ffff7d 50%);
}

.ymarker {
    font-weight: bold;
    color: #424242;
    padding: 0 2px;
    background: -webkit-linear-gradient(transparent 50%, #ffff7d 50%);
    background: linear-gradient(transparent 50%, #ffff7d 50%);
}

p.adtext {
    font-size: 12px;
    margin-bottom: 0px;
    text-align: center;
    margin-bottom: 0px!important;
    color: #a0a0a0;
}

.adbox {
    padding: 0px;
}

.post .sns ul {
    background-color: #fff;
    border: none;
}

h1 {
    font-size: 2em;
    margin: 0;
}

h1.entry-title,
.post h1.entry-title {
    line-height: 1.4!important;
    margin-top: -5px;
}

.sns {
    padding-bottom: 0px;
}

p.author {
    font-size: 12px;
    margin-bottom: 0px;
}

.tagst {
    font-size: 12px;
    padding: 0;
    margin-bottom: 10px;
}

.ad p {
    margin-bottom: 0;
}

.ad {
    padding-bottom: 0px;
}

#header-l {
    margin-top: -50px;
}

#s-navi dd.acordion_tree {
    padding-bottom: 70px;
}

#s-navi dt.trigger .op {
    font-size: 30px;
    margin-top: 10px;
}

img.size-full,
img.size-large {
    width: 100%;
}

.sns li a {
    height: 30px !important;
}

.snscount {
    font-weight: bold;
}

.textwidget p {
    margin-bottom: 0;
}

.kizi-under-box {
    margin-bottom: 0px;
}

.sns li {
    width: auto;
}

.sns .fa-twitter,
.sns .fa-facebook,
.sns .fa-hatena,
.sns .fa-comment {
    border-right: none;
    padding-right: 0px;
}

.snstext {
    padding-left: 5px;
}

.post .sns ul {
    margin-bottom: 10px;
}

.post blockquote p {
    font-size: 14px!important;
}

.post ol li {
    padding-bottom: 10px!important;
}

table tr td {
    padding: 9px!important;
    font-size: 13px!important;
}

ul#st-tab-menu {
    border: none;
    background-color: inherit;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/

@media only screen and (max-width: 960x) {
    /*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/

@media only screen and (min-width: 600px) {
    /*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/

@media print,
screen and (min-width: 960px) {
    p,
    .st-kaiwa-hukidashi,
    .yellowbox,
    .graybox,
    .redbox,
    .post ul li,
    .post ol li,
    .post h5,
    .post h6,
    .post table tr td,
    table tr td {
        font-size: 16px;
        line-height: 1.8;
    }
    p,
    .post h5 {
        margin-bottom: 25px;
    }
    .sns li {
        width: 25%;
    }
    .sns {
        width: 100%;
    }
    #header-l {
        margin-top: 0px;
    }
    .kanren:not(.st-cardbox) .clearfix dd p {
        color: #888;
    }
    /*-- ここまで --*/
}

/*media Queries スマホサイズ（767px以下）
----------------------------------------------------*/

@media only screen and (max-width: 767px) {
    .sitename img {
        max-width: 80px;
    }
    #s-navi dt.trigger .op {
        font-size: 25px;
        margin-top: 1px;
    }
    p.imgWrap {
        /*width: 100vw;
	margin-left: -15px;
	position: relative;*/
    }
    p.imgWrap img {
        width: 100vw;
    }
    .post h2 {
        margin: 20px -15px;
    }
    #headbox-bg {
        position: relative;
        filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.2));
    }
    #headbox-bg::after {
        bottom: -10px;
        background: linear-gradient(135deg, #05bfa7 10px, transparent 0), linear-gradient(225deg, #05bfa7 10px, transparent 0);
        background-size: 20px 20px;
        height: 15px;
        content: "";
        position: absolute;
        left: 0;
        width: 100%;
    }
    /*-- ここまで --*/
}

/*ランキングCSSの変更
----------------------------------------------------*/

.rankst-box {
    background-color: #ffffff;
    border: none;
    padding: 0;
    margin-bottom: 20px !important;
}

.rankh4,
.post .rankh4,
#side .rankh4 {
    margin-bottom: 20px !important;
    color: #09a985!important;
    background-image: none !important;
    padding-left: 15px !important;
    padding-top: 0px !important;
    border-bottom-color: #16cca4!important;
}

.rankstlink-l p {
    width: 95% !important;
}

.rankstlink-r p {
    width: 95% !important;
}

.rankst-box ul {
    border: none;
}

.rankst-box ul li {
    line-height: 1.6;
}

.snscount {
    font-size: 11px !important;
}

.rankstlink-a p {
    width: 100%!important;
}

.rankstlink-b p {
    width: 100%!important;
}

.rankst-l.post,
.rankst-l {
    padding: 0!important;
    background-color: #f2fff3!important;
    margin-bottom: 20px!important;
}

@media only screen and (min-width: 600px) {
    .rankst-r {
        margin: 0px 0 0 -300px!important;
    }
    .rankst-cont {
        margin: 0 0 0 315px!important;
    }
    .rankst-l {
        width: 300px!important;
    }
}

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