/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Version: 20180323
*/

/* 以前のフォントにする場合はコメントアウトして下さい
* {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", sans-serif;
}
*/

/*media Queries タブレットサイズ（960px以下）
----------------------------------------------------*/
@media only screen and (max-width: 960px) {

#wrapper-in {
	padding: 0 !important;
}

/*-- ここまで --*/
}

/*media Queries タブレットサイズ（600px以上）
----------------------------------------------------*/
@media only screen and (min-width: 600px) {


/*-- ここまで --*/
}

/*media Queries PCサイズ（960px以上）
----------------------------------------------------*/
@media print, screen and (min-width: 960px) {


/*-- ここまで --*/
}


/* TOP edit by El */
.home_area_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.home_area {
	margin-bottom: 1em;
	padding-bottom: 1em;
	width: 48%;
}

.brandnew-list {
	margin-bottom: 2em;
}

.home_area a {
	color: #b2b563;
	text-decoration: none;
	display: block;
}

.brandnew-list a {
	color: #b2b563;
	text-decoration: none;
}

.latest-thumb {
	margin-bottom: 1em;
}

.eb_cat {
	margin-left: .5em;
}

.home_area a:hover,
.home_area a:hover .new_entry_title,
.brandnew-list a:hover,
.brandnew-list a:hover h3 {
	color: #db1154;
}

.thumb_box {
	width: 100%;
	margin-right: 1rem;
	margin-bottom: .5rem;
}

.thumb_box img {
	width: 100%;
	max-width: none;
	height: 100px;
}

.entry_box {
	font-size: 10px;
}

.new_entry_title,
.latest-ttl h3 {
	color: #333;
	font-size: 14px;
}

.cat-page-link {
	text-align: right;
}

.cat-page-link i {
	margin-right: .5em;
}

.home-adsense {
	margin: 2em 0;
}

.brandnew-list .entry-title,
.new-list .entry-title,
.category-article .entry-title {
	background: url("http://satorin.net/wp-content/uploads/2016/09/mb1.gif"), linear-gradient(to left, #eddadf 0%,#c3e4ff 100%);
}

@media screen and (min-width : 768px){
.thumb_box img {
	height: 200px;
}
}

@media screen and (min-width : 1024px){
.home_area {
	width: 24%;
}
.thumb_box img {
	height: 120px;
}
.latest-ttl h3 {
	font-size: 22px;
}
}

div[id^="sator-"] {
    margin: 3em 0;
}

/* 記事下ウィジェット */
.st-widgets-box.post-widgets-bottom {
	border: 1px solid #ed8cad;
}
.st-widgets-box.post-widgets-bottom .st-widgets-title {
    font-size: 22px!important;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #ed8cad;
    color: #444;
    padding: .5em 0;
    background-color: #fdf3f6;
}
.st-widgets-box.post-widgets-bottom .textwidget,
.st-widgets-box.post-widgets-bottom .classic-text-widget {
	padding: 1em;
}

/*--------------------------------------
  ヨメレバ・カエレバ
--------------------------------------*/
/* 全体 */
.booklink-box,
.kaerebalink-box {
    border: 1px solid #ccc;
    width: 100%;
    margin: 2em auto;
    padding: 1em;
    vertical-align: top;
    box-sizing: border-box;
}
.booklink-box p {
    display: none;
}

/* 商品画像 */
.booklink-image,
.kaerebalink-image {
    margin: 0 0 1em;
}
.booklink-image img,
.kaerebalink-image img {
    display: block;
    margin: 0 auto;
}

/* 商品説明全体 */
.booklink-info,
.kaerebalink-info {
    margin: 0;
    vertical-align: top;
}

/* 商品名 */
.booklink-name,
.kaerebalink-name {
    margin-bottom: 1em;
    line-height: 1.5;
}

/* posted with */
.booklink-powered-date,
.kaerebalink-powered-date {
    background: #efefef;
    color: #888;
    font-size: 70%;
    line-height: 1;
    margin-top: 1.5em;
    padding: .5em 0 .5em 1em;
}
.booklink-powered-date a,
.kaerebalink-powered-date a {
    text-decoration: none;
}

/* 商品詳細 */
.booklink-detail,
.kaerebalink-detail {
    font-size: 90%;
    margin-bottom: 1em;
}

/* ショップリンク全体 */
.booklink-link2,
.kaerebalink-link1 {
    margin: 0;
}

/* ショップリンク共通 */
div[class^="shoplink"] {
    margin: 0 0 .5em 0;
}
div[class^="shoplink"] a {
    display: block;
    cursor: pointer;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    padding: .8em 0;
    color: #fff;
    text-align: center;
    box-shadow: 1px 1px 0 rgba(255, 255, 255, .4) inset;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .4);
}
div[class^="shoplink"] a:hover {
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .1) inset;
}
div[class^="shoplink"] img {
    display: block;
    margin-bottom: 0;
    padding: 0;
    border: none;
}

/* Amazon */
.shoplinkamazon a {
    background-color: #ff9901;
    border: 1px solid #ff9901;
}

/* Kindle */
.shoplinkkindle a {
    background-color: #007dcd;
    border: 1px solid #007dcd;
}

/* 楽天 */
.shoplinkrakuten a {
    background-color: #c20004;
    border: 1px solid #c20004;
}

/* Yahoo! */
.shoplinkyahoo a {
    background-color: #7b0099;
    border: 1px solid #7b0099;
}

/* セブン */
.shoplinkseven a {
    background-color: #32cd32;
    border: 1px solid #32cd32;
}

/* フッタークリア */
.booklink-footer {
    clear: left;
}

/*--------------------------------------
  ヨメレバ・カエレバ 768px
--------------------------------------*/
@media screen and (min-width : 768px){
/* 全体 */
/*.booklink-box,
.kaerebalink-box {
    display: table;
    padding: 1em 0;
}*/

/* 商品画像 */
.booklink-image,
.kaerebalink-image {
    float: left;
    margin: 0 1.5em 0 0;
}

/* 商品説明全体 */
.booklink-info,
.kaerebalink-info {
    overflow: hidden;
}

/* posted with */
.booklink-powered-date,
.kaerebalink-powered-date {
    padding: .5em 1em .5em 0;
    text-align: right;
}

/* 商品詳細 */
.booklink-detail,
.kaerebalink-detail {
    margin-bottom: 2em;
}

/* ショップリンク共通 */
div[class^="shoplink"] {
    display: inline-block;
    margin: 0 .5em .5em 0;
    width: 31%;
}
div[class^="shoplink"]:nth-child(3n) {
    margin: 0 0 .5em 0;
}
div[class^="shoplink"] a {
    font-size: 15px;
}
}

/*--------------------------------------
  ヨメレバ・カエレバ 1024px
--------------------------------------*/
@media screen and (min-width : 1024px){

div[class^="shoplink"],
div[class^="shoplink"]:nth-child(3n),
div[class^="shoplink"]:nth-child(even) {
	width:  100%;
	margin: 0 5px;
}
div[class^="shoplink"] a {
	line-height: 1.2;
}
.booklink-link2,
.kaerebalink-link1 {
	display: flex;
	width: 100%;
	justify-content: space-between;
}

}


.wp-tabbed-tabs .wp-tabbed-nav li {
	text-align: left !important;
}