/*
  Skin Name: original-pia-skin
  Description: スキン自作の際にひな型となるスキンです。スタイルは何も入っていません。
  Skin URI: https://yanchado.com/
  Author: YanchaDo
  Author URI: https://yanchado.com/
  Screenshot URI: 
  Version: 1.0.2
  Priority: 9900000
*/
/*以下にスタイルシートを記入してください*/


.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
  margin: 2.4em 0 0em;
}





.header-container { background-color: #5bc2ce; }

.site-name { color: #fff; }
.logo-text a:hover { color: #fff; }

.menu-top { background-color: #5bc2ce; }



.footer { background-color: #5bc2ce; }


/************************************
*** 会社概要 CSS
************************************/
#about .post-meta { display: none; }

#centerCcolumn dl{
  display:flex;
  flex-wrap: wrap;
  border: 1px solid #ccc;
  border-top: none;
}
#centerCcolumn dt{
  background: #ddd;
  width: 30%;
  padding: 10px;
  box-sizing: border-box;
  border-top: 1px solid #ccc; 
}
#centerCcolumn dd{
  padding: 10px;
  margin: 0;
  border-left: 1px solid #ccc;
  border-top: 1px solid #ccc; 
  width: 70%;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 320px) {
  #centerCcolumn dl{
    flex-flow: column nowrap;
  }
  #centerCcolumn dt,
  #centerCcolumn dd{
    width: 100%;
  }
  #centerCcolumn dd{
    border-left: none;
  }
}

/************************************
*** webLink CSS
************************************/
#weblink .post-meta { display: none; }
.fb {
  display: flex;
  align-self: flex-start;
  flex-wrap: wrap;
justify-content: space-between; /*均等に間隔をあける*/
}

/* 4カラムの場合の対応策 */
.fb::before{
  content:"";
  display: block;
  width:23%;
  order:1;
}
.fb::after{
  content:"";
  display: block;
  width:23%;
}

.fb .fbb { margin: 0 0 10px 0; }
.fb .fbb a { font-size: 12px; }