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

/************************************
** 子テーマ用のスタイルを書く
************************************/
#header-container{
	transform: translate(0,30px);
  z-index: 10 !important;
  position: relative;
}

#header-container-in{
height:0px;
		width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

/*ナビゲーションメニュー背景透明化*/
.header-container,.navi{
background:rgba(255,255,255,0.5) !important;
} 

/*.navi-in{
padding-right:25em;	

}*/

#header .logo{
background:rgba(255,255,255,0.5) !important;
transform: translate(0,-30px);
/*padding-left:25em;*/

} 

#header-container{
background:rgba(255,255,255,0.5) !important;

} 



.one {
  z-index: 1 !important;
  position: relative;
}

#
/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
    background-color: rgb(255 255 255 / 0);
}

/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
left: 0px;/*線の位置*/
top: 10px;/*線の位置*/
height: 3px;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #000;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/* カバーブロック用：インナーブロックの中央寄せを追加 */
.cstm-blk-fullwide-inner {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
	background="#ccc";
}

.sukimatyousei{
     margin-bottom:0px !important;
}

.sukimatyousei_top{
     margin-bottom:0px !important;
	padding-left:5em		!important;
}

/*news部分*/
/*test {
　border-bottom: solid 2px #ccc !important;
  width: 200px !important;

}*/

.wp-block-latest-posts__list { margin: 0; padding: 0; list-style: none; margin-left: 30px;}
.wp-block-latest-posts__list li { margin-bottom: 10px;  padding-bottom: 5px; display: flex; align-items: center; margin-left: 20px; }
.wp-block-latest-posts__post-date { margin-right: 10px; order: 1; white-space: nowrap; width: 9.5rem; margin-left: 30px;}
.wp-block-latest-posts__post-title { order: 2; white-space: nowrap; flex-grow: 0; margin-left: 30px;}

/*点を消す*/
.ten{
  list-style: none;
}

/*divを横並び*/

.flex{
    display: flex;
}
.flex div{
    /*コレ追加*/box-sizing: border-box;
    padding: 10px 10px;
}
.right{
	font-size: 16px;
}
.left{
		font-size: 16px;
}

/*フッターのロゴ部分*/

.footer-bottom-logo {
  float: none;
  position: static;
　	background:#fff;
}

.footer-bottom-content {
  float: none;
  text-align: center;
}
/*フッターのロゴ部分*/
.footer2{
    background-color:#fff;
	width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 calc(50vw - 50%);
}

a{
text-decoration: none;
}

/*アイキャッチ全幅*/
.entry-header .eye-catch {
  margin-left: -1em;
  margin-right: -1em;
  max-width: none;
  width: auto;
}

/** 表の枠の色（縦線なし） 2023-03-02*/
.wp-block-table2 table {
	border-width: 2px 0px;
   border-color: rgba(0,0,0,.5);
}

.wp-block-table2 td,.wp-block-table th {
  border-color: rgba(0,0,0,.4);
	border-width: 1px 0px;
	background-color: white;
}

.wp-block-table2 table tr:nth-of-type(2n+1) {
	background-color: white;	
}

.wp-block-table2 th {
	background-color: #f7f9f9;
}
/*テーブル罫線と余白なし*/
.kk table td {
   border: none;
   background: #fff;
   margin:0px !important;
   padding:0px !important;
   line-height:1em;
}

/* アピールエリア画像を設定（企業情報）*/
.page-id-306 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/dddd4444444.jpg);
}

/* アピールエリア画像を設定（サステナビリティ） */
.page-id-439 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/ddddddd4854848.jpg);
}


/* アピールエリア画像を設定（経営サポート事業） */
.page-id-352 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/ddddd.jpg);
}

/* アピールエリア画像を設定（飲食事業） */
.page-id-441 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/ddddd00.jpg);
}

/* アピールエリア画像を設定（沿革） */
.page-id-537 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/ddddd22222222.jpg);
}


/* アピールエリア画像を設定（トップメッセージ） */
.page-id-540 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/dddd7778.jpg);
}

/* アピールエリア画像を設定（がんばる貴方を応援する） */
.page-id-579 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/eeeee.jpg);
}


/* アピールエリア画像を設定（フィリピンへの出店経営サポート） */
.page-id-593 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/dddde111.jpg);
}



/* アピールエリア画像を設定（CONTACT） */
.page-id-638 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/contacttttt00001111.jpg);
}


/* アピールエリア画像を設定（企業理念） */
.page-id-346 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/企業理念.jpg);
}


/* アピールエリア画像を設定（お知らせ） */
.page-id-667 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/newssss.jpg);
}



/* アピールエリア画像を設定（プライバシーポリシー） */
.page-id-846 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/ddddddd54545457.jpg);
}



/* アピールエリア画像を設定（飲食採用詳細） */
.page-id-1001 .appeal {
  background-image:url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/insyoku558.jpg);
}




/* アピールエリア画像を設定（経営理念） */
.page-id-1038 .appeal {
  background-image:url(https://tokyo-lamb-story.com/wp-content/uploads/2025/05/vision.jpg);
}



/* アピールエリアを表示しない（TOPページ） */
.page-id-9 .appeal { 
 display:none;
}


/* H3 */
.entry-content h3{
color: #DAA520; /* 文字色 */
font-size: 1.5em; /* 文字サイズ */
border:none;
margin-bottom:10px;
}

.heading1 {
	position: relative;
	padding-left: 50px !important;
	font-size: 24px !important
}

.heading1::before {
	content: attr(data-number);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	color: #DAA520;
	font-size: 50px;
	opacity: 0.3;
}

.heading1::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100px;
	height: 0px;
	background-color: rgba(63,193,201,1);
}

/* H4 */
.entry-content h4{
color: #000; /* 文字色 */
font-size: 1.3em; /* 文字サイズ */
padding:10px;
border-left: solid 4px #000; /* 左側に実線・色*/
border-top:none;
border-bottom:none;
margin-top:1em;
margin-bottom:20px;
}


/* H5 */
.entry-content h5{
color: #DAA520; /* 文字色 */
font-size: 1.3em; /* 文字サイズ */
padding: 7px;
border-bottom:none;
margin-bottom:20px;
}

/* H6 */
.entry-content h6{
color: #000; /* 文字色 */
font-size: 1.0em; /* 文字サイズ */
font-weight: normal;
padding:5px;
border-left: solid 4px #000; /* 左側に実線・色*/
border-bottom:none;
margin-bottom:40px;
}

.tcolor table td{
	background-image: url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/t02.jpg);
}

.tcolor2 table td{
	background-color:#fff !important;	
}

.wp-block-columns{
  gap: 0;
}

/*.wp-block-image figcaption {
    background-color: #bbae9b !important;
    font-size: 14px;
　　text-align: center;
    display: inline　;
    font-weight: normal;
}*/

.article .wp-block-image {
  margin-bottom: 0;
  line-height: 0;
}

.article2 .has-background p{
  margin-bottom: 0;
  line-height: 0;
}

.topg{
  line-height: 1;
　font-size:12px;
}

/***********************
 * News部分の調整******
 * ********************/

/*フロントタイトルリスト */
.info-list-item {
display:flex;/*横並びに変更*/
flex-direction: row-reverse;/*前後逆に*/
justify-content: flex-end;/*前後逆に*/
padding-bottom:0px;/*文字間調整*/
}
.info-list-item-categorys {
display:none;/*カテゴリ消す*/
}
.info-list-item-date {
font-size:16px;/*日付大きさ*/
margin-left:3em;/*文字間調整*/
margin-right:4em;/*文字間調整*/
color:#000;/*日付文字色変更*/
}
.info-list-content{
font-size:16px;/*日付大きさ*/
}

/************************************
****　モバイル表示　ヘッダーメニュー・検索アイコン
************************************/
.mobile-menu-buttons{
height:50px;
box-shadow: none;
}
.mobile-menu-buttons > li {
padding-top:0;
}
.menu-button{
margin: auto;
}
.mobile-menu-buttons .menu-button:hover{
background-color:white;
}
span.fas.fa-search::before{
color:#90C31F;/*検索マーク色変更はこちら*/
margin-left:1em;
}
span.fas.fa-bars::before{
color:#90C31F;/*ハンバーガーメニュー色変更はこちら*/
margin-right:1em;
}
.navi-menu-caption.menu-caption,.home-menu-caption.menu-caption,.search-menu-caption.menu-caption,.top-menu-caption.menu-caption,.sidebar-menu-caption.menu-caption{
display:none;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width:1250px) {

.navi-in .menu-header .item-label{
font-size: 14px;
}
	
}

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

	#header-container .navi{
		display:none;
	}
	
}

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

.logo-menu-button{
	padding-right:3em;
}
	
/*フロントタイトルリスト */
.info-list-item {
display:flex;/*横並びに変更*/
padding-bottom:0px;/*文字間調整*/
flex-direction: column-reverse !important;/*前後逆に*/
justify-content: flex-end;/*前後逆に*/
margin-left:2em;
}
.info-list-item-categorys {
display:none;/*カテゴリ消す*/
}
.info-list-item-date {
font-size:16px;/*日付大きさ*/
color:#000;/*日付文字色変更*/
margin-left:0 !important;
}
.info-list-content{
font-size:16px;/*日付大きさ*/
margin:0;/*文字間調整*/
}	
	
}

/************************************
**モバイルスライドインメニュー
************************************/
span.fas.fa-times::before{
font-family: "Font Awesome 5 Free";
content: "\f060";
color:#90C31F;/*矢印色変更はこちら*/
}
ul.menu-drawer:before{
font-size:1em;
background: white;
color:#333;
margin-bottom:1em;
border-bottom:3px dotted #ccc; /*点線の色変更はこちら*/
content: "";
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
padding:0;
}
.menu-drawer li{
font-weight: bold;
}
.menu-drawer a{
font-size:1em;
background-color:#ffffff;
color:#545454;
margin: .5em 0;
}
.menu-drawer a:hover{
background-color:#f7f7f7;
}
.menu-drawer .sub-menu {
padding:0;
}
.menu-drawer .sub-menu li{
font-size: .9em;
}
.menu-drawer .sub-menu li a::before {
font-family: "Font Awesome 5 Free";
content : "\f105";
color:#7b7b7b;
margin:0 .5em 0 1em;
}
	

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


	
	
}

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

/*サイトロゴの調整*/
.site-logo-image{
		visibility: hidden;
　}
.logo-menu-button.menu-button{
		background-image: url(http://tokyo-lamb-story.com/wp-content/uploads/2025/05/logo_3999.png);
		background-position:65px 5px; 
		background-repeat: no-repeat;
　　　　background-size: auto 20px;
	background-size: 130px auto;
　}
}			


	
}