@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 {
	font-weight: bold;
}

/*-- Rinkerのデザイン変更 --*/
div.yyi-rinker-contents {
  border: solid 2px #e5e5e5;
  border-radius: 5px;
  box-shadow: 0 0px 3px rgba(0, 0, 0, 0.1);
}

div.yyi-rinker-contents img {
  max-width: 100%;
}

div.yyi-rinker-contents div.yyi-rinker-box {
  padding: 0 0 1em 0;
}

div.yyi-rinker-contents div.yyi-rinker-image {
  margin: 2%;
  width: 30%;
}

div.yyi-rinker-info {
  padding: 0 3%;
  width: 100%;
  margin: auto;
}

.yyi-rinker-title {
  font-size: 1em;
  margin-left: .5em;
  padding-top: 1em;
}

div.yyi-rinker-contents div.yyi-rinker-title p {
  margin: 0;
}

div.yyi-rinker-contents div.yyi-rinker-detail {
  font-size: .8em;
  color: #42424280;
  padding-left: 0;
  margin-top: 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box {
  margin: .5em 0;
  margin-left: .5em;
}

div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
  letter-spacing: 0.1em;
  font-size: 1.2em;
  margin-right: .5em;
}

div.yyi-rinker-contents ul.yyi-rinker-links {
  display: inline-block;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 70%;
  padding: 0 .7em;
  margin: .5em .5em .4em .5em;
  font-size: .8em;
  display: inline-block;
  height: 40px;
  border-radius: 3px;
  font-weight: bold;
  vertical-align: middle;
  line-height: 40px;
  transition: .3s ease-in-out;
  text-align: center;
}

div.yyi-rinker-contents ul.yyi-rinker-links li:hover{
	opacity: 0.9;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonkindlelink{
	background: #90CAF9;
}
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {
  background: #FFC266;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a {
  color: #fff;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {
  background: #ff7c74;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {
  background: #95cad7;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.freelink2 {
  background: #90d581;
}

div.yyi-rinker-contents ul.yyi-rinker-links li.mercarilink {
  background: #66CCFF;/*自由リンクのボタンの色*/
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:after {
  position: absolute;
  right: auto;
  padding-left: 5px;
  font-family: "Font Awesome 5 Free";
  content: "\f138"!important;
  transition: .3s ease-in-out;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
}

div.yyi-rinker-contents ul.yyi-rinker-links li a:hover::after {
  opacity: .9;
  transform: translateX(2px);
  -webkit-transform: translateX(2px);
}

/* Rinkerのリンクボタンを非常に小さくする */
div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 30%; /* 幅を狭く */
  font-size: 0.7em; /* 文字サイズを小さく */
  height: 30px; /* ボタンの高さを小さく */
  display: inline-block; /* 横並びに */
  margin: 0.5em 0.5em; /* ボタン間のスペース */
  border-radius: 3px; /* ボタンの角を丸く */
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  display: block; /* リンクをボタン全体に */
  height: 100%; /* ボタンの高さに合わせる */
  line-height: 30px; /* ボタン内の文字を縦中央に */
  text-align: center; /* テキストを中央揃え */
  padding: 0 5px; /* 内側のパディングを調整 */
  color: #fff; /* 文字色 */
}
/* Rinkerのリンクボタンを縦並びにする */
div.yyi-rinker-contents ul.yyi-rinker-links {
  display: block; /* リスト全体を縦並びに */
  text-align: left; /* テキストを左揃えに */
  padding: 0; /* 余白を取り除く */
}

div.yyi-rinker-contents ul.yyi-rinker-links li {
  width: 100%; /* 幅を100%にして縦に並べる */
  font-size: 0.7em; /* 文字サイズを調整 */
  height: auto; /* 高さを自動にして内容に合わせる */
  margin: 0.5em 0; /* ボタン間の縦の余白 */
  border-radius: 3px; /* ボタンの角を丸く */
  display: block; /* 各ボタンを縦に並べる */
}

div.yyi-rinker-contents ul.yyi-rinker-links li a {
  display: block; /* リンクをボタン全体に */
  height: 100%; /* ボタンの高さを占める */
  line-height: normal; /* 文字の縦中央揃えを調整 */
  text-align: center; /* テキストを中央揃え */
  padding: 10px 0; /* ボタン内の上下パディング */
  color: #fff; /* 文字色 */
}

@media screen and (max-width: 540px) {
  div.yyi-rinker-contents div.yyi-rinker-box {
    padding: 1em 0 1em 0;
    display: block;
  }
  div.yyi-rinker-contents div.yyi-rinker-image {
    width: auto;
  }
  div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {
    padding: 0;
    margin: auto;
    width: 90%;
    text-align: center;
  }
  .yyi-rinker-title {
    font-size: .9em;
    text-align: center
  }
  div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    display: block;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 100%;
    font-size: .9em;padding: 0px;
  }
  body div.yyi-rinker-contents ul.yyi-rinker-links li a {
    padding: 0;
	  
	  
	    height: 40px;
  line-height: 40px;
  font-size: 0.95em;
  padding-left: 0px;
  padding-right: 0;
  }
  div.yyi-rinker-contents ul.yyi-rinker-links li a:after {  
	}
}
/*Rinkerここまで*/


/************************************
****　SNSシェアボタン
************************************/
/*トップシェアボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons {
	justify-content: center; /*左寄せ*/
}

/*ボトムシェア・フォローボタンの枠組み*/
.sns-share.ss-bottom .sns-share-buttons,
.sns-follow.sf-bottom .sns-follow-buttons,
.sns-follow.sf-widget .sns-follow-buttons {
	justify-content: center; /*左寄せ*/
	flex-wrap: wrap; /*折り返す*/
	
}

/*シェア・フォローボタンの形*/
.sns-share.ss-top .sns-buttons a,
.sns-share.ss-bottom .sns-buttons a,
.sns-follow.sf-bottom .sns-buttons a,
.sns-follow.sf-widget .sns-buttons a {
	width: 35px; /*横幅*/
	height: 35px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
	border: none;/*ボタンの枠線*/
}

/*シェアボタンのアイコン*/
.sns-share.ss-top .sns-buttons a .social-icon,
.sns-share.ss-bottom .sns-buttons a .social-icon {
	font-size: 20px; /*アイコンのサイズ*/
}

/*フォローボタンのアイコン*/
.sns-follow.sf-bottom .sns-follow-buttons .follow-button,
.sns-follow.sf-widget .sns-follow-buttons .follow-button {
	font-size: 20px; /*アイコンのサイズ*/
}

/*シェアボタンのキャプション*/
.sns-share.ss-top .sns-buttons a .button-caption,
.sns-share.ss-bottom .sns-buttons a .button-caption {
	display: none; /*非表示*/
}

/*シェア・フォローボタンのシェア数*/
.sns-share.ss-top .sns-buttons a .share-count,
.sns-share.ss-bottom .sns-buttons a .share-count,
.sns-follow.sf-bottom .sns-buttons a .follow-count,
.sns-follow.sf-widget .sns-buttons a .follow-count {
	right: 1px; /*右側からの距離*/
	bottom: 0; /*下側からの距離*/
	font-size: 10px; /*文字の大きさ*/
}

/*シェアメッセージ*/
.sns-share-message {
	text-align: center;
}
/*SNSシェアボタンここまで*/


/************************************
****　ブログカード
************************************/
.blogcard-wrap {
  width: 100%;
}
.blogcard-title{
font-size:1.1em;
font-weight: bold;
	margin-top:3px;
}
.blogcard-snippet{
display:none;
}
.blogcard-site{
display:none;
}
.internal-blogcard::after{
	content: '続きを読む \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #fff; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color: #000; /* 内部リンク右下枠の文字色 */
	border-radius: 2px;
}
/*ブログカードここまで*/

.navi-in .menu-header .item-label{
	font-weight: bold;
}

/* === 景品表示法対応 === */
/* Cocoon設定メインカラム左上のPR表記 */
.pr-label-l {
    border-top: none; /* 上の点線 */
    border-bottom: none; /* テキスト下の点線 */
    border-left: none;
    border-right: none;
    border-radius: 0;
    font-size: 9px; /* 文字サイズ */
    color: #333; /* 文字の色 */
    text-align: center; /* テキスト中央揃え */
    background: #fff;
    padding: 3px 0;
    margin-bottom: 2em;
}
/*景品表示法対応ここまで*/

/* === 景品表示法対応 === */
/* Cocoon設定メインカラム左上のPR表記 */
.pr-label-s {
  display: inline-block;
  position: absolute;
  top: -6px; /* メインカラム上端からの位置調整 */
  left: 27px; /* メインカラム左端からの位置調整 */
  margin: 0;
  padding: 6px 0 5px 0;
  background:none;
  text-align: center;
  color: #555; /* 文字の色 */
  font-size: 10px;
  border:none;
  }
/*景品表示法対応ここまで*/

/*検索ボックスのカスタマイズ（一体型・オーソドックス）*/
/*ここから*/
/*入力欄*/
.search-box .search-edit {
	padding: 8px;
	padding-right: 68px;
	border-color: #999;
}

/*検索ボタン*/
.search-box .search-submit {
	top: 0;
	right: 0px;
	height: 100%;
	width: 60px;
	color: #fff;
	background-color: #999;
	border-radius: 0 4px 4px 0;
}

.search-box .fa-search {
	display: block;
	margin-top: 3px;
}

/*入力欄と検索ボタンの強調の無効化*/
.search-box .search-edit:focus, .search-box .search-submit:focus {
	outline: 0;
	outline-offset: unset;
}
/*検索ボックスここまで*/

/************************************
****　サイドバープロフィール
************************************/
.sidebar.nwa .author-box{
    padding: 0;
}

.sidebar.nwa .author-box a{
    padding: 0;font-weight: bold;
}

.sidebar.nwa .author-box .author-thumb{
    width: 100%;
    margin: 0 0 2.5em 0;
    background: url(https://hiker-h.com/wp-content/uploads/2025/02/mountains-4356017_1280.jpg);
    background-size: cover;
    height: 8em;
}
.sidebar.nwa .author-box .author-thumb img{
    max-width: 100px;
    margin-top: 4.5em;
}
.sidebar.nwa .author-box .author-name{
	margin-top: 1.5em;
	margin-bottom: 1em;
	font-weight: bold;
}
/* テキストの左右の余白 */
.sidebar.nwa .author-box .author-content{
	padding: 1em 1.5em;
	font-size: 13px;
}
/*サイドバープロフィールここまで*/

/*記事上投稿者*/
.author-info .post-author {
  font-size: 14px;font-weight: bold;
}/*記事上投稿者*/

/************************************
****　サイドバーランキングタブ
************************************/
.tab-rank {
	background: White;
	display: flex;
	flex-wrap: wrap;
    overflow: hidden;	
	padding: 0 0 20px;
	font-size: 12px;
}

.tab-label {
	color: Gray;
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 24px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	border-bottom: 3px solid #ddd;
}

.tab-label:hover {
	background: rgba(100, 100, 100,.1);
}

.tab-switch:checked + .tab-label {
	color: #545454;
}

.tab-label::after {
	background: #545454;
	bottom: -3px;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transform: translateX(100%);
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;
}

.tab-switch:checked ~ .tab-label::after {
	transform: translateX(-100%);
}

.tab-switch:checked + .tab-label::after {
	opacity: 1;
	transform: translateX(0);
}
.rank-content {
	height:0;
	opacity:0;
	padding: 0 10px;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch:checked ~ .rank-content {
	transform: translateX(30%);
}

.tab-switch:checked + .tab-label + .rank-content{
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}

.tab-rank::after {
	content: '';
	height: 20px;
	order: -1;
	width: 100%;
}

.tab-switch {
	display: none;
}
/*サイドバーランキングタブここまで*/
/************************************
****　サイドバーランキング記事タイトル
************************************/
.popular-entry-card {
	font-size: 12px; /* 文字サイズを変更 */
	font-weight: bold;
	color:#444444 !important;
}
/*サイドバーランキング記事タイトルここまで*/
/************************************
****　サイドバーの文字
************************************/
.widget-sidebar ul li a {
	font-size: 0.9em;
	font-weight: bold;
}
/*サイドバーの文字ここまで*/
.post-2 .date-tags {
display: none;
}
.post-3 .date-tags {
display: none;
}
.post-759 .date-tags {
display: none;
}
.post-2 .sns-share {
display: none;
}
.post-3 .sns-share {
display: none;
}
.post-759 .sns-share {
display: none;
}
.post-2 .author-info{
  display: none;
}
.post-3 .author-info{
  display: none;
}
.post-759 .author-info{
  display: none;
}

.grecaptcha-badge { visibility: hidden; }


/*　おしらせ（通知）　*/
.notice-area:before {
    font-family: "Font Awesome 5 Free";
    content: "\f138"!important;
}
.notice-area {
	font-weight: bold;
}
/*　おしらせ（通知）　*/


/************************************
** ■カルーセル カスタマイズ
************************************/
.carousel .carousel-entry-card .carousel-entry-card-title.card-title {
  font-size: 12px; /*フォントサイズ*/
  font-weight:bold!important; /*文字強調*/
  word-break: break-all; /*表示範囲に合わせて改行*/
		color:#444444 !important;
}




.carousel .carousel-entry-card .cat-label {
  color: #fff; /*ラベル 文字色*/
  border: none; /*枠削除*/
  display: none; /*ラベルを表示したい場合はコメントアウト*/
}
.carousel .carousel-in {
  margin-top: 10px; /*上マージン調整*/
	max-width:77%;
  
}
.carousel .carousel-entry-card-thumb.card-thumb img {
  border-radius:0px!important; /*角丸コーナー*/
}

.related-entry-card-title.card-title.e-card-title{
  font-size: 12px; /*フォントサイズ*/
}

.navi-footer-in a {
    font-size:11px;
}

/* フッター全体のデザイン */
#footer {
    background-color: #111; /* 背景を黒に */
    color: #fff; /* 文字を白に */
    padding: 40px 20px;
    font-size: 14px;
}

/* フッターのコンテンツ（ロゴやメニュー） */
.footer-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1100px;
    margin: 0 auto;
}

/* フッターのロゴ */
.footer-logo {
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
font-family: 'Impact', sans-serif !important;
}

/* フッターメニュー */
.footer-menu {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
	width: 100%;
}

.footer-menu a {
    color: #ddd;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s;
}

.footer-menu a:hover {
    color: #999999 !important;
}


/* SNSアイコン */
.footer-social {
    display: flex;
    gap: 15px;
}

.footer-social a {
    color: #ddd;
    font-size: 18px;
    transition: color 0.3s;
}

.footer-social a:hover {
    color: #fff;
}

/* コピーライト */
.footer-copyright {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #aaa;
	text-align: left;
	margin-bottom:-30px;
}

/* スマホ対応（レスポンシブデザイン） */
@media screen and (max-width: 768px) {
    .footer-content {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    
    .footer-menu {
        flex-direction: column;
        gap: 10px;
    }
    
    .footer-social {
        margin-top: 15px;
    }
	
	/* コピーライト */
.footer-copyright {
    text-align: center;
    margin-top: 20px;
    font-size: 12px;
    color: #aaa;
	margin-bottom:-30px;
}
	
}
/* フッターSNSエリア */
.footer-social {
    display: flex;
    align-items: center;
    gap: 15px;
}

/* "Follow Me" のデザイン */
.footer-follow {
    font-size: 14px;
    font-weight: bold;
    color: #ddd;
    margin-right: 10px;
}

/* SNSアイコン */
.footer-social a {
    color: #ddd;
    font-size: 18px;
    transition: color 0.3s;
}

.footer-social a:hover {
    color: #fff;
}
/* 記事下のSNSフォローボタンを非表示にする */
.single-post .entry-footer .sns-follow {
    display: none !important;
}
/* トップページサムネイル画像の部分を基準にする */
.entry-card-thumb {
    position: relative;
    overflow: hidden;
}
/* 日付をサムネイル画像の左上に配置 */
.entry-card .post-date {
    position: absolute;
    top: -19px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    padding: 3px 9px;
    border-radius: 0 3px 0 3px !important; /* 左下のみ角丸 */
    font-size: 7px;
    font-weight: bold;
    z-index: 10;
}
/* タイトルが上に来ないように調整 */
.entry-card-content {
    position: relative;
    z-index: 5;
    padding-top: 10px; /* ← タイトルを少し下げる */
}








#header-container .navi-in > ul li {
   height: auto;
   font-weight: 600;
   line-height:1.3;
}
#header-container #navi{
   background:#000; /* 背景色 */

}
#header-container #navi a{
   color:#000; /* 文字色 */
   padding:0.8em 1em;
}
#header-container #navi a:hover{
   color:#999; /* マウスホバー時の文字色 */
}
#header-container .navi-in > ul .sub-menu{
   background:#999; /* サブメニュー背景色 */
}
#header-container .navi-in > ul > .menu-item-has-children > a::after {
   top: 0.8em;
   font-size: 1.2em;
   font-weight: 600;
}
#header-container .sub-menu .caption-wrap{
   padding-left:1em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap{
   height:auto;
}
@media screen and (max-width: 1030px){
   .navi-in > .menu-header{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  overflow-x: scroll;
  white-space: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
   }
   #header-container #navi a{
  font-size:0.8em;
  padding: 1em 1.2em; /* 余白 */
	   border-top: 2px solid #000; /* 黒いボーダー（2pxの太さ） */
	   filter: drop-shadow(0 -2px 8px gray) !important;
   }
   #header-container .navi-in > ul > .menu-item-has-children > a::after{
  display:none;
   }
	
	


	
	/*モバイルメニュー背景色*/
.navi-menu-content {
background-color: #fffffff0;
}
.menu-drawer a {
font-size: 0.9em;
	font-weight: bold;
line-height: 1.6em;
border-bottom: solid 1px #e6e6e6;
}
.menu-drawer a:hover {
background-color:#999;　/*マウスオーバー時の背景色*/
}
.sub-menu li {                                      
margin-left:-14px;
font-size: 0.9em;
color: #e6e6e6;
}
}







/* NEW POST のスタイル */
.list-title-in {
    font-family: 'Arial Black', 'Impact', sans-serif !important;
    font-weight: 700;
    font-size: 1.5em;
    color: #000; /* 色を変更 */
    text-transform: uppercase; /* 大文字に */
    letter-spacing: 1px; /* 文字間隔を広げる */
}

/* タイトル全体のスタイル */
.list-new-entries-title {
    text-align: center; /* 中央寄せ */
    margin-bottom: 20px; /* 下に余白を追加 */
}
/* サイドバーのタイトル */
.wp-block-heading {
    font-family: 'Arial Black', 'Impact', sans-serif !important;
    font-size: 1.3em !important; /* フォントサイズを変更 */
    font-weight: 700 !important; /* 太字 */
    color: #000 !important; /* 色変更 */
    text-align: left !important; /* 中央揃え */
}
.widget-sidebar-scroll-title {
    font-family: 'Arial Black', 'Impact', sans-serif !important;
    font-size: 1.3em !important; /* フォントサイズを変更 */
    font-weight: 700 !important; /* 太字 */
    color: #000 !important; /* 色変更 */
    text-align: left  !important; /* 中央揃え */
}


.new-entry-card-title {
    font-size: 0.8em; /* 文字を2倍の大きさに */
    font-weight: bold !important; /* 太字 */
	color:#444444 !important;
}

/* 新着記事のタイトル */
.entry-card-title {
    color: #444444; /* 文字色を変更。ここでは例としてオレンジ色 */
}

.wp-block-latest-posts__post-title {
    color: #444444 !important; /* 文字色をオレンジに変更 */
}










.logo-header a span {
    font-family: 'Impact', sans-serif !important;
    font-size: 40px !important; /* デフォルトのフォントサイズ */
    font-weight: 600 !important; /* 太字 */
    padding-left: 20px !important;
	text-shadow: 0px 1px 2px #808080;
}

/* スマホ用（画面幅が768px以下のとき） */
@media screen and (max-width: 768px) {
    .logo-header a span {
        font-size: 40px !important; /* スマホ用のフォントサイズ */
		    padding-left:0px !important;
		text-shadow: 0px 1px 2px #808080;
    }
}







/* 初期設定で非表示にする */
.horizontal-line-shadow {
  display: none;
}

/* スマホ（最大幅768px）の場合のみ表示 */
@media screen and (max-width: 768px) {
  .horizontal-line-shadow {
display: block !important; /* スマホサイズで表示 */
  width: 100% !important; /* 横幅いっぱい */
  height: 2px !important; /* 線の高さ */
  background-color: black !important; /* 線の色 */
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.7) !important; /* 影の設定を強化 */
  z-index: 1; /* 他の要素に隠れないようにする */
  }
}





body {
  font-family: 'Roboto', sans-serif;  /* モダンでシンプルなサンセリフ体 */
  font-size: 16px;  /* 読みやすい基本サイズ */
  line-height: 1.6;  /* 行間を広くして、視認性向上 */
  color: #333;  /* 濃いグレーで目に優しい文字色 */
  background-color: #fff;  /* 背景はシンプルな白 */
}

h1, h2, h3 {
  font-family: 'Roboto', sans-serif;  /* 見出しにも同じフォントを使って統一感を出す */
  font-weight: 700;  /* 見出しは太字にして目立たせる */
  color: #222;  /* 見出しは少し濃い色に */
}

p {
  font-size: 1em;  /* 本文のフォントサイズ */
  line-height: 1.8;  /* 行間を広くして読みやすさを向上 */
  margin-bottom: 1.2em;  /* 段落の間隔を広げる */
}







.custom-profile {
    display: flex;
    align-items: center;
    background: #f8f8f8; /* 背景色 */
    padding: 20px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1); /* 影 */
}

.profile-img img {
    width: 60px; /* 画像サイズ */
    height: 60px;
    border-radius: 50%; /* 丸くする */
    object-fit: cover; /* 画像のバランスを維持 */
    margin-right: 70px;
}

.profile-text h3 {
    font-size: 18px;
    margin: 0;
    color: #333;
}

.profile-text p {
    font-size: 14px;
    color: #666;
    margin: 5px 0 10px;
}

.profile-button {
	    font-size: 11px;
    display: inline-block;
    background: #FF4444; /* YouTubeの赤 */
    color: #fff; /* 白い文字 */
    font-weight: bold;
    text-align: center;
    padding: 12px 20px;
    border-radius: 5px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(255, 0, 0, 0.3); /* 影を追加 */
}

.profile-button:hover {
	color: #fff; /* 白い文字 */
    background: #ff9999; /* 少し暗めの赤に */
    box-shadow: 0 6px 12px rgba(255, 0, 0, 0.5); /* 影を強調 */
}












.video-thumbnails {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 16px !important;
}

.video-thumbnail img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    border-radius: 8px !important;
}





.more-button {
    text-align: center;
    margin-top: 20px;
}

.more-link {  font-size: 13px;
    padding: 10px 20px;
    background-color: #000;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    transition: background-color 0.6s ease, transform 0.3s ease; /* 背景色に0.6秒の遅延を追加 */
}


.more-link:hover {
	color: #fff;
    background-color: #777;
	    transform: scale(1.1); /* ボタンを少し大きくする */
    box-shadow: 0 1px 1px rgba(0, 123, 255, 0.4); /* 少し浮き上がる効果 */
}









/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	/* 記事タイトルのフォントサイズを変更 */
/* 記事タイトルのフォントサイズを変更 */
.entry-card-title {
    font-size: 12px !important; /* 好みのサイズに変更 */
    font-weight: bold !important;
}
	.carousel .carousel-in {
		max-width:107%;
		margin-bottom: -50px; /*上マージン調整*/
}
}
/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

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

.more-button-wrapper {
  text-align: center;
  margin: 2em 0;
}

.more-button {
  display: inline-block;
  padding: 0.2em 1.7em;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;

  transition: background-color 0.3s ease;
}

.more-button:hover {
  background-color: #999;  color: #fff;
}




body {
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.8;       /* 行間 */
  letter-spacing: 0.05em; /* 文字間 */
  word-break: break-word; /* 長い単語の折返し */
  color: #333;            /* 読みやすい濃いグレー */
  background-color: #fff; /* 明るい背景 */
}







.button-box {
  text-align: center;
  margin: 20px 0;
}
.microcopy {
  color: red;
  font-weight: bold;
  display: block;
  margin-bottom: 0;
}
.cta-button {
  display: inline-block;
  background-color: orange;
  color: #000;
  border: 2px solid black;
  padding: 12px 24px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  font-size: 16px;
  transition: all 0.3s ease;
  margin-top: 0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2); /* 影の追加 */
	width: 90%;
}
.cta-button:hover {
  background-color: #e69500;
  box-shadow: 0 6px 10px rgba(0, 0, 0, 0.3); /* ホバー時の影 */
  transform: translateY(-2px); /* ホバーで少し浮く演出 */
}
.button-note {
  font-size: 12px;
  color: #555;
  margin-top: 6px;
  display: block;
}