@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 {
	animation: fadein 1s forwards;
}

@keyframes fadein {
	0% {opacity: 0}
	100% {opacity: 1}
}
.article h1{
    border-left:10px solid orange;
    border-bottom: 1px solid orange;
    border-radius: 3px;
    padding-bottom: 5px;
    padding-left: 0.5em;
    margin-top:0.2em;
}
.article h2{
    border-top: 0;
    border-bottom: 1px solid orange;
    padding-bottom: 5px;
    padding-left: 0.5em;
    background-color: white;
    color:black;
    margin-top:0.2em;
    margin-bottom:1.6em;
	margin-left: 0.5em;
    position: relative;
}
.article h2:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px orange;
    left: -0.5em;
    bottom: -2px;
    width: 30%;
}
.article h3{
    border:0;
    border-bottom: 2px dashed orange;
	margin-bottom:1.2em;
}
.article h4{
    border:0;
    border-bottom: 2px solid lightgray;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.article h4:before {
    content: "●";
    color: gold;
    margin-right: 0.3em;
}
.article h5{
    border:0;
    border-bottom: 2px solid lightgray;
    padding-left: 1.3em;
    text-indent: -1.3em;
}
.article h5:before {
    content: "■";
    color: mediumseagreen;
    margin-right: 0.3em;
}
.article h6{
    border-top: 2px solid lightgray;
    border-bottom: 2px solid lightgray;
}
.article p{
	text-align: justify;
}
a:link{
	text-decoration:none;
}
a img:hover{
	opacity:0.8;
}
.sidebar img{
	border:solid 1px lightgray;
	border-radius:5px;
}
/*カードラベルを非表示*/
.entry-card .cat-label{
  display: none;
}
/*ブログカード画像の大きさ*/
.entry-card-thumb {
	width: 90px;
}
.card-thumb img {
    width: 90%;
}
.entry-card-content {
	margin-left: 100px;
}
/*ヘッダーロゴ部分*/
.header-in {
    display: block;
}
.logo-header {
    float: left;
    display: flex;
    margin-left: 100px;
	position: relative;
    margin-top: 10px;
    margin-bottom: 2px;
}
.logo-image {
    padding: 0;
}
.member_image {
    display: flex;
    float: right;
    margin-right: 120px;
    margin-top: 30px;
}
/*サイトマップ*/
.sitemap h2{
	display:none;
}
/*ページ下部　ページネーション消去*/
.pagination{
	display:none;
}
/*メインカラム*/
.no-scrollable-main .main {
    border: solid 1px #f2f2f2;
}
/*コンタクトフォーム*/
#contact .submit input{
	font-size:18px;
	letter-spacing:1em;
	border:solid 1px darkgreen;
	border-radius:5px;
}
#contact .submit input:hover{
	color:blue;
	border:solid 1px green;
	background-color:palegreen;
	transition:0.5s;
}
.required{
  color:darkblue;
  font-size:16px;
}
span.wpcf7-form-control.wpcf7-radio{
    border: 1px solid lightgray;
    padding: 10px 5px;
    border-radius: 3px;
}
.wpcf7-list-item-label{
   margin-right:15px;
}
input[type=radio]{
   transform:scale(1.5);
   margin: 0px 5px;
   border-color:gray;
}
/*ボタン*/
.contact-btn{
    display: block;
    margin: 0 auto;
    text-align: center !important;
    padding: 5px;
    width: 200px;
    border: solid 2px darkseagreen;
    border-radius: 30px;
    background: linear-gradient(snow,palegreen);
    color: darkblue;
}
.contact-btn:hover{
    background: linear-gradient(snow,greenyellow);
	border: solid 2px green;
    transition:0.5s;
    cursor:pointer;
}
.contact-btn>a:hover{
    color:blue;
}
/* 日付 */
div.entry-card-meta.card-meta.e-card-meta > div.entry-card-info.e-card-info > span{
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 0px;
    color: dimgray;
}
/* 日付アイコン */
.fa-clock-o:before{
	content:"\f073"
}
/* インフォメーションのブログカード */
.post-504.entry-card.e-card.cf.post.type-post.status-publish.format-standard.has-post-thumbnail.sticky.hentry.category-information-post{
	padding:10px 0;
}
/* インフォメーションのブログカードだけ色を変更 */
.entry-card-wrap.a-wrap.border-element.cf:has(#post-504){
    background-color:palegreen;
}
/* インフォメーションのブログカード　マウスオーバー */
.entry-card-wrap.a-wrap.border-element.cf:has(#post-504):hover{
    background-color:lightgreen;
}
/* インフォメーションのブログカードタイトルを非表示 */
#post-504 h2.entry-card-title.card-title.e-card-title{
    display:none;
}
/* インフォメーションのブログカードスニペットのサイズ変更 */
#post-504 div.entry-card-snippet.card-snippet.e-card-snippet{
    font-size:1em;
	line-height:1.5;
    padding-top: 10px;
}
/* 新合格者お祝い記事 */
.entry-card-wrap.a-wrap.border-element.cf:has(#post-5887){
    background-color:pink;
}
/* 新合格者お祝い記事 マウスオーバー*/
.entry-card-wrap.a-wrap.border-element.cf:has(#post-5887):hover{
    background-color:lightpink;
}
/* ブログカードの角を丸くする */
.entry-card-wrap.a-wrap.border-element.cf{
	border-radius:5px;
    border:solid 1px lightgray;
}
/* ブログカードの四辺を同じ色に設定 */
.blogcard, .ecb-entry-border .entry-card-wrap, .page-numbers, .pagination-next-link, .comment-btn, .index-tab-buttons .index-tab-button, .border-square a, .author-box {
    border-color: #ccc;
}
/* ブログカードのマウスオーバー */
.entry-card-wrap.a-wrap.border-element.cf:hover{
	background-color:whitesmoke;
	border:solid 1px gray;
}
/* ブログカードのスニペットの大きさ調整 */
.entry-card-snippet, .related-entry-card-snippet {
    font-size: 1em;
	margin-bottom: 0.5em;
}
/* ナビメニュー */
#navi .navi-in a:hover{
    color:moccasin;
}
/* フッター */
#footer a:hover{
	color:blue;
}
/* 各ページのインデント等 */
summary{
    background:whitesmoke;
}
summary:hover{
    cursor:pointer;
	background-color:bisque !important;
}
.indent1{
    margin:0 !important;
    margin-left:1em !important;
}
.indent2{
    margin:0 !important;
    margin-left:2em !important;
}
.indent3{
    margin:0 !important;
    margin-left:3em !important;
}
.indent4{
    margin:0 !important;
    margin-left:4em !important;
}
.indent5{
    margin:0 !important;
    margin-left:5em !important;
}
.indent6{
    margin:0 !important;
    margin-left:6em !important;
}
.indent7{
    margin:0 !important;
    margin-left:7em !important;
}
.indent1-1{
    margin:0 !important;
    margin-left:1em !important;
    text-indent:-1em !important;
}
.indent2-1{
    margin:0 !important;
    margin-left:2em !important;
    text-indent:-1em !important;
}
.indent2-2{
    margin:0 !important;
    margin-left:2em !important;
    text-indent:-2em !important;
}
.indent3-1{
    margin:0 !important;
    margin-left:3em !important;
    text-indent:-1em !important;
}
.indent3-2{
    margin:0 !important;
    margin-left:3em !important;
    text-indent:-2em !important;
}
.indent3-3{
    margin:0 !important;
    margin-left:3em !important;
    text-indent:-3em !important;
}
.indent4-1{
    margin:0 !important;
    margin-left:4em !important;
    text-indent:-1em !important;
}
.indent4-2{
    margin:0 !important;
    margin-left:4em !important;
    text-indent:-2em !important;
}
.indent4-3{
    margin:0 !important;
    margin-left:4em !important;
    text-indent:-3em !important;
}
.indent4-4{
    margin:0 !important;
    margin-left:4em !important;
    text-indent:-4em !important;
}
.indent5-1{
    margin:0 !important;
    margin-left:5em !important;
    text-indent:-1em !important;
}
.indent5-2{
    margin:0 !important;
    margin-left:5em !important;
    text-indent:-2em !important;
}
.indent5-3{
    margin:0 !important;
    margin-left:5em !important;
    text-indent:-3em !important;
}
.indent5-4{
    margin:0 !important;
    margin-left:5em !important;
    text-indent:-4em !important;
}
.indent5-5{
    margin:0 !important;
    margin-left:5em !important;
    text-indent:-5em !important;
}
.indent6-1{
    margin:0 !important;
    margin-left:6em !important;
    text-indent:-1em !important;
}
.indent6-2{
    margin:0 !important;
    margin-left:6em !important;
    text-indent:-2em !important;
}
.indent6-3{
    margin:0 !important;
    margin-left:6em !important;
    text-indent:-3em !important;
}
.indent6-4{
    margin:0 !important;
    margin-left:6em !important;
    text-indent:-4em !important;
}
.indent6-5{
    margin:0 !important;
    margin-left:6em !important;
    text-indent:-5em !important;
}
.wp-block-button>a:hover{
    background-color:lime;
    transition:0.5s;
}
/* sidebar */
.widget.widget-sidebar.widget-sidebar-standard.widget_media_image{
    text-align: center;
}
.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html{
	margin-bottom:0;
}
.widget_text.widget.widget-sidebar.widget-sidebar-standard.widget_custom_html a:hover{
	color:blue;
}
.sidebar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.sidebar a {
    font-weight: bold;
    color: darkblue;
}
#media_image-10{
    margin-bottom:0;
}
/* 検索結果 アイキャッチを非表示 */
.search.search-results .entry-card-thumb.card-thumb.e-card-thumb{
    display: none;
}
/* 検索結果 カード内の余白 */
.search.search-results .entry-card-content.card-content.e-card-content{
    margin-left:10px;
}
/* 検索結果 本文を表示 */
.search.search-results .entry-card-snippet.card-snippet.e-card-snippet{
    display:block;
}
/* 検索結果 カレンダーを非表示 */
.search.search-results #custom_html-6{
    display: none;
}

/* 検索結果 １枚目のカード */
.search.search-results .entry-card-wrap.a-wrap.border-element.cf:first-child{
	background:none;
}
.search.search-results .entry-card-wrap.a-wrap.border-element.cf:first-child:hover{
    background-color:whitesmoke;
	border:solid 1px gray;
}
/* トップへ移動ボタン */
.go-to-top-button.go-to-top-common.go-to-top-hide.go-to-top-button-icon-font{
    background: none;
}
.go-to-top {
	right:24px;
	bottom:24px;
}
.fa.fa-chevron-circle-up{
    color: dodgerblue;
    font-size: 54px;
}
.fa.fa-chevron-circle-up:hover{
	color:deepskyblue;
	transition:0.5s;
}
/* テーブル */
tr td{
border:solid 1px lightgray;
}
.scrollable-table th, .scrollable-table td {
    white-space: normal;
    border: solid 1px lightgray !important;
}
.scrollable-table tr:nth-child(2n) {
    background-color: whitesmoke;
}
/* 特定の記事インデックスの背景を変更 */
.entry-card-wrap.a-wrap.border-element.cf:has(#post-4929){
    background-color:mistyrose;
}
.entry-card-wrap.a-wrap.border-element.cf:has(#post-4929):hover{
    background-color:pink;
}

/* 申込みボタン */
.appli-button {
    width: fit-content;
    display: block;
    margin:10px 0;
    padding: 0.2em;
    border-radius: 2em;
    color: white;
    background: mediumseagreen;
    text-align: center;
}
.appli-button a {
    color:white;
}
.appli-button a:hover{
    opacity:0.8;
}

/* recaptcha */
.grecaptcha-badge {
    visibility: hidden;
}

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

.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.sidebar-menu-content {
  transform: translateX(-105%);
  right: auto;
  left: 0;
}

/*ヘッダーロゴ部分*/
.header-in {
    display: flex;
}
.logo-header {
    text-align:center;
    margin: 0 auto;
}
.member_image {
    display: none;
}
/*サイトマップ*/
.sitemap h2{
	display:none;
}
/*ページ下部　ページネーション消去*/
.pagination{
	display:none;
}
/* インフォメーションのブログカードタイトルを表示 */
/*.post-504.entry-card.e-card.cf.post.type-post.status-publish.format-standard.has-post-thumbnail.sticky.hentry.category-information-post{
    background-color: lightgreen;
}*/
/* モバイルフッターメニュー */
.menu-drawer li {
    border-top: dotted 1px dodgerblue;
}
.menu-drawer li a{
    color:dodgerblue;
}
.menu-drawer li:first-child{
    border-top:none;
}
.menu-drawer .menu-item li a{
    color:dimgray;
}
.sub-menu{
    border-top: dotted 1px dodgerblue;
	padding-top: 0;
    padding-bottom: 0;
}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.sidebar-menu-content {
  transform: translateX(-105%);
  right: auto;
  left: 0;
}
/*サイトマップ*/
.sitemap h2{
	display:none;
}
/*ページ下部　ページネーション消去*/
.pagination{
	display:none;
}
/* インフォメーションのブログカードタイトルを表示 */
/*.post-504.entry-card.e-card.cf.post.type-post.status-publish.format-standard.has-post-thumbnail.sticky.hentry.category-information-post{
    background-color: lightgreen;
}*/
/* モバイルフッターメニュー　会員専用アイコン */
.fa-star:before {
    content: "\f005";
    color: orange;
}
/* モバイルフッターメニュー */
.menu-drawer li {
    border-top: dotted 1px dodgerblue;
}
.menu-drawer li a{
    color:dodgerblue;
}
.menu-drawer li:first-child{
    border-top:none;
}
.menu-drawer .menu-item li a{
    color:dimgray;
}
.sub-menu{
    border-top: dotted 1px dodgerblue;
	padding-top: 0;
    padding-bottom: 0;
}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.navi-menu-content {
  left: auto;
  right: 0;
  transform: translateX(105%);
}
.sidebar-menu-content {
  transform: translateX(-105%);
  right: auto;
  left: 0;
}
/* サイトマップ */
.sitemap h2{
	display:none;
}
/* ページ下部　ページネーション消去 */
.pagination{
	display:none;
}
/* インフォメーションのブログカード色 */
/*.post-504.entry-card.e-card.cf.post.type-post.status-publish.format-standard.has-post-thumbnail.sticky.hentry.category-information-post{
    background-color: lightgreen;
}*/
/* インフォメーションのブログカードタイトルを表示 */
#post-504 h2.entry-card-title.card-title.e-card-title{
    display:block;
}
/* モバイルフッターメニュー　会員専用アイコン */
.fa-star:before {
    content: "\f005";
    color: orange;
}
/* モバイルフッターメニュー　ホームアイコン */
.fa-home:before {
    color: dodgerblue;
}
/* ブログカード　アイキャッチアイコンの大きさ */
.entry-card-thumb {
    width: 80px;
    margin-right: 10px;
}
/* モバイルフッターメニュー */
.menu-drawer li {
    border-top: dotted 1px dodgerblue;
}
.menu-drawer li a{
    color:dodgerblue;
}
.menu-drawer li:first-child{
    border-top:none;
}
.menu-drawer .menu-item li a{
    color:dimgray;
}
.sub-menu{
    border-top: dotted 1px dodgerblue;
	padding-top: 0;
    padding-bottom: 0;
}
}