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

/************************************
** 子テーマ用のスタイルを書く
************************************/


/* キャッチフレーズのレイアウト */
.tagline {
	text-align:left; /* キャッチフレーズを左に寄せる */
	font-size:11px; /* フォントサイズ変更 */
}

/* ロゴのレイアウト */
.logo {
	float:left; /* ロゴの位置を左に寄せる */
	width:70%; /* 幅の調整 */
	text-align:left; /*左端に寄せる*/
}

/* 問い合わせのレイアウト */
.toiawase {
	float:right; /* 問い合わせをロゴの横に表示 */
	width:30%; /* 幅の調整 */
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}

/* telのレイアウト */
.tel {
	font-family: Interstate Mono;
	font-size: 25px;
}

.tel a {
	text-decoration: none;
	color: white;
	font-size: 30px;
	font-weight: bold;
    -webkit-text-stroke: 1px black;
    text-stroke: 1px black;
}

/* 電話受付時間のレイアウト */
.hours {
	font-size: 12px;
	padding-top:5px;
	padding-bottom:2px;
	padding-left:35px;
}

/* 問い合わせボックス */
.toiawase-box {
	border: 2px solid white;
	border-radius: 20px;
	padding: 3px 5px 0px 5px;
	width: 260px;
	text-align:center;
	font-size: 15px;
}

.toiawase-box a {
	text-decoration: none;
	color: white;
}

/*サイドバーカスタマイズ*/
.sidebar h3 {
background-color:initial;
color:black;
border-radius: 0%;
border-bottom:3px dotted;
border-color:#00008b;
padding-bottom:0.3em;
margin-top:-0.5em;
margin-bottom:1em;
}

.entry-title {
    padding: 10px 20px;        /* 内側の余白 */
    border: 3px solid blue; /* 枠線の太さと色 */
    border-radius: 8px;        /* 角を丸くする */
    background-color:white; /* 背景色 */
    color: blue;            /* テキスト色 */
	display: inline-block;
	font-family: "Times New Roman", "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "MS PMincho", serif !important;
}



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
	  /*キーフレーズ、ロゴ、問い合わせを非表示*/
	.header {display:none;}
	.tagline {display: none;}
    .logo {display:none;}
    .toiawase {display: none;}
  /*モバイルボタンのカスタマイズ*/
.search-menu-button.menu-button,
.navi-menu-button.menu-button{
	background-color: #00008b;
	color: white;
	height:55px;
	padding-top: 8px;
}
	.navi-menu-button.menu-button > a {
		color:white;
	}
.logo-menu-button.menu-button{
	background-color: #00008b;
}
	
/* モバイルスライドインメニュー */
	.navi-menu-content {
		background-color:rgba(0,0,139,0.5);
		width:200px;
	}
	.menu-drawer a {
		color: white;
		
	}
}

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

/*480px以下*/
@media screen and (max-width: 480px){
}