@charset "UTF-8";
/* CSS Document */
/* シェアボタン */
.con_under_sharebox{
    width: 100%;
    text-align: center;
}
.con_under_sharebox a {
    width: 67px;
    margin: 5px 10px;
    display: inline-block;
}
.con_under_sharebox a img{
    width: 100%;
}

/* メール購読 */
.con_under_mailbox{
    width: 1000px;
    margin: 10px auto 50px;
    padding: 30px 0;
    text-align: center;
}
.con_under_mailbox ul{
    padding: 0;
    margin: 0 auto;

}
.con_under_mailbox ul li{
    padding: 30px;
    margin: 0 1% 10px;
    display: inline-block;
    width: 250px;
    border: solid 1px #d1c0a5;
    background-color: #fff;
    box-shadow: 0 5px 3px rgba(0,0,0,0.22);
}
.con_under_mailbox ul li .small-ttl {
    margin: 0 auto 10px;
    font-size: 15px;
}

.con_under_mailbox ul li img{
    width: 100%;
    margin: 0 0 20px;
}
.con_under_mailbox ul li p img{
    width: auto;
}
.con_under_mailbox span{
    font-size: 12px;
}
.con_under_mailbox span a{
    display: inline-block;
    text-decoration: underline;
}
@media screen and (min-width: 640px) {

/* シェアボタン */
.con_under_sharebox a img:hover{
    opacity: 0.7;
}
.con_under_mailbox ul li:hover{
    opacity: 0.7;
}

}

@media screen and (max-width: 640px) {
/* 表示領域が640px未満の場合に適用するスタイル */

/*シェアボタン*/
.con_under_sharebox a{
    width: 45px;
}
/*メール購読*/
.con_under_mailbox{
    width: 95%;
}

}