/*
Theme Name: WING-AFFINGER5 Child
Template: affinger5
Description: ver20180717以上対応
Version: 20180717
*/

/************************************
カエレバ・ヨメレバ　1カ所目
************************************/

.booklink-box,
.kaerebalink-box {
    width: 100%;
    box-sizing: border-box;
    margin: 1em auto;
    border: double #CCC;
    font-size: small;
}

.booklink-image img,
.kaerebalink-image img {
    margin: 0 auto;
    text-align: center;
}

.booklink-info,
.kaerebalink-info {
    line-height: 120%;
    overflow: visible;
}

.booklink-name,
.kaerebalink-name {
    font-size: 16px;
    margin-bottom: 14px;
    line-height: 1.2em;
}

.kaerebalink-name a,
.booklink-name a {
    line-height: 1.5;
}

.booklink-powered-date,
.kaerebalink-powered-date {
     font-size: 8pt;
     margin-top: 10px;
     font-family: verdana;
     line-height: 120%;
}

.booklink-powered-date,
.kaerebalink-detail {
    margin-bottom: 15px;
}

.booklink-link2,
.kaerebalink-link1 {
    margin-top: 20px;
}

.kaerebalink-link1,
.booklink-link2 {
    text-align: center;
}

.kaerebalink-link1 div,
.booklink-link2 div {
    width: 100%;
    display: inline-block;
    cursor: pointer;
    margin: 7px auto;
    text-align: center;
    float: left;    
    box-sizing: border-box;
    padding: 10px 1px;
    text-decoration: none;
    font-weight: 800;
    text-shadow: 1px 1px 1px #dcdcdc;
    font-size: 12px;    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.kaerebalink-link1 div:hover,
.booklink-link2 div:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color: #f6f6f6;
}

.kaerebalink-link1 div:active,
.booklink-link2 div:active {
    position: relative;
    top: 1px;
}

/* リンクカラー */
.shoplinkamazon a {
    color: #FF9901;
}

 .shoplinkrakuten a {
    color: #c20004;
}

.shoplinkkindle a {
    color: #007dcd;
}

.shoplinkkakakucom a {
    color: #314995;
}

.shoplinkyahoo a {
    color: #7b0099;
}

.shoplinkseven a {
    color: #000;
}

.shoplinkehon a {
    color: #0086CD;
}

.shoplinkkino a {
    color: #004097;
}

.shoplinkjun a {
    color: #1C2C5E;
}

.shoplinktoshokan a {
    color: #27B5E9;
}

.booklink-footer {
    clear: left;
}

    .booklink-info,
    .kaerebalink-info {
        text-align: center;
    }

    .booklink-image,
    .kaerebalink-image {
        float: none;
        margin: 0 0 10px 0!important;
        text-align: center;
    }

/************************************
カエレバ・ヨメレバ　1カ所目ここまで
************************************/


/*media Queries スマートフォンとタブレットサイズ（959px以下）で適応したいCSS - スマホ・タブレット
---------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


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

/************************************
カエレバ・ヨメレバ　2カ所目
************************************/

.booklink-box,
.kaerebalink-box {
    margin: 20px auto;
    padding: 25px 25px 18px;
    border: double #CCC;
    overflow: hidden;
    font-size: small;
    border: medium double #ccc;
    border-radius: 5px;
}

.booklink-image,
.kaerebalink-image {
    margin: 0 15px 0 0 !important;
    float: left;
}

.booklink-image img,
.kaerebalink-image img {
    margin: 0 auto;
    text-align: center;
}

.booklink-info,
.kaerebalink-info {
    margin: 0;
    text-align: left;
    line-height: 120%;
    overflow: hidden;
}

.booklink-name,
.kaerebalink-name {
    font-size: 16px;
    margin-bottom: 24px;
    line-height: 1.5em;
}

.booklink-powered-date,
.kaerebalink-powered-date {
     font-size: 8pt;
     margin-top: 10px;
     font-family: verdana;
     line-height: 120%;
}

.booklink-powered-date,
.kaerebalink-detail {
    margin-bottom: 15px;
}

.booklink-link2,
.kaerebalink-link1 {
    margin-top: 10px;
}

.kaerebalink-link1 div,
.booklink-link2 div {
    width: 30%;
    display: inline-block;
    cursor: pointer;
    margin: 5px;
    text-align: center;
    float: left;
    padding: 9px 1px;
    text-decoration: none;
    font-weight: 800;
    text-shadow: 1px 1px 1px #dcdcdc;
    font-size: 12px;    
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffffff), color-stop(1, #f6f6f6));
    background: -moz-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 5%, #f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0);
    background-color: #ffffff;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: 1px solid #ddd;
}

.kaerebalink-link1 div:hover,
.booklink-link2 div:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f6f6f6), color-stop(1, #ffffff));
    background: -moz-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -o-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: -ms-linear-gradient(top, #f6f6f6 5%, #ffffff 100%);
    background: linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#ffffff',GradientType=0);
    background-color: #f6f6f6;
}

.kaerebalink-link1 div:hover,
.booklink-link2 div:hover {
    background: #ffffff linear-gradient(to bottom, #ffffff 5%, #e9e9e9 100%) repeat scroll 0 0 !important;
}

.kaerebalink-link1 div:active,
.booklink-link2 div:active {
    position: relative;
    top: 1px;
}

.kaerebalink-link1 div a,
.booklink-link2 div a {
    text-decoration: none;
}

.booklink-footer {
    clear: left;
}

/* リンクカラー */
.shoplinkamazon a {
    color: #FF9901;
}

.shoplinkrakuten a {
    color: #c20004;
}

.shoplinkkindle a {
    color: #007dcd;
}

.shoplinkkakakucom a {
    color: #314995;
}

.shoplinkyahoo a {
    color: #7b0099;
}

.shoplinkseven a {
    color: #000;
}

.shoplinkehon a {
    color: #0086CD;
}

.shoplinkkino a {
    color: #004097;
}

.shoplinkjun a {
    color: #1C2C5E;
}

.shoplinktoshokan a {
    color: #27B5E9;
}

/************************************
カエレバ・ヨメレバ　2カ所目ここまで
************************************/

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

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

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