:root {
--active-color: #bf1e2e;
--text-color:#113b52;
--color-lightgray:#dadee9;
}

body { font-size:14px;  font-family: "Montserrat", sans-serif;  }

.bootstraprwardz a:focus { outline: none;}

.bootstraprwardz .navbar-brand { height:auto;    display: block; }
.main_header {
    overflow: visible;
    border-bottom: none !important;
    background: none !important;
}

.main_header > .inner {
    max-width: 100%;
    padding: 0;
    overflow: auto !important;
}

.main_header > .inner .logoslogan {
    width: 100%;
    overflow: visible !important;
}

.bootstraprwardz .navbar-default {
    background: none;
    border: none;
}
.bootstraprwardz  .navbar  {
    margin-bottom: 0;
}
.bootstraprwardz .navbar-nav {
margin-left:20px;
display:flex; column-gap:16px; row-gap:10px;
}
.bootstraprwardz .container-fluid {
max-width:1960px; margin:0 auto; 
padding-left:25px; padding-right:25px; 
    height: 110px;
display:flex; align-items:center;  gap:40px;
}

.bootstraprwardz .container-fluid .phone-container { margin-left:auto; color:var(--text-color); font-size:18px; }
.bootstraprwardz .container-fluid .phone-container  a{ color:var(--active-color); }

.bootstraprwardz .navbar-header,.bootstraprwardz .navbar-brand { float:none; }


.main_header > .inner .rightlink { display:none !important; }

.main_content > .inner .article-title, .main_content > .inner .authordatetime, .main_content > .inner .backtohome.backtohometop, .main_content > .inner .backtohome.backtohomebottom, .main_content > .inner .detailTags.detailSiteTags, .main_content > .inner .pagetopgadget { display:none; }

.app-card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  border-radius: 8px; /* Rounded corners */
  overflow: hidden; /* Ensures image follows corner radius */
}
.app-card .app-card-body { padding:30px; font-size:16px; }
.app-card .app-card-body .tw-text-lg,.app-text-section .tw-text-lg { font-size:18px !important; }
.app-card .app-card-body .tw-font-semibold, .app-text-section .tw-font-semibold { font-weight:600 !important; }
.app-card .app-card-body h3, .app-text-section h3 { font-weight:500; color:var(--text-color) !important; margin-bottom:30px; font-size:24px; }

.app-card .app-card-body b, .app-text-section b { font-weight:600 !important; }

.app-card .app-card-body div,  .app-card .app-card-body span,  .app-card .app-card-body p, .app-card .app-card-body .tw-list-disc li, .app-card .app-card-body .tw-list-decimal li, .app-text-section div, .app-text-section span,  .app-text-section p, .app-text-section .tw-list-disc li, .app-text-section .tw-list-decimal li  {
    line-height: 180%; font-weight:500; 
}


.main_side {
    display: none;
}

.main_content {
    padding-top: 0;
    padding-bottom: 0;
}

.main_content > .inner {
    max-width: 1960px;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 0;
}

.main_section {
    float: none;
    width: 100%;
    max-width: 100%;
}

.main_banner {
    display: none !important;
}

.article_topic span.article-content {
    padding-top: 0;
    padding-bottom: 0;
}

.app-banner-container {
    min-height: 660px;
    background-size: cover;
    background-position: center center;
    display: flex;
}

.app-banner-container .banner-text-container {padding: 100px 100px;    color: #fff;  max-width:70%;   font-size: 40px; font-family: Roboto, sans-serif;     line-height: 1.6;}

.app-text-container {
   width:100%; 
}

.app-text-section  { max-width:100%; width: 1440px;    padding: 60px 10px; margin:0 auto; font-size:16px; line-height:1.8; color:var(--text-color);}

.app-text-section p {
    margin-bottom: 30px;
}

.app-image-container img { width:100%; max-width:100%; }

@media (max-width:991px) {
.app-banner-container {
    min-height: 560px;
}
.app-banner-container .banner-text-container {padding: 40px 40px;    max-width:80%;   font-size: 30px; }
}

@media (max-width:767px) {
.app-banner-container {
    min-height: 260px;
}
.bootstraprwardz .container-fluid .phone-container {  font-size:14px; display:none;  }
.bootstraprwardz .navbar-nav { flex-direction:column; }

.app-banner-container .banner-text-container {padding: 40px 40px;    max-width:90%;   font-size: 24px; }

.app-text-section  {  padding: 40px 10px; }
.app-text-section  {  font-size:14px;}
.app-card .app-card-body { font-size:14px; }

.app-text-section p {
    margin-bottom: 24px;
}

.app-card .app-card-body { padding:20px; }
.app-card .app-card-body h3, .app-text-section h3 {  margin-bottom:24px;font-size:20px;  }

.app-card .app-card-body .tw-text-lg,.app-text-section .tw-text-lg { font-size:16px !important; }
}


.main_footer > .inner { width:100%; max-width:100%; border:none;  }
.main_footer > .inner .app-footer-container {
    width: 100%;
    max-width: 1960px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 40px;
    border-top: none;
    font-size: 16px;
color:var(--text-color); 
}

.main_footer > .inner .copyright {
    width: 100%;
}

.footer-links-container { max-width:1440px; margin:0 auto; display:flex; justify-content:space-between;  }

.footer-links-container a { color:var(--active-color); }
.footer-links-container .sns-list {display:flex; flex-direction:column; gap:8px; }
.footer-links-container .sns-list a { color:#fff; background-color:var(--active-color); border-radius:100px; display:flex; justify-content:center; align-items:center; font-size:24px; width:30px; height:30px; }

.footer-copy-container { color:#fff !important; background-color:var(--active-color); font-size:14px; text-align:center; margin:0; padding:10px; }


@media (max-width:767px) {
.footer-links-container { flex-direction:column;  }
.main_footer > .inner  { font-size:14px; }
.footer-links-container .sns-list  { flex-direction:row; justify-content:center;  }
}

/* rss start */
#gadget_6045 .rssreader.rss-bottom {max-width: 1600px;
    margin: 0 auto;}

#gadget_6045 .rssreader.rss-bottom h1.rsstitle {
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 26px;
    font-family: "Jura", Sans-serif;
    text-align: center;
text-decoration:none; 
}



.gadgets_rss .items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 60px;
}

#gadget_6045 .item {background-color:#fff; border-radius:10px; overflow:hidden; border: solid 1px #ddd; }

#gadget_6045 .item .thumbnailimage img {
    height: 240px;
width:100%; 
    object-fit: cover;
}

#gadget_6045 .item .rsstitle { display:block !important; color: #444444; text-decoration: none;   padding-top: 16px;   padding-bottom: 16px;     font-weight: 500;  font-size:20px;    font-family: "Roboto", sans-serif; padding-left:16px; padding-right:16px; }

#gadget_6045 .item .rsstitle  a {
text-decoration:none; } 

#gadget_6045 { margin-bottom:0; padding-top:60px; padding-bottom:60px; }

body.silopage .bottom_gadgets { margin-top:0; }

.gadgets_rss .items .rsscontent, .gadgets_rss .items .item h2.title, .gadgets_rss .items .item .readmore { display:none; }

body.home .bottom_gadgets { display:none; }

/* rss end */

/*  list */
.main_articles.homelist {
    max-width: 1460px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 48px;
padding-left:20px; padding-right:20px;
    padding-top: 40px;
    padding-bottom: 60px;
}

.main_articles.homelist > article {
    border-top: none;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 10px;
    over-flow: hidden;
    border: solid 1px #ddd;
}

.main_articles.homelist > article .articlecnt {
    padding-bottom: 16px;
}

.main_articles article .stylefullgallery .thumbnail {
    margin-bottom: 0px;
}

.main_articles article .stylefullgallery .thumbnail img {
    height: 240px;
    object-fit: cover;
}

.main_articles article .stylefullgallery .articlecnt h2 {
    margin-top: 24px;
font-weight: bold;
    font-family: "Roboto", sans-serif;
}

.main_articles.homelist > article .articlecnt > *:not(.thumbnail) {
    padding-left: 16px;
    padding-right: 16px;
}

.main_articles.homelist > article .namedatetime {
    display: none;
}

.bootstraprwardz .navbar-nav > li > a.app-btn-active { min-width:160px; padding:10px 20px; font-size: 16px; }

@media(max-width:1100px) {
.main_articles.homelist {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36x;
}
#gadget_6045.gadgets_rss .items {    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36x;}
}

@media(max-width:991px) {
.main_articles.homelist {    grid-template-columns: repeat(2, minmax(0, 1fr));}
#gadget_6045.gadgets_rss .items {    grid-template-columns: repeat(2, minmax(0, 1fr));}


.bootstraprwardz .navbar-nav > li > a.app-btn-active { min-width:140px; padding:9px 20px; font-size: 15px; }
}

@media(max-width:767px) {
.main_articles.homelist {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24x;
}
#gadget_6045.gadgets_rss .items  {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 24x;
}

#gadget_6045 .item .rsstitle { font-size:16px;  }

.bootstraprwardz .navbar-nav > li > a.app-btn-active { min-width:120px; padding:8px 20px; font-size: 14px; }
}

/*  list */


div, span, p {
    line-height: 180%;
}
.tw-list-disc li, .tw-list-decimal li {    line-height: 180%;}


.tw-list-disc, .tw-list-decimal {
    margin-left: 30px;
padding-top:10px;
    padding-bottom: 26px;
}

.app-grid-1 { display: grid;grid-template-columns: repeat(1, minmax(0, 1fr));} 



.app-btn-active { text-align:center; color:#fff !important; background-color:var(--active-color) !important; border-radius:100px; min-width:120px; padding:8px 20px !important; line-height:1.3 !important; transition:all 0.15s ease; }

.app-btn-active:hover { opacity:0.8}

.app-bg-lightgray { background-color:var(--color-lightgray); }

@media (min-width: 767px) {
  .sm\:app-grip-2  { display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));} 
}