@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*投稿者等非表示関連*/
.author-info {display: block;overflow: hidden;}
.date-tags {display: none;overflow: hidden;}
.footer-meta {    display: none;}

/*各種見出し関連*/
.single h1.entry-title{display: block;overflow: hidden;background: #ddd;padding: 20px 15px 20px 15px;}
h2.related-entry-heading {display: block;    overflow: hidden;    background: #ddd;    padding: 10px 12px 5px 13px;}
.category h1#archive-title {    background: #ddd;    padding: 15px;}

.page h1.entry-title {    background: #ddd;    padding: 25px 25px 20px 18px;}
.home h1.entry-title {
    background: none;
    padding: auto;
    position: absolute;
    top: 0;
}


/*フッターウィジェット見出し関連*/
h3.widget-footer-left-title.footer-title {background: #ddd;padding: 8px 8px 8px 8px;text-align: center;/* border-bottom: 2px solid #828282; */margin-bottom: 8px;}
h3.widget-footer-center-title.footer-title {background: #ddd;    padding: 8px 8px 8px 8px;    text-align: center;    margin-bottom: 8px;}
h3.widget-footer-right-title.footer-title {background: #ddd;    padding: 8px 8px 8px 8px;    text-align: center;    margin-bottom: 8px;}

/*ヘッダー関連*/
div#header-container {    box-shadow: #ddd 0px 1px 3px;}

/*スマホハンバーガーメニュー表示関連*/
div#navi-menu-content {background: rgb(0 0 0 / 67%);}
div#navi-menu-content a {color: #fff;padding-top: 8px;padding-bottom: 8px;border-bottom: 1px solid #ddd;}
.menu-drawer .sub-menu {padding: 0;}
ul.sub-menu li {text-indent: 20px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-120 {text-indent: 40px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-123 {text-indent: 40px;}
li.menu-item.menu-item-type-taxonomy.menu-item-object-category.menu-item-126 {text-indent: 40px;}
div#navi-menu-content a:hover {background: #000000;}
span.fa.fa-close {color: #fff;}

/*その他*/
.cta-message {    display: block;    overflow: hidden;    text-align: center;}
aside#categories-2 a {border-bottom: 1px solid #ddd;}
aside#nav_menu-2 a {border-bottom: 1px solid #ddd;}
h3.widget-footer-mobile-title.footer-title {    display: block;    overflow: hidden;    background: #0c3b96;    padding: 10px 12px 5px 13px;    color: #fff;}
footer#footer {    padding-bottom: 200px;}

/*■■tate-float-leftサイドフロート関連■■*/
.float-tate {position: fixed;    float: right;    right: 0;    top: 32%;    writing-mode: vertical-rl;    z-index: 999999999;}
a.tate-float-left {text-orientation: upright; display: initial; overflow: hidden; color: #fff; text-decoration: none; background: #5399bd; padding-top: 13px; padding-bottom: 13px;  font-size: 31px;}
a.tate-float-right {display: initial; overflow: hidden; color: #fff; text-decoration: none; background: #ff8f8f; padding-top: 13px; padding-bottom: 13px; font-size: 31px; text-orientation: upright;}
a.tate-float-left:hover {background: #60b7e4;}
a.tate-float-right:hover {background: #f46c6c;}

/*■■float-bottom-side■■サイド下フロート関連*/
.float-bottom-side { position: fixed; display: block; overflow: hidden; height: 175px; width: 175px; z-index: 999999999; bottom: 10%; left: 2%; background: #00c34d; border-radius: 126px; box-shadow: #6c6c6c 1px 1px 6px;}
.f-b-r a {display: block;overflow: hidden;text-align: center;color: #fff;text-decoration: none;font-size: 28px;}
.f-b-r-midashi { display: block;    overflow: hidden;    color: #fff;    margin-top: 28px;    text-align: center;    font-weight: bold;    font-size: 20px;    padding-top: 19px;    padding-bottom: 4px;}
.f-b-r {position: relative;}
.f-b-r-text {    color: #fff;    text-align: center;    font-size: 14px;    margin-top: 11px;    line-height: 18px;}

/*■■bottom-float ■■ページ下フロート関連*/
.bottom-float {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999999999;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: space-between;
    justify-content: space-evenly;
}
a.bottom-left {
    width: 33.333%;
    float: left;
    text-align: center;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 30px;
    color: #ffffff;
    background: rgb(74 138 255 / 90%);
    font-weight: bold;
}

a.bottom-center {
    width: 33.333%;
    float: left;
    text-align: center;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 30px;
    color: #ffffff;
    background: rgb(210 44 220 / 90%);
    font-weight: bold;
}


a.bottom-right {
    width: 33.3333%;
    float: right;
    text-align: center;
    text-decoration: none;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 30px;
    color: #ffffff;
    background: rgb(16 191 235 / 90%);
    font-weight: bold;
}


a.bottom-right:hover,
a.bottom-center:hover,
a.bottom-left:hover {opacity:0.9;}


.category h1#archive-title {
    background: #2753b1;
    color: #fff;
}

.single h1.entry-title,
h2.related-entry-heading {
    background: #2753b1;
    color: #fff;
}


.single .article h2 {
    font-size: 24px;
    padding: 25px;
    background-color: #2250ac;
    border-radius: 2px;
    color: #fff;
}


.kyujin {
    text-align: center;
}

.kyujin a {
    display: table;
    margin: 0 auto;
    text-decoration: none;
    color: #fff;
    background: #5482b2;
    padding: 10px 25px;
    border-radius: 5px;
    font-weight: bold;
}

.kyujin-info {
    font-size: 15px;
}

.kyujin a:hover {
    background: #18ab50;
}


.kyujin-jyoho {
    text-align: center;
    margin-top: 46px;
}

.kyujin-jyoho a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #444;
    padding-top: 50px;
    padding-bottom: 50px;
    /* height: 200px; */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
}

.textwidget {}

.kyujin-genba a {
    display: block;
    overflow: hidden;
    text-decoration: none;
    color: #444;
    padding-top: 25px;
    padding-bottom: 25px;
    /* height: 200px; */
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 6px;
    text-align: center;
    margin-top: 18px;
}

div#breadcrumb {
    display: none;
}


h3.widget-footer-left-title.footer-title {
    background: #2250ac;
    color: #fff;
}

h3.widget-footer-center-title.footer-title {
    background: #2250ac;
    color: #fff;
}

h3.widget-footer-right-title.footer-title {
    background: #2250ac;
    color: #fff;
}

.cta-box.cta-top-and-bottom {
    background: none;
    border: 1px solid #ddd;
    color: #2a2a2a;
}


.kyujin-jyoho a:hover,
.kyujin-genba a:hover,
.kyujin-genba a:hover {
    background: #bedbff;
    transition: 1.0s;
}

aside#text-4 {
    font-weight: bold;
}


.bottom-float a br{    display: none;}






/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
	    .bottom-float a {    font-size: 24px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
}


/*834px以下*/
@media screen and (max-width: 834px){
   .bottom-float a {    font-size: 17px;    padding-top: 15px;    padding-bottom: 15px;}
}


/*500px以下*/
@media screen and (max-width: 500px){
    .float-bottom-side {    width: 95px;    border-radius: 4px;    box-shadow: none;    right: 0;    bottom: 129px;    height: 74px;    display: block;    border: 1px solid;    left: inherit;}
    a.tate-float-left {font-size: 19px;}
    a.tate-float-right {font-size: 19px;}
    .float-tate {right: -3px;}
    .f-b-r-midashi {    margin-top: 0;    font-size: 11px;    padding: 25px 0px 0px 0px;}
    .f-b-r-text {    margin-top: 3px;    line-height: 13px;    font-size: 11px;    font-weight: bold;}
    .f-b-r a {margin-top: -16px;}
    div#appeal {    position: fixed;
    bottom: 59px;
    z-index: 999999;
    width: 97%;
    background: rgb(0 0 0 / 66%);
    display: block;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-radius: 5px;}
    div#appeal-in {    padding: 3px;}
    .appeal-content {    padding: 0 1px;    max-width: 100%;    width: 100%;}
    .appeal-title {     display: block;    overflow: hidden;    font-size: 14px;    margin-bottom: -5px;    }
    .appeal-message {margin-bottom:0px;    font-size: 11px;    line-height: 17px;}
    .appeal-content .appeal-button {     padding: 1px 20px;    display: block;    width: 95%;    margin: 0 auto 3px auto;  font-size:12px; }
    a.bottom-left {padding: 0;font-size: 23px;}
    a.bottom-right {padding: 0;font-size: 23px;}
    .float-tate {    top: 27%;}
	.bottom-float a br {    display: block;}
    .bottom-float a { line-height: 17px;    font-size: 15px;    padding-top: 15px;    padding-bottom: 10px;}
}