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

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

/* 中央ぞろえ */
.line,.form_check{
	display: flex;
	align-items: center;
	justify-content: center;
}
.line{ margin: 20px 0;}

.form_margin{ margin-bottom: 10px;}

/* 追随ヘッダーロゴ */
#header-container-in>#header>#header-in>h1{margin: 10px 0;}
.header-container-in.hlt-top-menu .logo-header img{max-height:50px}

/* 背景画像の変更 */
.container{
    background-image: url(https://kita-cocoro.com/wp-content/uploads/2023/04/230404bg2.png) !important;
	    background-repeat: repeat;
	background-size: auto !important;
}

/* パンくずリストの背景 */
#breadcrumb{
    background-color: transparent;
}

/* お知らせ */
#notice-area>span{
	padding: 1px 3px;
	color: #fff;
	background-color: #f66;
}

/* 更新履歴 */
#uplog{
	width: 90%;
	margin: 0 auto;
}
#uplog .uplog_table{
	margin: 0 auto;
	width: 100%;
	background: -moz-linear-gradient(top right, rgba(255, 241, 207, 0.1), rgba(219, 235, 196, 0.1));
	background: -webkit-linear-gradient(top right, rgba(255, 241, 207, 0.1), rgba(219, 235, 196, 0.1));
	background: linear-gradient(to bottom left, rgba(255, 241, 207, 0.1), rgba(219, 235, 196, 0.1));
}
#uplog .uplog_table tr{
	border-bottom: 1px solid rgb(153, 153, 153);
	border-top: 1px solid rgb(153, 153, 153);
}
#uplog .uplog_table th{
	padding: 5px 0 5px 10px;
	text-align: left;width: 120px;
	width:-moz-fit-content; /* Firefox */
	width:fit-content; /* other browsers */
}
#uplog .uplog_table td{
	padding: 5px 5px 5px 10px;
	text-align: left;
}
#uplog_table_none{
	border-bottom: none !important;
	background-color: #fff !important;
}


/* 営業日カレンダー */
.boxeventday,.eventday{
	background-color: rgba(51, 153, 255, 0.5) !important;
}
.holiday,.boxholiday{
	background-color: rgba(255, 51, 102, 0.5) !important;
}
#biz_calendar th{
    background-color: #FFE16E !important;
}
#go-to-top .go-to-top-button{
	color: #FFF;
	background-color: #333;
}

/* フォント */
.appeal-title,.widget-sidebar-scroll-title,.widget-title,h1,h2,h3,.entry-title{ font-family: "秀英にじみ丸ゴシック B" !important; }
.textwidget dt,h4,h5,h6{ font-family: "丸フォーク M" !important; }
.appeal-message,.notice-area,#biz_calendar p,#biz_calendar td,.textwidget p,.textwidget dd,.hentry,.entry-content p,.post-inner.entry-content p,.copyright{ font-family: "トーキング" !important; }
.navi-entry-card-title,.index-tab-button,#biz_calendar .calmonth,#biz_calendar th,b{ font-family: "秀英にじみ丸ゴシック B" !important; }/* strong除外 */

/* キャッチコピー（※不要確定で削ること） */
.tagline{
	background-image: none;
    color: rgb(255, 255, 255);
	font-size: medium;
    text-shadow:
    rgb(0, 0, 0) 1px 1px 5px, rgb(0, 0, 0) -1px 1px 5px,
    rgb(0, 0, 0) 1px -1px 5px, rgb(0, 0, 0) -1px -1px 5px;
}
/* アピールエリア */
.appeal-message>p{
	margin-top: 1em;
}
.appeal-in{
	padding-bottom: 2em;
}

/* カバー画像テキスト */
.wp-block-cover__inner-container{
color: #fff !important;
}

/* カスタムウィジェット：タイトル */
.widget_h{
	text-align: center;
	font-size: 2em;
}
.widget_h>span{font-size: 0.5em;}

/* カスタムウィジェット：ショップ一覧 */
#shoplist{margin-bottom: 3em;}

.shoplist_div{margin-top: 30px;}
.shoplist_div,#shoplist_footer>a{
	display: flex;
	justify-content: space-evenly;
	flex-wrap: wrap;
	align-items: flex-start;
}
.shoplist_div>a{
	display: flex;
	align-content: center;
	align-items: flex-start;
	width: -moz-fit-content; /* Firefox */
	width: fit-content; /* other browsers */
	margin-top: 10px;
}
.shoplist_div a{text-decoration: none;}
.shoplist_div>a>img{
	max-height: 144px;
	height: auto;
	width: auto; 
}
.shoplist_div .shopss{
	border: solid 1px #ccc;
}

#shoplist_footer{
	display: flex;
	justify-content: space-evenly;
	align-content: center;
	flex-wrap: wrap;
	align-items: flex-start;
	margin-top: -webkit-calc(1.8em + 20px);
	margin-top: calc(1.8em + 20px);
}
#shoplist_footer img{
	max-width: 120px;
}
/* hover */
.shoplist_div>a:first-child:hover,#shoplist_footer>a:hover{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
}

/* カスタムウィジェット：公式SNS */
#custom_html-2{
	margin-bottom: 0;
}

#content-top{
  padding: 1em 0;
}

#officialsns{
	display: flex;
	justify-content: center;
	padding-bottom: 10px;
}
#officialsns a{text-decoration: none;}
#officialsns div{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 50px;
	width: 50px;
	border-radius: 50%;
	background-color: rgb(255, 255, 255);
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
}
#officialsns i{
    font-size: 30px;
	text-align: center;
	color: rgb(255, 255, 255);
}
#officialsns>a:nth-of-type(1)>div{
	margin:0 10px 0 0;
	background: linear-gradient(135deg, rgb(64, 93, 230), rgb(88, 81, 219), rgb(131, 58, 180), rgb(193, 53, 132), rgb(225, 48, 108), rgb(245, 96, 64), rgb(247, 119, 55), rgb(252, 175, 69), rgb(255, 220, 128));/* Instagram */
}
#officialsns>a:nth-of-type(2)>div{
	margin:0 10px;
	background-color: rgba(24, 119, 242, 1);/* FB */
}
#officialsns>a:nth-of-type(3)>div{
	margin:0 10px;
	background-color: rgba(85, 172, 238, 1);/* Twitter */
}
#officialsns>a:nth-of-type(4)>div{
	margin:0 0 0 10px;
	background-color: rgba(6, 199, 85, 0.5);/* LINE */
}
/* #officialsns div:hover */
#officialsns>a:nth-of-type(1)>div:hover,#officialsns>a:nth-of-type(2)>div:hover,#officialsns>a:nth-of-type(3)>div:hover{
	opacity: 0.5;
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
}

/* フッター会社情報 */
#info_footer{
	display: flex;
	justify-content: space-evenly;
	align-content: center;
    margin-top: 18px;
    table-layout: auto !important;
	width: 100% !important;
}
#info_footer th,#info_footer td{
	border: none !important;
	background-color: transparent !important;
    text-align: left !important; 
}
#info_footer th{
	text-align-last: justify;
	font-family: "秀英にじみ丸ゴシック B" !important;}
#info_footer td{font-family: "トーキング" !important; }



/*——————————————————————————————————————————-
おすすめカード
——————————————————————————————————————————-*/

div#recommended-in.recommended-in.wrap.cf{
margin-top: 20px;
max-height:278px;
}
@media screen and (min-width: 1024px){
div#recommended-in.recommended-in.wrap.cf{
padding:0 2em;
}}
div#content.content.cf{
margin-top:0;
}
.widget-entry-cards .a-wrap{
transition: all .2s;
}
.widget-entry-cards .a-wrap:hover {
transform: translateY(-1px);
transition: all .2s;
}
figure.navi-entry-card-thumb.widget-entry-card-thumb.card-thumb{
opacity:.8;
}
.recommended.rcs-center-white-title .a-wrap:hover .card-content {
transition: all .1s;
opacity: 1;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0);
}
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
border-radius:10px!important;
margin:0 0.5em;
background-color:#FFFFFF;/*Cocoon設定「全体」の「サイト背景色」に合わせてください*/
}
div.navi-entry-card-title.widget-entry-card-title.card-title{
color:#333333;
font-weight:bold;
font-size:.8em;
background-color: rgba(255, 255, 255, 0.8);
padding: .6em .5em;
border-radius:30px;
}
@media (max-width:834px){
a.navi-entry-card-link.widget-entry-card-link.a-wrap{
margin:.3em 0em;
}
div.navi-entry-card.widget-entry-card.e-card.cf{
border-radius:10px!important;
overflow:hidden;
/* max-height:100px;※221025コメントアウト */
margin:0 .3em 0;
box-shadow: 0px 1px 4px 0 rgba(0,0,0,.1)!important;
}
.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow:none;
}
}
@media (max-width:834px){
div.navi-entry-card-title.widget-entry-card-title.card-title{
font-size:.6em;
padding: .5em;
}
div#recommended-in.recommended-in.wrap.cf{
margin: .7em .2em .3em;
}
.widget-entry-cards.large-thumb-on .card-content{
background: rgba(151, 151, 151, 0.2);
}
}
main#main.main{
margin:0;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	.article ul, .article ol {padding-left: 0;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	.article ul, .article ol {padding-left: 0;}

}