/*
Template: jstork
Theme Name: f-dic
Theme URI:
*/

/* *************************
common
************************* */
body {
	/*font-weight: 500;*/
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.disp-ib {
    display: inline-block;
}

.clear {
    clear: both;
}

.center {
    text-align: center;
}

.m50-t {
    margin-top: 50px !important;
}
.m40-t {
    margin-top: 40px !important;
}
.m40-b {
    margin-bottom: 40px !important;
}

.b {
    font-weight: bold !important;
}

.orange {
    color: #ff6600 !important;
}

.green {
    color: #008000 !important;
}

.blue {
    color: #166aa6 !important;
}

/* *************************
f-dic
************************* */
dl.introducer dt {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
    background-color: #f6f6f6;
    padding: 10px 0;	
}

dl.introducer dd {
	display: block;
    width: 50%;
    float: left;
    text-align: center;
    background-color: #fafafa;
    padding: 10px 0;
}

#wpp-2.popular-posts img {
    float: none;
}

#text-6 .ad-area,
#text-9 .ad-area {
    text-align: center;
    font-size: 14px;
}

.wp-caption {
    background-color: #fbfbfb;
}


/* post --------------------------------------------------------------*/

.mini {
    font-size: 0.7em;
    vertical-align: top;
}

.eye-catch {
    text-align: center;
    /*border: 1px solid #DDD;*/
}



.product-img-area {
    background-color: #393939;
    text-align: center;
    height: 502px;
    border-top: 1px solid #393939;
    border-bottom: 1px solid #393939;
}

.product-img-area img {
    height: 500px;
    transition: 0.6s ;
}

.product-img-area img:hover {
    opacity:0.8;
}

/************************************
** sidebar - amazlet風-2 レスポンシブ
************************************/

/* amazlet風-2 レスポンシブ */

.booklink-box, .kaerebalink-box {
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
    padding: 20px;
    width: 94%;
    margin: 40px auto;
    border: 3px solid #eeeeee;
    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, .kaerebalink-link1 {}
.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;
    box-shadow: 2px 2px 1px #dcdcdc;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
    opacity: 0.6;
}

@media screen and (min-width: 800px) {

    .booklink-box, .kaerebalink-box {
        text-align: left;
        display: table;
    }
    .booklink-image, .kaerebalink-image {
        vertical-align: top;
        box-sizing: border-box;
        display: table-cell;
        width: 111px;
        text-align: center;
        margin: 0;
    }
    .booklink-image img, .kaerebalink-image img {
        max-width: 100%
    }
    .booklink-info, .kaerebalink-info {
        line-height: 125%;
        vertical-align: top;
        box-sizing: border-box;
        display: table-cell;
        padding-left: 25px;
        width: auto;
    }
    .booklink-name, .kaerebalink-name {
        margin: 0 0 24px 0;
    }
    .booklink-name > a, .kaerebalink-name > a {
        font-size: 16px;
    }
    .booklink-powered-date, .kaerebalink-powered-date {
        margin: 6px 0 0 0;
    }
    .booklink-detail, .kaerebalink-detail {
        margin: 0 0 14px 0;
    }
    .booklink-link2 a, .kaerebalink-link1 a {
        width: auto;
        text-align: center;
        margin: none;
    }
    .booklink-link2 > div, .kaerebalink-link1 > div {
        width: 33.33%;
        padding: 0 5px 5px 0;
        box-sizing: border-box;
        float: left;
    }
    .entry-content .kaerebalink-link1 {
        height: 48px;
    }
}

.shoplinkamazon a {
    color: #ffffff;
    background: #ff9901;
    border: 2px solid #ff9901;
}
.shoplinkrakuten a {
    color: #ffffff;
    background: #bf0000;
    border: 2px solid #bf0000;
}
.shoplinkkindle a {
    color: #ffffff;
    background: #0074c1;
    border: 2px solid #0074c1;
}

.shoplinkyahoo a {
    color: #ffffff;
    background: #ff1428;
    border: 2px solid #ff1428;
}
.shoplinkrakuten img {
    display: none;
}





.entry-content .kaerebalink-box {
    display: block;
    padding: 0px;
    padding-top: 10px;
}

.entry-content .kaerebalink-image {
    display: block;
    width: auto;
}

.entry-content .kaerebalink-name {
    margin-bottom: 10px;
}

.entry-content .kaerebalink-name a {
    font-size: 14px;
}

.entry-content .kaerebalink-info {
    padding-left: 6px;
    width: 100%;
    display: block;
}

.entry-content .kaerebalink-powered-date {
    font-size: 8px;
}

.entry-content .kaerebalink-powered-date a {
    font-size: 8px;
}



.entry-content .kaerebalink-link1 a {
    padding: 5px 1px;
}

.entry-content .shoplinkamazon a {
    font-size: 12px;
}

.entry-content .shoplinkyahoo a {
    font-size: 12px;
}

.entry-content .shoplinkrakuten a {
    font-size: 12px;
}