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

/* Snow Monkey Formsに必須マークをつける */

.smf-item__label__text {
    position: relative;
}

.smf-item:has([data-validations~="required"]) .smf-item__label__text::after {	
  position: absolute;
  top: 50%;
  right: -50px;
  transform: translateY(-50%);
  display: grid;
  place-items: center;
  width: 40px;
  height: 23px;
  border-radius: 4px;
  content: "必須";
  font-size: 12px;
  color: #fff;
  background: #ff0000;
}


input[type=submit] {
    background: #68bb65; /* 背景色: 好きなカラーコードに変更 */
    color: #ffffff; /* 文字色: 好きなカラーコードに変更 */
}

/************************************
目次調整
************************************/
#toc_container{
	margin: 0 auto 20px !important;
}

#toc_container{
	border: 2px solid #ccc!important;
}

#toc_container p.toc_title+ul.toc_list{
	margin-top: 0px;
}

#toc_container.only-toc ul{
	padding: 15px !important;
}

#toc_container.only-toc ul a{
	padding:5px 0 !important;
}

/************************************
出典
************************************/

.qs1 {
  display:block;
  font-size:11px;
  margin-top: 5px;
  color:#000;
}

.qs1 a {
  text-decoration:none;
}

/************************************
出典 画像
************************************/
.qs3 {
	display: block;
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 15px;
}

.qs3 a {
  text-decoration:none;
}


/************************************
 スマホミドル一覧
************************************/

.box2{
	padding: 10px 0;
	margin: 35px 0 15px 0;
	background-color: #1A1A1A;
	text-align:center;
	color: #fff;
}

.box2 p{
	margin: 0; 
    padding: 0;	
	color: #fff;
	font-weight: bold;
}

/************************************
 四角見出し
************************************/

.box3{
	padding: 10px 0;
	margin: 20px 0 15px 0;
	background-color: #009098;
	text-align:center;
	color: #fff;
	font-weight: bold;
}

.box3 p{
	margin: 0; 
    padding: 0;	
	color: #fff;
	font-weight: bold;
}

/************************************
 コメントカスタマイズ
************************************/
.commets-list{
	margin-left: 0;
}

.post #comments h3{
	display: none;
}

#comments li.comment{
	padding: 2px;
}

.comment-author{
	width: 100%;
	position: static;
	text-align: left;
	padding:2px 0;
}

.vcard .fn { 
	color: #4A3320;
	font-size: 15px;
	font-weight:bold;
	padding:10px 0 10px 0;
    line-height: 40px;
}

.vcard .fn a{ 
	color: #4A3320;
	font-size: 15px;
	font-weight:bold;
	padding:10px 0 10px 0;
    line-height: 40px;
}

.vcard .fn::before {
	font-family: FontAwesome;
	content: "\f0e6";
	font-size: 1.5em;
	color: #B3286D;
	position:relative;
	top: 1px;
	padding-right:7px;
	padding-left:7px;
}

#comments p{
	font-size:13px;
	color: #000;
	padding: 7px 0px;
	line-height: 23px;
}

.comment-body{
	padding: 0px 7px;
	margin-bottom:10px;
}

.comment-meta::before {
	font-family: FontAwesome;
	content: "\f017";
}

div.comment-meta a{
	pointer-events:none;
	padding: 2px;
	color: #000;
}

.commentmetadata{
	font-size: 13px;
	margin-bottom: 1px;
}

#comments li.comment{
	margin-bottom:20px;
	border: 1px solid #cfcfcf;
}

#comments ol>li.comment:nth-child(even){
	background: none;
}

/************************************
 関連記事調整
************************************/
.post-card-list.is-small-columns-2 .post-card-list-item .post-card-body,
	.content-post-slider .post-slide-body, .post-card-list .post-card-body{
		padding: 0;
		font-size: 15px;
}
	
.content-post-slider .post-slide-excerpt, .post-card-list .post-card-excerpt{
		display: none;
}

/************************************
 グラフ調整
************************************/
table tr td{
	vertical-align: middle;
}

table th, table th p, .post table tr td p, .post table tr td{
	line-height: 24px;
}

table tr td{
	padding: 10px;
}

/************************************
プロフィール調整
************************************/
.st-author-description{
	font-size: 16px;
	text-align: left;
}

/************************************
 アフィリエイト
************************************/
.apu005-22 {
   padding-top:16px;
   padding-bottom:16px;
}

.apu005-22 table{
   border: 1px solid #fff;
   background-color:#e9f5f7;
}

.apu005-22 table tr{
   border-style: none;
   vertical-align: top;
}


.apu005-22 table td{
   min-width:100px; 
	padding:20px 5px 20px 20px; 
   border-style: none;
}

.apu005-22 table td a:hover{ 
   opacity:0.7;
}

.apu005-33 {
   color: #A60000;
   font-size:15px;
   font-weight:bold;
}

.apu005-44 {
   display:block;
   color: #333;
   font-size:13px;
   line-height:140%;
	margin-top:10px;
}

.apu005-22 table.apu005-33 img a{
  padding-top:1px;
}

.myButton1 {
	-moz-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fce2c1;
	box-shadow:inset 0px 1px 0px 0px #fce2c1;
	background-color:#ffa230;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-size:18px;
	font-weight:bold;
	padding:7px 40px;
	text-decoration:none;
}

.myButton2 {
	-moz-box-shadow:inset 0px 1px 0px 0px #ff9c99;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ff9c99;
	box-shadow:inset 0px 1px 0px 0px #ff9c99;
	background-color:#ff756b;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	display:inline-block;
	cursor:pointer;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:7px 40px;
	text-decoration:none;
     margin-top:10px;  
}

/************************************
タグクラウドタイトル非表示
************************************/
.acordion_search_content .st-widgets-title:not([class^=is-style-st-heading-custom-]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2){
	display: none;
}

/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	
/************************************
トップSNS位置調整
************************************/
.clearfix{
	padding-left: 0;
	margin-left: 0;	
 }
	
/************************************
 関連記事ランキング記事調整
************************************/
dd h3:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a, .kanren .clearfix dd h5:not([class^="is-style-st-heading-custom-"]):not([class*=" is-style-st-heading-custom-"]):not(.st-css-no2) a{
	font-size: 15px !important;
 }
	
.h5modoki, .post h5{
	padding-right: 0px;
 }	


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


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

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

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