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

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



/*ヘッダーの余白をなくす*/
.header-in {width: 100%;}
.header-in img {width: 100%;}
.logo-image span, .logo-image a {width: 100%;}
.logo-image, .logo-image a {padding: 0;}


.tagline,
.logo {
	text-align: left;
}

.navi-in > ul {
	justify-content: flex-start;
	font-weight: bold;
}

#navi .navi-in {
    background-image: url('https://www.gadget2ch.com/wp-content/uploads/2026/06/menu.jpg') !important;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


.menu-item {
  flex: 1;
  text-align: center;
}

.menu-item a {
	 line-height: 60px;
  display: block;
  width: 100%;
}

.entry-card-wrap{ /*エントリーカード設定*/
  transition: all 0.5s ease;
  margin-bottom: 1em!important;
  background-color: #f4f5f7;
  border-radius: 10px;	
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	
	
}

.entry-card-thumb-image.card-thumb-image.wp-post-image{ /*アイキャッチ画像設定*/
  max-width: 150px !important;/*デフォルトアイキャッチ画像150px*/
  max-height: 150px !important;/*デフォルトアイキャッチ画像150px*/
  margin:auto;
  border-radius: 10px; /*角丸コーナー*/
  border: solid 3px #eaeaea;
	
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}




/* サムネイルの幅 */
.entry-card-thumb {
  width: 150px !important;
}

/* カテゴリーラベルなし */
.cat-label {display:none}

/* タイトル・抜粋側を左へ寄せる */
.entry-card-content {
  margin-left: 10px !important;
  padding-left: 0 !important;
}


.e-card-title {
	max-height: 102.4px !important;
    overflow: hidden !important;
}


/* タイトルなどの本文部分 */
.entry-card-content {
	padding-top: 4px !important;
  padding-left: 0 !important;
}

/*記事一覧タイトル*/
.entry-card-title{
padding: 8px 15px;
border-radius: 10px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/
font-size: 18px !important;	
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


/* 記事一覧のメタ情報全体を大きくする */
.entry-card-meta {
margin-top: 5px !important;
padding: 5px 10px;
border-radius: 10px;
background: #f4f5f7; /*背景色*/
color: #484848; /*文字色*/
font-weight: bold;
font-size: 16px !important;	

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

.post-comment-count {
    font-size: 14px;
}

/* 記事タイトル*/
.entry-title {
padding: 15px 15px;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}


/* 行間調整*/
.t_b {
    margin-bottom: 30px !important;
}

.t_h {
    margin-bottom: 2px !important;
}

/* 投稿日時*/
.entry-date,
.post-date,
.date {
	font-size: 14px;
  font-weight: bold;
}

/* スニペットの文字調整*/
.e-card-snippet {
    font-size: 16px !important;
  font-weight: bold;
	color: #7ab900;
	
}


/* シェア・フォロー*/
.sns-share-message,
.sns-follow-message {
  font-size: 16px;
  font-weight: bold;
 padding: 8px 15px;
	border-radius: 10px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/
  text-align: center;

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

/* ウィジェット*/
.widget-title,
.widget h3 {
padding: 8px 15px;
border-radius: 10px;
font-size: 16px;
 background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* ウィジェット内容の位置合わせ*/
.ad-wrap {
  margin-top: 20px;
}

.sns-share-buttons {
  margin-top: 30px;
}

.sns-follow-buttons {
  margin-top: 30px;
}

.ad-label{
padding: 8px 15px;
border-radius: 10px;
font-size: 16px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/
font-weight: bold;

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}


.related-list .a-wrap {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sns-share-buttons a {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.sns-follow-buttons a {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.post-navigation {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.pagination .page-numbers {
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.pager-post-navi {
 box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    overflow: hidden;
}

/* ■コメントのカスタマイズ*/
.comment-tags{
  line-height: 1.4; /*行間設定*/
  color: #666; /*文字色*/
}
.post-comment, .post-update{
  font-size: 14px; /*フォントサイズ*/
  padding-right: 4px; /*右余白*/
  display: inline; /*横並びで縦中央揃え*/
}

/* コメントエリア全体 */
.comment-area {
	 font-weight: bold;
    background: #f4f5f7;
    padding: 20px;
    border-radius: 10px;
    margin-top: 20px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* 各コメントの背景色 */

.comment-list .comment {
    background-color: #f4f5f7;
    padding: 15px;
    margin-bottom: 15px;
  border-radius: 10px; /*角丸コーナー*/

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.comment-list .comment-body {
  padding: 6px 8px !important;
}

/* コメントのタイトル */
.comment-title {
padding: 15px 15px;
font-size: 20px;
font-weight: bold;
border-radius: 10px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff; /*文字色*/
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* コメント名前欄のサイズ */
.st-comment-meta {
	font-size: 12px;
}


/* コメントのアバターを非表示 */
.comment-author .avatar,
.comment-list .avatar {
    display: none !important;
}

/*ウィジェットタイトル*/
#sidebar .widget-sidebar-title{border-radius: 10px;
background: #484848; /*背景色*/
border: 3px solid #7ab900; /*枠線色*/
color: #ffffff;

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;		
} 


.widget-content {
    margin-top: 15px !important;
}


/* ウィジェットタイトル（見出し）のカスタマイズ */
.widget h3 {
    font-size: 14px; /* 文字サイズを小さくする（初期値は16px等） */
    padding: 8px 15px; /* 上下の余白を小さくする（数値が小さいほど細くなります） */
    margin-bottom: 15px; /* 下の余白を調整 */

box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

/* コメント全体の色 */
.comment-body {
	background: #f4f5f7;
}

/* コメント投稿者名を色つけ */
.comment-author,
.comment-content {
	color: #7ab900;
}

.comment-author-label{
    display:none;
}


/* コメント入力欄を一部消す */
.comment-form-email, .comment-form-url, .comment-notes, .comment-avatar{
  display: none;
}

/* コメント送信ボタンの文字色・背景色が見えにくいので修正 */
.comment-form .form-submit input {
  background-color: #629401;
  border: 2px solid #4f7800;
	font-size: 18px;
	  border-radius: 10px;
  color: #ffffff;
	
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;

}

/* コメントリストの区切り線 */
.comment-list .comment-body {
    border-bottom: 1px dashed #ccc; /* 線の種類・太さ・色 */
    padding-bottom: 20px; /* 下部の余白 */
    margin-bottom: 20px; /* 下部の間隔 */
	    padding: 8px 12px !important;
margin-bottom: 8px !important;
box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* 最後のコメントの区切り線を消す */
.comment-list .comment-body:last-child {
    border-bottom: none;
    margin-bottom: 0;
}

/* コメント投稿者名 */

/* コメントカウンタ */
.comment-number {
    font-weight: bold;
    margin-right: 4px;
}


/* コメント返信ボタン */
.comment-reply-link {
    background-color: #f4f5f7 !important;
    color: #7ab900 !important;
    border-color: #7ab900 !important;
	border-radius: 10px;
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

/* マウスを乗せた時 */
.comment-reply-link:hover {
    background-color: #484848 !important;
	color: #ffffff !important;
    border-color: #484848 !important;
}




/*----------------------------------------------- */
/* BlogRoll*/
/*----------------------------------------------- */
/*全体の設定*/
.rss-blogroll:after{
     display: block;
     visibility: hidden;
     clear: both;
     height: 0;
     content: ".";
}

.rss-blogroll{
	display: flex;

    justify-content: center;

    flex-wrap: wrap;
	margin: 0 auto;
	padding: 3px 0;
	border-bottom:1px solid #eaeaea;
    zoom: 100%;
}

/*チャンネル単位の設定*/
.rss-blogroll .blogroll-channel{
	float: none;
	overflow: auto;
	margin-bottom: 0;
	margin-left: 5px;
	padding: 0;
	width: 32% !important;
	height: 255px !important;
	font-size: 12px;
}

/*リストの設定*/
.rss-blogroll .blogroll-channel .blogroll-list {
	padding: 3px 0;
	padding-top: 0;
	border-bottom: 1px dashed #c2c2c2;
	list-style-type: none;
	font-size: 14px;
	line-height: 1.3;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

/*テキスト部分の設定*/
.rss-blogroll .blogroll-channel .blogroll-list a{
	padding-left: 5px;
	text-decoration: none;
}

.rss-blogroll .blogroll-channel .blogroll-list a:hover{
	/*text-decoration: underline;*/
        color: #7ab900;
}

.rss-blogroll .blogroll-channel .blogroll-list a:visited{
color: #8a8a8a;
}

.rss-blogroll .blogroll-channel .blogroll-list a:hover{
	/*text-decoration: underline;*/
        color: #7ab900;
}

/*NEWの文字の設定*/
.rss-blogroll .blogroll-new-entry{
	color: #ff0a00;
	font-weight: bold;
	font-size: 11px;
}


/* BlogRoll

----------------------------------------------- */

/* BlogRoll-基礎
----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 650px;
    margin-bottom: 0px;
    padding: 10px;
margin-right: 5px;
    background: #fff;
overflow: hidden;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 0px;
    color: #666;
    font-size: 15px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 9px;
}


/* BlogRoll-記事中
----------------------------------------------- */

.article-text-rss-box {
	margin-top: 10px;
	height:670px;
	padding-bottom:15px;
}
       .article-text-rss-box .blogroll-channel {
       padding: 10px;
}
.article-text-rss-box .blogroll-channel img{
vertical-align: middle;
}
/* 記事下RSS */
.article-text-rss {
overflow: hidden;
float:left;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 5px;
height:670px;
width: 658px;
}
/* 文字の処理 */
.article-text-rss a{
text-decoration: none;
font-weight: 200;
padding-left: 5px;
}
.article-text-rss a:hover{
color: #7ab900;
}
.article-text-rss a:visited{
color: #8a8a8a;
}
.article-text-rss a:hover{
color: #7ab900;
}
.article-text-rss img{
padding-bottom: 4px;
}
.article-text-rss .blogroll-list {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size:16px;
border-bottom: 1px dashed #b0b0b0;
line-height: 1.5;
}


#footer {
    border-top: 5px solid #7ab900;
}



/* サイドバーの人気記事一覧レイアウト */
.wpp-list {
    position: relative;
    left: -40px;
	width: calc(100% + 35px);

}
ul.wpp-list li {
  counter-increment: wpp-count;
  position: relative;
background-color: #f1f1f1;
margin-bottom: 10px;
}

ul.wpp-list li:before {

}

ul.wpp-list li a.wpp-post-title {
	font-size: 12px !important;
    line-height: 1.4;
}

ul.wpp-list li:last-child {
  border-bottom: none;
}
ul.wpp-list li:nth-child(1):before{
  background-color: #FBCC54;
}
ul.wpp-list li:nth-child(2):before{
  background-color: #B7BFC1;
}
ul.wpp-list li:nth-child(3):before{
  background-color: #D47B16;
}
ul.wpp-list li img {

}
ul.wpp-list li a.wpp-post-title {
  display: block;
  font-size: 13px;
 padding: 5px 5px 5px 5px; !important;
  text-decoration: none;
  color: #424242 !important;
font-weight: bold;

}

.wpp-list,
.wpp-list li {
    list-style: none !important;

}

.wpp-views {
position: absolute;
    width: 98%;
    font-size: 15px;
    padding: 5px 5px;
    right: 0;
  display: block;
  padding: 5px 5px;
  color: #fff;
  background-color: #424242;
  content: counter(wpp-count);
  position: absolute;
  z-index: 10000;
  border-radius: 0px;
  top: 79px;
  left: 104px;
	  font-size: 13px;
	font-weight: bold;
}



.sidebar .widget-title {

    margin-bottom: 20px !important;

}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/

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

}

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

	

}


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

/*間隔を詰める*/
 .entry-card-wrap {
    margin-bottom: 3px !important;
  }

  .entry-card {
    padding: 6px !important;
  }
		
.entry-card-title {
font-size: 14px !important;
padding: 5px 10px;
}
	
.entry-card-thumb {
width: 100px !important;
}

.entry-card-thumb-image img {
max-width: 120px !important;
height: auto !important;
}

	
.a-wrap {
    padding: 0px !important;
}	
	
.entry-card-content {
    padding: 6px !important;
}

	
.entry-card-meta {
margin-bottom: 10px !important;
	margin-right: 10px !important;
}	
		
  .header-site-logo-image{

    content:url("https://www.gadget2ch.com/wp-content/uploads/2026/06/top2026sp.jpg");

  }
	

.sidebar .widget {

  text-align: center;

}
	
.search-form-google input[type="search"] {
margin-bottom: 10px;
  width: 100%;
  max-width: 600px;
  padding: 14px 18px;
  font-size: 16px;
  border: 1px solid #dcdcdc;
  border-radius: 999px;
  outline: none;
  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
	box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;	
}

.search-form-google input[type="search"]:hover {
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
}
	
/*コメントの幅調整*/
  .comment-area,.comment-list {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    width: 100vw;
    box-sizing: border-box;
    padding: 0 15px;
		margin-bottom: 30px !important;
  }
	
	
	
	
	/* BlogRoll-基礎モバイル用
----------------------------------------------- */

.blogroll-channel,
.blogroll-channel * {
    width: auto;
    height: auto;
    margin: 0;
    padding: 0;
    border: none;
    text-align: left;
}
.blogroll-channel {
    height: 345px;
    margin-bottom: 0px;
    padding: 10px;
margin-right: 0px;
    background: #fff;
    overflow: hidden;
}

.blogroll-channel .blogroll-list-wrap {
    margin-bottom: 10px;
}

.blogroll-channel .blogroll-list {
    list-style-type: none;
    margin-bottom: 3px;
    font-size: 12px;
    line-height: 1.3;
}

.blogroll-channel .blogroll-list img {
    vertical-align: middle;
}

.blogroll-channel img.blogroll-icon,
.blogroll-channel img.blogroll-favicon {
    margin: 0 5px 0 0;
}

.blogroll-channel img.blogroll-favicon {
	width: 16px;
	height: 16px;
}

.blogroll-channel a.blogroll-link {
}

.blogroll-channel .blogroll-new-entry {
    margin-left: 5px;
    color: red;
}

.blogroll-channel .blogroll-clip,
.blogroll-channel .blogroll-hatebu {
    margin: 0 0 0 5px;
}

.blogroll-channel .blogroll-link-time {
    margin: 0 0 0 3px;
    color: #666;
    font-size: 15px;
}

.blogroll-channel .blogroll-ad-img {
}

.blogroll-channel .blogroll-ad-text {
    display: block;
    margin-top: 5px;
    color: #666;
    font-size: 9px;
}


/* BlogRoll-記事中モバイル用
----------------------------------------------- */

.article-text-rss-box {
margin-top: 10px;
	height:345px;
	padding-bottom:15px;
	margin-bottom: 10px;
}
       .article-text-rss-box .blogroll-channel {
       padding: 10px;
}
.article-text-rss-box .blogroll-channel img{
vertical-align: middle;
}
/* 記事下RSS */
.article-text-rss {
overflow: hidden;
float:left;
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 5px;
height:345px;
width: 100%;
}
/* 文字の処理 */
.article-text-rss a{
text-decoration: none;
font-weight: 200;
padding-left: 5px;
color: #285ba0;
}
.article-text-rss a:hover{
color: #285ba0;
}
.article-text-rss a:visited{
color: #8a8a8a;
}
.article-text-rss a:hover{
color: #7ab900;
}
.article-text-rss img{
padding-bottom: 4px;
}
.article-text-rss .blogroll-list {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-wrap: normal;
font-size:14px;
border-bottom: 1px dashed #b0b0b0;
line-height: 2.0;
}
	
}