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

/*カテゴリ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;
	}

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


/*--------------------------------------
  2017/11/09-AFFINGER4EX + JET-start
  update log    2017.11.09 ai add ｶｴﾚﾊﾞ
                2017.11.09 ai add 記事一覧のカテゴリを画像に
                2017.11.09 ai add タイトル上カテゴリ背景画像
                2017.11.09 ai add フリーボックスウィジェット背景画像
                2017.11.10 ai add サムネイル付きページナビゲーション PC・タブレット表示
                2017.11.10 ai add サイドバー見出し背景画像
                2017.11.10 ai add フッターウィジェット追加
--------------------------------------*/
/*--------------------------------------
  ヨメレバ・カエレバ・トマレバ 2017.11.09 ai add
--------------------------------------*/

.booklink-box, .kaerebalink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 22px 25px 22px 25px;
    width: 94%;
    margin: 0 auto 15px;
    border: 3px solid #dfdfdf;
    box-sizing: border-box;
    text-align: center;
}
.booklink-image, .kaerebalink-image {
    width: 100%;
    margin: 0 0 5px 0;
}
.booklink-image img, .kaerebalink-image img {}
.booklink-info, .kaerebalink-info {
    line-height: 125%;
    width: 100%;
}
.booklink-name, .kaerebalink-name {
    margin: 0 0 4px 0;
}
.booklink-name a, .kaerebalink-name a {
    color: #0066cc;
    text-decoration: underline;
}
.booklink-name > a, .kaerebalink-name > a {
    font-size: 16px;
}
.booklink-name a:hover, .kaerebalink-name a:hover {
    color: #FF9900;
}
.booklink-powered-date, .kaerebalink-powered-date {
     font-size: 8px;
}
.booklink-detail, .kaerebalink-detail {
    color: #333333;
    font-size: 12px;
    margin: 0 0 10px 0;
}
.booklink-link2 a, .kaerebalink-link1 a {
    width: 90%;
    display: block;
    margin: 0px auto 8px;
    padding: 10px 1px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    text-shadow: 2px 2px 1px #dcdcdc;
    box-shadow: 2px 2px 1px #dcdcdc;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
    opacity: 0.6;
}

.shoplinkamazon a {
    color: #ff9901;
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    border: 2px solid #ff9901;
}
.shoplinkrakuten a {
    color: #bf0000;
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    border: 2px solid #bf0000;
}
.shoplinkkindle a {
    color: #0074c1;
    background: #ffffff;
    background: linear-gradient(to bottom, #ffffff 0%, #f7f7f7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
    border: 2px solid #0074c1;
}




/*--------------------------------------
  投稿記事タイトル上カテゴリ背景画像 2017.11.09 ai add
--------------------------------------*/
.st-catgroup .catname {
  background-image:
    url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/b8.png"),
    url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/B5-b.png");    
  background-repeat:   
    no-repeat,
    repeat;
   background-position:
    left 5px center;
  padding-left:25px;
}


/*--------------------------------------
  一覧表示-タイトル上カテゴリ背景画像 2017.11.09 ai add
--------------------------------------*/
.st-catgroup.itiran-category .catname {
  background-image:url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/B5-b.png");
  background-repeat:repeat;
}

/*--------------------------------------
  フリーボックスウィジェット背景画像 2018.1.7 ai add
--------------------------------------*/
.freebox {
  background-image:url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/01.png") !important;
  background-repeat:repeat;
}

/*--------------------------------------
  サムネイル付きページナビゲーション 2017.11.10 ai add
--------------------------------------*/
#prev_next {
  width:100%;
  margin: 36px 0 24px;
  padding:0;
  display: table;
}
 
#prev_next  #prev, #prev_next  #next {
  width: 50%;
  padding:30px 10px 10px;
  border-top:#ccc 1px solid;
  border-bottom:#ccc 1px solid;
  display: table-cell;
  position:relative;
  text-decoration:none;
}
 
#prev_next #prev p, #prev_next #next p {
  font-size:90%;
  line-height:1.5;
}
 
#prev_next #prev:hover, #prev_next #next:hover {
  background-color: rgba(238,238,238,0.7);
}
 
#prev_next #prev {
border-right:#ccc 1px solid;
}
 
#prev_next #prev_title, #prev_next #next_title {
  font-size:90%;
  top:-1em;
  position:absolute; 
  border: 1px #ccc solid;
  background:#fff; 
  text-align: center;
  padding:3px;
  color:#666;
}
 
#prev_next #next_title {
  right:10px;
}
 
#prev_next #prev img, #prev_next #next img {
  margin:0 auto;
}
 
#prev_next #prev_no, #prev_next #next_no {
  width: 50%;
  height:140px;
  padding:0 10px;
  display: table-cell;
}
 
#prev_next #prev_no {
  border-right:#ccc 1px solid;
}
 
#prev_next_home {
  margin:0 auto;
  background-color: #ccc;
  border: solid 9px #fff;
  width: 100px;
  height:100px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
  box-shadow: 0 0 0 3px #ccc;
  -webkit-box-shadow: 0 0 0 3px #ccc;
  -moz-box-shadow: 0 0 0 3px #ccc;
  text-align:center;	
}
 
#prev_next_home:hover {
  background-color: #ddd;
}
 
#prev_next_home i {
  color:#fff;
  margin:10px auto ;
  font-size:60px;
}

/*--------------------------------------
  サムネイル付きページナビゲーション PC・タブレット表示2017.11.10 ai add
--------------------------------------*/
@media print, screen and (min-width: 768px) {
 
#prev_next #prev, #prev_next #prev::before, #prev_next #prev::after,
#prev_next #next, #prev_next #next::before, #prev_next #next::after {	
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}
 
#prev_next #prev_title, #prev_next #next_title {
  padding:3px 10px;
}
 
#prev_next #next_title {
  right:10px;
}
 
#prev_next #prev img {
  float:left;
  margin-right:10px
}
 
#prev_next #next img {
  float:right;
  margin-left: 10px;
}
}
 
/*スマホ表示*/
@media print, screen and (max-width: 767px) {
 
#prev_next #prev img {
  float:left;
}
 
#prev_next #next img {
  float:right;
}
 
#prev_next #prev p, #prev_next #next p {
  clear: both;
  padding-top:10px;
}
 
#prev_next #next p {
  margin-left:10px;
}
}


/*--------------------------------------
  サイドバー見出し背景画像 2017.11.10 ai add
--------------------------------------*/
#side aside h4 {
  background-image:
    url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/a4.png");    

  background-position:
    left;
  padding-top:20px;
  padding-bottom:10px;
  padding-left:20px;
  margin-bottom:15px;
}

/*--------------------------------------
  フッターウィジェット追加 2017.11.10 ai add
--------------------------------------*/
/*共通*/
#footer_w li {
  list-style:none;
  margin-left:-30px;
}
 
#footer_w li a {
  font-family:"Josefin Sans", sans-serif;
  color:#000 !important;
}


#footer_w h4 {
  font-family:"Josefin Sans", sans-serif;
  margin:20px 0 20px 0;
  color:#009102;
  font-size:17px;
  line-height:26px;
  background-image:
    url("http://kokokaranatural.com/wp/wp-content/uploads/2017/11/a4.png");    

  background-position:
    left;
  padding-top:20px;
  padding-left:20px;
  padding-bottom:10px;
}

/*スマホ*/
@media print, screen and (max-width:767px) {
#footer_w {
  text-align:left;
  margin-bottom:50px;
}
 
.footer_l {
  margin-bottom:30px;
}
 
.footer_c {
  margin-bottom:30px;
}
}

/*タブレット*/
@media print, screen and (min-width:768px) and (max-width:1099px) {
#footer_w {
  text-align:left;
  margin:0 20px 50px 20px;
}
 
.footer_l {
  margin-bottom:30px;
}
 
.footer_c {
  margin-bottom:30px;
}
}

/*PCのみ*/
@media print, screen and (min-width:1100px) {
#footer-in {
  background-color:#****;  
  margin:-15px -15px 10px -15px;
  padding:15px 0;
}
#footer_w {
  text-align:left;
  margin:0 35px 20px 35px;
}
 
.footer_l {
  float:left;
  width:350px;
  margin-right:40px;
}
 
.footer_c {
  float:left;
  width:300px;
  margin-right:40px;
}
 
.footer_r {
  float:left;
  width:260px;
  margin:0;
}
}
/*フッターウィジェット追加　ここまで*/


/*--------------------------------------
  プロフィール改行問題 2018.1.6 ai add
--------------------------------------*/
<?php echo wpautop(get_the_author_meta('user_description')); ?>