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

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

ul.gyousyu-list {
    font-weight: bold;
}

.contact-line a {
    display: table;
    overflow: hidden;
    width: 270px;
    margin: 0 auto;
    padding: 20px 20px 24px 20px;
    text-decoration: none;
    font-weight: bold;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    background: #00c34d;
    border-radius: 20px;
    color: #fff;
    box-shadow: #777777 3px 3px 8px;
}
.contact-line a:hover {
    background: #00c39f;
}
.contact-line {
    margin: 45px auto 100px auto;
}

.contact-line span {
    text-align: center;
    display: block;
    overflow: hidden;
    margin: 21px auto;
}



div:not(.home.article h2) .page.article h2 {
    margin-bottom: 16px !important;
}

div:not(.home.article h3) .page.article h3 {
    margin-bottom: 16px !important;
}

span.navi-menu-caption.menu-caption {color: #fff; font-weight: bold;}

div#cta_box-6,div#cta_box-7,aside#cta_box-8 {    margin: 34px;    border: 3px solid #a9bf00;}
.footer-right .cat-item a:hover {    background: rgb(212 0 0/23%);}
.content-bottom-menu {    display: table;    margin: 0 auto;    text-align: center;    font-size: 36px;    margin-bottom: 100px;    margin-top: 100px;    font-weight: bold;}
.article h2 {    background: #9c0000;    color: #fff;    margin-bottom: 15px;}
.home .article h2 {    background:inherit;    color: #484848 ;}
.article h3 {    border-left: 7px solid #9c0000;    border-right: 1px solid #9c0000;    border-top: 1px solid #9c0000;    border-bottom: 1px solid #9c0000;    font-size: 22px;    padding: 12px 20px; margin-bottom: 25px;}
#gallery-1 img {    border: none;    display: block;}
dl.gallery-item {    margin: 0;    padding: 0;}
dl.gallery-item br {    display: none;}
div#gallery-1 br {    display: none!important;}
dl.gallery-item {    margin: 0!important;}
body {    overflow-x: hidden;}
img.site-logo-image.header-site-logo-image {    max-height: 50px!important;    width: auto;}
div#header-container-in {    padding-top: 6px;    padding-bottom: 7px;}
.home h1.entry-title {    text-align: right;    padding: 0;	margin: 0!important;    color: #a7a7a7;    font-weight: inherit!important;	background:none;}
.navi-in a:hover {    background-color: #ff292e42;    transition: all 0.3s ease-in-out;    color: #000;}
ul#menu-content-bottom-menu {padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: space-between;}
ul#menu-content-bottom-menu li {    width: 49.5%;    margin: 0.5% 0;}
ul#menu-content-bottom-menu a,
ul#menu-content-bottom-menu-1 a {width: 100%; display: block; text-align: center; background: #9c0000; border: 1px solid #fff; margin: 0.1%; color: #fff; padding: 30px 0 30px 0;}
ul#menu-content-bottom-menu li a:hover,ul#menu-content-bottom-menu-1 li a:hover {background: #501616;}
footer#footer {
    color: #fff;
    background: url(https://banbansaga.com/wp-content/uploads/2022/06/8.jpg);
    padding-top: 200px;
    position: relative;
    margin-top: 100px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}
footer#footer:before {    content: "";    left: 0;    top: 0;    width: 100%;    height: 100%;    background:rgb(0 0 0 / 56%);    position: absolute;}
.home footer#footer {    margin-top: 0px;}
footer#footer a {    color: #fff;}
h3.widget-sidebar-title.widget-title {background: #9c0000;color: #fff;}
h1.entry-title {background-color: #9c0000;padding: 12px;margin: 16px 0;border-radius: 2px;color: #fff;}
.menu-content-bottom-menu-container {    display: block;    overflow: hidden;}
.author-info {    display: none;}
h3.widget-sidebar-scroll-title.widget-title {background: #9c0000;color: #fff;}
.category ul#menu-content-bottom-menu-1 a {    display: block;    width: auto;    float: left;    text-align: center;    padding-top: 0;    padding-bottom: 0;    background: none;    border: inherit!important;    font-weight: bold;}
.widget-page-content-bottom-title.main-widget-label {    font-weight: 400;    font-size: 2.25rem;    line-height: 1.1;    margin-top: 20px;    margin-bottom: 20px;    text-align: center;}
h3.widget-footer-right-title.footer-title {background: rgb(156 0 0);padding: 13px;}
h3.widget-footer-center-title.footer-title {background: rgb(156 0 0);padding: 13px;}
h3.widget-footer-left-title.footer-title {background: rgb(156 0 0);padding: 13px;}
div#footer-in {    position: relative;}
.a-wrap:hover {    background: none;    opacity: 0.8;}
.cta-box.cta-top-and-bottom {background: rgb(255 255 255 / 82%);color: #323232;text-align: center;}
.cta-box.cta-top-and-bottom img {    display: block;    width: 200px;    margin: 0 auto;}
h2.widget-below-related-entries-title.main-widget-label {background: #9c0000;padding: 12px;margin: 16px 0;border-radius: 2px;color: #fff;}
div#header-container {    box-shadow: #8c8c8c 0px 3px 4px 2px;}
#footer-in h3 {    margin-bottom: 17px;}
h2.related-entry-heading {background-color: #9c0000;padding: 12px;margin: 16px 0;border-radius: 2px;color: #fff;}
li.cat-item {    border-bottom: #ddd 1px solid;}
#footer-in a.new-entry-card-link.widget-entry-card-link.a-wrap {    background: rgb(0 0 0 / 67%);}
#footer-in a.popular-entry-card-link {    background:rgb(212 0 0 / 23%);}
.footer-mobile {    padding-left: 5px;    padding-right: 5px;}
.home footer#footer {    margin-top: 0;    padding-top: 0;}
footer#footer {    margin-top: 0;    padding-top: 40px;}
.widget-index-bottom-title.main-widget-label {    text-align: center;    background: #9c0000;    padding: 12px;    font-size: 19px;    font-weight: bold;    color: #fff;}
h1#archive-title {    background: #9c0000;    padding: 12px;    font-size: 19px;    font-weight: bold;    color: #fff;}
h3.widget-footer-mobile-title.footer-title {    text-align: center;    background: #9c0000;    padding: 12px;    font-size: 19px;    font-weight: bold;    color: #fff;}
ul#menu-content-bottom-menu {    padding: 0;}

.navi-in > ul .sub-menu {    display: none;    position: absolute;    margin: 0;    min-width: 240px;    list-style: none;    padding: 0;    background-color: #ffffff;    z-index: 99;    text-align: left;
    border-right: 1px solid #ddd;    border-left: 1px solid #ddd;    border-bottom: 1px solid #ddd;}

.footer-widgets.cf h3 {    text-align: center!important;    font-size: 20px!important;}
nav#navi {    height: 60px;    background: none;}
ul#menu-head-menu {    margin-top: 12px;}
div#header-container-in {    height: 60px;}
nav#navi {    height: 60px;    background: none;}
ul#menu-head-menu {    margin-top: 12px;}
div#header-container-in {    height: 67px;}
div#header-in {padding-top: 0;margin-top: -8px;}
.logo.logo-header.logo-image {    margin-top: 14px;}
div#header-container-in {    padding-top: 0;}
.home .menu-content-bottom-menu-container {    width: 65%;    display: block;    margin: 0 auto 92px auto;}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    margin-top: 0!important;}
.fb-page.fb_iframe_widget span {    display: block;    overflow: hidden;    margin: 0 auto;}
.fb-page.fb_iframe_widget {    width: 100%;    display: block;    overflow: hidden;    }
.fb_iframe_widget iframe {    width: 100%!important;}
aside#text-4 {    margin-top: 20px;  }
aside#text-4 .textwidget {    margin-top: -20px;}
.u-container-style.u-list-item.u-repeater-item:hover {    background: #ececec;    transition: 1.0s;}
.u-align-center-sm.u-align-center-xs.u-blog-post.u-container-style.u-repeater-item.u-white:hover {    transition: 1.0s;    background: rgb(242 246 251);}
a:hover {    transition: 1.0s;}
div#navi-footer-in li　a {    border: none;    background: inherit;}
div#navi-footer-in li a {    background: inherit;    border: none;    width: auto;    padding: 0 17px;}
div#navi-footer-in li {    width: auto;}
aside#tag_cloud-3 {    margin-bottom: 42px;    border: 1px solid #ddd;    padding: 12px;}

.appeal-content {    text-align: left;}
.appeal-content a {    display: block;}
.appeal-content {    text-align: left;    padding: 1em;    border: #fff solid 2px;}
div#appeal-in {    padding: 3%;}
.appeal-title {    text-align: center;}
div#appeal {    background-position: center;}
.menu-osusume-link-container a {border-bottom: 1px solid #ddd;}
.menu-osusume-link-container {    margin-top: -15px;}
.video-container {    margin: 0 auto;}
.suku {    position: fixed;    right: 0;    bottom: 3px;}
.suku a {    display: table;    width: 50px;    height: 50px;}
.qa-yokuaru {    display: block;    margin: 0 auto;    text-align: center;    font-weight: bold;    color: #0014ff;}
.qa-link {    padding: 29px;}
.qa-link a {    border: 6px solid #640000;    border-radius: 5px;}
.widget-single-content-bottom-title.main-widget-label {    background: #9c0000;    padding: 15px;    color: #fff;    font-weight: bold;}
.copyright {    margin-top: 8px;    margin-bottom: -41px;}

/*■■float-bottom-side■■サイド下フロート関連*/
.float-bottom-side {position: fixed; display: block; overflow: hidden; height: 200px; width: 200px; z-index: 999999999; bottom: 10%; left: 2%; background: #00c34d; border-radius: 126px; box-shadow: #6c6c6c 1px 1px 6px;    border: 5px solid #36e735;}
.float-bottom-side:hover {    background: #00adc3;}
.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: #ffee00; margin-top: 13px; text-align: center; font-weight: 700; font-size: 24px; padding-top: 16px; margin-bottom: 0; line-height: 25px;}
.f-b-r {position: relative;}
.f-b-r-text {     color: #fff; text-align: center; font-size: 22px; margin-top: 2px; line-height: 24px; font-weight: bold; margin-top: 20px;}



.content-bottom-text {display: block; overflow: hidden; border: 1px solid #ccc; text-align: center; text-decoration: none; padding: 15px; margin-top: -22px; border-radius: 3px;}
.content-bottom-text a {text-decoration: none;}
a.suku-link {    position: fixed;}
.widget-page-content-bottom-title.main-widget-label {font-weight: 400; font-size: 23px; line-height: 1.1; margin-top: 20px; margin-bottom: 20px; text-align: center;}
aside#nav_menu-5 {position: absolute; z-index: -555; top: 0;}
.u-section-1 {    background-attachment: fixed!important;}
.widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb { display: flex; flex-direction: row; flex-wrap: wrap;}
.widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb a { width: 50%; max-width: inherit!important;}
.widget-above-single-content-title-title.main-widget-label { background: #ddd; padding: 12px; margin: 16px 0; border-radius: 2px; background: #1400c8; color: #fff; font-weight: bold;}
.footer-tuuwa {display: none;}
.grecaptcha-badge {display: none!important;}
aside#nav_menu-6 { position: absolute; top: 0; z-index:-9;}
div#related_entries-2 { padding: 0px; background: #ffefef;  margin-bottom: 50px;}
.widget-entry-cards.card-large-image figure img {    width: 100%;    display: block;    height: 215px;    object-fit: cover;    object-position: top;}

a.blogcard-wrap.internal-blogcard-wrap.a-wrap.cf {    margin-top: 50px;}

.foot-syokai a {    color: #535353 !important;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*1300px以下*/
@media screen and (max-width: 1300px){
	.home .menu-content-bottom-menu-container {    width: 99%;    display: block;    margin: 0 auto 92px auto;	}
}

/*1024px以下*/
@media screen and (max-width: 1024px){
    .float-bottom-side { width: 100px; height: 100px; border-radius: 4px; }
    .f-b-r a {font-size: 19px;}
    .f-b-r-midashi {    padding-top: 13px; font-size: 22px; margin-top: 0; line-height: 20px; }
    .f-b-r-text {    font-size: 13px; line-height: 16px;    }
    ul#menu-head-menu li a {padding-left: 10px!important;padding-right: 10px!important;}
}

/*834px以下*/
@media screen and (max-width: 834px){
	div#header-container-in {    padding-top: 0;    padding-bottom: 0;	}
	.logo-menu-button img {    max-height: 35px;    display: block;    margin: 0 auto;    margin-top: 5px;	}
	ul.menu-drawer {    padding: 0;}
	.menu-drawer li a {    border-bottom: 1px solid #ddd;    padding-top: 14px;    padding-bottom: 14px;    color: #fff;	}
	div#navi-menu-content {    background: rgb(68 68 68 / 86%);	}
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-32 {    border-top: 1px solid #ddd;	}
	.fa-remove:before, .fa-close:before, .fa-times:before {    content: "\f00d";    color: #fff;}
	main#main {    padding-left: 10px;    padding-right: 10px;}
	.mblt-header-mobile-buttons {    margin-top: 0;	}
    .float-bottom-side {width: 168px;height: 128px;}
    .footer-tuuwa {    display: block;}
    .footer-mobile {    z-index: 99999999999;}
    .footer-tuuwa a {display: block; overflow: hidden; width: 100%; text-align: center; background: #009d3e; text-decoration: none; color: #fff; padding-top: 0px; padding-bottom: 0px; font-weight: bold;}
    .footer-tuuwa {position: fixed; bottom: 0; width: 100%; left: 0;}
    .footer-tuuwa img {width: 50px; position: absolute; top: -26px; z-index: 999; background: #009d3e; border-radius: 21px; padding-top: 7px;}
    div#header-container-in {    height: 0px;}
    .footer-tuuwa img {    height: 27px;    margin-bottom: -5px;}
    .f-b-r-text {    margin-top: 0;}
    .f-b-r-midashi {    padding-top: 20px;    padding-bottom: 5px;}
}

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


/*600px以下*/
@media screen and (max-width: 600px){
	img.top-icon {    width: 75%;}
    .footer-tuuwa img {    width: 25px;    margin-bottom: -5px;}
}

/*500px以下*/
@media screen and (max-width: 500px){
ul.menu-drawer {margin-top: -8px;}
.menu-drawer li a {  padding-top: 9px; padding-bottom: 9px; color: #fff; font-size: 16px;}
label#search-menu-open {    display: none;}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {  background: none;    box-shadow: none;}
li.navi-menu-button.menu-button {    background: #b22023;}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button .fa { color: #fff;}
    .menu-caption {color: #fff;	}
	.footer-tuuwa {display: block; position: fixed; width: 100%; bottom: 0; left: 0; text-align: center; }
    .footer-tuuwa a {display: block; background: #009334; font-weight: bold; color: #fff; font-size:19px; text-decoration: none;}
    .footer-tuuwa img {width: 55px;position: absolute;top: -23px;background: #009334;padding: 4px 6px; border-radius: 8px;height: auto;}
    .widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb { display: block;}
    .widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb a { width: 100%!important; max-width: inherit!important;}
	.widget-related-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb a { width:100%!important; max-width: inherit!important;}	
    .u-section-1-1 H2 {    font-size: 21px;}
    .u-section-1-2 h2 {    font-size: 28px;}
    .content-bottom-menu {    font-size: 23px;    }
    ul#menu-content-bottom-menu a, ul#menu-content-bottom-menu-1 a {    display: block;    width: 100%;}
    ul#menu-content-bottom-menu-1 {    padding: 0;}
    .float-bottom-side {width: 98px; border-radius: 4px; box-shadow: none; bottom: 38px; height: 74px; display: block; left: 2px; border: 3px solid rgb(54 231 53 / 51%); background: rgb(0 129 51 / 73%);}
    .f-b-r-midashi {padding-top: 3px; margin-top: 0; font-size: 13px; line-height: 13px;}
    .f-b-r-text {        font-size: 13px;
        line-height: 15px;
        margin-top: 0;}
    div#notice-area { line-height: 15px;   }
    ul#menu-content-bottom-menu {    display: block;}
    ul#menu-content-bottom-menu li {    width: auto;}

    .contact-line span {    text-align: left;    width: 80%;}
	
}

/*360px以下*/
@media screen and (max-width: 360px){
    h2.u-align-center.u-text.u-text-palette-3-light-3.u-text-1 { font-size: 28px; }
}

/*360px以下*/
@media screen and (max-width: 360px){
    .f-b-r a {    padding-top: 3px;}
	h2.u-align-center.u-text.u-text-palette-3-light-3.u-text-1 { font-size: 27px;}
}

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

    h2.u-align-center.u-text.u-text-palette-3-light-3.u-text-1 { font-size: 25px; }
    .u-section-2 .u-text-3 { margin-left: 5px; margin-right: 5px;    }
    h2.u-text.u-text-custom-color-7.u-text-1 { font-size: 20px!important; margin-bottom: 23px;    }
    p.u-align-center-sm.u-align-center-xs.u-text.u-text-2 { font-size: 18px;    }
    .f-b-r a {    padding-top: 3px;    }
    h2.u-align-center.u-text.u-text-body-alt-color.u-text-2 { font-size: 26px!important;	}
}