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

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

/* Hedder font */
.header-container-in.hlt-top-menu .site-name-text{
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 30px;
}

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

/* 目次 CSS */
.toc {
	border: 1px solid #2f1bad;
	background: #f3fafe;
	border-radius: 10px;
}
.toc-title {
	font-size: 16px;
	font-weight: bold;
	color: #2f1bad;
}
.toc-content a{
	color: #2f1bad;
	font-size: 16px;
}

/* 上に戻る矢印 */
.go-to-top-button {
	background-color: #b9e1f1 !important;
}


/* ジャンプ後の位置ずれ修正 */
:target::before {
    content:"";
    display:block;
    height:80px;       /* 移動する距離。 私の場合は、height:3rem; 　高さは調節してくださいね。*/
    margin:-80px 0 0;  /* heightのマイナス値と0　0。 私の場合は、margin:-3rem 0 0; */
}

/*youtube センタ- */
.video-container {
margin: 0px auto;
}

/*固定ページの投稿日、更新日を非表示にする*/
.page .date-tags {
    display: none;
}

/*固定ページの投稿者名を非表示にする*/
.page .author-info {
    display: none;
}

/*固定ページのタイトルを非表示 */
/*
h1.entry-title{
 display:none;
}
*/

/* 主に模型の区分css 自動車 レーシングカー 等 */
.text_catedory {
 font-size: 28px !important;
 font-weight: bold;
 background-color: #e8ebfd;
 margin-bottom: 20px !important;
}

/*固定ページ 特定カテゴリー ウィジット CSS */
.widget-entry-cards figure {
    width: 320px;
}

.widget-entry-card {
    font-size: 18px;
}

.widget-entry-card-snippet {
    margin-top: 6px;
    font-size: var(--cocoon-text-size-s);
}

.widget-entry-card-date {
	display: block !important;
	text-align: right;
	margin-top: 10px;
}


/*サイドバー フォントサイズ */
.widget-sidebar ul li a {
font-size: 16px;
padding: 5px;
}

/****   広告 Block  CSS *******/
/*広告 バナー CSS */
.ads_for_post_01 {
	width: 100%;
	text-align: center;
}

/* *** */

.af_block_models {
	margin-top: 20px;
}
.af_title {
	font-weight: bold;
	color: blue;
	font-size: 24px;
	padding-left: 30px;
	margin-bottom: 20px !important;
}

.af_container {
	display: flex;
	flex-wrap: wrap;
}

.af_box {
	width: 180px;
	text-align: center;
	border: solid 1px #CCC;

}

.af_code {
	min-height: 150px;
	padding: 5px;
}

.af_cate_link {
	padding-bottom: 10px;
}

.af_cate_link a {
	font-size: 16px;
}

/* DVD Rent */

.af_dvd_rent_container {
	text-align: center;
	margin-bottom: 20px;	
}
.af_dvd_rent_container p{
	margin: 0;
}
.af_dvd_rent_title {
	font-weight: bold;
	color:#blue;
}
.af_dvd_rent_container a {
	margin-left: 10px;
}

/* 広告 DVD Rent バナー、テキスト */
.margin_koukoku p{
	padding-left: 20px;
}

/*モバイルのみ ウィジットを表示 */
  .custom_widget_for_mobile {
  display: none;
}

/*POST ITEM詳細 css */
.item_spec {
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
	max-width: 650px;
}

.item_spec p{
	margin-bottom: 0;
	padding-bottom: 0;
}

.item_spec ul{
	background-color: #CDE6C7;
	padding: 10px;
	border: 2px solid #ccc;
	border-radius: 10px;
	font-size: 16px;
}

.item_spec ul li{
	margin-left: 30px;
	padding-left: 0px;
}

.item_spec ul li ul{
	border: none;

}

/*アコーディオン CSS */
.toggle-button {
	border: none;
	text-align: left;
	color: blue;
	background-color: transparent;
}

.toggle-button::before {
	color: blue;
	opacity: 1 ;
}

.toggle-content {
	border: none !important;
}

.toggle-checkbox:checked ~ .toggle-content {
	padding: 1em 0 1em 0;
} 

/* 見出し H4  CSS */
.article h4 {
	background-color: #ded6f6;
}

/*  タグ */
.tagcloud a {
	border: 1px solid #000;	
	flex: none;
}



/*追加 DiV CSS */
.custom_post_block_css_01{
	
}

.custom_post_block_css_01 p {
	margin-bottom:0px;
}


.post_inner_box_01{
	width:100%;
	display:flex;
	flex-direction:row;
}

.box_inner_inner_01 {
	text-align:left;
	width:250px;
	font-weight:bold;
	padding-left:5px;
}

.box_inner_inner_02 {
	text-align:left;
	padding-left:10px;
	width:100%;
}

.box_content_01 {
	text-align:left;
	padding-left: 50px;
	width:100%;
}

.box_top_comennt {
     width:100%;
     /* #FFFFEF #FFFCDB #FEECD2 */
     background-color:#FFFCDB;
     padding: 20px;
     font-size: 14px;
     border-radius: 3%;
}

.box_top_comennt p{
     margin: 0;
}

.box_top_comennt ul{
     margin: 0;
     list-style: "\FF0A"
     margin:10px 0px 10px 30px;
}

.box_comennt {
     width:100%;
     /* #FFFFEF #FFFCDB #FEECD2 */
     background-color:#FFFCDB;
     padding: 20px;
     font-weight: bold;
     border-radius: 3%;
}

.box_comennt p{
     margin: 0;
}

.box_comennt ul{
     margin-top: 20px;
}

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

}

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



}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
/*固定ページ 特定カテゴリー ウィジット CSS */
  .widget-entry-card{
	  display: flex;
	  flex-direction: column-reverse;
  }

  .widget-entry-cards figure {
	  width: 100%;
  }

  .widget-entry-card-content {
	  margin-left: 0;
  }	

/*モバイルのみ ウィジットを表示 */
  .custom_widget_for_mobile {
	  display: block !important;
  }


}