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

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

div#header-container {    box-shadow: #c8c8c8 1px 1px 12px;}
a.footlogo {    width: 250px;    display: block;    overflow: hidden;    margin: 0 auto;}
.eigyo-time {    text-align: center;    font-weight: bold;}
span.bule {    color: #a6d2ff;}
span.red {    color: #ffc5d2;}
div#content {    margin-top: 23px;}
.home div#content {    margin-top: 0;}
main#main {    border: none;}
.navi-in a:hover {    background-color: #fee6df;}
.navi-in > ul .sub-menu {    background-color: #fee6df;}
.btn-blue, .ranking-item-detail a, .btn-wrap.btn-wrap-blue > a {    background: #91d166;}
.article h2 {    background: #fc8b6a;    color: #fff;    border-radius: 8px;}
main#main {border-radius: 8px;}
div#toc {border-radius: 8px;}
.article h3 {
    border-left: 7px solid #fc8b6a;
    border-right: 1px solid #fc8b6a;
    border-top: 1px solid #fc8b6a;
    border-bottom: 1px solid #fc8b6a;
    font-size: 22px;
    padding: 18px 20px;
    border-radius: 5px;
}


h1.entry-title { background: #bff3ff;    padding: 18px 14px 14px 14px;    color: #444;    border-radius: 8px;}
.date-tags {    display: none;}
.foot-logo img {    display: block;    margin: 0 auto;    height: 50px;    margin-bottom: 21px;}
nav#navi-footer {    margin-bottom: 14px;}
.single .entry-content.cf img {    margin: 15px auto;    display: block;}
#footer h3 {    background: #bff3ff;    text-align: center;    color: #444;    font-size: 19px;    padding-top: 10px;    padding-bottom: 10px;	margin-bottom: 8px; font-weight:bold;}
a.new-entry-card-link.widget-entry-card-link.a-wrap {    border-bottom: 1px solid #ddd;}
a.popular-entry-card-link.a-wrap {border-bottom: 1px solid #ddd;}
img.site-logo-image.header-site-logo-image {    max-height: 65px!important;    margin-top: -11px;}
.header-container-in.hlt-top-menu.hlt-tm-small .logo-header {    max-height: 55px;}
div#wpadminbar {    background: rgb(0 0 0 / 40%);}
img.site-logo-image.header-site-logo-image {    max-height: 50px!important;    margin-top: 0px;}
h2.related-entry-heading {background: #bff3ff; padding: 10px; color: #444;}
.under-entry-content a.popular-entry-card-link.a-wrap{    float: left;    display: block;    width: 33.333333333%;    overflow: hidden;}
.popular-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {    display: block;    overflow: hidden;}
h2.widget-below-related-entries-title.main-widget-label {    background: #bff3ff;    padding: 10px;    color: #444;}
div#nav_menu-5 {    overflow: hidden;}
div#nav_menu-5 li a,
aside#nav_menu-6 li a {    display: block;    overflow: hidden;    float: left;    width: 49.5%;    text-align: center;    border: 1px solid #ddd;    margin: 0.25%;}
aside#nav_menu-6 {    display: block;    overflow: hidden;}
.widget-index-bottom-title.main-widget-label {    background: #bff3ff;    padding: 6px;    color: #444;}
div#nav_menu-5 li {    border: none;}
aside#text-13 img {    display: block;    overflow: hidden;    border: 1px solid #ddd;}
.source-org.copyright a {    text-decoration: none;    color: #1f1f1f;}
.category div#content {    margin-top: 11px;}
.category div#header-container,
.single div#header-container,
.page div#header-container  {    padding-top: 15px;    padding-bottom: 15px;}
.line-float {    position: fixed;    right: 0;    bottom: 0;    background: rgb(0 131 4 / 88%);    text-align: center;    color: #fff;    -ms-writing-mode: tb-rl;    width: 50%;}
.line-float a {position: fixed; right: 0; bottom: 0; background: rgb(0 131 4 / 88%); text-align: center;    color: #fff!important; -ms-writing-mode: tb-rl; width: 50%; padding-top: 9px;  padding-bottom: 8px; font-size: 19px;    font-weight: bold;}

.tel-foot {    position: fixed;    bottom: 0;    left: 0;    width: 50%;    background: rgb(0 163 175 / 90%);}
footer#footer {    margin-bottom: 40px;}
.tel-foot a {    padding-top: 5px;    padding-bottom: 0px;    display: block;    overflow: hidden;    color: #fff!important;    font-weight: bold;    font-size: 25px;}
.tel-foot span {    display: block;    font-size: 16px;    display: block;    overflow: hidden;    line-height: 18px;}
.tel-foot {    line-height: 28px;}
div#navi-menu-content {    background: rgb(0 0 0 / 71%);}
.menu-drawer a {    color: #fff;    padding-top: 10px;    padding-bottom: 10px;    border-bottom: 1px solid #898989;}
span.fa.fa-close {    color: #fff;}
div#go-to-top {    bottom: 65px;}
.tel-foot a:hover {    opacity: 0.7;    filter: brightness(110%);}
.line-float a:hover{    opacity: 0.7;    filter: brightness(110%);}
.sec7-h2-text a:hover {    background: #000;    opacity: 0.7;    filter: brightness(110%);}
.under-entry-content .single a.popular-entry-card-link.a-wrap {    height: 385px;}
div#breadcrumb {    display: table;    margin: 0 auto;}
.category .eye-catch img {    width: 100%!important;    object-fit: cover!important;    object-position: center!important;    height: 100%!important;}
.category .eye-catch-wrap {    width: 100%!important;    max-width: 100%!important;}
.category .eye-catch-wrap {    width: 100%;    max-width: 100%;    height: 200px;    overflow: hidden;    display: block;}
figure.eye-catch {    height: 100%;}
.cta-box.cta-top-and-bottom {color: #444; background:#fff; line-height: 21px; border: 1px solid #ddd;}
.cta-content img {    display: block;    margin-bottom: 32px;}
.source-org.copyright {    margin-bottom: 70px;}
.author-info {    display: none;}



/*■■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; padding-top: 5px; padding-bottom: 5px; font-size: 30px;     background: rgb(3 127 255);    color: #fff;}
a.bottom-right {width: 50%;float: right;text-align: center;text-decoration: none;padding-top: 5px;padding-bottom: 5px;font-size: 30px;     background: rgb(12 161 16);    color: #fff;}
a.bottom-left:hover {background:rgb(0 78 159);}
a.bottom-right:hover {background: rgb(0 100 3);}


.widget-page-content-bottom-title.main-widget-label {background:#bff3ff; color: #444;font-size: 19px;padding-top: 10px;padding-bottom: 10px; margin-bottom: 8px; font-weight: bold; padding-left: 10px;}
ul#menu-content-bottom {display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-around; justify-content: space-around;    padding: 0;}
ul#menu-content-bottom li {    width: 49%;    text-align: center;    border: 1px solid #ddd; margin: 0.3%;}
.line-link {    background: #0ca110;    color: #fff;}
.line-link a {    color: #fff!important;}
.line-link a:hover {    background: #026c05!important;}
.widget-single-content-bottom-title.main-widget-label {background: #bff3ff; color: #444; font-size: 19px; padding-top: 10px; padding-bottom: 10px; margin-bottom: 8px; font-weight: bold; padding-left: 10px;}

a.con-botoom-tel {
    text-decoration: none;
    background: #02bd45;
    padding: 20px 30px;
    border-radius: 50px;
    margin-bottom: 65px;
    font-size: 23px;
    color: #fff;
    width: 316px !important;
    display: table;
    margin: 0 auto;
    margin: 0px auto 20px auto;
    text-align: center;
    font-weight: bold;
}

a.con-left {
    background: #0889c9;
}

a.con-botoom-tel:hover {
    background: #f7ad00;
}
.su-animate.bounce.animated {
    text-align: center;
    font-weight: bold;
}

a.con-botoom-tel {
    padding: 10px 10px;
    width: 280px!important;
}

#navi .navi-in>ul>li>a {    padding: 0 1em;}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
.category div#header-container, .single div#header-container, .page div#header-container {
    padding-bottom: 0px;
}	
	
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
    a.bottom-left {    font-size: 21px;}
    a.bottom-right {    font-size: 21px;}

}

/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/ 
.footer-left, .footer-center, .footer-right, .footer-mobile {
    padding-left: 0;
    padding-right: 0;
}
    main#main {    padding: 10px;}
    .category div#header-container,
    .single div#header-container,
    .page div#header-container  {padding-top: 0px; padding-bottom: 0px;}
	figure.popular-entry-card-thumb.widget-entry-card-thumb.card-thumb {    width: 100px;    float: left;}
    .menu-head-menu-container li a {    display: block;    float: inherit;    width: 100%!important;}
	.under-entry-content a.popular-entry-card-link.a-wrap {    float: inherit;    width: 100%;}
    div#appeal {    position: fixed;    bottom: 53px;    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%);}
    .appeal-content {    padding: 0 1px;    max-width: 100%;    width: 100%;}
    .appeal-title {    display: block;    overflow: hidden;    font-size: 17px;    margin-bottom: -5px;}
    .appeal-message {    margin-bottom: 0px;    font-size: 14px;}
    .appeal-content .appeal-button {    padding: 1px 20px;    display: block;    width: 95%;    margin: 0 auto 3px auto;}
    div#navi-footer-in li {    width: 100%;    float: inherit;    margin-bottom: 0;}
    div#navi-footer-in li a {    padding-bottom: 15px;    border: 1px #ddd solid;    padding-top: 15px;}
    .tel-foot a {    font-size: 14px;}
    .tel-foot span {       font-size: 13px;    margin-bottom: -7px;   padding-top: 7px;}
    .line-float a {    font-size: 13px;    padding-top: 14px;    padding-bottom: 14px;}
    .footer-bottom.fdt-up-and-down.fnm-text-width.cf {    padding: 0;}
    .suma-hyouji {    display: none;}
    .suma-hyouji {     display: none!important;}
a.bottom-left {
    font-size: 18px;
    font-weight: bold;
}

a.bottom-right {
    font-size: 18px;
    font-weight: bold;
}

ul#menu-content-bottom li {    width: auto;}

ul#menu-content-bottom {    display: block;}

}