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

/************************************
** 初期設定
************************************/
/* テーマCSS上書き */
#header-container, #header-container .navi, main#main,
.article h2, .article h3, .article h4, .article h5, .article h6, table th, table td, table tr:nth-of-type(2n+1),
.navi-footer-in > .menu-footer li, .navi-footer-in > .menu-footer li:last-child{
	background-color: rgba(0,0,0,0);
	border: none;
	margin: 0;
	padding: 0;
}
#navi .navi-in a:hover, #footer a:hover, .a-wrap:hover, .mobile-header-menu-buttons,
.page-numbers, .menu-drawer a:hover {
	background-color: rgba(255,255,255,0);
}
.content, .entry-content, .mblt-header-mobile-buttons {
	margin: 0;
}
.sp_display_block, .tablet_display_block, .home .entry-header, p:empty, .cat-label, .member_content_item br {
	display: none;
}
.wpcf7 .ajax-loader, .pagination-next, .article-footer, .navi-menu-caption.menu-caption {
	display: none !important;
}
.wrap {
	width: auto;
}
.mobile-menu-buttons{
	transition: unset;
}
b {
    line-height: 2;
    display: block;
}
::placeholder, input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Noto Serif JP';
	 font-size:1rem;
}
/* レイアウト */
.flex_box {
	display: flex;
	flex-wrap: wrap;
}
.flex_box_center {
	align-items: center;
	justify-content: center;
}
.width_40 {
	width: 40%;
}
.width_50 {
	width: 50%;
}
.width_60 {
	width: 60%;
}
.text_center, .item-label, .page .entry-header, .entry-header_blog {
	text-align: center;
}
.text_left, ul li, .article h4, .overview_table td, .logo-menu-button{
	text-align: justify;
}
div#header-container-in, .front-guideline_content_item {
	max-width: 1256px;
}
.section_wrap:not(.front-header_wrap) {
	max-width: calc(1000px + 4rem);
	margin: 0 auto 120px !important;
	padding: 0 4rem;
}
.front-guideline_content_item, .article.post.type-post {
	margin: 0 auto;
}
.article.post.type-post {
	max-width: calc(1000px + 4rem);
	padding: 0 2rem;
}
.entry-header_blog {
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
/* 見出し  */
.post h1.entry-title {
	margin: 5rem 0 2rem;
}
.entry-header_blog h1 {
    margin-top: 0 !important;
    color: #fff;
}
.article h2 {
	font-size: 2.5rem;
	letter-spacing: .3rem;
	margin: 0 0 1.5rem;
}
.article h3, h1.entry-title{
	margin: 0 0 1.8rem;
	font-size: 1.8rem;
	letter-spacing: .2rem;
}
/* ボタン/リンク */
.btn_wrap a, input.wpcf7-form-control.wpcf7-submit {
	text-decoration: none;
	padding: .5rem 2rem;
	min-width: 200px;
	display: inline-block;
	font-size: 1rem;
	border: none;
	transition: all 0.3s ease-in-out;
}
#navi .navi-in a:hover, #footer a:hover, .a-wrap:hover, .menu-drawer a:hover,
.btn_wrap a:hover, input.wpcf7-form-control.wpcf7-submit:hover, .pagination a:hover, .pagination a:hover  {
	opacity: .3;
}
a{
	transition: all 0.3s ease-in-out;
}
/* 配色 */
.color_white, input.wpcf7-form-control.wpcf7-submit, .pagination .current, .page-numbers,
.btn_wrap a:hover, input.wpcf7-form-control.wpcf7-submit:hover,
.mobile-menu-buttons .menu-button > a, .navi-menu-icon .fa, .page .entry-title{
	color: #fff;
}
.color_main, .page-numbers, .pagination a:hover {
	color: #327AA0;
}
#header-container.fixed .item-label, .mobile-header-menu-buttons.fixed .item-label,
#header-container.fixed .header .site-name-text,
#menu-sp.fixed .menu-button > a, #menu-sp.fixed .navi-menu-icon .fa{
	color: #100700 !important;
}
a:hover{
	color: orange;
}
.color_main_bg, input.wpcf7-form-control.wpcf7-submit, .pagination .current {
	background: #327AA0;
}
.color_gray_bg {
	background: #f0f0f0;
}
/************************************
** メニューバー/ヘッダー
************************************/
#header-container, .mobile-header-menu-buttons {
	position: absolute;
	z-index: 9999;
	width: 100%;
	top: 0;
	box-shadow: none;
}
#header-container.fixed, .mobile-header-menu-buttons.fixed {
	background: rgba(255,255,255,0.6);
	position: fixed !important;
}
.navi-in > ul li {
	width: 150px;
}
.item-label {
	font-size: .9rem !important;
}
span.site-name-text {
	padding-left: 1.4rem;
	font-size: 1.2rem !important;
	font-weight: bold;
	letter-spacing: .1rem;
}
.logo-menu-button {
	padding-left: 1rem;
}
.navi-menu-icon .fa {
	font-size: 30px;
	margin: 10px -10px 0 0;
}
.navi-menu-content {
	left: auto;
	right: 0;
	transform: translateX(105%);
}
.menu-drawer a {
	padding: 1rem;
}
.menu-close-button {
	text-align: right;
	padding-right: 1rem;
}
.fa-close:before {
	content: "×";
}
.page .entry-header, .entry-header_blog {
	padding: 100px 0 45px;
	background: center / cover url(https://carebeauty.net/wp-content/uploads/2021/03/top_img_03-min-1.png);
	 margin-bottom: 5rem;
}
/************************************
** フロントページ
************************************/
/* ヒーローエリア */
.front-header_wrap {
	background: center / cover url(https://carebeauty.net/wp-content/uploads/2021/03/top_img_03-min-1.png);
	margin-bottom: 80px;
}
.front-header_content, .front-header_wrap {
	height: calc(100vw / 5 * 2);
}
.front-header_content p {
	margin: 0;
}
/* 協議会について */
.front-about_content_item img, .front-member_content_item img, .front-guideline_content_item2 img{
	width: 100%;
}
.front-about_content_item:nth-of-type(2), .front-member_content_item:nth-of-type(2),.about_content_item:nth-of-type(2) {
	padding-left: 2rem;
}
.front-guideline_content_item2:nth-of-type(1) {
    padding-right: 2rem;
}
/* ガイドライン */
.front-guideline_wrap {
	padding: 80px 4rem !important;
	max-width: none !important;
}
/************************************
** 協議会について
************************************/
.about_content_item img {
	margin: 2.5rem 0 1.5rem;
}
.about_content_item p {
	margin: 0;
}
.overview_table th {
	width: 30%;
	text-align: right;
	padding: 7px 2rem 0 0;
	vertical-align: baseline;
}
.overview_table td {
	padding-bottom: 1rem;
}
.overview_table {
	margin-bottom: 5rem;
}
/************************************
** お問い合わせ
************************************/
.contact_wrap input,  .contact_wrap textarea{
	margin-bottom: 1rem;
	border-radius: 0px !important;
	border: solid 1px #100700;
}
.overview_table b {
	padding: .1rem .5rem;
   margin-left: .5rem;
   display: inline-block;
   font-size: .8rem;
}
input.wpcf7-form-control.wpcf7-submit {
	height: 50px;
	width: 200px;
}
/************************************
** ガイドライン
************************************/
.summary_content_item p {
	margin-bottom: 0;
}
.summary_content_item {
	margin-bottom: 3rem;
}
.summary_content_item > ul > li, .infection_title  {
	list-style: none;
	font-weight: bold;
}
ul {
	padding-left: 2rem;
}
/************************************
** 委員メンバー
************************************/
.member_content_item b {
	font-size: .6rem;
}
.member_content_item2:nth-of-type(1) {
	width: 200px;
	padding-right: 1rem;
}
.member_content_item2:nth-of-type(2) {
	width: calc(100% - 200px - 1rem);
}
.member_content_item:nth-of-type(2n+1) {
	padding-right: 2rem;
}
.member_content_item:nth-of-type(2n+2) {
	padding-left: 2rem;
}
.member_content_item {
	margin-bottom: 5rem;
}
.member_wrap.section_wrap {
	margin-bottom: 0 !important;
}
/************************************
** 活動実績
************************************/
.entry-card-title, .related-entry-card-title {
	font-size: 18px !important;
	margin: 0 0 5px 0 !important;
	line-height: 1.2 !important;
	font-weight: bold !important;
	color: #100700 !important;
	background: #fff !important;
	padding: 0 !important;
}
.entry-card-title.card-title {
	letter-spacing: 0;
	font-size: 1rem !important;
}
.ect-3-columns {
	justify-content: flex-start;
}
.ect-3-columns .entry-card-wrap {
	width: calc(100% / 3);
	padding: 0 1rem;
}
figure.entry-card-thumb.card-thumb.e-card-thumb img {
	object-fit: cover;
	height: 230px;
}
.pagination .current, .page-numbers {
	border-color: #327AA0;
	border-radius: 50px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*834px以下*/
@media screen and (max-width: 834px){
	.width_50, .width_40, .width_60, .ect-3-columns .entry-card-wrap, .member_content_item2:nth-of-type(1), .member_content_item2:nth-of-type(2) {
		width: 100%;
	}
	.tablet_display_block{
		display: block;
	}
	.front-about_content_item:nth-of-type(2), .front-member_content_item:nth-of-type(2), .front-guideline_content_item2:nth-of-type(1) {
		display: none;
	}
	.front-guideline_wrap {
		padding: 80px 2rem !important;
	}
	.section_wrap:not(.front-header_wrap) {
		padding: 0 2rem;
	}
	.front-header_content .width_60 {
		padding-bottom: 2rem;
	}
	.ect-3-columns .entry-card-wrap, .member_content_item:nth-of-type(2n+1), .member_content_item:nth-of-type(2n+2), .member_content_item2:nth-of-type(1) {
		padding: 0;
	}
	.member_content_item{
		margin:0;
	}
	.page .entry-header, .entry-header_blog {
		padding: 85px 0 30px;
		margin-bottom: 3rem;
	}
	.section_wrap:not(.front-header_wrap) {
		margin: 0 auto 80px !important;
	}
	#navi-footer-in ul {
		max-width: 600px;
		margin: 0 auto 1rem;
	}
	.member_content2, .member_content_item2 h4 {
		text-align: center;
	}
	.member_content_item2 h4 {
		font-size: 1.5rem;
		margin: 1rem 0;
	}
	.member_content2 {
		margin-bottom: 3rem;
	}
	.front-header_content .width_50 {
		padding: 0 2rem 2rem;
		text-align: right;
	}
	.front-header_content {
		align-items: flex-end;
	}
}
/*480px以下*/
@media screen and (max-width: 480px){
	.sp_display_block, .overview_table td, .overview_table th{
		display: block !important;
	}
	.front-header_wrap {
		background: center / cover url(https://carebeauty.net/wp-content/uploads/2021/04/top_img_08-min.png);
	}
	.entry-title, .article h2 {
		padding: 0;
	}
	.post h1.entry-title {
		margin: 5rem 0 2rem;
	}
	.article h2 {
		font-size: 1.8rem;
	}
	.article h3, h1.entry-title{
		font-size: 1.5rem;
	}
	.summary_content_item h4 {
		font-size: 1.2rem;
		margin-bottom: 1rem;
	}
	.front-header_content p, .article h2, .article h3, h1.entry-title {
		letter-spacing: 0;
	}
	.front-header_content, .front-header_wrap {
		height: 100vw;
	}
	.front-header_wrap {
		margin-bottom: 40px;
	}
	.about_content_item img {
		margin: 1rem 0 0;
		height: 120px;
		object-fit: cover;
	}
	.overview_table td, .overview_table th{
		width: 100%;
		text-align: justify;
	}
	.contact_wrap input, .contact_wrap textarea {
		margin: .5rem 0 1rem;
	}
	.navi-footer-in > .menu-footer li.menu-item {
		width: 30%;
	}
	.article ul, .article ol {
		padding-left: 1rem;
	}
	.overview_table {
		font-size: 1.2rem;
	}
}
/* reCAPTCHA */
.grecaptcha-badge {
    visibility: hidden; 
}