@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){
  /*必要ならばここにコードを書く*/
	img.site-logo-image {
        visibility: hidden;
    }
	.logo-menu-button.menu-button {
        background-image: url(https://fullremote-worker.com/wp-content/uploads/2025/01/logo-sp.png);
        background-size: 95%;
        background-position: center;
        background-repeat: no-repeat;
    }
	.header-container {
        padding-top: 5px;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.eye-catch .cat-label {
        font-size: 10px!important;
        padding: 2px 4px;
    }
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.article h1 {
        padding: .5em 0 0;
    }
	.single #main {
        padding: 0 1em!important;
    }
	.entry-card,
    .related-entry-card,
    .e-card-title {
    line-height: 1.5;
    }
	.related-list .cat-label, .front-page-type-index .cat-label {
        top: -1.45em !important;
    }
	.post-31 .new-entry-cards.large-thumb a {
        /* width: 100%!important; */
    }
}

@media (hover: hover) {
   .page-top a:any-link:hover{
	    background: #ffb535;
	    color: #fff;
	    transition:.5s;
	}
}

@media screen and (max-width: 540px) {
    .header div.header-in {
        min-height: 63px;
    }
}

@media (min-width: 541px) and (max-width: 769px) {
    .header .header-in {
        min-height: 110px!important;
    }
}

@media (min-width: 770px) and (max-width: 835px) {
    .header .header-in {
        min-height: 130px!important;
    }
}

@media (min-width: 836px) and (max-width: 1024px) {
    .header .header-in {
        min-height: 160px;
    }
}

@media (min-width: 1025px) and (max-width: 1500px) {
    .header .header-in {
        min-height: 188px;
    }
}

@media (min-width: 1501px) and (max-width: 1800px) {
    .header .header-in {
        min-height: 226px;
    }
}

@media (min-width: 1801px) and (max-width: 2200px) {
    .header .header-in {
        min-height: 276px;
    }
}

@media (min-width: 2201px) and (max-width: 2454px) {
    .header .header-in {
        min-height: 356px;
    }
}

@media (min-width: 2455px) and (max-width: 2600px) {
    .header .header-in {
        min-height: 340px;
    }
}

@media (min-width: 2601px) {
    .header .header-in {
        min-height: 390px;
    }
}

#post-212 ol.wp-block-list {
    counter-reset: question; /* カウンターの初期化 */
    list-style: none;        /* デフォルトのリストスタイルを削除 */
    padding: 0;              /* 不要な余白を削除 */
}

#post-212 ol.wp-block-list > li {
    counter-increment: question; /* カウンターを1つ進める */
    margin-bottom: 1em;          /* 各質問の間隔 */
}

#post-212 ol.wp-block-list > li::before {
    content: "Q" counter(question) "．"; /* 全角ピリオドを使用 */
    font-weight: bold;                    /* 太字で強調 */
    /*color: #ff4500;                        色をオレンジに設定（変更可能） */
    /*margin-right: 0.5em;                   質問番号とテキストの間隔 */
}

.blogcard {
	  border: 3px solid;
    border-radius: 10px;
	  padding: 1.4em .8em;
		box-shadow: 0 0 5px hsla(0, 0%, 39%, .2);
}

article .tag-link{
    background: #002060;
    border: none;
    color: #fff;
}

.fa {
    padding: 0 8px;
}