@charset "UTF-8";

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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
.body{
overflow-x: hidden;
}
/*cocoon設定のヘッダーを削除
.header-in {display:none;}*/

/*ヘッダー直接部分
.header{padding:10px 10px 0 10px;}
.t_catch{
	float:right;
	padding: 0 10px 0 0;
	font-size:16px;
	color:#999;}
.header_info{
	float:right;
	padding:10px 0 0 0;}
.wp_head{display:blok;}
.topnomi{ border:0px solid #fff;}
.left_head{
	float:left;
	padding:0 0;}*/

/*コメント欄*/
.comment-btn {
  background-color: #72c7e6;
  color: #fff;
  border: none;
  font-size: 20px;
  transition: 0.5s;
}
.comment-btn:hover {
  background-color: #49add1;
  color: #fff;
  transition: 0.5s;
}
/*コメント入力欄*/
.comment-respond { /*入力欄全体の枠*/
  border: 2px solid #72c7e6;
  margin-top: -2px;
}
.comment-respond p {
  margin: 1em 0;
}
#commentform { /*フォーム部分の枠*/
  padding: 20px;
}
p.comment-notes { /*注意書きの文字サイズ*/
  font-size: 14px;
}
p.form-submit {
  margin: 2em 0 1em 0;
}
#commentform input[type="text"], #commentform textarea { /*入力スペースの装飾*/
  padding: 11px;
  border: none;
  border-radius: 4px;
  font-size: 18px;
  width: 100%;
  background: #e2e2e2; /*入力スペースの背景色*/
}
#commentform input[type="submit"] { /*送信ボタンの装飾*/
  -webkit-appearance: none;
  padding: 11px;
  width: 100%;
  margin: 0;
  cursor: pointer;
  background: #72c7e6;
  color: #fff;
  border: none;
  font-size: 16px;
  transition: 0.5s;
}
#commentform input[type="submit"]:hover { /*送信ボタンのマウスホバー時*/
  background: #49add1;
  transition: 0.5s;
}

/*コメントリスト*/
.comment-list { /*全体の枠*/
  border: 2px solid #72c7e6;
  padding: 0;
  border-radius: 10px 10px 0 0;
}
.comment-title { /*タイトルの装飾*/
  margin: 0;
  font-size: 24px;
  background: #72c7e6;
  color: #fff;
  padding-left: 20px;
  font-weight: normal;
}
.comment-title:before { /*タイトルにアイコンを付ける*/
  font-family: FontAwesome;
  content: '\f27b';
  color: #fff;
  margin-right: 4px;
}
.commets-list {
  padding: 20px 20px 0 20px;
}
.commets-list > li {
  border-top: 2px dashed #72c7e6; /*スレッドを区切る点線*/
  margin: 30px 0;
  padding-top: 20px;
}
.commets-list > li:first-child {
  border: none;
  margin-top: 0;
  padding-top: 0;
}
.commets-list .children {
  border-left: 2px solid #ccc; /*返信コメントの左側のボーダー*/
  margin: 0;
}
.commets-list .avatar { /*アバターの位置調整*/
  float: left;
  border-radius: 50%;
  margin-right: 10px;
}
.comment-content { /*コメントの吹き出し*/
  background: #e2e2e2;
  padding: 2px 10px;
  margin: 10px 0 6px 0;
  border-radius: 10px;
  position: relative;
}
.comment-content::before { /*吹き出しの三角部分*/
  content: "";
  position: absolute;
  top: -14px;
  left: 50px;
  border-style: solid;
  border-color: transparent transparent #e2e2e2 transparent;
  border-width: 0 20px 20px 0;
}
.comment-content p { /*吹き出し内の文字を調整*/
  font-size: 14px;
  margin: 1em 0;
  line-height: 1.5em;
}
.comment-reply-link { /*返信ボタンの装飾*/
  color: #fff;
  border: none;
  border-radius: 20px;
  background: #72c7e6;
  padding: 1px 12px;
  transition: 0.5s;
}
.comment-reply-link:hover { /*返信ボタンのマウスホバー時*/
  color: #fff;
  background: #49add1;
  transition: 0.5s;
}
.commets-list .comment-body {
  margin-bottom: 0;
}

/*タイトルにアイコンを付ける*/
.comment-title:before { /*タイトルにアイコンを付ける*/
  font-family: FontAwesome;
  content: '\f27b';
  color: #fff;
  margin-right: 4px;
}




a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.article h10 {
	margin: 0 0;
	text-align:center;
	padding:0 0;
	vertical-align: middle;
}

.article h2{
	}





/*注意点h3*/
.article h3 {
	margin-bottom: 1em;
	text-align:center;
	padding: 0.5em 0;
	vertical-align: middle;
	border-top: solid 0px;
	border-right: solid 0px;
	border-bottom: solid 2px fff;
	border-left: solid 0px;
}









/*h2の前につく目次を消す*/
.toc {
display: none;}

/*案内ページh3*/
.page-id-155 h3{
	margin: 0 0 1em 0;
	text-align:left;
	padding: 0.5em 0.5em;
	vertical-align: middle;
	color:#424242;
	font-size:100%;
	background-color:#E3F6CE;}

/*全ページh4*/
.article h4{
	font-size:110%;
	margin: 0 0;
	vertical-align: middle;
	text-align:center;
	letter-spacing: 0.5em;
	color:#fff;
	padding:0.5em 0 0.5em 0;
	position: relative;
	border-top: 0px solid #FAF3D2;
	border-bottom: 0px solid #DBEDC9;
	background-color: #424242;
	border-radius: 8px 8px;}




/*パンくずリストのアイコン*/
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
    background-color: #fff;
    margin: 12px auto 0;
	padding: 15px 5px 0px 50px;
}

/*col_9_mainとcol_3_mainセットで使用。トップページ*/	
.col_3_main{
	float:left;
	width: 29%;
	margin: 0% 1%;
	padding: 0% 1.5%;
	vertical-align:top;}
.col_9_main{
	float:left;
	width: 66%;
	margin: 0% 1% 0% 1%;
	padding: 0% 1.5%;
	vertical-align:top;}

/*アピールの背景
	body.ba-fixed, .ba-fixed.header, .ba-fixed.appeal {
    background-attachment: scroll;
	background-image: url("http://shimotsuma-design.com/wp-sample1/wp-content/uploads/2018/08/main-3.jpg");
	background-position: center top;
}*/
/*アピール部分の高さ
.appeal .appeal-in {
	min-height: 500px;
}*/

/*カルーセルの文字など*/
.carousel-entry-card-title {
	font-size: 14px;
    margin-top: 4px;
    max-height: 2em;
    overflow: hidden;
}

/*メニューの一番外の背景*/
#header-container .navi, #navi .navi-in>.menu-header .sub-menu {padding-top:5px;
	background: #000;}

/*下層メニューの背景*/
#navi .navi-in>.menu-header .sub-menu {
	background-color:#1C1C1C;
	border-bottom: solid 1px #fff;}

.textwidget{
	font-size:15px;
	padding: 0.5em 0.5em;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
}

/*メニューの背景*/
.navi-in > ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
	background: #000;
}

/*メニューの文字色*/
#navi .navi-in a, #navi .navi-in a:hover {
    color: #fff;
	font-weight:500;
}
/*左右区切り*/
.navi-in > ul li {
    display: block;
    width: 176px;
    height: 60px;
    line-height: 60px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

/*固定ページ記事タイトル非表示*/
/*.page 
.entry-title {
  display: none;
}
*/

/*固定ページで著者情報を消す場合*/
.page .author-info {
    display: none;}

/*投稿ページで著者情報を消す場合*/
.author-info{
	display: none;}

/*投稿一覧ページ（カテゴリ）で日付を消す場合*/
.e-card-info {
    display: none;
}

/*下の検索を消した*/
.search-menu-button{
	display: none;}
/*下のスマホメニュー色*/
.mobile-menu-buttons {
	background: #FBFBEF;}
/*下からのスマホメニュー一覧*/
.menu-drawer a {color: #6E6E6E;
		text-decoration: none;
		border-bottom:1px solid #ccc;
		padding: 6px 6px 6px 15px;
    display: block;
}
.menu-drawer a:hover {
	background-color: #E3F6CE;
}

/*アピールのボタン背景*/
/*.appeal-content .appeal-button {
    background-color: #dece3d;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 7px 7px;
	color:#000000c7;	}
*/

/*トップページの投稿タイトル*/
.new-entry-card-title {
	padding: 0;
    margin: 0;
    box-sizing: border-box;
    word-wrap: break-word;
	font-size: 14px;
	color:#1c1c1c;
}

/*テーブル*/
.omal{
}
/*スタッフで使用*/
.nomal_3 td{
	width:250px;
	padding:1em 1em 0em 1em;
	border: 0px solid #BAB8B8;
	vertical-align:bottom;}

.nomal_4 td{
	width:200px;
	padding:0em 1em;
	border:none;}

/*ご案内で使用*/
.nomal_5 td{
	width:375px;
	padding:1em 1em;
	border:none;
	vertical-align:top;}

.worktime{background-color:#fff;}
.worktime td{
	border:1px solid #D8F781;
	text-align:center;
	font-size:16px;}

.worktime_main{background-color:#fff;}
.worktime_main td{
	border:1px solid #D8F781;
	text-align:center;
	font-size:16px;}




.memo{
	border-bottom:1px solid #B6DBAC;}

.sub_gray{
	color:#2E2E2E;
	border-bottom: solid 3px #2E2E2E;
	padding:0 0;}
.sub_gray2{
	color:#2E2E2E;
	border-bottom: solid 1px #ccc;
	line-height:2;
	padding:0 10px;}

.sub_yellow {
  display: inline-block;
  background:yellow;
}



.back_staff{
	height:220px;
	line-height:2;
	background-color:#F2FBEF;
	font-size:14px;
	padding:1em 1em;}

.back_red{
	color:#fff;
	background-color:#DF9898;
	font-size:14px;}
.back_par{
	background-color:#EFF2FB;border-radius: 8px 8px;}
.back_green{
	background-color:#F2FBEF;border-radius: 8px 8px;}

/*サイドメニュー*/

.widget_recent_entries ul li a, .widget_categories ul li a, .widget_archive ul li a, .widget_pages ul li a, .widget_meta ul li a, .widget_rss ul li a, .widget_nav_menu ul li a {
	color: #333;
	border-bottom:solid 1px #DBEDC9;
	text-decoration: none;
    padding: 10px 0;
    display: block;
    padding-right: 4px;
    padding-left: 4px;
}
/*送信ボタン*/
.wpcf7 input[type="submit"] {
	font-size: 100%;
	padding: 0.2em 0.4em;
	background: #FAEED8;
	color: #000;
	border-radius: 4px;
	cursor: pointer;
	box-shadow: 0 0 1px rgba(0,0,0,.2);
	border: 1px solid #FAEED8;
	text-shadow: -1px 1px 0 rgba(255,255,255,1);
}
/*フォーム記入漏れの注意書き*/
.wpcf7 span.wpcf7-not-valid-tip {
	font-size: 80%;
}
/*電話番号表示*/
#sp_tel{
    display: none;
}

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

.wp_head{display:none;}
}

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

.comment{
	font-size:110%;
	font-weight:300;
	text-align:left;}
	
.tokudai{font-size:110%;}
	
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
	
.left_head{
	float:none;
	text-align:center;
	margin:0 auto;}
	
	
/*3列枠*/
.col_3_main, .col_9_main{
	float:left;
	width: 100%;
	height:auto;
	margin: 0 auto;
	padding:0 0;}
	
.box3{
	width:90%;
	float:left;
	padding: 0.5em 1em;
	margin: 1em 1em;
    color: #5d627b;
    background: white;
	border-top: solid 1px #ccc;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
	.column-left,.column-center,.column-right{
	width:90%;
	margin:1% 3% 1% 1%;
	padding:10px 10px 10px 10px;}
	
	/*フッターナビ*/
	.navi-footer-in > .menu-footer li.menu-item {
    width: 32%;
		border: 1px solid #ddd;
		background-color:#FAF3D2;
		margin: 2px;
    display: flex;
    flex: 1 1 auto;
    text-align: center;
}
	/*パンくずリストのアイコン*/
.breadcrumb.sbp-main-before, .breadcrumb.sbp-footer-before, .breadcrumb.pbp-main-before, .breadcrumb.pbp-footer-before {
	padding: 5px 5px 0px 15px;
}
	
.back_staff{
	height:auto;}
.article h3{
	font-size:130%;}
.article h4{
	font-size:130%;}
	
/*電話番号表示*/
#sp_tel{text-align:center;display: block;
	margin: 1em auto 0 auto;
}

.nomal_5 td{
	float:left;
	width:98%;
	padding:1% 1%;}
.nomal_4 td{
	float:left;
	width:48%;
	padding:1% 1%;}	
.nomal_3 td{
	float:left;
	width:98%;
	padding:1% 1%;}
	
/*スマホナビ	
.slicknav_menu {
	background: #c5f1a9;
    padding: 5px;
}
	.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
		color: #000;
}
.slicknav_nav a:hover {
		background-color:#fff;
}
.slicknav_nav .slicknav_row a:hover {
		background-color:#fff;
}*/

}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	
.h_home{height:200px;
	vertical-align:top;
	}
/*スマホでパンくずを消す*/
.breadcrumb{display:none;}

.waku3{
	overflow:hidden;
	width:90%;
	margin:1em 4em;
	padding:1em 1em;
	background-color: #F9F7D9;
    border: 2px solid #DCDBDB;}
	
.t_small{font-size:12px;}
.t_left{text-align:left;font-size:12px;}


	
.fa-mochi{
	text-align:center;
	line-height: 1;
	padding: 0em 0em;
	background-image: none ;}
	
.column-wrap > div {
	width: 97.6%;
	padding: 1em 1.2%;
}
	
}