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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/************************************/
/*ブラグカードラベルカラー */
.blogcard-type .blogcard-label{
background-color:#007acc;
}
/* トップへ戻るボタン画像の表示調整 */
.go-to-top-button {
    width:  50px;
    height: 50px;
    border-radius: 50%;
    background-color:#698aab;
    color: white;
    box-shadow: 2px 2px 4px darkgrey;
}
.go-to-top {
 right: 10px; /* 右から10pxの位置に配置 */
 bottom: 330px; /* 下から30pxの位置に配置 */
}

/*******問い合わせフォーム*******/
table.CF7_table{
	width:100%;
	margin:0 auto;
	border: 3px solid #e5e5e5;
	text-align: left;
}
table.CF7_table tr{
	border-top: 2px solid #e5e5e5;
	background-color:  #fff;    /* 背景色指定 */
}
.single .entry-content table.CF7_table,
.page .entry-content table.CF7_table{
	display:table;
}
/*入力欄*/
.CF7_table input, .CF7_table textarea {
	border: 1px solid #d8d8d8;
}
.CF7_table ::placeholder {
	color:#797979;
}
/*「必須」文字*/
.CF7_req{
	font-size:.8em;
	padding: 5px;
	background: #f79034;/*オレンジ*/
	color: #fff;
	border-radius: 3px;
	margin-right:0.7em;
}
/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#ebedf5;/*ブルーグレーebedf5*/
	}
}
/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#ebedf5;
	}
}
/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#f79034;/* オレンジ*/
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	width:50%;
	border-radius: 3px;
}
.CF7_btn{
	text-align:center;
	margin-top:0px;
}
.wpcf7-spinner{
	width:0;
	margin:0;
}
.CF7_check{
	text-align: center;
	margin-top:20px;
}

/*******人気記事タイトル文字サイズ7b7b7b******/
.widget-entry-card {
color:#7b7b7b;
font-size: 14px;
line-height: 1.5em;
font-weight: bold;
}

/*******メンバー下関連記事幅******/
.member_width{
	width: 90%;
	margin: 0 auto;
}
/******祭りページカスタムCSS******/
.maturi_siromado {
background-color: rgba(255,255,255,0.8);
border: none;
max-width: 860px;
margin: 0 auto;
padding: 30px 30px;
}
.mats_tx {
font-family: 'Sawarabi Mincho', sans-serif;
}

/*サイドウィジェットカスタム注文方法など*/
.info_widget .fuka_info {
	width: 80%;
  margin: 0 auto;
  padding: 30px 0px 30px;
  font-weight: 400;
    color: #555;
    margin-bottom: 5px;
  font-size: 14px;
  line-height:1.7em;
}
.info_widget_list .bk_list {
	width: 80%;
  margin: 0 auto;
  padding: 0px 0px 30px;
}
.info_widget_list {
	margin-bottom: 20px;
}


/*サイドバー SNSカスタム*/
.sns_side_a .widget-sidebar-title {
display: none;
}
.sidebar .sns-follow-buttons {
  justify-content: center; /*ボタンを中央寄せにする*/
  background:#f7f6f5;
}
.sidebar .sns-follow {
  margin: 0 0 24px 0;
}
.sidebar .sns-follow-buttons a {
  border-radius: 50%;
  background: none !important;
  border: 1px solid #698aab;
  color: #698aab;
  width: 40px; /*ボタンの横の大きさ*/
  height: 40px; /*ボタンの縦の大きさ*/
  font-size: 25px; /*アイコンのサイズ*/
  margin: 0 20px; /*ボタン同士の間隔*/
}
.sidebar .instagram-button {
  background-color: #c522b8 !important;
}
/*フッターモバイル用 SNSタイトル消す*/
.sns_side_a .widget-footer-mobile-title {
display: none;
}

/*ヘッダーゴロアニメーション*/
.logo{
    animation-name:tpdwn;
    animation-duration: 2s;
}
@keyframes tpdwn {
from {
    transform: translateY(-200px);
}
to {
    transform: translateY(0);
}
}
.logo{
	animation-name:fdin;
	animation-duration:2s;
}
@keyframes fdin{
from {
	opacity:0;
	transform: translateY(10px);
}
to {
	opacity:1;
	transform: translateY(0);
}
}
/*記事タイトル見出しH1*/
h1.entry-title{
line-height:1.8;
color:#7b7b7b;
}
/*見出しH2*/
.entry-content h2{
color: #fff; /*文字色
font-size: 22px; /*文字サイズ*/
background-color: #779dc4; /*好みの色*/
border-radius: 3px;
padding: 10px;
}
.entry-content h3{
border-left: solid 10px #779dc4;
}

/*次ページのカスタム*******************/
.pagination-next-link {
  background-color: #698aab;
  color: #fff;
  border: none;
  border-radius: 30px;
}
.pagination-next-link:hover {
  background-color: #a4bfdb;
  transition: all 0.5s ease;
  color: #fff;
}
/*次ページの送りカスタム*******************/
.page-numbers {
  color: #698aab;
  border: 1px solid #698aab;
  border-radius: 50%;
}
.pagination .current {
  background-color: #698aab;
  color: #fff;
}
.page-numbers.dots {
  opacity: 1;
  background: none;
}
.pagination a:hover {
  background-color: #698aab;
  color: #fff;
}

/*カテゴリーごと表示の「もっと見る」ボタン*/
.list-more-button {
background: #698aab; /*背景色*/
border: 1px solid #698aab;
color:#fff; 
}
.list-more-button:hover{
background: #a4bfdb; 
border: 1px solid #a4bfdb;/*背景色*/
color:#fff; /*文字色*/
}

/***タブ一覧表示の設定***/
/*選択タブの色*/
#index-tab-1:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-1"],
#index-tab-2:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-2"],
#index-tab-3:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-3"],
#index-tab-4:checked ~ .index-tab-buttons .index-tab-button[for="index-tab-4"] {
background: #79c06e; /*タブ色*/
border: none; /*枠線なし*/
}
/*非選択タブの色*/
.index-tab-buttons .index-tab-button{
background-color: #c9c9c9;
border: none;
}
/*ホバー時のタブの色*/
.index-tab-wrap label:hover{
background-color: #79c06e;
border: none;
}
/*タブの文字色・太字*/
.index-tab-button{
color:#fff;
font-weight: 700;
}
/*--------------------*/
/*エントリーカード行間*/
.entry-card-title {
  line-height: 1.3;
}

.entry-card-snippet {
  line-height: 1.5
}


/*ブログカードURL消す*/
.internal-blogcard-footer{
  display: none
}

/*SNSシェアボタン*/
.sns-share-message{
	font-weight: bold; /*太字*/
	color: #875d5b; /*文字色*/
}
.sns-share-buttons {
	flex-wrap: nowrap; /*折り返さない*/
	justify-content: center; /*中央寄せ*/
}
.sns-share-buttons a {
	border-radius: 50%; /*丸くする*/
	font-size: 20px; /*アイコンのサイズ*/
	margin: 0 10px; /*ボタン同士の間隔*/
}
#main .sns-share a {
	width: 40px; /*ボタンの横幅*/
	height: 40px; /*ボタンの高さ*/
}
#main .button-caption {
	display: none; /*キャプション非表示*/
}


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

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

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

/*固定ページの投稿日まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
} 
/*固定ページのタイトルを非表示*/
.page .entry-title{
display: none;
}

/****** メイン記事バック透明 ******/
.home main, .archive main, .search main{
    background-color: transparent;
    margin-top: 0;
    padding-top: 0;
}
/************************************
****　インデックス
************************************/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
background-color: white;
padding:0 0 .5em;
border-radius:10px;
width:48%;
margin-bottom:2em;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ・位置をflexで中心に*/
max-height:230px;
border-radius:10px 10px 0 0/ 10px 10px 0 0;
overflow:hidden;
display: flex;
justify-content: center;
align-items: center;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:.8em;
}
@media screen and (max-width: 1100px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:120px;
}}
@media screen and (max-width: 1023px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:180px;
}}
@media screen and (max-width: 900px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:160px;
}}
@media screen and (max-width: 750px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:130px;
}}
@media screen and (max-width: 600px){/*サムネイル大きさ*/
figure.entry-card-thumb.card-thumb.e-card-thumb{
max-height:250px;
}}
@media screen and (max-width: 600px){/*画面幅600pxまで、1カラムにする*/
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
}
.ect-vertical-card .entry-card-wrap {
width: 95%!important;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ・位置をflexで中心に*/
max-height:250px;
}
}
@media screen and (max-width: 480px){/*カード本体*/
a.entry-card-wrap.a-wrap.border-element.cf{
margin:.5em 1em!important;
border-radius:10px;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
margin-left:1em;
}}
@media screen and (max-width: 1023px){/*画面幅1023未満はカード本体に影を表示*/
div#list a {
box-shadow: 0px 1px 5px 0 rgba(0,0,0,.2);
}
}
@media screen and (min-width: 601px) and (max-width: 834px){/*通常記事本文の周囲の空白にも影響している*/
div#content.content.cf{
margin:1em;
}}
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
font-size:18px;
color:#7b7b7b;
font-weight:bold;
text-align:center;
line-height:1.8em;
margin-top:1em;
margin-bottom:1em;
padding: 0 1.5em 0;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:14px;
color:#7b7b7b;
text-align:left;
border-top:3px dotted #90C31F;
line-height:1.8em;
padding-top:0.6em;
margin-left:2em;
margin-right:2em;
margin-bottom:2em;
max-height:20em;
}
@media (max-width:834px){
h2.entry-card-title.card-title.e-card-title{/*カードタイトル*/
font-size: 1.15em;
font-weight:bold;
line-height:1.7em;
padding: 1.5em .8em 1em;
margin:0;
}
.entry-card-snippet.card-snippet.e-card-snippet{/*スニペット*/
font-size:13px;
text-align:left;
border-top:3px dotted #79c06e;
line-height:1.8em;
padding:1em 0.5em 0;
margin: 0 1em 1.5em;
}
main.main, div.sidebar {/*モバイル表示などの本文全体の周りの空白にも影響している*/
padding:0;
}
}
a.entry-card-wrap.a-wrap.border-element.cf .post-date,
a.entry-card-wrap.a-wrap.border-element.cf .post-update{/*日付・更新日*/
margin-right:1.5em!important;
color:#7b7b7b;
font-size:.86em;
}
.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/
font-size:.7em;
border-radius:10px;
margin:0.5em;
padding:0 0.5em 0;
background-color:#d98484;
color:#fff;
}
div.admin-pv{/*閲覧数を非表示*/
display:none;
}
.entry-card-wrap.a-wrap:hover{ /*エントリーカード ホバー時設定*/
  background-color: white; /*背景色*/
  box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
  -webkit-transform: translateY(-6px); /*浮かす*/
  -ms-transform: translateY(-6px); /*浮かす*/
  transform: translateY(-6px); /*浮かす*/
}

/* サイドバー　枠線・影・背景色 */
.sidebar h3{
  background-color:#779dc4;/*好きな背景色にする*/
  padding:8px 10px;
  margin:16px 0;
  border-radius:5px;
  text-align:center;
  color:#ffffff;/*好きな文字色にする*/
  font-size: 15px;
}
#sidebar {
 background-color: transparent;
 padding: 5px 8px; /*上下　左右　余白*/
 box-shadow: 0 0 5px rgba(0,0,0,0.0);
}
#sidebar .widget{ /* サイドバーのウィジェット */
	background: #FFF; /* 背景白 */
}
/*——————-
おすすめカード
———————-*/
.widget-entry-cards.large-thumb-on .a-wrap:hover {
opacity: 1;
-webkit-transform: translateY(-6px); /*浮かす*/
  -ms-transform: translateY(-6px); /*浮かす*/
  transform: translateY(-6px); /*浮かす*/
}

.widget-entry-cards.large-thumb-on .a-wrap:hover {
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
  .single-post .entry-content {
    padding: 0 16px;
}
.page {
  padding: 0 16px;
}

}

/*480px以下*/
/*Facebookボックススマホ小さく*/
@media screen and (max-width: 480px){
}
/************************************
** ボックスナビ
************************************/
.p-nav{
margin:2em 0;/* 全体外余白 */
padding:0;/* 全体内余白 */
}
.p-nav ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
list-style:none;
margin:0;
padding:0;
border:none;
}
.p-nav ul li{
-ms-flex-preferred-size: calc(100%/3);/* 4列 */
flex-basis: calc(100%/3);/* 4列 */
margin:0;
padding:0;
text-align:center;
box-shadow: inset 1px 1px 0 0 #e0ddd1, 1px 1px 0 0 #e0ddd1, 1px 0 0 0 #e0ddd1;/* 罫線 */
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
min-height:100px;/* 最低の高さ */
cursor:pointer;
background:#fff;/* 背景色 */
}
.p-nav ul li:hover{
z-index:2;
box-shadow: inset 2px 2px 0 0 #f6a068, 2px 2px 0 0 #f6a068, 2px 0 0 0 #f6a068, 0 2px 0 0 #f6a068;/* 罫線(マウスホバー) */
transition: 0.35s ease-in-out;
}
.p-nav ul li:before{
content:unset !important;
}
.p-nav ul li a{
display:block;
padding: 0.5em 1em;/* 内余白 */
text-decoration:none;
width:100%;
}
.p-nav ul li a:hover{
background:none;
opacity:1;
}
.p-nav ul li a img{
max-width:50% !important;/* 画像横幅 */
height: auto !important;
filter: drop-shadow(0px 0px 3px rgba(0,0,0,0.1));/* 画像影 */
display: inline-block;
}
.p-nav .p-nav-title{
display: block;
color: #666;/* 文字色 */
font-size: 0.7em;/* 文字大きさ */
letter-spacing: 1px;
font-weight: 600;/* 文字太さ */
text-align: center;
line-height: 1.5;/* 文字行間高さ */
}
/* サイドバー */
.sidebar .p-nav ul li{
-ms-flex-preferred-size: calc(100%/2);/* 2列 */
flex-basis: calc(100%/2);/* 2列 */
}
/* スマホ */
@media screen and (max-width: 559px) {
	.p-nav ul li{
		-ms-flex-preferred-size: calc(100%/2);/* 2列 */
		flex-basis: calc(100%/2);/* 2列 */
	}
}
/* fontawesome */
.p-nav ul li a i,.p-nav ul li a svg{
font-size: 40px;/* アイコン大きさ */
padding: 10px 0;/* アイコン余白 */
color: #f8b500;/* アイコン色 */
display:inline-block;
}
/* fontawesome(2番目) */
.p-nav ul li:nth-of-type(2) a i,.p-nav ul li:nth-of-type(2) a svg{
color:#82ae46;/* アイコン色 */
}
/* fontawesome(3番目) */
.p-nav ul li:nth-of-type(3) a i,.p-nav ul li:nth-of-type(3) a svg{
color:#e95295;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(4) a i,.p-nav ul li:nth-of-type(4) a svg{
color:#aa4c8f;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(5) a i,.p-nav ul li:nth-of-type(5) a svg{
color:#e95464;/* アイコン色 */
}
/* fontawesome(4番目) */
.p-nav ul li:nth-of-type(6) a i,.p-nav ul li:nth-of-type(6) a svg{
color:#2ca9e1;/* アイコン色 */
}

/*トグルボックス カスタム
---------------------------------------------------------------*/
.toggle-button::before {
  content: '\f0ab';
  font-family: FontAwesome;
  margin-right: 0.4em;
  font-size: 1em;
  color: #595857;
}
.toggle-checkbox:checked ~ .toggle-button::before {
  content: '\f0aa';
}
/*トグルボックス ぐるめカラー
---------------------------------------------------------------*/
.tb-gurume .toggle-button {
  border: 2px solid #fffacd;
  background: #fffacd;
  color: #fff;
  text-align: left;
}
.tb-gurume::before {
  color: #ddd;
}
.tb-gurume .toggle-checkbox:checked ~ .toggle-content {
  border-color: #fffacd;
}
/*トグルボックス くらしカラー
---------------------------------------------------------------*/
.tb-kurashi .toggle-button {
  border: 2px solid #f2f2b0;
  background: #f2f2b0;
  color: #fff;
  text-align: left;
}
.tb-kurashi::before {
  color: #ddd;
}
.tb-kurashi .toggle-checkbox:checked ~ .toggle-content {
  border-color: #f2f2b0;
}
/*トグルボックス トラベルカラー
---------------------------------------------------------------*/
.tb-travel .toggle-button {
  border: 2px solid #fde8d0;
  background: #fde8d0;
  color: #fff;
  text-align: left;
}
.tb-travel::before {
  color: #ddd;
}
.tb-travel .toggle-checkbox:checked ~ .toggle-content {
  border-color: #fde8d0;
}
/*トグルボックス カルチャーカラー
---------------------------------------------------------------*/
.tb-culture .toggle-button {
  border: 2px solid #e6e6fa;
  background: #e6e6fa;
  color: #fff;
  text-align: left;
}
.tb-culture::before {
  color: #ddd;
}
.tb-culture .toggle-checkbox:checked ~ .toggle-content {
  border-color: #e6e6fa;
}
/*トグルボックス 医療カラー
---------------------------------------------------------------*/
.tb-medical .toggle-button {
  border: 2px solid #ffe4e1;
  background: #ffe4e1;
  color: #fff;
  text-align: left;
}
.tb-medical::before {
  color: #ddd;
}
.tb-medical .toggle-checkbox:checked ~ .toggle-content {
  border-color: #ffe4e1;
}
/*トグルボックス 企業カラー
---------------------------------------------------------------*/
.tb-company .toggle-button {
  border: 2px solid #e0ffff;
  background: #e0ffff;
  color: #fff;
  text-align: left;
}
.tb-company::before {
  color: #ddd;
}
.tb-company .toggle-checkbox:checked ~ .toggle-content {
  border-color: #e0ffff;
}

/**Newpost-Catch　rightside_book
---------------------------------------------------------------*/

ul#side_book {
  width:auto;
  list-style: none;
  padding-left: 0px;
  text-align : center;
  border:#ccc 0px solid;
}

#side_book li {
display: inline-block;
padding:10px 10px 10px;
vertical-align: top;
}

#side_book img{
/*サムネイルのスタイル*/
margin:10px 0px 5px;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

#side_book .title {
/*記事タイトルのスタイル*/
display:block;
width: auto;
text-align : left;
padding:0px 10px 5px 10px;
clear: both;
font-weight: bold;
line-height:1.5em;
}
/* 抜粋*/
#side_book .excerpt {
  width: auto;
  padding:0px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
  font-weight: 400;
    color: #7b7b7b;
    margin-bottom: 5px;
  font-size: 14px;
  line-height:1.7em;
  letter-spacing:0pt;

}
#side_book a:hover img {
    opacity: 0.6;
}

#side_book a{
  text-decoration:none;
}

#side_book a:hover{
  text-decoration:none;
}

#npcatch li:hover .date{
}


/**Newpost-Catch　back_numberリスト
---------------------------------------------------------------*/

ul#back_number {
width:auto;
  list-style: none;
  padding-left: 0px;
  text-align : center;
}

#back_number li {
display: inline-block;
overflow: hidden;
clear: both;
padding: 15px;
margin:0px 0px 0px 0px;
vertical-align: top;
width : 33.33333% ;
}

#back_number img{
/*サムネイルのスタイル*/
padding:0px;
margin:5px 10px 0px 0px;
box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.4);
}

#back_number .title {
/*記事タイトルのスタイル*/
display:block;
width: auto;
text-align : left;

padding:10px 5px 5px 0px;
clear: both;
font-weight: bold;
line-height:1.5em;
}

#back_number .excerpt {
/* 抜粋*/
text-align : left;
width: auto;
  padding:5px 0px;
    display:inline-block;
  clear: both;
  font-weight: 400;
    color: #7b7b7b;
    margin-bottom: 5px;
  font-size: 14px;
  line-height:1.7em;
  letter-spacing:0.8pt;

}
#back_number a:hover img {
    opacity: 0.6;
}

#back_number a{
  text-decoration:none;
}

#back_number a:hover{
  text-decoration:none;
}
/* スマホ */
@media screen and (max-width: 559px) {
  #back_number li{
    width : auto ;
  }

  /*オリジナル入手方法エリアリスト
---------------------------------------------------------------*/ 
.area ul {
  margin-left: 0px;
  padding: 0px 0px;
  list-style: none;
}
.area ul li {
  font-size:14px;
  color:5a5a5a;
}
.area a {
  text-decoration:none;
}
.fa-color1:before {
  color:#623b2d;
}


/*バックナンバー右カラム*
---------------------------------------------------------------*/
 .button_a{
    color:#555;
    width:auto;
    font-size:15px;
    margin-bottom:10px;
    padding:10 10 10px 10;
    border-bottom:solid 1px #CCCCCC;
}
  .button_a i{
    margin-right:7px
  }
  .button_a a{
    text-decoration:none;
  }
  .note{
    margin-bottom:10px;
    line-height:20px;
    font-size:15px;
    color: #fff;
    background-color:rgba(204,51,102,1);
    text-align: center;
  }
  .note_list ul{
    margin-left: 0px;
    padding: 0px 0px;
    float:left;
    list-style:none;
  }
  .note_list li{
    display:block;
    margin-bottom:5px;
    float:left;
    font-size:12px;
  }

#sidebar ul li a:before{
font-family: "Font Awesome 5 Free";
content: "f152"; /*アイコンフォント*/
font-weight: 900;
color:#839b5c; /*アイコンフォントの色*/
padding-right:5px;
font-size:18px;
list-style:none;
}
/************************************
**モバイル表示　ヘッダーメニュー
************************************/
/*モバイル*/
.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{
  color: #779dc4;/* メニューのテキストの色 */
}

span.fa.fa-close::before{/*戻るボタン*/
font-family:FontAwesome;
content: "\f060";
}
.menu-content .menu-drawer {
padding: 0 1em;
margin:0;
}
ul.menu-drawer:before{
content: "menu";
font-size:1.2em;
display: block;
font-weight: normal;
background: white;
color:#7b7b7b;
padding: .5em;
margin-bottom:1em;
font-family: sans-serif;
text-align: center;
border-bottom:3px dotted #90C31F;
}
ul.menu-drawer:after {
background: white;
}
.menu-drawer li {
background-color:#fff;
padding:0;
border-radius:20px;
}
.menu-drawer a{/*menuの文字色をグレーf7f7f7*/
font-size:1.0em;
background-color:#779dc4;
color:#fff!important;
margin: 6px 0;
padding: 4px 1em;
border-radius:20px;
}
.menu-drawer a:hover{
background-color:#f7f7f7!important;
color:#fffff4!important;
transition: 0.2s ;
}
.menu-drawer .sub-menu {
padding-left:30px;
margin-top:0;
}
@media (max-width:834px){
.sub-menu{
box-shadow: none!important;
}
}