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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
    /************************************
    ** トップページカスタマイズ
    ************************************/

    .home #main h1{
        font-size: 1em;
        color: #555;
        letter-spacing: 1px;
        margin: 1em 0 -2em;
        font-weight: 400;
        display: flex;
        align-items: center;
    }
    .home #main h1:before, .home #main h1:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #aaa;
        display: block;
    }
    .home #main h1:before {
        margin-right: .4em;
    }
    .home #main h1:after {
        margin-left: .4em;
    }
    .home #main .large-thumb{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 0.8em 0;
    }
    .home #main .large-thumb a{
        width: 33.33%;
        padding: 10px;
    }
    .home #main .large-thumb a:hover{
        background:unset;
    }
    .home #main .widget-entry-cards .e-card {
        font-size: 18px;
        box-shadow: 0 0 4px rgba(0,0,0,.15);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        height:100%;
		padding: 7px;
    }
    .home #main .widget-entry-cards .e-card:hover {
        transform: translateY(-3px);
        box-shadow: 0px 3px 18px 3px rgba(0,0,0,.08);
    }
    .home #main .widget-entry-cards figure {
        float: none;
        width: 100%;
    }
    .home #main .widget-entry-cards figure img {
        width: 100%;
        display: block;
        object-fit: cover;
        height: 210px;
    }
    .home #main .widget-entry-cards .card-content {
        margin: 0 0 0.5em;
        padding:10px 15px;
        background:#fff;
    }
    .home #main .large-thumb .new-entry-card-title,.home #main .large-thumb .popular-entry-card-title {
        font-size: 0.9em;
        line-height: 1.5;
        font-weight: 600;
        color: #555;
        margin-top: 3px;
    }



    /************************************
    ** ボタン
    ************************************/
    .p-button {
        max-width: 300px;
        margin: 0 auto;
    }
    .p-button a {
        display: block;
        margin:25px 0;
        padding: 0.8em 1em;
        border-radius: 2em;
        color: #fff;
        font-size: 16px;
        font-weight: 700;
        text-decoration: none;
        background: #eba02f;
        box-shadow: 0 5px 20px rgba(235, 160, 47, .5);
        text-align: center;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity:1;
    }
    .p-button a:hover{
        box-shadow:none;
        transform: translateY(3px);
        opacity:1;
    }

    .home header .sns-share,.home footer .sns-share,.home footer .sns-follow,.home header .post-date,.home .post-update,.home .author-info{
        display: none;
    }

/*ベーシックデザインカスタマイズ*/
.tagline{
	margin-top: 1.5em;
	margin-bottom: 0px;
}

.article h2 {
  border-top: 1px solid #393f4c;
  border-bottom: 1px solid #393f4c;
}
.article h2, .article h3, .article h4, .article h5, .article h6{
	margin-top:2em;
}

.home #main .widget-entry-cards figure img{
	height:auto;
}

#header .logo a{
	padding-bottom: 10px;
}
.page-top a{
	background-color: #DFF0F7;
}
.page-top a:hover{
	background-color: #f3c682;
	color: #fff;
}
.go-to-top-button{
	background-color: #4A8AA3;
}

/*投稿ページカスタマイズ*/
figure.wp-block-table table{
	width: 100%;
}
.scrollable-table strong{
	font-size: 150%;
}
.scrollable-table th, .scrollable-table td{
	padding:15px 15px;
}
.cat-link{
	background-color: #eba02f;
}
table th, table td{
	border: #cecbc0 solid 1px;
}
.cat-label{
	top: -1.2em;
	font-size: 10px;
}
.eye-catch .cat-label{
	top: -0.8em;
	left: 0.5em;
}
/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0 !important;
padding:0 !important;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/4);/* 4列 */
flex-basis: calc(100%/4);/* 4列 */
margin:0 !important;
padding:0 !important;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
/*flex-direction: column-reverse;*/
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.95em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}

/*サイドバー 出荷スケジュール*/
.side_schedule{
	width: 100%;
	border: 1px solid #e0ddd1;
	padding:15px;
}
.side_schedule ul li{
	font-size: 16px;
}
.kyushi, .rinji{
	color: #e60012;
}
.sp_schedule{
	width: 100%;
	border: 1px solid #e0ddd1;
	padding:15px;
	margin-top: 30px;
}
.sp_schedule ul li{
	font-size: 14px;
}

/*お問い合わせボタン*/
    .contact_u {
        max-width: 500px;
        margin: 0 auto;
    }
    .contact_u a {
        display: block;
        margin:25px 0;
        padding: 0.8em 1em;
        border-radius: 2em;
        color: #fff;
        font-size: 20px;
        font-weight: 700;
        text-decoration: none;
        background: #eba02f;
        box-shadow: 0 5px 20px rgba(235, 160, 47, .5);
        text-align: center;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        opacity:1;
    }
    .contact_u a:hover{
        box-shadow:none;
        transform: translateY(3px);
        opacity:1;
    }
	.contact_u p{
		text-align:center;
	}
	.contact_u i{
		font-size:25px;
	}
	.contact_u p span{
		padding-left:5px;
		font-size:30px;
		font-weight:bold;		
	}

/*固定ページ（トップページカスタマイズ）*/
/*フロント固定ページのタイトルを非表示*/ .home.page .entry-title{ display: none; } 
/*フロント固定ページのシェアボタンを非表示*/ .home.page .sns-share{ display: none; } 
/*フロント固定ページのフォローボタンを非表示*/ .home.page .sns-follow{ display: none; } 
/*フロント固定ページの投稿日を非表示*/ .home.page .post-date{ display: none; } 
/*フロント固定ページの更新日を非表示*/ .home.page .post-update{ display: none; } 
/*フロント固定ページの投稿者名を非表示*/ .home.page .author-info{ display: none; }

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*PCのみ*/
@media screen and (min-width: 560px){
	.sp_schedule{
		display: none;
	}
} 

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

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

/* スマホ */
@media screen and (max-width: 559px) {
  .p-nav ul li{
    -ms-flex-preferred-size: calc(100%/2);/* 2列 */
    flex-basis: calc(100%/2);/* 2列 */
  }
	.wp-block-image img{
		width:30%;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.home #main h1{
            margin: 1em 0 0;
            padding: 0;
            font-size:0.8em;
        }
        .home #main .widget-entry-cards .e-card {
            margin:0 5px;
        }
        .home #main .large-thumb a {
            width: 100%;
            padding: 0;
            margin:0 0 15px;
        }
        .home .mobile-2{
            justify-content:space-between;
        }
        .home .mobile-2 a{
            width:48% !important;
        }
        .home .mobile-2 figure img {
            object-fit: unset !important;
            height: auto !important;
        }
        .home #main .large-thumb .new-entry-card-title{
            line-height:1.3;
        }
}