@charset "UTF-8";

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

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

/************************************
** ヘッダー設定
************************************/
/** 固定 */
*.header-container {
  position: fixed;
  z-index: 9999; /*一番前に表示されるように設定*/
  top: 0; /*画面一番上で固定 **/
  width: 100%;
  border-bottom-color: white;
  border-bottom-style: solid;
}

/** ヘッダー設定ロゴの余白設定 **/
.header {
  border-bottom-color: white;
  border-bottom-style: solid;	
}
/** ヘッダー要素を横並びにする **/
.header-in {
  display              : -webkit-box;   /* old Android */
  display              : -webkit-flex;  /* Safari etc. */
  display              : -ms-flexbox;   /* IE10        */
  display              : flex;
  /* 横方向の折り返し */
  -webkit-flex-flow      : row wrap;     /* Safari etc. */
  -ms-flex-flow          : row wrap;     /* IE          */
  flex-flow              : row wrap;     /* = flex-direction:row;flex-wrap:wrap; */
  /* 横位置中央 */
  -webkit-justify-content: center;       /* Safari etc. */
  -ms-justify-content    : center;       /* IE10        */
  justify-content        : center;
}
/** ヘッダーロゴの設定 **/
.logo-image * {
  display: block;
}
.logo-image {
  padding: 0;
  width: 380px;
  text-align: left;
}
/** ヘッダー追加コンテンツの設定 **/
.add-header-contents {
	padding: 0px;
	margin: 0px;
	width: 300px;
	height: 80px;
	float: left;
}
/** ヘッダー目次の設定 **/
.navi {
	margin: 0px;
	line-height: 3em;
}
.navi ul li {
	border-right: solid 1px white;
	border-left: solid 1px white;
}

/************************************
** ヘッダーメニューの設定
************************************/
.menu-item-has-no-description ul li{
	width: 184px;
}

/************************************
** 投稿内のサイト内検索の設定
************************************/
header .widget_search {
	display: none;
}

/************************************
** タイトル設定
************************************/
/** 非表示 **/
/*全てをまとめて非表示*/
/*.home.page .entry-title,*/
/* .home.page .sns-share, */
/* .home.page .sns-follow, */

.home.page .date-tags,
.home.page .author-info{
  display: none;
}

.entry-title {
  margin-top: 0em;
  margin-bottom: 0px;
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}

/************************************
** コンテンツ
************************************/
.content {
  margin: 0px;
}

.content .content-in .main {
	padding: 10px;
}
.content-top {
	margin-bottom: 3px;
}
.entry-content {
	margin-top: 0px;
}
.date-tags {
	margin: 0px;
}

/************************************
/** ブロックの設定
************************************/
.wp-block-columns {
	padding-top: 20px;
}
.wp-block-column {
	margin: 0px 0px 0px 0px;
}
.wp-block-preformatted {
	margin-top: 0px;
}

/************************************
** スライダーの設定
/************************************/
/** スライダーの余白 **/
.content-top .content-top-in {
	margin-top: 100px;
	margin-bottom: 0px;
	padding-top: 45px;
}

/************************************
** Pの設定
************************************/
.has-normal-font-size {
	margin: 0px;
}

/************************************
** h2の設定
************************************/
.entry-content h2 {
	font-size: 19.5px;
}

/************************************
** h3の設定
************************************/
.article h3 {
	margin-bottom: 5px;
}

/************************************
** h6の設定 - wp.block-column -
************************************/
.wp-block-column {
/*	line-height: 2em; */
}
.wp-block-column h6 {
	font-size: 16px;
	line-height: 3em;
	margin : 0px;
	padding: 0px;
}
/** アンカー設定 **/
.wp-block-column h6 a {
	display: block;
	text-decoration: none;
}
.wp-block-column h6 a:link {
	color: black;
}
.wp-block-column h6 a:visited {
	color: black;
}
.wp-block-column h6 a:hover {
	color: blue;
	background: linear-gradient(#ffffff, #dcdcdc);
} 
.wp-block-column h6 a:active {
	color: red;
}

/************************************
** 固定ページ一覧
************************************/
.bk-fm-c6 {
	padding-top: 10px;
	margin-top: 0px;
	width: 100%;
	height: 200px;
}
.fm-c6 {
	width: 20%;
	float:left;
	font-size: medium;
}
.fm-c6 li a:link {
	color: black;
}
.fm-c6 li a:visited {
	color: black;
}
.fm-c6 li a:hover {
	color: blue;
}
.fm-c6 li a:active {
	color: red;
}
.tl a{
	font-weight: 600;
	text-decoration: none;
}

/************************************
** 固定ページ本文下の設定
************************************/
.article-footer entry-footer {
	margin-bottom: 0px;
}

/************************************
/** 新着情報の設定
************************************/
.widget-page-content-bottom {
	margin-top: -50px;
}
.whatsnew h3 {
	margin-bottom: -2px;
}
#text-32 {
	margin-top: -0.5em;
}
.widget-page-content-bottom-title {
    border-left: 7px solid #419cc0;
    border-right: 1px solid #419cc0;
    border-top: 1px solid #419cc0;
    border-bottom: 1px solid #419cc0;
    font-size: 22px;
	padding: 5px 20px;
	font-weight: bold;
}
#newstitle {
	margin-right: 1em;
	padding-top: 2em;
	text-align: right;
	height: 3em;
}

/************************************
/** ブログ一覧の設定
************************************/
#blogtitle {
	margin-top: 6em;
	margin-right: 1em;
	padding-top: 1em;
	text-align: right;
	height: 1em;
}

/************************************
** サイドバーの設定
************************************/
#slide-in-sidebar aside a img {
	width: 500px;	
}
.sidebar {
	padding-top: 10px;
	padding-right: 10px;
    margin-bottom: 0px;
}
.sidebar h3 {
/*	background-color: #ffffff;
	color: black;
	display: none; */
}
recent-posts-7 .widget-sidebar-title {
	display: inherit;
}
.h3_sb {
  line-height: 2em;
  margin: 0;
  padding: 0.3em 0px 0.3em 1em;
	color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  background: #419cc0;
}

.ss_sb {
	list-style: none;
    padding: 0px;
    margin: 0px;
}
ul.ss_sb li {
	position:relative;
	padding: 0.3em 0.3em 0.3em 2.0em;
	line-height: 2em;
	border-bottom: thin solid #CCCCCC;
}
ul.ss_sb li:before {
	position:absolute;
	content:'';
	top: 0.9em;
	left: 1em; 
	height:0;
	width:0;
	border-style: solid;
	border-width: 6px 0 6px 9px;
	border-color: transparent transparent transparent #419cc0;
}
.ss_sb li:hover {
	background: #EEFFFF;
}
.ss_sb li a {
	display: block;
}
.ss_sb li a:link {
	color: black;
}
.ss_sb li a:visited {
	color: black;
}
.ss_sb li a:hover {
	color: blue;
}
.ss_sb li a:active {
	color: red;
}

/************************************
** 入力フォームの設定
************************************/
.entry-content {
/*	margin-top: -50px; */
}

/************************************
** ページ内リンクの設定
************************************/
#syakenkakaku, #syakennagare,
#kakusyutouroku, #syakenqa {
	margin-top: -7em;
	margin-bottom: 3.7em;
	padding-top: -7em;
	padding-bottom: 3.7em;
	
}
#syakensenta, #rootchigasaki,
#kagawa {
	margin-top: -9em;
	margin-bottom: 3.3em;
	padding-top: -9em;
	padding-bottom: 3.3em;
	
}

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

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

	/** モバイルの上下カラムを狭くする **/
	.pc {
		display: none;
	}

	/** ヘッダーの設定 **/
	.header-container {
		border: none;
	}
	/** ロゴ横のウィザードを非表示にする **/
	.add-header-contents {
		display: none;
	}
	
	/************************************
	** コンテンツの設定
	************************************/
	/** スライダーの余白 **/
	.content-top .content-top-in {
		margin-top: 50px;
		padding-top: 45px;
	}

	.content .content-in .main {
		margin-top: 5px;
		margin-left: 5px;
		margin-right: 5px;
		margin-bottom: 5px;
	}
	/** コンテンツ下部の設定 **/
	.content-bottom {
		display: none;
	}
	
	.wp-block-columns {
		padding-top: 10px;
	}

	/** pre設定 **/
	pre {
		white-space: normal;
	}
	
	/** モバイルメニューの設定 **/
	.menu-content {
		margin-top: 4em;
	}
	.mobile-menu-buttons .menu-button:hover {
		background-color: #0099FF; /* 背景色 */
		color: #ffffff; /* 文字の色 */
	}	
	
	/************************************
	** ページ内リンクの設定
	************************************/
	#syakenkakaku, #syakennagare,
	#kakusyutouroku, #syakenqa {
		margin-top: -3em;
		margin-bottom: 0em;
		padding-top: -3em;
		padding-bottom: 0em;
	}
	#syakensenta, #rootchigasaki,
	#kagawa{
		margin-top: -4em;
		margin-bottom: 2em;
		padding-top: -4em;
		padding-bottom: 2em;
	}
}


/*480px以上*/
@media screen and (min-width: 481px){
	/************************************
	** お問い合わせフォームの設定
	************************************/
	.wpcf7 input[name="your-name"] {
	  width: 20em;
	}
	.wpcf7 input[name="your-tel"],
	.wpcf7 input[name="your-fax"]{
		width: 15em;
	}
	.wpcf7 input[name="zip"],
	.wpcf7 input[name="pref"]{
		width: 8em;
	}
	.wpcf7 input[name="city"]{
		width: 40em;
	}
	.wpcf7 input[name="your-email"],
	.wpcf7 input[name="your-school"]{
		width: 30em;
	}
	.wpcf7 select[name="birth-year"]{
		width: 5em;
	}
	.wpcf7 select[name="birth-month"],
	.wpcf7 select[name="birth-day"]{
		width: 4em;
	}
}


	/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
	/** ロゴの設定　**/
	.logo-header {
		height: 50px;
	}
	
	/************************************
	/** コンテンツ上部の設定
	************************************/
	.content-top {
		display: none;
	}

	/************************************
	/** タイトルを非表示にした分の余白を削除
	************************************/
	.entry-title {
		margin-top: 3em;
	}
	
	/************************************
	/** アイキャッチの設定
	************************************/
	.eye-catch-wrap {
		padding-top: 0em;	
	}
	.archive-title {
		padding-top: 2px;
	}
	
	/************************************
	/** h2の設定
	************************************/
	.entry-content h2 {
/**		padding: 0px;
		margin-top: 110px;
		font-size: 8px;  **/
	}

	/************************************
	/** 画像の左右余白設定
	************************************/
	.entry-content .wp-block-columns {
		margin-top: 0em;
	}
	.wp-block-column {
		margin: 3px 3px;
	}
	.wp-block-image {
/*		margin: 0em -10px; */
	}
	
	/************************************
	/** コンテンツ下部の表示
	************************************/
	.content-bottom {
		display: none;
	}

	/************************************
	/** 新着情報の設定
	************************************/
	.widget-page-content-bottom {
		margin-top: -40px;
	}
	#newstitle {
		height: 1.5em;
	}
	
	/************************************
	/** ブログ一覧の設定
	************************************/
	#blogtitle {
		margin-top: 4.5em;
	}
	
	/************************************
	** お問い合わせフォームの設定
	************************************/
	.wpcf7 select[name="birth-year"]{
		width: 8em;
	}
	.wpcf7 select[name="birth-month"],
	.wpcf7 select[name="birth-day"]{
		width: 6em;
	}

	/************************************
	** ページ内リンクの設定
	************************************/

	#syakenkakaku, #syakennagare,
	#kakusyutouroku, #syakenqa {
		padding-top:30px;
	}
	#syakensenta, #rootchigasaki,
	#kagawa {
		padding-top:-10px;
	}

}

/******************************
 ** 画像のマウスオーバー_浮かす
				（追加：2020/09/11）
******************************/
.img_wrap{
  border: 0px solid #ddd;
/*  width: 250px;
  height: 187px; */
  margin: 0px auto 0;
  transition-duration: 0.5s;
}
.img_wrap img{
  width: 100%;
  cursor: pointer;
}
.img_wrap:hover{
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  transform: translateY(-10px);
  transition-duration: 0.5s;
}

/******************************
 ** 画像のマウスオーバー_半透明
				（追加：2020/09/14）
******************************/
.img_wrap1 img:hover {
	opacity: 0.5 ;
}

/************************************
	** ページ内リンクの設定
        (追加：2020/11/07)
************************************/

	#event, #nebiki, #maido,
    #syouhin, #tokusyo, #ittou,
    #nitou, #santou, #yontou, 
    #gotou, #facebook, #saigo {
		padding-top:70px;
	}