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

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


/* Full画面幅 */
.full-width {
	margin: 0 calc(50% - 50vw);
	padding: 0 calc(50vw - 50%);
	padding-top: 10px; /* 不要なら削除または、任意の数値を設定してください */
	padding-bottom: 10px; /* 不要なら削除または、任意の数値を設定してください */
}


/************************************
** 抜粋文字サイズ
************************************/

/* エントリーカード スニペット */
.entry-card-snippet {
  font-size: 16px; /* 14px */
}

/* ブログカード タイトル */
.blogcard-title {
  font-size: 17px; /* 0.9em */
}

/* ブログカード スニペット */
.blogcard-snippet {
  font-size: 16px; /* 12px */
}

/* 関連記事 スニペット */
.related-entry-card-snippet {
  font-size: 16px; /* 14px */
}





/************************************
** サムネイル画像サイズ調整
************************************/
.category .entry-card-thumb {
width: min(38%, 200px);
}

.category .entry-card-content {
margin: 0;
}



/************************************
** 固定・投稿ページのタイトルを消す&中央寄せ
************************************/
.entry-title {
text-align: center;
}
.entry-title {display: none;}

// 投稿の横幅のみ適用
.single.no-sidebar .wrap {
	max-width: 600px;
}

.archive-title{
text-align: center;
}

// 投稿の横幅のみ適用
.single.no-sidebar .wrap {
	max-width: 600px;
}




/************************************
** コンテンツ背景色
************************************/
.main{
    background-color: #EEEEEE;
}






/************************************
** SNS ボタンをまとめて丸くする
************************************/

/*シェア・フォローボタンの枠組み*/
.sns-share.ss-top .sns-share-buttons,
.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: 40px; /*横幅*/
	height: 40px; /*高さ*/
	margin-right: 4px; /*右側の余白*/
	margin-left: 4px; /*左側の余白*/
	border-radius: 50%; /*丸み*/
}

/*プロフィールウィジェットのリンク*/
.sns-follow.sf-profile .sns-buttons a {
	border-radius: 50%; /*丸み*/
}

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

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

/*シェアボタンのキャプション*/
.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: -2px; /*右側からの距離*/
	bottom: -2px; /*下側からの距離*/
	padding: 2px; /*内側の余白*/
	font-size: 10px; /*文字の大きさ*/
	border: solid 1px; /*線*/
	border-radius: 3px; /*丸み*/
	background-color: inherit; /*背景色*/
}

/*シェア数の表示が必要ないシェア・フォローボタン*/
.sns-share.ss-top .sns-buttons a .share-count:empty,
.sns-share.ss-bottom .sns-buttons a .share-count:empty,
.sns-follow.sf-bottom .sns-buttons a .follow-count:empty,
.sns-follow.sf-widget .sns-buttons a .follow-count:empty {
	padding: 0; /*内側の余白*/
	border: 0; /*線*/
}








/************************************
** グローバルメニューホバー
************************************/
#navi .navi-in a:hover {
  background-color: #e8ecef;
  transition: all 0.3s ease-in-out;
  color: #555555;
}

/************************************
** 投稿ページフォルダマーク消す
************************************/
.archive-title :before {
display: none;
}



/************************************
** 投稿スケジュールの詳細ボタン表示
************************************/
.entry-card-content::after{
	content: '詳細はこちら \00bb'; /* 内部リンク右下枠の文言 */
	position: absolute;
	bottom: .5rem;
	right: 1rem;
	font-size: 70%;
	background-color: #fff; /* 内部リンク右下枠の背景色 */
	padding: .4em 3em;
	font-weight: bold;
	color:#2B2721; /* 内部リンク右下枠の文字色 */
	border-radius: 1px;
	border: 1px solid #2B2721; /* 枠線を濃いグレーに */
}

.entry-card-content::a:hover{
　　color:#777777;
}
/************************************
** ホバー時の文字色
************************************/
.entry-content a:hover{
color:#777777;
}



/************************************
** スマホだけ改行
************************************/
.br-sp {
    display: none;
}

@media (max-width: 600px) {
    .br-sp {
        display: block;
    }
}


/************************************
** リンクのところは指マーク
************************************/
a:hover{
    cursor: hand;
    opacity: 0.8;
}

/************************************
** リンク画像ホバー
************************************/
.shadow1{
  box-shadow: 5px 3px 8px #ccc;
}


/************************************
** クローバルメニューカテゴリーカスタム
************************************/	
.navi-in > ul .sub-menu a {
    padding-left: 14px;
    padding-right: 14px;
    padding: 0px;
	padding-top:  1px;
	padding-bottom: 1px;
	font-size: 12px;
}

/************************************
** 最新記事フロントタイトルリスト
************************************/
.info-list-item {
display:flex;/*横並びに変更*/
flex-direction: row-reverse;/*前後逆に*/
justify-content: flex-end;/*前後逆に*/
padding-bottom:0px;/*文字間調整*/
}
.info-list-item-categorys {
display:red;/*カテゴリ表示*/
font-size:14px	
}

.info-list-item-date {
font-size:16px;/*日付大きさ*/
margin-left:5px;/*文字間調整*/
color:green;/*日付文字色変更*/
display:none;/*カテゴリ消す*/}

.info-list-content{
margin:0px;/*文字間調整*/
}
.post-305 .date-tags {
	display: none;}


}

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

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

/*480px以下*/
@media screen and (max-width: 480px){
	/************************************
	 * ** モバイルMILLEA文字サイズ
	 * ************************************/
	.logo-menu-button img{
		max-height: 30px;
	}
   
	/*必要ならばここにコードを書く*/
}



:root {
  --easing: cubic-bezier(.2, 1, .2, 1);
  --transition: .8s var(--easing);
  --box-shadow: 0 0 30px none;
}


/************************************
** 問い合わせフォーム
************************************/

/* フォーム全体のスタイリング */

.cf7__list {
  max-width: 600px; /* フォーム全体の最大幅を指定し、中央寄せでバランスを整える */
    margin: 0 auto; /* 中央に配置 */
    font-family: 'Arial', sans-serif; /* フォーム全体のフォントを指定 */
}


.cf7__list dt {
  width: 35%;
  padding-top: 15px;
}



/* 必須・任意 */
.cf7__required{
  margin-right: 15px;
  padding: 6px 14px;
  color: #fff;
  font-size: 12px;
  vertical-align: 1px;
}

.cf7__required {
  background: #1a405f;
}

.cf7__optional {
  margin-right: 15px;
  padding: 6px 14px;
  color: #1a405f;
  font-size: 12px;
  vertical-align: 1px;
  border: solid 1px #1a405f; /* 線の種類・太さ・色 */
}


/* input・textarea */
.cf7__list dd input[type="text"],
.cf7__list dd input[type="tel"],
.cf7__list dd input[type="email"],
.cf7__list dd input[type="name"],
.cf7__list dd textarea {
  width: 100%;
  padding: 15px 20px;
  background: #FFFAF0;
　border: 2px #ccc solid;
  border-radius: 5px;
  outline: 0;
　box-shadow: 0px 0px 3px 0px #76d3dc;
}

input:hover,
textarea:hover{
  border: 2px #666 solid;
  background-color: #fff;
}

input:focus,
textarea:focus{
  border: 2px #2B2721 solid;
  background-color: #fff;
}


/* ドロップダウンメニュー */
.cf7__select {
  position: relative;
}

.cf7__select:before {
  position: absolute;
  top: 50%;
  right: 20px;
  z-index: 10;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 8px solid #000;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  pointer-events: none;
  content: '';
}

.cf7__select select {
  width: 100%;
  padding: 19px 20px;
  background: #FFFAF0;
  color: #a5a5a5;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input:hover,
textarea:hover{
  border: 2px #666 solid;
  background-color: #fff;
}

input:focus,
textarea:focus{
  border: 2px #2B2721 solid;
  background-color: #fff;
}


/* チェックボックス・ラジオボタン */
.cf7__list dd .wpcf7-checkbox,
.cf7__list dd .wpcf7-radio {
  display: block;
  padding: 15px 0 10px;
}

/* 縦並び（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item {
  display: block;
  margin: 0;
}

.cf7__list dd .wpcf7-list-item:nth-child(n + 2) {
  margin-top: 18px;
}

/* マウスカーソル（チェックボックス・ラジオボタン） */
.cf7__list dd .wpcf7-list-item label {
  cursor: pointer;
}

/* チェックボックス・ラジオボタン */
input[type="checkbox"],
input[type="radio"] {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 8px;
  border: 1px solid #bcbcbc;
  vertical-align: -3px;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* チェックボックス */
input[type="checkbox"]:checked {
  border: 1px solid #000;
  background: #000;
}

input[type="checkbox"]:checked:before {
  position: absolute;
  top: 2px;
  left: 5px;
  transform: rotate(50deg);
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

/* ラジオボタン */
input[type="radio"] {
  border-radius: 50%;
}

input[type="radio"]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: '';
}

/* プレースホルダー */
/* Google Chrome / Safari / Mozilla Firefox / Opera */
.cf7__list dd input[type="text"]::placeholder,
.cf7__list dd input[type="tel"]::placeholder,
.cf7__list dd input[type="email"]::placeholder,
.cf7__list dd textarea::placeholder {
  color: #a5a5a5;
}

/* Microsoft Edge */
.cf7__list dd input[type="text"]::-ms-input-placeholder,
.cf7__list dd input[type="tel"]::-ms-input-placeholder,
.cf7__list dd input[type="email"]::-ms-input-placeholder,
.cf7__list dd textarea::-ms-input-placeholder {
  color: #a5a5a5;
}

/* Internet Explorer */
.cf7__list dd input[type="text"]:-ms-input-placeholder,
.cf7__list dd input[type="tel"]:-ms-input-placeholder,
.cf7__list dd input[type="email"]:-ms-input-placeholder,
.cf7__list dd textarea:-ms-input-placeholder {
  color: #a5a5a5;
}

/* 送信ボタン */
.cf7__button {
  padding-left: 72px;
  text-align: center;
}

input[type="submit"] {
  width: 260px;
  height: 60px;
  background: #10405f;
  color: #fff;
  transition: opacity .6s;
}

input[type="submit"]:hover {
  opacity: .6;
}

/* ajax-loader */
.wpcf7-spinner {
  vertical-align: middle;
}

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

  .cf7__list dt {
    width: 80%;
    margin-bottom: 15px;
    padding-top: 0;
  }

  .cf7__list dd {
    width: 80%;
  }

  .cf7__list dd:nth-of-type(n + 2) {
    margin-top: 0;
  }

  .cf7__list dd .wpcf7-checkbox,
  .cf7__list dd .wpcf7-radio {
    padding: 15px 0 0;
  }

  /* 送信ボタン */
  input[type="submit"] {
    width: 180px;
    height: 56px;
  }
}