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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
    background: linear-gradient(45deg, #ffbdc1, #dcffbd,#e6e6fa,#ffffff) fixed;
    background-size: 200% 200%;
    -webkit-animation: AnimationName 45s ease infinite;
    -moz-animation: AnimationName 45s ease infinite;
    animation: AnimationName 45s ease infinite;
}
.article p{
	margin-bottom:0.4em;
}
@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
a:hover{
    color: #d84582;
}
/* ロゴ位置 */
#header{
    margin-left: 2em;
}
/* ナビメニュー */
#navi-in {
    margin-top:2em;
}
#navi-in ul li{
    height:40px;
    line-height:40px;
    margin:0 4px;
    border-bottom:solid 2px #d84582;
    border-top:none;
    border-right:none;
    border-left:none;
    background:none;
    color:black;
}
#navi-in ul li:hover{
    background-color: rgb(244, 205, 221);
    border-bottom:solid 2px #d84582;
}
#navi-in .top-has-sub.has-sub.has-icon{
    display:none;
}
#navi-in ul.sub-menu{
    display:none;
}
.caption-wrap{
    color:black;
    font-weight:bold;
}
.item-label{
    font-size:14px;
}
/* ヘッダーの高さが効かない場合 */
.header .header-in{
    min-height: 100px;
}
/* パンくず */
.breadcrumb-caption {
    color: #d84582;
}
.breadcrumb {
    color: #d84582;
}
/* サイドバーなしのコンテンツ幅 */
.no-sidebar .wrap {
    width:950px;
}
/* 記事一覧のアイキャッチ画像位置調整 */
.wp-block-latest-posts__featured-image{
    display: inline-block;
    margin-right: 0.5em;
    margin-top: 0.2em;
    vertical-align: middle;
}
/* 全体のマージン等 */
#content{
    margin-top:0;
}
#content-in .main{
    border-radius:0px;
    border-top:solid 1px lightgray;
}
/* フッター */
#footer{
    background: linear-gradient(185deg, #ffbdc1, #ffffff,#dcffbd);
}
#navi-footer-in a:hover {
    background-color: rgb(244, 205, 221);
    transition: all 0.3s ease-in-out;
    color: #d84582;
}
/* トップページタイトル非表示 */
.home.page .entry-title{
    display: none;
}
/* 見出し設定 */
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {
    margin-top: 0.5em;
    margin-bottom: 0.8em;
}
.article h1{
    background-image: linear-gradient(to right, lightpink 40%, honeydew ,powderblue);
    background-repeat: no-repeat;
    background-size: 100% 3px;
    background-position: bottom;
    padding:10px;
}
.article h2{
    background-color:white;
    padding:10px;
    border-bottom: 2px dashed #d84582;
}
.article h3{
    border:0;
    border-bottom: 2px solid lightgray;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.article h3:before {
    content: "●";
    color: #d84582;
    margin-right: 0.3em;
}
.article h4{
    border:0;
    border-bottom: 2px solid lightgray;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.article h4:before {
    content: "■";
    color: #d84582;
    margin-right: 0.3em;
}
.article h5{
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
}
a{
    text-decoration:none;
}
table{
    border-collapse:collapse;
}
tr th{
    border:solid 1px silver;
}
tr td{
    border:solid 1px silver;
}
/* 編集画面背景を非表示 */
.editor-styles-wrapper{
    background:white !important;
}
/* ul li リストスタイル */
li::marker {
  color: #d84582;
}
/* コンタクトフォーム */
.wpcf7 input[type="text"],.wpcf7 input[type="tel"],.wpcf7 input[type="email"],.wpcf7 select{
    background-color: whitesmoke;
}
.wpcf7 textarea{
    background-color: whitesmoke;
}
.wpcf7 input:focus,.wpcf7 textarea:focus,.wpcf7 select:focus{
    background-color:snow;
}
.wpcf7 input[type="submit"]{
    border-radius: 32px;
    background-color: pink;
    width: 300px;
    border: solid 1px pink;
    font-size: 18px;
    margin:0 auto;
    display:block;
}
.wpcf7 input[type="submit"]:hover{
    border:solid 1px #d84582;
    color:#d84582;
    opacity:0.8;
}
.wpcf7 p{
    margin-bottom:1em;
}
.wpcf7 label{
    font-weight:bold;
    font-size:14px;
}
.required{
    font-size: 12px;
    font-weight: normal;
    margin-left: 1em;
    line-height: 0.5em;
    padding: 0 8px;
    background-color: royalblue;
    color: white;
    border-radius: 4px;
}
/* 記事一覧 */
/* エントリーカード */
.widget-entry-cards .a-wrap {
  border-bottom: solid 1px lightgray;
}
.new-entry-card-link.widget-entry-card-link.a-wrap:hover{
  background-color:mistyrose;
}
.new-entry-card-thumb.widget-entry-card-thumb.card-thumb img{
  display: none;
}
.new-entry-card-thumb.widget-entry-card-thumb.card-thumb {
  margin-right: 0;
  position:initial;
}
.new-entry-card-content.widget-entry-card-content.card-content {
  margin-left: 0;
}
.widget-entry-cards figure {
  width:142px;
}
.new-entry-card-title.widget-entry-card-title.card-title{
  margin-left:16.5em !important;
}
#post-21 .new-entry-card-title.widget-entry-card-title.card-title{
  margin-left:0em;
  margin-left:7.5em !important;
}
/* 記事一覧カテゴリラベル */
#post-29 .cat-label,#post-766 .cat-label {
  width:125px;
  text-align:center;
  top:0.1em;
  left: 12em !important;
}
/* 記事一覧日付表示 */
.new-entry-card-date.widget-entry-card-date.display-none{
  display: block;
}
.new-entry-card-date {
  display: block;
}
.new-entry-card-post-date {
  font-size: unset;
}
.post-date {
  display: block !important;
  position: absolute;
  left: 2px;
  top: -2px;
}
.new-entry-card-update-date.widget-entry-card-update-date.post-update{
	display:none;
}
/* ページの投稿日 */
.date-tags {
  display: none;
}
/* 活動内容 ＞ 月例研究会ページの記事一覧 */
#post-90 .new-entry-card-date.widget-entry-card-date.display-none{
    display: none;
}
#post-90 .cat-label{
  left: 0em;
  top: 0.1em;
  width: 10.5em;
  text-align: center;
}
#post-90 .new-entry-card-title.widget-entry-card-title.card-title{
    margin-left: 7.5em !important;
}
#post-90 .widget-entry-cards figure {
    width: 122px;
}
/* 特定のカテゴリラベルを持つリンクを無効に */
a:has(.cat-label-15){
pointer-events: none;
}
/* メンバーズコーナートップタイトル */
#post-21 .entry-title{
    display: none;
}
/* メンバーズコーナー用メニュー */
#custom_html-2{
    margin:0;
}
.members-menu-wrap{
    margin: 0;
}
.members-menu{
    display: inline-block;
    margin: 0 10px;
    border: solid 1px pink;
    padding: 2px 8px;
    margin-right: 6px;
    margin-left: 6px;
    margin-bottom:0;
    font-size: 14px;
}
.members-submenu{
    display: inline-flex;
    border: solid 1px lightpink;
    background-color: lightpink;
    padding: 2px 8px;
    font-size: 12px;
    margin-right: 4px;
    margin-left: 5px;
}
.members-menu:hover{
    background-color: rgb(244, 205, 221);
}
.members-menu a:hover, .members-submenu a:hover{
    color:black;
}
/* メンバーズコーナー お知らせ */
#post-21 .cat-label-14{
    display: none;
}
#post-21 .new-entry-card-thumb.widget-entry-card-thumb.card-thumb{
    display: none;  
}
#post-21 .new-entry-card-content.widget-entry-card-content.card-content{
    display: flex;
    align-items: baseline;
}
#post-21 .new-entry-card-title.widget-entry-card-title.card-title{
    display: block;
    order: 2;
}
#post-21 .new-entry-card-post-date.widget-entry-card-post-date.post-date{
    display: block !important;
    font-size: 1em;
}
#post-21 .new-entry-card-date.widget-entry-card-date.display-none{
    display: block !important;
    order: 1;
    margin-right: 1em;
    color: crimson;
}
#post-21 .widget-entry-cards.a-wrap {
    padding: 5px;
    line-height: 1em;
    margin-bottom: 0;
}
/* ファイルアイコン */
.fas.fa-file-pdf{
    color:indianred;
    margin-left:0.5em;
}
.fas.fa-file-excel{
    color:seagreen;
    margin-left:0.5em;
}
.fas.fa-file-powerpoint{
    color:darkorange;
    margin-left:0.5em;
}
.fas.fa-file-word{
    color:royalblue;
    margin-left:0.5em;
}
/* 関連メニュー */
figure a img:hover{
    opacity:0.8;
}
.sub-menu{
    margin:0 auto;
}
.jump-menu{
    display: inline-block;
    margin: 0 10px;
    border: solid 1px pink;
    padding: 2px 8px;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom:0;
    font-size: 14px;
}
.jump-menu:hover{
    background-color: rgb(244, 205, 221);
}
.jump-menu a:hover{
    color:black;
}
#custom_html-2,#custom_html-3,#custom_html-4,#custom_html-5{
    margin-bottom:-1em;
}
/* 検索結果 アイキャッチを非表示 */
.search.search-results .entry-card-thumb.card-thumb.e-card-thumb{
    display: none;
}
/* 検索結果 一覧 */
.entry-card-wrap.a-wrap.border-element.cf{
    border: solid 1px lightpink;
    padding: 10px;
    margin: 0;
    margin-bottom:0.5em;
    border-radius: 8px;
}
.entry-card-wrap.a-wrap.border-element.cf:hover{
    background-color:mistyrose;
}
.entry-card-content.card-content.e-card-content{
    margin-left:0;
}
/* 検索結果 本文を表示 */
.search.search-results .entry-card-snippet.card-snippet.e-card-snippet{
    display:block;
}
/* もっと見るボタン */
.more-button {
    margin: 0 auto;
    margin-bottom: 2em;
    width: 150px;
    display: block;
    padding: 0;
    border-radius: 2em;
    color: white;
    background: #d84582;
    text-align: center;
}
.more-button a {
    color: white;
}
/* 申込ボタン */
.moushikomi-button {
	max-width: 150px;
    margin: 0 auto;
    margin-bottom: 1em;
    display: block;
    padding: 0.2em;
    border-radius: 2em;
    color: white;
    background: #d84582;
    text-align: center;
}
.moushikomi-button a{
	color:white;
}
.more-button:hover, .moushikomi-button:hover, .more-button-not-kaiin:hover{
    opacity:0.8;
}
.more-button-not-kaiin{
	max-width: 150px;
    margin: 0 auto;
    margin-bottom: 2em;
    display: block;
    padding: 0.2em;
    border-radius: 2em;
    color: white;
    background: steelblue;
    text-align: center;
}
.more-button-not-kaiin a{
	color:white;
}
/* ダウンロードボタン */
.download-button{
	max-width: 200px;
    margin: 0 auto;
    margin-bottom: 2em;
    display: block;
    padding: 0.2em;
    border-radius: 2em;
    color: white;
    background: lightslategray;
    text-align: center;
}
.download-button a{
	color:white;
}
.download-button:hover{
    opacity:0.8;
}
/* details */
details:hover{
	cursor:pointer;
}
details[open]:hover{
	cursor:text;
}
summary:hover{
	cursor:pointer;
}
/* recaptcha */
.grecaptcha-badge {
	visibility: hidden;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.no-sidebar .wrap {
    width:100%;
}
/* ロゴ位置 */
#header{
    margin:0;
    padding: 20px;
}
#header img{
    max-height: 50px;
}
/* モバイルメニュー */
#navi{
    display:none;
}
.no-sidebar .wrap {
    width:100%;
}
#menu-mobilenenu{
    background-color: mistyrose;
    color: darkslategray;
}
.home-menu-icon{
    color:#d84582;
}
#navi-menu-content{
    width: auto !important;
    padding: 0px;
    display:flex;
    flex-direction: column;
    left: auto;
    right: 0;
    transform: translateX(105%);
}
.menu-drawer{
    font-size:16px;
    order:1;
    margin-top:auto;
    padding: 0 10px 0 10px;
}
.menu-drawer li {
    border-top: solid 1px #d84582;
}
.menu-drawer li:first-child{
    border-top:none;
}
.menu-drawer li a{
    color:#d84582;
}
.menu-drawer .menu-item li a{
    color:dimgray;
}
.sub-menu{
    border-top: solid 1px #d84582;
}
.navi-menu-close-button.menu-close-button{
    order:2;
    margin-bottom: 20px;
}
/* トップページ */
.sanjo-shokai img {
    max-width: 45% !important;
}
/* 関連メニュー */
#custom_html-2, #custom_html-3, #custom_html-4, #custom_html-5 {
    margin-bottom: 0em;
    margin-top: 1em;
}
#custom_html-2 .sub-menu, #custom_html-3 .sub-menu, #custom_html-4 .sub-menu, #custom_html-5 .sub-menu {
    display: none;
}
/* メンバーズコーナー用メニュー */
.members-menu-wrap{
    margin: 0;
    height:auto;
}
.members-menu, .members-submenu {
    margin-bottom:0.5em !important;
    margin-right: 4px;
    margin-left: 4px;
}
/* コンタクトフォーム */
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"], .wpcf7 select {
    width:100% !important;
}
/* エントリーカード */
.widget-entry-cards .a-wrap {
    border-bottom: solid 1px lightgray;
}
/* トップページ　エントリーカード */
.widget-entry-card {
    font-size: 16px;
    position: relative;
    min-height: 42px;
}
#post-29 .cat-label, #post-766 .cat-label {
    width: 125px;
    text-align: center;
    top: 0.1em;
    left: 0 !important;
}
.post-date {
    display: block !important;
    position: absolute;
    left: 11px;
    top: 20px;
    font-size: 14px;
}
.new-entry-card-title.widget-entry-card-title.card-title {
    margin-left: 8.5em !important;
}
#post-21 .new-entry-card-post-date.widget-entry-card-post-date.post-date {
    display: block !important;
    font-size: 1em;
    position: absolute;
    left: 0;
    top: -2px;
}
}