@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.8
*/

/** {
	outline: 1px solid red;
}*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*ヘッダ>サイトタイトルの文字サイズ指定*/
.header-container-in.hlt-top-menu .site-name-text {
	font-size: 12px;
}

/*ヘッダナビ>電話番号リンクの横幅を調整*/
#navi .navi-in>ul>li#menu-item-133>a {
	padding: 0 0.4em;
}
.navi-in > ul .menu-item-has-description > a > .caption-wrap {
	width: 150px;
}

/*ヘッダナビを右寄せ*/
.navi-in > ul {
	justify-content: right;
}

/*ヘッダナビ>CTAの背景色を変更*/
#menu-item-39 { 
	background-color: #4DD874;
}

/*ヘッダナビ>CTAの文字色を変更*/
.navi-in #menu-item-39 a {
	color: #FFF;
}

/*ヘッダナビ>カレント表示*/
.navi-in .current-post-parent a,
.navi-in .current-menu-item a {
	border-bottom: 5px solid #4DD874;
}

/*ヘッダナビのpadding調整*/
#navi .navi-in>ul>li>a {
	padding: 0 0.9em;
}

/*アピールエリアのボタン幅調整*/
.appeal-button {
	width: 250px;
}

/*SPフッタ>LINE友だち追加の表記を中央寄せ*/
#custom_html-3 {
	text-align: center;
}

/*SPサイドナビ>メニューの間隔調整*/
.menu-drawer a {
	padding: 16px;
}

/*サムネイル画像左上のカテゴリ表示を削除*/
.cat-label {
display: none;
}

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

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

/*768px以下*/
@media screen and (max-width: 768px){
/*SPフッタ>メニューの間隔調整、下線追加*/
	.navi-footer-in > .menu-footer li.menu-item a {
		padding: 10px;
		text-decoration: underline;
	}
}

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

/*全てをまとめて非表示*/
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/*マーカーの色変更*/
.marker-under-blue {
background: linear-gradient(transparent 60%, #4DD874 100%);
}

/*文章下の余白調整*/
.mb_40 {
	margin-bottom: 40px !important;
}

/*PC向け右サイドナビ追従CTAのボタン色変更*/
.btn-light-green, .btn-wrap.btn-wrap-light-green > a {
	background-color: #4DD874;
}

/*PC向けトップページ横いっぱいにはみ出して背景を設定*/
@media screen and (min-width: 1030px){
.fluid-box{
	width: 100vw;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color: #ddd;
	padding: 30px;
}
.fluid-box-inner{
	margin: 0 auto;
	width: 1014px;
	padding: 20px 10px;
	background-color: #fff;
}
}

/******************************
検索窓のカスタマイズ
******************************/

/*-----表マージン調整-----*/
table{
  margin-top:9px !important;
  margin-left:5px !important;
  margin-bottom:10px !important;
}

/*-----検索窓 左側を角丸・余白調整-----*/
.gsc-input-box{
   border-radius: 40px 5px 5px 40px !important;
   padding: 0 10px; !important;
}

/*-----文字サイズ変更-----*/
.gsc-input-box input.gsc-input {
    font-size: 18px !important;
}

/*-----ボタン　右側を角丸-----*/
.gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus{
  padding:20px !important;
  border-radius:5px 40px 40px 5px !important;
}

/*-----検索窓　右側の余白を調整-----*/
table.gsc-search-box td.gsc-input{
  padding-right:5px !important;
}

/*-----検索ボタンの大きさ変更-----*/
.gsc-search-button-v2 svg {
  width: 18px !important;
  height: 18px !important;
  margin-right:3px !important;
}

/*-----ボタンにカーソルを当てたら色を変えるー-----*/
.gsc-search-button-v2:hover {
  opacity: 0.7 !important;
}