@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

span.maker {
  background:linear-gradient(transparent 60%, #ff6 60%);
}

/*******************/
/** ヘッター調整　**/
.article h1 {
  display: none;
}
.content {
  margin-top: unset;
}

/*******************/
/** フッター調整　**/
.copyright {
    margin-right: 10px;
}
.footer {
    margin-top: unset;
}
.footer-bottom-logo img {
	height: auto;
	margin-bottom: 50px;
}
.navi-footer-in>.menu-footer {
	margin-bottom: 40px;
}


/*******************/
/** モバイルメニュー **/
#navi-menu-input:checked ~ #navi-menu-content {
	background-color: #3f4e25;
}
.menu-drawer li {
    background-color: #3f4e25;
    padding-top: 10px;
    border-bottom: 2px #ffffff dashed;
}
.mobile-menu-buttons .menu-button {
  	background-color: #3f4e25;
}
.mobile-menu-buttons .menu-icon
,.mobile-menu-buttons .menu-caption
,.menu-drawer a
,.menu-close-button {
	color: #ffffff;
}
.logo-menu-button img {
    padding-right: 10px;
}
li.search-menu-button {
    display: none;
}

/*******************/
/** 画像調整 **/
article img {
	width: unset;
	border-radius: 10px;
    -moz-border-radius: 10px; /* for Firefox */
    -webkit-border-radius: 10px; /* for Chrome */
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	article img {
		width: unset;
		border-radius: 5px;
		-moz-border-radius: 5px; /* for Firefox */
		-webkit-border-radius: 5px; /* for Chrome */
	}
	.navi-footer {
		display: none;
	}
	.footer-bottom {
		margin-top: unset;
	}
	.footer-bottom-logo img {
		margin-bottom: unset;
	}
	.header {
		background-image: unset;
		display: none;
	}
	article > div > h2:nth-child(1) {
		margin-top: unset;
	}
	article > div > div.omo-button-center > a > span {
		font-size: 30px !important;
	}
	#kahi_name {
		font-size: 150% !important;
	}
	#kahi_cmnt {
		font-size: 120% !important;
		letter-spacing: -1px;
	}
	#kahi_biko > span {
		font-size: 90%;
		letter-spacing: -1px;
	}
	div.wpcf7 {
		/* padding: unset !important; */
		padding: 10px !important;
	}
	.wpcf7-form {
		margin: 20px !important;
		padding: 10px !important;
	}
	.copyright {
		text-align: left;
	}
	.article dd {
		margin-left: 1em;
	}
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.tablepress {
		font-size: 22px;
		line-height: 1.3;
	}
}

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


/* ファイルアップロード */
.wpcf7-form-control-wrap input[type="file"],
input.wpcf7-file {
  transform: unset !important;
  width: 100% !important;
  font-size: 15px !important;
  color: #555 !important;
  padding: 16px 18px !important;
  border: 1.5px dashed #b8b8b8 !important;
  border-radius: 8px !important;
  background: #f7f7f7 !important;
  cursor: pointer !important;
  box-sizing: border-box !important;
  display: block !important;
  transition:
    border-color 0.15s,
    background-color 0.15s !important;
  margin-bottom: 0.5rem !important;
}
.wpcf7-form-control-wrap input[type="file"]:hover,
input.wpcf7-file:hover {
  border-color: #888 !important;
  background: #f2f2f2 !important;
}
.wpcf7-form-control-wrap input[type="file"]::file-selector-button,
input.wpcf7-file::file-selector-button {
  font-size: 14px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #777, #555) !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 8px 16px !important;
  margin-right: 14px !important;
  cursor: pointer !important;
  transition: background 0.15s !important;
}
.wpcf7-form-control-wrap input[type="file"]::file-selector-button:hover,
input.wpcf7-file::file-selector-button:hover {
  background: linear-gradient(135deg, #5f5f5f, #3f3f3f) !important;
}