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

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

.entry-content a:hover { color: #279cff; }

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

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

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

/* 見出しのデザインリセット */
/*H2 */
.entry-content h2{
border:none;
background:none;
padding: 0;
}

/* H3 */
.entry-content h3{
border:none;
background:none;
padding: 0;
}

/* H4 */
.entry-content h4{
border:none;
background:none;
padding: 0;
}

/* H5 */
.entry-content h5{
border:none;
background:none;
padding: 0;
}

/* H6 */
.entry-content h6{
border:none;
background:none;
padding: 0;
}

/************************************
** ボトムシェアボタンのみシンプルにする
************************************/

/*枠組み*/
.sns-share.ss-bottom .sns-share-buttons {
	justify-content: center; /*中央に寄せる*/
}

/*リンク*/
.sns-share.ss-bottom .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border: none; /*線*/
}

/*アイコン*/
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 20px; /*アイコンの大きさ*/
}

/*キャプション*/
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア数*/
.sns-share.ss-bottom .sns-buttons a .share-count {
	right: 0; /*右側からの距離*/
	bottom: -10px; /*下側からの距離*/
	left: 0; /*左側からの距離*/
	font-size: 10px; /*文字の大きさ*/
	color: #333; /*文字の色*/
}

/*アイコンをまとめて指定*/
.sns-share.ss-bottom [class*="-button"] {
	background-color: inherit; /*背景の色*/
}


/* ボトムシェアボタンの各アイコン
-----------------------------------*/

/*Twitterアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-twitter:before {
	color: #1da1f2; /*アイコンの色*/
}

/*Facebookアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-facebook:before {
	color: #3b5998; /*アイコンの色*/
}

/*はてブアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-hatena:before {
	color: #2c6ebd; /*アイコンの色*/
}

/*Pocketアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-pocket:before {
	color: #ef4056; /*アイコンの色*/
}

/*LINEアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-line:before {
	color: #00c300; /*アイコンの色*/
}

/*Pinterestアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-pinterest:before {
	color: #bd081c; /*アイコンの色*/
}

/*LinkedInアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-linkedin:before {
	color: #0077b5; /*アイコンの色*/
}

/*コピーアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-copy:before {
	color: #333; /*アイコンの色*/
}

/*コメントアイコン*/
.sns-share.ss-bottom .sns-buttons .icon-comment:before {
	color: #333; /*アイコンの色*/
}


/* ボタンカラーがモノクロの場合
-----------------------------------*/

/*アイコンをまとめて指定*/
.sns-share.bc-monochrome.ss-bottom [class*="icon-"]:before {
	color: #000; /*アイコンの色*/
}

/************************************
** フォローボタン（記事下）のみシンプルにする
************************************/

/*枠組み*/
.sns-follow.sf-bottom .sns-follow-buttons {
	justify-content: center; /*中央に寄せる*/
	flex-wrap: wrap; /*折り返す*/
}

/*リンク*/
.sns-follow.sf-bottom .sns-buttons a {
	width: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border: none; /*線*/
}

/*アイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button {
	font-size: 25px; /*アイコンの大きさ*/
}

/*シェア数*/
.sns-follow.sf-bottom .sns-buttons a .follow-count {
	right: 0; /*右側からの距離*/
	bottom: -10px; /*下側からの距離*/
	left: 0; /*左側からの距離*/
	font-size: 10px; /*文字の大きさ*/
	color: #333; /*文字の色*/
}

/*アイコンをまとめて指定*/
.sns-follow.sf-bottom [class*="-button"] {
	background-color: inherit; /*背景の色*/
}


/* フォローボタン（記事下）の各アイコン
-----------------------------------*/

/*ウェブサイトアイコン*/
.sns-follow.sf-bottom .icon-home-logo:before {
	color: #002561;/*アイコンの色*/
}

/*Twitterアイコン*/
.sns-follow.sf-bottom .icon-twitter-logo:before {
	color: #1da1f2; /*アイコンの色*/
}

/*Facebookアイコン*/
.sns-follow.sf-bottom .icon-facebook-logo:before {
	color: #3b5998; /*アイコンの色*/
}

/*はてブアイコン*/
.sns-follow.sf-bottom .icon-hatebu-logo:before {
	color: #2c6ebd; /*アイコンの色*/
}

/*Instagramアイコン*/
.sns-follow.sf-bottom .icon-instagram-logo:before {
	color: #405de6; /*アイコンの色*/
}

/*YouTubeアイコン*/
.sns-follow.sf-bottom .icon-youtube-logo:before {
	color: #cd201f; /*アイコンの色*/
}

/*LinkedInアイコン*/
.sns-follow.sf-bottom .icon-linkedin-logo:before {
	color: #0077b5; /*アイコンの色*/
}

/*noteアイコン*/
.sns-follow.sf-bottom .icon-note-logo:before {
	color: #41c9b4; /*アイコンの色*/
}

/*SoundCloudアイコン*/
.sns-follow.sf-bottom .icon-soundcloud-logo:before {
	color: #ff8800; /*アイコンの色*/
}

/*Flickrアイコン*/
.sns-follow.sf-bottom .icon-flickr-logo:before {
	color: #111; /*アイコンの色*/
}

/*Pinterestアイコン*/
.sns-follow.sf-bottom .icon-pinterest-logo:before {
	color: #bd081c; /*アイコンの色*/
}

/*LINEアイコン*/
.sns-follow.sf-bottom .icon-line-logo:before {
	color: #00c300; /*アイコンの色*/
}

/*Amazonアイコン*/
.sns-follow.sf-bottom .icon-amazon-logo:before {
	color: #ff9900; /*アイコンの色*/
}

/*ROOMアイコン*/
.sns-follow.sf-bottom .icon-rakuten-room-logo:before {
	color: #c61e79; /*アイコンの色*/
}

/*Slackアイコン*/
.sns-follow.sf-bottom .icon-slack-logo:before {
	color: #e01563; /*アイコンの色*/
}

/*GitHubアイコン*/
.sns-follow.sf-bottom .icon-github-logo:before {
	color: #4078c0; /*アイコンの色*/
}

/*CodePenアイコン*/
.sns-follow.sf-bottom .icon-codepen-logo:before {
	color: #333; /*アイコンの色*/
}

/*Feedlyアイコン*/
.sns-follow.sf-bottom .icon-feedly-logo:before {
	color: #2bb24c; /*アイコンの色*/
}

/*RSSアイコン*/
.sns-follow.sf-bottom .icon-rss-logo:before {
	color: #f26522; /*アイコンの色*/
}


/* ボタンカラーがモノクロの場合
-----------------------------------*/

/*アイコンをまとめて指定*/
.sns-follow.bc-monochrome.sf-bottom [class*="icon-"]:before {
	color: #000; /*アイコンの色*/
}

.tab-like-navi{
display: flex;
border-radius: 5px 5px 0 0;
}

.btn--tab {
  color: #000;
  background-color: #e8e4dc;
  width: 100%; 
  display: flex;
  margin: 0;
justify-content: center;
 border-radius: 10px 10px 0 0;
}

.btn--tab:hover {
  color: #000;
  background: #fff;
 width: 100%; 
  display: flex;
 margin: 0;
 justify-content: center;
 border-radius: 5px 5px 0 0;
}

.current--tab {
  color: #000;
  background-color: #fff;
  width: 100%; 
  display: flex;
  margin: 0;
 justify-content: center;
 border-radius: 5px 5px 0 0;
}

.current--tab:hover {
  color: #000;
  background: #fff;
 width: 100%; 
  display: flex;
 margin: 0;
 justify-content: center;
 border-radius: 5px 5px 0 0;
}

.navi-in>ul .sub-menu {
  margin-top: 1px;
  box-shadow: 0 2px 2px 0 rgba(0 0 0 / 14%), 0 3px 1px -2px rgba(0 0 0 / 20%), 0 1px 5px 0 rgba(0 0 0 / 12%);
  background: #e8e4dc;
}

/*日付デザイン*/
.schedule {
  border: 0px solid silver;
  position: relative;
  width: 600px;
  height: 32px;
}

.month1, .date1, .month2, .date2{
  position: absolute;
  color: #000000;
}

.slush1 {
  transform: rotate(135deg);  
  border: 0px solid silver;
  border-bottom: 1px solid #333;
  position: absolute;
  width: 64px;
  height: 0px;
  left: px;
  top: 24px;
}

.month1 {
  font-size: 16px;
  width: 20;
  height: 20;
  margin: 5px 0px 5px 5px;
}

.date1 {
  font-size: 24px;
  vertical-align: bottom;
  text-align: right;
  width: 32px;
  height: 32px;
  left: 24px;
  margin: 0px 0px 5px 10px;
}

.arrow{
  transform: rotate(45deg); 
  position: absolute;
  border: 0px solid silver;
  border-right: 2px solid #00ffff;
  border-top: 2px solid #00ffff;
  width: 16px;
  height: 16px;
  top: 16px;
  left: 80px;
 }

.slush2 {
  transform: rotate(135deg);  
  border: 0px solid silver;
  border-bottom: 1px solid #333;
  position: absolute;
  width: 64px;
  height: 0px;
  left: 112px;
  top: 24px;
}

.month2 {
  font-size: 16px;
  width: 20;
  height: 20;
  left: 112px;
  margin: 5px 0px 5px 5px;
}

.date2 {
  font-size: 24px;
  vertical-align: bottom;
  text-align: right;
  width: 32px;
  height: 32px;
  left: 136px;
  margin: 20px 0px 5px 10px;
}

.tradeshowname{
  position: absolute;
  font-size: 20px;
  vertical-align: top;
  text-align: left;
  left: 200px;
  padding: 0px 10px 0px 5px;
 }

.venue{
  position: absolute;
  font-size: 14px;
  vertical-align: top;
  text-align: left;
  top:32px;
  left: 200px;
  padding: 0px 10px 0px 5px;
 }  

a:hover {
  color: #FFD700; /* 黄色 (ゴールド) に変更 */
}

/* カテゴリリンクのホバー時の色をグレーに変更 */
.category a:hover,
.cat-item a:hover,
.cat-link:hover {
  color: #777 !important; /* グレー */
  text-decoration: underline;
}

/* 本文の行間を調整 */
.entry-content p {
  line-height: 1.6;
}

/* 消えている記事タイトルを強制的に表示し、背景を整える */
.single .entry-title {
    display: block !important;
    visibility: visible !important;
    background-color: transparent !important; /* 背景のグレーを消す */
    color: #333 !important; /* 文字を黒くする */
    font-size: 28px !important;
    margin-bottom: 20px !important;
}

/* サイト名のH1を解除し、AIに記事タイトルを主役だと教える（見た目は変わりません） */
.single .logo-name {
    display: inline-block;
    font-size: 24px; /* 必要に応じて調整 */
}