/*
Theme Name:GLUE child
Version:1.2
Template: glue_free002
*/

a, a:before, a:after, input { transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease, opacity 0.25s ease; }

.no_news_img_excerpt span { display: -webkit-inline-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}

body.no_side_wijet #bread_crumb { width: auto !important;}

/* custom */
.index_post_list_title{ background: var(--main_color); color: #fff; padding: 15px 20px; }
.index_post_list_title span{display: inline-block;float: right;}
.index_post_list_title span a{color: #fff;font-size: 14px;font-weight: 500;}
.index_post_list_title span a:before{ font-family:'normal_icon'; content:'\e910'; font-size:12px; display:inline; margin-right: 5px;}
.index_post_list_title span a:hover { opacity:0.7; }

.index_post_list{ margin-bottom:20px; }

.index_post_list .post_list.type2 { display: flex; flex-wrap: wrap; position: relative;}
.index_post_list .post_list.type2 .item { padding-top: 40px; padding-bottom: 40px; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; border-bottom: 1px solid #ddd; }
.index_post_list .post_list.type2 .item:last-of-type{ border:none; }
.index_post_list .post_list.type2 .link { display:block; width:100%; height:100%; }
.index_post_list .post_list.type2 .image_wrap {  display:block; width:340px; height:210px; position:relative; z-index:1; overflow:hidden; margin-right: 40px;}
.index_post_list .post_list.type2 .image { width:100%; height:100% !important; display:block; overflow:hidden; position:relative; z-index:2; object-fit: cover;}
.index_post_list .post_list.type2 .content {position:relative;-webkit-box-sizing:border-box; box-sizing:border-box;}
.index_post_list .post_list.type2 .content_inner {
  display: grid; gap: 30px;
}
.index_post_list .excerpt { font-size: 16px; overflow: hidden; margin: -0.6em 0;}
.index_post_list .excerpt span { line-height: 2.2; }
.index_post_list .post_list.type2 .category {
  font-size:14px;color:var(--main_color);font-weight: 600; line-height: 1.4;
}
.index_post_list .post_list.type2 .category { transition: opacity 0.3s ease;}
.index_post_list .post_list.type2 .category:hover { opacity: 0.6 !important; }
.index_post_list .post_list.type2 .title {
  font-weight:600; line-height:1.6; max-height:3.2em; overflow:hidden; visibility:visible; font-size: 20px;
  word-wrap:break-word; word-break:break-all;margin:-0.3em 0;
}
.index_post_list .post_list.type2 .title a { transition: color 0.3s ease;}
.index_post_list .post_list.type2 .title a:hover { color:rgba(0,0,0,0.6) !important; }
.index_post_list .post_list.type2 .blog_category { margin: -0.2em 0;}
.index_post_list .post_list.type2 .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.index_post_list .post_list.type2 .date { font-size:14px; padding:0 0 0 17px; color:#999; position:relative;}
.index_post_list .post_list.type2 .date:before {
  font-family:'normal_icon'; content:'\e903'; font-size:16px; top:0px; left:0px; position:absolute;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
}
.index_post_list .post_list.type2 .client { padding-left:0; }
.index_post_list .post_list.type2 .client:before { display:none; }

.index_post_list .ad_item .pr_label_contents { line-height: 1;}
.index_post_list .ad_item .pr_label_contents .pr_label{ text-align: center; line-height: 1.2; padding: 5px 15px ; min-width: 50px; border: 1px solid #ddd; font-size: 12px; color: #000 !important; font-weight: 500 !important; display: inline-block;}
.index_post_list .date_area { display: flex; flex-wrap: wrap; align-items: center;}
.index_post_list .news_no_image_date { position: relative; color: #999; font-size: 14px; display: block; font-weight: 500; margin: 0 15px 0 0;}
.post_list .news_no_image_date.updated:before { font-family:'normal_icon'; content:'\e91f'; font-size:16px; -webkit-font-smoothing: antialiased; margin-right: 3px;}

@media screen and (max-width:798px) {
.index_post_list .post_list.type2{ margin:0 20px; }
.index_post_list .post_list.type2 .item{ display:block; padding-top:25px; padding-bottom:25px; }
.index_post_list .post_list.type2 .image_wrap{ width:auto; height:auto; margin-right:0; margin-bottom:25px; }
.index_post_list .post_list.type2 .content_inner{ gap:20px; }
}


.post_content h2.styled_h2 { margin-top: 100px; }

br.mobile_break{ display:none; }
br.pc_break{ display:break; }
@media screen and (max-width: 782px) {
  body.admin-bar #header { top:inherit; }
	br.mobile_break{ display:block; }
	br.pc_break{ display:none; }
}

#header_logo img{ max-height: 70px; }
@media screen and (max-width:800px) {
	#header_logo img{ max-height: 46px; }
}