@charset "UTF-8"; /*! Theme Name: Cocoon Child Template: cocoon-master Version: 1.0.6 */ /************************************ ** 子テーマ用のスタイルを書く ************************************/ /*必要ならばここにコードを書く*/ /************************************ ** レスポンシブデザイン用のメディアクエリ ************************************/ /*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){ /*必要ならばここにコードを書く*/ } .blogcard { padding: 1rem; color: #666; position: relative; border-color: #68d6cb !important; /* 枠線の色を変更 */ } a.blogcard-wrap:hover{ background-color: transparent!important; opacity: 0.8; } a.blogcard-wrap:hover img.blogcard-thumb-image{ transform: scale(1.1); transition: .3s; } .blogcard-thumbnail { line-height: 0; margin-right: 1rem; overflow: hidden; } .blogcard-title{ margin-bottom: .5rem; } .blogcard-snipet{ font-size: 70%; line-height: 1.7; padding-right: 10%; } @media screen and (max-width: 480px){ .blogcard-thumbnail{ width: 40%; } .blogcard-snipet{ display: none; } } .internal-blogcard-footer{ display: none; /* 内部ブログカードのアイコンとURLを非表示 */ } .internal-blogcard::after{ content: '続きを読む 0bb'; /* 内部リンク右下枠の文言 */ position: absolute; bottom: .5rem; right: 1rem; font-size: 70%; background-color: #ffd242; /* 内部リンク右下枠の背景色 */ padding: .4em 3em; font-weight: bold; color: #fff; /* 内部リンク右下枠の文字色 */ border-radius: 2px; } /* OtaWork スマホ用サイト内検索 */ #otawork-search-button, #otawork-search-overlay { display: none; } @media screen and (max-width: 834px) { #otawork-search-button { display: flex; position: fixed; top: 16px; right: 16px; z-index: 99990; width: 44px; height: 44px; padding: 0; align-items: center; justify-content: center; border: 0; border-radius: 50%; background: rgba(255, 255, 255, 0.94); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18); cursor: pointer; } #otawork-search-button svg { width: 22px; height: 22px; fill: none; stroke: #555; stroke-width: 2; } /* WordPressログイン中は管理バーと重ならないように下げる */ body.admin-bar #otawork-search-button { top: 64px; } #otawork-search-overlay.is-open { display: flex; position: fixed; inset: 0; z-index: 99999; align-items: flex-start; justify-content: center; padding: 110px 18px 20px; background: rgba(0, 0, 0, 0.55); } #otawork-search-box { position: relative; width: 100%; max-width: 520px; padding: 24px 18px 18px; border-radius: 10px; background: #fff; box-sizing: border-box; } .otawork-search-title { margin-bottom: 14px; font-size: 20px; font-weight: bold; } #otawork-search-close { position: absolute; top: 5px; right: 10px; border: 0; background: transparent; font-size: 28px; cursor: pointer; } #otawork-search-form { display: flex; gap: 8px; } #otawork-search-form input[type="search"] { flex: 1; min-width: 0; height: 46px; padding: 0 10px; border: 1px solid #bbb; border-radius: 5px; font-size: 16px; } #otawork-search-form button { height: 46px; padding: 0 16px; border: 0; border-radius: 5px; background: #555; color: #fff; font-size: 15px; } }