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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#navi .navi-in > ul li{
	height: 30px;
	line-height: 30px;
}
.logo.logo-header.logo-text {
	padding: 0px;
}
.entry-title {
display: none;
}
.tagline,
.logo {
	text-align: left;
}
.navi-in > ul {
	justify-content: flex-start;
}

/*検索窓*/
.search-box {
width:300px;
margin:0px; 
position: relative; display: flex;
}
.search-edit {
width:300px; /*入力部分の長さ*/
height:33px ;/*検索窓の高さ*/ 
background: #fff; /*入力部分の背景色*/
 font-size: 15px;
}	
.search-submit {
background: #fff; /*ボタン部分の背景色*/
color: #aeab92;/*アイコンの色*/
position: absolute; margin:1px 6px 3px; 
cursor: pointer; line-height:0px; /*検索アイコンの高さや位置*/ 
border:none;padding: 0;}

.search-box input::placeholder {
font-size: 14px; color: #aeab92;/*プレースホルダーのフォント大きさと色*/
}

/*768px以下*/
@media screen and (max-width: 768px){
/*タブレット・スマホの時は非表示*/
.add-header-contents {display: none; }
}
/*ロゴ表示調整*/
.site-logo-image.header-site-logo-image{padding-top:18px;padding-left:10px}

/*検索窓*/
.add-header-contents{position:relative;bottom:15px;left:1131px;width:auto;}

/*768px以下*/
@media screen and (max-width: 768px){
/*タブレット・スマホの時は非表示*/
.add-header-contents {display: none; }
}


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

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

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

/*固定ページ、掲載整列*/
.movie-grid{
    display:grid;
    grid-template-columns:repeat(5,1fr);
    gap:12px;
    width:100%;
}

.movie-card{
    width:100%;
}

.movie-card img{
    width:100%;
    height:220px;
    object-fit:cover;
    display:block;
}

.movie-card h3{
    font-size:12px;
    line-height:1.4;
    margin-top:6px;

    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;

    min-height:34px;
}

/*PC５列、タブレット３～４列、スマホ２列*/
@media (max-width:768px){
    .movie-grid{
        grid-template-columns:repeat(2,1fr);
    }
}

.movie-page{
    width:95vw;
    max-width:1800px;
    margin:0 auto;
}

/*ページ送り*/
.movie-pagination{
    display:flex;
    justify-content:center;
    align-items:center;
    gap:0;
    margin:20px 0;
    flex-wrap:wrap;
}

.movie-pagination .page-numbers{
    display:flex !important;
    align-items:center;
    justify-content:center;

    min-width:20px !important;
    width:auto !important;
    height:34px;

    padding:0 10px !important;
    margin:0 -1px 0 0;

    border:1px solid #ddd;
    border-radius:0;

    font-size:13px;
    text-decoration:none;
    background:#fff;
}

.movie-pagination .current{
    background:#1e73be;
    color:#fff;
    border-color:#1e73be;
}

.movie-pagination .next,
.movie-pagination .prev{
    min-width:auto !important;
    padding:0 13px !important;
    white-space:nowrap;
}

/* 下部の余白を詰める */
.content,
.main,
#main,
#content {
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}