@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: MIHASIテーマ（Cocoonの子テーマ）
Template:   cocoon-master
*/

/********************************************************
** 子テーマ用のスタイル
********************************************************/

/* 印刷設定 */
@media print {
	body #container .widget,
	body #container .header-container,
	/* #container .sidebar, */
	#container .footer {
		display: block !important;
	}
	/* body #content-bottom { display: none;}*/
}

body {
  -webkit-print-color-adjust: exact;
}


/* サイトロゴの隙間 */
.header-container-in.hlt-top-menu .logo-header img { margin-top:4px;}


/* コンテンツ下部 - サブフッター */
#content-bottom { margin: 20px 0 0; padding: 30px 0 10px; background-color: #DDD; line-height:1.6;}
ul#menu-sub_footer { padding: 0; text-align: center;}
ul#menu-sub_footer li { display: inline-block; padding: 0 1em;}
.menu-wg_footer01-container,
.menu-wg_footer02-container,
.menu-wg_footer01-container { margin-top:8px;}
ul#menu-wg_footer01,
ul#menu-wg_footer02,
ul#menu-wg_footer03 { padding-left: 24px;}
ul#menu-wg_footer01 li a,
ul#menu-wg_footer02 li a,
ul#menu-wg_footer03 li a,
ul#menu-sub_footer li a { color: #555; font-size: 0.85em;}
.co-text { color: #555; font-size: 0.85em;}
#footer { margin-top: 0;}

/* フッター */
.footer-bottom { margin-top: 0;}
.f_copy_add { margin:0; padding:0; color:#FFF; font-weight:normal; font-size:1.15rem; font-family:"Yu Mincho" , "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.copyright    { margin-top: 0; line-height: 1.5;}


/* 固定ページすべての H1 スタイル */
.page h1.entry-title { margin-bottom: 0; padding: 0.25em 0 0; text-align: center; color: #c53d43; font-size: 2em; font-weight: 400;}
.page .entry-content { margin-top: 0.5em;}


/* 特定の固定ページで日付を非表示 */
.page-id-119 .date-tags,
.page-id-125 .date-tags,
.page-id-127 .date-tags,
.page-id-121 .date-tags,
.page-id-145 .date-tags,
.page-id-129 .date-tags,
.page-id-123 .date-tags,
.page-id-117 .date-tags,
.page-id-147 .date-tags,
.page-id-137 .date-tags,
.page-id-131 .date-tags,
.page-id-139 .date-tags,
.page-id-143 .date-tags,
.page-id-20 .date-tags,
.page-id-938 .date-tags,
.page-id-940 .date-tags,
.page-id-942 .date-tags,
.page-id-944 .date-tags,
.page-id-3261 .date-tags { display: none;}


/********************************************************
** トップページ専用の設定
********************************************************/
.home.page .entry-title,
.home.page .sns-share,
.home.page .sns-follow,
.home.page .date-tags,
.home.page .author-info{
	display: none;
}

.home .content { margin-top: 0;}
.home .main,
.page .main { padding-top: 0;}

/* トップページ - ページ幅 */
.home #content-in { width: 100%;}
.home .main { padding-left: 0; padding-right: 0;}
.home .article h2 { background-color:transparent !important; text-align:center; margin-top:1.75em; margin-bottom:0 !important; padding:0 !important; color:#D00; font-size:1.9em; font-weight:normal; line-height:1.4;}
.home .article h2 span { display: block; font-size: 0.5em; font-weight: normal; color:#999;}

/* トップページ - 新着情報 */
.new-entry-cards .cat-label { display: inline;}
.widget-entry-card-content { margin-left: 0;}
.widget-entry-cards .a-wrap { padding: 0.75em;}
.new-entry-card-thumb { display: none;}
.widget-entry-card-content .new-entry-card-title { float: right; width: 83%;}
.widget-entry-card-content .new-entry-card-date { display: block; 	text-align: left;}
.widget-entry-card-content .new-entry-card-update-date { display: none;}
.widget-entry-card-content .post-date { display: block !important; font-size: 16px;}
.new-entry-cards > p { padding: 0.75em;}


/********************************************************
** その他の設定
********************************************************/
/* テーブル - 会社概要 */
table.tbl_company { border-collapse: collapse;}
table.tbl_company th,
table.tbl_company td { padding: 0.5em 1em; border:1px solid #DDD !important;}
table.tbl_company th { width: 20%; text-align:center; background:#F9F9F9; font-weight: normal; letter-spacing: 2px;}

dl.description dt { margin-top: 1.0em; margin-bottom: 0.5em; padding: 0.25em; border-bottom: 1px dotted #DDD;}
dl.description dd { margin-left: 1.5em;}

/* 投稿：ページ送りのキャッチ画像 */
/*.archive .post-update { display:none;}  更新日をすべて非表示にさせる場合 */
.prev-post-thumb img,
.next-post-thumb img { width: 80px;}
.pager-post-navi a figure { min-width: 80px; max-width: 80px;}
.entry-card-thumb { width: 300px;}
@media screen and (max-width: 1220px){
	.entry-card-thumb {
		width: 30%;
		margin-right: 14px;
	}
}


/********************************************************
** COMMON STYLES
********************************************************/
.text-center { text-align: center;}

.badge { display: inline-block;}
table.tbl_floor th { padding: 0.25em;}
table.tbl_floor td { padding: 0.25em 0.5em;}


/********************************************************
** レスポンシブデザイン用のメディアクエリ
********************************************************/

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

/* 834px以下 */
@media screen and (max-width: 834px){
	/* トップページ - 新着情報 */
	.widget-entry-card-content .new-entry-card-title { width: 78%;}
}

/* 480px以下 */
@media screen and (max-width: 480px){
	#content-bottom{ display: none;}
	
	/* テーブル - 会社概要 */
	table.tbl_company { border: 1px solid #DDD;}
	table.tbl_company th,
	table.tbl_company td { width: 100%; display: block; padding: 0.5em; border-top: none;}
	table.tbl_company th { margin-top: 8px; background: #F0F0F0;}
	table.tbl_company tr:first-child th { border-top: 1px solid #DDD; margin-top:0;}
	
	/* トップページ - 新着情報 */
	.widget-entry-card-content .new-entry-card-title { width: 62%;}
}


/*--------------------------------------------------
	excerpt form Bootstrap4
----------------------------------------------------*/

.m-0 { margin: 0 !important;}
.mt-0,
.my-0 { margin-top: 0 !important;}
.mr-0,
.mx-0 { margin-right: 0 !important;}
.mb-0,
.my-0 { margin-bottom: 0 !important;}
.ml-0,
.mx-0 { margin-left: 0 !important;}
.m-1 { margin: 0.25rem !important;}
.mt-1,
.my-1 { margin-top: 0.25rem !important;}
.mr-1,
.mx-1 { margin-right: 0.25rem !important;}
.mb-1,
.my-1 { margin-bottom: 0.25rem !important;}
.ml-1,
.mx-1 { margin-left: 0.25rem !important;}
.m-2 { margin: 0.5rem !important;}
.mt-2,
.my-2 { margin-top: 0.5rem !important;}
.mr-2,
.mx-2 { margin-right: 0.5rem !important;}
.mb-2,
.my-2 { margin-bottom: 0.5rem !important;}
.ml-2,
.mx-2 { margin-left: 0.5rem !important;}
.m-3 { margin: 1rem !important;}
.mt-3,
.my-3 { margin-top: 1rem !important;}
.mr-3,
.mx-3 { margin-right: 1rem !important;}
.mb-3,
.my-3 { margin-bottom: 1rem !important;}
.ml-3,
.mx-3 { margin-left: 1rem !important;}
.m-4 { margin: 1.5rem !important;}
.mt-4,
.my-4 { margin-top: 1.5rem !important;}
.mr-4,
.mx-4 { margin-right: 1.5rem !important;}
.mb-4,
.my-4 { margin-bottom: 1.5rem !important;}
.ml-4,
.mx-4 { margin-left: 1.5rem !important;}
.m-5 { margin: 3rem !important;}
.mt-5,
.my-5 { margin-top: 3rem !important;}
.mr-5,
.mx-5 { margin-right: 3rem !important;}
.mb-5,
.my-5 { margin-bottom: 3rem !important;}
.ml-5,
.mx-5 { margin-left: 3rem !important;}
.p-0 { padding: 0 !important;}
.pt-0,
.py-0 { padding-top: 0 !important;}
.pr-0,
.px-0 { padding-right: 0 !important;}
.pb-0,
.py-0 { padding-bottom: 0 !important;}
.pl-0,
.px-0 { padding-left: 0 !important;}
.p-1 { padding: 0.25rem !important;}
.pt-1,
.py-1 { padding-top: 0.25rem !important;}
.pr-1,
.px-1 { padding-right: 0.25rem !important;}
.pb-1,
.py-1 { padding-bottom: 0.25rem !important;}
.pl-1,
.px-1 { padding-left: 0.25rem !important;}
.p-2 { padding: 0.5rem !important;}
.pt-2,
.py-2 { padding-top: 0.5rem !important;}
.pr-2,
.px-2 { padding-right: 0.5rem !important;}
.pb-2,
.py-2 { padding-bottom: 0.5rem !important;}
.pl-2,
.px-2 { padding-left: 0.5rem !important;}
.p-3 { padding: 1rem !important;}
.pt-3,
.py-3 { padding-top: 1rem !important;}
.pr-3,
.px-3 { padding-right: 1rem !important;}
.pb-3,
.py-3 { padding-bottom: 1rem !important;}
.pl-3,
.px-3 { padding-left: 1rem !important;}
.p-4 { padding: 1.5rem !important;}
.pt-4,
.py-4 { padding-top: 1.5rem !important;}
.pr-4,
.px-4 { padding-right: 1.5rem !important;}
.pb-4,
.py-4 { padding-bottom: 1.5rem !important;}
.pl-4,
.px-4 { padding-left: 1.5rem !important;}
.p-5 { padding: 3rem !important;}
.pt-5,
.py-5 { padding-top: 3rem !important;}
.pr-5,
.px-5 { padding-right: 3rem !important;}
.pb-5,
.py-5 { padding-bottom: 3rem !important;}
.pl-5,
.px-5 { padding-left: 3rem !important;}


/*--------------------------------------------------
	Baloon CSS
----------------------------------------------------*/

/*-- 下向き --*/
.balloon-bottom {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.75em;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 1.25em;
	background: #111;
}
.balloon-bottom:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -12px;
	border: 15px solid transparent;
	border-top: 12px solid #111;
}
.balloon-bottom p {
	margin: 0;
	padding: 0;
}

/*-- 上向き --*/
.balloon-top {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0.75em;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 1.25em;
	background: #111;
}
.balloon-top:before {
	content: "";
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -12px;
	border: 12px solid transparent;
	border-bottom: 12px solid #111;
}
.balloon-top p {
	margin: 0;
	padding: 0;
}