@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.6
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


mark {
    background-color: #FF9;
    padding: 3px;
    margin-left: 1px;
    margin-right: 1px;
    /* font-weight: bold; */
}

#breadcrumb {
    background-color: #F7F7F7;
}

.breadcrumb {
    margin-top: 0px;
}

time.entry-date.date.published.updated {
    font-size: large;
}

#header-in {
    margin-top: 8px;
    margin-left: 16px;
}

.site-name-text {
    font-size: 30px !important;
    font-weight: bold !important;
}

.site-name {
    text-align: left;
}

.cat-label {
    display: none;
}

.eye-catch-image {
    border:1px solid #000000;
}

.content {
    margin-top: 0px;
}

.entry-title {
    padding: 0px;
}

.toc {
    background: #f6f6f6;
}

.sns-share-message, .sns-follow-message {
    text-align: unset;
}

.navi-footer-in > .menu-footer li:last-child {
    border-right: unset;
}
.navi-footer-in > .menu-footer li.menu-item {
    border: unset;
}

.sidebar{
    background:transparent;
}

.main-widget-label , .sns-share-message , .sns-follow-message {
    font-size: 20px;
    font-weight: bold;
}


#member-menu {
    text-align: right;
}

.need-menber {
    text-align: center;
    font-size: 1.2rem;
    color: #15276a;
    background: #efefef;
}

img.qwq {
    border: 1px solid #000000 !important;
}

#notice-area {
    font-size: unset !important;
}

#fsai-afi-member {
  margin: 20px 0; /* 上下に20pxの余白、左右は0 */
}

h3.widget-sidebar-title.widget-title:before {/*カテゴリータイトルアイコン*/
    font-family:Fontawesome;
    content:"\f0ca";/*アイコン種類*/
    color:#38b48b;/*アイコン色*/
    font-weight:normal;
    margin-right:6px;/*アイコンとタイトルの距離*/
}
.widget_categories ul li,
.widget_archive ul li{/*カテゴリ・アーカイブ下線*/
    padding-left:10px;
    border-bottom:1px dotted  rgba(125, 125, 125, 0.2);/*下線の種類*/
}
.widget_categories ul li a:before,
.widget_archive ul li a:before{/*親カテゴリ・アーカイブアイコン*/
    font-family:Fontawesome;
    content:"\f138";/*アイコン種類*/
    color:#FFC14D;/*アイコン色*/
    margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li a:before{/*子カテゴリアイコン*/
    font-family:Fontawesome;
    content:"\f105";/*アイコン種類*/
    color:#FFC14D;/*アイコン色*/
    font-weight:normal;
    margin-right:6px;/*アイコンと文字の距離*/
}
.widget_categories ul .children li{
    border-bottom:none;
}
.widget_categories ul .children li a{/*子カテゴリ*/
    padding:3px 10px;
}
.widget_categories ul li a:hover,
.widget_archive ul li a:hover{/*カテゴリ・アーカイブhover時*/
    background:transparent;
    color:#38b48b;/*hover時の文字色*/
    margin-left:5px;/*hover時動く幅*/
}
.widget_categories ul li a .post-count,
.widget_archive ul li a  .post-count{/*カテゴリ・アーカイブ記事数*/
    border:1px solid rgba(221, 221, 221, 0.867);/*囲線*/
    border-radius:5px;
    font-size:.8em;/*数字サイズ*/
    padding:1px 10px;/*囲いの大きさ*/
}
.widget_categories ul li a:hover .post-count,
.widget_archive ul li a:hover  .post-count{/*カテゴリ・アーカイブ記事数hover時*/
    border-color:#FFC14D;/*囲線色*/
    background:#FFC14D;/*背景色*/
    color:#fff;/*文字色*/
    transition:.4s;/*変化スピード*/
}

/*hongbao*/
.wanghong-button {
    display:block;
    padding:20px;
    margin:0 auto;
    color:#337ab7;
    text-align:center;
    font-size:20px;
    font-weight: bold;
    border-radius: 0px;
    text-decoration: none;
    width: 100%;
    border: 3px solid #337ab7;
}
.wanghong-button:hover{
    color:#ffffff!important;
    background: #337ab7;
}
.client-button {
    color:#2e813e !important;
    border: 3px solid #2e813e !important;
}
.client-button:hover{
    background: #2e813e !important;
}
#registr-msg {
    color: red;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
    /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
    /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
    /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
    /*必要ならばここにコードを書く*/
}
