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

/************************************
** 子テーマ用のスタイルを書く
************************************/

.appeal-content {
    margin: 33px auto 0px auto;
background: #fff;
}


div#notice-area {
    padding-top: 70px;
}



.btn-orange, .btn-wrap.btn-wrap-orange > a { background-color: #ff5a89;}
div#appeal { background-attachment: fixed;}


/*必要ならばここにコードを書く*/
/*投稿者等非表示関連*/


body {    font-family: "Sawarabi Mincho";}

div#header-container { z-index: 99999999999999999999!important; position: fixed!important; width: 100%!important;}
a.btn.line-btn.btn-l {    background: #04c342;}
.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: #3e1100; padding: 6px 12px 5px 13px; color: #fff;}
.article h3 { border-left: 7px solid #732001; border-right: 1px solid #732001; border-top: 1px solid #732001; border-bottom: 1px solid  #732001;}
.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;}

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

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

/*スマホハンバーガーメニュー表示関連*/
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: #4f240f;    padding: 10px 12px 5px 13px; color:#fff;}
footer#footer {    padding-bottom: 200px;}
footer#footer {    background: #000;    margin-top: 0;}
article#post-16 {    padding: 0;    margin: 0;}
footer#footer a {    color: #fff;}
.source-org.copyright {    color: #fff;}
.cta-box.cta-top-and-bottom {    background: #000;    border: 1px solid #a1a1a1;}
.entry-content.cf {    margin-bottom: 0;}
.a-wrap:hover {      background: #ab5523;    color: #fff;}
div#header-container {    background: #000;}
div#header-container-in {    background: #000;}
div#navi-in {    background: #000;}
div#navi-in a {    color: #fff;}
div#container {    color: #000;}
div#content {    background: #000;    padding-top: 0px;    margin-top: 0;}
main#main {    background: #000;}
h1.entry-title {    background: #3e1100!important;    color: #fff;}
.navi-in a:hover {    background: #444;}
.navi-footer-in a:hover {    background: #444;}
img.site-logo-image.header-site-logo-image {    max-height: 50px!important;}
.page h2 {    background: #323232;    color: #fff;}
.entry-content.cf {    color: #fff;}
#gallery-1 img {    border: none!important;    padding: 5px;}
ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    background: #000;}
span.fa.fa-bars {    background: #fff;}
span.navi-menu-caption.menu-caption {color:#fff}
.related-entry-card-content.card-content.e-card-content {    color: #fff;}
div#pager-post-navi a {    color: #fff;}
footer#footer:before { content: ""; background: rgb(0 0 0 / 83%); left: 0; bottom: 0; width: 100%; height: 100%; position: absolute;}
div#footer-in {    position: relative;}
footer#footer {
    background: url(https://newclub-ouka.com/wp-content/uploads/2023/08/4d148c82bdb805d7ba4766b30c9aea9a.jpg);
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}
ol.toc-list.open a {    color: #fff;    font-weight: bold;}
.speech-balloon p {    color: #000;}
.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, .widget_block ul li a:hover {    background: #ffff9e;}
.footer-mobile {    padding: 10px 0;}

ul#menu-content-bottom {    display: flex;    flex-direction: row;    flex-wrap: wrap;    align-content: space-between;    justify-content: space-between; padding: 0;}
ul#menu-content-bottom li {    width: 49%;    text-align: center;    background: #fff;}
.cta-thumb img {    width: 73%;    margin-top: 20px;    margin-bottom: 10px;}

.category-page-content.entry-content {    color: #fff;}
dl.gallery-item {    margin-bottom: 0;    padding-top: 0;    margin-top: 0!important;}
dl.gallery-item img {    display: block;}
.ipnrm-data {    color: #000;    font-weight: bold;    font-size: 20px;}
.staff a {    background: #fffe00;}
div#text-4 p {    text-align: left;    line-height: 17px;    font-size: 11px;}


/*■■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: 0px;
    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; color: #fff; background:rgb(74 21 0 / 83%); font-weight: bold;    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.bottom-right {
width: 50%;
    float: right;
    text-align: center;
    text-decoration: none;
    padding-top: 0px;
    padding-bottom: 14px;
    font-size: 28px;
    color: #fff;
    background: rgb(109 0 0 / 83%);
    font-weight: bold;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
a.bottom-left:hover {background: rgb(20 0 129);}
a.bottom-right:hover {background: rgb(0 161 20);}
a.bottom-right span {    display: block;    font-size: 17px;    line-height: 0px;}
div#go-to-top {bottom: 137px;    z-index: 99999999999999999999999;}
.home h2#A2 {    position: absolute;}
.home h1#A1 {    font-size: 14px;    font-weight: inherit;    position: absolute;}

section.camp iframe {    margin: 0 auto!important;    display: block;    overflow: hidden;}
section.camp .video-container {    margin: 0 auto;    width: 100%;}
.video-container iframe {    width: 100%;}
.camp .video {    width: 100%;}
section .camp {    text-align: center;    padding-top: 100px;    display: block;    overflow: hidden;}
section.camp b {    display: block;    width: auto;    text-align: center;    padding-top: 34px;    font-size: 22px;}

.single-bottominfo {    text-align: center;    color: #ffc801;    margin-top: 55px;}
.single-contact { display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: space-between; padding-left: 50px; padding-right: 50px; margin-top: 40px;}
.single-contact a {    width: 46%;    text-align: center;    background: #ddd;    padding-top: 13px;    padding-bottom: 13px;}

a.bottom-left2 {background: #3e1100;  color: #fff;  text-decoration: none; font-weight: bold;  border-radius: 50px;  margin: 1%; font-size: 19px;}
a.bottom-right2 {background: #5b0000; color: #fff; text-decoration: none;  font-weight: bold;  border-radius: 50px;  margin: 1%; font-size: 19px;}
a.bottom-right2 span { display: block; font-size: 14px;    line-height: 0;}
.single-contact a:hover {    opacity: 0.8;}
div#text-2 .widget-single-content-bottom-title {    text-align: center;    color: #fff;}
img.site-logo-image.header-site-logo-image {    width: auto;}

.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb {
    display: flex!important;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width: 100%;
    height: auto;
}

.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb a {
    width: 32%;
    max-width: inherit!important;
    color: #fff;
    float: left!important;
    display: block;
    padding: 10px;
}

.widget-page-content-bottom-title.main-widget-label {
    text-align: center;
    color: #fff;
    margin-top: 104px;
    margin-bottom: 50px;
    border-bottom: 1px solid #ddd;
    width: 80%;
    margin: 84px auto 35px auto;
}

.article h2 {    background: #4b2b1f;    padding: 15px;}
blockquote {    background: #323232;}
div#text-3 {    color: #fff;}
.bottom-campan {    background: #ffad7280;    padding: 18px;    border-radius: 9px;    margin-bottom: 73px;    margin-top: 80px;}
div#text-4,div#text-6 {    color: #fff;    text-align: center;}
div#text-4 a,div#text-6 a {    color: #fff;    text-decoration: none;}
.bottom-campan img {    border-radius: 7px;    border: 1px solid#fff;}
button.wp_ulike_btn.wp_ulike_put_image.wp_post_btn_1006 {    width: 244px;    height: 200px;    background: none;    padding: 0;}
.wp_ulike_btn.wp_ulike_put_image:after {    width: 230px;    height: 180px;    border-radius: 7px;    background-size: cover;}
a.entry-card-wrap.a-wrap.border-element.cf {    color: #fff;}

.single .s22-sub-midashi a,
.page .s22-sub-midashi a,
.category .s22-sub-midashi a {
    background: #e16651;
    text-decoration: none;
    display: table;
    margin: 0 auto;
    padding: 15px 38px;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    color: #fff;
    margin-top: 38px;
    border-radius: 94px;
    margin-bottom: 93px;
    /* background-color: #b1eeff; */
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.category ul li, .article ol li {    margin: 0.2em;}
.category h1#archive-title {    background: #431605;    color: #fff;}

.single .s22-sub-midashi a:hover, .page .s22-sub-midashi a:hover { background: #d39a42;}




.c-into {
position: fixed;
    bottom: 64px;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: rgb(255 0 0);
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 17px;
    color: #fff;
    font-family: sans-serif;
    line-height: 19px;
    text-align: left;
    padding: 3px;
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1024px以下*/
@media screen and (max-width: 1024px){
    .side-line-left {    top: -130px;    left: -11px;}
    .side-top-left {    top: -250px;}
    .side-line-right {    top: -250px;    right: -11px;}
}

/*834px以下*/
@media screen and (max-width: 834px){
    div#header-container {  box-shadow:inherit;  border-bottom: inherit;}
    ul.mobile-header-menu-buttons.mobile-menu-buttons.has-logo-button {    z-index: 9999999999999999!important;}
    tbody {    font-size: 19px;}
    ul#menu-head-pc-1 { display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between; justify-content: space-between; text-align: center;}
    .menu-head-pc-container li a {    color: #262626!important;}
    ul#menu-foot-menu-pc {    display: flex;    flex-direction: row;    flex-wrap: wrap;    align-content: space-between;    justify-content: space-between;}
    ul#menu-foot-menu-pc li {    width: 49%;    margin: 0.5%;    background: #fff;}
    ul#menu-foot-menu-pc li a {    color: #262626;    font-size: 18px;    padding-top: 15px;    padding-bottom: 15px;}
    div#notice-area {    padding-top: 26px;}


	.c-into {
    position: fixed;
    bottom: 46px;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: rgb(255 0 0 / 83%);
    text-align: center;
    display: block;
    overflow: hidden;
    font-size: 16px;
    color: #fff;
    line-height: 17px;
    text-align: left;
    padding: 5px;
    font-family: sans-serif;
	}
	.bottom-float {    position: fixed;    bottom: 0;        width: 100%;}
	a.bottom-left {    font-size: 20px;}
	a.bottom-right {    font-size: 17px;}
	a.bottom-right span {    font-size: 15px;}





}

/*768px以下*/
@media screen and (max-width: 768px){
   div#notice-area {    padding-top: 20px;}
}



/*600px以下*/
@media screen and (max-width: 600px){
    .side-top-left { bottom: -78px!important; top: inherit; left: -127px; transform: rotate(266deg); width: 300px; background-size: cover; height: 200px; }
    .side-bottom-right { top: -130px;    right: -190px;}
}

/*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: 62px; 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 {     color: #f96a00; display: block; overflow: hidden; font-size: 15px; margin-bottom: 0px; padding-top: 2px; }
    .appeal-message {margin-bottom:0px;    font-size: 11px;    line-height: 17px;}
    .appeal-content .appeal-button { padding: 3px 20px;    display: block;    width: 95%;    margin: 0 auto 3px auto;  font-size:12px; }
    a.bottom-left {    font-size: 16px;    padding-top: 2px;    padding-bottom: 3px;    }
	a.bottom-right {padding: 0;  font-size: 13px;  padding-bottom: 8px;        padding-top: 2px;}
	a.bottom-right span {    font-size: 12px;}
    .float-tate {top: 27%;}
    .single-contact { display: block;}
    a.bottom-left2 { display: block; overflow: hidden; width: auto;}
    a.bottom-right2 { display: block; overflow: hidden; width: auto;}

	#new_entries-3 a.new-entry-card-link.widget-entry-card-link.a-wrap {    width: 100%!important;}
    .s22-sub-midashi a {    width: 70%;}
    ul#menu-content-bottom {    display: block;}
    ul#menu-content-bottom li {    width: auto;    margin-bottom: 7px;}

    .side-line-left {    left: -9px;    width: 25px;    background-size: 100%;    }
    .side-line-right {    right: -8px;    width: 31px;    background-size: 100%;    top: 0;    }	
    ul#menu-foot-menu-pc li {    width: 100%;    margin-bottom: 5px;}
    ul#menu-foot-menu-pc {    display: block;}
    .c-into {
        bottom: 32px;
        line-height: 15px;
        font-size: 13px;
        text-align: left;
        padding-top: 5px;
        color: #ffffff;
        background: #ff0000;
        padding-bottom: 5px;
        font-family: monospace;
        padding-left: 3px;
        padding-right: 3px;
    }	
    .appeal-content {    margin-bottom: 0;  margin-top: 0;}
    div#appeal-in {    min-height: auto;}
    div#notice-area {    padding-top: 11px;}
    .bottom-float { position: fixed;bottom: 0; width: 100%;}
}




/*360px以下*/
@media screen and (max-width: 360px){
    img.top-icon {    top: 262px!important;}
	a.bottom-left {    font-size: 14px;}
	a.bottom-right {    font-size: 12px;    padding-top: 5px;    padding-bottom: 11px;}
	a.bottom-right span {    font-size: 10px;}
	.c-into {    bottom: 37px;}
}