@charset "UTF-8";

/*子テーマ用「base.css」*/

/* ----------------------------------------------------
 wp-pagenaviスマホ対応
-----------------------------------------------------*/
.wp-pagenavi {
width: 100%;
}
.wp-pagenavi a, .wp-pagenavi span {
display: inline-block;
}

/* ----------------------------------------------------
 SNSボタン
-----------------------------------------------------*/
.sns-wrap {
    width:100%;
    margin-top: 1em;
}
.sns {
    margin: 0 auto;
    list-style: none;
}
.sns a {
    text-decoration: none;
    font-size: 13px;
}
.sns {
    text-align: center;
}
.sns li {
    float: left;
    width: 19%;
    margin: 0 1% 3% 0;
}
.sns a {
    position: relative;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
}
.sns span,
.sns .fa {
    margin-right: .4em;
    color: #fff;
}
.sns li a:hover {
    -webkit-transform: translate3d(0px, 5px, 1px);
    -moz-transform: translate3d(0px, 5px, 1px);
    transform: translate3d(0px, 5px, 1px);
    box-shadow:none;
}
.sns .twitter a {
    background: #55acee;
    box-shadow:0 5px 0 #0092ca;
}
.sns .facebook a {
    background: #315096;
    box-shadow:0 5px 0 #2c4373;
}
.sns .hatebu a {
    background: #008fde;
    box-shadow: 0 5px 0 #016DA9;
}
.sns .line a {
    background: #78C315;
    box-shadow: 0 5px 0 #359A34;
}
.sns .pocket a {
    background:#f03e51;
    box-shadow:0 5px 0 #c0392b;
}
.sns .feedly a {
    background:#87c040;
    box-shadow:0 5px 0 #74a436;
}
@media only screen and ( max-width: 736px ) {
    .sns li {
        width: 30%;
        margin: 0 3% 4% 0;
    }
    .sns a {
        padding: 6px;
    }
}

/*------------------------------------------------------------
　double-rectangle
-------------------------------------------------------------*/

.double-rectangle {
  text-align: center;
  overflow: hidden;
  margin-bottom: 30px;
}
.left-rectangle {
  float: left;
  margin-left: 5px;/*左に5pxの余白*/
}
.right-rectangle {
  float: right;
  margin-right: 5px;/*右に5pxの余白*/
}