@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以下*/
body{color:#444;}
/*header{height:100px;}*/
.wbasic1000{width:1000px;margin:0 auto;}
ul.wp-block-latest-posts{display: grid;width: fit-content;column-gap:1em;row-gap:1em;grid-template-columns: repeat(2, auto);}
a.wp-block-latest-posts__post-title{color:#444;font-size:1.2rem;text-decoration:none;line-height:1.6rem;font-weight:bold;}
a:hover.wp-block-latest-posts__post-title{color:#1d2088;}
time.wp-block-latest-posts__post-date{margin-top:10px;}
.wp-block-latest-posts__post-excerpt{color:#444;font-size:0.88rem;line-height:1.4rem;font-feature-settings:"palt";}
h3.widget-title{background-color:#fff;border-bottom:2px solid #1d2088;color:#444;padding:6px 0px;margin-bottom:10px;}
.article h2{background-color:#fff;font-size:1.4rem;border-bottom:2px solid #1d2088;color:#444;padding:10px 0px;margin-bottom:20px;}
.a-wrap:hover{background-color:#fff;}
.widget_recent_entries ul li a{font-size:0.88rem;font-feature-settings:"palt";line-height:1.4rem;}
.widget_recent_entries ul li a:hover,.widget_pages ul li a:hover{background-color:#fff;text-decoration: underline;}
.widget_recent_entries ul li{padding:8px 0;border-top: 1px solid #efefef;}
.widget_recent_entries ul li:first-child{border: none;}
.info-list-item-content{font-size:0.88rem;font-feature-settings:"palt";line-height:1.4rem;padding:8px 0;}
.info-list-item-content a:hover{color:#444}
.widget-entry-card-title{font-size:0.88rem;font-feature-settings:"palt";line-height:1.4rem;padding:4px 0;}
.widget-entry-cards a:hover{text-decoration:underline;}
.widget_pages ul li{font-size:0.88rem;line-height:1.4rem;}
#top_book_list .border-square .a-wrap{height:180px;}

#top_pic_up{border-bottom:2px solid #1d2088;}
#top_pic_up .new-entry-card-thumb{width:320px;height:auto;margin-right:40px;}
#top_pic_up .new-entry-card-title{font-size:1.7rem;line-height:2.4rem;}
#top_pic_up .new-entry-card-title a{text-decoration:none;}
#top_pic_up .new-entry-card-title a:hover{color:#1d2088;}
#top_pic_up .new-entry-card-snippet{font-size:0.88rem;line-height:1.4rem;}
#movie_pickup .new-entry-card-title{font-size:0.88rem;font-feature-settings:"palt";line-height:1.4rem;}

.header-in{position:relative;}
.header-in .search-box{position:absolute;top:50%;left:34px;margin:0;width:200px;transform:translateY(-50%);}
.header-in input[type="text"]{padding:8px 10px;font-size:0.88rem;/*border:2px solid #efefef;*/}
.header-in .search-submit{right:8px;left:auto;top:10px;color:#afafb0;}
.navi .item-label{font-size:0.88rem;}
.navi-in a:hover{text-decoration:underline;}
/*.sub-menu a,.sub-menu a:hover{background-color:#fff;color:#444;}*/

#um-submit-btn{background-color:#1d2088;}
.wp-block-button a{background-color:#1d2088;}
.wp-block-button{transition-property: opacity;transition-duration: 0.5s;}
.wp-block-button a:hover{opacity:0.8;color:#fff;}

.box_1d2088{border:2px dotted #1d2088; padding:30px 40px 0 40px;}
.link_box{border:2px solid #1d2088; color:#1d2088;padding:10px 20px;border-radius:10px;}
.link_box a{text-decoration:none;}
.textD{text-decoration:none;}

.grid01 {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 60px;
row-gap:40px;
}
.grid02 {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 20px;
row-gap:20px;
}
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
.header-in .search-box{display:none;}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
ul.wp-block-latest-posts{display: grid;width: fit-content;column-gap:0em;row-gap:1em;grid-template-columns:1fr;padding:0;}
#top_pic_up .new-entry-card-thumb{width:100%;display:block;}
#top_pic_up .widget-entry-card-content {margin-left:0px;}
#top_pic_up .new-entry-card-title{float:left;display:block;}
#top_pic_up .new-entry-card-snippet{display:none;}
.header {height:auto;}
.logo {margin:0 auto;width:60%;}
.grid02{grid-template-columns:1fr;column-gap:0px;row-gap:20px;}
}