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

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


/*全般*/
.top-post-card a:hover img:not(.top-slider),
.a-wrap:hover img{
  transform: scale(1.05, 1.05);
	transition: .2s ;
}
.widget-entry-cards.card-large-image figure,
.popular-entry-card-thumb{
	overflow:hidden;
}
.related-entry-card-title, .entry-card-title{
	font-size: clamp(14px, 1.8vw, 18px);
}

.a-wrap:hover{
	color:#e53900;
	background-color:transparent;
	transition:none;
}


.widget_recent_entries ul li a:hover, .widget_categories ul li a:hover, .widget_archive ul li a:hover, .widget_pages ul li a:hover, .widget_meta ul li a:hover, .widget_rss ul li a:hover, .widget_nav_menu ul li a:hover, .widget_block ul li a:hover, .navi-in a:hover, {
    background-color:transparent;
}
.widget-entry-card{
	backface-visibility:hidden;
}

.cat-link{
	font-size:14px;
	padding:3px 10px;
background-color:#FF9830
}
.tag-caption .fa-tag {
    display: none;
}
.page-id-8057 .widget-above-page-sns-buttons-title {
    font-size: clamp(20px, 1.8vw, 24px);
    font-weight: 700;
    padding-left: 5px;
    margin-top: 150px;
	margin-bottom: 15px;
}
.widget_tag_cloud h2{
	padding-left:5px;
	margin-top:100px;
} 
.widget_tag_cloud h2::before,
.widget_tag_cloud .widget-title::before{
	content: "\f02c";
	font-family: "Font Awesome 5 Free";
	margin-right:10px
}
.tagcloud a {
    border: 1px solid var(--cocoon-x-thin-color);
    border-radius: 10px;
    color: var(--cocoon-text-color);
    padding: 3px 8px;
    text-decoration: none;
	font-size: clamp(14px, 1.3vw, 16px);
	margin: 5px;
    transition: all 0.3s ease-in-out;
	flex:none;
}
.tagcloud a:hover{
	background-color:#FFCB9C
}
.pagination-next-link{
    background-color: #dddddd00;
    color: var(--cocoon-text-color);
	border-color:#d3d3d3;
}
.pagination-next-link:hover{
	background-color:#FFCB9C;
}
.pagination .current {
	background-color:#FFCB9C;
}
.pagination a:hover{
	background-color:#FFCB9C;
}

/*アーカイブページ全般*/
.entry-card-thumb{
	width:100%;
	float:none;
	margin-bottom:0.4em;
	overflow:hidden;
	border-radius:7px;
}

.entry-card-content{
	margin-left:0px;
}

.ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .rect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb, .ect-big-card-first .a-wrap:not(.ec-big-card-first) .card-thumb {
	margin-bottom:0.4em;
}

.entry-card-thumb .a-wrap,
.entry-card-wrap.a-wrap{
	width: calc(100% / 3 - 15px);
}
.sp-entry-card-1-column{
	flex-direction:row;
	column-gap:20px;
	flex-wrap:wrap;
}
.archive-title{
	margin-left:20px;
	font-size: clamp(18px, 1.9vw, 24px);
}
.fa-folder-open:before {
    color:#FF9830;
}


/*TOPページ*/
.top-slider:hover{
	opacity:0.9;
}


.header-container-in.hlt-top-menu .logo-header img{
}

.home main{
	border:none;
	padding-top:0px;
}
.home .content{
	margin-top:0px;
}

/*TOP・新着記事*/
.t-p-head{
    margin: 100px auto 15px;
}
.t-p-head a{
	text-decoration:none;
	color:var(--cocoon-text-color);	
	font-weight:500;
}
.t-p-head a:hover{
	 color:#e53900;}

.top-post-h2 .top-post-text{
	padding:0px;
	border-bottom:none;
	margin:0px 40px 0px 0px;
}

.top-post-h2{
	display:flex;
}

.top-post-h2::before{
	content:'new!';
	color:#e53900;
	margin-right:10px;
	font-weight:700;
}

h2.top-post-text {
	position:relative;
}

.container-post{
    column-gap: 40px;
	row-gap:40px;
    counter-reset: number;
    justify-content: flex-start;
	list-style:none;
	display:flex;
	flex-wrap:wrap;
}
.container-post a{
	display:flex;
	flex-direction:column;
	flex-grow:1;
	width:100%;
	height:auto;
	text-decoration:none;
	color:var(--cocoon-text-color);
	
}
.container-post a:hover{
	color:#e53900;
}

.img-top-post{
width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
	border-radius: 5px 5px 0px 0px;
}

.top-post-card:hover img{
  transform: scale(1.03, 1.03);
  transition: 0.2s all;
}



.top-post-card{
	width: calc(100% / 3 - 27px);
	height:auto;
	display: flex;
	border: 1px solid #e3e3e3;
	border-radius: 7px;
	overflow: hidden;
	min-height:100%;
}

.t-p-card-body{
	margin-bottom: 0;
	height:auto;
    display: flex;
    flex-direction: column;
}
.t-p-card-titleArea{
	height:auto;
	padding-bottom:10px;
	margin:0px 20px;
	line-height:1.4;
}
.t-p-card-title{
	font-size:17px;
	font-weight:500;
	line-height:1.2;
}

.t-p-card-meta{
	padding:15px 20px 10px;
}
.t-p-card-date{
	height:auto;
	display: flex;
    justify-content: space-between;
	align-items: center;
}
.t-p-card-date span{
	font-size:12px;
}

.t-p-card-cat{
	color:#ff8000;
}
.t-p-card-date{
}

.t-p-card-author{
	display:flex;
	align-items:center;
	border-top: 1px solid #e3e3e3;
	margin:auto 20px 10px ;
	padding-top:7px;
}
.t-p-card-auth-name{
	font-size:14px;
	padding-left:20px;
}
.t-p-card-avatar img{
	border-radius:50%;
}

/*TOP・人気記事*/
.page-id-8057 .widget-page-content-bottom-title{
	font-size:clamp(20px, 1.8vw, 24px);
	font-weight:700;
	padding-left:5px;
	margin-top:100px;
	margin-bottom:15px;
}

#popular_entries-5 .widget-page-content-bottom-title::before{
	content: "\f521";
	font-family: "Font Awesome 5 Free";
	margin-right:10px;
	color:#FF9830;
}


.top-ev-container::before{
	content: "\f0a6";
	font-family: "Font Awesome 5 Free";
	margin-right:10px;
	color:#FF9830;
}

#post-8057 .popular-entry-cards{
	display:flex;
	flex-wrap: wrap;
	margin-top:0px;
	row-gap:10px;
	column-gap:20px;
}

.page-id-8057 .widget-entry-cards .a-wrap,
.event-loop-wrap .a-wrap{
	width: calc(100% / 4 - 15px);
	padding:0px;
	margin:0px;
	backface-visibility:hidden;
}
.page-id-8057 .popular-entry-card-title{
	-webkit-line-clamp: 6;
	height:100%;
		max-height:100%;
	font-size:15px;
	font-weight:500;
	line-height:1.5;
}
.internal-blogcard-footer{
	display: none
}


.popular-entry-card-thumb{
	border-radius:7px;
}

/*TOP・イベント一覧*/
.top-ev-container{
	display:flex;
	align-items: center;
}
.event-title{
	padding-top:10px;
	font-size:clamp(15px, 1.4vw, 17px);
	font-weight:500;
	line-height:1.4;
}
.top-ev-span1{
	font-size:clamp(16px, 1.4vw, 18px);
	margin-left:40px;
}
.event-loop-wrap{
	flex-direction:row;
	column-gap:20px;
	flex-wrap:wrap;
}
.event{
	margin-bottom:50px;
}

/*投稿*/
.article h2{
  background-color:transparent;
  border-bottom: 3px solid;
  width: auto;
	border-image:linear-gradient(to right, #ffce9d,#FFFFFF) 1;
	padding:10px 5px;
	margin-top:3em;
}

.article h1{
	margin:0 0 5% 0;
	font-size:clamp(20px, 2.2vw, 32px);
}


/*サイドバー*/
.toc-list li{
	padding-top:15px;
	padding-left:10px;
	line-height:1.3;
}
.toc-list li a:hover{
	 color:#e53900;
}

.entry-content fieldset{padding:1.6%;}

.ex-class .a-wrap{margin-bottom:40px;}

/*ライター*/
.author-box p {
    line-height: 1.6;
    font-size: 14px;
}
.author-widget-name{
	font-weight: bold;
    margin-bottom: 2%;
}
.fa-user:after{

}

/*SNSボタン*/
.sns-share.ss-col-3 a{
	width: 30.5%;
    height: 4rem;
    border-radius: 20px;
    column-gap: 2%;
}
.sns-share.ss-col-3 .sns-buttons{column-gap:2%;}

.cta-corp{
	margin-bottom:50px;
padding:0px 10px;}
.cta-corp p{margin-bottom:15px;}

[class*=bc-brand-color] .copy-button{background-color:#999;}
 

/*グッドボタン*/
#custom_html-2{margin-top:100px;}
.ifw_wrap button.ifw_btn:hover{border-color:transparent;}

.ifw_wrap .ifw_message_wrap.ifw_thanks {width:88vw;}

/*TOPボタン*/
.fa-angle-up:before{
	color: chocolate;
}

/*タグ*/
.ctdt-one-row .entry-tags{
	display:flex;
	flex-wrap: wrap;
	row-gap: 5px;
	padding-top: 5px;
}
.tag-link{
	border-radius:10px;
	border: 1px solid var(--cocoon-x-thin-color);
	padding:3px 8px;
}
.fa-tag:before{content:none;}
.entry-categories-tags .tax-icon{margin-right:0px;}
.fa-folder:before{content:none;}


/*特集*/
.single-special .main{
	padding:0px;
}
.single-special .wrap{
	max-width:1000px;
}
.single-special .entry-content{
	margin-top:0;
}
.sp-top{
	padding:20px;
	margin-bottom:0px;
}
.single-special .sp-top h1{
	margin-top:0px;
	margin-bottom:10px;
	font-size: clamp(18px, 2vw, 32px);
}
.sp-toku{
	display: inline-block;
    height: 30px;
    margin-right: 5px;
    margin-bottom: 10px;
    padding: 0 10px;
    background: #454b53;
    line-height: 30px;
    font-size: 20px;
    font-weight: bold;
    color: #ffffff;
	
}

.post-type-archive-special .wrap{
	max-width:1000px;
}

.special-thumbnail{
  width: 400px;
	overflow:hidden;
	border-radius:7px;
}
.special-article-wrap h2,.special-archive{
  font-size: clamp(16px, 0.818rem + 0.91vw, 22px);
  line-height: 1.5;
}

h2.special-article-title{
  border-bottom: none;
	margin-bottom:0px;
	padding:0px 0px 0px 5px;
	margin-top:5px;
}
.special-archive-content{
  margin-top: 5%;
}
.special .entry-card-content{
	padding-bottom:0px;
}
.special-loop-wrap{
  border-bottom: 1px solid rgb(247, 240, 240);
	margin-bottom:0px;
}
.single-special .t-p-card-author{
	border:none;
}

.sp-desc{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  line-height: 1.5;
  margin-bottom: 1em;
}
.card-thumb img{
	border-radius:5px;
	aspect-ratio:16/9;
}
.special-wrap{
	display:flex;
	flex-direction: column-reverse;
}
.special-img img{
	width:100%;
}

/*投稿・人気記事*/
#popular_entries-6 h2{
	font-size:clamp(20px, 2vw, 24px);
	margin-bottom:15px;
	border-bottom:solid 2px #FF9830;
}
#popular_entries-6 h2::before{
content: "\f521";
font-family: "Font Awesome 5 Free";
margin-right: 10px;
color: #FF9830;
	padding-left:5px;
}
#popular_entries-6 .popular-entry-cards{
	display:flex;
	flex-wrap:wrap;
	column-gap: 20px;
	row-gap: 20px;
}
#popular_entries-6 .popular-entry-card-link{
	width: calc(100% / 2 - 10px);
}

#popular_entries-6 .widget-entry-cards figure{
	width: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
}

#popular_entries-6 .widget-entry-card-thumb{
	
}

#popular_entries-6 .popular-entry-card-content{
	margin:0px;
}

#popular_entries-6 .card-title{
	display:block;
	overflow:visible;
	font-size:17px;
	font-weight:500;
	line-height:1.5;
}


.under-entry-content .swiper-wrapper{
	transform: none;
}

.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link{
	max-width:262.5px;
}
#popular_entries-6 .swiper-wrapper,
.home  .swiper-wrapper{
	flex-wrap:wrap;
}
.is-list-horizontal .swiper-button-next::after{
	content:none;
}
.under-entry-content .swiper-button-next{
	display:none;
}
.is-list-horizontal.large-thumb .card-title, .is-list-horizontal.large-thumb-on .card-title{
	-webkit-line-clamp: 3;
	overflow: hidden;
    max-height: 4em;
}

.widget-entry-cards.ranking-visible .card-thumb::before{
	border-radius: 5px 0px 0px;
	font-weight: 700;
}

/*イベント*/


.single-event .content .wrap{
	max-width:800px;
}
.ev-desc{
	margin-top:10px;
	font-size:clamp(14px, 1.4vw, 16px);
	margin-bottom:0px;
}
.ev-date{
	font-size:clamp(14px, 1.4vw, 16px);
}

.event-btn{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    padding: 20px;
	margin-bottom:50px;
}
.ev-btn{
	border: 1px solid #FF9830;
    padding: 10px;
    text-decoration: none;
	font-weight:700;
    color:  #FF9830;
    border-radius: 10px;
	position:relative;
}
.ev-btn::after {
  background:  #FF9830;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: .2s ;
  z-index: -1;
	border-radius: 10px;
}
.ev-btn:hover{
	color: #FFF;
}
.ev-btn:hover::after{
	transform:scale(1,1);
}

/*フッター*/
.footer{
	margin-top:100px;
	padding:50px 60px;
}
#footer li{
	font-size:clamp(14px, 1.4vw, 18px);
	
}
#footer a:hover{
	background-color:transparent;
	text-decoration:underline #FF9830;
	color:#FF9830;
	transition:none;
}

.ifw_wrap{
	margin-top:10px;
margin-bottom:60px;	
}

.sns-buttons{
	margin-bottom:200px;
}

h2.related-entry-heading{
	border-bottom:solid 2px #FF9830;
	font-size:clamp(20px, 2vw, 24px);
	margin-top:150px;

}
h2.related-entry-heading::before{
	content: "\f0a6";
	font-family: "Font Awesome 5 Free";
	margin-right:10px;
	color:#FF9830;
}

.navi-footer-in > .menu-footer li:last-child {
	border:none;
}
.navi-footer-in > .menu-footer li {
	border:none;
}
.navi-footer-in > .menu-footer{
	align-items: baseline;
}
.f-m-twitter a:before{
content:"\e917";
	font-family: 'icomoon' !important;
	margin-right:3px;
}
.f-m-facebook a:before{
content:"\e919";
	font-family: 'icomoon' !important;
}
.f-m-instagram a::before{
	content:"\ea92";
	font-family: 'icomoon' !important;
	margin-right:3px;
}
.f-m-twitter,.f-m-facebook{
	display:flex;
}
.f-m-etic{
	margin-right:30px;
}
.navi-footer-in a{
	font-size:clamp(14px, 1.4vw, 18px);
}

.footer-widgets, .footer-widgets-mobile{
	flex-direction:column;
}
.footer-left, .footer-center, .footer-right{
	width:100%;
}
.footer-widgets .widget_nav_menu ul li a{
	padding:0px 30px 0px 0px;
	font-weight:700;
}
.widget-footer-left a{
	font-weight:700;
}
.footer-widgets .menu{
	display:flex;
	flex-wrap:wrap;
}
.footer-widgets .footer-title{
	font-size:18px;
	font-weight:500;
}

/*about*/
#post-8185 h1{
	text-align:center;
}
#post-8185 .date-tags{
	display:none;
}
.page-id-8185 .breadcrumb{
	display:none;
}
.page-id-8185 .wp-block-group p{
	text-align:center;
}

/*スライドメニュー*/
.menu-drawer a{
	padding:8px;
	font-weight:700;
}
.menu-item-67004{
	margin-top:15px;
}
.menu-item-67004::before{
	content:'カテゴリ';
	margin-top:10px;
	
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	    .special-article-wrap{
    display: grid;
    justify-items: center;
  } 
    .special-thumbnail{
    width: 100%;
		margin-right:0px;
}
.sp-exc{
  display: none;
}
.sp-desc{
  display: none;
}
.top-post-card{
width: calc(100% / 2 - 30px);
}

}

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

	.top-post-card{
	width: 100%;
	}
#popular_entries-6 .popular-entry-card-link,
	.entry-card-wrap.a-wrap
{
	width:100%;
}
#popular_entries-6 .widget-entry-cards .a-wrap,
.event-loop-wrap .a-wrap,
{
	max-width:600px;
	}
	.page-id-8057 .widget-entry-cards .a-wrap{
		display:block;
		width:100%;
		max-width:600px;
	}
	.top-ev-container{
		display:block;
	}
	.top-ev-span1{
		margin-left:0;
	}
	.event-loop-wrap{
		display:block;
	}
	.event-loop-wrap .a-wrap{
	width:100%;
	}
.page-id-8185 .wp-block-group p{
	text-align:left;
}
.page-id-8185 .wp-block-image{
	display: block;
}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.author-box .author-name{
		text-align:center;
		margin-top:10px;
	}
	.author-box{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.author-box .author-content{
		margin-left:0px;
	}
	.navi-footer-in > .menu-footer{
		display:block;
	}
	.navi-footer-in > .menu-footer li.menu-item{
		width:100%;
		margin-bottom:10px;
	}
    .menu-content {
}
	.event-loop-wrap .a-wrap{
		max-width:100%;
	}
}