@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/
:root{
	--content-line-color: #666;
}

/* リンク背景色ホバーのリセット */
a:hover{
	background-color: transparent;
}

/* grecaptcha非表示 */
.grecaptcha-badge{
	visibility: hidden;
}

/* トップへ戻るボタン */
.go-to-top{
	right: 60px;
	bottom: 60px;
}

.go-to-top-button{
	width: 50px;
	height: 50px;
	border: 2px solid var(--cocoon-text-color);
}

.go-to-top-button:hover{
	background-color: var(--wp--preset--color--ex-e);
	color: var(--cocoon-text-color);
}

/* サムネイル画像比率 */
.card-thumb img{
	aspect-ratio: 40 / 21;/*1200x630*/
}





/************************************
** ヘッダー
************************************/
.header-container{
	padding: 0;
	background-color: transparent!important;/*ロゴエリアの背景透過*/
}



/* ロゴ */
.header-container .logo{
	display: block!important;
	max-width: 480px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px 0;	
}



/* ヘッダーナビゲーション */
.navi{
	padding: 10px;
}

#navi .navi-in a{
	color: #fff;
}

#navi .navi-in a:hover{
	background-color: transparent;
	color: var(--cocoon-text-color);
	transition: 0.3s;
}

.menu-header a:before{
	display: flex;
	align-items: center;
	margin-right: 5px;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 1.5em;	
}

.headList_Design a:before{
	content: '\f1fc';
}

.headList_Web a:before{
	content: '\f108';
}

.headList_Business a:before{
	content: '\f0b1';
}



/* モバイルヘッダー */
.mobile-menu-buttons{
	height: 70px;
	padding: 0 20px;
	background-color: var(--wp--preset--color--ex-e);
	box-shadow: 0 2px 3px rgba(0,0,0,0.1);
}

/* モバイルヘッダー キャプション非表示 */
.mobile-header-menu-buttons .menu-caption{
	display: none;
}

/* モバイルヘッダー アイコンサイズ */
.mobile-header-menu-buttons .menu-icon{
	font-size: 24px;
}

/* モバイルヘッダー 検索 */
.search-menu-button,
.logo-menu-button{
	z-index: 99999;/*メニューを開いても表示*/
}

.mobile-menu-buttons .search-menu-button .menu-button-in{
	color: var(--wp--preset--color--ex-a);
}

.mobile-menu-buttons .search-menu-button #search-menu-input:checked~#search-menu-close{
	opacity: 0.98;
	background-color: var(--wp--preset--color--ex-e);
}

 /* モバイルヘッダー ロゴ */
.mobile-menu-buttons .logo-menu-button{
	max-width: 240px;
}

/* モバイルヘッダー メニューアイコン */
.navi-menu-button,
.menu-close-button .fa-times{
	position: relative;
	align-self: center;
	width: 70px;
	padding: 5px 0;	
	background-color: var(--wp--preset--color--ex-a);
	border-radius: 5px;
}

.navi-menu-button:after,
.menu-close-button .fa-times::after{
	position: absolute;
	content: "";
	top: 100%;
	left: 50%;/*中央配置*/
	transform: translate(-50% , 0);/*中央配置*/
	border: 20px solid transparent;
	border-top: 10px solid var(--wp--preset--color--ex-a);
}

.mobile-menu-buttons .navi-menu-button .menu-button-in{
	color: #fff;
}

.mobile-menu-buttons .navi-menu-button:hover,
.menu-close-button .fa-times{
	background-color: var(--cocoon-text-color);
}

.mobile-menu-buttons .navi-menu-button:hover:after,
.menu-close-button .fa-times::after{
	border-top-color: var(--cocoon-text-color);
}



/* モバイルヘッダー メニュー内部 */
.navi-menu-content{
	background-color: var(--wp--preset--color--ex-e);
	max-width: none;/*Cocoonテーマ設定打ち消し*/
	transform: translateY(-100%);/*上から出現*/
	opacity: 0;/*フワッと出現*/
}

.menu-close-button{
	position: absolute;
	top: 0;
	right: 20px;
	display: flex;/*アイコンの中央揃え*/
	justify-content: center;/*アイコンの中央揃え*/
	align-items: center;/*アイコンの中央揃え*/
	width:70px;
	height: 70px;
	color: #fff;
}



/* モバイルヘッダー スライドインメニュー */
.menu-drawer{
	margin-top: 100px;
}

.menu-drawer a:after{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:'\f054';
	float: right;
}

.menu-drawer a{
	border-bottom: 2px solid var(--cocoon-text-color);
	margin-top: 20px;
	padding: 0 10px 5px 10px;
}



/* モバイルヘッダー スライドインメニュー 問い合わせ、Xアイコンボタン */
.mobileContact,
.mobileX{
	position: relative;
}

.mobileContact:before,
.mobileX:before{
	position: absolute;
	top: 50%;
	left: 50%;/*中央配置*/
	transform: translate(-50% , -50%);/*中央配置*/
	color: #fff;
	font-size: 24px;
}

.mobileX a,
.mobileContact a{
	text-indent: 105%;/*文字の非表示*/
	white-space: nowrap;/*文字の非表示*/
	overflow: hidden;/*文字の非表示*/
	margin-top: 30px;
	padding: 10px;
	background-color: var(--wp--preset--color--ex-a);
	border: none;
	border-radius: 5px;
}

.mobileX a{
	background-color: var(--cocoon-twitter-color);
}

.mobileX a:hover,
.mobileContact a:hover{
	background-color: var(--cocoon-text-color);
}

.mobileX:before{
	content: "\e90c";
	font-family: 'icomoon' !important;
}



/* モバイルヘッダー スライドインメニュー タグリスト */
.mobileTagList > a{
	pointer-events: none;/*入れ子用文字のリンクを削除*/
	position: relative;
	border-bottom: 3px solid var(--wp--preset--color--ex-a);
}

.mobileTagList > a::before,
.mobileTagList > a::after{
	content: '';
	position: absolute;
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0 12px;
	border-style: solid;
}

.mobileTagList > a:before {
	bottom: -14px;
	border-color: var(--wp--preset--color--ex-a) transparent transparent transparent;
}

.mobileTagList > a:after {
	bottom: -10px;
	border-color: var(--wp--preset--color--ex-e) transparent transparent transparent;
}

.mobileTagList .sub-menu{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	margin-top: 30px;
	padding: 0;
}

.mobileTagList .sub-menu a{
	margin: 0;
	padding: 5px 10px;
	background-color: #fff;
	font-weight: 600;
	border: 2px solid;
	border-radius: 5px;	
}

.mobileTagList .sub-menu a:hover{
	background-color: var(--cocoon-text-color);
	color: #fff;
}

.mobileContact a:after,
.mobileX a:after,
.mobileTagList .sub-menu a:after{
	display:none;
}





/************************************
** フッター
************************************/
.footer{
	margin: 100px 0 0 0;
	padding: 0 0 30px 0;
}



/* フッターウィジェット */
.footer-widgets{
	padding:30px 0;
	margin: 0;
}

.footer-widgets .footer-left,
.footer-widgets .footer-center,
.footer-widgets .footer-right{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	padding: 0;
}

.footer-widgets .footer-left > *,
.footer-widgets .footer-center > *,
.footer-widgets .footer-right > *{
	margin: 0!important;
}

/* フッターロゴ */
.footer-center .widget_media_image{
	max-width: 500px;
}

.footer-center .widget_media_image a:not(#_):hover{
	background-color: transparent;
}

/* SNSボタン */
.footer-widgets .sns-buttons{
	margin: 0;
}

.footer-widgets .sns-buttons .x-corp-button{
	width: 80vw;
	max-width: 300px;
}

.footer-widgets .sns-buttons .x-corp-button:hover{
	background-color: #fff;
	opacity: 1;
	color:var(--cocoon-text-color);
	transition: 0.3s;
}



/* フッターナビ */
.navi-footer-in .footer-bottom{
	margin: 0;
	padding: 0;
}

.navi-footer-in > .menu-footer > .menu-item{
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

.navi-footer-in > .menu-footer > .menu-item:last-child{
	border-left: none;
	border-right-width: 2px;/*レスポンシブで消すために幅のみ指定*/
	border-color: #fff;/*Cocoonテーマの打ち消し用*/
}

.navi-footer-in > .menu-footer > .menu-item a:not(#_):hover{
	background-color: transparent;
	color: var(--cocoon-text-color);
	transition: 0.3s;
}





/************************************
** メインコンテンツ
************************************/
.content{
	margin: 60px auto 0 auto;
}

.home .content{
	margin: 0 auto;
}

.content .content-in{
	display: flex;
	width: 95%;
	max-width: 1200px;
	margin: 0 auto;
}



.content .wrap .main{
	width: calc(75% - 30px);
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}

/* 固定ページと記事個別ページ */
.page .content .wrap .main:not(.home .main),
.single .content .wrap .main{
	padding: 10px 30px;
	background: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
}

/*サイドバーなしページ*/
.no-sidebar.page .content .wrap .main{
  width: 100%;
}

/* 本文エリア */
.entry-content{
	margin: 60px 0;
}

.home .entry-content{
	margin:0;
}



/* サイドバー */
.sidebar{
	display:block;
	width: 25%;
	max-width: 300px;
	margin: 0!important;
	padding: 0;
	background-color: transparent;
	border: none;
}

.sidebar .widget-sidebar{
	margin: 0 0 20px 0;
}



/* サイドバー 見出し */
.sidebar h3{
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 0 0 5px;
	background-color: transparent;
	border-bottom: 3px solid var(--wp--preset--color--ex-a);
	border-radius: 0;
}

.sidebar h3::before,
.sidebar h3::after{
	content: '';
	position: absolute;
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0 12px;
	border-style: solid;
}

.sidebar h3:before {
	bottom: -14px;
	border-color: var(--wp--preset--color--ex-a) transparent transparent transparent;
}

.sidebar h3:after {
	bottom: -10px;
	border-color: var(--wp--preset--color--ex-d) transparent transparent transparent;
}



/* サイドバー 記事内検索 */
.widget_search .search-box{
	margin: 0;
}

.search-box .search-edit{
	height: 40px;
	padding: 0 0 0 20px;
	border: 2px solid var(--content-line-color);
	border-radius: 20px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
}

/* ガイドテキスト */
.search-edit::placeholder{
	color: #ccc;
}

/* 検索ボタン */
.search-submit{
	top: 0;
	right: 0;
	width: 40px;
	height: 40px;
	background-color: var(--wp--preset--color--ex-a);
	color: #fff;
	border-radius: 20px;
}



/* サイドバー カテゴリー */
.widget_categories ul{
	padding: 10px 20px 20px 20px;
	background-color: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);
}

.widget_categories ul li a{
	padding:5px;
	font-size: 1rem;/* 16px */
	border-bottom:2px solid var(--wp--preset--color--ex-a);
	transition: 0.3s;
}

.widget_categories ul li a:hover{
	padding-left:10%;
	color: var(--wp--preset--color--ex-a);
}



/* サイドバー タグ */
.tagcloud a{
	justify-content:center;
	background-color: #fff;
	border: solid 2px var(--content-line-color);
	border-radius: 5px;
}

.tagcloud a:hover{
	background-color: var(--cocoon-text-color);
	color: #fff;
}

.tagcloud a.tag-link-176{
	display: none;/*オススメタグの非表示*/
}

.tagcloud a .tax-icon{
	display: none;/*タグアイコンの非表示*/
}

.tagcloud .tag-caption{
	font-weight: bold;
}



/* サイドバー 人気記事 新着記事 */
.sidebar .widget_popular_entries,
.sidebar .widget_new_entries{
	padding: 20px;
	background-color: #fff;
	border: 3px solid var(--wp--preset--color--ex-b);	
	border-radius: 10px;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);
}

.sidebar .widget_popular_entries h3{
	border-color: var(--wp--preset--color--ex-b);
}

.sidebar .widget_new_entries,
.sidebar .widget_new_entries h3{
	border-color: var(--wp--preset--color--ex-a);
}

.sidebar .widget_popular_entries h3:before{
	border-color: var(--wp--preset--color--ex-b) transparent transparent transparent;
}

.sidebar .widget_new_entries h3:before{
	border-color: var(--wp--preset--color--ex-a) transparent transparent transparent;
}

.sidebar .widget_popular_entries h3:after,
.sidebar .widget_new_entries h3:after{
	border-color: #fff transparent transparent transparent;/* 背景色に合わせて変更 */
}

.sidebar .widget-entry-cards{
	margin-bottom: 0;
}

.sidebar .widget-entry-cards a{
	margin: 0 0 15px 0;
	padding: 0;
}

.sidebar .widget-entry-cards a:last-child{
	margin-bottom: 0;
}

.sidebar .widget-entry-cards a .widget-entry-card{
	display: grid;
}

.sidebar .widget-entry-cards figure{
	width: 100px;
	margin: 0;
}

.sidebar .popular-entry-cards figure{
	width: 130px;
	padding: 0 0 0 30px;
}

.sidebar .widget-entry-cards img{
	border-radius: 5px;
	transition: 0.3s;
}

.sidebar .widget-entry-cards a:hover img{
	transform: scale(1.05);	
}

/* サイドバー 人気・新着記事 記事タイトル */
.sidebar .widget-entry-card-content{
	margin: 0;
}

.sidebar .widget-entry-card-title{
	font-size: 0.875rem;/*14px*/
}

.sidebar .widget-entry-cards a:hover .widget-entry-card-title{
	color: var(--wp--preset--color--ex-a);
}

/* 人気記事ランキング表示 */
.sidebar .widget_popular_entries .popular-entry-cards .card-thumb::before{
	opacity: 1;
	top: 25%;
	left: 0px;
	padding: 0;
	background: none;
	color: var(--cocoon-text-color);
	font-size: 2.25rem;/*36px*/
	font-family: 'impact' , 'sans-serif';
}

/* 1~3位 */
.no-1 .card-thumb::before,
.no-2 .card-thumb::before,
.no-3 .card-thumb::before{
	color: var(--wp--preset--color--ex-b)!important;
}



/* サイドバー 広告ウィジェット */
.sidebar .ad-area{
	margin: 0;
}



/* サイドバー タブ切り替えメニュー */
.tab-switch{
	display: none;/*PCでは非表示*/
	overflow: hidden;
	flex-wrap: wrap;
	gap:0;
	border: 3px solid var(--wp--preset--color--ex-b);
	border-radius: 5px;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.1);	
}

.tab-switch .tab-label{
	order: -1;/*flexの手前に配置*/
	width: 50%;
	padding: 5px 0;
	background-color: #fff;
	color: var(--cocoon-text-color);
	text-align: center;
	border-bottom: 3px solid var(--wp--preset--color--ex-b);
}

.tab-switch .tab-label:has(:checked){
	background-color: var(--wp--preset--color--ex-b);
	color: #fff;
}

.tab-switch input{
	display: none;
 }

.tab-switch > div{
	display: none;
	width: 100%;
	padding: 15px;
	background-color: #fff;
}

.sidebar .tab-switch .new-content a{
	margin: 0 0 15px 0;
}

.tab-switch label:has(:checked) + div{
	display: block; 
}





/************************************
** トップページ
************************************/
/* メインビジュアル */
.appeal{
	width: 100%;;
	height: calc(100vw * calc(400 / 1920));
	max-height: 400px;
	margin: auto;
	background-size: contain;
}



/* オススメ記事カルーセル */
.carousel{
	margin: 30px 0;
}

.carousel:before{
	content: "オススメ記事";
	display: block;
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
}

.carousel .carousel-in{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background-color: transparent;
}

.carousel .carousel-content{
	margin: 0;
	padding: 0;
}

.carousel .slick-track{
	margin: 0 auto;
	padding: 30px 0 0 0;
}

/* オススメ記事カルーセル 記事サムネイル */
.carousel .slick-slide{
	width: 40vw!important;
	transform: scale(0.85);/*中央の記事以外縮小*/
	transition: all 0.5s;
}

.carousel .slick-slide.slick-center{
	transform: scale(1.0);/*中央の記事は等倍*/
}

.carousel .cat-label,
.carousel .card-content{
	display: none;
}

/* オススメ記事カルーセル 矢印 */
.slick-prev, 
.slick-next{
	z-index: 1;
	position: absolute;
	top: 42%;
	height: 30px;
	width: 30px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
}

.slick-prev:before,
.slick-next:before{
	display: none;/*既存の矢印削除*/
}

.slick-prev {
	left: 2%;
	transform: rotate(-135deg);
}

.slick-next {
	right: 2%;
	transform: rotate(45deg);
}

/* オススメ記事カルーセル ドット */
.slick-dots{
	position: relative;
	bottom: 0;
}

.slick-dots li button:before{
	color: var(--content-line-color);
	font-size: 10px;
	opacity: 1;
}

.slick-dots li.slick-active button:before{
	color: var(--wp--preset--color--ex-b);
}



/* トップページ ボタン */
.home .button-block{
	margin: 0;
}

.home .button-block a{
	border-radius: 5px;
}



/* トップページ メインブロック */
.homeGroup{
	padding: 20px;
	margin-bottom: 60px!important;
	background-color: #fff;
	border: solid 2px var(--content-line-color);
	border-radius: 10px;
}

.entry-content .homeGroup h2{
	padding: 10px;
	background-color: transparent;
	color: var(--cocoon-text-color);
	border-bottom: 3px solid var(--wp--preset--color--ex-a);
	border-radius: 0;
}

.entry-content .homeGroup h2:before{
	content: "";
	position: absolute;	
	bottom: -14px;
	left:1em;
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: var(--wp--preset--color--ex-a) transparent transparent transparent;
}

.entry-content .homeGroup h2:after{
	top: auto;
	bottom: -10px;
	left: 1em;
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: var(--wp--preset--color--ex-d) transparent transparent transparent;
}

.homeGroup > *{
	margin-bottom: 30px!important;
}

.homeGroup .wp-block-group > *{
	margin-bottom: 15px;
	padding: 0;
}

.homeGroup .video-container,.homeGroup .video{
	margin: 0!important;
}



/* トップページ 新着記事 */
.home .top-entry-cards{
	margin: 0;
}

.home .top-entry-cards .new-entry-cards{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 60px;
}

.home .new-entry-cards .a-wrap{
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: none;
	overflow: hidden;
}

.home .top-entry-cards a{
	background-color: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
}

.home .new-entry-cards a figure{
	margin: 0;
	overflow: hidden;
}

.home .new-entry-cards a:hover img{
	transform: scale(1.03);
	transition: 0.3s;
}

.home .top-entry-cards .card-content{
	width: 100%;
	height: 100%;
	margin:0;
	padding: 15px;
	background-image: linear-gradient(to bottom,transparent 50%, #333 50%);
	background-size: auto 200%;
	transition: 0.3s;
}

.widget-entry-cards.card-large-image .e-card{
	height: 100%;
}

.home .top-entry-cards a:hover .card-content{
	background-position: 0 100%;
	color: #fff;
}

.home .top-column-list .new-entry-cards,
.home .top-tab-list .new-entry-cards{
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.home .top-column-list{
	margin: 100px 0;
	gap: 30px;
}

.home .top-column-list > div{
	padding: 15px;
	background-color: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
}

.home .new-list-box{
	margin-bottom: 0;
}

.home .top-column-list .new-entry-cards a{
	width: calc(50% - 15px);
}

.home .top-column-list .new-entry-cards a:first-child{
	width: 100%;
}

.home .top-column-list .new-entry-cards a .new-entry-card{
	display: grid;
}

.home .top-column-list .new-entry-cards a figure{
	width: 100%;
}

.home .top-column-list .new-entry-cards a .card-content{
	margin: 0;
	padding: 10px 0;
}

.top-tab-list{
	background-color: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
	overflow: hidden;
}

.home .top-tab-list .tab-label-group{
	gap: 0;
}

.home .top-tab-list .tab-label-group li{
	flex-grow: 1;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	border: 2px solid var(--content-line-color);
	border-width: 0 0 2px 2px;
	border-radius: 0;
}

.home .top-tab-list .tab-label-group li:first-child{
	border-left-width:0;
}

.home .top-tab-list .tab-label-group li.is-active{
	background-color: var(--wp--preset--color--ex-a);
	border-color: var(--wp--preset--color--ex-a);
}

.home .top-tab-list .tab-content-group{
	padding: 30px 15px 15px 15px;
}





/************************************
** 記事一覧ページ
************************************/
.ect-vertical-card{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px;
}

.ect-vertical-card .entry-card-wrap{
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	padding: 0;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
}



/* 記事一覧 カード アイキャッチ */
.ect-vertical-card .entry-card-thumb{
	overflow: hidden;
	margin: 0;
}

.ect-vertical-card .entry-card-wrap:hover img{
	transform: scale(1.05);
	transition: 0.3s;
}

/* 記事一覧 カード アイキャッチ下 */
.ect-vertical-card .entry-card-wrap .card-content{
	justify-content: space-between;
	padding: 10px;
	background-image: linear-gradient(to bottom,transparent 50%, #333 50%);
	background-size: auto 201%;
	transition: 0.3s;
}

.ect-vertical-card .entry-card-wrap:hover .card-content{
	background-position: 0 100%;
	color: #fff;
}

/* 記事一覧 カード タイトル */
.ect-vertical-card .entry-card-title{
	margin: 0;
	font-size: 1rem; /* 16px */
}

/* 記事一覧 カード カテゴリー表示 */
.ect-vertical-card .entry-card-categorys{
	display: flex;
	gap: 10px;
}

.ect-vertical-card .entry-card-categorys .entry-category{
	padding: 5px 10px;
	background-color: var(--cocoon-text-color);
	color: #fff;
	border-radius: 10px;
}

.ect-vertical-card .entry-card-categories-ex{
	display:none;/*カテゴリーラベルの非表示*/
}

/* 記事一覧 カード 投稿日 */
.ect-vertical-card .entry-card-meta{
	position: relative;
	display: flex;
	justify-content: space-between;
	margin: 30px 0 0 0;
	padding: 0;
}

/* 次のページボタン */
.pagination-next-link{
	background-color: var(--wp--preset--color--ex-b);
	color: #fff;
	border: none;
}

.pagination-next-link:hover,
.pagination .page-numbers:hover{
	background-color: var(--cocoon-text-color);
	color: #fff;
	transition: 0.3s;
}

/* 記事一覧 ページ番号ボタン */
.pagination .page-numbers{
	width: 50px;
	height: 50px;
	background-color: var(--wp--preset--color--ex-b);
	color: #fff;
	line-height: 50px;
	border: none;
	border-radius: 5px;
}

/* ページ番号ドット */
.pagination .page-numbers.dots{
	pointer-events: none;
	opacity: 1;
	background-color: transparent;
	color: var(--cocoon-text-color);
}

/* 現在のページ */
.pagination .page-numbers.current{
	pointer-events: none;
	background-color: var(--cocoon-text-color);	
}

/* カテゴリー一覧ページ アイコン非表示 */
.category .archive-title span:before,
.category .breadcrumb{
	display:none;
}





/************************************
** その他ページ
************************************/
/* 固定ページ 作成日非表示*/
.page .date-tags{
	display: none;
}

/* 固定ページ 作成日非表示 余白調整 */
.page .article{
	margin: 0;
}



/* 検索結果ページ */
.search .search-box{
	margin: 0;
}

.search .list{
	margin-top: 60px;
}

.search .sidebar .widget_search{
	display: none;
}



/* 問い合わせページ */
.wpcf7 .wpcf7-form{
	display: grid;
	gap: 30px;
}

.wpcf7 .wpcf7-form p{
	margin: 0;
}

.wpcf7 .wpcf7-form label{
	margin-left: 15px;
}

.wpcf7 .wpcf7-form label:after{
	content: "*";
	margin-left: 5px;
	color: var(--wp--preset--color--ex-b);
}

.wpcf7 .wpcf7-form-control{
	margin-top: 5px;
	border: 2px solid var(--content-line-color);
	border-radius: 5px;
}

.wpcf7 .wpcf7-form-control::placeholder{
	color: #ddd;
}

/* 送信ボタン */
.wpcf7 .wpcf7-submit{
	background-color: var(--wp--preset--color--ex-b);
	color: #fff;
	border: none;
	font-size: 1.25em;/*20px*/
	font-weight: bold;
}

.wpcf7 .wpcf7-submit:hover{
	background-color: var(--cocoon-text-color);
	transition: 0.3s;
}





/************************************
** 記事ページ
************************************/
/* パンくずリスト アイコン 非表示 */
.breadcrumb-item .fa-fw:before{
	display: none;
}

.breadcrumb-item .breadcrumb-caption{
	margin-left: -10px;
}



/* カテゴリラベル */
.entry-categories-tags{
	margin: 20px 0 0 0;
}

.cat-link{
	padding: 2px 10px;
	background-color: var(--cocoon-text-color);
	color: #fff;
	border-radius: 15px;
}

.cat-link .tax-icon{
	display: none;/*アイコン非表示*/
}



/* ステマ規制用広告ラベル */
.pr-label{
	border:2px dashed var(--cocoon-text-color);
	color: var(--cocoon-text-color);
	background-color: transparent;
}



/* 記事タイトル */
.entry-title{
	position: relative;
	font-size: 1.5rem;/*24px*/
	padding: 0 0 5px 5px;
	border-bottom: solid 3px var(--wp--preset--color--ex-a);
}

.entry-title::before,
.entry-title::after{
	content: '';
	position: absolute;
	left: 1em;
	width: 0;
	height: 0;
	border-width: 14px 12px 0 12px;
	border-style: solid;
}

.entry-title:before{
	bottom: -14px;
	border-color: var(--wp--preset--color--ex-a) transparent transparent transparent;
}

.entry-title:after {
	bottom: -10px;
	border-color: #fff transparent transparent transparent;
}

/* 見出し2 吹き出し */
.entry-content h2{
	position: relative;
	margin: 60px 0 30px 0;
	padding: 10px 15px;
	background-color: var(--wp--preset--color--ex-a);
	color: #fff;
	font-size: 1.5rem;
	border-radius: 5px;
}

.entry-content h2:after{
	content: '';
	position: absolute;
	top: 100%;
	left: 30px;
	width: 0;
	height: 0;
	border: 15px solid transparent;
	border-top: 10px solid var(--wp--preset--color--ex-a);
}

/* 見出し3 付箋 */
.entry-content h3{
	margin: 30px 0;
	background-color: #f1f5ef;
	border: 0px solid var(--wp--preset--color--ex-a);
	border-left-width: 10px;
}

/* 見出し4 下線 */
.entry-content h4{
	position: relative;
	margin: 0;
	padding: 12px;
	border-top: none;
	border-bottom: 3px solid #ddd;
}

.entry-content h4:after{
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0px;
	display: block;
	width: 30%;
	border-bottom: solid 3px var(--wp--preset--color--ex-a);
}

/* 見出し5 丸 */
.entry-content h5{
	position: relative;
	margin: 55px 0;/*20+(55×2)px=130上下15px*/
	padding: 0px;
	color: #fff;
	text-align: center;
	font-size: 20px;
	line-height: 1;
	border: none;
	text-shadow: 0 0 5px var(--wp--preset--color--ex-a);
}

.entry-content h5:before {
	z-index: -1;
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;/*中央配置*/
	transform: translate(-50% , -50%);/*中央配置*/
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: var(--wp--preset--color--ex-a);
}

/* 見出し6 中央下短線 */
.entry-content h6{
	position: relative;
	display: block;
	margin-bottom: 1em;
	text-align: center;
	border: none;
}

.entry-content h6:after{
	content: "";
	position: absolute;
	bottom: -2px;
	left: 50%;/*中央配置*/
	transform: translateX(-50%);/*中央配置*/
	display: inline-block;
	width: 60px;
	height: 3px;
	background-color: var(--cocoon-text-color);
	border-radius: 3px;
}



/* 目次 */
.toc:not(#_){
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
	border: 2px solid var(--content-line-color);
	border-radius: 5px;
}

/* サイドバー 追従目次 */
.sidebar .toc{
	width: 100%;
}

/* 目次 タイトル */
.toc .toc-title{
	background-color: var(--wp--preset--color--ex-a);
	color: #fff;
}

/* 目次 一覧 */
.toc .toc-checkbox:checked~ .toc-content{
	padding: 10px 30px;
}

.sidebar .toc .toc-checkbox:checked~ .toc-content{
	padding: 10px;
}

.toc .toc-content li{
	margin: 0;/*目次を閉じた時の空白削除*/
}

.toc .toc-checkbox:checked~ .toc-content li{
	margin: 5px 0 0 0;
}

.toc .toc-content li a:hover{
	text-decoration:none;
	opacity: 1;
	color: var(--wp--preset--color--ex-b);
}

/* 目次見出し1 */
.toc .toc-list li:before{
	font-family: "Font Awesome 5 Free";
	content: '\f192';
	font-weight: 900;
	margin-right: 10px;
	color: var(--content-line-color);
}

/* 目次見出し２以下 */
.toc .toc-list li li:before{
	content: '\f068';
}



/* テーブル */
table{
	border: 2px solid var(--content-line-color);
}

.wp-block-table table thead{
	border:none;
}

.wp-block-table table thead th{
	background-color: var(--wp--preset--color--ex-a);
	color: #fff;
	border-right: 1px solid #fff;
}

.wp-block-table table thead th:last-child{
	border-right: none;
}

.wp-block-table table tbody td{
	border: 1px solid var(--content-line-color);
}



/* 著者ボックス */
.authorBox{
	border-color: #ddd;
}

.authorBox *:not(#_){
	margin-bottom: 0;
}

.authorBox .column-wrap{
	gap: 20px;
}

.authorBox .column-left{
	min-width: 155px;
	padding-right: 10px;
	border-right: 2px solid #ddd;
}

.authorBox .micro-balloon{
	border: 2px solid var(--content-line-color);
	padding: 3px 10px;
}
.authorBox .micro-balloon:before{
	border-top-color: var(--content-line-color);
	border-width: 9px;
	margin-left: -9px;
}

.authorBox figure:not(#_){
	margin: 15px auto;
}

.authorBox .profileLink{
	padding: 15px 0;
}



/* リンク埋め込みボックス */
.blogcard-wrap{
	width: 100%;
}

.blogcard-wrap .blogcard{
	padding: 10px 15px;
	border: 2px solid #ddd;
	border-radius: 10px;
}

.blogcard .blogcard-thumbnail img{
	aspect-ratio: 40 / 21;
	border-radius: 5px;
}

.blogcard-wrap:hover .blogcard{
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1);
	transition: 0.3s;
}



/* 関連記事 */
/* 関連記事 見出し */
.related-entry-heading{
	margin-top: 60px;
	padding: 5px;
	background-color: var(--wp--preset--color--ex-a);
	color: #fff;
	text-align: center;
	border-radius: 5px;
}

.related-list{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 30px!important;
}

/* 関連記事 各記事カード */
.related-list .related-entry-card-wrap{
	overflow: hidden;
	width: 100%;
	padding: 0;
	border: 2px solid var(--content-line-color);
	border-radius: 10px;
}

.related-list .related-entry-card-wrap:hover img{
	transform:scale(1.01);
	transition:0.3s;
}

.related-list .card-thumb{
	overflow: hidden;
	margin: 0;
}

/* 関連記事 カテゴリー非表示 */
.related-list .cat-label{
	display: none;
}

.related-list .related-entry-card-content{
	padding: 10px 20px;
	background-image: linear-gradient(to bottom,transparent 50%, #333 50%);
	background-size: auto 201%;
	transition: 0.3s;
}

.related-list .a-wrap:hover .card-content{
	background-position: 0 100%;
	color: #fff;
}



/* SNSシェアボタン */
.sns-share-buttons a:hover{
	opacity: 1;
	background-color: var(--cocoon-text-color)!important;
	transition: 0.3s;
}



/********************************
もしもアフェリエイトリンク
*********************************/
div.easyLink-box:not(#_){
	width: 100%;
	max-width: none;
	padding: 15px 30px;
	line-height: 1.5;
	border: 3px solid var(--wp--preset--color--ex-b);
	border-radius: 10px;
}

/* 商品画像 */
div.easyLink-box .easyLink-img-box{
	height: 100%!important;
}

/* 商品名 */
div.easyLink-box .easyLink-info-name a{
	color: var(--cocoon-text-color)!important;
	font-size: 0.875rem;/* 14px */
}

/* リンクボタン */
div.easyLink-box .easyLink-info .easyLink-info-btn{
	display: flex!important;
	gap: 10px;
}

div.easyLink-box .easyLink-info .easyLink-info-btn a:not(#_){
	width:100%;
	margin: 0;
	background-color: var(--wp--preset--color--ex-b)!important;
	border-radius: 10px;
}

div.easyLink-box .easyLink-info .easyLink-info-btn a:not(#_):hover{
	opacity: 1;
	background-color: var(--cocoon-text-color)!important;
}

/* もしもアフェリエイトリンク レスポンシブデザイン */
@media screen and (max-width: 703px){
	div.easyLink-box:not(#_){
		display:block;
	}

	div.easyLink-box .easyLink-img{
		max-width: 240px;
		margin: auto;
	}

	.easyLink-box .easyLink-info .easyLink-info-btn{
		flex-direction: column;
	}
}





/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/* 1023px以下 PC画面小さめ */
@media screen and (max-width: 1023px){
	.navi-in .menu-pc{
		display: flex;
	}
	
	/* bodyの上マージン削除 */
	body{
		margin: 0px;
	}

	/* Cocoonのクラスを打ち消す用 */
	.content .sidebar{
		width: 25%;
	}
	
	/* サイドバー追従 */
	.sidebar-scroll{
		position: sticky
	}
	
	/* モバイルボタン非表示 */
	.mobile-menu-buttons{
		display: none;
	}
}





/* 834px以下 タブレット */
@media screen and (max-width: 834px){
	.go-to-top{
		display: none;
	}

	/* ヘッダー */
	#header-container{
		display: none;/*PCヘッダー非表示*/
	}
	
	.mobile-menu-buttons{
		display: flex;/*モバイルヘッダー表示*/
	}
	
	body{
		padding-top: 70px;/*モバイルヘッダー分余白*/
	}

	/* フッター */
	.footer-widgets{
		display: block;
	}

	.navi-footer-in .menu-footer{
		flex-direction: column;
		align-items: center;
	}

	.footer-center .widget_media_image{
		width: 80%;
		max-width: 300px;
	}

	.content .content-in .main{
		width: 100%;/*メインコンテンツ幅調整*/
	}

	/* サイドバー */
	.content .sidebar{
		width: 100%;
		max-width: none;
		padding: 0;
	}

	.sidebar > *:not(.widget_custom_html){
		display: none;/*広告とタブ以外非表示*/
	}

	.sidebar .tab-switch{
		display: flex;/*タブ記事一覧表示*/
	}

	/* トップ オススメ記事カルーセル */
	.slick-dots{
		display: block!important;/*カルーセルドット表示*/
	}

	/* 記事個別 */
	.single .content .main{
		margin-bottom: 30px;
	}

	/* 著者ボックス */
	.authorBox .column-left{
		padding: 0 0 10px 0;
		border-right: 0;
		border-bottom: 2px solid #ddd;
	}
}





/* 480px以下 スマホ */
@media screen and (max-width: 480px){
	/* ヘッダー */
	.mobile-menu-buttons{
		padding:0 10px;
	}
	
	.mobile-menu-buttons .logo-menu-button{
		max-width: 180px;
	}
	
	.mobile-menu-buttons .search-menu-button{
		width: 50px;
	}

	.mobile-menu-buttons .navi-menu-button, .menu-close-button .fa-times{
		width: 50px;
		padding: 2px 0;
	}

	.navi-menu-button:after, .menu-close-button .fa-times::after{
		border-width: 10px 15px 15px 15px;
	}
	
	.menu-close-button{
		right: 0px;
	}

	/* 記事一覧 */
	.ect-vertical-card,
	.related-list{
		grid-template-columns:1fr;/*1列に変更*/
	}

	/* メインコンテンツ */
	.content-in{
		width: 100%;
		padding: 0 10px;/*幅調整*/
	}

	.homeGroup,
	.home .top-column-list,
	.top-tab-list{
		margin-right: -10px;/*幅調整*/
		margin-left: -10px;/*幅調整*/
	}

	.homeGroup,
	.home .top-column-list > div,
	.top-tab-list{
		border-right: none;
		border-left: none;
		border-radius: 0;
	}

	.home .top-entry-cards .new-entry-cards{
		grid-template-columns: 1fr;
	}

	.home .top-column-list .new-entry-cards a{
		width: 100%;
	}

	.carousel .slick-slide{
		width: 80vw;
	}
	
	.slick-prev,.slick-next{
		border-color: var(--cocoon-text-color);
	}

	.page .content .wrap .main:not(.home .main),
	.single .content .wrap .main{
		border: none;
		border-radius: 0;
		background-color: var(--wp--preset--color--ex-d);
	}

	/* リンク埋め込みボックス */
	.blogcard-thumbnail{
		width: 100%;
		margin: 0;
	}

	.blogcard-content{
		width: 100%;
		min-height: auto;
		margin: 0;
		padding: 10px 0;
		font-size: 0.9em;
	}

	.blogcard-snippet{
		font-size: 12px;
	}
}