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

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

@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@400;500&display=swap');

/* .page-id-587 *{
	outline: 1px solid red;
}
 */

body .container{
	font-family: 'Kiwi Maru', serif;
	color:#1B2D2C;
	background:#fff;
}


.home .article h1,
.page .date-tags,
.author-info,.home .entry-title,
.new-entry-card-update-date,
.sp-br{
	display:none;
}


/* 【初期】 */
.home .entry-content{
	margin-top:0;
}
.flexslider,
.metaslider .flexslider,
.content,
.home .entry-content,
.home .article,
.footer,
.copyright{
	padding:0!important;
	margin:0!important;
}
.footer-bottom,
.tagline,
.widget-content-bottom,
.content-bottom{
	margin:0!important;
}

ul.wp-block-social-links.has-large-icon-size.is-layout-flex.wp-block-social-links-is-layout-flex {
    padding-left: 0;
}


/* ************************** */
#content-in {
width: 100%;
}
.main {
margin:0 auto!important;
width: 80%;
}
.sidebar {
width: 20%;
border-left: 2px #c0c0c0 solid;
	margin: 0;
}
#main .article{
max-width: 800px;
margin:0 auto !important;
width: 100%;
}
/* ************************** */


.page .article h2,
.page .article h3,
.page .article h4,
.postid-1536 .article h2 {
	margin:0;
	padding:0;
	background:none;
	border:none;
}

.post-520 h3 {
	border-right: none;
	border-block: none;
	border-left: solid #139695 10px;
}

.article p{
	margin:0;
}


/* 【リンクタグ設定】 */
.page .main a{
	display:block;
	text-decoration:none;
}
.breadcrumb a{
	display:inline-block;
}
.pager-post-navi a.prev-post,
.pager-post-navi a.next-post{
	display:flex;
}

a{
	outline:none;
}
/* ※↑firefoxリンククリックでボーダー削除 */


/* 【テーブルスタイル：初期】 */
.container table tr,
.container table tr:nth-of-type(2n+1),
.container table tr th,
.container table tr td{
	background:none;
	border:none;
}
/* 【ウジェット：コンテンツ下部】 */
.content-bottom-in{
	width:100%;
}


/* 【投稿ページ：アイキャッチ・P】 */
.eye-catch{
	margin: auto;
}
.eye-catch img{
	width:100%;
	max-width: 800px;
}
.single p{
	margin-bottom:1em;
}


/* 【問い合わせ等送信ボタン】 */
.wpcf7-form p{
	margin-bottom:1em;
}
.wpcf7 .wpcf7-submit:disabled{
	background-color: #eee;
	color:#303030;
}

input[type="submit"]{
	background-color: #1B2D2C;
	color:#fff;
}


/* --サイドバー：メニュー-- */
#sidebar{
	padding:1em 1em;
}
#sidebar .widget-sidebar.widget_nav_menu{
	width:80%;
	margin:auto;
}
#sidebar .widget-sidebar.widget_nav_menu .menu-item a,
#slide-in-sidebar .widget-sidebar.widget_nav_menu .menu-item a{
	border: solid 2px #88C4B9;
	border-radius: 50px;
	text-align: center;
	margin-bottom: 1em;
	padding: 0.5em;
	position:relative;
	transition:.6s;
}

@media screen and (max-width: 1119px) {
	#sidebar .widget-sidebar.widget_nav_menu .menu-item a {
		font-size: 16px;
	}
}

#sidebar .widget-sidebar.widget_nav_menu .menu-item a:hover{
	background:#ebf7f4;
}

@media screen and (max-height:800px){
	#sidebar #sidebar-scroll{
		height: 100vh;
		max-height: 800px;
		overflow-Y: scroll;
		padding-top: 5px;
	}
}

#sidebar .widget-sidebar.widget_nav_menu .menu-item a::before,
#slide-in-sidebar .widget-sidebar.widget_nav_menu .menu-item a::before{
/* 	content:""; */
	color: #88C4B9;
	position: absolute;
	top: -0.8em;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	padding: 0 1em 0.1em;
	font-size: 0.8em;
	border-radius: 50px;
	line-height: 1.2em;
	white-space: nowrap;
}
.nav-home a::before{
	content:"Home";
}
.nav-store a::before{
	content:"Store";
}
.nav-news a::before{
	content:"News";
}
.nav-service a::before{
	content:"Service";
}
.nav-price a::before{
	content:"Price";
}
.nav-staff a::before{
	content:"Staff";
}
.nav-recruit a::before{
	content:"Recruit";
}
.nav-recruit-none a::before{
	content:"Recruit";
}
.nav-blog a::before{
	content:"Blog";
}
.nav-movie a::before{
	content:"Movie";
}
.nav-herbal a::before{
	content:"Herbal medicine";
}
.nav-measurement a::before{
	content:"Measurement";
}
.nav-company a::before{
	content:"Company";
}
.nav-metatron a::before{
	content:"Metatron";
}
.nav-online a::before{
	content:"Consultation";
}
.nav-contact a::before{
	content:"Contact";
	top: 0.5em !important;
}
.nav-contact a{
	padding: 1.5em 0.5em 0.3em!important;
	background:#1B2D2C;
	color:#fff!important;
	border-color:#1B2D2C!important;
	transition:.6s;
}
.nav-contact a:hover{
	background:#4C6867!important;
}


/* --ヘッダーメニュー--******************************************** */
.header-container-in.hlt-top-menu .logo-header,
.header-container-in.hlt-top-menu .logo-header img{
/* 	max-height: 80px; */
}

.header-container-in.hlt-top-menu .navi {
  width: auto;
}

.H-info{
	margin:0 0 0 auto;
	padding:10px 10px;
}
.H-info .txt01{
	font-size: 1.3em;
	text-align: right;
	font-weight: bold;
}
.H-info .but-area{
	
}
.H-info .but-area .h-but{
	background:#88C4B9;
	padding:0.3em 1em;
	border-radius:50px;
	margin-left:0.3em;
	text-decoration:none;
	display:block;
	color:#fff;
}
.H-info .but-area .h-but:nth-of-type(2){
	background:#B5D8F2;
}
.H-info .but-area .h-but i{
	padding-right:0.2em;
}

@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	.H-info{
		display:none;
	}
}


/* --フッター-- */
#SNS-area{
	background-image: linear-gradient(180deg, rgba(181, 216, 242, 1), rgba(136, 196, 185, 1));
	padding:3em 0;
}
#SNS-area .box{
	padding:0 1em;
}
#SNS-area .Instagram{
	margin-bottom:1.5em;
}
#SNS-area .sns-b-area{
	display:grid;
	grid-template-columns:1fr 1fr 2fr;
	gap: 1em;
}
#SNS-area .tiktok .tiktok-embed{
	padding: 0;
	margin: 0;
	border-radius: 10px;
	border: none;
}

#SNS-area .Facebook .facebook_wrap{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
#SNS-area .Facebook .fb-page,
#SNS-area .Facebook .fb-page span,
#SNS-area .Facebook .facebook_wrap iframe{
  width: 100% !important;
  height: 500px !important;
}

@media screen and (max-width:1024px){
	#SNS-area .sns-b-area{
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr;
	}
	#SNS-area .sns-b-area .tiktok{ 
		grid-row: 2;
		grid-column: 1 / 3;
	}
}
@media screen and (max-width:600px){
	#SNS-area .sns-b-area{
		display:block;
	}
	#SNS-area .sns-b-area .item{
		margin:0 auto 1em;
	}
}

.Twitter.item .twitter-tweet.twitter-tweet-rendered {
	margin-top: 0 !important;
}


#F-nav{
	padding:5em 0 1em;
	background:#fff;
}
#F-nav .profile .f-logo{
	width: 60%;
	max-width:450px;
}
@media screen and (max-width: 767px) {
	#F-nav .profile .f-logo {
		width: 70%;
	}
}
#F-nav .profile .txt01{
	font-size: 1em;
	margin: .5em 0;
}
@media screen and (max-width: 767px) {
	#F-nav .profile .txt01 {
		font-size: 1.2em;
		margin: 1em 0;
	}
}
#F-nav .sns-icon{
	width:80%;
	margin:auto;
}
@media screen and (max-width: 460px) {
	#F-nav .sns-icon{
	width:90%;
}
}
#F-nav .sns-icon .fl{
	justify-content:center;
	margin-top:2em;
}
#F-nav .sns-icon a{
	width:calc((100% / 5) - 1em);
	margin: 0.5em;
	max-width: 45px;
	max-height: 45px;
}
@media screen and (max-width: 460px) {
#F-nav .sns-icon a{
	max-width: 40px;
	max-height: 40px;
}	
}
#F-nav .profile .txt02,
#F-nav .f-tel,
#F-nav .f-mail{
	margin-bottom: .5em;
}

#F-nav .profile .txt02 {
	font-size: .9em;
}

@media screen and (max-width: 767px) {
	#F-nav .profile .txt02,
	#F-nav .f-tel,
	#F-nav .f-mail{
		margin-bottom:1em;
	}
	
	#F-nav .profile .txt02 {
		font-size: initial;
	}
}

#F-nav .f-tel span{
	font-size: 1.4em;
	padding-left:0.3em;
	font-weight:bold;
}

@media screen and (max-width: 767px) {
	#F-nav .f-tel span {
		font-size:1.6em;
	}
}

p.fl-time__txt {
	font-size: 16px;
}

ul.fl-time__items li {
	font-size: 16px;
}


/* 【共通css】 */
.width-1200{
	max-width:1200px;
	margin:auto;
}

.fl{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

.fl-R{
	flex-direction:row-reverse;
}
.fl-margin{
	margin:0;
}
.fl-item{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}

@media screen and (min-width: 768px) {
	.fl-item:nth-child(3){
		display: none;
	}
}

.fl-item_2kotei{
	width:calc((100% / 2) - 1em);
	margin:0.5em;
}

.hissu{
	color:red;
	font-size:.8em;
}


/* -見出し- */
.page .article h2,
.postid-1536 .article h2 {
	position:relative;
	margin:2.5em 0 1em;
	padding-left: 1.3em;
	font-size: 2rem;
}

.page .article h2:not(:first-child),
.postid-1536 .article h2:not(:first-child) {
	margin-top:3.5em;
}
.page .article h2::before,
.postid-1536 .article h2::before {
	content:"";
	width:80px;
	height:80px;
	background:#B5D8F2;
	position:absolute;
	bottom:0;
	left:0;
	border-radius:50px;
	z-index:-1;
}
.page .article h2:nth-of-type(2)::before,
.postid-1536 .article h2:nth-of-type(2)::before{
	background:#FAED00;
}
.page .article h2:nth-of-type(3)::before,
.postid-1536 .article h2:nth-of-type(3)::before {
	background:#88C4B9;
}


.page .article h3{
	border-left: solid #139695 10px;
	padding-left: 0.5rem;
	margin-bottom: 1rem;
	margin-top: 3rem;
}

/* -テーブル- */
.table-01 table tr,
.table-01 table tr:nth-of-type(2n+1){
	border-bottom:solid 2px #88C4B9;
}
.table-01 table tr:last-child{
	border-bottom:none;
}
.table-01 table tr td:nth-of-type(1){
	width:25%;
	background:#1B2D2C;
	color:#fff;
	text-align:center;
}
.table-01 table tr td:nth-of-type(2){
	width:75%;
}



.table-01.price table tr td:nth-of-type(1),
.table-01.price table tr td:nth-of-type(2){
	width:auto;
}
.table-01.price table tr td:nth-of-type(1){
	text-align:left;
}
.table-01.price table{
	border:solid 2px #88C4B9;
}

/* -ボタン- */
.main-but{
	position:relative;
	border-bottom:solid 2px #1B2D2C;
	color:#1B2D2C;
	width:fit-content;
	margin:1em auto 0;
	padding:0 1em;
	text-decoration:none;
	display:block;
}
.main-but::before{
	font-family: 'Font Awesome 6 Free';
  	font-weight: 900;
	content:"\f138";
	position:absolute;
	top: 50%;
	right: -1em;
	font-size: 1.8em;
	transform: translateY(-50%);
	transition:.6s;
}
.main-but:hover{
	color:#1B2D2C;
}
.main-but:hover::before{
	right:-1.3em;
}

.sub-but{
	width: fit-content;
	float: right;
	position: relative;
	margin-top: -3.5em;
	z-index: 1;
	margin-right: 2em;
	color: #1b2d2c;
	top: 18px;
}
.sub-but::before{
	font-family: 'Font Awesome 6 Free';
  	font-weight: 900;
	content:"\f138";
	position:absolute;
	top: 50%;
	right: -1.5em;
	font-size: 1.2em;
	transform: translateY(-50%);
	transition:.6s;
}
.sub-but:hover{
	color:#1B2D2C;
}
.sub-but:hover::before{
	right:-1.8em;
}

div#footer-in {
    width: 1440px;
    max-width: 100%;
}

/* *****************************************************
TOP
***************************************************** */

.top-but-area{
	margin-top:1.5em;
}


/* -新着情報エリア- */
.news-area .new-entry-card-date{
	display:block;
}
.news-area .widget-entry-cards figure {
display: none;
}
.news-area .widget-entry-card-content {
margin-left: 0;
display: flex;
flex-direction: row-reverse;
justify-content: left;
padding: 0.5em 0.5em 0.5em 1em;
}
.news-area .new-entry-cards .new-entry-card-link{
	border: none;
border-bottom: solid 1px #000;
border-radius: 0;
}
.news-area .new-entry-cards .new-entry-card-link:first-child{
	border-top: solid 1px #000;
}




/* -ブログ エリア- */
.blog-area .wp-show-posts-image {
  width: 40%;
}
.blog-area .wp-show-posts-image img{
	border:solid 1px #c0c0c0;
}
.blog-area .wp-show-posts-entry-header {
  margin: 0em 0 0.3em;
  padding-top: 1em;
}
.blog-area .wp-show-posts .wp-show-posts-entry-title a,
.blog-area .wp-show-posts-entry-meta a,
.blog-area .wp-show-posts-entry-summary {
  color: #303030;
}
.blog-area .wp-show-posts-entry-summary {
  margin-bottom: 0.3em;
}
.blog-area .wpsp-read-more {
  float: right;
}
.blog-area a.wp-show-posts-read-more {
  border-radius: 50px;
  width: 150px;
  text-align: center;
  background: #303030;
  color: #fff;
  border: none;
  box-shadow: 0px 2px 3px #505050 !important;
  transition: .6s;
}

.blog-area .wp-show-posts-single:not(:first-child){
	border-top: solid 1px #000;
}
.blog-area .wp-show-posts-single{
	padding: 1em 0 !important;
}
.blog-area .wp-show-posts-single:nth-of-type(1){
/* border-top:none; */
}
.blog-area .wp-show-posts-single{
	margin-bottom:0!important;
}

.blog-area .wp-show-posts-inner h3{
	margin-top:0!important;
}

@media (max-width: 767px){
	.blog-area .wp-show-posts-image{
  		width: 100%;
		max-width: 400px;
		margin:auto;
	}
	.wp-show-posts-inner{
		width: 100%;
		max-width: 500px;
		margin:auto!important;
	}
	.blog-area .wp-show-posts-image img{
		margin:auto;
	}
}




/* *****************************************************
固定ページ
***************************************************** */

.entry-title,
.archive-title{
	padding: 1.5em 0 1.5em 1.5em;
	color: #1b2d2c;
	position: relative;
	margin-bottom: 2em!important;
}
.archive-title .fa{
	display:none;
}
.entry-title::before,
.archive-title::before,
.postid-1536 .entry-title::before
{
	content:"";
	color:#88c4b9;
	font-size:2em;
	position:absolute;
	bottom:0;
	left:0;
	z-index:-1;
	font-weight: bold;
	opacity: .4;
}
.page-id-16 .entry-title::before{
	content:"Company";
}
.page-id-9 .entry-title::before,
.page-id-1595 .entry-title::before {
	content:"Store";
}
.page-id-12 .entry-title::before,
.page-id-1283 .entry-title::before{
	content:"Staff";
}
.page-id-14 .entry-title::before{
	content:"Movie";
}
.page-id-54 .entry-title::before{
	content:"Contact";
}
.category-news .archive-title::before{
	content:"News";
}
.category-blog .archive-title::before{
	content:"Blog";
}
.page-id-172 .entry-title::before{
	content:"Service";
}
.page-id-205 .entry-title::before,
.page-id-1653 .entry-title::before{
	content:"Price";
}
.page-id-234 .entry-title::before,
.postid-1536 .entry-title::before{
	content:"Recruit";
}
.page-id-531 .entry-title::before{
	content:"Recruit";
}
.page-id-249 .entry-title::before{
	content:"Herbal medicine";
}
.page-id-286 .entry-title::before{
	content:"Measurement";
}
.page-id-587 .entry-title::before,
.page-id-1141 .entry-title::before{
	content:"Metatron";
}
.page-id-944 .entry-title::before{
	content:"Consultation";
}

.page .main p{
	margin-bottom:1rem;
}




/* -スタッフ紹介- */
.page-id-12 .main p{
	margin-bottom:1em;
}

.page .application-link a {
	display: inline-block;
}

.staff-content {
	border: 1px solid #88C4B9;
	border-radius: 10px;
	padding: 15px;
}

@media screen and (min-width: 782px) {
	.staff-content {
		padding: 20px;
	}
}

.staff-name {
	font-size: 18px;
    color: #139695;
}

@media screen and (min-width: 782px) {
	.staff-name {
		font-size: 24px;
	}
}

.charge-text {
	border: 2px solid #88C4B9;
    display: inline-block;
    padding: 2px 10px;
    border-radius: 0px 10px 0px 10px;
    box-shadow: 5px 9px 0 #88C4B9;
	font-size: 14px;
}

@media screen and (min-width: 782px) {
	.charge-text {
		font-size: 16px;
	}
}


/* -プライバシーポリシー- */
.page-id-3 .main p{
	margin-bottom:1em;
}
.page-id-3 .main a{
	display:inline-block;
}

/* -漢方相談- */
.flow_design{
	display: flex;
	justify-content: center;
	align-items: center;
}

.kanpou-flow{
	width: 100%;
	padding-left: 0!important;
}

.kanpou-flow li{
  list-style-type: none;
  display: flex;
}

.kanpou-flow li:not(:last-child) {
  margin: 0 0 50px 0;
}

.kanpou-flow li .flow-icon{
  width: 90px;
  box-sizing: border-box;
  padding: 20px 10px 10px;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  background: #B5D8F2;
  border-radius: 5px 5px 0 0;
  position: relative;
  line-height: 125%;
  margin: 0;
}
.kanpou-flow li .flow-icon::after {
  content: ' ';
  width: 0;
  height: 0;
  border-left: 45px solid transparent;
  border-right: 45px solid transparent;
  border-top: 20px solid #B5D8F2;
  position: absolute;
  bottom: -20px;
  left: 0;
}

.kanpou-flow li dl {
  padding: 0 0 0 15px;
  width: calc(100% - 90px);
}

.kanpou-flow li dl dt {
  padding: 0 0 5px;
  margin: 0 0 15px;
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 4px solid #CCCCCC;
  position: relative;
}
.kanpou-flow li dl dt::after {
  content: '';
  width: 20%;
  height: 4px;
  position: absolute;
  bottom: -4px;
  left: 0;
  background-color: #B5D8F2;
}

.kanpou-flow li dl dd {
  margin: 0;
}

@media screen and (min-width:834px){
	.kanpou-flow li dl {
		padding: 0 0 0 30px;
	}
}

.consultation-content #toc {
	display: none;
}

.post-520 #toc {
	display: none;
}

h2.flow-consultation {
	color: #fff;
}
/* @media (max-width: 668px) {
	.consultation-content p br {
		display: none;
	}
} */

.line-link._size a {
	width: 250px;
	padding-left: 70px;
}

@media screen and (max-width: 781px) {
	.line-link._size a {
		width: 100%;
	}
}

.line-link a {
	position: relative;
	padding-left: 40px;
}

.line-link a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: auto;
	transform: translate(-135%, -50%);
	width: 25px;
	height: 25px;
	background: url('https://farmacy-miraido.co.jp/wp-content/uploads/2025/09/icon-line.png')no-repeat center center / contain;
}

.btn-l::after {
	top: 50%;
	transform: translateY(-50%);
}

/* 料金案内 */
 figure.wp-block-image.aligncenter.size-full.fee-guide-img.wp-lightbox-container img.wp-image-406 {
	aspect-ratio: 1;
	object-fit: contain;
  }

@media (max-width: 480px) {
 figure.wp-block-image.aligncenter.size-full.fee-guide-img.wp-lightbox-container img.wp-image-406 {
	aspect-ratio: 0;
	object-fit: contain;
  }
}

/* *****************************************************
投稿ページ
***************************************************** */
/* -カテゴリーページ- */
#archive-title,
#list,
.under-entry-content{
	max-width: 800px;
	margin:auto;
}

.category-news .entry-card-content{
	margin-left: 0;
}
.category-news .entry-card-thumb{
	width: 100%;
}
.category-news .entry-card-thumb img{
	display:none;
}
.category-news .cat-label{
	position:relative;
}
.category-news .ecb-entry-border .entry-card-wrap{
	border:none;
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
}
.category-news .ecb-entry-border .entry-card-wrap:not(:last-child){
	border-bottom: solid 2px #c0c0c0;
}

.postid-520 .eye-catch-wrap {
	display: none;
}


/************************
** 投稿　画像サイズ調整
*************************/
.blog-img{
	max-width: 350px;
	width: 100%;
	margin: 0 auto;
}

/************************
** メタトロンページ
*************************/
/* メタトロン　お問い合わせフォーム */
.req,
.ninni{
    margin: 0 0 3rem 1rem;
    padding: 2px 5px 2px;
	color: #fbfbfb;
}
.req{
    background: #FD4343;
}
/* メタトロン診断フォーム */
.metatron{
	background: #ededed;
	padding: 8px 16px;
}
.metatron .tr{
	margin-bottom: 2.8rem;
}
.custom-date-time-form p.inline-field {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 5px; /* 各要素間にスペースを追加 */
  margin-bottom: 10px; /* 下部に少し余白を追加 */
}

.custom-date-time-form input[type="date"],
.custom-date-time-form select {
  width: auto; /* 入力フィールドの幅を自動調整 */
}

select {
	background: #fff;
}

.l-form__content {
    background: #eee;
	padding: 8px 16px;
}

.l-form__content .tr{
	margin-bottom: 2.8rem;
}

@media screen and (max-width: 599px) {
	figure.wp-block-table.l-scroll {
		white-space: nowrap;
	}
	
	figure.wp-block-table.l-scroll table {
		display: block;
	}
}

figure.wp-block-table.l-thead table tr td,
figure.wp-block-table.l-thead table tr th {
	border: 1px solid rgba(136,196,185,.5);
}

figure.wp-block-table.l-thead table thead {
	background: #EEF6F4;
}

.page p.download-link a {
	display: inline-block;
}

.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex.custom-columns {
	flex-wrap: nowrap !important;
}

.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow.custom-column {
	flex: 0 1 auto !important;
}

.img-width {
	width: 150px;
}

@media screen and (max-width: 781px) {
	.hidden-sp__img {
		display: none;
	}
	
	.wp-block-image.img-size img {
		width: 171.5px;
		margin-inline: auto;
	}
}

@media screen and (min-width: 782px) {
	.wp-block-image.hidden-pc__img {
		display: none;
	}	
}

/****************************
** 求人情報
*****************************/
.text-underline {
	text-decoration: underline;
	text-underline-offset: 4px;
}

.table-01._type-color table tr td:nth-of-type(1) {
	background: #88C4B9;
}

.table-01._type-color table tr, .table-01 table tr:nth-of-type(2n+1) {
	border-bottom-color: #CFE7E3;
}

/****************************
** 求人情報バナー
*****************************/
.widget-item:nth-child(2) {
	margin-top: 1em;
}

/****************************
** ECの新着情報
*****************************/
.ec-link a {
	transition: ease-in-out .3s;
	border: 1px solid transparent;
}

.ec-link a:hover {
	border: 1px solid currentColor;
	background: #fff !important;
}

.wp-block-buttons .ec-link:first-child a:hover {
	color: #FF7043;
}

.wp-block-buttons .ec-link:last-child a:hover {
	color: #42A5F5;
}

@media screen and (max-width: 661px) {
	.wp-block-button.ec-link {
		width: 100%;
	}
}

/****************************
** 新着情報　タイトル修正
*****************************/
/* 24/11/15　修正 */
.category-news .entry-card-title{
	display: contents;
}

/****************************
** カスタム投稿一覧
*****************************/
.custom-post-list {
	display: flex; 
	flex-direction: column;
	gap: 1.5rem; 
	width: 100%;
}

.post-item {
	display: flex; 
	gap: 20px; 
	align-items: flex-start; 
	padding-block: 1.5rem;
}

.post-item:nth-of-type(1),
.post-item:nth-of-type(2) {
	border-bottom: 2px solid #333;
}

@media screen and (max-width: 767px) {
	.post-item {
		flex-direction: column;
	}
}

.post-left { 
	flex: 1;
}

.post-left img {
	width: 100%; 
	height: auto; 
	display: block; 
}

.post-right {
	flex: 1;
}

.page h3.post-title {
	margin: 0 0 5px 0; 
	border-left: initial;
}

.post-date { 
	font-size: 12px; 
	color: #666;
	margin-bottom: 10px;
}

.post-excerpt {
	margin-bottom: 10px; 
	font-size: 16px;
}

.read-more {
	border: 1px solid transparent;
    color: var(--cocoon-custom-text-color, #fff);
    background-color: var(--cocoon-custom-background-color, #333);
    border-color: var(--cocoon-custom-border-color);
    font-weight: bold;
    border-radius: 50px;
    cursor: pointer;
    line-height: normal;
    padding: 7px 13px;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    transition: all 0.3s ease-in-out;
    background-clip: padding-box;
	width: 160px;
    max-width: 100%;
    margin-left: auto;
}

.read-more:hover {
	color: var(--cocoon-custom-background-color, #333);
	background:  var(--cocoon-custom-text-color, #fff);
	border: 1px solid currentColor;
}


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

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


@media (max-width: 767px){
	.fl-item{
		width:100%;
	}
	
	#F-nav .profile,
	#F-nav .shop-banner{
		width:fit-content;
		margin:0 auto 1em;
		padding: 0 1em;
	}
	#F-nav .f-tel,
	#F-nav .f-mail{
		text-align:center;
	}
	
	
	.main-but{
		width: 80%;
		max-width: 200px;
		text-align: center;
		margin-bottom:1.5em;
	}
	
	.top-but-area{
		display:block;
	}
}


.sp-main{
	display:none;
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.sp-main{
		display:block;
	}
	.pc-main{
		display:none;
	}
	
	.page .article h2,
	.postid-1536 .article h2{
		padding-left: 1em;
		font-size: 1.8rem;
		margin-bottom: 50px;
	}
	.page .article h2::before,
	.postid-1536 .article h2::before{
		width:60px;
		height:60px;
	}
	.sp-br{
		display: block;
	}
}

/* 2025/11/05　追記　*/
@media screen and (max-width: 767px) {
	.article h1.entry-title {
		padding-left: 0;
	}
	.is-layout-constrained figure.xxp {
		float: none;
	}
}