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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*投稿者等非表示関連*/
.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: #ddd;    padding: 10px 12px 5px 13px;}
.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: #000;padding: 8px 8px 8px 8px;text-align: center; margin-bottom: 8px; color: #fff;}
h3.widget-footer-center-title.footer-title {background: #000;    padding: 8px 8px 8px 8px;    text-align: center;    margin-bottom: 8px; color: #fff;}
h3.widget-footer-right-title.footer-title {background: #000;    padding: 8px 8px 8px 8px;    text-align: center;    margin-bottom: 8px; color: #fff;}

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

/*スマホハンバーガーメニュー表示関連*/
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: #ddd;    padding: 10px 12px 5px 13px;}
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: #2c2c2c;}
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: #323232!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 / 61%); left: 0; bottom: 0; width: 100%; height: 100%; position: absolute;}
div#footer-in {    position: relative;}
footer#footer {    background: url(https://izakaya-rinden.com/wp-content/uploads/2023/06/IMG_9160-scaled-1-e1678264195241-min-1.jpg);position: relative;   background-size: cover;}
ol.toc-list.open a {    color: #fff;    font-weight: bold;}
.speech-balloon p {    color: #000;}
.a-wrap:hover {    background: #7c7c44;}
.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: #7c7c44;}
.footer-mobile {    padding: 10px 0;}

.appeal-content {margin-top: 10px!important;    margin-bottom: 10px!important;}
div#appeal-in {min-height: auto!important;    padding: 0;}
.ipnrm-data {font-size: 22px!important;    font-weight: bold!important;    color: #0039ff!important;}






/*■■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: 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: 15px; padding-bottom: 1px;color: #fff; background: rgb(21 115 255); font-weight: bold; line-height: 28px; font-size: 19px;}
a.bottom-left span {display: block; line-height: 20px; font-size: 22px;}
a.bottom-right { width: 50%; float: right; text-align: center; text-decoration: none; padding-top: 0px; padding-bottom: 10px; font-size: 30px; color: #fff; background: rgb(0 177 71); font-weight: bold;}
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: 56px;
}

.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: 100px;}
.single-contact a {    width: 46%;    text-align: center;    background: #ddd;    padding-top: 13px;    padding-bottom: 13px;}

a.bottom-left2 {
    background: #1573ff;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
    margin: 1%;
    font-size: 19px;
}

a.bottom-right2 {
    background: #00b147;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    border-radius: 50px;
    margin: 1%;
    padding-top: 5px;
    padding-bottom: 5px;
    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-direction: column; */
    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;
    /* height: 500px; */
    float: left!important;
    display: block;
    /* width: 300px!important; */
    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: #08007c;
}

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 {
    color: #fff;
    text-align: center;
}

div#text-4 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;
}


.wpulike.wpulike-default {
    text-align: center;
    margin-top: 65px;
}

.wpulike-default .wp_ulike_put_image.wp_ulike_btn_is_active:after {
    filter: inherit;
    border: 5px solid #fff500;
}

.wpulike-notification {
bottom:150px;
}



a.entry-card-wrap.a-wrap.border-element.cf {
    color: #fff;
}

.single .s22-sub-midashi a {
    background: #7451e1;
    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;
}




            section.camp {
                text-align: center;
                padding-bottom: 50px;
                background: #484848;
            }

            section.camp a {
                color: #4fd7e9;
            }

            section.camp img {
                height: 500px;
                border-radius: 9px;
                border: 2px solid #fff;
            }



.source-org.copyright img {
    padding-top: 35px;
    padding-bottom: 24px;
}


hr {
    display: block;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 11px;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
}

/*834px以下*/
@media screen and (max-width: 834px){
	div#notice-area-wrap {    top: 50px!important;}
    img.site-logo-image {    width: auto;}
}

/*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: 32px;
    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: 4px 1px;   max-width: 100%; width: 100%; border: 2px solid #ff0000;}
    .appeal-title { display: block;  overflow: hidden;    font-size: 14px;    margin-bottom: -5px;    }
    .appeal-message { margin-bottom: 0px;        font-size: 11px;        line-height: 14px;        width: 95%;        margin: 0 auto;}
    .appeal-content .appeal-button {padding: 3px 20px; display: block; width: 95%; margin: 0 auto 3px auto; font-size: 12px; }
    a.bottom-left {padding: 0;font-size: 23px;}
	a.bottom-right {padding: 0;  font-size: 19px;  padding-bottom: 7px;}
	a.bottom-right span {    font-size: 13px;}
    .float-tate {top: 27%;}
    .single-contact {    padding-left: 10px;    padding-right: 10px;}
	a.new-entry-card-link.widget-entry-card-link.a-wrap {    width: 50%!important;}
	#new_entries-3 a.new-entry-card-link.widget-entry-card-link.a-wrap {    width: 100%!important;}
    .s22-sub-midashi a {    width: 70%;}
div#notice-area-wrap {
    top: 49px;
    line-height: 14px;
}

.appeal-content {
    margin-top: 0;
    margin-bottom: 0;
}

div#appeal {
    background: none;
}

.appeal-content {
    height: 90px;
}

	
                section.camp img {
                    width: auto;
                    object-fit: cover;
                    width: 98%;
                    margin: 0 auto;
                    height: 300px;
                }


a.bottom-left span {
    font-size: 15px;
}

a.bottom-left {
    font-size: 15px;
    line-height: 16px;
    padding-bottom: 1px;
    padding-top: 4px;
}
	

}




/*360px以下*/
@media screen and (max-width: 360px){
    img.top-icon {    top: 262px!important;}
}