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

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

/*サイドバーのSNSフォローボタン設定*/
.sidebar .sns-follow-buttons a {
border-radius: 50%;
width: 40px; /*ボタンの横の大きさ*/
height: 40px; /*ボタンの縦の大きさ*/
font-size: 20px; /*アイコンのサイズ*/
margin: 0 6px; /*ボタン同士の間隔*/
}
.sidebar .instagram-button {
background-color: #c522b8 !important;
}

/*目次の左横にアイコンを表示*/
.toc-title::before {
font-family: FontAwesome;
content: '\f0ca';
margin-right: 0.5em;
}

/*目次のフォントサイズ・行間設定*/
.toc {
font-size: 87%;
line-height: 1.4;
}

/*貿易証明説明文設定*/
.bo-setsumei {
font-size: 14px;
line-height: 1.6;
}

/*貿易証明フローチャートボタン*/
.bo-button-font{
font-size: 14px;
line-height: 1.6;
}
.wp-block-button__link{
    color: #4d4d4d;}
.wp-block-button__link:hover{
    color: #fff;}

/*労働支援ボタン文字設定*/
.roudou-font{
	font-size: 75%;
    line-height: 1.5;
}

/*謎解きゲーム案内ボックスリンク*/
.nazo-link{
    color: #ff0055;}
.nazo-link:hover{
    color: #b30000;}

/*点滅文字*/
.blink{
    color: #e61259;
	font-weight: bold;
	animation: blink 2s linear 1s infinite normal;}


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

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

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