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

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

.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

.cat-label {
	margin: 1px;
/*display: none;*/
}
/* ulリセット */
ul {
    padding: 0;
	list-style: none;/* リストの・黒丸を消す */
}

/************************************
** 背景画像
************************************/

.main, 
.sidebar,
.sidebar-menu-content,
.search-menu-button.menu-button,/*ここから下3つヘッダーモバイルボタン背景*/
.navi-menu-button.menu-button,
.logo-menu-button{
background-image: url("https://alhoneyz.com/honey/imgs/page-bg-4.jpg");
}

.header{
    background-repeat: repeat; /*繰り返し*/
    background-size: auto;
}

/*ヘッダーモバイルボタンの文字の色を変える*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button,
{
  color: #635D5D;
	padding-top: 8px;
}

.logo-menu-button.menu-button{
	padding-top: 8px;
}

/************************************
** 見出し
************************************/

/* h2-h6リセット */
.article h2 {
    padding: 0;
    background: none;
}
.article h3 {
    border: none;
    padding: 0;
}
.article h4 {
    border: none;
    padding: 0;
}
.article h5 {
    border: none;
    padding: 0;
}
.article h6 {
    border: none;
    padding: 0;
}

h2, h3, h4 , h5, h6 {
    padding: 0;
    background: none;
}
/***** Titles and Headings *****/
h1, h2, h3, h4 , h5, h6 {
	/***** font-family:"Open Sans","Lucida Grande","Oswald Light", "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","Lucida Grande","Oswald","Meiryo";  *****/
	  font-family: "Kiwi Maru", serif;
	/***** font-weight: bold;  *****/
}	

h1.title-bg, h2.title-bg, h3.title-bg, h4.title-bg , h5.title-bg, h6.title-bg {
	background:#f8f8f8; 
	padding:10px 5px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #a9a9a9;
	border-top: 1px dotted #a9a9a9;
}

.article h2, .article h3, .article h4, .article h5, .article h6 {
  color: #635D5D;
}

.article h3, .article h4, .article h5, .article h6 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.article h4, .article h5, .article h6 {
  font-size: 14px;
}

.article h2 {
/*****   margin-bottom: 40px;
  padding: 0.625em;
  border-bottom: 1px solid #d6d3ce;
  background: #f4f3f2; *****/
  font-size: 18px;
}

.article h3 {
/*****    padding: 12px 10px;
  border: none;
  background: #f4f3f2; *****/
  font-size: 16px;
}


.archive-title {
  padding: 5px;
  border-bottom: 3px solid #d6d3ce;
  color: #635D5D;
  font-size: 20px;
}

.title-bg {
	background:#f8f8f8; 
	padding:10px 5px;
	margin: 0px 0px 20px 0px;
	border-bottom: 1px dotted #a9a9a9;
	border-top: 1px dotted #a9a9a9;
}

.title-line {
  padding: 0.625em;
	border-bottom: 1px dotted #a9a9a9;
	  width: 80%;
}



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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}
.logo-menu-button img {
	width: 250px;
    　　max-height: none;
	margin: 2px auto 0;
}

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



/************************************
** 追加
************************************/
.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_links ul li a,
.widget_nav_menu ul li a{
	padding:0 10px 0;
	margin:10px;
	line-height:1.3;
}

.widget_recent_entries ul li a,
.widget_categories ul li a,
.widget_archive ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_rss ul li a,
.widget_links ul li a,
.widget_nav_menu ul li a{
	border-bottom: 1px dotted #a9a9a9;
	padding: 5px 0px;
}


.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}
/*リンク色と下線*/
a {
    color: #d8450b;
	text-decoration: none;
}

.entry-content a:hover {
	color: #d8450b;
	text-decoration: underline;
}

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

/*フッターカスタマイズ */
.footer-title{
	font-size: 14px;
	color:#7d0000;
} 
.footer-col ul.post-list li {
	border-bottom: 1px dashed #635D5D;
	padding: 10px 0px;
}
.footer-col a {color:#635D5D; /* font-weight: bold; */ text-decoration: none;}
.footer-col a:hover {color:#d8450b; text-decoration: none;}

/*フッターカスタマイズ */
.non {text-decoration: none;}
.center {
    text-align:center;
}

/************************************
** フッター　コピーライト
************************************/
.copyright{
margin-bottom: 30px;
}


.ml20 {margin-left:20px;
}

.ml30 {margin-left:30px;
}

.ml50 {margin-left:50px;
}

.ml80 {margin-left:80px;
}

.mr10 {margin-right:10px;
}

.mr20 {margin-right:20px;
}

.mt10 {
    margin-top:10px;
}
.mt20 {
    margin-top:20px;
}

.mt30 {
    margin-top:30px;
}

.mt50 {
    margin-top:50px;
}

.mb10 {
    margin-bottom:10px;
}

.mb20 {
    margin-bottom:20px;
}

.mb30 {
    margin-bottom:30px;
}

.mb50 {
    margin-bottom:50px;
}

.w90 {width:90%}

/*ヘッダー上部オレンジのボーダー*/
.color-bar-1, .color-bar-2 { width:100% }
.color-bar-1 { background:#414141; height:5px; }
.color-bar-2 { height:3px; }
.color-bg { background:#d8450b; }

/**ヘッダータイトル画像
margin-top: 15px;
margin-bottom: 0px;
}**/

.header-container {
	background:#f8f8f8;
	border-bottom: 1px dotted #a9a9a9;
}
/***
.navit { 
	background:#f8f8f8;
	border-bottom: 1px dotted #a9a9a9;
	border-top: 1px dotted #a9a9a9;
	margin:10px;
}
**/

@media screen and (max-width: 480px) {
  .navi {
    border: none;}
  }

/**　ヘッダーナビバー
 .caption-wrap　**/
.caption-wrap:hover {
	color: #d8450b;
   /**　 color: #fff;
    background:#d8450b;　**/
}
  /**.menu-item:hover {
    color: #d8450b;
　  background:#d8450b;　**/
}

/**　ボックス装飾　**/
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
/**　リスト下線 （結婚記念日石）　**/
.project-info {margin: 0px 0px 0px 0px;}
.project-info li { 
	list-style: none; 
	border-bottom: 1px dashed #a9a9a9;;
	padding: 10px; }

/**　BOX背景　（素材）　**/
.well {
  min-height: 20px;
  padding: 15px;

  margin-bottom: 50px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}

/************************************
** google　reCAPTCHA関連
************************************/
 /* 非表示 */
.grecaptcha-badge { visibility: hidden; }

 /* 表示 */
.recaptcha_policy {
  padding: 0;
  margin: 0;
  text-align: center;
  font-size: 11px !important;
  color: #444 !important;
}
.recaptcha_policy a {
  font-size: 11px !important;
  color: #111 !important;
}

/************************************
** カラム内中央(TOP)
************************************/
.con {
  /* 準備 */
  position: relative;
}

.child {
  /*  background-color: #ffdab9; */
	padding: 15px;
  /* 水平・垂直方向の中央揃え */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/************************************
** フォント関連
************************************/

.f12 {font-size: 12px;
} 
.f14 {font-size: 14px;
}
.f16 {font-size: 16px;
}
.f18 {font-size: 18px;
}

.red {color:#7d0000;}

.ccc {color:#cccccc;}

.a99 {color:#a99e93;}/**　about現在のページ色 **/

/**　筆記イタリック　**/
.comment-date {
	font-family:"Georgia", "Times New Roman", Times, serif;
	font-style: italic;
	clear: both;
}

/************************************
** サイドバー
************************************/
.sidebar h2{
	background-color: transparent;
box-shadow: none;
margin: 0; /*余白を削除*/	
border-radius: 0%;
border-bottom:3px dotted;
/*border-color:#414141;
color:#414141;*/
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}
#main, #sidebar {
background-color: transparent;/*記事部分も背景透過*/
}

/************************************
** シェアボタンをカスタマイズ
************************************/

#main .button-caption {
	display: none; /*キャプション非表示*/
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color:#414141; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: left; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 20%; /*丸くする*/
	font-size: 15px; /*アイコンのサイズ*/
	margin: 0 7px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 30px; /*ボタンの横幅*/
	height: 30px; /*ボタンの高さ*/
}

/************************************
** コメント 表示していないけど
************************************/
.comment-title { 
	font-size: 14px;
 } 	
/*タイトルにアイコンを付ける*/
.comment-title:before { 
	font-size: 14px;
	font-family: 'Font Awesome 5 Free';
      content: '\f086';
     /* color: #fff;*/
      margin-right: 4px;
 }   

    .comment-btn {
  margin-top: 0;
  width: 250px;
  font-size: 14px;
  font-weight: 500;
  border: 1px solid #454545;
  border-radius: 7px;
    }
    .comment-btn:hover {
      background-color: #B2967D;
      color: #fff;
      transition: 0.5s;
    }
/************************************
** パンくずリスト
************************************/
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	/*　通常ここまでの3つがセットで必要　*/

	display: block;
	font-size: 13px;
	box-sizing: border-box;
	padding: 0.6em 1em 1.5em 1.5em
}
/*　色を変更する　*/
.breadcrumb-home a,
.breadcrumb-home .fa-home,
.breadcrumb-item a {
	color: #635d5d;
}
/*　マウスオーバー時の色　*/
.breadcrumb-home a:hover,
.breadcrumb-item a:hover {
	color: #d8450b
}
/*　不要なアイコンを消す　*/
.breadcrumb-item>.fa-file {
 	display:none;
}
/* 区切り「＞」の調整　*/
.breadcrumb .sp {
    margin: 0 6px;
	color: #635d5d;	
}


/************************************
** 記事タイトル
************************************/
.article h1 {
	/*font-size: 20px;*/
	padding: 0px 0px 10px 0px;
	border-bottom: 3px dotted;
}
.article h1:before{
	margin-left:7px;
	margin-right:7px;
	font-family: "Font Awesome 5 Free";
	/*content: "\f303";　ペン*/
	content: "\f52d";
	font-weight: 900;
}


/************************************
** ■関連記事のアイキャッチ画像カスタマイズ
************************************/
.related-entry-card-thumb-image.card-thumb-image.wp-post-image{
  border-radius: 4px!important;/*角丸コーナー*/
  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3)!important;/*シャドー*/
}
/************************************
** ■関連記事のタイトル
************************************/
.related-entry-card-title h3:before{
	margin-left:7px;
	margin-right:7px;
	font-family: "Font Awesome 5 Free";
	/*content: "\f303";　ペン*/
	content: "\f52d";
	font-weight: 900;
}


/************************************
** 写真角丸　色々
************************************/

/*** いびつ*****/
.ph1{
  border-radius: 15px
}
/*** 右上、左下丸*****/
.ph2{
 border-radius: 40% 1%;
}
/*** いびつ*****/
.ph3{
  border-radius: 240px 15px 100px 15px / 15px 200px 15px 185px;
　border: 10px solid #635D5D;
}

/************************************
** アピールエリア　700/1917
 ******/
#appeal { height: 100vh;
	background-size: cover;
	/*height: calc(100vw * calc(700 / 1900));*/ }

/*アピールエリアの高さ設定　スマホ*/ @media (max-width: 767px){ #appeal { height: 100vh; /*70vw;*/ }
	
.tabs {
  display: flex;
  flex-wrap: wrap; ******/