/*
Theme Name: AFFINGER4 JET-Child
Template: affinger4
Description:EX対応
Version: 20171213
*/

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

body {
	background:#fff;
}

/*トップの基本部分*/
.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 .kanren dl:last-child {
	margin-bottom: 0px;
	padding-bottom: 0px;
}


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

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

#st-magazine .kanren dl p {
	font-size:75%;
	line-height:1.8;
	color:#757575;
}

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

#st-magazine .kanren dt img {
	width: 100%!important;
	border-radius:0!important;
}

#st-magazine .kanren .st-top-box:not(.st-fist-post) dt img {
	max-height: 180px;
	object-fit: cover;
}

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

#st-magazine .kanren .clearfix dd p {
	line-height: 1.8;
}

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

#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 a:hover {
	text-decoration: none;
	background:#fff;
	opacity:0.3;
}

#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;
}

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

/*ブログカード風マガジン最初の投稿*/
#st-magazine .kanren .st-fist-post {
	padding:10px 5px 5px;
	box-sizing:border-box;
	width:100%!important;
	height:auto;
	border:none;
}

#st-magazine .kanren .st-fist-post .st-top-time p{ /*投稿日*/
	position:absolute;
	bottom:0px;
	right:5px;
	padding:2px 7px;
	background-color: rgba(255,255,255,0.7);
	border-radius:3px 3px 0 0;
	font-size:75%;
	color:#757575;
}

/*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 .st-top-time p{
	position:absolute;
	bottom:0px;
	right:5px;
	padding:2px 7px;
	background-color: rgba(255,255,255,0.7);
	border-radius:3px 3px 0 0;
	font-size:75%;
	color:#757575;
}

/*カテゴリ*/
#st-magazine .catname {
	position:relative;
	z-index:9999;
	font-size:90%;
	padding:7px 10px;
}

/*PickUp*/
.st-pick {
  	padding:3px 6px;
	margin-right:5px;
	background:#F9A825;
	color:#fff;
	font-size:60%;
  	border-radius:3px;
    vertical-align:middle;
}

/*タイトル*/
#st-magazine .kanren .st-top-box dd h3 {
	padding:5px 0;
	line-height:1.5;
}

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

#st-magazine.st-magazine-k .kanren dd {
	padding-left:0;
	padding-right:0;
}

#st-magazine.st-magazine-k .kanren dt img {
	max-height: 150px;
	object-fit: cover;
}

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

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


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

/*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 {
		padding:5px;
		width:50%;
	}

	/*ブログカード風マガジン最初の投稿*/
	#st-magazine .kanren .st-top-box.st-fist-post dt {
		overflow: hidden;
		width: 100%;/* トリミングしたい枠の幅 */
		height: 350px;/* トリミングしたい枠の高さ */
		position: relative;
	}

	#st-magazine .kanren .st-top-box.st-fist-post dl:last-child {
		padding-bottom:0;
	}

	#st-magazine .kanren .st-top-box.st-fist-post dt img {
	  position: absolute;
 	 top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%, -50%);
  	-ms-transform: translate(-50%, -50%);
  	transform: translate(-50%, -50%);
  	width: 100%;
 	 height: auto;

	}

	#st-magazine .kanren .st-fist-post dd {
		width: 100%;
		box-sizing:border-box;
		padding: 0!important;
		position:absolute;
		bottom:0;
		left:0px;
		z-index:999;
	}

	#st-magazine .kanren .st-fist-post dd .st-cards-content {
		padding:0px;
	}
	#st-magazine .kanren .st-fist-post dd .st-cards-content-in {
		background: rgba(255,255,255,0.7);
		padding:0 40px 20px;
	}

	#st-magazine .kanren .st-fist-post dd h3 {
		font-size:150%;
		margin-bottom:5px;
		line-height:1.5;
		padding-top:20px;
	}

	/*関連記事*/
	#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) {

	/*ブログカード風マガジン最初の投稿*/
	#st-magazine .kanren .st-top-box.st-fist-post dt {
		overflow: hidden;
		width: 100%;/* トリミングしたい枠の幅 */
		height: 400px;/* トリミングしたい枠の高さ */
		position: relative;
	}

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

	#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;
	}

	/*記事エリアのボーダー*/
	.single main,
	.page main {
		border: 1px solid #ccc;
	}

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

/* Add User */

/* 画像選択不可 */
img.peg-photo{pointer-events:none;}

/*サイドバー見出し h4 */
#side aside h4{
padding: 10px;
font-size:20px;
background: #F0F0F0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15) inset;
}

/* TOC（目次） */
#toc_container{margin-top:25px;margin-bottom:35px;border-radius:0px;font-size:16px;padding-right:20px;padding-left:20px;background-color:#f5f5f5;border:8px solid #b4b4b4;}
#toc_container .toc_title{font-size:18px;color:#4A4A4A;text-align:center;}
#toc_container .toc_title:before{content:"\f0f6";font-family:FontAwesome;padding-right:6px;color:#8A8A8A;}
#toc_container .toc_toggle a{color:#1E90FF;}
#toc_container ul{counter-reset:number;list-style:none;}
#toc_container ul li{line-height:1.25em;margin-bottom:0.5em;margin-left:16px;}
#toc_container ul li:before{counter-increment:number;content:counter(number);font-weight:bold;color:#069;padding-right:12px;margin-left:-20px;}
#toc_container ul li a{font-weight:bold;color:#069;}
#toc_container ul ul{margin-top:0.5em;}
#toc_container ul ul li{line-height:1.25em;margin-bottom:0.5em;}
#toc_container ul ul li:before{content:"\f0da";font-family:FontAwesome;padding-right:6px;margin-left:0px;color:#CCC;margin-left:-65px;}
#toc_container ul ul li a{color:#3D3D3D;font-weight:normal;padding-right:6px;}

/* カエレバ */
.booklink-box, .kaerebalink-box{padding:25px;margin-bottom:10px;border:double #CCC;overflow:hidden;font-size:small;}
.booklink-image, .kaerebalink-image{margin:0 15px 0 0;float:left;min-width:160px;text-align:center;}
.booklink-image img, .kaerebalink-image img{margin:0 auto;text-align:center;}
.booklink-info, .kaerebalink-info{margin:0;line-height:120%;overflow:hidden;}
.booklink-name, .kaerebalink-name{margin-bottom:24px;line-height:1.5em;}
.booklink-powered-date, .kaerebalink-powered-date{font-size:8px;margin-top:10px;font-family:verdana;line-height:120%;}
.booklink-detail, .kaerebalink-detail{font-size:12px;}
.booklink-powered-date, .kaerebalink-detail{margin-bottom:15px;}
.booklink-link2, .kaerebalink-link1{margin-top:10px;}
.booklink-link2 a,
.kaerebalink-link1 a{width:50%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:inline-block;margin:5px 1px 0 0;padding:10px 1px;text-align:center;text-decoration:none;font-weight:800;text-shadow:1px 1px 1px #dcdcdc;font-size:12px;color:#fff !important;}
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover{opacity:0.6;}
.booklink-link2 a:active
.kaerebalink-link1 a:active{position:relative;top:1px;}
.shoplinkamazon a{color:#FF9901 !important;border:1px solid #FF9901 !important;}
.shoplinkrakuten a{color:#c20004 !important;border:1px solid #c20004 !important;}
.shoplinkkindle a{color:#007dcd !important;border:1px solid #007dcd !important;}
.shoplinkkakakucom a{color:#314995 !important;border:1px solid #314995;}
.shoplinkyahoo a{color:#7b0099 !important;border:1px solid #7b0099 !important;}
.shoplinkseven a{color:#0000FF !important;border:1px solid #0000FF !important;}
.shoplinkyahoo img{display:none;}
.shoplinkrakuten img{display:none;}
.shoplinkamazon img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display:none;}
@media only screen and (max-width:960px){.booklink-box, .kaerebalink-box{padding:15px;}
.booklink-image, .kaerebalink-image{width:100px !important;min-width:initial;}
.booklink-name > a, .kaerebalink-name > a{font-size:15px;font-weight:bold;}
.booklink-name, .kaerebalink-name{margin-bottom:12px;}
.booklink-powered-date, .kaerebalink-powered-date{margin-top:5px;}
.booklink-link2 a,
.kaerebalink-link1 a{width:calc(100% - 4px);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;margin:2px 0px;padding:10px 0px;}
}

/* フッター 3分割 */
@media only screen and (min-width:900px){#footer_w{width:1065px;text-align:center;}
.footer_left{float:left;text-align:left;width:355px;margin:0 25px 0 0;padding:0;}
.footer_center{float:left;text-align:left;width:330px;margin:0 25px 0 0;}
.footer_right{float:left;text-align:left;width:330px;}
}
@media only screen and (max-width:1279px){#footer_w{width:100%;text-align:center;}
.footer_left{float:left;text-align:left;width:303px;margin:0 25px 0 0;padding:15px;}
.footer_center{float:left;text-align:left;width:303px;margin:0 25px 0 0;}
.footer_right{float:left;text-align:left;width:303px;}
}
@media only screen and (max-width:900px){.footer_left{float:none;text-align:center;width:100%;margin:0 25px 0 0;padding:0;}
.footer_center{float:left;text-align:left;width:303px;margin:0 auto;padding:7px;}
.footer_right{float:right;text-align:left;width:303px;margin:0 auto;padding:10px;}
}
@media only screen and (max-width:735px){.footer_center{float:none;text-align:center;width:100%;margin:0 auto;padding:7px;}
.footer_right{float:none;text-align:center;width:100%;margin:0 auto;padding:10px;}
}
@media only screen and (max-width:570px){#footer_w{width:100%;text-align:center;float:left;}
.footer_left, .footer_center, .footer_right{text-align:left;width:100%;margin:0 auto;padding:0;}
}
#footer_w h4{border-left:5px solid #000000;background:none;border-bottom:3px dotted #fff;font-size:20px;font-weight:bold;line-height:20px;text-indent:0;margin:30px 0 20px;padding:5px 0 5px 8px;}
.footer_center ul{list-style:none;padding-left:11px;}
.footer_right ul{list-style:none;}

/* アニメ Best100記事用 */
.boxWrap .boxCh{height:40px;margin-top:10px;margin-right:10px;border-radius:8px;border:solid 1px #fff;}
.boxCh{display:flex;align-items:center;justify-content:center;}
.boxCh a{color:#fff;text-decoration:none;}
.boxCh:hover{opacity:0.9;}
@media screen and (min-width:640px){.boxWrap .boxCh{width:20%;width:calc(100% - 50px)/6;width:-webkit-calc(100% - 50px)/6;width:-moz-calc(100% - 50px)/6;}
.boxWrap{display:flex;display:-moz-flex;display:-o-flex;display:-webkit-flex;display:-ms-flex;flex-direction:row;-moz-flex-direction:row;-o-flex-direction:row;-webkit-flex-direction:row;-ms-flex-direction:row;}
}
@media screen and (max-width:480px){.boxWrap{width:100%;}
}

/* アプリーチ用 */

.appreach {
  text-align: left;
  padding: 10px;
  border: 1px solid #7C7C7C;
  overflow: hidden;
}
.appreach:after {
  content: "";
  display: block;
  clear: both;
}
.appreach p {
  margin: 0;
}
.appreach a:after {
  display: none;
}
.appreach__icon {
  float: left;
  border-radius: 10%;
  overflow: hidden;
  margin: 0 3% 0 0 !important;
  width: 25% !important;
  height: auto !important;
  max-width: 120px !important;
}
.appreach__detail {
  display: inline-block;
  font-size: 20px;
  line-height: 1.5;
  width: 72%;
  max-width: 72%;
}
.appreach__detail:after {
  content: "";
  display: block;
  clear: both;
}
.appreach__name {
  font-size: 16px;
  line-height: 1.5em !important;
  max-height: 3em;
  overflow: hidden;
}
.appreach__info {
  font-size: 12px !important;
}
.appreach__developper, .appreach__price {
  margin-right: 0.5em;
}
.appreach__posted a {
  margin-left: 0.5em;
}
.appreach__links {
  float: left;
  height: 40px;
  margin-top: 8px;
  white-space: nowrap;
}
.appreach__aslink img {
  margin-right: 10px;
  height: 40px;
  width: 135px;
}
.appreach__gplink img {
  height: 40px;
  width: 134.5px;
}

/* Add User */