/* -----------------------------
FILTER BUTTONS
----------------------------- */

.app-filters{
margin-bottom:20px;
text-align:center;
}

.app-filters .filter-btn{
margin:0 8px;
padding:8px 16px;
border:1px solid #ccc;
background:#f5f5f5;
border-radius:20px;
cursor:pointer;
transition:0.3s;
}

.app-filters .filter-btn.active,
.app-filters .filter-btn:hover{
background:#0073e6;
color:#fff;
border-color:#0073e6;
}


/* -----------------------------
LAYOUT TOGGLE
----------------------------- */

.app-layout-toggle{
margin-bottom:20px;
text-align:center;
}

.app-layout-toggle button{
margin:0 6px;
padding:8px 16px;
border-radius:20px;
border:1px solid #ddd;
background:#f9f9f9;
cursor:pointer;
transition:0.3s;
}

.app-layout-toggle button.active,
.app-layout-toggle button:hover{
background:#0073e6;
color:#fff;
border-color:#0073e6;
}


/* -----------------------------
GRID LAYOUT
----------------------------- */

#app-posts-container.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
gap:24px;
}


/* -----------------------------
CARD BASE
----------------------------- */

.dynamic-card{
border:1px solid #ddd;
padding:20px;
border-radius:8px;
background:#fff;
transition:0.3s;
}

.dynamic-card:hover{
box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.dynamic-card .card-image img{
width:100%;
height:auto;
border-radius:6px;
}

.dynamic-card .card-title{
margin:15px 0 10px;
font-weight:700;
font-size:20px;
}

.dynamic-card .card-excerpt{
color:#555;
font-size:14px;
line-height:1.6;
}

.dynamic-card .card-tags .tag{
display:inline-block;
background:#eef1f5;
padding:6px 10px;
margin-right:6px;
font-size:12px;
border-radius:4px;
}

.dynamic-card .card-read-more a{
font-weight:600;
color:#0073e6;
text-decoration:none;
}

.dynamic-card .card-read-more a:hover{
text-decoration:underline;
}


/* -----------------------------
LIST LAYOUT
----------------------------- */

#app-posts-container.list .dynamic-card{
border:none;
border-bottom:1px solid #eee;
padding:0 0 25px 0;
margin-bottom:30px;
}

#app-posts-container.list .card-list{
display:flex;
gap:25px;
align-items:flex-start;
}


/* LEFT IMAGE */

#app-posts-container.list .card-left{
width:260px;
flex-shrink:0;
}

#app-posts-container.list .card-left img{
width:100%;
height:auto;
border-radius:6px;
}


/* RIGHT CONTENT */

#app-posts-container.list .card-right{
flex:1;
}

.card-date{
font-size:13px;
color:#777;
margin-right:10px;
}
/* META */

.card-meta{
display:flex;
align-items:center;
gap:10px;
font-size:13px;
color:#777;
margin:8px 0;
}

.card-tags .tag{
background:#eee;
padding:4px 8px;
margin-left:6px;
font-size:12px;
border-radius:3px;
}


/* EXCERPT */

.card-excerpt{
margin-top:10px;
line-height:1.6;
}


/* READ MORE */

.card-read-more{
margin-top:15px;
text-align:right;
}

.card-title a{
text-decoration:none;
color:inherit;
}

.card-excerpt a{
text-decoration:none;
color:inherit;
}

.card-tags a{
text-decoration:none;
}
.card-tags .tag{
display:inline-block;
padding:4px 10px;
margin-right:6px;
border-radius:4px;
font-size:12px;
transition:all 0.3s ease;
}
.app-pagination{
margin-top:30px;
text-align:center;
}

.app-pagination .page-numbers{
display:inline-block;
padding:8px 14px;
margin:4px;
background:#f5f5f5;
border-radius:4px;
text-decoration:none;
}

.app-pagination .current{
background:#333;
color:#fff;
}
.news_list.e-flex.e-con-boxed .e-con-inner {
padding-left: 15px;
padding-right: 15px;
}



.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list {
gap: 0;
margin-left: -15px;
margin-right: -15px;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-left {
padding-left: 15px;
padding-right: 15px;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
padding-left: 15px;
padding-right: 15px;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-left .card-image img {
border-radius: 0;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right h3.card-title {
margin-top: 0;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right h3.card-title:hover a {
text-decoration: underline;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right .card-meta {

gap: 0;
margin-bottom: 0;
align-items: flex-start;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right span.card-date {
font-size: 12px;
margin-right: 14px;
letter-spacing: 0;
font-family: 'Noto Sans JP', sans-serif;
color: #2D3E50;
line-height: 1.6;
font-weight: 400;
display: inline-block;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right .card-tags a {
margin-bottom: 5px;
margin-right: 5px;
padding: 14px 10px !important;
display: inline-block;
color: #2D3E50;
margin-left: 0;
border-radius: 0;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right .card-tags a:hover {
background: #FF7A59;
text-decoration: none;
color: #fff;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .dynamic-card:hover {
box-shadow: unset;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .dynamic-card {
margin-bottom: 30px;
padding-bottom: 0;
border-bottom: 0;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right p.card-excerpt:hover a {
text-decoration: underline;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right p.card-excerpt {
margin-top: 1.5rem;
}



.news_list.e-flex.e-con-boxed #app-posts-container.list .elementor-element.elementor-element-b78b425.e-con-full.e-flex.e-con.e-child {
padding: 0;
}



.e-con-full.news-sidebar {
gap: 0;
padding-left: 50px;
}

.e-con-full.news-sidebar .elementor-widget-image img {
width: 100%;
max-width: 100%;
margin-bottom: 50px;
object-fit:cover;
height:100%;
}

.e-con-full.news-sidebar h2 {
font-size: 16px !important;
font-weight: 500;
border-bottom: 1px solid #eee;
padding-bottom: 15px;
margin-bottom: .5rem;
line-height: 1.2 !IMPORTANT;
}

.e-con-full.news-sidebar .ekit-wid-con .elementor-icon-list-item a>img {
width: 64px;
margin-right: 12px;
margin-bottom: 12px;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper li {
align-items: flex-start;
padding-bottom: 0 !IMPORTANT;
margin-bottom: 15px;
margin-top: 0 !important;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper li a {
align-items: flex-start;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper .ekit_post_list_content_wraper {
color: #2D3E50;
font-size: 14px;
font-weight: 500;
line-height: 20px !important;
display: block;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper .ekit_post_list_content_wraper .meta-lists {
font-size: 12px;
margin-right: 14px;
font-weight: 400;
line-height: 1.6rem;
font-family: 'Noto Sans JP', sans-serif;
color: #2D3E50;
letter-spacing: normal;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper .ekit_post_list_content_wraper .meta-lists span.meta-date {
color: #2D3E50 !IMPORTANT;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper {
margin-bottom: 50px;
}

.e-con-full.news-sidebar .elementor-element.elementor-element-8694592 {
gap: 0;
}

.e-con-full.news-sidebar .tag-cloud a.tag-item {
font-size: 14px;
margin-bottom: 5px;
margin-right: 5px;
padding: 14px 10px;
display: inline-block;
background-color: #EAF0F6;
margin-left: 0;
letter-spacing: normal;
border-radius: 0;
}

.e-con-full.news-sidebar .tag-cloud a.tag-item:hover {
background: #FF7A59;
text-decoration: none;
color: #fff;
}
@media (max-width:767px){

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-left {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.news_list.e-flex.e-con-boxed #app-posts-container.list .card-list .card-right {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}

.e-con-full.news-sidebar {
padding-left: 0;
margin-top: 40px;
}



.e-con-full.news-sidebar .elementor-element.elementor-element-c13c800 {
margin-top: 52px;
}

.e-con-full.news-sidebar .elementor-element.elementor-element-8694592 {
padding: 0;
}

.e-con-full.news-sidebar .elementor-element.elementor-element-48d72dc {
padding: 0;
}
.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper li {
flex-direction: column;
}

.e-con-full.news-sidebar ul.elementor-icon-list-items.ekit-post-list-wrapper li a {
flex-direction: column;
}

.e-con-full.news-sidebar .ekit-wid-con .elementor-icon-list-item a>img {
width: 100%;
margin-right: 0;
}
}
.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card {box-shadow: unset;border: 0;padding-left: 15px;padding-right: 15px;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;margin-bottom: 1.5rem !important;padding-top: 0;padding-bottom: 0;}.case_card.elementor-widget-app_pro_dynamic_card #app-posts-container.grid {display: flex;flex-wrap: wrap;gap: 0;}.case_card.elementor-widget-app_pro_dynamic_card .elementor-widget-container {margin-left: -15px;margin-right: -15px;}.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card h3.card-title a {text-decoration: none;}.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card .card-tags a {margin-bottom: 5px;margin-right: 5px;margin-left: 0;padding-top: 14px;padding-bottom: 14px;padding-left: 10px;padding-right: 10px;}.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card h3.card-title {margin-bottom: 15px;}.e-con-boxed.e-con.e-parent.cse_wrpr .e-con-inner {padding-left: 15px;padding-right: 15px;}.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card .card-image img {border-radius: 0;}@media (max-width:767px){.case_card.elementor-widget-app_pro_dynamic_card .grid .dynamic-card {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}}
/* -----------------------------
MOBILE RESPONSIVE
----------------------------- */

@media (max-width:768px){

#app-posts-container.list .card-list{
flex-direction:column;
}

#app-posts-container.list .card-left{
width:100%;
}

.card-read-more{
text-align:left;
}

}