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

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

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
/*目次のカスタマイズ*/
.toc{
	display:block;
	padding:0;
}
.toc-title{
	position:relative;
	background:#7BB4E6;/*最上部背景色*/
	padding:10px 0;
	color:#fff;
	font-weight:bold;
}
.toc-title:before{
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	right:50%;
	transform: translate(-50%,0%);
	border:15px solid transparent;
	border-top:15px solid #7BB4E6;/*toc-titleの背景色と同色*/
}
.toc .toc-content{
	padding:10px
}
.toc .toc-content ol li a,
.toc .toc-content ul li a{
	display:block;
	border-bottom:1px dashed #ababab;
	margin-left:-20px;
	padding-left:20px;
}

@keyframes fadein{
from {
    opacity: 0;
    transform: translateY(20px);
	}
	to {
    opacity: 1;
    transform: translateY(0);
	}
}

/*メニューカスタマイズ*/
nav#navi, .menu-header .sub-menu{
	font-weight: bold;
}

nav#navi, .menu-header .sub-menu{
	font-weight: bold;
	box-shadow:0 5px 15px -5px rgba(0,0,0,.8);
}

.menu-header .menu-item:hover{
	 border-bottom:3px solid #FDD835 !important;/*線の太さ色*/
	    transition: all .3s;/*線が出てくる時間*/
}
.sub-menu .menu-item:hover{
	border-bottom:none !important;
}


.main{
		animation-name:fadein;
    animation-duration: 2s;

}

.widget_nav_menu ul li a {
  color: #060;
  border-bottom:1px solid #ababab !important;/*線の太さ色*/
}