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

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

/*pタグの下部マージンを調整する*/
p {
	margin-bottom: 0.2em!important;
}

/*ページタイトル設定*/
.type-page .entry-content h1 {
	font-size: 26px;
	margin: 16px 0;
}

/*青文字と緑文字の色合いを変更*/
.blue, .bold-blue {
    color: #0033d9;
}
.green, .bold-green {
	color: #00b300;
}

/*文字の大きさを相対的に変更するクラスの設定*/
.fz-75per {
	font-size: 75%;
}
.fz-125per {
	font-size: 125%;
}
.fz-150per {
	font-size: 150%;
}
.fz-175per {
	font-size: 175%;
}
.fz-200per {
	font-size: 200%;
}

.middle {
	line-height: 90px;
}

/*preタグの背景を白に、枠線をなしにする*/
pre {
	background-color: #FFFFFF;
	border: none;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/*テーブルの背景を白に、セル間隔を0にする*/
table {
	border-collapse: collapse;
}
table td {
	background-color: #FFFFFF;
}

/*テーブルの枠線を設定*/
table th:not(.table-border-notset th),
table td:not(.table-border-notset td) {
	border: solid 1px #000000;
}

/*改行禁止*/
.nowrap {
	white-space: nowrap;
}

/*スペーサーのマージンを０にする*/
.wp-block-spacer {
	margin: 0;
}

/*iframeの枠線を消す*/
iframe {
	border: none;
}

/*字下げ文章の設定*/
.sentence-indent {
	white-space: pre-line;
	text-indent: 1em;
}

/*ぶら下げ文章の設定*/
.sentence-hanging {
	padding-left: 1em;
	text-indent: -1em;
}

/*左に１文字分の空白を入れる。*/
.left-1em-space {
	padding-left: 1em;
}

.letter-space {
	letter-spacing: 0.05em;
}

/*リストタグの下部マージンを調整する*/
ol,ul {
	margin-bottom: 0.2em!important;
}

/*説明タグの下部マージンを設定＆段落インデントを付ける*/
dl {
	margin-bottom: 0!important;
}
.article dt {
	margin-left: 1em;
}
.article dd {
	margin-left: 2em;
}

/*記事を読む目安時間を非表示*/
.read-time {
	display: none;
}

/*固定ページの
 * 投稿日
 * 投稿者
 * タイトル
を非表示*/
.page .date-tags,
.page .author-info,
.page .entry-title {
	display: none;
}

/*固定ページのカスタムタイトル*/
.page-title {
    padding: 30px 0 15px;
    letter-spacing: 0.2em;
}
.type-page .entry-content h1:first-of-type {
    padding: 30px 0 15px;
    letter-spacing: 0.2em;
}

/*カテゴリー・タグページの
 * 最上部に表示される
 * 見出しのアイコンを非表示*/
.archive-title .fa-folder-open::before {
	display: none;
}

/*カテゴリーページの記事毎の枠線の設定*/
.border-element {
	border: solid 1px #999999;
	border-radius: 10px;
}

/*カテゴリーページの記事毎の下の余白を削除*/
.entry-card-content {
	padding-bottom: 0;
}

/*カテゴリーページの記事サムネイルのカテゴリーラベルを非表示*/
.entry-category .cat-label {
	display: none;
}

/*カテゴリーページの記事リスト下部のカテゴリーラベルを非表示*/
.entry-card .entry-card-content .entry-card-categorys {
	display: none;
}

/*記事の
 * カテゴリータグ
 * 投稿日・更新日
を非表示*/
.single .entry-categories-tags,
.single .date-tags {
	display: none;
}

/*ログアウトリンクをボタン化*/
.logout-button {
	background-color: #4169e1;
	border-radius: 24px;
	border: 1px solid #000000;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding: 2px 8px;
	text-decoration: none;
}
.logout-button:hover {
	background-color: #ffc0cb;
}
.logout-button:active {
	-webkit-transform: translateY(2px);
	transform: translateY(2px);
}

/*全てのウィジェットラベル（ウィジェットタイトル）を非表示*/
.main-widget-label {
	display: none;
}

/*ウィジェットエリアの高さを０にする*/
.content-top-in .custom-html-widget {
	height: 0;
}

/*「カテゴリー内検索」の表示調整*/
.searchform label {
	display: none;
}
.searchformbox {
	display: inline-flex;
	max-width: 500px;
}
#searchinput {
	
}
#searchsubmit {
	width: 75px;
	font-size: larger;
}

.search-results .search-box {
	display: none;
}

/*検索結果ページタイトル表示調整*/
#archive-title {
    position: relative;
    top: 50px;
}

/*ページネーションの「次へ」ボタンの非表示*/
.pagination-next {
	display: none;
}

/*新規タブで開くアイコンを文字列の後ろに付加するクラス*/
.new-tab-icon::after {
	font-family: FontAwesome;
	content: "\f08e";
	padding-left: 1em;
}



/*以下、個別ページのコード*/
/*特定のページでパンくずリスト非表示*/
.home #breadcrumb,
.um-page-login #breadcrumb,
.um-page-password-reset #breadcrumb,
.um-page-register #breadcrumb,
.page-id-103 #breadcrumb{
	display: none;
}

/*特定のページでフッター非表示*/
/*.home #footer-in,
.um-page-login #footer-in,
.um-page-password-reset #footer-in,
.um-page-register #footer-in,
.page-id-103 #footer-in {
	display: none;
}*/

/*未分類カテゴリーページのサムネイルを非表示*/
.category-uncategorized .entry-card-thumb {
	display: none;
}

/*未分類カテゴリーページのタイトルやスニペットの左余白を消して左寄せ*/
.category-uncategorized .entry-card-content {
	margin-left: 0;	
}

/*未分類カテゴリーの記事の
 * 投稿日
 * ページ送りナビ
 * 
を非表示*/
.categoryid-1 .date-tags,
.categoryid-1 .pager-post-navi {
  display: none;
}
/*未分類カテゴリーの記事の
 * パンくずリストのカテゴリー名を非表示*/
.categoryid-1 .breadcrumb li:last-child,
.categoryid-1 .breadcrumb div:last-child,
.categoryid-1 .fa-angle-right:last-child {
  display: none;
}

/*各フォームの幅の調整*/
.aum-form {
	width: 50%;
	min-width: 328px;
	margin: 0 auto;
}

/*アカウントページの一部を非表示や変更*/
.um-account-meta a {
	pointer-events: none;
}
.um-account-profile-link {
	display: none;
}
.um-account-tab .um-field-user_login .um-field-area {
	display: none;
}
#um_field_password_confirm_user_password {
	font-size: 0;
}
#um_field_password_confirm_user_password .um-clear {
	
}
.um-login .um-field-username {
	font-size: 0;
}

/*アーカイブカテゴリー記事の字下げ*/
.categoryid-5 p {
	white-space: pre-line;
	text-indent: 1em;
}

/*ログインフォームの幅*/
.um-login {
	max-width: 50%;
	margin: 0 auto;
}



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

/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	/*アーカイブラベルの調整*/
	.widget_archive div {
	}
	
	/*アーカイブコンボボックスの設定*/
	.widget_archive select {
		width: 150px;
	}
	
	.logout-button {
		font-size: 80%;
	}
	
	/*「カテゴリー内を検索」窓のサイズを縮小*/
	#searchinput {
		padding: 0px 11px;
	}
	#searchsubmit {
		font-size: initial;
		width: 50px;
		padding: 0px;
		position: relative;
		left: -40px;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.um-login {
		max-width: 75%;
		margin: 0 auto;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.um-login {
		max-width: 100%;
		margin: 0 auto;
	}
}

/*360px以下*/
@media screen and (max-width: 360px){
  /*必要ならばここにコードを書く*/
	.um-um_password_id.um .um-field-block > div {
		max-width: 300px!important;
		padding: 0 0.5em 0 0.5em;
		text-indent: -0.5em;
	}
}

@media screen and (max-width: 599px) {
	.container .column-wrap {
		flex-direction: initial;
	}
}