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


.header-container-in.hlt-top-menu .logo-header img {
    max-height: 53px;
    height: auto;
    vertical-align: middle;
    padding-top: 5px;
}


.author-info {display: block;overflow: hidden;}
.date-tags {display: none;overflow: hidden;}
.footer-meta {    display: none;position: fixed;    top: 0;    padding: 0;    margin: 0;}

/*各種見出し関連*/
.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: 0;    margin: 0;}

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

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

div#header-container-in {    width: 100%;}

/*スマホハンバーガーメニュー表示関連*/
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;}
.home footer#footer {    padding-bottom: 200px;}

/*■■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: 5px; padding-bottom: 5px; font-size: 30px; color: #000; background: rgb(209 255 249 / 75%);}
a.bottom-right {width: 50%;float: right;text-align: center;text-decoration: none;padding-top: 5px;padding-bottom: 5px;font-size: 30px;color: #000;background: rgb(140 223 244 / 75%);}
a.bottom-left:hover {background: rgb(209 255 249);}
a.bottom-right:hover {background: rgb(140 223 244);}


.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%;
}
.tel-foot {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 50%;
    background: rgb(0 163 175 / 90%);
    line-height: 28px;
    text-align: center;
}
.tel-foot {
}
.tel-foot a:hover {
    opacity: 0.7;
    filter: brightness(110%);
}

.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;
    text-decoration: none;
}
.tel-foot a {
    padding-top: 5px;
    padding-bottom: 0px;
    display: block;
    overflow: hidden;
    color: #fff!important;
    font-weight: bold;
    font-size: 25px;
    text-decoration: none;
}

.tel-foot span {
    display: block;
    font-size: 16px;
    display: block;
    overflow: hidden;
    line-height: 18px;
}
li#menu-item-312 a {
    display: block;
    margin: 0 auto;
    background: #feac09;
    color: #fff;
}

li#menu-item-313 a {
    background: #009d1a;
    color: #fff;
}


div#content-in {
    width: 950px;
    margin: 0 auto;
}

img.alignnone.size-full {
    display: block;
    overflow: hidden;
    margin: 0 auto;
}

.single h1.entry-title {
    display: block;
    overflow: hidden;
    background: #e36c08;
    padding: 20px 15px 20px 15px;
    color: #fff;
}
h2.related-entry-heading {
    display: block;
    overflow: hidden;
    background: #e36c08;
    padding: 10px 12px 5px 13px;
    color: #fff;
}

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

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

/*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: 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%);
    border-radius: 5px;}
    div#appeal-in {    padding: 3px;}
    .appeal-content {    padding: 0 1px;    max-width: 100%;    width: 100%;}
    .appeal-title {     display: block;    overflow: hidden;    font-size: 14px;    margin-bottom: -5px;    }
    .appeal-message {margin-bottom:0px;    font-size: 11px;    line-height: 17px;}
    .appeal-content .appeal-button {     padding: 1px 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: 23px;}
    .float-tate {    top: 27%;}
}