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

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

/* Font AwesomeのTwitterアイコンを「X」に変更 */
.fa-twitter:before {
    content: "\1D54F"; 
    font-family: Arial, sans-serif;
}

/* トップページのロゴ位置設定 */
.logo-header {
    transform: translateY(-200px);
}

.home.page .entry-title {
  display: none;
}
.home.page .post-date {
  display: none;
}
.home.page .date-tags {
	display: none;
}
.home.page .img-full-width .widget-entry-cards.card-large-image .a-wrap {
    max-width: 100%;
	text-align: center;
}

.wrap {
    width: 100%;
}

.header .header-in {
    min-height: 650px;
}

/* 親要素でflex指定 */
.reversebox {
	display: flex;
}

.margin-padding0 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

/* wide画面幅max*/
.wide-wrap {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px;
	padding-bottom: 5em;
}
.background-color-white {
	background-color: white !important;
}
.background-color-gray{
	background-color: #F5F6F7 !important;	
}

.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
    max-width: 490px;
}

.new-entry-card-thumb img {
    width: 100% !important;
    height: auto !important;
}

.img-full-width .new-entry-card-thumb img {
    width: 100%;
    height: auto; /* アスペクト比を維持しながら高さを自動調整 */
    display: block; /* 画像の周囲に余白ができないようにする */
}


#wpcf7-f105-p6-o1 {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px;
	padding-bottom: 5em;
	background-color: #F5F6F7;	
}

/*カルーセルスタイル*/

#carousel {
	position: relative;
	margin-top: -480px;
}
.carousel-in {
    background-color: transparent;
}
.slick-dots {
	transform: translateY(-20px);
}
.no-sidebar .content .main {

}

/* 記事スライダー幅100%表示 */
.carousel-entry-card-thumb {
    width: 100% !important;
}

/* カスタム記事スライド表示のための設定 */
.custom_carousel {
    display: block;
    opacity: 1;
    visibility: visible;
}

/* 記事スライドの矢印色設定 */
.carousel .slick-arrow:before {
	color: #000000;
}

#custom-carousel .carousel-content {
    display: flex;
}

#custom-carousel .carousel-content .slick-slide {
    flex: 1 0 auto;
}

/*カテゴリーのtabスタイル*/
/*tab用のフルワイドセンター寄せ*/
.category-tab-width {
	margin: 0 auto;
    padding: 0 calc(50vw - 50%);
    padding-top: 10px;
    padding-bottom: 5em;
	max-width: 1333px;
}
/*tab表示の新規投稿を3列にするためのコード*/
.new-entry-cards.fp-new-entry-cards {
  padding:10px;
  display : flex;
  flex-wrap : wrap;
  justify-content:space-around;
}

.fp-new-entry-cards .new-entry-card-link.a-wrap {
    display: inline-block;
    width: 31.9%;
}

/*tabの線消し*/
.tab-content-group {
	border: none;
}
/*タブを画面のセンター揃え*/
.tab-label-group {
	justify-content: center;
}
/*タブの幅とテキストセンター揃え*/
.tab-label-group .tab-label {
	width: 220px;
    text-align: center;

}

/*↑↑カテゴリーのtabスタイルここまで↑↑*/




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
    .no-mobile-header-logo .header .header-in {
        min-height: 600px;
    }
	
	.is-list-horizontal.large-thumb .widget-entry-card-link, .is-list-horizontal.large-thumb-on .widget-entry-card-link {
        max-width: 390px;
	}
}

/*781px以下*/
@media screen and (max-width: 781px){
	.reversebox {
  		flex-direction: column;
 	}
	 .order1 {
    	order: 1;
  	}
  .order2 {
	  order: 2;
  	}
  .fp-new-entry-cards .new-entry-card-link.a-wrap {
    width: 48.9%;
  }
}

/*480px以下*/
@media screen and (max-width: 480px){
  .fp-new-entry-cards .new-entry-card-link.a-wrap {
    width: 98.9%;
  }
}