@charset "UTF-8";
@import "reset.css";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
*/
/*要素再定義*/
a {
	color: #106fb1 !important;
	transition: color 0.3s;
}

a:hover {
	color: #289bec !important;
}

.article h3,
h1#archive-title {
	background: #007cba;
	color: white;
	border: none;
	font-weight: 100;
}

/*グローバルメニュー*/
#navi .navi-in a,
#navi .navi-in a:hover {
	color: #fff !important;
}

/*トップページ*/
.entry-content {
	margin: 0 !important;
	padding: 0 !important;
}

.wp-block-button {
	border-radius: 5em !important;
}

.wp-block-button {
	background-color: #f39800;
	transition: 1.5s;
}

.wp-block-button :hover {
	background-color: #fcce82;
}

a.wp-block-button__link {
	color: white !important;
}

main.main {
	padding: 0;
}

h1.entry-title {
	text-align: center;
}

.wp-block-buttons.aligncenter {
	padding: 0 2em;
}

.article ul li,
.article ol li {
	margin: 0.2em;
	padding: 0 2em;
}

.hlt-top-menu .item-label,
.hlt-tm-right .item-label {
	border-bottom: solid 2px #f3eee9;
}

.header-container-in.hlt-top-menu {
	background-color: #106fb1;
}

.logo {
	text-align: left;
}

.site-name-text img {
	max-width: 50%;
}

.tagline {
	display: none;
}

/*トップページ タグ*/
.cat-post-tax-tag a {
	background: red;
	font-size: 60%;
	padding: 3px;
}

/*サイドバー*/
div.whatsnew hr {
	display: none;
}

.widget_archive ul li a {
	display: inline;
}

/*フッター*/
nav#navi-footer {
	display: none;
}

/*投稿ページ*/
.entry-content p {
	padding: 0 16px;
}

.video-container {
	margin: 30px 16px;
}

.entry-card-title,
.related-entry-card-title {
	font-weight: normal !important;
}

span.entry-category {
	display: none;
}

.e-card-info {
	justify-content: flex-start;
}

div#list {
	margin: 20px 16px;
}

.entry-card-content,
.related-entry-card-content {
	padding-bottom: 0;
}

h1#archive-title {
	border-left: 7px solid #007cba;
	border-right: 1px solid #007cba;
	border-top: 1px solid #007cba;
	border-bottom: 1px solid #007cba;
	font-size: 22px;
	padding: 12px 20px;
}

.fa-folder-open:before {
	content: "\f07c";
	color: #fff;
}

.entry-content {
	padding: 0 16px;
}

.entry-content {
	margin: 1em 1em 3em 1em;
}

.recb-entry-border .related-entry-card-wrap {
	border: none !important;
}

.under-entry-content {
	padding: 0 16px;
}

.reaction_buttons_tagline {
	padding: 0 16px;
}
div#reaction_buttons_post1082 {
	display: none;
}

/* 新着情報マーク */
.new-mark {
	background: red;
	color: white;
	padding: 2px 4px;
	font-size: 16px;
	border-radius: 3px;
}
.recent-posts-widget li {
	margin-bottom: 10px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
}

/*834px以下*/
@media screen and (max-width: 834px) {
	.entry-content.cf h3 {
		text-align: center;
	}
	.content {
		margin-top: 60px;
	}
}

/*480px以下*/
@media screen and (max-width: 480px) {
	.entry-content.cf h3 {
		text-align: center;
	}

	.related-entry-card-content.card-content.e-card-content h3 {
		width: 80%;
	}

	.wp-block-cocoon-blocks-icon-box.information-box.common-icon-box.block-box {
		margin: 0 16px;
	}

	.wp-block-buttons.is-content-justification-center {
		font-size: 1.5rem;
	}
}

/************************************
** 新・顧客管理リストの入力の仕方
************************************/
.kokyakukanri-list-input-table td:nth-child(1) {
	width: 23%;
}

.kokyakukanri-list-input-table td:nth-child(2) {
	width: 20%;
}

/************************************
** オプションサービス
************************************/
.option-detail a:hover {
	color: white !important;
}
.contact strong {
	background: red;
	color: white;
	padding: 4px;
	font-size: 14px;
	border-radius: 3px;
}
.contact {
	padding: 0 16px;
}
input[type="text"],
input[type="tel"],
input[type="email"] {
	margin-top: 2px;
	margin-bottom: 12px;
}
.contact-submit {
	margin-top: 2rem;
}
input.wpcf7-submit {
	background-color: #1e73be;
	color: #ffffff;
	border: none;
	font-weight: 600;
	font-size: 20px;
	transition: all 0.3s ease;
	max-width: 360px;
	margin: 0 auto;
	display: block;
	border-radius: 6px;
	width: 100%;
}

input.wpcf7-submit:hover {
	background-color: #165690;
	opacity: 0.8;
}
.contact .item {
	font-weight: 600;
}