/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

.fl-post-title{
	font-size: 30px;
    line-height: 1.4;
    letter-spacing: 0px;
    font-weight: bold;
    border-bottom: dashed 1px;
	letter-spacing: 4px;
	}

.fl-post-meta{
  text-align: right;
	}

#M_leftContents .M_title {
    border-top: #666 1px solid;
    border-bottom: #666 1px dashed;
    padding: 0.5em 0;
    font-weight: bold;
    margin-bottom: 1em;
}
.side-kaimono img, .side-kodawari img {
    width: 160px;
    margin: 8px 0;
}

.fl-post-content p{
    color: #444444;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.8;
	margin-bottom: 1em;
}

.share{
	width:100%;
}
.share .sns-title{
	font-size:120%; 
	text-align:center;
	background-color: #f0f0f0;
	padding: 10px;
}

ul.share_btn {
margin: 10px 0;
padding: 0;
}
 
.share_btn li {
float: left;
width: 33.333333%;
margin: 0 0px 0 0;
list-style: none !important;
}
 
.share_btn a {
display: block;
color: #fff;
text-decoration: none;
font-weight: bold;
text-align: center;
height: 45px;
line-height: 45px;
padding: 0;
font-size: 30px;
-webkit-transition-duration: 500ms;
-moz-transition-duration: 500ms;
-o-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: ease;
-moz-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
}
 
.share_btn a:hover {
color: #fff;
position: relative;
top: -3px;
}
 
span.social_icon {
margin-right: 3px;
font-size: 16px;
}
 
.share_btn li:last-child {
margin-right: 0;
}
 
.share_btn:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
 
a.facebook_btn {
background: #3b5998;
}
 
.facebook_btn:hover {
opacity: 0.8;
}
 
a.twitter_btn {
background: #55acee;
}
 
.twitter_btn:hover {
opacity: 0.8;
}
 
a.hatebu_btn {
background: #aaa;
}
 
.hatebu_btn:hover {
opacity: 0.8;
}
 
span.hatebu_icon {
font-family: Verdana;
margin-right: 3px;
font-size: 28px;
}
 
a.hatebu_btn span {
position: relative;
top: -1px;
}
@media (min-width: 996px){
.fl-full-width .container {
    padding-left: 0;
    padding-right: 0;
    width: 1140px;
}
.fl-archive .row .fl-post{vertical-align: top; float:left; width: 50%; padding: 1%;}
}
.fl-post-cats-tags::before{
	content: url(http://blog.saraifu.com/wp-content/uploads/2018/01/keyword-e1515135107428.png);
	display: block ;
}

#breadcrumb{font-size: 90%;
    padding: 1em 0;}

#M_footer{
	width:100%;
	font-size:11px;
	padding:1em 0;
	margin-bottom:24px;
}
#M_footerNav{
	text-align:center;
padding-left:0 !important;
	
}
#M_footerNav li{
	display:inline;
}
#M_footerNav a{font-size:10px;}
#M_footerNav li:nth-child(n+2):before {
    display: inline-block;
    content: "|";
    padding: 0px 10px;
}

/* SNSボタン */
#M_snsButtonList {
    height: 30px;
}
#M_snsButtonList li{
    float:left;
    margin-right:5px;
}

/* SNS */
#r_sns{
    margin-top:10px;
}
#r_sns li{
    float:left;
}

element.style {
}
#M_footer .sns h4{text-align: center; margin-bottom: 8px;}
#M_footer .sns ul{text-align: center;padding-left: 0;}
#M_footer .sns ul li {
    display: inline-block;
    margin: 0 10px;}
#M_footer .sns{padding: 16px 0;}


/* SPナビゲーション */
.navBar{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:1000;
   background-color: rgba(255,255,255,0.9);
height: 50px;
padding: 5px 0;
}  
#masthead {
   background-color: rgba(255,255,255,0.8);}

.navBar li{
    float:left; 
    width:20%;  
    box-sizing:border-box;
    height:50px;
}
.navBar li.navHome{
width:50%;
margin-right:5%;}
/*.navBar li:last-child{
    margin-right:5%; 
}*/
.navBar li:first-child{
    margin-left:5%; 
}

.navBar li a{
    display:block;
    height:50px;
text-align:center;
}

.navBar li img{
    width:50px;
    height:50px;
    vertical-align:bottom;
}
.navBar li.navHome img{
width:70% !important;}


@media (max-width: 768px) {
.fl-rich-text ul{display: flex; align-items:center; justify-content: center;}
.navCart img,.navMenu img{width: 50%; float: right;}
#masthead .fl-module-content{margin: 0;}
#masthead .fl-row-content-wrap{padding: 0;}
#masthead {position: fixed;
    top: 0;
    /* left: 0; */
    z-index: 9999;
    height: auto;
	ｐａｄｄｉｎｇ :８ｐｘ 0;
}
.fl-page-content{margin-top: 72px;}
.wp-image-261{width:50%; margin-right: 20%;}
#M_footerNav a {
    font-size: 8px;
}

}
.fl-menu-mobile-toggle {
    font-size: 14px!important;
    padding-left: 14px;
    padding-right: 14px;
    padding-top: 14px !important;
    padding-bottom: 14px !important;
    vertical-align: middle;
}
#menu-top{    background-color: rgba(0,0,0,0.65);
    margin-top: 1em;
    padding: 1em .5em;}
#menu-top a{font-size:80%;color:#fff;}
.fl-node-5a4dc9c4e0955{padding:.4em 0;}


h2 {
font-weight: bold;
}

h3{
font-weight: bold;
}
.column{background: url(http://blog.saraifu.com/wp-content/uploads/2018/02/コラムミニ.png) no-repeat; background-size: 22%; line-height: 2 !important; margin-bottom: 0 !important;}

.special{background: url(http://blog.saraifu.com/wp-content/uploads/2018/02/特集ミニ.png) no-repeat; background-size: 22%; line-height: 2 !important; margin-bottom: 0 !important;}

.cat_image{
width: 100px;
}

.fl-post-carousel-gallery .fl-post-carousel-text h2.fl-post-carousel-title {
    font-size: 14px;
    margin: 0 0 5px 0;
}

/************************************
** ブログカードのスタイル
************************************/
.blog-card{
  padding:12px;
  margin:10px 0;
  border:1px solid #ddd;
  word-wrap:break-word;
  max-width:100%;
  width:474px;
  border-radius:5px;
}
 
.blog-card-thumbnail{
  float:left;
}
 
.blog-card-content{
  margin-left:110px;
  line-height:120%;
}
.blog-card-title{
  margin-bottom:5px;
}
 
.blog-card-title a{
  font-weight:bold;
  text-decoration:none;
  color:#111;
}
 
.blog-card-excerpt{
  color:#333;
  font-size:90%;
}
 
.blog-card-footer{
  font-size:70%;
  color:#777;
  margin-top:5px;
}
 
.clear{
  clear:both;
}
/*insta真ん中よせ*/
.fl-rich-text {text-align: center;}
/*カテゴリメニュー真ん中よせ*/
.fl-rich-text .wp-image-297{margin: 0.5em 0.8em;}
/*カルーセル文字サイズ*/
.fl-post-carousel-gallery .fl-post-carousel-text h2.fl-post-carousel-title {
    font-size: 14px!important;
}

.fl-post-title {
    font-size: 1.4em;
    line-height: 1.4;
    letter-spacing: 0px;
    font-weight: bold;
    border-bottom: dashed 1px;
    letter-spacing: 4px;
}

@media (max-width: 480px) {
.page-id-777 .fl-post-feed-image-beside .fl-post-feed-image, .fl-post-feed-image-beside-content .page-id-716 .fl-post-feed-image{
    float: left;
    margin-bottom: 0;
    width: 50% !important;}
.page-id-777 .fl-post-feed-image {
    margin-bottom: 25px;
    position: relative;
}
.page-id-777 .fl-node-5a8adfbb55925 .fl-post-feed-image-beside .fl-post-feed-text {
    padding-left: 5%;
}
.page-id-777 .fl-node-5a8adfbb55925 .fl-post-feed-image-beside .fl-post-feed-text {
    float: left;
    width: 50%;
}
.safari { margin-top: 0 !important;}
.page-id-777 .cat_image {
    width: 70px;
}
.page-id-777 .fl-row-content-wrap {
    padding: 0!important;
}
.page-id-777 .fl-post-feed-post.fl-post-feed-image-beside, .fl-post-feed-post.fl-post-feed-image-beside-content, .fl-post-feed-post.fl-post-feed-image-beside-right, .fl-post-feed-post.fl-post-feed-image-beside-content-right{
max-width:340px;
}
.page-id-777.fl-page-content {
    margin-top: 8px;
}

.page-id-777 .fl-post-feed-title{
	line-height:0.95;
}
.fl-post-feed-header {
    margin-bottom: 10px;
}
.fl-post-feed-more {
    margin-top: 10px;
    display: inline-block;
}
.fl-page-content {
    margin-top: 1em;
}
}