@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.icon-home-logo:before{
 content: url(https://mfu.or.jp/blog/wp-content/uploads/2021/08/icon0707.png);
    display: inline-block;
    vertical-align: middle;
	margin-bottom:7px;
}

.bc-brand-color.sns-share .website-button, .bc-brand-color.sns-follow .website-button{
background-color:#173068 !important;
}

.entry-card-title, .related-entry-card-title a{
color:#1967d2 !important;
}

.newest-post{
margin-bottom:50px !important;
}
.archive-title { 
font-size:1em;
}
.post-date { 
font-size:14px !important;
}

@media (max-width: 767px) { 
.site-logo-image{
	width:210px !important;
	height:30px !important;
	margin:7px 0px 0px 20px !important;
    }
}

.new_top{
color:#000000;
background:#fff100;
border:solid 3px #000000;
width: 100%;
height: 35px;
font-size: 16px;
text-align: center;
vertical-align: middle;
padding:0px 0 5px 0;
}
.ribbon5 {
  display: inline-block;
  position: relative;
  height: 60px;
  line-height: 60px;
  text-align: center;
  padding: 7px 0;
  font-size: 18px;/*文字サイズ*/
  background: #7f9dfb;/*背景色*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}
.ribbon5 h3 {
  margin: 0;
  padding: 0 30px 0 15px;
  border-top: dashed 1px #FFF;
  border-bottom: dashed 1px #FFF;
  line-height: 46px;
}

.ribbon5:after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  right: 0;
  width: 0px;
  height: 0px;
  border-width: 30px 15px 30px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}



.entry-icon-new{
display: inline-block;
padding: 0 20px;
margin-bottom:10px;
font-weight:700;
font-size:80%;
color:#000000;
background:#fff100;
	border:solid 2.5px #000000;
	border-radius:20px;
}
.entry-icon-new p{
padding:0;
margin:0;
}

.flex{
text-decoration: none !important;
display: flex;
 justify-content: center;
	margin:-3px auto;
width: 80%; 	
}
.flex_s{
display: flex;
 justify-content: center;
margin:0px 0;
}

 .flex-child 
{ 
width: 90%; 
text-align: center;
border:solid 3px #000000;
border-right: none;
color: #000 !important;
padding:12px 0px !important;
margin:0 0px 0 0px;
font-size:12px;
letter-spacing: -0.1em;
text-decoration: none !important;
}
.flex-child:last-child{
border-right:solid 3px #000000;
}

.flex-child a
{ 
color: #000 !important;
}

 .flex-child_s
{ 
width: 90%; 
text-align: center;
border:solid 3px #000000;
border-right: none;
border-bottom: none;
color: #000 !important;
padding:12px 0px !important;
margin:0 0px 0 0px;
font-size:12px;
letter-spacing: -0.1em;
text-decoration: none !important;
}
.flex-child_s:last-child{
border-right:solid 3px #000000;
}
.flex-child_s a
{ 
color: #000 !important;
}

 .flex-child_sl
{ 
width: 90%; 
text-align: center;
border:solid 3px #000000;
border-right: none;
color: #000 !important;
padding:12px 0px !important;
margin:0 0px 0 0px;
font-size:12px;
letter-spacing: -0.1em;
text-decoration: none !important;
}

.flex-child_sl a
{ 
color: #000 !important;
}
.flex-child_sl:last-child{
border-right:solid 3px #000000;
}

a
{ 
text-decoration: none !important;
}

a.cf {
 padding:0 20px !important;
}


main.main, div.sidebar{
 padding:0px;
}

.container{
 padding:0px 20px ;
}

.content-top{
 text-align:center;
 padding:50px 0px 20px 0px;
}
.main_title{
margin-bottom:50px;
}


.header-container{
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
}

table th, table td, .page-numbers, .page-numbers.dots, .tagcloud a, .list.ecb-entry-border .entry-card-wrap, .related-entries.recb-entry-border .related-entry-card-wrap, .carousel .a-wrap, .pager-post-navi.post-navi-border a.a-wrap, .article .toc, .a-wrap .blogcard, .author-box, .comment-reply-link, .ranking-item{
 border-color:#000000
}
.post-date{
  font-size:20px;
}
.e-card-info {
  justify-content:start;
}
.entry-card-meta, .related-entry-card-meta {
 text-align:left;
   font-size:20px;
}
.date-tags{
 text-align:left;
}
.cat-link {
 text-align:left;
   font-size:14px;
}
.date-tags{
 margin-bottom:0;
}
.pager-post-navi a {
   font-size:1em;
}
.entry-card-snippet, .related-entry-card-snippet{
   font-size:1em;
}

.bc-brand-color.sns-share .website-button, .bc-brand-color.sns-follow .website-button{
background-color:#28883a;
}
.bc-brand-color.sns-share .instagram-button, .bc-brand-color.sns-follow .instagram-button{
background-color:#e93988;
}

/* Twitter */
.bc-brand-color.sns-share .website-button, .bc-brand-color.sns-follow .twitter-button {
  background-color: #000;
}
.icon-twitter-logo:before {
    content: "\1D54F";
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 7px;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (min-width: 738px){
.flex_s{
display: none;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
.flex{
display: none;
}
}