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

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

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

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

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





/* ===== Shortcodes Ultimate: lib-cards (compact) ===== */
.su-lib-cards {inline-block!important;}
.su-lib-cards {
    display: inline-block;
    width: 100%;
}
/* カード */
.su-lib-card{
  display:inline-block!important; gap:10px; align-items:flex-start;
  border:1px solid #606060; border-radius:10px; padding:10px; background:#fff;
	width: 100%;
	 margin-bottom: 20px;
}
/* サムネ（狭い幅前提で正方形） */
.su-lib-thumb-link{ display:block; flex:0 0 100px; }
.su-lib-thumb-box{
  width:130px; aspect-ratio:1/1; border-radius:8px; border:1px solid #f0f0f0; background:#fff;
  display:flex; align-items:center; justify-content:center; overflow:hidden; margin: auto;
}
.su-lib-thumb-img{ width:100%; height:100%; object-fit:contain; display:block; }
.su-lib-thumb-fallback{ width:100%; height:100%; background:#f4f6f9; display:flex; align-items:center; justify-content:center; font-size:.8rem; color:#9aa3af; }

/* 本文側 */
.su-lib-meta{ flex:1 1 auto; min-width:0; }
.su-lib-title-row{ display: inline-block !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    width: 100%;}
.su-lib-title{ margin:0; font-size:1rem; line-height:1.4; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.su-lib-title a{ text-decoration:none; color:inherit;     white-space: normal;
    overflow-wrap: anywhere;}
.su-lib-fav{ flex:0 0 auto; }
	.su-lib-title-row h4{
		    font-size: 14px;
		margin-bottom: 0.62em;
	}

/* job_type バッジ（横スクロール防止で折返し） */
.su-lib-jt{ margin:.25rem 0 .3rem; }
.su-jt-badges{ display:flex; flex-wrap:wrap; gap:6px; }
.su-jt-badge{
  font-size:12px; background:#e18585; color:#fff; text-decoration:none;
  padding:3px 6px 2px; border-radius:5px; border:2px solid #7d7d7d; display:inline-block;
}
/* スペック表（コンパクト） */
.su-lib-spec{
  width:100%; border-collapse:separate; border-spacing:0 .2rem; font-size:.9rem; margin-top:.25rem;
}
.su-lib-spec th{
  width:8em; padding:.25rem .5rem; background:#f5f7fb;
  border:1px solid #e6eaf2; border-right:none; border-radius:6px 0 0 6px; text-align:left; vertical-align:top;
}
.su-lib-spec td{
  padding:.25rem .5rem; border:1px solid #e6eaf2; border-left:none; border-radius:0 6px 6px 0;
}

/* CTA */
.su-lib-cta{ margin-top:.4rem; text-align: center; }
.su-lib-btn{
  display:inline-block; padding:.4rem .7rem; border:1px solid #e6eaf2; border-radius:7px; background:#f5f7fb; text-decoration:none; font-size:.9rem;
}

/* さらに狭いところ（スマホ/サイドバー） */
@media (max-width: 480px){
  .su-lib-card{ gap:8px; padding:8px; }
  .su-lib-thumb-link{ flex-basis:86px; }
  .su-lib-thumb-box{ width:86px; }
  .su-lib-title{ font-size:.95rem; }
  .su-lib-spec{ font-size:.86rem; }
  .su-lib-spec th{ width:6.5em; }
  .su-lib-btn{ padding:.35rem .65rem; font-size:.88rem; }
}
.content_box h3{
	    font-size: 18px;
    text-align: center;
    border: none;
    border-bottom: solid 2px;
    letter-spacing: 1px;
    padding: 4px;
}
.lib_list_link{
	    text-align: center;
    margin: auto;
    display: table;
    text-decoration: none;
    color: #2c54cb;
    border-bottom: solid 1px;
    border-top: solid 1px;
}

.search_top_content{
    display: flow-root;
}
.search_top_content_right{
    width: 30%;
    float: left;
    text-align: center;
    margin-right:5%;}
.search_top_content_right span{
    color: red;
    font-weight: bold;
    font-size: 200%;
}
.search_top_content_left{
width: 65%;
    float: right;}
.search_top_content_left_1st{
    display: flex;
}
.search_top_content_left_1st a{
color: black;
    text-decoration: none;
    border: solid 3px #6d6d6d;
    border-radius: 6px;
    padding: 10px 40px 6px;
    margin: 0 10px;
    text-align: center;
    line-height: 1.2;
    display: block;
}
.search_top_content_left_1st a span{
font-size: 160%;
    display: inherit;
}

.search_top_content_left_2nd{

}
.content_box{
width: 100%;
    display: inline-table;
}
.content_box_mini{
width: 23%;
    display: flow-root;
    float: left;
    margin: 1%;
}
.su-lib-card {
    gap: 10px;
}
.su-lib-cards {
    display: contents;
}
.banner_content{    display: inline-block;}
.banner_content img{
border: solid #d1d1d1;}
.banner_content div{
    width: 23%;
    float: left;
    margin: 1%;}
.content_box h3{
}
.shisaku_header_content_right a, .spec-table a{
    color: black;
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}