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

.front-page .st-eyecatch{
	display:none;
}

p{
	letter-spacing: 0.05em;
}

	/*-- 中文字 --*/
p.has-st-regular-font-size{
	font-size:15px!important;
	line-height:27px!important;
	margin-bottom: 15px;
}

.st-user-comment-img img{
	border-radius:initial;
}

main .has-st-border{
	border-color:#ffeeee;
}

body.custom-background {
    background-size: 110px!important;
}
	/*-- 見出しカウント --*/
.is-style-st-heading-custom-count::before {
    font-size: 1,1em;
    color: #ff9a9e;
}

	/*-- 区切り --*/
hr.is-style-dots{
color:var(--wp--preset--color--original-color-a);
}
	/*-- テーブル --*/
table th{
	background-color:var(--wp--preset--color--original-color-a);
	color: #fff;
	font-weight: bold;
	width: 20%;	
}

	/*-- ふきだし --*/
.is-style-st-paragraph-bubble{
	font-weight:bold;
	color:#fff!important;
	background-color:var(--wp--preset--color--original-color-a)!important;
	margin-bottom:15px!important;
	margin-left:-10px;
}

.is-style-st-paragraph-bubble::after{
	border-top-color:var(--wp--preset--color--original-color-a);
}

	/*-- まるもじ --*/
.is-style-st-paragraph-marumozi{
	color:var(--wp--preset--color--original-color-a)!important;
	background-color:#ffeeee;
	margin-bottom:15px!important;
	margin-left:-10px;
}


	/*-- CTA --*/
.cta.has-st-border{
	border-color:#ff9a9e;
	background-color:#ffeeee;
}

.cta dl {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    font-size:90%;
}

.cta dl dt {
    width: 40%;
    font-weight: 700;
    padding-top: 5px;
}

.cta dl dd {
    width: 60%;
    padding-top: 5px;
}

.st-author-profile-avatar img {
		background-color: #fff;
}

.st-timeline-list-text {
	color: #ff6893;
	font-size: 110%;
}



	/*-- h2,h3上部に余白 --*/
.h2modoki, .post h2:not(.st-css-no) {
    margin-top: 40px;
}

.st-h-copy-toc, .st-h-copy {
	 font-size: 70%;
}

.sakuhin{
    color: #808080 !important;	
}

.sakuhin .st-h-copy{
	padding-bottom: 5px;
}

	/*-- スター--*/
.st-user-comment-box .st-star, .st-user-comment-attribute{
	font-size: 100%;
}

	/*-- 赤マーク--*/
.rmarker {
    background: #fff1f5;
}

	/*-- 青マーク--*/
.rmarker {
    background: #add6ff;
}

	/*-- ペニスアイコン--*/
.siko .st-user-comment-img img{
	border-radius: 0;
}

.faa-parent.animated-hover:hover>.faa-vertical3, .faa-vertical3.animated, .faa-vertical3.animated-hover:hover{
	animation: vertical 1s ease-in infinite;
}

.faa-parent.animated-hover:hover>.faa-vertical3, .faa-vertical2.animated, .faa-vertical2.animated-hover:hover{
	animation: vertical 2s ease-in infinite;
}

.faa-parent.animated-hover:hover>.faa-vertical3, .faa-vertical.animated, .faa-vertical.animated-hover:hover{
	animation: vertical 3s ease-in infinite;
}

	/*-- 引用--*/
.post blockquote.nocss {
    background-color: #f3f3f3;
    background-image: none;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
	border-left-color: #CCC;
	line-height: 27px;
}

	/*-- タイムライン--*/
.st-timeline-list p{
    font-size: 15px!important;
    line-height: 27px!important;
}

.is-style-st-timeline-list::after{
	border-left-color:#ff9a9e;
}

.is-style-st-timeline-list > li::before{
	background:#ff9a9e;
}

 .post .entry-content  .time-stamp li li::marker{
 	content: "\f017";
  	font-family: stsvg;
	 color:#999;
}

.post .entry-content .time-stamp li{
		font-size: 15px;
	}

 .post .entry-content .time-stamp li li{
	font-size:0.9em;
	padding-left: 0.3em;
}

	/*-- タップで詳細表示--*/
.post .st-btn-open{
	color: #5DA7D1;
	margin-bottom:30px;
	
}

span.sankou, p.sankou {
  background-color: var(--wp--preset--color--original-color-a);
}

	/*-- カード--*/
.st-cardbox {
    border: 1px solid #c0c0c0;
    box-shadow: none;
    border-radius: 5px;
    box-shadow: none;
}

a.st-cardlink{
	color:#b8b8b8;
	font-size: 14px;
}
	
.st-mybox{
	box-shadow: none!important;
}


.br::before {
	content: "\A" ;
	white-space: pre ;
}

	/*-- ポイント揺れ--*/
.st-in-mybox .st-point, .st-point {
    padding-left: calc(2em + 18px);
    margin-top: 10px;
}	

.st-point:before {
    content: "";
    display: inline-block;
    width: 3em;
    height: 3em;
    background: url(https://sikokatu.com/wp-content/uploads/2020/08/sikokatu.png)no-repeat!important;
    position: absolute;
    left: 0;
    background-size: contain!important;
	animation: vertical 2s ease-in infinite;
	box-shadow: none!important;
	font-size: 90%;
}

	/*-- トップへ--*/
.page-top-img img {
    max-height: 80px;
}

[class^="siko-icon-"]::before {
    font-family: 'Font Awesome 6 Free';
    font-weight: 700;
    margin-right: 0.3em;
	margin-bottom: -0.3em;
}

.siko-icon-movie::before{
	content: "\f144";
}

.siko-icon-dvd::before{
	content: "\f51f";
}


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

	.sakuhin{
    font-size: 18px !important;
    line-height: 26px !important;
	}
	
	
	.st-point:before {
	padding-bottom: 7px;
}


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

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

	/*-- ロゴの大きさ --*/
.sitename img {
    max-width: 230px;
}


#footer .footerlogo img {
    max-width: 230px;
}
	
	.front-page main {
    padding: 20px;
}

	dd h3:not(.st-css-no2) a, .kanren .clearfix dd h5:not(.st-css-no2) a{
    font-size: 17px;
    line-height: 27px;
	}
	
	.sakuhin{
		font-size: 18px !important;
    line-height: 27px !important;
	}
	
		#st-menuwide{
	border: none;
	}
	
	
	/*-- タイムライン--*/
.is-style-st-group-bg-grid.time-stamp{
	padding: 2em;
}

.time-stamp .is-style-st-timeline-list{
	padding-left: 1em;
}

.time-stamp .is-style-st-timeline-list::after{
	left: 1em;
}
	

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

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

	.has-st-border{
		padding: 1.5em 1em
	}
		/*-- テーブル --*/
table th{
	font-size: 14px;
    width: 25%;
	}
	
.post table tr td{
	    font-size: 14px;
	}

.st-kaiwa-face {
    width: 50px;	
}

.st-kaiwa-hukidashi {
    margin-left: 15px;
}

.sakuhin{
    font-size: 16px !important;
    line-height: 23px !important;
}
	
	/*-- ここまで --*/
}