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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

.single p {
    margin-bottom: 11px;
}

.header-container-in.hlt-top-menu.hlt-tm-small .logo-header img {
    max-height: 37px;
    margin-top: -4px;
}

span.cat-label {
    background: #fff;
}


.footer-widgets.cf h3 {background: #ffa442;text-align: center;color: #fff;padding-top: 5px;margin-bottom: 16px;}

.widget-above-single-content-title-title.main-widget-label.widget-title {
    background: #ff8d00;
    padding: 16px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
	margin-bottom: 30px;
}


.box-menu-icon * {
    max-height: 90px;
    height: auto;
    display: inline-block;
}


.footer-widgets.cf h3 {
    background: #ffa442;
    text-align: center;
    color: #fff;
    padding-top: 5px;
}


.single .article h2 {
    background: #ffe378;
    border-bottom: 10px solid #ffca00;
}

.single .article h3 {
    border-bottom: 1px solid #ff8f00;
    border-top: 1px solid #ff8f00;
    border-left: 10px solid #ff8f00;
    border-right: 1px solid #ff8f00;
    padding-top: 15px;
    padding-bottom: 15px;
}



.bottom-float-top {
    position: fixed;
    bottom: 54px;
    left: 0;
    width: 100%;
    z-index: 999999999;
    margin-bottom: 0;
    display: flex;
    flex-direction: row;
}

.bottom-float-top a {
    width: 50%;
    display: block;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    color: #fff;
}

.bottom-float-top a:nth-child(1)  {
    background: #37c837;
    display: block;
    overflow: hidden;
    font-size: 30px;
    font-weight: bold;
}

.bottom-float-top a:nth-child(2) {
    background: #eb6262;
    display: block;
    overflow: hidden;
    font-size: 30px;
    font-weight: bold;
}

a.t-bottom-left:hover {
    background: #43dc43;
}

a.t-bottom-right:hover {
    background: #fd7c7c;
}



h2.entry-card-title.card-title.e-card-title {
    line-height: 20px;
    margin-bottom: 12px;
    color: #004293;
}


.widget-index-bottom-title.main-widget-label {
    font-weight: bold;
}

aside#text-2 {
    padding: 31px 10px;
    border: 1px solid #ddd;
}

a.box-menu {
    width: 33.3333333%;
}


.widget-index-top-title.main-widget-label {
    background: #f8b500;
    padding: 14px;
    margin-bottom: 7px;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.category h1#archive-title {
    background: #f8b500;
    padding: 15px;
    color: #fff;
}

.box-menu-icon img {
    max-width: 92%;
}

main.main, div.sidebar {
    padding: 32px 10px;
}

a.box-menu {
    padding: 1%;
}


.home h1 {
    font-size: 8px;
    color: #bf8b00;
}


table p {
    margin: 0!important;
    padding: 0;
}

.entry-categories a {
    color: #fff;
}

.cta-box.cta-top-and-bottom {
    background: #00938c;
}

h3.widget-sidebar-scroll-title.widget-title {
    background: #eb6262;
    color: #fff;
}

h3.widget-sidebar-title.widget-title {
    background: #eb6262;
    color: #fff;
}


div#sidebar .menu a {border-bottom: 1px solid #bfbaba;}

.menu-drawer li a {
    border-bottom: 1px solid #ddd;
    padding-top: 18px;
    font-weight: bold;
}




span.custom-menu-icon.menu-icon {
    display: none;
}

li.navi-menu-button.menu-button:nth-child(2) {
    background: #f8b500;
}

span.custom-menu-caption.menu-caption {
    font-size: 33px;
    font-weight: bold;
    opacity: 1;
}


/*■■bottom-float ■■ページ下フロート関連*/
.bottom-float {    position: fixed;    bottom: 0;    left: 0;    width: 100%;    z-index: 999999999;    margin-bottom: 0;}
a.bottom-left { width: 50%; float: left; text-align: center; text-decoration: none; font-size: 30px; color: #fff; font-weight:bold; background: #47b4b9;}
a.bottom-right {width: 50%;float: right;text-align: center;text-decoration: none;font-size: 30px;color: #fff;  font-weight:bold; background: #f8b500;}
a.bottom-left:hover {background: rgb(0 185 255 / 94%);}
a.bottom-right:hover {background: rgb(255 106 0 / 94%);}


h1.entry-title {
    background: #ff8d00;
    padding: 16px;
    border-radius: 5px;
    color: #fff;
}


.speech-name {
    text-align: center;
    font-size: 11px;
}




aside#categories-2 li {
    border-bottom: 1px solid #ddd;
}

.logo-menu-button img {
    max-height: 37px !important;
    display: block;
    margin: 0 auto;
}




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

/*834px以下*/
@media screen and (max-width: 834px){
    h3.widget-footer-mobile-title.footer-title.widget-title {    background: #f8b500;    text-align: center;    color: #fff;    padding-top: 5px;    margin-bottom: 10px;}
}


/*601px以下*/
@media screen and (max-width: 601px){
    .bottom-float-top a:nth-child(2) {    font-size: 25px;    padding-top: 5px;}
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
    a.bottom-left {    font-size: 22px;}
    a.bottom-right {    font-size: 22px;}	
    .home h1 {    position: absolute;    top: 0;}
    a.t-bottom-left {    font-size: 22px!important;}
    a.t-bottom-right {    font-size: 17px!important;    line-height: 40px;}
    .bottom-float-top {    bottom: 60px;}	
    .bottom-float-top a {    padding-top: 10px;    padding-bottom: 10px;}
    .bottom-float a {    padding-top: 10px;    padding-bottom: 10px;}
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    background: #ffffff70;    box-shadow: inherit;}
    img.site-logo-image.ls-is-cached.lazyloaded {    max-height: 24px!important;}
    li.navi-menu-button.menu-button {    background: #f8b500;}
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {margin-top: -5px;}
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before {   color: #fff;    padding-top: 22px!important;}
    span.navi-menu-caption.menu-caption {    color: #fff;    font-weight: bold;}
    .fa-search:before {    color: #f8b500;}
    span.search-menu-caption.menu-caption {    color: #f89700;}
    .author-box.border-element.no-icon.cf {    padding: 10px;}
    .footer-mobile {    padding: 10px 5px;}
    .author-content {    padding: 0!important;}
    div#go-to-top {    bottom: 105px;    opacity: 0.8;}
}





/*320px以下*/
@media screen and (max-width: 320px){
    .bottom-float-top a:nth-child(2) {    font-size: 13px !important;}
}