@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: 
Author: 
Author URI: 
Template:   cocoon-master
Version:    1.1.2
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
a[href^="tel:"]{
	pointer-events: auto;
}

.pc-area{
	display: none;
}
.phone-area{
	display: block;
}

/*---グローバルメニュー BEGIN---*/
#navi .navi-in>ul>li>a{
	padding: 0 2.0em;
}
#navi .navi-in a:after{
	position: absolute;/*線の位置を絶対配置に*/
	content: "";/*文字はなし*/
	left: 0px;/*線の位置*/
	bottom: 2px;/*線の位置*/
	height: 2px;/*線の高さ*/
	width: 100%;/*幅いっぱいに線を引く*/
	background: #1E50A2;/*線の色*/
	transform: scale(0,1);/*マウスオーバーの前は線を消す*/
	transition: 0.3s;/*線が0→100%になるまでの秒数*/
}
#navi .navi-in a:hover:after{
	transform: scale(1);/*マウスオーバー後、線を100%出す*/
}
#navi .navi-in a:hover{
  background: none;
}
/*---グローバルメニュー END---*/


/*---フッターメニュー BEGIN---*/
.navi-footer-in a:hover { /*メニューのマウスホバー時の指定*/
	background: none; /*背景色をなしに*/
	text-decoration: underline; /*アンダーラインを追加*/
}
/*---フッターメニュー END---*/


/*---ページ送りナビ BEGIN---*/
.prev-post-title:before,
.next-post-title:before {
	color: #999; /* 文字色 */
	font-size: 12px; /* 文字サイズ */
	margin-bottom: 0.3em;
	display: block;
}
.next-post-title:before {
	content: '次のページ';
	text-align: right;
}
.prev-post-title:before {
	content: '前のページ';
}
/*---ページ送りナビ END---*/


.logo-text{
	padding-top: 0px;
}
.tagline{
	margin-bottom: 0px;
}
/* .header-container-in .site-name{
	padding-left: 30px;
} */

.site-name-text {
	font-weight: normal;
}

.header-container .navi {
	border-top: none;
	border-bottom: none;
}

.archive-text span{
	margin-right: 10px;
}
.main{
	border-radius: 8px 8px 0px 0px;
	padding: 10px 10px;
}
main.main, div.sidebar{
	padding: 10px 10px;
}	
.content {
	margin: 0.5rem;
	margin-top: -100px;
}

.entry-content{
	margin-left: 0%;
	margin-right: 0%;
}
.content-in {
	width: 100%;
}

.footer{
	border-radius: 8px 8px 0px 0px;
}

figcaption {
	text-align : center;
}

#topPage .header-img{
	color: #FFF;
	/* you愛 スタイル */
	/* background: linear-gradient(45deg, rgba(35,59,108,0.6) 0%, rgba(46, 100, 207, 0.9) 100%), url("/wp-content/uploads/2022/11/7J9A8741-4.jpg"); */
	/* 標準仕様 */
	background-image: url("/wp-content/uploads/2022/11/7J9A8741-4.jpg");
	/* クリスマス仕様 */
	/* background-image: url("/wp-content/uploads/2023/12/7J9A8741-4.jpg"); */
	/* 2024年 辰年 */
	/* background-image: url("/wp-content/uploads/2024/01/27993493_m.jpg"); */
	background-size: cover;
	background-repeat: no-repeat;
	background-position-x: 50%;
	border-radius: 8px 8px 0px 0px;
	overflow: hidden;
}


#topPage .titleArea {
	display: table;
	width: 100%;
	height: 400px;
	/* margin-top: 70px; */
}

#topPage .titleArea h1 {
	text-align: center;
	color: #FFF;
	font-size: 24px;
	margin-top: 50px;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-word;
}

#topPage .titleAreaForContentPage {
	display: table;
	width: 100%;
	height: 250px;
	/* margin-top: 70px; */
}

#topPage .titleAreaForContentPage h1 {
	text-align: center;
	font-size: 24px;
	color: #FFF;
	margin-top: 20px;
	white-space: pre-line;
	word-wrap: break-word;
	word-break: break-word;	
}

#topPage .topMessage {
	text-align: center;
	font-size: 14px;
	margin: 10px;
}


/*---ページのタイトル非表示 BEGIN---*/
.page .entry-title,
.post .entry-title,
.archive-title,
.portfolio .entry-title /*visual portfolio plugin用*/
{
	display: none;
}
/*---ページのタイトル非表示 END---*/


/*---ページのArticle-Footer非表示 BEGIN---*/
.portfolio .article-footer
{
	display: none;
}
/*---ページのArticle-Footer非表示 END---*/


/*---関連記事・ページ送りナビ非表示 BEGIN---*/
.portfolio-template-default .under-entry-content
{
	display: none;
}
/*---関連記事・ページ送りナビ非表示 END---*/


/*---Visual-Portfolio Saved Layout タイトルマージン BEGIN---*/
.vp-portfolio__item-meta h2
{
	margin-top: 0em;
	margin-bottom: 0em !important;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*---Visual-Portfolio Saved Layout タイトルマージン END---*/


/*---Visual-Portfolio サムネイルタイトルポップ背景 BEGIN---*/
.vp-portfolio__item-meta h2
{
	background-color: rgba(0,0,0,0);
}
/*---Visual-Portfolio サムネイルタイトルポップ背景 END---*/


/*---Visual-Portfolio サムネイル枠をテーマに揃える BEGIN---*/
.vp-portfolio__items-style-emerge
{
  --vp-items-style-emerge--image__border-radius: 8px 8px 0px 0px !important;
}
/*---Visual-Portfolio サムネイル枠をテーマに揃える END---*/


.vp-filter__item
{
	--vp-filter-minimal--items__text-transform: none;
}


/*---パスワード保護機能の「保護中」という文字列を錠前アイコンにする BEGIN---*/
.password-protected:before
{
	content: "\f023";
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	margin-right: 0.4em;
}
/*---パスワード保護機能の「保護中」という文字列を錠前アイコンにする END---*/


/*---固定ページの日付非表示 BEGIN---*/
.page .date-tags {
	display: none;
}
/*---固定ページの日付非表示 END---*/


/* figure > img,
figure > a > img{ */
img{
	border-radius: 8px 8px 0px 0px !important;
}

.navi-footer{
	display:none;
}

/*---サイドバー BEGIN---*/
.sidebar{
	border-radius: 8px 8px 0px 0px;
}
.sidebar h3{
	text-align:center;
	color: #777;
	border-radius: 8px 8px 0 0;
}
/*---サイドバー END---*/


/*---ボックスメニュー BEGIN---*/
.box-menu-icon{
	  color: #284DD9 !important;
}
.box-menu:hover {
	box-shadow: inset 2px 2px 0 0 #284DD9,2px 2px 0 0 #284DD9,2px 0 0 0 #284DD9,0 2px 0 0 #284DD9;
}
/*---ボックスメニュー END---*/


/*---モバイルメニュー BEGIN---*/
/* .mobile-menu-buttons { */
	/* background: #22365f; *//* メニューの背景色 */
/* }
.navi-menu-button,
.mobile-menu-buttons .home-menu-button > a,
.search-menu-button,
.mobile-menu-buttons .top-menu-button > a,
.sidebar-menu-button{ */
	/* color: #F4F5F7; *//* メニューのテキストの色 */
/* } */
/* .mobile-menu-buttons .menu-button:hover { */
	/* background: #2f4677; *//* メニューの背景色(選択時) */
/* } */
/* .top-menu-button a:hover,
.home-menu-button a:hover,
.mobile-menu-buttons :hover,
.menu-button:hover {
	color: #F4F5F7; メニューのテキストの色(選択時) 
} */
/* .mobile-menu-buttons .menu-content{ */
	/* color: #333; *//* サイドメニューの表示色が変わるのを防ぐ */
/* } */
/*---モバイルメニュー END---*/


/*---モバイルスライドインナビメニュー BEGIN---*/
/* div .navi-menu-content {
    background: rgba(30, 80, 162, 0.8);
}
.menu-drawer a:hover {
    background-color: transparent;
    color: #a7a7a7;
}
.navi-menu-content ul li a {
	border-bottom: 1px solid #5490f1;
	color: #fff;
}
.navi-menu-close-button{
	color: #FFF;
}
.navi-menu-close-button :hover{
	color: #a7a7a7;
} */
/*---モバイルスライドインナビメニュー END---*/

 
/*---cat-label (カテゴリラベル)：非表示 BEGIN---*/
.cat-label {
	display: none;
}
/*---cat-label (カテゴリラベル)：非表示 END---*/


/*---カバー画像 BEGIN---*/
/* .wp-block-cover {
	border-radius: 8px 8px 0px 0px;
} */
/*---カバー画像 END---*/


/*---折り畳みアーカイブウィジェット BEGIN---*/
.widget_archive a.year{ /*各年*/
	cursor: pointer;
	border-bottom: 1px dotted #ccc; /*各年に下線を引く*/
}
.widget_archive a.year::after{ /*各年横のアイコン*/
	font-family: "Font Awesome 5 Free";
	content: '\f107'; /* アイコンの指定 */
	position: relative; /* 相対配置 */
	left: 5px; /* アイコンの位置 */
	font-weight: bold;
}
.widget_archive .years ul { /*各月*/
	display: flex;
	flex-flow: row wrap;
	margin-left: 5px; /*インデント*/
	font-size: 1rem;
	text-decoration: underline; /*各月に下線を引く*/
}
.widget_archive ul.years li {
	padding: 0 1px; /*各月の間隔*/
}
#sidebar .widget_archive ul.years li :hover { /*マウスホバー時*/
	background: none;
	transition: 0.1s;
	color: #72c7e6;
}
.widget_archive ul.years .hide { /*各年をクリックすると開閉*/
	margin: 0;
	height: 0;
	opacity: 0;
	visibility: hidden;
}
/*---折り畳みアーカイブウィジェット END---*/

/*---コメント送信ボタン BEGIN---*/
.btn-external,
.btn-map,
.btn-phone,
a[href^="tel:"],
.btn-mail,
input[type='submit'] {
	display: block;
	/* padding: 10px; */
	margin: 5px auto;
	background: #1e50a2;
	/* border-radius: 8px; */
	border-radius: 1.55em;
	color:#fff;
	font-size: .8125em;
	border: 1px solid #1E50A2;
	font-weight: bold;
	width:80%;
}
.btn-external:hover,
.btn-map:hover,
.btn-phone:hover,
a[href^="tel:"]:hover,
.btn-mail:hover,
input[type='submit']:hover{
	background: #fff;
    color: #1E50A2;
}
/*---コメント送信ボタン END---*/


/*---ボタン用アイコン BEGIN---*/
/* .btn-external,
.btn-map,
.btn-phone,
.btn-mail{
	font-weight: bold;
	width:100%;
} */
.btn-external::before {
	content: "\f35d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin:0 10px 0 10px;
}
.btn-map::before{
	content:"\f3c5";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin: 0 10px 0 10px;
}
.btn-phone::before{
	content:"\f879";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin: 0 10px 0 10px;
}
.btn-mail::before{
	content:"\f0e0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	margin: 0 10px 0 10px;
}
/*---ボタン用アイコン END---*/


/*---ボックスインフォメーション BEGIN---*/
/* 4カラム */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_4{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}.col_4 > div{
	width: 50%;
	/* background-color: #F4F5F7; */
	margin: 20px 0px;
	/* border-radius: 8px 8px 0px 0px; */
	text-align: center;
}
.col_4 a{
	text-decoration: none;
}

.circle{
	position: relative;
	display: inline-block;
	width: 8em;
	height: 8em;
	margin: 10px 0px;
	border-radius: 50%;
	line-height: 6.5em;
}
.circle-color-1{
	background: #EA930A;
}
.circle-color-2{
	background: #3C61D4;
}
.circle-color-3{
	background: #D43CAD;
}
.circle-color-4{
	background: #D43C61;
}
.circle .icn{
	position: absolute;
	color: #FFFFFF;
	font-size: 3em;
}
.circle p{
	position: relative;
	top: 3em;
	color: #FFFFFF;
	font-size: 0.8em;
}
.circle:hover{
	background: #dddddd;	
}
/*---ボックスインフォメーション END---*/


/*---新着記事NEWマーク BEGIN---*/
.new-articles::before {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 2.5em;
	height: 2.5em;
    background: #ffffff;
	border-radius: 50%;
    content: "";
    /* opacity: 0.7;
    filter: alpha(opacity=70);
	-moz-opacity: 0.7; */
}
.new-articles-label {
	position: absolute;
	top: -3em;
	left: 8px;
    color: #1e50a2;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: .1em;
    font-size: 0.8em;
}
/*---新着記事NEWマーク END---*/


/*---インデックスカード BEGIN---*/
a.entry-card-wrap.a-wrap.border-element.cf{/*カード本体*/
	padding:0 0 .5em;
	border-radius: 8px 8px 0px 0px;
	width:49%;
	margin-bottom:2em;
}
figure.entry-card-thumb.card-thumb.e-card-thumb{/*サムネイル大きさ*/
	/* max-height:150px; */
	border-radius:8px 8px 0 0/ 8px 8px 0 0;
	overflow:hidden;
	display: flex;/*位置をflexで中心に*/
	justify-content: center;
	align-items: center;
}
.e-card-thumb .cat-label{/*カテゴリラベルを右に寄せる*/
	margin-left:.8em;
}

@media screen and (max-width: 834px){/*サムネイル大きさ*/
	.ect-vertical-card .entry-card-wrap {
		width: 100% !important;
	}
}
@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:3em;
	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 #284DD9;
	/* border-top:3px dotted #8BAAA9; */
	line-height:1.8em;
	padding-top:0.6em;
	margin-left:2em;
	margin-right:2em;
	margin-bottom:4em;
	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 #284DD9;
		line-height:1.8em;
		padding:1em 0.5em 0;
		margin: 0 1em 1.5em;
	}
}
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;
	color:#7b7b7b;
	/* font-size:.86em; */
}
.entry-card-meta .entry-card-categorys .entry-category{/*カテゴー*/
	margin-right:1.5em;
	color:#7b7b7b;
}
.eye-catch .cat-label, .cat-label{/*カテゴリラベル全体デザイン*/
	font-size:.7em;
	/* border-radius:10px; */
	margin:0.5em;
	padding:0 0.5em 0;
	background-color:#284DD9;
	color:#fff;
}
/*---インデックスカード END---*/


/*---Contact Form 7 BEGIN---*/
#formbtn {
    display: block;
    padding: .667em;
    /* width: 350px; */
    margin: 25px auto 0;
}
.wpcf7-form-control-wrap{
	border: 1px solid #eee;
}
/*---Contact Form 7 END---*/


/*---TweetDeck BEGIN---*/
.tweet{
	display: block;
	color: #1DA1F2;
	text-align: center;
	font-size: 1.2em;
}
/*---TweetDeck END---*/


/*---ブログカード BEGIN---*/
.blogcard-wrap{
	width: 100%;
}
.internal-blogcard-footer {
	display: none;
}
.blogcard-label.internal-blogcard-label {
	background-color: #1E50A2; /*内部リンクのラベル背景色*/
}
.blogcard-label.external-blogcard-label {
	background-color: #000000; /*外部リンクのラベル背景色*/
}
.blogcard-title{
	color: #7b7b7b;
	/* font-weight: normal; */
}
/* .bct-pickup .blogcard-label::after {
	content: "新着";
}   */
/*---ブログカード END---*/


/*---コメント BEGIN---*/
.comment-form-email, .comment-form-url, .comment-notes {
	display: none;
}
#commentform .comment-form-author #author,
#commentform .comment-form-comment #comment{
	border: 1px solid #eee;
}
.comment-respond { /*入力欄全体の枠*/
	border: 1px solid #CCCCCC;
	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: 1px solid #ccc;
  padding: 0;
  border-radius: 8px 8px 0 0;
}
.comment-title { /*タイトルの装飾*/
  margin: 0;
  font-size: 24px;
  background: #ccc;
  color: #fff;
  padding-left: 20px;
  font-weight: normal;
}
.comment-title:before { /*タイトルにアイコンを付ける*/
  font-family: 'Font Awesome 5 Free';
  content: '\f4ad';
  color: #fff;
  font-weight: 900;
  margin-right: 4px;
}
.commets-list {
  padding: 20px 20px 0 20px;
}
.commets-list > li {
  border-top: 1px dotted #ccc; /*スレッドを区切る点線*/
  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: #F5F6F7;
  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 #F5F6F7 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;
}
/*---コメント END---*/


.video-container {
	max-width: none;
}


/*---新着記事NEWマーク BEGIN---*/
/* .entry-card-thumb {
    position: relative;
} */
.new::before {
	position: absolute;
	top: 0px;
	left: 0px;
    border-width: 56px 56px 0 0;
    border-style: solid;
    border-color: #1e50a2 transparent transparent transparent;
    content: "";
    opacity: 0.7;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
}
.new_label {
    position: absolute;
    top: 11px;
    left: 6px;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: .1em;
    font-weight: bold;
    font-size: 0.8em;
    transform: rotate(-45deg);
}
/*---新着記事NEWマーク END---*/

/*---YouTubeサイズ調整 BEGIN---*/
.video {
	position: relative;
	height: 0;
	padding: 30px 0 56.25%;
	overflow: hidden;
	}
	
	.video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 8px 8px 0px 0px;
}
/*---YouTubeサイズ調整 END---*/

/*---カバー画像 BEGIN---*/
.wp-block-cover {
	border-radius: 8px 8px 0px 0px;
}
/*---カバー画像 END---*/

/*メニュースライダー (slick.css上書き) BEGIN*/
/*ここから独自css 各ボックス要素の設定*/
.menu-slider-box{
	position: relative;
}
a.menu-slider-a{
	text-decoration: none;
}
/*スライド上のタイトル*/
.menu-slider-title{
	max-width: 1200px;
 	position: absolute;
 	bottom:10px;
 	right:0px;
	display: flex;
	text-align: center;
	font-size:18px;
	padding: 5px 30px;
	margin:0 15px;
	color:#F4F5F7;
	background-color:rgba( 33, 33, 33, 0.1 );
}
.slider-center{
	  margin: 0 auto;
}
/*メニュースライダー (slick.css上書き) END */



/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*481px以上*/
@media (min-width: 481px){}
/*835px以上*/
@media (min-width: 835px){
	a[href^="tel:"]{
		pointer-events: none;
	}
	
	.pc-area{
		display: block;
	}
	.phone-area{
		display: none;
	}
	
	 #topPage .titleArea {
		width: 100%;
		height: 600px;
	}

	#topPage .titleArea h1 {
		font-size: 28px;
		margin-top: 80px;
	}
	
	#topPage .titleAreaForContentPage {
		width: 100%;
		height: 500px;
	}

	#topPage .titleAreaForContentPage h1 {	
		font-size: 28px;
		margin-top: 80px;
	}
	
	.content{
		margin: 1.5rem;
		margin-top: -200px;
	}
	.column-narrow .content-in .main{
		padding: 10px 10%;
	}
	
	.front-box-img{
		height: 400px;
	}
	main.main{
		padding: 20px 15px;
	}

	.navi-footer{
		display: block;
	}
	/*---新着記事NEWマーク BEGIN---*/
	.new_label{
	    top: 7px;
		left: 4px;
		font-size: 0.8em;
	}
	/*---新着記事NEWマーク END---*/


	/*---ボックスインフォメーション BEGIN---*/
	.col_4 > div{
		width: 25%;
		padding: 10px;
	}
	/*---ボックスインフォメーション END---*/

}
/*1024px以上*/
@media (min-width: 1024px){}