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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
div#header-container {    display: block;}
a:hover {opacity: 0.8;}
a img:hover {    opacity: 0.9;}
.cta-message {    font-size: 16px;    text-align: center;}
h3.widget-footer-left-title.footer-title {text-align: center;background: #13989c;margin-top: 20px;margin-bottom: 10px;}
h3.widget-footer-center-title.footer-title {text-align: center;margin-top: 20px;background: #13989c;}
h3.widget-footer-right-title.footer-title {    text-align: center;    margin-top: 20px;    background:#13989c;}
.widget-page-content-bottom ul#menu-head-menu-1 {    display: block;    overflow: hidden;    margin-top: 9px;}
.widget-page-content-bottom-title.main-widget-label,
.widget-index-bottom.main-widget-label {    background: #dbf5ff;    padding: 15px;    font-weight: bold;}


.under-entry-content .kyouin a,
.widget-page-content-bottom .kyouin a,
.widget-index-bottom .kyouin a {width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .kyouikusien a,
.widget-page-content-bottom .kyouikusien a,
.widget-index-bottom .kyouikusien a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .clean a,
.widget-page-content-bottom .clean a,
.widget-index-bottom .clean a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .sungreen a,
.widget-page-content-bottom .sungreen a,
.widget-index-bottom .sungreen a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .contact-link a,
.widget-page-content-bottom .contact-link a,
.widget-index-bottom .contact-link a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.25% 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .zaidan a,
.widget-page-content-bottom .zaidan a,
.widget-index-bottom .zaidan a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.25% 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .houjin a,
.widget-page-content-bottom .houjin a,
.widget-index-bottom .houjin a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.25% 0.5%;padding: 15px 0;text-decoration: none;}
.under-entry-content .daihyo a,
.widget-page-content-bottom .daihyo a,
.widget-index-bottom .daihyo a{width: 49%;display: block;float: left;text-align: center;border: 1px solid #ddd;margin: 0.25% 0.5%;padding: 15px 0;text-decoration: none;}



img.site-logo-image.header-site-logo-image {    height: 40px!important;    width: auto!important;}
.logo.logo-header.logo-image {    margin-bottom: 8px!important;    margin-top: 8px!important;}

.under-entry-content ul {    display: block;    overflow: hidden;}
h2.widget-below-related-entries-title.main-widget-label {    background: #dbf5ff;    padding: 15px;}
.article h2 {    font-size: 22px;    padding: 13px;    background-color: #dbf5ff;    border-radius: 2px;}
.article h3 {    border-left: 7px solid #c7e0e8;    border-right: 1px solid #c7e0e8;    border-top: 1px solid #c7e0e8;    border-bottom: 1px solid #c7e0e8;    font-size: 22px;    padding: 12px 20px;}
.article h4 {    border-top: 2px solid #c7e0e8;    border-bottom: 2px solid #c7e0e8;}
a.External-link {    display: block;    text-decoration: none;    text-align: center;    padding: 9px 0;    border: 1px solid #ddd;    margin-top: 20px;    font-weight: bold;    line-height: 21px;    background: #f9feff;}

.widget-page-content-bottom-title.main-widget-label {    background: #dbf5ff;    padding: 15px;}
.widget-index-bottom-title.main-widget-label {    background: #dbf5ff;    padding: 15px;}

h1.entry-title {    background: #dbf5ff;    padding: 17px;}
.sidebar h3 {    background-color: #dbf5ff;    padding: 12px;    margin: 16px 0;    border-radius: 2px;}
h2.related-entry-heading {    background: #dbf5ff;    padding: 11px;}
h1#archive-title {    background: #dbf5ff;    padding: 15px;}

ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {
    margin-top: 0;
}

div#navi-menu-content a {
    color: #000;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #666;
}
.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover {
    background-color: rgb(245 248 250 / 36%);
    transition: all 0.3s ease-in-out;
    color: #333;
    /* opacity: 0.7; */
}

h3.widget-footer-mobile-title.footer-title {
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    background: #13989c;
    padding-top: 7px;
    padding-bottom: 5px;
}

a.External-link {
    color: #000!important;
}

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


}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/

.widget-page-content-bottom .menu-item a {
    display: block!important;
    width: 100%;
}



}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
    .footer-mobile {    padding: 0;}
    ul#menu-head-menu {    padding: 0;}
    main#main {    padding: 10px;}
    ul#menu-head-menu li a  {    width: auto;    display: block;    overflow: hidden;    float: inherit;}
}