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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.entry-content>*, .mce-content-body>*, .article p, .demo .entry-content p, .article dl, .article ul, .article ol, .article blockquote, .article pre, .article table, .article .toc, .body .article, .body .column-wrap, .body .new-entry-cards, .body .popular-entry-cards, .body .navi-entry-cards, .body .box-menus, .body .ranking-item, .body .rss-entry-cards, .body .widget, .body .author-box, .body .blogcard-wrap, .body .login-user-only, .body .information-box, .body .question-box, .body .alert-box, .body .information, .body .question, .body .alert, .body .memo-box, .body .comment-box, .body .common-icon-box, .body .blank-box, .body .button-block, .body .micro-bottom, .body .caption-box, .body .tab-caption-box, .body .label-box, .body .toggle-wrap, .body .wp-block-image, .body .booklink-box, .body .kaerebalink-box, .body .tomarebalink-box, .body .product-item-box, .body .speech-wrap, .body .wp-block-categories, .body .wp-block-archives, .body .wp-block-archives-dropdown, .body .wp-block-calendar, .body .ad-area, .body .wp-block-gallery, .body .wp-block-audio, .body .wp-block-cover, .body .wp-block-file, .body .wp-block-media-text, .body .wp-block-video, .body .wp-block-buttons, .body .wp-block-columns, .body .wp-block-separator, .body .components-placeholder, .body .wp-block-search, .body .wp-block-social-links, .body .timeline-box, .body .blogcard-type, .body .btn-wrap, .body .btn-wrap a, .body .block-box, .body .wp-block-embed, .body .wp-block-group, .body .wp-block-table, .body .scrollable-table, .body .wp-block-separator, .body .wp-block, .body .video-container, .comment-area, .related-entries, .pager-post-navi, .comment-respond {
	background-color: #f4f4e7;
}


.item-label {
	font-size: 1.05em;
}
body {
	background-color: #f4f4e7;
}
.digits {
	width: 100px !important;
	text-align: center;
}
#content {
	background-color: #f4f4e7;
}
#main {
	padding: 0;
}
#breadcrumb {
	background-color: #f4f4e7;
}
h1 {
	margin: 0 !important;
	padding: 16px 0;
	background-color: #f4f4e7 !important;
}
.entry-content {
	margin: 0 !important;
}
.wp-block-group {
	margin-bottom: 0 !important;
}
.swpm-username-label, .swpm-username-input, .swpm-password-label, .swpm-password-input, .swpm-remember-me, .swpm-forgot-pass-link, .swpm-join-us-link, .swpm-login-form-inner, .swpm-login-widget-form, .wp-block-buttons {
	background-color: #f4f4e7;
	margin: 0 !important;
}
.swpm-registration-success-msg {
	padding: 0 10%;
}

/* TablePressのカスタマイズ */
/* TablePressのカスタマイズ */
/* TablePressのカスタマイズ */

/* 検索窓の親要素を装飾（背景・角丸・アイコン位置用） */
.dataTables_filter {
  position: relative;
  display: inline-block;
  background-color: #b3d5f0; /* 水色背景 */
  border-radius: 9999px;     /* 完全な丸み */
  padding: 6px 12px;
  padding-left: 36px;        /* アイコンの分だけ左を開ける */
  margin-bottom: 10px;
}

/* 検索ボックス自体の装飾 */
.dataTables_filter input[type="search"] {
  border: none;
  background: transparent;
  outline: none;
  font-size: 16px;
  width: 150px;
}

/* 虫眼鏡アイコンを擬似要素で追加 */
.dataTables_filter::before {
  content: "🔍";
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  color: #004b7c;
}


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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
		.header div.header-in {
min-height: 60px;
}
.header {
background-image: url(https://mondingo44.sakura.ne.jp/wp/wp-content/uploads/2024/03/cat168様_完プSP_背景色_修正1-e1710727110669.png);
background-size: cover;
background-position: center;
}
}