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

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


:root {
/* color */
--none: none;
--no-color: transparent;
}


.home h1.entry-title,
.home .date-tags,
.home .sns-share {display: none;}

.home .article h2 {margin: 0 0 1em;}

.home .entry-content h2 {
	background-color: inherit;
	border-bottom: solid 4px #004ea2;
	padding: 0.5em;
}

.home p.top-banner-area {
  display: flex;
}
.home p.top-banner-area a {margin: 8px;}

.new-entry-card-title {font-size: 16px;}
.new-entry-card-date {
  display: block;
}
.home .new-entry-card-date .new-entry-card-post-date,
.home .new-entry-card-date .new-entry-card-update-date {
 color: #666;
 font-size: 14px;
}
.home .new-entry-card-date .new-entry-card-post-date:before {
  font-family: "Font Awesome 5 Free";
  content: '\f017';
}
.home .new-entry-card-date .new-entry-card-update-date {display:none;}
.home .new-entry-card-date .new-entry-card-update-date:before {
  font-family: "Font Awesome 5 Free";
  content: '\f1da';
}

.footer-meta {display: none;}

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

.side-banner li {
	margin: 1em 0; 
}

.sidebar h3 {
	font-size: 16px;
    background-color: #e0e9f4;
    border-top:solid 4px #004ea2;
 }
 .widget-sidebar li {
 		font-size: 16px;
 }

 #recent-posts-2 li, #categories-2 li {border-bottom: dotted 1px #CCC;}

 body.page .date-tags {
  display: none;
}


.cat-item.cat-item-2 { display:none; }

/*広告*/
.sidebar .ad-label {margin-top: 1.5em;}


/*フォーム：写真スタジオ*/
.form-ajbg-p-studio dt {margin-top: 2em;}
.form-ajbg-p-studio dd {margin: 0 0 1em;}
.form-ajbg-p-studio dd select.category,
.form-ajbg-p-studio dd input[type="text"].f-name,
.form-ajbg-p-studio dd input[type="email"].email,
.form-ajbg-p-studio dd input[type="text"].ath-name,
.form-ajbg-p-studio dd input[type="text"].zekken {width: 50%;}


/*ABOUT US*/
.aboutus h2 { color: #33c; margin-top: 20px;}
.aboutus dl { margin-top: 20px;}
.aboutus dl dt, 
.aboutus dl dd { padding: 4px; }
.aboutus dl  dt {
  width: 7em;
  float: left;
  margin: 0;
  color: #333;
}
.aboutus dl  dt::before {
color:#004ea2;
content:"■";
}
.aboutus dl  dd {
  margin: 0 0 14px;
  padding: 0.25em 0 1em 9em;
  border-bottom: dotted 1px #999;
}

/*NCリカバリーインナー*/
.page-id-3945.content-only .article-footer,
.page-id-3945.content-only .footer {
display: block;
}
.btn-nci {
  font-size: 120%;
  border-radius: 9999px;
  padding: 20px 60px;}

.article .what-nc {/*background-color: #eee*/;
  border: 4px solid #ddd;
  border-radius: 20px;
  padding: 20px;
}
.article  h2.nc-title {background-color: var(--no-color);}
.article .what-nc ul li {
  margin: 1em 0;
}
.article .nci-link {
  margin:3em 0;
  text-align: center;
}
.nci-features {background-color: #EEE; margin-bottom:1em; padding: 20px;}
.article .what-nc h3 {border: var(--none);}

.nci-img-list {
  display:flex;
  gap:3%;
  flex-wrap:wrap;
  justify-content:space-between;
}
.nci-img-32 {width:32%;}
.nci-img-48 {width:48%;}
.nci-img-64 {width:64%;}

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

  .header {
  	color:#FFF;
    background-image: none;
  	background-size: auto;}
   .side-banner li {display: inline-block; width:48%; margin:0; padding: 2% 1%;}
}

  #menu-mobile_navi .menu-drawer li {border-bottom: dotted 1px #CCC;}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
 .btn-nci {
  font-size: 110%;
 }
}

@media screen and (max-width: 770px){

}

@media screen and (max-width: 580px){
  /*必要ならばここにコードを書く*/
.form-ajbg-p-studio dd select.category,
.form-ajbg-p-studio dd input[type="text"].f-name,
.form-ajbg-p-studio dd input[type="email"].email,
.form-ajbg-p-studio dd input[type="text"].ath-name,
.form-ajbg-p-studio dd input[type="text"].zekken {width: 100%;}

#nci {font-size: 100%;}
 .btn-nci {
  font-size: 100%;
 }
 .nci-img-list {
  display:block;
}
.nci-img-32,
.nci-img-48,
.nci-img-64 {width:100%;}
}


/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
  
  /*ABOUT US*/
.aboutus dl  dt {width:auto; float:none;}
.aboutus dl  dd {padding:4px;}
  
  
}