/*
Theme Name: AFFINGER JET-Child2
Template: affinger
Description: ACTION 対応版
Version: 20220117
*/

.home main,
.archive:not(.author) main {
	background-color:transparent!important;
	border:none;
}

#st-magazine .kanren:not(.st-cardbox) dt {
	border-radius:0;
	border:0;
	box-shadow:none;
	padding:0;
}

#st-magazine .kanren:not(.st-cardbox) dt:before{
	content:none;
}

#st-magazine .kanren:not(.st-cardbox) dt {
	border-radius:0;
	border:0;
	box-shadow:none;
	padding:0;
}

#st-magazine .kanren:not(.st-cardbox) dt:before{
	content:none;
}

#st-magazine .kanren .fa {
	margin-right: 5px;
}

/*トップの打消し*/
.home .st-eyecatch,
.home .entry-title,
.home h2,
.home .h2modoki,
.home h3,
.home .h3modoki,
.archive:not(.author) .st-eyecatch,
.archive:not(.author) .entry-title,
.archive:not(.author) h2,
.archive:not(.author) .h2modoki,
.archive:not(.author) h3,
.archive:not(.author) .h3modoki{
	margin-left:0!important;
	margin-right:0!important;
	margin-top:0!important;
}

.home .colum1 #content-w,
.home .colum1 main,
.archive:not(.author) .colum1 #content-w,
.archive:not(.author) .colum1 main{
    padding-top: 0;
}

/*トップの基本部分*/
.home .post {
	padding-bottom: 0px;
}

.home main {
	padding-left:10px;
	padding-right:10px;
	padding-bottom:0px;
}

aside .kanren {
	margin-top: 0;
	margin-bottom:20px;
	padding-top: 0;
}

/*メニュー*/
header .smanone ul.menu li li a{
  z-index:99999;
}

/*ブログカード風マガジン*/
#st-magazine .kanren {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*ブログカード風マガジン*/
#st-magazine:not(.st-magazine-k) .kanren .st-top-box:not(.st-magazine-infeed) dl {
	box-sizing:border-box;
	background:#fff;
}

#st-magazine .kanren dl {
	width:100%;
}

#st-magazine:not(.st-magazine-k) .kanren .st-top-box:not(.st-magazine-infeed):not(.st-fist-post) dl {
	padding-bottom: 20px;
}

#st-magazine .kanren dl p {
	font-size: 1em;
	line-height: 1.5;
	color: #777;
}

@media only screen and (min-width: 600px) {
	#st-magazine .kanren dl p {
		font-size: .8em;
		line-height: 1.7;
	}
}

#st-magazine .kanren dt {
	float: none!important;
	width: 100%!important;
	height:auto;
	overflow: hidden;
	position:relative;
}

#st-magazine .kanren dt img {
    object-fit: cover;
	width: 100%;
}

#st-magazine .kanren dd {
	padding: 10px 20px 0;
}

#st-magazine .kanren .st-top-box {
	padding:5px 5px 10px;
	box-sizing:border-box;
	width:100%;
    display: flex;
}

#st-magazine .kanren .st-top-box dl {
	margin-bottom:0;
	position: relative;
}

#st-magazine .kanren .st-top-box a.st-box-a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	z-index:9999;
}

#st-magazine .kanren .st-top-box dl:hover {
	text-decoration: none;
	background: #fff;
	opacity:0.7;
}

#st-magazine .kanren .st-top-box img.size-full,
#st-magazine .kanren .st-top-box img.size-large {
	margin-bottom:0;
}

/*一覧のカテゴリ*/
#st-magazine .kanren .st-magazine-cat,
#st-magazine .kanren .st-magazine-cat a { /*下カテゴリ*/
	font-size:85%;
	color:#757575;
	text-decoration:none;
	padding-top:5px;
}

#st-magazine .kanren .st-catgroup { /*上カテゴリ*/
	position:absolute;
	top:7px;
	left:7px;
}

#st-magazine .kanren .st-catgroup a:hover {
	background-color:transparent;
}

/*ブログカード風マガジン最初の投稿 */
#st-magazine .kanren .st-fist-post {
	width: 100%!important;
}

#st-magazine .kanren .st-fist-post dt {
	position: relative;
	display: block;
}

#st-magazine .kanren .st-fist-post dt::before {
	content: '';
	display: block;
	width: 100%;
	object-fit: cover;
}

#st-magazine .kanren .st-fist-post .st-top-time p{ /*投稿日*/
	position:absolute;
	bottom:0px;
	right:5px;
	padding:2px 7px;
	font-size:90%;
	color:#fff;
}

/*WordPress Popular Posts連携*/

.st-wp-views {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index:999;
	padding:5px 20px;
	color:#fff;
	text-align:center;
	background-color: rgba(0,0,0,0.7);
	border-radius:5px 0 5px 0;
}

.st-wp-views-limit { /* リミット数を超えた場合のデザイン */
	position: absolute;
	top: 5px;
	left: 5px;
	z-index:999;
	padding:5px 20px;
	color:#fff;
	text-align:center;
	background:#bcb72f!important;
	border-radius:5px 0 5px 0;
	font-size:90%;
}

.wpp-views {
	font-size:100%;
}
.wpp-text{
	font-size:70%;
	margin-left:5px;
}

.st-wp-viewbox .st-wp-views,
#side .st-wp-views {
	font-size:80%;
}

.st-wp-viewbox .st-wp-views .wpp-text,
#side .st-wp-views .wpp-text {
	font-size:50%;
}

/*投稿日*/
#st-magazine .kanren dl .st-top-time p{
	position:absolute;
	bottom:0px;
	right:5px;
	padding:2px 7px;
	font-size:90%;
	color:#fff;
	z-index: 999;
}

#st-magazine .kanren dl .st-top-time p i{
	color:#fff;
}

/*投稿日下*/
#st-magazine .kanren .st-top-time-under p{
	position:absolute;
	bottom:0;
	right:5px;
	padding:2px 7px;
	font-size:80%;
	color:#777;
}

#st-magazine .kanren .st-top-time-under p i{
	color:#777;
}

@media print, screen and (min-width: 960px) {
	#st-magazine .kanren .st-fist-post .st-top-time-under p{
		position:relative;
		text-align: right;
		padding:2px 7px;
		font-size:80%;
	}
}

/*カテゴリ*/
#st-magazine .catname {
	position:relative;
	z-index:9999;
}

/*タイトル*/
#st-magazine .kanren .st-top-box dd h3 {
	padding:5px 0;
	line-height: 24px;
	font-size: 17px;
	color: #333;
}

/*ブログカード風マガジン（関連記事）*/
#st-magazine.st-magazine-k .kanren dl {
	border:none;
}

/*おすすめ記事*/
.nowhits .pop-box {
	margin-top: 0;
}

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

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

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {

	.home main {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	}

	#st-magazine .kanren .st-top-box {
		box-sizing:border-box;
		padding:5px;
		width:50%;
	}

	/*タイトル*/
	#st-magazine .kanren .st-top-box dd h3 {
		font-size: 20px;
		line-height: 30px;
	}
	
	/*カテゴリ*/
	#st-magazine .catname {
		font-size:13px;
	}

	/*関連記事*/
	#st-magazine.st-magazine-k .kanren .st-top-box {
		width:50%;
	}
	.colum1 #st-magazine.st-magazine-k .kanren .st-top-box,
	.lp #st-magazine.st-magazine-k .kanren .st-top-box {
		width:33.33%;
	}

	#st-magazine.st-magazine-k .kanren {
		margin-left: -5px;
		margin-right: -5px;
	}

	/*閲覧数ウィジェット*/
	aside .kanren.pop-box.st-wpp-views-widgets {
		margin-top:20px;
	}

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

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

	#st-magazine .kanren {
	    padding: 0 10px;
	}

}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {
	
	body.archive:not(.author) main {
		padding:0;
	}

	.home main {
		padding-left:0;
		padding-right:0;
		padding-bottom:0;
	}

	/*タイトル*/
	#st-magazine .kanren .st-top-box dd h3 {
		font-size: 16px;
		line-height: 26px;
	}

	#st-magazine .kanren .st-top-box.st-fist-post dd h3 {
		font-size: 20px;
		line-height: 1.5;
	}

	#st-magazine .kanren .st-fist-post {
		padding:0 5px 5px;
	}

	#st-magazine .kanren .st-top-box {
		width:49.99%;
	}

	.colum1 #st-magazine .kanren .st-top-box {
		width:33.33%;
	}

	.home aside .kanren {
		margin-top: 0;
		padding-top: 0px;
	}

	.home .colum1 main,
	.category .colum1 main {
		margin: 0 0 20px;
		padding: 0px;
	}

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

/*media Queries スマートフォンのみ（599px）以下
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 599px) {

	#st-magazine .kanren .st-fist-post {
		padding-top: 0;
	}
	
	.home main,
	.archive:not(.author) main,
	.home .colum1 main,
	.archive .colum1 main{
		padding-top: 10px;
	}

	#st-magazine:not(.st-magazine-k) .kanren .st-top-box:not(.st-magazine-infeed) dl {
    	box-sizing: border-box;
    	background: #fff;
	}
/*-- ここまで --*/
	
	/* サイト名を太字に変更*/
.lkc-domain{
    font-weight: bold;
}
/* 記事タイトルのスタイル変更 */
.lkc-title{
    font-size: 16px;
    line-height: 1.4em;
}

/* 抜粋文のスタイル変更 */
.lkc-excerpt{
    font-size: 15px;
    line-height: 1.5em;
}

.lkc-thumbnail {
  max-width: 100px;
  max-height: 100px;
}

.lkc-thumbnail-img {
  max-width: 100px;
  max-height: 100px;
}

.lkc-thumbnail {margin: 0 20px 4px 4px;}


ul.mark {
margin: 1em 0;
padding-left: 20px;
list-style-type: disc;
}

ul.mark {
	list-style-type: none;
}

ul.mark li:before {
	list-style-type: none;
	background-color: transparent;
	content: '※ '; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-1em; /* 1文字分、左に寄せる */
}

ul.m1 {
	list-style-type: none;
}

ul.m1 li:before {
	list-style-type: none;
	background-color: transparent;
	content: '※ '; /* ←ここにリストマーカーにしたい文字列を設定 */
	margin-left:-1em; /* 1文字分、左に寄せる */
}

table {
    width: 100%;
	font-size: 15px;
    table-layout: fixed;
    margin:10px 0;
    border-collapse:collapse;
}

/*
table tr td p{
		vertical-align: middle;
}
*/

table tr td p{
		padding: 5px 0px;
}

body {
	font-size: 17px;
}

p {
font-size: 17px;
}

table th,
table td,
table p,
table tr p,
table th p,
table td p,
table.ul.a,
.post table tr th p,
.post table tr td p,
.post table tr p,
.post table tr td,
.post table tr th{
	font-size: 17px;
	vertical-align: middle;
	font-weight: normal;
}

table td {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}

table th {
  /*word-break: break-all;*/
  overflow-wrap : break-word;
}

/*テーブルスクロール
------------------------------------*/

.post table {
  table-layout: fixed; /* テーブルの幅を固定レイアウトにする */
}
/* スマホ表示（ブラウザの幅が599px以下）の場合 */
@media only screen and (max-width: 599px) {
  .post .scroll-box table td, .post .scroll-box table td p {
    white-space:normal; /* セルの幅に合わせて文章を改行する */
    font-size:14px; /* 若干文字を小さく（必要に応じて設定） */
  }
}

/*一覧表示の見出し文字サイズとウェイトの変更
------------------------------------*/
dd h3:not(.st-css-no2) a {
color: #333;
text-decoration: none;
font-size:18px;
font-weight:bold!important;
	line-height: 1px;}
 
/*********
アフィリエイト
*********/

.af-box{
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border: 1px solid #d1d1d1;
    padding: 10px;
    margin: 1em 1em 2em;
    /*margin:0 8px;*/
}
.af-imgbox{
    width: 180px;
    margin: 10px;
    float: left;
    text-align: center;
}
.af-textbox{
    width: 100%;
}
.af-title{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.af-desc{
    font-size:14px;
    margin-bottom: 10px;
}
.af-kobox{
	width: 180px;
    margin: 0 10px 10px 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    float: left;
    text-align: center;
}

.af-kobox a.aflink{
    display: block;
    padding: 5px 0 5px 0;
    text-decoration: none;
}

.af-amazon{
    border: 1px solid #EB8C11;
	color: #EB8C11;
    height: 33px;
}
.af-amazon a{
    color: #EB8C11;
}

.af-ama{
    border: 1px solid #232F3E;
		color: #232F3E;
    height: 33px;
}
.af-ama a{
    color: #232F3E;
}

.af-rakuten{
    border: 1px solid #BE0000;
    color: #BE0000;
    height: 33px;
}
.af-rakuten a{
    color: #BE0000;
}

.af-rakutenm{
    border: 1px solid #FF008C;
    color: #FF008C;
    height: 33px;
}
.af-rakutenm a{
    color: #FF008C;
}

.af-apple{
    border: 1px solid #323232;
    color: #323232;
    height: 33px;
}
.af-apple a{
    color: #323232;
}

.af-yahoo{
    border: 1px solid #FF0033;
    color: #FF0033;
	height: 33px;
}

.af-yahoo a{
    color: #FF0033;
}
.af-7net{
    border: 1px solid #4D4D4D;
    color: #4D4D4D;
    height: 33px;
}
.af-7net a{
    color: #4D4D4D;
}

.af-lohaco{
    border: 1px solid #221815;
    color: #221815;
    height: 33px;
}
.af-lohaco a{
    color: #221815;
}

.af-ocn{
border: 1px solid #014E9B;
color: #014E9B;
height:33px;
}
.af-ocn a{
	color: #014E9B;
}

.af-oppo{
	border: 1px solid #006A31;
    color: #006A31;
    height: 33px;
}
.af-oppo a{
	color: #006A31;
}

.af-uq{
    border: 1px solid #0091D7;
    color: #0091D7;
    height: 33px;
}
.af-uq a{
	color: #0091D7;
}

.af-iij{
    border: 1px solid #3D63AC;
    color: #3D63AC;
    height: 33px;
}
.af-iij a{
	color: #3D63AC;
}

.af-mineo{
    border: 1px solid #00A23F;
    color: #00A23F;
    height: 33px;
}
.af-mineo a{
	color: #00A23F;
}

.af-ymo{
	border: 1px solid #FF0033;
	color: #FF0033;
    height: 33px;
}
.af-ymo a{
	color: #FF0033;
}

.af-xio{
	border: 1px solid #FF6900;
	color: #FF6900;
    height: 33px;
}
.af-xio a{
	color: #FF6900;
}

.af-asus{
	border: 1px solid #4D4D4D;
	color: #4D4D4D;
    height: 33px;
}
.af-asus a{
	color: #4D4D4D;
}

.af-rakumo{
	border: 1px solid #FF008C;
	color: #FF008C;
    height: 33px;
}
.af-rakumo a{
	color: #FF008C;
}
.clear{clear:both;}

@media screen and (max-width: 399px) {

    .af-imgbox{
        margin: 0 auto;
        text-align: center;
        float: none;
    }

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