/*
Theme Name: Twenty Twenty-Three
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.7
Requires PHP: 5.6
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*==========================================================================
# reset - ブラウザの差異や不要なスタイルを無くすためのスタイル
========================================================================== */
@import url(./css/top.css);
@import url(./css/search.css);
@import url(./css/suv.css);
@import url(./css/breadcrumb.css);
@import url(./css/article.css);
@import url(./css/anchor-link.css);
@import url(./css/card.css);
@import url(./css/search-form.css);
@import url(./css/member-body.css);
@import url(./css/member-header.css);
@import url(./css/member-project.css);
@import url(./css/update-password.css);
@import url(./css/filter.css);
@import url(./css/footer.css);
@import url(./css/custom-acf-table.css);
/* @import url(./css/lending-asset.css); */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td,
small,
button,
time,
figure {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

li,
dd {
  list-style-type: none;
}

ol > li {
  list-style: decimal;
}

header,
footer,
nav,
section,
article,
aside,
figure,
figcaption {
  display: block;
}

pre {
  white-space: pre-wrap;
  overflow: initial;
}

img {
  border: none;
  vertical-align: bottom;
  width: 100%;
  object-fit: cover;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: #1d2524;
  word-break: break-all;
}

input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}

input[type="checkbox"] {
  /* -webkit-appearance: auto !important; */
}

.main-wrapper {
  padding-top: 54px;
}

.main-search-users {
  padding-top: 54px;
}

.main-login {
  padding-top: 10%;
}

html {
  height: 90% !important;
}

main {
  min-height: calc(100% - 270px);
  padding: 70px max(calc((100% - 1000px) / 2), 50px);
}

@media screen and (max-width: 576px) {
  main {
    padding: 50px max(calc((100% - 1000px) / 2), 25px);
  }
}

.header-logo {
  width: 150px;
  margin-right: 20px;
  cursor: pointer;
}

@media screen and (max-width: 769px) {
  .header-logo {
    display: none;
  }
}

html:has(.update-password ) {
  height: 100% !important;
}

.lostpassword-button {
  display: inline-block;
  background: #f90;
  padding: 20px;
  border-radius: 31px;
  box-shadow: 3px 3px 10px gray;
  margin: 30px 0px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
.lostpassword-button:hover {
  opacity: 0.8;
  text-decoration: none;
  color: #fff;
}

/* 全文検索タイトル中央寄せ */
.search-header-wrapper {
  text-align: center;
  margin-bottom: 40px;
}

/* 検索結果全体のスタイル */
.searched-results {
  display: flex;
  flex-wrap: wrap;
  margin-top: 100px;
  width: 100%;  /* 幅を100%に設定 */
}

section {
  min-height: 100px; /* 高さを指定 */
  overflow: hidden;  /* 内容がはみ出さないように */
}


/* 各検索結果アイテムのスタイル */
.search-item {
  flex: 1 1 calc(33% - 20px) !important;
  box-sizing: border-box !important;
  margin-bottom: 20px !important;
}


/* タイトルリンクのスタイル */
.searched-title {
  color: #007bff !important; /* 優先度を高める */
  font-size: 1.1em;
  font-weight: bold;
  text-decoration: none;
}

.search-title {
  font-size: 24px;
  margin-bottom: 20px;
}

.searched-title:hover {
  color: #0056b3; /* ホバー時の色 */
  text-decoration: underline;
}

/* 小さなテキスト（投稿タイプ名）のスタイル */
.search-item small {
  display: block;
  margin-top: 5px;
  font-size: 0.9em;
  color: #666;
}
