/*
Theme Name:GENESIS Child
Theme URI:
Description:WordPressテーマ「GENESIS」の自作子テーマです。
Template:genesis_tcd103
Author:Extech
Author URI:https://www.extech.co.jp/
Version:1.12.0
*/

/* フリースペース */
.cb_free_space:has(.cb_tech_list) { padding:0; }
.cb_free_space .post_content:has(.cb_tech_list) { max-width:initial; margin:0 auto; padding:0; }
.cb_free_space .post_content .cb_tech_list a {
	text-decoration: none;
	color: inherit;
}
.cb_free_space .post_content .tech_category_button li.current a {
	color: #fff;
}



/* TECHカルーセル */
.cb_tech_list { padding:150px 0; }
.cb_tech_list:nth-child(even) { background:#f6f6f6; }
.tech_carousel_wrap { width:auto; margin:0 auto !important; padding:0 100px !important; }
@media only screen and (min-width: 1720px) {
  .tech_carousel_wrap { padding-left:calc(50% - 750px) !important; padding-right:calc(50% - 750px) !important; }
}
.tech_carousel { -webkit-user-select:none; user-select:none; }
.tech_carousel { }
.tech_carousel .item { position:relative; width:385px; margin: 0 50px 0 0; }
.tech_carousel .image_link { display:block; width:100%; height:auto; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:385 /260; margin: 0 0 30px 0;}
.tech_listtech_carousel.image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
.tech_carousel .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.tech_carousel .content { width:auto; }
.tech_carousel .no_image .content { width:auto; padding:0; }
.tech_carousel .category_button { margin-bottom:25px; }
.tech_carousel .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
.tech_carousel .title a { display:block; max-height:3.6em; overflow:hidden; visibility:visible; }
.tech_carousel .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.tech_carousel .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
.tech_carousel .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }
.tech_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:60px !important; }
.tech_carousel_cat_all_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:60px !important; }
#index_tech_list_wrap { position:relative; }
.index_tech_list { display:none; pointer-events:none; }
.index_tech_list.active { display:block; pointer-events:auto; }
.tech_carousel_wrap { opacity:0; position:relative; }
.tech_carousel_cat_all_wrap { opacity:0; transform: translate3d(140px,0,0); }
.cb_tech_list .main_content.animate .tech_carousel_cat_all_wrap { opacity:1; transform: translate3d(0,0,0); transition: transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s, opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0.2s; }
.index_tech_list.active .tech_carousel_wrap { animation: index_tech_tab_animate 1.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
@keyframes index_tech_tab_animate {
  0% { opacity:0; top:0px; left:140px; }
  100% { opacity:1; top:0px; left:0; }
}
.cb_tech_list .main_content .tech_category_button, .cb_tech_list .main_content .genesis_carousel_scrollbar { position:relative; transform: translate3d(0,30px,0); opacity:0; transition: opacity 1.4s ease 0s, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1) 0s; }
.cb_tech_list .main_content.animate .tech_category_button, .cb_tech_list .main_content.animate .genesis_carousel_scrollbar { transform: translate3d(0,0,0); opacity:1; }

/* カテゴリー一覧 */
.tech_category_button { position:relative; width:auto; margin:0 auto 55px; padding:0 100px !important; }
@media only screen and (min-width: 1720px) {
  .tech_category_button { padding-left:calc(50% - 750px) !important; padding-right:calc(50% - 750px) !important; }
}
.tech_category_button ol { -webkit-user-select:none; user-select:none; }
.tech_category_button li { flex: 0 0 auto !important; width:auto !important; min-width:140px; margin-right:20px; }
.tech_category_button li:last-of-type { margin-right:0; }
.tech_category_button a { height:50px; line-height:50px; border:1px solid #ddd; padding:0 25px; display:block; border-radius:50px; text-align:center; background:#fff; }
.tech_category_button a:hover { color:#fff; }
.tech_category_button li.current a { background:#000; border-color:#000; color:#fff; pointer-events:none; }
.tech_category_button + .genesis_carousel_scrollbar { top:-25px !important; }

/* 追加 */
.tech_category_button ol {
	margin-left: 0em !important;
}
.single-tech #bread_crumb {
    max-width: 1700px !important;
    margin: 38px auto 130px !important;
}

/* TECH一覧 */
#archive_tech { position:relative; max-width:1700px; margin:0 auto; padding:0 100px 150px; }
.tech_list { display:flex; flex-wrap:wrap; position:relative; margin-bottom: -50px; justify-content: space-between; }
.tech_list .item { position:relative; width: calc(100% / 3 - 32px);
	margin-bottom: 50px;
}
.tech_list:after { 
	content: "";
	display: block; 
	width: calc(100% / 3 - 32px);
	height: 0;
}
.tech_list:after { content: ""; display: block; width: calc(100% / 3 - 32px); height: 0; }
.tech_list .image_link { display:block; width:100%; height:auto; position:relative; z-index:1; overflow:hidden; border-radius:5px; aspect-ratio:385 /260; margin: 0 0 30px 0;}
.tech_list .image_wrap { width:100%; height:100%; position:relatiive; overflow:hidden; z-index:2; }
.tech_list .image_wrap img { width:100%; height:100%; position:absolute; top:0; left:0; object-fit:cover; }
.tech_list .no_image .content { width:auto; padding:0; }
.tech_list .category_button { margin-bottom:25px; }
.tech_list .title { font-size:20px; line-height:1.8; margin-bottom:20px; }
.tech_list .title a { display:block; max-height:3.6em; overflow:hidden; visibility:visible; }
.tech_list .title span { display:-webkit-inline-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.tech_list .date { position:relative; color:#999; font-size:16px; margin:0; display:block; }
.tech_list .date:before { font-family:'design_plus'; content:'\e903'; font-size:17px; margin:0 5px 0 0; position:relative; top:1px; }

/* ----------------------------------------------------------------------
レスポンシブ：TECH
---------------------------------------------------------------------- */
/* TECH一覧 */
.tech_carousel .title {
	margin-top:inherit;
	margin-left:inherit;
	margin-right:inherit;
	margin-bottom: 20px;
}
@media screen and (max-width:1391px) {
	.tech_carousel_wrap { padding:0 60px !important; }
}
@media screen and (max-width:1100px) {
	.tech_carousel_wrap { /*height:190px;*/ padding:0 40px !important; }
  .tech_carousel .item { width: 260px;
      margin: 0 20px 0 0; }
	.tech_carousel .image_link { margin: 0 0 20px 0; }
	.tech_carousel .content {  width: 260px; }
	.tech_carousel .category_button { margin-bottom:15px; }
	.tech_carousel .title { font-size: 16px;
	margin-top: 0px;
	    margin-bottom: 13px;
	    line-height: 1.6; }
	.tech_carousel .date { font-size:14px; }
	.tech_carousel .date::before { font-size:16px; top:1.5px; }
}
@media screen and (max-width:800px) {
	.cb_tech_list { padding:40px 0; }
	.cb_tech_list .design_header { margin-bottom:40px; }
	.tech_carousel_wrap { /*height:195px;*/ padding:0 20px !important; }
	.tech_carousel_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:40px !important; }
	.tech_carousel_cat_all_wrap + .genesis_carousel_scrollbar .swiper-scrollbar { margin-top:40px !important; }
	.cb_tech_list .cb_design_arrow_button { margin-top:35px; }
}

/* ----------------------------------------------------------------------
 TECH
---------------------------------------------------------------------- */
@media screen and (max-width:1391px) {
.tech_category_button { padding:0 60px !important; }
/* ブログ一覧 */
#archive_tech { max-width:inherit; padding:0 60px 150px; }
}
@media screen and (max-width:1100px) {
.tech_category_button { padding:0 40px !important; margin-top:-12px; }
	.tech_category_button li { min-width:120px; margin-right:10px; }
.tech_category_button li:last-of-type { margin-right:0; }
	.tech_category_button a { height:40px; line-height:40px; padding:0 20px; font-size:14px; }
	
  #archive_tech { padding:0 40px 150px; }
}
@media screen and (max-width:1000px) {
  .tech_list .item { position:relative; width:calc(50% - 20px); margin:0 40px 50px 0; }
  #archive_tech .tech_list .item:nth-child(3n) { margin-right:40px; }
  #archive_tech .tech_list .item:nth-child(2n) { margin-right:0px; }
}
@media screen and (max-width:800px) {
.tech_category_button { padding:0 20px !important; margin:0px 0 40px 0; }

  #archive_tech { padding:0 20px 40px; }
	body.paged #archive_tech { padding-top:20px; }
	.tech_list { margin-bottom:-30px; }
  .tech_list .item { position:relative; width:calc(50% - 10px); margin:0 20px 30px 0; }
  #archive_tech .tech_list .item:nth-child(3n) { margin-right:20px; }
  #archive_tech .tech_list .item:nth-child(2n) { margin-right:0px; }
	.tech_list .title { font-size:16px; margin-bottom:10px; }
	.tech_list .date { font-size:14px; }
	.tech_list .date::before { font-size:16px; top:1.5px; }
	.tech_list .image_link { margin-bottom:20px; }
	.tech_list .category_button { margin-bottom:15px; }
}
@media screen and (max-width:600px) {
	#archive_tech .tech_list { display:block; margin-bottom:0; }
  .tech_list .item { width:auto; margin:0 0 30px 0; }
  #archive_tech .tech_list .item:nth-child(3n) { margin-right:0; }
}