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

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

/* Google Font */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700&display=swap');

body, .ff-noto-sans-jp, .wf-active .ff-noto-sans-jp {
	font-family: "Montserrat", "Noto Sans JP", sans-serif;
}

/* フロントページ */
#block-5  h1 span,.list-new-entries h1 span{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	color: #D95F57;
}

/* ピックアップなどの旧タイトル部分装飾
.list-title-in {
	text-shadow: 2px 2px #F3C5D2;
}

.list-title-in:before, .list-title-in:after{
	height: 1px;
	background-color: #FF5D00;
}
*/

.list-title-in {
	padding:0 20px;
}

.list-title-in:before, .list-title-in:after{
	display: none;
}

/* グローバルメニュー */
#header-container {
	width: 100%;
	background-color: transparent;
	z-index: 999;
	padding: 30px;
	position: static;
	top: 0;
	right: 0;
	font-family: "Montserrat", "Noto Sans JP" ,sans-serif;
}

#header-container.fixed-header{
	background-color:#fff;
	padding: 15px 30px;
	background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(5px);
}

.header-container-in.hlt-top-menu {
	width: 100%;
}

#navi,#header-container .navi{
	background-color: transparent;
}

.navi-in > ul{
	justify-content: flex-end;
}

#navi .navi-in a:hover{
	color:#EF7F40;
}

.navi-in a:hover::after {
	border-bottom: 2px solid #EF7F40;
}


#main .button-caption {
	display: none; /*キャプション非表示*/
}

.icon-twitter:before { /* TwitterをXへ */
    content: '';
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.5 140.12"><g><g><path d="M81.24,59.33L132.05,0h-12.04l-44.12,51.52L40.65,0H0l53.29,77.9L0,140.12h12.04l46.6-54.4,37.22,54.4h40.65l-55.27-80.79h0ZM64.74,78.59l-5.4-7.76L16.38,9.11h18.5l34.67,49.81,5.4,7.76,45.07,64.75h-18.5l-36.78-52.84h0Z"  fill="%23fff"></path></g></g></svg>' );
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#header-container .icon-twitter:before { /* TwitterをXへ */
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.5 140.12"><g><g><path d="M81.24,59.33L132.05,0h-12.04l-44.12,51.52L40.65,0H0l53.29,77.9L0,140.12h12.04l46.6-54.4,37.22,54.4h40.65l-55.27-80.79h0ZM64.74,78.59l-5.4-7.76L16.38,9.11h18.5l34.67,49.81,5.4,7.76,45.07,64.75h-18.5l-36.78-52.84h0Z"  fill="%23000"></path></g></g></svg>' );
}

#menu-item-874:hover .icon-twitter:before { /* TwitterをXへ */
    background-image: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 136.5 140.12"><g><g><path d="M81.24,59.33L132.05,0h-12.04l-44.12,51.52L40.65,0H0l53.29,77.9L0,140.12h12.04l46.6-54.4,37.22,54.4h40.65l-55.27-80.79h0ZM64.74,78.59l-5.4-7.76L16.38,9.11h18.5l34.67,49.81,5.4,7.76,45.07,64.75h-18.5l-36.78-52.84h0Z"  fill="%23EF7F40"></path></g></g></svg>' );
}


/* フロントページ下部もっと見る */
.list-more-button{
	width:250px;
	line-height:2.3;
}

/* モバイルドロワーメニュー */
.menu-drawer > li:not(:last-child){
	border-bottom: 1px solid #ccc;
}

.menu-close-button {
    display: block;
    cursor: pointer;
    text-align: right;
    font-size: 2em;
    padding: 0 20px 0 0;
}

.menu-drawer > li > a::before {
    content: "\f0da";
	color: #000000;
}

.menu-drawer a::before {
    content: "-";
    margin-right: 0.5em;
}

/* 記事カード */
.list-new-entries h1 span{
	background-color: #fff;
}

.ect-vertical-card .entry-card-wrap .entry-card-thumb img{
	border-radius: 12px;
    border: solid 5px #D95F57;
}

.entry-card-wrap.a-wrap {
	box-shadow: none;
}

.ect-vertical-card .entry-card-wrap{
	margin-bottom: 60px;
}

.entry-card-title, .related-entry-card-title{
	line-height:1.6;
}

/* 関連記事カード */
.rect-vertical-card .related-entry-card-wrap{
	width:30%;
}

.related-entry-card .cat-label {
	font-size: 12px;
}

.entry-card-snippet, .related-entry-card-snippet{
	font-size: 13px;
    max-height: 7.8em;
    line-height: 1.6;
}

/* PICK UPカード */
.is-list-horizontal.large-thumb .widget-entry-card-link{
	max-width: none;
}

.is-list-horizontal.large-thumb .card-title{
	height: 100%;
}

.swiper-wrapper {
		justify-content: space-between;
	}

#block-5,#block-4,#block-9{ /* TOPのみで表示 */
	display: none;
}

.front-top-page #block-5,.front-top-page #block-4,.front-top-page #block-9 {
	display: block;
	line-height: 1;
}

.list-new-entries-title{
	background-image: repeating-linear-gradient(135deg, #d95f57, #d95f57 5px, transparent 5px, transparent 10px);
	margin: 30px 0 30px 0;
	line-height: 1;
}

#block-5 h1 span{
	background-color: #fff;
}

.widget-entry-cards {
	display: flex;
	justify-content: space-around;
	margin-bottom: 50px;
}

.new-entry-card-title {
	font-size: 15px;
	line-height:1.6;
}

.widget-entry-cards.card-large-image .card-content{
	padding: 1em;
}

.widget-entry-cards.cf:after {
	display:none;
}

/* 旧カード型リンク表示
.widget-entry-cards.card-large-image .widget-entry-card-link {
	width: 30%;
	box-shadow: none;
	border: solid 1px #ccc;
} */



.widget-entry-cards.card-large-image .widget-entry-card-link {
	width: 30%;
	box-shadow: none;
}

.widget-entry-cards.card-large-image a:hover{
	box-shadow: none;
}

.widget-entry-cards.card-large-image .a-wrap{
	border-radius:12px;
	box-shadow: none;
}

.widget-entry-cards.card-large-image .card-thumb img{
	border-radius: 12px;
	border: solid 5px #D95F57;
}

.list-more-button-wrap {
	margin:24px 0 100px;
}


/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}

.ss-top .sns-share-buttons { /* ページトップのボタン */
	margin-bottom: 35px;
}

/* 新着記事横並び */
.list-new-entries .ect-vertical-card .a-wrap {
	width:30%;
}

.ect-vertical-card-3 {
	justify-content: space-between;
}

/* お問合せページ */
.page-id-29 #go-to-top {
	display: none;
}

/* CTA */
.cta-heading {
	font-size: 32px;
}

.cta-box{
	background: none;
	color: #444;
	border: none;
	padding: 50px 0;
}

.footer-widgets{
	justify-content: center;
}

.footer-left, .footer-right{
    display: none;
}

.footer-center {
    width: 100%; /* フッター中央の幅を最大化 */
    max-width: 100%; /* 最大幅を画面いっぱいに */
    text-align: center; /* コンテンツ中央寄せ */
}

.cta-left-and-right .cta-content div{
	width:100%;
}

.cta-button .btn-red{
	background: #fff;
    border: 2px solid #666;
    box-shadow: none;
	color: #333;
	width: 60%;
    margin: 0 auto;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.list-new-entries .ect-vertical-card .a-wrap {
      width: 48%;
  }
	
#header-container {
	z-index:0;
	}
}

/*480px以下*/
@media screen and (max-width: 480px){
	#metaslider_container_447 {
		height: 85vh;
	}
	
	#metaslider_container_447 img{
		height: 85vh;
		object-fit: cover;
	}
	
	.list-new-entries .ect-vertical-card .a-wrap {
      width: 100%;
  }
	
	.is-list-horizontal .swiper-button-next {
		bottom: 25%;
		height: 35px;
		width: 35px;
	}
	
	.is-list-horizontal .swiper-button-prev {
		left: calc(100% - 62px);
		bottom: 29%;
		height: 35px;
		width: 35px;
	}
	
	/* お知らせ欄 */
	#notice-area-wrap {
		padding-top: 0;
	}
	
	#notice-area{
		    padding-top: 12px;
	}
	
	/* ヘッダー */
	.mobile-header-menu-buttons {
		box-shadow: none;
	}
	
	#header-container {
		padding: 0;
	}
	
	/* PICK UP */
	
	
	.widget-entry-cards {
		flex-wrap: wrap;
	}
	
	.widget-entry-cards.card-large-image .widget-entry-card-link{
		width: 100%;
	}
	
	.widget-entry-cards .a-wrap {
		margin-bottom: 5vw;
	}
	
	.swiper {
	overflow: visible;
}
	
	/* 関連記事 */
	.rect-vertical-card .related-entry-card-wrap{
		width: 46%;
	}
	
	.related-entry-card-snippet{
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
	}
	
	/* 記事内 */
body .article .article-header .entry-title {
     font-size: 20px;
    }

	.entry-card-title {
	font-size: 16px;
}
}