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

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

/*一覧ページカテゴリー*/
.cat-label{
display:none;
}

/* グローバルナビ */
#navi .navi-in > ul > li:before{
position:relative;
}

#navi .navi-in > ul > li:before{
position:absolute;
width: 50%;
top: 9px;
height:32px;
content:"";
border-right: 2px solid #ffffff;
}

#navi .navi-in > ul > li:last-child:before{
content:"";
border-right-width: 0;
}

.navi-in > ul li {
    height: 50px;
    line-height: 50px;
}

.navi-in > ul li{
	width:calc((100% - 40px) / 6);
}

/* H2見出しの疑似要素をリセット*/
/*.entry-content h2 > span::before,
.article h2 > span::after{
    content: none;
}
*/
.entry-content h2::before,
.article h2::after{
    content: none;
}

/*リストタグのリセット*/
ol, ul {
  list-style-type: none;
}

.side_header ul{
	letter-spacing: 0.12em;
}

/*H2タグ*/
.article h2.header_addon{
	border-top:none;
	border-bottom:none;	
}

/*.article h2.header_addon span{*/
.article h2.header_addon{
	position:relative;
	display:inline-block;
	color:#323232;
	letter-spacing: 0.12em;
	padding:0 20px;
	border-top:none;
	border-bottom:none;
	border-left:2px solid #323232;
	border-right:2px solid #323232;
}
/*.article h2.header_addon span{*/
.article h2.header_addon{
	vertical-align: middle;	
}




/*newsカスタマイズ*/
ul.news-article li div.front-info-containar{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
font-weight: normal;
line-height: 25px;
margin:0;
width:100%
}

.front-info-date{
width: calc(100% - 130px);
margin-left: 10px;
}

.news-message{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.news-article h3{
color:#333;
line-height: 28px;
}

.wp-block-group .news-article a , .front-event-content a{
text-decoration: none;
position: absolute;
height:100%;
width:100%;
z-index:1;
}

.news-article a:hover ~ h3{
text-decoration:underline
}

ul.news-article{
list-style: none;
padding:0;
margin-bottom: 2.2em;
}

ul.news-article li{
text-decoration: none;
display: flex;
flex-wrap: wrap;
position: relative;
padding: 0 0 0 16px;
margin:20px 5px;
border-left: 2px solid #d9d9d9;
}

ul.news-article li>:nth-child(1){
margin-right: 24px;
min-width: 130px;
font-size: 14px;
font-weight: 700;
line-height: 30px;
}

h3.news_title{
border:0;
margin-bottom: 10px;
font-size: 18px;
padding: 0 0 0 10px;
}

.news_cat_parent{
	background-color:gray;
	height:25px;
}

.cat-5{background-color:#CD711D;width:120px;}/* 講座 */
.cat-6{background-color:#CD1D27;width:120px;}/* セミナー */
.cat-11{background-color:#abedd8;width:120px;}/* イベント */
.cat-12{background-color:#abedd8;width:120px;}/* お知らせ */
.cat-13{background-color:#1DA3CD;width:120px;}/* 教育コンテンツ */
.cat-14{background-color:#2D9764;width:120px;}/* 書籍 */
.cat-15{background-color:#61BD06;width:120px;}/* 雑誌 */
.cat-16{background-color:#0ABB86;width:120px;}/* 社会保険旬報 */


div.front-info-cat{
	text-align:center;
	text-decoration: none;
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    line-height: 25px;
	padding: 0 10px;
}

.news_all{
position: relative;
border:1px solid #333;
border-radius:28px;
width:300px;
margin:auto;
margin-bottom:1em;
color:#333;
text-align:center;
text-decoration:none;
transition:0.5s all;
}

.news_all:hover{
background-color:#48466d;
}
.news_all:hover .news_all_in{
color:#FFF;
font-weight: 700;
}

p.news_all_in{
margin: 0;
line-height: 3;
transition:0.5s all;
}

.news_all_link{
text-decoration:none;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
}

/* news beforeリセット*/
.wp-block-group ul li .front-info-containar a::before{
	content:none;
}


/* ロゴ左、サイズ調整 */
.logo {
    text-align: left;
}

span.site-name-text img{
	width:348px;
}

/* フロントページEvents */
.front-event-wrap{
	display:flex;
	flex-wrap: wrap;
	justify-content:center;
}

.front-event-wrap .not-events{
	width:100%;
	margin:auto;
	text-align:center;
}

.body .wp-block-group:not(.is-content-justification-left, .is-content-justification-center, .is-content-justification-right, .is-content-justification-space-between) .front-event-content{
	margin:5px;
}

.front-event-content{
	position:relative;
	border:1px solid #333;
	background-color:#fff;
	display:flex;
	width: calc(33% - 10px);
	margin: 5px
}

.front-event-item-date{
	position:relative;
	width:80px;
	height:80px;
	font-size:12px;
	color:#962238;
	border:1px solid #962238;
	margin:5px;
}

.front-event-item-title{
	position: absolute;
    left: 92px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 6px;
	font-size:12px;
}

.front-event-item-title p{
	margin-bottom:0;
}

.front-event-item-date p:nth-child(-n+3){
	margin-bottom:0px;
	text-align:center;
}

.front-event-item-date p:nth-child(1){
	position:relative;
	font-size:12px;
	top:5px;
}

.front-event-item-date p:nth-child(2){
	font-size:18px;
}

.front-event-item-date p:nth-child(3){
	position:relative;
	font-size:12px;
	top:-5px;
}

/* フッター */
.footer-addon-logo{
}

.footer-addon-logo img{
	width:221px;
}

/*セミナー個別ページ*/
.article p.seminar-program-time{
	margin-bottom:0;
	font-size:14px;
}

.article p.seminar-program-title{
	margin-bottom:0;
	padding-left:20px;
}

.article p.seminar-program-text{
	margin-bottom:0;
	padding-left:20px;
	font-size:14px;
}

/*スマホ対応時のメニュー*/
.menu-drawer{
	color:#fff;
}

.menu-drawer a,
.menu-drawer a:active,
.menu-drawer a:link,
.menu-drawer a:visited{
	color:#fff;
}

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

/*960px未満*/
@media screen and (max-width: 959px){
	.front-event-wrap{
	  justify-content:flex-start;
	}
	.front-event-content{
	  width: calc(50% - 10px);
	}
	
	.side_header{
		display:none;
	}
}


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

}

/*600px未満*/
@media screen and (max-width: 599px){
	.front-event-content{
	  width: 100%;
	}
	.text-small-600{
		font-size:14.4px;
	}
}

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


@media print{
	#container .header-container, 
	#container .footer{
		display: block !important;
	}
}