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

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

/*固定フロントページのタイトルを非表示*/
.home.page .entry-title{
display: none;
}

/*モバイルフロント固定ページのタイトルを非表示*/
@media screen and (max-width:480px){
.home.page .entry-title{
display: none;
}
}

/*固定フロントページの投稿日を非表示*/
.home.page .post-date{
display: none;
}

/*固定フロントページの更新日を非表示*/
.home.page .post-update{
display: none;
}
 

/*固定フロントページの投稿者名を非表示*/
.home.page .author-info{
display: none;
}
 

/*モバイルグローバルメニュー非表示*/
@media screen and (max-width:480px){
.home.page #navi {
display: none
}
}
 
/*カルーセルのカテゴリーを非表示*/
.carousel .cat-label {
display: none;
}

/*店舗情報table*/
.shop-info caption {
	font-weight: bold;
	font-size: 1.2em;
}
.shop-info th {
	width: 5em;
}
@media screen and (min-width: 600px) {
	.shop-info th {
		width: 8em;
	}
}

/*ルート案内*/
.route {
	/*background-color: #67A1DE; 緑の背景色*/
	background-color: #5B9BAF; /*緑の背景色*/
	border: solid 0px #ffffff; /*その枠線*/
	border-radius: 0px; /*角をほんのり丸く*/
	text-align: center; /*文字の中央寄せ*/
	padding: 0.8em; /*内側余白*/
}
.route:hover {
	opacity: 0.6; /*マウスを置いたとき軽く透明に*/
}
.route a {
	text-decoration: none; /*リンクしたの線なし*/
	/*color: black; 文字色みどり*/
	color: white; /*文字色みどり*/
	font-weight:  bold; /*文字を太く*/
	/*text-shadow: 1px 1px 0px #fff; 文字に軽く影：白*/
	display: block; /*リンクのクリック範囲を大きく*/
}

img{
border: none;
padding: none;
}
	 

/*カルーセルの記事周りの余白を取る*/
.carousel-in{
background: transparent;
}

/*カルーセルの画像の角を丸くして、影をつける*/
.slick-slide img{
border-radius: 0px; /*角丸*/
box-shadow: 0px 1px 1px 1px #CCC; /*影*/
}

/*カルーセルのスライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
color: #67A1DE;
}

/*カルーセルの記事タイトルのカスタマイズ*/
/*記事タイトル*/
.carousel-entry-card-title {
font-size: 14px; /*文字サイズ*/
color: #000000; /*文字色*/
/*text-shadow:0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE;*/	/*3pxの縁取り*/
}
/*タイトルマウスオーバー時*/
.carousel-entry-card-title:hover {
text-decoration: underline; /*下線*/
color: #67A1DE; /*文字色*/
}


/* トップページのみスタイルを設定 */
body.home #main {
    background: transparent;
}


/*ホームのボディーのみ透かす*/
body.home #new_list content="1"{
	color: #000000; /*文字色*/
}

/**/
.new_list {
font-size: 14px; /*文字サイズ*/
color: #000000; /*文字色*/
/*text-shadow:0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE,0 0 3px #67A1DE; */
	/*3pxの縁取り*/
}
/*タイトルマウスオーバー時*/
.new_list:hover {
text-decoration: underline; /*下線*/
color: #67A1DE; /*文字色*/
}

/*スマホの時だけ改行を消す*/
@media screen and (max-width: 375px) {
  .hidden-mobile{
      display : none ;
    }
}


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

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

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



/************************************
** ボタンの色
************************************/
.btn-kannai{
  color: #ffff;
  background-color: #5B9BAF;
}