@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

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

.large {
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    margin-bottom: 24px;
}

.xlarge {
    font-size: 24px;
    font-weight: bold;
    line-height: 33px;
    margin-bottom: 28px;
}

.xxlarge {
    font-size: 40px;
    font-weight: normal;
    line-height: 33px;
    margin-bottom: 28px;
}


/*grobal navi*/

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



/*目次*/
.toc{
	border-width:1px;/*外枠線の太さ*/
	border-color:#cccccc;/*外枠線色*/
	width:100%;/*目次の横幅*/
}
.toc-title{
	color:#000000;/*「目次文字色」*/
}
.toc .toc-content ol{
	color:#000000;/*段落の番号色*/
}
/*目次ここまで*/


.tagcloud a {
    font-size: 13px !important;
    background: none; /*背景を消す*/
    border: 1px solid #ccc; 
    border-radius: 20px; /*角の丸み*/
    color: #555; /*文字色*/
    display: inline-block;
    padding: 3px 10px;
    text-decoration: none;
    margin: 2px;
    flex: 1 1 auto;
    display: flex;
    justify-content: space-between;
}
.tagcloud a .tag-caption::before {
    content: "#"; /*アイコンの変更*/
    padding-right: 3px;
}
.tagcloud a:hover { /*マウスホバー時*/
    background: #b71b1b;
    border: 1px solid #72c7e6;
    color: #fff;
    transition: 0.5s; /*アニメーションの時間*/
}

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

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

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

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

.site-name-text-link {
   font-size: 14px;
}