@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
*/@charset "UTF-8";

/*目次の編集*/
.toc ul li a, .toc ol li a {
color:#196bd3;
display: block;
border-bottom: 1px dashed #000000; /*　H3以下のボーダー */
}
.toc ul.toc-list>li>a, .toc ol.toc-list>li>a {
border-bottom: 1px solid #000000; 　/*　H2のボーダー　*/
font-weight: bold;
}

/*サイトマップのカスタマイズ*/
#sitemap_list{
background:transparent;
}

/*詩のカスタマイズ*/
.wp-block-verse{
border: outset;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
/*サイトの背景色*/
#main{
background: transparent;
}

/*目次の変更*/
.toc{
border-radius:5px;
}

/*ボックスメニューの変更*/
.box-menu-icon{
color: #1a8e00;
}
.box-menu:hover {
box-shadow: inset 2px 2px 0 0 
#1a8e00,2px 2px 0 0 #1a8e00,2px 0 0 0 #1a8e00,0 2px 0 0
    #1a8e00;
} 
.box-menu{
background: transparent;
width: calc(100%/5);
}

/*ウィジェットの変更*/
.sidebar{
background: transparent;
}
.sidebar h3 {
background: linear-gradient(#cbffd3,#1a8e00);
color: #ffffff;
font-size: 18px;
}

/*コメント欄の編集*/
.comment-list {
font-size:16px;
border: 2px solid #1a8e00;
padding: 0;
border-radius: 10px 10px 10px 10px;
}
.comment-title {
font-size:16px;
margin:0px;
background: linear-gradient(#cbffd3,#1a8e00);
color: #fff;
padding-left: 10px;
border-radius: 10px 10px 0px 0px;
}
.commets-list {
margin-top:0px;
font-size:16px;
line-height:1em;
}
.commets-list > li {
background:#cbffd3;
}
.commets-list > li:first-child {
font-size:16px;
line-height:1em;
border: none;
}
.commets-list .comment-meta{
background:#cbffd3;
}
.comment-content {
background: #cbffd3;
position: relative;
}
.comment-form-comment label{
font-size:0px;
}
.comment-form-comment label:before{
font-size:12px;
content:"日付・時刻は";
}
.comment-form-comment label:after{
font-size:12px;
content:"こちらに入力"
}
.comment-form-comment textarea{
border: 2px solid #1a8e00;
border-radius:10px 10px 10px 10px;
font-size:16px;
max-width:100%!important;
min-height:50%!important;
}

/*フッターの変更*/
.footer{
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
margin-top:0px;
padding:0;
}
.footer.footer-container.nwa,
.footer-in.wrap.cf{
background: linear-gradient(#1a8e00,#cbffd3);
}
@media screen and (max-width: 834px){
#navi-footer-in ul li {
border:0.5px solid;
}
}

/*見出しの色*/
.article h2{
color: #ffffff;
background: linear-gradient(#cbffd3,#1a8e00);
}
.article h3{
background:transparent;
}
.article h4{
background:transparent;
border-left:transparent;
border-right:transparent;
}

/*ｽｹｼﾞｭｰﾙの変更*/
table.attmgr_calendar th, table.attmgr_calendar td{
border: 1px solid #000 !important;
}
table.attmgr_monthly_schedule td .info{
background:transparent;
}
table.attmgr_monthly_schedule td .info a{
font-size:14px;
padding:0;
}
table.attmgr_monthly_schedule td .info div{
font-size:14px;
}
table.attmgr_weekly th, table.attmgr_weekly td{
font-size:14px;
border: 1px solid #000 !important;
}

/*キャッチフレーズ位置調整*/
.tagline {
background: linear-gradient(#cbffd3,#1a8e00);
text-align:left;
color:#ffffff;
margin-top:0px;
margin-bottom:-100px;
padding-top:0px;
padding-bottom:-50px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
}
@media screen and (max-width: 834px){
.tagline {
background: linear-gradient(#cbffd3,#1a8e00);
text-align:left;
color:#ffffff;
margin-top:0px;
margin-bottom:-85px;
padding-top:0px;
padding-bottom:-50px;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-right: calc(50vw - 50%);
padding-left: calc(50vw - 50%);
}
}

/*ナビメニュー固定*/
.naviFixed {
position: fixed;
top: 0;
width: 100%;
z-index: 999;
}

/*トップメニューの編集*/
.slicknav_menu{
background:linear-gradient(#cbffd3,#1a8e00);
}
.slicknav_btn{
background-color:transparent;
}
.slicknav_nav a{
font-size:20px;
}
@media screen and (max-width: 834px){
.slicknav_nav a::before{
content:"‣";
}
.sub-caption::before{
content:"/　"
}
}
.sub-caption {
opacity: 0.75;
}

/*グローバルメニューの変更*/
.navi-in > ul > .menu-item-has-children > a::after{ 
right: 10px; 
}
#navi.navi.cf{
background: linear-gradient(#cbffd3,#1a8e00);
}

h1.entry-title{
filter: drop-shadow(5px 5px 5px #aaa);
}

div.box-menu-icon{
filter: drop-shadow(5px 5px 5px #aaa);
}

div#sidebar.sidebar.nwa.cf{
filter: drop-shadow(5px 5px 5px #aaa);
}
img.alignnone.wp-image-87{
align-items: center;
}

/*アピールエリアの変更*/
#appeal { 
height: calc(100vw * calc(476 / 901)); 
}