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

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

/*店舗ページイベント画像表示設定*/
.event-image ul{
	list-style:none;
	padding:0px;
	display:flex;
	width:100%;
}

@media screen and (max-width:480px){
	.event-image ul{
		display:block;
	}
}

/*店舗ページイベント画像表示設定ここまで*/



/*width780*/
.wid780{
	max-width:780px;
	margin:auto;
}

.wid780 h2{
	color:darkred;
	border-bottom:solid
}
/*width780pxここまで*/


.link_banner{
	max-width:980px;
	margin:auto;
}

.recruit_banner{
	width:780px;
	margin:auto;
	max-width:100%;
	margin-top:20px;
}


.footer-bottom-logo img{
	height:50px!important;
}


/*mikien_menu_css*/

.menu_page p{
	margin:0px;
}

.menu_page_list{
	list-style:none;
	padding:0px;
}


.menu_page_list li{
	margin:0px!important;
}

.menu_page_list li img{
	height:100%;
	vertical-align:top;
}

/*tmp_css*/

.medias_list{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}

.medias_list p{
	max-width:50%;
	margin-bottom:0px;
}

.medias_list p img{
	object-fit:cover;
	height:100%;
}

/*トップFCリンク*/
.information_top_wrap{
	margin-bottom:0px;
}

.fc_links{
	background-color:#FFE300;
	text-align:center;
	padding:20px;
}

.fc_links a{
	text-decoration:none;
	color:white;
	background-color:black;
	padding:15px 10%;
	font-weight:bold;
}

.fc_btn_link{
	text-align:center;
	background-color:orangered;
	padding:10px;
	border-radius:10px;
	max-width:90%;
	margin:auto;
	margin-bottom:30px;
}

.fc_btn_link a{
	text-decoration:none;
	color:white;
	font-weight:bold;
}


.post-514 .entry-content{
	width:750px;
	margin:auto;
	max-width:100%;
}

.post-514 ul {
	list-style:none;
	padding-left:0px;
}

.post-514 ul li{
	border-bottom:dotted;
}

.post-514 ul li span{
	background-color:red;
	padding:5px;
	border-radius:5px;
	color:white;
}

@media screen and (min-width:480px){
	.sp-br{
		display:none;
	}
}

@media screen and (max-width:480px){
	.main_v img {
		width:80%;
		padding-top:90px;
	}
	
	.home_torotan{
		display:block;
	}

	.torotan_copy_back, 
	.torotan_text{
		width:100%;
		padding:0px;
		
	}
	
	.torotan_copy img{
		display:none;
	}
	
	.torotan_text ul{
		display:block;
	}
	
	.meibutsu4 ul li{
		max-width:45%;
	}
	
	.menu_link{
		padding:30px 0px;
	}
	
	.information_top_wrap{
		display:block;
	}
	
	.information_top_box{
		padding:0px;
		width:100%;
	}
	
	#post-370 > div > div.information_top_wrap > div:nth-child(2) > iframe{
		height:250px;
	}
	
}

@media screen and (max-width:480px){
	.kodawari_box div {
		padding: 10px;
		width: 100%;
}
}

@media screen and (max-width:480px){
	.store{
		display:block;
	}

	.store-body{
		width:100%;
		position:relative;
		overflow:hidden;
	}

	
	.store-body table {
		display:block;
		max-width:100%;
		box-sizing:border-box;
	}

		.store-body table tbody tr td{
			word-break: break-all;
			white-space:inherit;
			width:100%;
	}
	
	.store_imgs{
		width:100%;
		height:300px;
	}
	
	.store-outimg{
		background-position:center;
		background-size:100%;
		background-repeat:no-repeat;
	}
	
	#header{
		display:none;
	}
	
}


.page-id-370 h1,
.page-id-370 .eye-catch-wrap{
	display:none;
}


.new-entry-card-date.widget-entry-card-date.display-none ,
.new-entry-card-date.widget-entry-card-date.display-none > span{
	display:block;
}

.information_top{
	display:flex;
}

.information_top_box{
	width:50%;
	padding:20px;
}


.information_top_box h2{
	margin-top:0px;
	margin-bottom:0px;
}

.article h2{
	background-color:transparent;
	padding-left:0px;
	position:relative;
}


.article h2 a{
	position:absolute;
	right:0px;
	text-decoration:none;
	border-bottom:none;
	color:white;
	font-size:0.5em;
	top:35%;
	background-color:darkred;
	padding: 5px;
   border-radius: 5px;
}

/**フロントページ**/
.main_v{
	background:linear-gradient(to right, rgba(1,1,1, 0.1), rgba(1,1,1,0.1)) ,url('https://mikien.net/wp-content/uploads/2025/09/mikien_top_3.jpg');
	background-repeat:repeat-x;
	height:600px;
	animation: scroll-anim 100s linear infinite;
	background-size:cover;
	color:white;
	text-shadow:1px 1px 3px black;
}


@keyframes scroll-anim {
	0% { background-position: 0px;}
	100%{background-position:-2600px;}
}

#content-in{
	margin:0px;
	width:100%;
}
#content,
.entry-content{
	margin-top:0px;
}
#main{
	padding:0px;
	border:0px;
}

.entry-title{
	margin:0px;
	height:100px;
	text-align:center;
}

.page h1{
	line-height:100px;	
	color:black;
	font-weight:bold;
	border-bottom:solid 1px darkred;
	width:400px;
	max-width:100%;
	margin:auto;
}


.page .date-tags{
	display:none;
}

.sns-share-buttons,
#breadcrumb{
	width:1256px;
	max-width:95%;
	margin:auto;
}

.main_v{
	margin-bottom:0px;
}

.main_v img{
	margin: auto;
	display: block;
	width: 30%;
}

.home_width_890px{
	max-width:890px;
	margin:auto;
}

.news_wrap h2{
	margin-top:0px;
	margin-bottom:10px;
	color:white;
	border-bottom:solid 2px;
}

.news{
	background-color:black;
	padding-bottom:10px;
	margin-bottom:0px;
}
.news .widget-entry-card{
	color:white;
}

.a-wrap:hover{
	background-color:transparent;
	opacity:0.8;
}

.news_wrap{
	padding:20px;
}

#post-370 > div > div.news > div.new-entry-cards.widget-entry-cards.no-icon.cf.card-large-image.large-thumb-on{
	display:flex;
	justify-content: center;
	flex-wrap: wrap;
}

#post-370 > div > div.menu{
	margin-bottom:30px;
}

.menu h2{
	margin:0px;
	text-align:center;
	font-size:1.6em;
	padding:0px;
	margin-top:30px;
	margin-bottom:30px;
}


.menu_about{
	width:850px;
	max-width:95%;
	margin:auto;
}

.menu_page_list{
	padding-left:0px!important;
}

.slick-arrow{
	display:none;
}

.menu_link{
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(/wp-content/uploads/2023/05/menu_background.png) no-repeat center center / cover;
	height: 300px;
}

@media screen and (max-width : 480px){
	.menu_link{
		height:120px;
	}
}

.menu_link a{
	display: block;
	width: 250px;
	box-sizing: border-box;
	background: rgba(1,1,1,0.5);
	border: 2px double #FFF;
	padding: 5px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	transition: .3s;
	text-decoration: none;
	font-size:1em; 
}

.menu_link a span{
	font-size:.6em;
	border-bottom:dotted 1px;
	padding:2px;
}


@media screen and (min-width : 480px){
	.menu_link a {
		width:500px;
		font-size:1.5em;
	}
	
	.menu_link a span{
		font-size:.6em;
	}
}

.menu_link a:hover{
	opacity:0.8;
}

.information_top_wrap{
	display:flex;
}
	
.footer-bottom-logo img{
	height:auto;
}

/**固定ページ**/
.entry-title{
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	position:relative;
}


/**メニューページ**/
.menu_page{
	text-align:center;
	max-width:980px;
	margin:auto;
}


/**店舗一覧ページ**/
/*こだわり*/
.post-15 .entry-content{
	font-family:"Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.kodawari_title{
	text-align:center;
}

.post-15 h2{
	padding:0px;
}


.post-15 h2 span{
	color:darkred;
	font-size:2em;
}

.kodawari_title p{
	padding:5px;
}

.kodawari_box{
	display:flex;
	justify-content:space-evenly;
}

.kodawari_box h3{
	padding-top:0px;
	margin-top:0px;
	border:none;
	border-bottom:dotted 1px darkred;
	color:darkred;
}

.kodawari_box div{
	padding:10px;
	width:45%;
}

.kodawari_box div img{
	width:100%;
	height:300px;
	object-fit:cover;
}

.kodawari_title > h2 > span{
	color:red;
	font-weight:bold;
	font-size:1.3em
}

.kodawari_title p {
	font-size:.9em;
	width:850px;
	margin:auto;
	max-width:100%;
}

.kodawari_title p span,
.kodawari_box span{
	text-decoration: underline;
	text-underline-offset: -0.2em;
	text-decoration-thickness: 0.5em;
	text-decoration-color: rgba(255, 228, 0, 0.4);
	text-decoration-skip-ink: none;
}

@media screen and (max-width:480px){
	.kodawari_box{
		display:block;
}

}

/*投稿*/
.single-post .entry-title{
	height:auto;
}

.wp-video{
	display:block;
	margin:auto;
}


/*top*/

.meibutsu4{
	margin-top:20px
}

.menu{
	margin-bottom:0px;
}

.information_top_wrap{
	background-color:black;
}

.information_top_box ul{
	list-style:none;
	padding:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}


.information_top_box ul li{
	width:40%;
}


.information_top_box ul li a{
	display:block;
	width:100%;
}

.information_top_box h2{
	text-align:center;
	color:white;
}

.information_top_box a {
	text-align:center;
	display:block;
	text-decoration:none;
	color:black;
	background-color:white;
	border:solid;
	padding:10px;
	width:60%;
	margin:auto;
}

.information_top_box a:hover{
	border:solid 2px white;
	background-color:darkred;
	color:white;
}

.page-id-370 .sb_instagram_header{
	display:none;
}

#sb_instagram{
	width:70%;
}

/*store*/
.store{
	display:flex;
	flex-wrap:wrap;
}

.store-head h1{
	max-width:1256px;
	margin:auto;
	font-size:1.5em;
	margin-top:30px;
	margin-bottom:20px;
}


.store-head h1:before{
	content:"■";
	padding:10px;
	color:darkred;
		
}

.store-body,
.store_imgs{
	width:50%;
}

.store_maps{
	width:100%;
	margin-top:30px;
}

.store_imgs{
	display:flex;
	flex-wrap:wrap;
}

.store-outimg{
	width:100%;
	height:300px;
	border:solid 1.5px white;
	background-attachment:fixed;
	background-position:right;
	background-size:50%;
}

.store-in1img,
.store-in2img{
	width:50%;
	border:solid 1.5px white;
	position:relative;
}


.store-in1img img,
.store-in2img img{
	object-fit:cover;
}

.shop_info_section{
	max-width:1256px;
	margin:auto;
}


.store-body table{
	 border-collapse:separate;
  border-spacing: 5px;
}

.store-body table tbody tr {
}

.store-body table tbody tr th{
	background-color:white;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size:.8em;
	width:	0px;
	white-space:nowrap;
}

.store-body table tbody tr td{
	background-color:white;
	border-top:none;
	border-left:none;
	border-right:none;
	font-size:.8em;
	width:0px;
	white-space:inherit;
}

.store_links{
	display:flex;
	justify-content:space-evenly;
}

.store_links a{
	width:30%;
	text-align:center;
	text-decoration:none;
	color:white;
	padding:10px;
	border-radius:100px;
}

.store_links a:nth-child(1){
	background-color:black;
}

.store_links a:nth-child(2){
	background-color:darkred;
}

.store_links a:nth-child(3){
	background-color:green;
}

#post-370 > div > div.information_top_wrap > div:nth-child(2){
}

h2.insta_feed{
	text-align:center;
}


/*stores*/
.page-id-386 h2{
	text-align:center;
}

.page-id-386  .new-entry-card-date.widget-entry-card-date.display-none{
	display:none;
}

.page-id-386 .widget-entry-cards.card-large-image .card-content{
	text-align:center;
}


.page-id-386 .new-entry-cards {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}

/*追加分*/

@media screen and (max-width:480px){
	.main_v img {
		width:80%;
		padding-top:90px;
	}
	
	.home_torotan{
		display:block;
	}

	.torotan_copy_back, 
	.torotan_text{
		width:100%;
		padding:0px;
		
	}
	
	.torotan_copy img{
		display:none;
	}
	
	.torotan_text ul{
		display:block;
	}
	
	.meibutsu4 ul li{
		max-width:45%;
	}
	
	.menu_link{
		padding:30px 0px;
	}
	
	.information_top_wrap{
		display:block;
	}
	
	.information_top_box{
		padding:0px;
		width:100%;
	}
	
	#post-370 > div > div.information_top_wrap > div:nth-child(2) > iframe{
		height:250px;
	}
	
}

@media screen and (max-width:480px){
	.kodawari_box div {
		padding: 10px;
		width: 100%;
}
}

@media screen and (max-width:480px){
	.store{
		display:block;
	}

	.store-body{
		width:100%;
		position:relative;
		overflow:hidden;
	}

	
	.store-body table {
		display:block;
		max-width:100%;
		box-sizing:border-box;
	}

		.store-body table tbody tr td{
			word-break: break-all;
			white-space:inherit;
			width:100%;
	}
	
	.store_imgs{
		width:100%;
		height:300px;
	}
	
	.store-outimg{
		background-position:center;
		background-size:100%;
		background-repeat:no-repeat;
	}
	
}


/*味樹園追加分*/

.main_v p{
	writing-mode: vertical-rl;
	height: inherit;
	margin: auto;
	font-size: 48px;
	line-height: 80px;
	color: #fff;
	white-space: pre-wrap;
	letter-spacing: 2px;
	padding: 80px 0px ; 
}

.main_v,
.news,
.menu,
.information_top_wrap{
	margin:0px;
}

.menu_page p{
	margin:0px;
}


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

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

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