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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/* #wpadminbar {
	display: none; */


/* .entry-header {
    display: flex;
    flex-direction: column;
}
.entry-header .eye-catch-wrap {
    order: -1;
}
 */

/* 見出しカスタマイズ（h1-4） */
.article h1{
 	font-size: 2rem; 
	font-style: italic;
	font-weight: 600;
	margin: 0 auto;
	margin-bottom: 40px;
}
.entry-content h3 {
	font-size: 1.1rem;
	padding-bottom: 16px;
}


/* Entry Card Title */
.entry-card-title {
	font-size: 20px;
	font-style: italic;
	font-weight: 600;
	letter-spacing: 0.05em;
	line-height: 1.2;
}

/* Contents Width */
.entry-content {
	max-width: 800px;
	margin: 0 auto;
}

/* Post Title Width */
.entry-header h1 {
	max-width: 960px;
}

.widget h2 {
	font-size: 1rem;
}

/* Category(Archive) */
.fa-folder-open {
	display: none;
}

.posts-not-found p {
	display: none;
}

/* IMG on center */
.entry-content img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Footer */
#footer {
	background: linear-gradient(to bottom, #777777, #6B6B6B, #5F5F5F, #4F4F4F, #3B3B3B);
}

#footer a {
	font-size: 1rem;
}
/* Copyrigth */
.copyright {
	margin: 0 auto;
}
/* Footer Author Box */
.author-box {
border: none;
}

.profile-follows,
.author-follows {
display: none;
}
.author-thumb img {
	width: 80px;
	border-radius: 50%;
}

/* SNS Share Buttons on Post */
.ss-top .sns-share-buttons a .button-caption,
.ss-bottom .sns-share-buttons a .button-caption {
	display:none;
}

.sns-share-message{
	font-weight: bold; 
	color: #875d5b; 
}

.sns-share-buttons {
	width: 200px;
	flex-wrap: nowrap; 
	justify-content: space-between; 
	margin: 2rem auto;
}

.sns-share-buttons a {
	border-radius: 50%; 
	font-size: 20px; 
	margin: 0 20px; 
}
#main .sns-share a {
	width: 40px;
	height: 40px; 
}

/* Footer SNS Follow */
#footer .sns-follow-buttons {
	width: 400px;
	flex-wrap: nowrap; 
	justify-content: center; 
	margin: 3rem auto;
	gap: 3rem;
}

#footer .sns-buttons a {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	color: #ffffff;
	font-size: 1.6em;
	margin: 0 20px;
}

/* Footer Nav Menu */
.menu-footer-nav-container ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.menu-footer-nav-container li {
	margin: 0 20px;
}

.menu-footer-nav-container li a {
	font-size: 1.2rem;
}

/* Category Label */
.cat-label {
	display: none;
}

/* Index Page Middle Sections */
.widget-entry-card,
.related-entry-card {
	max-width: 480px;
	margin: 0 auto;
}

.widget-index-bottom {
	margin: 80px 0;
}

.popular-entry-cards,
.new-entry-cards {
	display: flex;
}



.main-widget-label,
.related-entry-heading,
.sns-share-message {
	font-size: 1.6rem;
	padding-bottom: 1rem;
	color: #ab0000;
	font-weight: 900;
}
.related-entry-heading {
	margin-top: 80px;
}
.sns-share-message {
	display: block;
	padding-top: 4rem;
}

.widget-entry-cards .a-wrap {
	padding: 20px;
}

/* Header / Navigation / Menu */
#header-container {
	margin-bottom: 40px;
}

#navi.navi {
	background-color: transparent;
}

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

#navi .navi-in>ul>li {
	width: 100px;
}

#navi .navi-in a {
	font-size: 16px;
	font-weight: bold;
}



/* #menu-item-355 {
	display: none;
} */

/* Mobile Menu */
.mobile-header-menu-buttons {
	align-items: center;
	height: 64px;
}
#navi-menu-content {
	background: linear-gradient(180deg, rgba(0,0,0,.8) 0%, rgba(31,33,43,.8) 50%, rgba(18,41,140,.8) 100%);
	opacity: .8;
}

.navi-menu-button .menu-caption,
.search-menu-button .menu-caption {
	display: none;
}

.menu-close-button {
	color: #ffffff;
	padding: 30px 0;
}

.logo-menu-button {
	padding-right: 64px;
}

.menu-drawer li {
	text-align: center;
}

.menu-drawer li a {
	color: #ffffff;
	font-weight: 900;
	padding: 30px;
}

.widget-entry-card-thumb {
	text-align: center;
}

.entry-categories-tags {
	display: none;
}
.ect-3-columns  .entry-card-wrap {
	padding: 0 1rem;
}


.entry-content h2 {
	font-size: 1.2rem;
	padding: 20px 0;
}

/* Comment */
.comment-title {
	text-align: center;
	font-size: 1.6rem;
	color: #ab0000;
	font-weight: 700;
}
#comment-area {
	max-width: 600px;
	margin: 0 auto;
	margin-top: 80px;
}
.form-submit {
	max-width: 300px;
	margin: 0 auto;
}
.form-submit input {
	font-size: 1.2rem;
	color: #fff100;
	background-color: #12298c;
	border-radius: 30px;
}
.comment-btn {
	max-width: 300px;
	margin: 0 auto;
	font-size: 1.2rem;
	color: #fff100;
	background-color: #12298c;
	border-radius: 30px;
}
.comment-form {
	margin: 40px 0 80px;
}

/* Entry Card Mouth Hover Effect */
.entry-card-wrap img:hover,
.entry-card-content h2:hover,
.widget-entry-card-thumb img:hover,
.widget-entry-card-content div:hover{
	opacity: 0.6;
	transition: all 0.6s ease;
	transform: scale(1.05, 1.05);
}

/* Search Box */
.search-box {
	max-width: 300px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 60px;
}
input.search-edit {
	border-radius: 30px;
}


#main .pagination .page-numbers {
 	display: inline-block;
 	width: 46px;
 	height: 46px;
 	border-radius: 50%;
 	background: #fff;
 	font-size: 17.5px;
 	font-weight: bold;
 	text-decoration: none;
 	line-height: 46px;
 	border: unset;
 	margin: 20px 0;
}

#main .pagination .current {
 	color: #fff100;
 	background-color: #3b3b3b; 
}
#main .pagination a:hover {
 	background-color: #efefef; 
}


.entry-content p {
	line-height: 29px;
}

.error-404 {
    text-align: center;
    margin: 50px auto;
}

.go-to-top-button {
	border-radius: 50%;
}

.logo-header img {
	width: 120px;
}

.logo-menu-button img {
	border-radius: 50px;
}

.search-menu-button {
	display: none;
}




// Tags
.tagcloud a {
    border: none;
	 margin: 1rem
    flex: 0 1 auto;
}
.tagcloud a {
	border: none;
}
.tag-caption span {
	display: none;
}
.widget-footer-center-title {
	font-size: 1.6rem;
	padding-bottom: 1rem;
	color: #fff100;
	font-weight: 900;
	text-align: center;
	
}
.archive-title {
	font-size: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.archive-title span {
	display: none;
}


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

.footer-center {
	width: 640px;
	margin: 0 auto;
}

/* sidebar */
#sidebar .popular-entry-cards,
#sidebar .new-entry-cards {
	display: block;
	margin-bottom: 60px;
}

#sidebar .sns-follow-buttons {
	flex-direction: column;
	margin-bottom: 100px;
}

#sidebar .sns-buttons {
	gap: 3rem;
}

#sidebar .sns-buttons a {
	max-width: 38px;
	height: 38px;
	border-radius: 25px;
	font-size: 1.4em;
	margin-bottom: 36px;
}

#sidebar .widget-sidebar-title {
	color: #ab0000;
	text-align: center;
}


.post-update,
.post-date .fa-clock {
	display: none;
}

/* Google reCAPTCHA */
.grecaptcha-badge {
	visibility: hidden; 
}

/* Widget Related Articles */
.widget-related-entry-cards {
	display: flex;
}


/* Post Title Centering */
.article-header {
	max-width: 800px;
	margin: 0 auto;
}


/* Mobile Header Menu Colored */
.menu-drawer .menu-item:nth-child(3n+1) a {
    text-decoration: underline;
    text-decoration-color: #6685ff;
    text-decoration-thickness: 2px; /* 下線の太さ */
    text-underline-offset: 5px; /* 文字との間隔 */
}

.menu-drawer .menu-item:nth-child(3n+2) a {
    text-decoration: underline;
    text-decoration-color: #C13A37;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

.menu-drawer .menu-item:nth-child(3n+3) a {
    text-decoration: underline;
    text-decoration-color: #FFF757;
    text-decoration-thickness: 2px;
    text-underline-offset: 5px;
}

/* トップページ、投稿内、カテゴリーページ、タグページの画像に角丸を適用 */
/* .top-entry-card .entry-thumb img,
.archive-list .entry-thumb img,
.entry-content img,
.term-page .entry-thumb img,
.category .entry-thumb img,
.tag .entry-thumb img {
  border-radius: 8px;
} */

/* widget custom html tag */
.popular-by-tag {
  list-style: none;
  padding-left: 0;
}

.popular-by-tag li {
	max-width: 640px;
	margin: 0 auto;
  margin-bottom: 20px;
}

.popular-by-tag a {
  color: #333;
  text-decoration: none;
	font-size: 18px;
	font-style: italic;
	font-weight: 600;
	line-height: 1.2;
}

.popular-by-tag a:hover {
  text-decoration: underline;
}

/* アフィリエイト共通ボタンレイアウト */
.wp-block-buttons.fanza-center,
.wp-block-buttons.mgs-center {
  display: flex !important;
  justify-content: center !important;
  width: 100% !important;
  margin: 20px 0;
  text-align: center;
}

.fanza-center .wp-block-button,
.mgs-center .wp-block-button {
  margin: 0;
}

.fanza-center .wp-block-button.is-style-fill .wp-block-button__link,
.mgs-center .wp-block-button.is-style-fill .wp-block-button__link {
  border-radius: 50px;
  padding: 20px 40px;
  font-size: 20px;
  color: white;
  text-decoration: none;
  font-weight: bold;
  display: inline-block;
  transition: background-color 0.3s ease;
  line-height: 1.2;
}

/* FANZAカラー */
.fanza-center .wp-block-button__link {
  background-color: #ff8b12;
}

.fanza-center .wp-block-button__link:hover {
  background-color: #e57c0e;
}

/* MGSカラー */
.mgs-center .wp-block-button__link {
  background-color: #FE0000;
}

.mgs-center .wp-block-button__link:hover {
  background-color: #cc0000;
}

/* 光沢アニメーション効果（共通） */
.wp-block-button__link {
  position: relative;
  overflow: hidden; /* ::before を制限 */
}

.wp-block-button__link::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.85) 45%,
    rgba(255, 255, 255, 0) 100%
  );
  transform: skewX(-45deg);
  animation: shine 2s cubic-bezier(0.55, 0.085, 0.68, 0.53) infinite;
  pointer-events: none;
  z-index: 1;
}

/* shineアニメーションの定義 */
@keyframes shine {
  0% {
    left: -100%;
  }
  25% {
    left: 100%;
  }
  100% {
    left: 100%;
  }
}

/* テキストや内容は上に出す */
.wp-block-button__link {
  z-index: 2;
}


/* Video Settings */
.video-section {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.video-section iframe {
  display: block;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 3 / 2;
  border: none;
}


/* 次のページ */
.pagination-next a {
  display: inline-block;
  padding: 4px 10px;
  color: #fff100;
  background-color: #3b3b3b;
  border: none;
  border-radius: 30px;
  transition: all 0.5s ease;
}
.pagination-next a:hover {
  transform: scale(1.05);
  color: #fff100;
  background-color: #3b3b3b;
}


.instagram-follow-button-sq {
	background: linear-gradient(45deg,#FFDD83, #F26939 30%, #CF2E92 60%, #4C64D3);
}

/* ▼画像のホバー拡大・透過を無効化 */
.entry-card-thumb,
.entry-card-thumb img,
.entry-thumb,
.entry-thumb img,
.hover-effect,
.hover-effect img {
  transition: none !important;
  transform: none !important;
  opacity: 1 !important;
}

.entry-card-thumb:hover,
.entry-card-thumb img:hover,
.entry-thumb:hover,
.entry-thumb img:hover,
.hover-effect:hover,
.hover-effect img:hover {
  transform: none !important;
  opacity: 1 !important;
}

/* ▼タイトルのホバーエフェクトを無効化 */
.entry-card-title,
.entry-card-title a {
  transition: none !important;
  text-decoration: none !important;
  color: inherit !important;
}

.entry-card-title:hover,
.entry-card-title a:hover {
  transition: none !important;
  text-decoration: none !important;
  color: inherit !important;
  transform: none !important;
}

.mobile-menu-buttons.menu-icon {
	font-size: 24px;
}


/************************************
Mobile
************************************/
/*1023px*/
@media screen and (max-width: 1023px) {
	.article h1{
		font-size: 1.8rem; 
		margin: 40px 0 40px 0;
	}
	#header {
		display: none;
	}
	#search-2, {
		display: none;
	} 
	
	.sns-follow-buttons.sns-buttons {
		width: 400px;
	}
	
	.search-menu-button.menu-button {
		display: none;
	}
	.widget-footer-mobile-title {
		font-size: 1.6rem;
		padding-bottom: 1rem;
		color: #fff100;
		font-weight: 900;
		text-align: center;
	}
	.wp-element-caption span {
        font-size: 12px; /* モバイル時のフォントサイズ */
		display: inline-block;
        text-align: left !important; /* テキストは左寄せ */
    }
}

/*834px*/
@media screen and (max-width: 834px) {
	
	.widget-entry-cards a {
		margin: 0 auto;
	}
	
	.widget-related-entry-cards,
	.popular-entry-cards,
	.new-entry-cards {
		flex-direction: column;
	}
	#footer .widget-footer-mobile {
		margin-top: 40px;
	}
}

/*480px*/
@media screen and (max-width: 480px) {
	#header-container {
		margin-bottom: 0;
	}
	.menu-footer-nav-container ul {
		flex-wrap: wrap;
	}
	.popular-by-tag li {
		max-width: 320px;
	}
	.widget-index-bottom {
	margin: 40px 0;
	}
	.article h1{
		font-size: 1.5rem; 
		margin: 20px 0 0 0;
	}
	.widget-entry-cards {
		padding: 10px;
	}
	.widget-entry-card figure {
		max-width: 150px;
		margin: 0 auto;
	}

	.widget-entry-cards.card-large-image figure {
		max-width: 320px;
	}

	.widget-entry-cards .a-wrap {
		padding: 10px 0;
	}

	.search-box {
	max-width: 240px;
	}
	.sns-follow-buttons.sns-buttons {
		width: 320px;
	}
	.archive-title {
	font-size: 1.75rem;
	}
	
	#footer .sns-follow-buttons {
	width: 320px;
	}

	.wp-element-caption span {
     font-size: 9px; /* モバイル時のフォントサイズ */
    }


}