﻿.post-title {
    margin: 0 0 5px;
    font-size: 28px;
    clear: both;
    font-weight: bold;
}/* カスタム CSS をここに入力してください */
.space {
    margin-bottom: 15px;
}

#comments {
    padding: 0px 0px;
}

.post-footer .bzb-sns-btn {
    padding: 0 0 1px;
    font-size: 0;
}

.post-footer {
    border-radius: 0 0 3px 3px;
    padding: 5px 64px 0px;
}

.post-footer-list {
    margin: 0 0 25px;
}

.side-widget ul li {
    padding: 16px 15px;
    border-bottom: 1px solid #e5e5e5;
    background-color: #fff;
}

.hub {
    margin-top: 15px;
    margin-bottom: 15px;
}

.post-content h2 {
    padding: 12px 0 12px 12px;
    clear: both;
    color: #fff;
    border-bottom: 1px solid #efefef;
    background-color: #247755;
}

.post-content h3 {
    clear: both;
    border-left: 5px solid #247755;
    padding: 0 13px;
}

.side-widget .side-title {
    margin: 0 0 13px;
    font-size: 16px;
    padding: 7px 7px 7px 10px;
    background-color: #247755;
    color: #fff;
}

#searchform input[type=text] {
    line-height: 18px;
    padding: 8px 13px;
    font-size: 14px;
    width: 100%;
    box-sizing: border-box;
    border: solid 1px #7d7d7d;
    float: left;
}

.txt-link {
  font-size: 1.3em;
  font-weight: bold;
  margin: .8em 0 2em;
  text-align: center;
}
.txt-link.is-cv a {
  padding-left: 25px;
  position: relative;
}
.txt-link.is-cv a:before {
  color: #04c;
  content: "\f061";
  font-family: "FontAwesome";
  font-size: .9em;
  left: 0;
  margin: 0 5px 0 2px;
  position: absolute;
  text-shadow: 1px 2px 0 rgba(0,0,0,.3);
}
 
/* CVボタン矢印揺れ */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}

.box01 {
    border: double 1px #5fb390;
    padding: 25px 5px 5px 10px;
    margin: 0 0 15px 0;
    border-width: 5px;
}


.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #62c1ce;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box27 p {
    margin: 0; 
    padding: 0;
}

.bky{
background-color:#fffe93;
padding:10px 10px 10px 10px;
margin-bottom: 15px;
}


div.bky>p{
    margin: 0 0 0.6em;
    line-height: 1.6;
}

div.box26>div.txt-link{
text-align: left;
margin: 5px;
padding-right: 10px;
font-size:16px;  
}

div.box26>p {
    margin: 5px 5px 5px 5px;
}

@media screen and (max-width: 410px) {
li.update-post{
margin-top:5px;
}
}

.rewrite {
	color: #ff9000;
}

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #5fb2ff;
    font-weight: bold;
}
.box26 a {
    margin: 0; 
    padding: 0;
}


.ggmap {
margin-bottom:10px;
position: relative;  
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 関連記事 */

.emphasize-link {
    position: relative;
    margin: 36px 0 16px;
    padding: 16px 10px;
    border: 2px solid #df8182;
    background-color: #fffbf5;
}


.emphasize-link::after {
    position: absolute;
    top: -18px;
    left: 4px;
    width: 28px;
    height: 26px;
    background-color: #df8182;
    border-radius: 14px;
    line-height: 25px;
    text-align: center;
    content: "\f058";
    font-size: 18px;
    padding-top: 1.5px;
    color: #fff;
    font-family: FontAwesome;
}

.emphasize-link::before {
    position: absolute;
    top: -14px;
    left: 10px;
    padding: 0 10px 0 26px;
    content: "あわせて読みたい";
    background-color: #df8182;
    border-radius: 10px;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  　content: "\f14a";
    font-family: FontAwesome;
}

.emphasize-link > p{
    margin-bottom:1px;
}

.post-meta{
margin-bottom:5px;
}

@media screen and (max-width: 767px){

.post-title{
font-size:20px;

}
}

@media screen and (max-width: 991px){
.post-header {
padding: 10px 20px 20px;
}
.post-header{
padding: 10px 20px 5px
  }
  
  
}



