@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,700,600italic,700italic,800,800italic);

@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');

/* Font-Awesome Live URL */
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');


/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* ==========================================================================
   HS COS Boilerplate v1.5.0                                
   ========================================================================== */

/* Missing Template at Path: \'custom\/page\/Company_Theme\/CompanyModules.css\' */

/* These includes are optional, but helpful. */
/* HTML 5 Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block;
}

audio, canvas, video {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

audio:not([controls]) {
    display: none;
}

/* Support migrations from wordpress */

.wp-float-left {
    float: left;
    margin: 0 20px 20px 0;
}

.wp-float-right {
    float: right;
    margin: 0 0 20px 20px;
}

/* Responsive Google Maps */

#map_canvas img, .google-maps img {
    max-width: none;
}

/* line height fix for reCaptcha theme */
#recaptcha_table td {line-height: 0;}
.recaptchatable #recaptcha_response_field {min-height: 0;line-height: 12px;} 


/*20220719*/
@media screen and (max-width:1024px) {
.blog-sidebar .post-item-image .hs-featured-image-wrapper {
    display:none;
}
}

.flash-item-title a{font-weight:bold;}
h3{color:#000;}

.kuwashiku{
  border:1px solid #ccc;
  padding:6px;
  text-align:center;
  font-size:16px;
  font-weight:bold;
  color:#666;
  border-radius: 8px;
   width:80%;
  margin:15px auto 30px auto;
}
.kuwashiku a{
  color:#666;
  display:block;
}
.kuwashiku:hover{
  background:#eee;
}

/* ==========================================================================
   Index:         
  1. BASE STYLES   
    - Variables
    - Macros
    - Base
    - Typography
  2. COS STRUCTURE
    - Structure
    - Header
    - Content
    - Footer
  3. MAIN NAVIGATION
    - Custom Menu Primary
    - Mobile Menu
  4. TEMPLATE MODULE CLASSES
    - Common Template Classes
    - Site Pages
    - Landing Pages
    - System Pages
  5. COS COMPONENTS
    - Blog
    - Forms
    - Buttons
  6. MISCELLANOUS
  7. MOBILE MEDIA QUERIES
   ========================================================================== */





/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */





/* ==========================================================================
   Variables                                               
   ========================================================================== */


/**
 * Find the most consistently used font styles, colors, and container widths 
 * for your site and assign them to the jinja variables below for easy use 
 * and reference. 
 *
 * Apply the variable as shown below.  Ignore the jingja comment tags.
 *
 * 
 */

/* Colors */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */
    /*  */

/* Typography */
            /*  */
            /*  */
                         /*  */
                          /*  */


/* Containers */
 /* Used on '.page-center' in 'Base' and in the 'Portrait tablet to landscape and desktop' media query */




/* ==========================================================================
   Macros                                                  
   ========================================================================== */


/** 
  * Create jinja macros for CSS3 properties that need browser prefixes.
  *
  * Apply the style as shown below on it's own CSS property line.  
  * Ignore the jinja comment tags. 
  *
  * 
  */

 

/** 
  * Example of how to apply the above macro (ignore the jinja comment tags):
  *
  * a {
  *   color: red;
  *   font-size: 12px;
  *    
  * }
  */




/* ==========================================================================
   Base                                                    
   ========================================================================== */


/** 
 * Box Sizing
 * 
 * Applies a natural box layout model to all elements so that width and padding 
 * are essentially combined, making responsive styles easier to manage.
 */

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #f6f6f6;
  /*color: #666666;*/
  color:#000;
  font-family: 'Open Sans', Arial, Sans-Serif;
  font-size: 14px;
  line-height: 26px;
}

/**
 * Page Center
 *
 * Apply .page-center to full-width modules.
 */

.container-fluid .row-fluid .page-center {
  float: none;
  max-width: 1170px;
  margin: 0 auto;
}

/*
a { color: #333333; text-decoration:none;}
a:hover, a:focus { color: #E84C23; text-decoration:none;}
*/
a{color:#333;text-decoration:none;}
a:hover{color:#E84C23;}
a:link{color:#000;}
a:visited{color:#333;}
a:active{color:#E84C23;}

article a{color:#6c954a;}
article a:link{color:#6c954a;}
article a:hover{color:#6c954a;text-decoration:underline;}
article a:visited{color:#6c954a;}
article a:active{color:#6c954a}



hr {
  color: #ccc;
  background-color: #ccc;
  height: 1px;
  border: none;
}

/* Highlighted Text */
::-moz-selection {
  color: #fff;
  background: #E84C23;
  text-shadow: none;
}
::selection {
  color: #fff;
  background: #E84C23;
  text-shadow: none;
}

/* Corrects width issues in table elements created via the wysiwyg editor */
table tr td img {
    max-width: initial;
}



/* ==========================================================================
   Typography
   ========================================================================== */


/* Basic text */
p {
    margin: 0;
} 
small {}
strong {}
em {}
cite {}
code {}
pre {}

sup, sub {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', Arial, Sans-Serif;
    margin: 10px 0;
    text-rendering: optimizelegibility;
}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
    margin-top: 0px;   
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {}

h1 { font-size: 32px; line-height: 42px; }
h2 { font-size: 26px; line-height: 36px; }
h3 { font-size: 20px; line-height: 30px; }
h4 { font-size: 18px; line-height: 28px; }
h5 { font-size: 14px; line-height: 24px; }
h6 { font-size: 12px; line-height: 22px; }


/* Lists */
ul, ol {}
ul ul, ul ol, ol ol, ol ul {}
li {}

ul.unstyled, ol.unstyled {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Quotes */
blockquote {}
blockquote p {}
blockquote small {}
blockquote small:before {}

q:before, q:after, blockquote:before, blockquote:after {}








/* ==========================================================================
   2. COS STRUCTURE                                            
   ========================================================================== */





/* ==========================================================================
   Structure                                               
   ========================================================================== */


/* The outer wrappers of your website */
.header-container-wrapper, 
.body-container-wrapper, 
.footer-container-wrapper {
    max-width: 100%;
    width: 100%;
  　/*margin-top:40px;*/
}

.footer-container-wrapper {
    margin-top:40px;
}
/* The inner wrappers of your website */
.header-container, 
.body-container, 
.footer-container {
    max-width: 100%;
    width: 100%;

}

/* Modules - Paddings */
.container-fluid .row-fluid .padding10tb { padding: 10px 0px; }
.container-fluid .row-fluid .padding20tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding30tb { padding: 30px 0px; }
.container-fluid .row-fluid .padding40tb { padding: 40px 0px; }
.container-fluid .row-fluid .padding60tb { padding: 20px 0px; }
.container-fluid .row-fluid .padding80tb { padding: 80px 0px; }
.container-fluid .row-fluid .padding100tb { padding: 100px 0px; }


/* ==========================================================================
   Header
   ========================================================================== */


.header-container-wrapper {}
.header-container {}

/* Logo styling */
.header-container .hs_cos_wrapper_type_logo {}
.header-container .hs_cos_wrapper_type_logo a {}
.header-container .hs_cos_wrapper_type_logo a img {}




/* ==========================================================================
   Content                                                 
   ========================================================================== */


.body-container-wrapper {overflow:hidden;}
.body-container {}


/* Unique Pages
   ========================================================================== */

/* Homepage */

/* Contact Us */

/* About Us */


/* Modular & Reusable Components
   ========================================================================== */

/* Callouts */

/* Social Media Custom Icons */

/* Additional Menus aside from the Main Nav */




/* ==========================================================================
   Footer
   ========================================================================== */

/* Custom HubL div For Background Image */
.row-fluid [class*="span"] {
    min-height: 1px;
}

.footer-container-wrapper {
    /*background-color: #222222 !important;*/
    background-color: #76757d !important;
    max-width: 100%;
    width: 100%;
}
.footer-container {
    max-width: 100%;
    
    width: 100%;
}

.footer-container.container-fluid {
    padding: 60px 0px;
}

.footer-container.container-fluid h3 {
    color: #ffffff !important;
    letter-spacing: 1px;
    padding: 0 0 15px 0 !important;
}
.footer-container.container-fluid .cell-wrapper.layout-widget-wrapper {
    border: 0 none !important;
    padding: 0 0 0 0 !important;
}
.footer-container.container-fluid .widget-span.widget-type-rich_text h3,
.footer-container.container-fluid .widget-span.widget-type-raw_jinja h3 {
    background-color: transparent;
    border: 0;
    padding: 0;
    margin: 0;
}
.footer-container.container-fluid .widget-span.widget-type-rich_text {
    margin: 0;
}

.footer-container.container-fluid p,
.footer-container.container-fluid p a {
    color: #ffffff;
    padding: 0 0 15px 0 !important;
    margin: 0;
}

.footer-container.container-fluid .hs-rss-byline {
    padding-top: 5px;
}

.footer-container.container-fluid span,
.contact-footer li a,
.contact-footer li {
    color: #ffffff;
    vertical-align: sub;
}

.contact-footer li a:hover {
    color: #E84C23;
}

.contact-footer ul li {
    display: table-cell;
    letter-spacing: 1px;
}

.contact-footer ul li:first-child {
    width: 50px !important;
    vertical-align: middle;
}

.contact-footer ul {
    margin-bottom: 15px;
    margin-top: 0;
    padding-left: 0;
}

.contact-footer ul:last-child {
    margin-bottom: 0 !important;
}

.hs-footer-company-copyright {
    color: #FFFFFF;
    letter-spacing: 1px;
}

/* Copyright Content Center Align */
.widget-type-page_footer span {
    margin: 0 auto;
    text-align: center;
}


.fa-ul-footer ul {
    display: table-cell;
    padding-left: 0;
    margin-left: 0;
  padding-bottom:30px;
    list-style-type: none;

}
.fa-ul-footer ul li {
    
    display: table-cell;
    position: relative;
    margin-right: 0px;
}

.fa-ul-footer ul li span a:before {
    background: rgba(238, 238, 238, 0.08) none repeat scroll 0 0;
    border-radius: 50%;
    color: #eeeeee;
    display: inline-block;
    font-family: "FontAwesome";
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin-right: 10px;
    text-align: center;
    width: 40px;
}

.fa-ul-footer ul li:first-child span a:before{
    content: "\f09a";
}
.fa-ul-footer ul li:nth-child(2) span a:before {
    content: "\f099";
}
/*.fa-ul-footer ul li:nth-child(3) span a:before{
    content: "\f0e1";in
}*/
/*.fa-ul-footer ul li:nth-child(4) span a:before {
    content: "\f0d5";google
}*/
.fa-ul-footer ul li:nth-child(3) span a:before {
    content: "\f16d";
}
.fa-ul-footer ul li:nth-child(4) span a:before{
    content: "\f16a";
}
.fa-ul-footer ul li:nth-child(5) span a:before{
    content: "\f270";
}
.fa-ul-footer ul li span a:hover:before {
    background: #E84C23 none repeat scroll 0 0;
    transition: 500ms ease-in;
}

.copyright-center {
    border-top: 1px solid #999;
    margin-top: 20px;
    padding-top: 20px;
}

/* FOOTER POPULAR POSTS */

.footer-container.container-fluid .widget-span.widget-type-raw_jinja h3 {
    margin-bottom: 5px;
}

.footer-post-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.footer-post-item-text .post-summary p {
    padding: 0 !important;
}

.footer-post-item-image .hs-featured-image-wrapper {
    width: 100px;
}
.footer-post-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 !important;
}

.footer-post-item-text {
    float: right;
    padding: 0 0px 0 15px;
}

.footer-post-item-text h4 {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}
.footer-post-item-text h4 a {
    color: #eeeeee;
}
.footer-post-item-text h4 a:hover {
    color: #E84C23;
}


/* ==========================================================================
   3. MAIN NAVIGATION                                            
   ========================================================================== */



/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

.menu-sec {
    max-width: 100% !important;
    
}
.menu-bg .row-fluid {
    background-color: #ffffff;
    padding: 0;
}
.menu-bg .widget-type-linked_image {
    float: none;
    line-height: 0;
    margin: 20px auto 20px;
}
.hs-menu-wrapper.hs-menu-flow-horizontal > ul {
    float: none;
    margin: 30px auto 0;
}

/* Parent List */
.custom-menu-primary .hs-menu-wrapper > ul{ 
  background:transparent;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  margin-bottom: 0px;
  margin-top: 0px;
  padding-left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul > li{
  background:transparent;
  color: #333333;
  letter-spacing: 1px;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a {
  color: #333333;
}
.custom-menu-primary .hs-menu-wrapper > ul > li > a:hover{
  /*color: #E84C23;*/
  color:#000;
}

/* Child List */
.custom-menu-primary .hs-menu-wrapper > ul ul{
    padding-left: 0;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li{
        background:#eee;
    border-bottom: 1px dotted rgba(0, 0, 0, .35);
    letter-spacing: 1px;
    padding: 8px 12px;
    text-align: left;
  float:none!important;
  display:block!important;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li:last-child{
    border-bottom: 0px solid #666666;
    padding: 8px 12px;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li a{
  color: #000;
}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover{
    /*background: rgba(255, 255, 255, 0.78) none repeat scroll 0 0;
    box-shadow: 1px 2px 8px rgba(232, 76, 35, 0.8) inset;*/
    background:#76757d;
  color:#000;

}
.custom-menu-primary .hs-menu-wrapper > ul ul li:hover a{
    /*color: #E84C23;*/
  color:#fff;
    background:#76757d;
    display:block!important;
}
.menu-bg .widget-type-linked_image > div {
    text-align: center;
}
.custom-menu-primary > div {
    text-align: center;
}

/* Override max width on menu links */
.custom-menu-primary .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;
  width: auto !important;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a {
    font-size: 14px;
    font-weight: 400;
    text-transform: uppercase;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li a span{
  text-transform:capitalize;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
    background-color: transparent;
    display: inline-block;
    list-style: outside none none;
    padding: 12px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
    padding: 13px 15px 13px 15px;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li,
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
    margin: 0;
}
.hs-menu-children-wrapper {
    padding-left: 0;
}
.hs-menu-children-wrapper li {
    width: 100%;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul > li ul {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: none;
    background-origin: padding-box;
    background-position-x: 0;
    background-position-y: 0;
    background-repeat: repeat;
    background-size: auto auto;
}


.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    left: 0;
    min-width: 145px;
    opacity: 0;
    position: absolute;
    top: 51px;
    transition: opacity 0.4s ease 0s;
    visibility: hidden;
    z-index: 1;
}

.hs-item-has-children {
    position: relative;
    z-index: 999;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children:hover > ul.hs-menu-children-wrapper {
    opacity: 1;
    visibility: visible;
}

.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper {
    display: table-cell;
    background-color: transparent;
}
.hs-menu-item.hs-menu-depth-1:hover,
.hs-menu-item.hs-menu-depth-1:active,
.hs-menu-item.hs-menu-depth-1:focus,
.hs-menu-item.hs-menu-depth-1.hs-item-has-children:hover, 
.hs-menu-item.hs-menu-depth-1.hs-item-has-children:active, 
.hs-menu-item.hs-menu-depth-1.hs-item-has-children:focus {
    background-color: #ccc;
    box-shadow: 1px 2px 8px rgba(0, 0, 0, 0.05) inset;
    color: #E84C23;
    width: auto;
}
.custom-menu-primary .hs-menu-wrapper .hs-item-has-children:hover > a{
  color: #E84C23;
}


/* Fix menu disappearing on desktop after toggling mobile menu */

@media screen and (min-width:700px) {
    
        .custom-menu-primary .hs-menu-wrapper { 
            display:block !important;
        }
      
  }
  


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */


/**
 * Special Note
 *
 * When the menu is open, a class of .mobile-open is applied to the body. You can 
 * use this for custom styling on any element when the menu is in the open position.                     
 */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 699px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */
        
        .custom-menu-primary {
            float: none;
        }
    
        .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
            display: table-cell;
            list-style: outside none none;
            padding: 0px 0 0;
        }
        
        .custom-menu-primary .hs-menu-wrapper {
           background-color: transparent !important;
            width: 100%;
        }
        .hs-menu-wrapper.hs-menu-flow-horizontal > ul li:last-child {
            padding: 0 !important;
        }
        .custom-menu-primary .hs-menu-wrapper > ul ul li{
            border-bottom: 1px dotted rgba(0, 0, 0, .35);
            padding: 0;
        }
        
        .custom-menu-primary, .custom-menu-primary .hs-menu-wrapper > ul,
        .custom-menu-primary .hs-menu-wrapper > ul li,
        .custom-menu-primary .hs-menu-wrapper > ul li a {
            background-color: transparent !important;
            background-image: none;
            border: 0 none;
            border-radius: 0;
            bottom: auto;
            box-shadow: none;
            color: #333333 !important;
            display: block;
            float: none;
            font-size: 14px !important;
            font-weight: normal;
            height: auto;
            left: auto;
            line-height: 1;
            margin: 0;
            max-width: none;
            padding: 0;
            position: static;
            right: auto;
            text-align: left;
            text-decoration: none;
            text-indent: 0;
            top: auto;
            width: 100%;
        }
        
        .hs-menu-wrapper.hs-menu-flow-horizontal > ul li {
           display: grid;
        }
        
    

  /* Toggle Button
     ========================================================================== */

  
  .mobile-trigger{
    display: inline-block !important; /* Show button on mobile */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute; /*******************************************/
    /*top: -45px; */
    top:-50px;
    /* Position Button at right of screen  */
    right: 0px;        /*******************************************/
    /*left: 0px;*/
    margin: 0 auto;
    width: 45px; /* Button width */
    height: auto; /* Button height */      
    padding: 5px 10px 7px 10px;
    /*background: #333333;*/ /* Background color */
    /*border: 1px solid #333333;*/
    font-size: 16px;
    font-weight: normal;
    text-align: left;
    text-transform: uppercase;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #333333; 
  }
  .mobile-trigger:hover{
    text-decoration: none; /* Removes link text underline on button */
    color:#E84C23;
    /*background-color: #333333; */
    /*border-color: #E84C23;*/
  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{
    color:#E84C23;
    background-color: #ffffff; 
    border-color: #E84C23;
  }


  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{
    background-color: #333333; /* Icon color */
    display: inline;
    position: relative;
    top: -4px;
  }
  .mobile-trigger i:before, .mobile-trigger i:after{
    background-color: #333333; /* Icon color */
    position: absolute;
    content: '';
  }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{
    width: 32px; /* Icon line width */
    height: 2px; /* Icon line height */
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    /*background-color: #ffffff;*/ /* Icon color */
    background-color: #000; /* Icon color */
    display: inline-block;
  }
  .mobile-trigger i:before{
    top: -9px; /* Position top line */
  }
  .mobile-trigger i:after{
    top: 9px; /* Position bottom line */
  }
  
  .mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after,  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{
      background-color: #E84C23; /* Icon color */
  }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger{
    display: block !important; /* Hide button on Desktop */
    cursor: pointer; /* Mouse pointer type on hover */
    position: absolute;
    top: 0px;
    right: 0px;
    width: 55px !important; /* Button width */
    min-width: 55px !important;
    height: 45px !important; /* Button height */  
    padding: 0 !important;
    border-left: 1px dotted rgba(255, 255, 255, .20);
  }
  .child-trigger:hover{
    text-decoration: none;
  }
  .child-trigger i{
    position: relative;
    top: 50%; /* Centers icon inside button */
    margin: 0 auto !important;
  }
  .child-trigger i:after{
    position: absolute;
    content: '';
  }
  .child-trigger i, .child-trigger i:after{
    width: 10px; /* Icon line width */
    height: 1px; /* Icon line height */
    background-color:#333333; /* Icon color */
    display: block;
  }
  .child-trigger i:after{
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
  }
  .child-trigger.child-open i:after{
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }
  .child-trigger.child-open i{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
  }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  
     
   .custom-menu-primary.js-enabled{
       position: relative;
       /*padding-top: 44px;*/ /* Makes room for button */
     padding-top:0;
       margin: 0 0 10px 0;
   }

  /* Hide menu on mobile */
  .custom-menu-primary.js-enabled .hs-menu-wrapper,
  .custom-menu-primary.js-enabled .hs-menu-children-wrapper{
    display: none;
  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary ul.hs-menu-children-wrapper{
    visibility: visible !important;
    opacity: 1 !important;
    position: static !important;
    display: none;
  }

  /* Mobile Menu Styles */ 
  .custom-menu-primary.js-enabled .hs-menu-wrapper{
    width: 100%;
    position: relative; /**************************************************************/
    top: 0;             /* Positions the menu to drop from the very top of the screen */
    left: 0;          /**************************************************************/
    padding: 0;
  }
  .custom-menu-primary .hs-menu-wrapper{
    background-color:#ffffff; /* Menu background color set off global menuColorMobile variable */
    width: 100%; /* Full screen width */
  }

   /* Level 1 Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul > li{
    position: relative;
  }
  .custom-menu-primary .hs-menu-wrapper > ul > li a{
    font-size: 14px; /* Font size of top level list items */
    line-height: 24px;
    overflow: visible;
  }

  /* Level 1 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul{
   
    border: 1px dotted rgba(0, 0, 0, .35);/* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li{
    border-bottom: 1px dotted rgba(0, 0, 0, .35);/* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper > ul li:last-child {
    border-bottom: 0px dotted rgba(0, 0, 0, .35);/* Adds transparent dark highlights to top of top level list items */
  }
  .custom-menu-primary .hs-menu-wrapper >  ul li a{
    padding: 10px 10px;
    color:#333333; /* link color set by global mobile-aColor variable */
  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul li{
    background-color: #ffffff;
    color: #333333;
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul li a{
    text-indent: 10px; /* Indent Child lists */
    font-size: 16px; /* Font size of child lists */
  }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary .hs-menu-wrapper > ul ul ul li a{
    text-indent: 30px; /* Indent Child lists */
  }
  .custom-menu-primary .hs-menu-wrapper > ul ul ul ul li a{
    text-indent: 50px; /* Indent Child lists */
  }
}






/* ==========================================================================
   4. TEMPLATE MODULE SELECTORS                                         
   ========================================================================== */





/* Common Template Selectors                                             
   ========================================================================== */

body.one-column {}
body.two-column {}
body.three-column {}
.content-wrapper {}
.main-content {}
.sidebar{}
.sidebar.right{}
.sidebar.left{}

/* Common One Column Selectors */
body.site-page.one-column, 
body.landing-page.one-column, 
body.error-template.one-column, 
body.password-template.one-column, 
body.subscription-template.one-column {}

body.site-page.one-column .main-content, 
body.landing-page.one-column .main-content, 
body.error-template .main-content, 
body.password-template .main-content, 
body.subscription-template .main-content {}

/* Common Two Column Selectors */
body.site-page.two-column, 
body.landing-page.two-column, 
body.blog {}  

body.site-page.two-column .main-content, 
body.landing-page.two-column .main-content, 
body.blog .blog-content {}

/* Common Three Column Selectors */
body.site-page.three-column, 
body.landing-page.three-column {}

body.site-page.three-column .main-content, 
body.landing-page.three-column .main-content {}


/* Site Pages                                            
   ========================================================================== */

/* One Column Template */
body.site-page.one-column {}
body.site-page.one-column .content-wrapper {}
body.site-page.one-column .main-content {}

/* Two Column Template */
body.site-page.two-column {}
body.site-page.two-column .content-wrapper {}
body.site-page.two-column .main-content {}
body.site-page.two-column .sidebar.right {}

/* Three Column Template */
body.site-page.three-column {}
body.site-page.three-column .content-wrapper {}
body.site-page.three-column .main-content {}


/* Landing Pages                                           
   ========================================================================== */

/* One Column Template */
body.landing-page.one-column {}
body.landing-page.one-column .content-wrapper {}
body.landing-page.one-column .main-content {}

/* Two Column Template */
body.landing-page.two-column {}
body.landing-page.two-column .content-wrapper {}
body.landing-page.two-column .main-content {}
body.landing-page.two-column .sidebar.right {}

/* Three Column Template */
body.landing-page.three-column {}
body.landing-page.three-column .content-wrapper {}
body.landing-page.three-column .main-content {}


/* System Pages                                          
   ========================================================================== */

/* Error Templates 404, 500 */
body.error-template.one-column {}
body.error-template.one-column .content-wrapper {}
body.error-template.one-column .main-content {}

/* Password template */
body.password-template.one-column {}
body.password-template.one-column .content-wrapper {}
body.password-template.one-column .main-content {}

/* Email Subscribition templates */
body.subscription-template.one-column {}
body.subscription-template.one-column .content-wrapper {}
body.subscription-template.one-column .main-content {}








/* ==========================================================================
   5. COS COMPONENTS                                        
   ========================================================================== */





/* ==========================================================================
   Blog                                         
   ========================================================================== */


/* Blog Post and Listing Body Class */
body.blog {}

/* Blog Post */
body.hs-blog-post {}

/* Blog Listing */
body.hs-blog-listing {}

/* Blog Columns Wrapper */
.blog .content-wrapper {}


/* Blog Content Column
   ========================================================================== */

.blog .blog-content {
    
}

/* Use this to style the main wrapper for the blog listing pages */
.blog-listing-wrapper {}

/* Use this to style the main wrapper for the blog post pages */
.blog-post-wrapper #hubspot-author_data a.author-link {
    font-weight: 600;
}

/* Blog Title */
.blog-title-bg{
    background-color:#f1f1f1;
    box-shadow:0 2px 4px -2px rgba(0, 0, 0, 0.3);
}

.hs-blog-header h1 {
    background-color: #222222;
    color: #ffffff;
    font-size: 36px;
    padding: 50px 0;
    text-align: center;
}

.hs-blog-header h1 a{}

/* Blog Post Title */
.post-header h2 {}
.post-header h2 a {
    color: #333333;
}

/* Blog Author and Avatar */
#hubspot-author_data {
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
  text-align:right;
}
#hubspot-author_data:before {
    color: #666666;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}
#hubspot-author_data a.author-link {
    font-weight: 400;
}
#hubspot-author_data .hs-author-avatar {
    height: auto;
    width: 100%;
}
#hubspot-author_data .hs-author-avatar img {
    height: auto;
    width: 100px;
}
.clearfix {
    clear: both;
}


.blog-listing-wrapper .magoListing .hs-author-profile {
    background-color: #ffffff;
    padding: 25px;
}
.blog-listing-wrapper .magoListing .hs-author-name {
    letter-spacing: 1px;
}
.blog-listing-wrapper .magoListing .hs-author-name,
.blog-listing-wrapper .magoListing .hs-author-bio {
    text-align: center;
}
.blog-listing-wrapper .magoListing .hs-author-social-section {
    display: table;
    margin: 10px auto 0;
}
.blog-listing-wrapper .magoListing .fa-twitter-square,
.blog-listing-wrapper .magoListing .fa-linkedin-square,
.blog-listing-wrapper .magoListing .fa-facebook-square {
    font-size: 30px;
    color: #E84C23;
    margin-right: 5px;
    transition: 300ms;
}
.blog-listing-wrapper .magoListing .fa-twitter-square:hover,
.blog-listing-wrapper .magoListing .fa-linkedin-square:hover,
.blog-listing-wrapper .magoListing .fa-facebook-square:hover {
    transform: scale(1.1);
    transition: 300ms;
}
.blog-listing-wrapper .magoListing .avatar-bio {
    margin-top: 50px;
}
.blog-listing-wrapper .magoListing .avatar-img {
    position: relative;
}
.blog-listing-wrapper .magoListing .hs-author-avatar {
    border-top: 2px solid #E84C23;
    clear: both;
    display: table;
    margin: 0 auto 60px;
    position: relative;
    width: 75%;
}
.blog-listing-wrapper .magoListing .hs-author-profile .hs-author-avatar img {
    bottom: -52px;
    clear: both;
    display: table;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
}
.blog-listing-wrapper .magoListing .hs-author-listing-header {
    background-color: rgb(232, 76, 35);
    border-left: 4px solid #E84C23;
    border-radius: 0 0 50%;
    color: #fff;
    font-size: 24px;
    letter-spacing: 1px;
    padding: 5px 15px;
    width: 300px;
}

/* Use this to set up different styling for your blog posts */
.blog-listing-wrapper .post-listing .post-item {
   /* padding-bottom: 30px;*/
}

.blog-listing-wrapper .post-listing .post-item .post-body {}
.blog-post-wrapper .post-body {}

/* Post Featured Image on Listings Page */
.hs-featured-image-wrapper {}
.hs-featured-image-wrapper .hs-featured-image-link {}
.hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image{
    border-width: 0;
    height: calc(675/1200*100%);
    max-height: 675px;
    max-width: 100%;
    object-fit: contain;
    display: inline-block !important;
    float: none!important;
    margin: 0 0px -10px 0px;
}

/* Read More Link */
a.more-link {}
a:hover {
    color: #E84C23;
}

/* Blog Topics List */
.blog-content #hubspot-topic_data {
    padding: 10px 0 10px 0;
   
}
.blog-sidebar .tag-listing li  {padding:0!important;}

.blog-sidebar .tag-listing li a.topic-link {display:block;padding:10px!important;}

.blog-content .post-header .hs-tag-name a.topic-link {
   /* border: 1px solid #222222;*/
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px;
    margin-right: 5px;
    margin-bottom:8px;
    padding: 5px 20px;
    transition: .5s all ease;
    background-color: transparent;
    position: relative;
    display:inline-block;
}
.blog-content .post-header .hs-tag-name a.topic-link:before {
    background-color: rgba(34, 34, 34, 0.25);
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.blog-content .post-header .hs-tag-name:before a.topic-link {
    color: #fff;
}
.blog-content .post-header .hs-tag-name a.topic-link:hover:before {
    opacity: 0;
    transform: scale(0.5, 0.5);
}
.blog-content .post-header .hs-tag-name a.topic-link:after {
    border: 1px solid #E84C23;
    border-radius: 3px;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transform: scale(1.2, 1.2);
    transition: all 0.3s ease 0s;
    width: 100%;
    z-index: 1;
}
.blog-content .post-header .hs-tag-name a.topic-link:hover:after {
    opacity: 1;
    transform: scale(1, 1);
}
.blog-content .post-header .hs-tag-name a.topic-link:hover {
    /*color: #333333;*/
    transition: .5s all ease;
}

/* Blog Content Video */
/* YouTube Responsive CSS for HubSpot */

.hs-responsive-embed {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
}

.hs-responsive-embed iframe,
.hs-responsive-embed object,
.hs-responsive-embed embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.hs-responsive-embed,
.hs-responsive-embed.hs-responsive-embed-youtube,
.hs-responsive-embed.hs-responsive-embed-wistia,
.hs-responsive-embed.hs-responsive-embed-vimeo {
    padding-bottom: 56.25%;
} 


/** 
 * Blog Social Sharing icons
 *
 * Overrides defaults to better align icons and prevent overlapping 
 */

.hs-blog-social-share {
  padding: 0px 0 0 0;
  line-height: 0;
  height: auto;
}

/** 
 * Blog Commments 
 *
 * Custom styles are listed below, as the COS does not provide default styles.
 */

#comments-listing {
  border-bottom: 1px solid #ccc;
  margin-bottom: 30px;
  margin-top: 30px;
}
.new-comments > form {
    background-color: #f3f3f3 !important;
}
.comment {
  margin: 10px 0;
  border-top: 1px solid #ccc;
  padding: 15px 0;
}
.comment-date { font-size: 13px; text-align: right; }
.comment-from { font-weight: bold; }
.comment-body { padding: 10px 0; }

/* Pagination */
.blog-pagination {
    display: block;
    text-align: center;
}
.blog-pagination ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 20px;
}
.blog-pagination ul li {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 30%;
    cursor: pointer;
    display: -webkit-inline-box;
    margin-right: 10px;
}
.blog-pagination ul li a {
    padding: 5px 15px;
    display:block;
}
.blog-pagination li i {
    font-size: 15px;
     padding: 5px 2px;
     display:block;
}
.blog-pagination ul li:hover {
    border: 1px solid #E84C23;
    transform: scale(1.1);
}
.blog-pagination li:hover a,
.blog-pagination li:hover i {
    color: #E84C23;
}
.hide {
    display: none !important;
}
.blog-pagination a.previous-posts-link {}
.blog-pagination a.all-posts-link {}
.blog-pagination a.next-posts-link {}

/** 
 * Blog Author Page 
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

.hs-author-profile {}
.hs-author-profile h2.hs-author-name {}
.hs-author-profile .hs-author-bio {}
.hs-author-profile .hs-author-avatar {}
.hs-author-profile .hs-author-avatar img {}
h3.hs-author-listing-header {}

/** 
 * Blog All Posts Page
 *
 * ALWAYS be sure to set styles to these selectors, as the COS does not provide default styles
 */

body.hs-content-path-blog-all {}
div.post-listing-simple {}
div.post-listing-simple .post-item {}
h2.post-listing-simple {}
h2.post-listing-simple a {}

/* TRENDING MARQUEE SLIDER */
.trending-post-items.owl-carousel.owl-theme.owl-loaded {
    display: inline-flex;
    vertical-align: text-bottom;
    width: 54%;
}
.trend_item-text h4 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}
.trending-listing-simple {
    display: inline-block;
  background:url("https://5939588.fs1.hubspotusercontent-na1.net/hubfs/5939588/trending-listing-simple-bg.png");
  background-repeat:no-repeat;
  background-size:42px  34px;
  padding-left:48px!important;
}
.trending-post-items .owl-nav {
    margin: 0 0 0 0;
}
.trending-listing-simple {
    /*background-color: #E84C23;*/
    /*background-color:#6c954a;*/
    background-color:#76757d;
    color: #ffffff;
    margin-bottom: 30px;
    margin-right: 35px;
    padding: 3px 15px;
}
.trending-listing-simple h3{
  vertical-align:baseline!important;
}
.blog .layout-widget-wrapper.cell-wrapper {
    position: relative;
}
.trending-listing-simple:after {
    /*color: #E84C23;*/
    /*color:#6c954a;*/
    color:#76757d;
    content: "\f0de";
    font-family: fontawesome;
    font-size: 58px;
    left: 96px;
    position: absolute;
    transform: rotate(90deg);
}

.topic-post {
    display: flex;
    background-color: #ffffff;
    margin-bottom: 8px;
    padding:  0 15px;
}
.topic-post-menu {
    float: right;
    width: 100%;
}
.topic-pop-tags {
    display: -webkit-box;
    float: right;
    list-style: outside none none;
    padding-left: 0;
}
.topic-pop-tags li {
    margin-right: 15px;
    transition: 300ms;
}
.topic-pop-tags li a {
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    transition: 300ms;
  display:none;
}
.topic-pop-tags li:hover a {
    border-bottom: 1px solid #E84C23;
    font-weight: 600;
    transition: 300ms;
}
.topic-pop-tags li:last-child {
    margin-right: 0px;
}
.topic-post .single-tag-posts-name {
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 17px;
    width: 100% !important;
}
/*.topic-post .single-tag-posts-name > span {
    padding-top: 5px;
    vertical-align: -moz-middle-with-baseline;
}
*/
/* Common Category Post Listing Page */

.common-category-listing-page .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
    margin: 0;
}
.common-category-listing-page .post-item {
    background-color: #ffffff;
    padding: 20px 15px;
    display: inline-flex;
}

.common-category-listing-page h2.mb_content_subtitle{
  display:none;
}
.common-category-listing-page article#contents{
  display:none;
}

.common-category-listing-page .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 50%;
}

.common-category-listing-page .post-item .post-body .featured-post-content {
    float: right;
    padding-left: 15px;
    width: 50%;
}
.common-category-listing-page .featured-post-content > h3 {
    margin-bottom: 0;
}
.common-category-listing-page .hubspot-editable {
    margin-top: 5px;
    margin-bottom: 10px;
}
.common-category-listing-page .read-more-link {
   margin-top: 10px; 
  text-align:right;
}
.common-category-listing-page .read-more-link a {
   color: #222222;
   font-weight: 600;
   letter-spacing: 1px;
   text-transform: uppercase;
  clear:both;
  display:block;
}

.common-category-listing-page .read-more-link:hover a {
   color: #E84C23;
}


/* Category Type 1 */

.listing-category-type1 {
}

.listing-category-type1 .post-item {
    background-color: #ffffff;
    display: table-cell;
    padding: 15px;
    width: 33.33%;
}
.listing-category-type1 .post-item h3 {
    margin-bottom: 0;
    margin-top: 10px;
  font-size:15px!important;
  line-height:22px!important;
}

/* Category Type 2 */

.listing-category-type2 #hubspot-topic_data,
.listing-category-type2 .post-item > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.listing-category-type2 {
    display: table !important;
    clear: both;
  background:#fff;
}
.listing-category-type2 .post-item {
    background-color: #ffffff;
   /* float: right;
   display: inline-flex;*/
    padding: 15px 15px 0;
    /* width: 50%;*/
}
.listing-category-type2 .post-item:last-child {
    /*float: left;*/
   padding-bottom: 15px;
}

.listing-category-type2 .post-item:nth-child(1) {
    /*float: left;*/
    display: table-cell !important;
    width: 50%;
}
.listing-category-type2 .post-item:nth-child(1) .content-post2 {
   display: block; 
   margin: 5px 0 0px 0;
}
.listing-category-type2 .post-item:nth-child(1) .post-body {
    /* float: left;
    display: table-cell !important;*/
    width: 100%;
}
.listing-category-type2 .post-item:nth-child(1) .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
}
.listing-category-type2 .post-item:nth-child(1) .post-body .featured-post-content {
    float: left;
    padding-left: 0px;
    width: 100%;
}




.listing-category-type2 .post-item .content-post2 {
   display: none; 
}
.listing-category-type2 .post-item {
   /* float: right;
    width: 50%;*/
    width: 100%;
}
.listing-category-type2 .post-item h3 {
    margin: 10px 0 5px 0;
  font-size:15px;
  line-height:22px;
}
.listing-category-type2 .post-item .post-body {
    /*display: table-cell !important;
    float: right !important;*/
    width: 100%;
   
}
.listing-category-type2 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 50%;
}
.listing-category-type2 .post-item .post-body .featured-post-content {
    float: left;
    padding-left: 15px;
    width: 50%;
}
.post-item .author-link:before {
    color: #666666;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.post-item .author-link:after {
    color: #666666;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}

/* Category Type 3 */

.listing-category-type3 #hubspot-topic_data,
.listing-category-type3 .post-item > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.listing-category-type3 {
    background-color: #ffffff;
    display: table !important;
    margin-bottom: 40px;
    clear: both;
}
.listing-category-type3 .post-item {
   /* float: right;
   display: inline-flex;*/
    padding: 15px 15px 0;
    /* width: 50%;*/
}
.listing-category-type3 .post-item:last-child {
    /*float: left;*/
   padding-bottom: 15px;
}

.listing-category-type3 .post-item:nth-child(odd) {
    clear: both;
}
.listing-category-type3 .post-item:nth-child(1),
.listing-category-type3 .post-item:nth-child(2) {
    /*float: left;*/
    border-bottom: 1px solid #eee;
    display: table-cell !important;
    padding-bottom: 15px;
    width: 50%;
}
.listing-category-type3 .post-item:nth-child(1) .content-post2,
.listing-category-type3 .post-item:nth-child(2) .content-post2 {
   display: block; 
   margin: 5px 0 0px 0;
}
.listing-category-type3 .post-item:nth-child(1) .post-body,
.listing-category-type3 .post-item:nth-child(2) .post-body {
    /* float: left;
    display: table-cell !important;*/
    width: 100%;
}
.listing-category-type3 .post-item:nth-child(1) .post-body .hs-featured-image-wrapper,
.listing-category-type3 .post-item:nth-child(2) .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
}
.listing-category-type3 .post-item:nth-child(1) .post-body .featured-post-content,
.listing-category-type3 .post-item:nth-child(2) .post-body .featured-post-content {
    float: left;
    padding-left: 0px;
    width: 100%;
}
.listing-category-type3 .post-item .content-post2 {
   display: none; 
}
.listing-category-type3 .post-item {
    float: left;
    width: 50%;
}
.listing-category-type3 .post-item h3 {
    margin: 10px 0 5px 0;
    font-size:15px!important;
    line-height:22px!important;
}
.listing-category-type3 .post-item .post-body {
    /*display: table-cell !important;
    float: right !important;*/
    width: 100%;
}
.listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 50%;
}
.listing-category-type3 .post-item .post-body .featured-post-content {
    float: left;
    padding-left: 15px;
    width: 50%;
}

/* Category Type 4 */

.listing-category-type4 {
    margin-bottom: 40px;
}

.listing-category-type4 .post-item {
    background-color: #ffffff;
    display: table-cell;
    padding: 15px;
    width: 33.33%;
}
.listing-category-type4 .post-item h3 {
    margin-bottom: 0;
    margin-top: 0px;
}

/* Category Type 5 */

.listing-category-type5 {
    background-color: #ffffff;
    display: table !important;
    margin-bottom: 0px;
}
.listing-category-type5 .post-item {
   /* float: right;*/
    display: table-cell;
    padding: 15px 15px 0;
}
.listing-category-type5 .post-item:nth-child(odd) {
    clear: both;
}
.listing-category-type5 .post-item:nth-child(3),
.listing-category-type5 .post-item:nth-child(4) {
    padding-bottom: 15px;
}
.listing-category-type5 .post-item {
    float: left;
    width: 50%;
}
.listing-category-type5 .post-item h3 {
    margin: 10px 0 5px 0;
  font-size:15px!important;
  line-height:22px!important;
}
.listing-category-type5 .post-item .post-body {
    width: 100%;
   
}
.listing-category-type5 .post-item .post-body .hs-featured-image-wrapper {
    float: left;
    width: 100%;
}
.listing-category-type5 .post-item .post-body .featured-post-content {
    float: left;
    width: 100%;
}

/* Category Type Slider */

.listing-category-top {
    margin-bottom: 0;
}
.post-item-sliders .hs-featured-image-wrapper {
    position: relative;
}
.post-item-sliders .featured-post-content {
    background-color: rgba(34, 34, 34, 0.5);
    /*bottom: 18px;*/
    bottom: 0px;
    padding: 15px 15px;
    position: absolute;
    width: 100%;
}
.post-item-sliders .item h3,
.post-item-sliders .item a,
.post-item-sliders .item #hubspot-author_data {
    color: #f3f3f3;
}
.listing-category-top .owl-controls {
    bottom: -30px;
    left: 0;
    position: absolute;
    right: 0;
}
.listing-category-top .owl-controls .owl-nav .fa-chevron-left,
.listing-category-top .owl-controls .owl-nav .fa-chevron-right {
    color: #333;
}
.post-item-sliders .author-link:before {
    color: #333;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.post-item-sliders .author-link:after {
    color: #333;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}

/* Category Type FUll Image Content */

.listing-category-top1 {
    margin-bottom: 30px;
}
.listing-category-top1 .post-item .post-body {
    position: relative;
}
.listing-category-top1 .post-item:nth-child(odd) .featured-post-content {
    background-color: rgba(48, 48, 48, 0.6);
}
.listing-category-top1 .post-item:nth-child(even) .featured-post-content {
    background-color: rgba(34, 34, 34, 0.6);
}
.listing-category-top1 .post-item .featured-post-content {
    padding: 15px 15px 20px;
    position: absolute;
    bottom: 18px;
    width: 100%;
}
.listing-category-top1 .post-item h3,
.listing-category-top1 .post-item a,
.listing-category-top1 .post-item #hubspot-author_data {
    color: #f3f3f3;
}

.listing-category-top1 .post-item {
    display: table-cell;
    width: 33.33%;
}
.listing-category-top1 .post-item h3 {
    margin-bottom: 0;
    margin-top: 0px;
}

.listing-category-top1 .author-link:before {
    color: #f3f3f3;
    content: "\f007";
    font-family: fontawesome;
    margin-right: 5px;
}
.listing-category-top1 .author-link:after {
    color: #f3f3f3;
    content: "\f073";
    font-family: fontawesome;
    margin-left: 15px;
}


/* Blog Sidebar
   ========================================================================== */

.blog .blog-sidebar {}

/* Blog Modules */
.blog .blog-sidebar .widget-span {
    background-color: #ffffff;
    padding: 20px 20px 0 20px;
    margin-bottom: 30px;
}
.blog .blog-sidebar > div:last-child .widget-span {
    margin-bottom: 0px;
}
.blog .blog-sidebar .widget-span h3 {
    /*background-color: #E84C23;*/
  background-color:#6c954a;
    /*border-color: #E84C23;*/
  border-color:#6c954a;
    border-radius: 0 0 50%;
    border-style: solid;
    border-width: 2px 4px;
    color: #ffffff;
    font-weight: 500;
    padding: 5px 15px;
    margin-bottom: 20px;
    width: 290px;
}


/* POPULAR POSTS */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .post-item-text > p {
    
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}
.blog-sidebar #hubspot-topic_data a.topic-link {
   /*color: #E84C23; */
   color:#6c954a;
}
.blog-sidebar #hubspot-topic_data a.topic-link:hover {
   color: #333333; 
}

.blog-sidebar .post-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
  float:right;
  padding-left:5px;
}

.blog-sidebar .post-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.blog-sidebar .post-item-image .hs-featured-image-wrapper {
    width: 100px;
}

.blog-sidebar .post-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    
}

.blog-sidebar .post-item-text {
    float: right;
    padding: 0 15px 0 15px;
}

.blog-sidebar .post-item-text h4 {
    color: #333333;
    font-size: 15px;
    line-height:25px;
    font-weight: bold;
    margin-bottom: 0px;
}


/* RECENT POSTS */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .recent-item-text > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.blog-sidebar .recent-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-sidebar .recent-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.blog-sidebar .recent-item-image .hs-featured-image-wrapper {
    width: 100px;
}

.blog-sidebar .recent-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    
}

.blog-sidebar .recent-item-text {
    float: right;
    padding: 0 15px 0 15px;
}

.blog-sidebar .recent-item-text h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

/* AD Image */

.blog-sidebar .ad-img-sidebar img {
    display: table;
    margin-bottom: 20px;
    width: 100% !important;
}

/* Popular Tags */

.blog-sidebar .sb-pop-tags {
    margin: 0;
    padding: 0;
    list-style: none;
}
.blog-sidebar .tag-listing li {
    background-color: #f3f3f3;
	border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-right: 10px;
    padding: 10px;
    transition: .5s all ease;
}
.blog-sidebar .tag-listing li:hover {
    background-color: #555555;
	border: 1px solid #222222;
	border-radius: 3px;
	transition: .5s all ease;
}
.blog-sidebar .tag-listing li:hover a {
    color: #ffffff;
	transition: .5s all ease;
}

/* Latest Reviews */

.blog-sidebar #hubspot-topic_data,
.blog-sidebar .review-item-text > p {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 0;
    text-transform: uppercase;
}

.blog-sidebar .review-date {
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
}

.blog-sidebar .review-item {
    display: inline-flex;
    margin-bottom: 15px;
}

.blog-sidebar .review-item-image .hs-featured-image-wrapper {
    width: 100px;
}

.blog-sidebar .review-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: inline-block;
    float: left;
    margin: 0 0 0 0px !important;
    
}

.blog-sidebar .review-item-text {
    float: right;
    padding: 0 15px 0 15px;
}

.blog-sidebar .review-item-text h4 {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0px;
}

/* Border */
.blog-sidebar .review-item {
    border-bottom: 1px dotted #cccccc;
    padding-bottom: 10px;
}
.blog-sidebar .review-item:last-child {
    border-bottom: 0;
    padding-bottom: 0px;
}

.blog-sidebar .review-item:first-child {
    display: grid;
}
.blog-sidebar .review-item:first-child .review-item-text {
    float: left;
    padding: 0 15px 0 0px !important;
}
.blog-sidebar .review-item:first-child .review-item-image .hs-featured-image-wrapper {
    width: 100%;
}
.blog-sidebar .review-item:first-child .review-post-summary {
    margin-top: 5px;
}
.blog-sidebar .review-item:first-child .review-item-image .hs-featured-image-wrapper .hs-featured-image {
    border-width: 0;
    display: grid;
    float: left;
    margin: 0 0 0 0px !important;
}

/* FLASH NEWS */

.owl-nav {
    display: flex;
    display: -webkit-flex;
    margin: 10px auto 0 auto;
    width: 10%;
}
.fa-chevron-left,
.fa-chevron-right {
    color: #333;
    margin-right: 30px;
    margin-top: 8px;
}

.fa-chevron-left:hover,
.fa-chevron-right:hover {
    color: #FF6347;
}

.flash-post-items{
    padding-bottom: 20px;
}


/* ==========================================================================
   Forms
   ========================================================================== */



/* All Global Forms
   ========================================================================== */

/* Form Field */
body .hs-form-field {
    margin-top: 15px !important;
}

/* Descriptions */
body .hs-field-desc {
    margin-top: 15px;
}

/* Labels */
body label,
body .hs-form-field > label {
    color: ;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
}

/* One Line Inputs */
body input[type="text"],
body input[type="password"], 
body input[type="datetime"], 
body input[type="datetime-local"], 
body input[type="date"], 
body input[type="month"], 
body input[type="time"], 
body input[type="week"], 
body input[type="number"], 
body input[type="email"], 
body input[type="url"], 
body input[type="search"], 
body input[type="tel"], 
body input[type="color"],
body input[type="file"],
body textarea,
body select {
    border: 1px solid #cccccc;
    border-radius: 5px;
    color:  ;
    font-family: 'Open Sans', Arial, Sans-Serif;
    font-size: 14px;
    margin: 5px 0 0px 0;
    padding: 10px;
    max-width: 100% !important;
    width: 100%;
  
}

body input[type="text"]:focus,
body input[type="password"]:focus, 
body input[type="datetime"]:focus, 
body input[type="datetime-local"]:focus, 
body input[type="date"]:focus, 
body input[type="month"]:focus, 
body input[type="time"]:focus, 
body input[type="week"]:focus, 
body input[type="number"]:focus, 
body input[type="email"]:focus, 
body input[type="url"]:focus, 
body input[type="search"]:focus, 
body input[type="tel"]:focus, 
body input[type="color"]:focus,
body input[type="file"]:focus,
body textarea:focus,
body select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* Separate Styles for Single Line Inputs */
body input {
    max-height: 40px;
}

/* Separate Styles for Multiple Line Inputs */
body textarea {
    max-height: 70px;
}

/* Multiple Selection Inputs */
body form.hs-form .hs-form-field ul.inputs-list {
    border-radius: 5px;
    color: ;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 0px;
    list-style: none;
}
body form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
body form.hs-form .hs-form-field ul.inputs-list li input {
    width: 20px !important;
}
body input[type="radio"],
body input[type="checkbox"] {
    margin: 0 10px 2px 0;
   /* vertical-align: middle;*/
}

/* Required */
body input:focus:required:invalid, 
body textarea:focus:required:invalid, 
body select:focus:required:invalid {}

body input:focus:required:invalid:focus, 
body textarea:focus:required:invalid:focus, 
body select:focus:required:invalid:focus {}

/* Placeholder Text */
::-webkit-input-placeholder { /* Webkit Browsers */
   /* color: #555;
   opacity: 1; */
}
:-moz-placeholder { /* Firefox 18- */
   /* color: #555;
   opacity: 1; */
}
::-moz-placeholder { /* Firefox 19+ */
   /* color: #555;
   opacity: 1; */
}
:-ms-input-placeholder { /* IE10 */
   /* color: #555;
   opacity: 1; */
}


/* Form Module
   ========================================================================== */

/* Form Field */
.hs_cos_wrapper_type_form .hs-form-field {
     margin-top: 15px;
}

/* Descriptions */
.hs_cos_wrapper_type_form .hs-field-desc {}

/* Labels */
.hs_cos_wrapper_type_form label,
.hs_cos_wrapper_type_form .hs-form-field > label {
    color: ;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
}

/* One Line Inputs */
.hs_cos_wrapper_type_form input[type="text"],
.hs_cos_wrapper_type_form input[type="password"], 
.hs_cos_wrapper_type_form input[type="datetime"], 
.hs_cos_wrapper_type_form input[type="datetime-local"], 
.hs_cos_wrapper_type_form input[type="date"], 
.hs_cos_wrapper_type_form input[type="month"], 
.hs_cos_wrapper_type_form input[type="time"], 
.hs_cos_wrapper_type_form input[type="week"], 
.hs_cos_wrapper_type_form input[type="number"], 
.hs_cos_wrapper_type_form input[type="email"], 
.hs_cos_wrapper_type_form input[type="url"], 
.hs_cos_wrapper_type_form input[type="search"], 
.hs_cos_wrapper_type_form input[type="tel"], 
.hs_cos_wrapper_type_form input[type="color"],
.hs_cos_wrapper_type_form input[type="file"],
.hs_cos_wrapper_type_form textarea,
.hs_cos_wrapper_type_form select {
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: ;
    font-size: 14px;
    margin: 5px 0 0px 0;
    padding: 10px;
    width: 100% !important;
    max-width: 100% !important;
}

.hs_cos_wrapper_type_form input[type="text"]:focus,
.hs_cos_wrapper_type_form input[type="password"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime"]:focus, 
.hs_cos_wrapper_type_form input[type="datetime-local"]:focus, 
.hs_cos_wrapper_type_form input[type="date"]:focus, 
.hs_cos_wrapper_type_form input[type="month"]:focus, 
.hs_cos_wrapper_type_form input[type="time"]:focus, 
.hs_cos_wrapper_type_form input[type="week"]:focus, 
.hs_cos_wrapper_type_form input[type="number"]:focus, 
.hs_cos_wrapper_type_form input[type="email"]:focus, 
.hs_cos_wrapper_type_form input[type="url"]:focus, 
.hs_cos_wrapper_type_form input[type="search"]:focus, 
.hs_cos_wrapper_type_form input[type="tel"]:focus, 
.hs_cos_wrapper_type_form input[type="color"]:focus,
.hs_cos_wrapper_type_form input[type="file"]:focus,
.hs_cos_wrapper_type_form textarea:focus,
.hs_cos_wrapper_type_form select:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

/* Multiple Selection Inputs */
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list {
    color: ;
    font-size: 14px;
    padding: 0;
    list-style: none;
}
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
.hs_cos_wrapper_type_form form.hs-form .hs-form-field ul.inputs-list li input {
    width: 20px !important;
}
.hs_cos_wrapper_type_form input[type="radio"],
.hs_cos_wrapper_type_form input[type="checkbox"] {
    margin: 0 10px 0 0;
    vertical-align: middle;
}


/* Blog Comment Form
   ========================================================================== */
/* Comment Form BG */

.new-comments form {
   background-color: #f6f6f6;
   border-radius: 5px;
   padding: 15px 30px 30px 30px !important;
}

.new-comments .actions {
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-left: 0 !important;
}

.new-comments .hs-form-field,
.new-comments .hs-form-field input {
    width: 100%;
}

/* Label */
#comment-form .hs-form-field > label,
#comment-form label {
    color: #666666;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
}

/* Inputs */
#comment-form input[type="text"] {
    max-height: 40px;
    border: 1px solid #cccccc;
    border-radius: 5px;
    color: ;
    font-size: 14px;
    margin: 5px 0 0px 0;
    padding: 10px;
    width: 100% !important;
    max-width: 100% !important;
}
#comment-form input[type="text"]:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#comment-form textarea {
    max-height: 70px;
}
#comment-form textarea:focus {
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#comment-form input[type="radio"],
#comment-form input[type="checkbox"] {
    margin: 0 10px 2px 0;
   /* vertical-align: middle;*/
}

/* Error */
body .hs-common-error-message {
    color: #ff0000 !important;
    font-size: 14px;
    line-height: 26px;
}

/* Comments Confirmation Message */

.hs-common-confirm-message {
    text-align: center;
}


/* Blog Subscription Form
   ========================================================================== */

/* Label */
#hs_form_target_blog_subscription .hs-form-field > label,
#hs_form_target_blog_subscription label {
    color: ;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 1px;
}

/* Inputs */

#hs_form_target_blog_subscription .hs-form-field {
    display: inline-block;
    margin-top: 0 !important;
}
#hs_form_target_blog_subscription input[type="email"] {
    border: 1px solid #cccccc;
    border-radius: 5px 0 0 5px;
    color: ;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 10px;
    height: 40px;
    max-height: 40px;
    width: 100% !important;
    max-width: 100% !important;
}
#hs_form_target_blog_subscription input[type="email"]:focus {
    display: inline-block;
    border-color: #66afe9;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
    outline: 0 none;
}

#hs_form_target_blog_subscription input[type="radio"], #hs_form_target_blog_subscription input[type="checkbox"] {
    width: auto;
    margin-right: 10px;
    vertical-align: middle;
}

/* Success Message */
 
.widget-type-blog_subscribe {
    padding-bottom: 20px !important;
}
/*.widget-type-blog_subscribe #hs_cos_wrapper_blog_subscription a {
    padding: 0 0 15px 0px;
}*/


/* Google Search Form
   ========================================================================== */

/* Label */
.widget-type-google_search label {}

/* Input */
.widget-type-google_search input[type="text"] {}
.widget-type-google_search input[type="focus"] {}


/* Multi Column Form
   ========================================================================== */

body .hs-form fieldset.form-columns-1 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-1 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

body .hs-form fieldset.form-columns-2 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-2 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

body .hs-form fieldset.form-columns-3 {
    max-width: 100% !important;
    width: 100% !important;
}
body .hs-form fieldset.form-columns-3 .hs-form-field {
    max-width: 100% !important;
    width: 100% !important;
}

/* Multiple Selection Inputs */

body form.hs-form .hs-form-field ul.inputs-list {
    color: ;
    font-size: 14px;
    padding: 0px;
    list-style: none;
}
body form.hs-form .hs-form-field ul.inputs-list li {
    margin-top: 5px;
}
body form.hs-form .hs-form-field ul.inputs-list li input {
   width: 20px !important;
}
body input[type="radio"],
body input[type="checkbox"] {
    margin: 0 10px 0 0;
    vertical-align: middle;
}
.hs-form-checkbox-display > span,
.hs-form-radio-display > span {
    color: #333333;
}

body form.hs-form fieldset { max-width: none; }
body form.hs-form fieldset .hs-form-field { padding: 0 10px 0 0; }
body form.hs-form fieldset[class*="form-columns"] .input { margin-right: 0; }
body form.hs-form fieldset[class*="form-columns"] .hs-input { width: 100%; }
body form.hs-form fieldset[class*="form-columns"] .hs-input[type="checkbox"] { width: auto; }
body form.hs-form fieldset.form-columns-3 .hs-form-field { width: 33.33%; }

@media (max-width: 400px) {
  body form.hs-form fieldset .hs-form-field { padding: 0; }
  body form.hs-form fieldset.form-columns-3 .hs-form-field,
  body form.hs-form .form-columns-2 .hs-form-field .hs-input, 
  body form.hs-form .form-columns-3 .hs-form-field .hs-input { width: 100%; }
  body form.hs-form .form-columns-3 .hs-form-field .hs-input[type="checkbox"] { width: auto; }
}


/* ==========================================================================
   Buttons                                              
   ========================================================================== */


/* All Global Buttons (Excluding CTAs)
   ========================================================================== */

body .hs-button.primary,
body input[type="submit"],
body input[type="button"] {
    -webkit-appearance: none;
    background-color: #E84C23;
    border: 1px solid #E84C23;
    border-radius: 5px;
    color: #f3f3f3;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    letter-spacing: 1px;
    margin-top: 25px;
    text-transform: uppercase;
    transition: 300ms ease-in;
}

body .hs-button.primary:hover,
body input[type="submit"]:hover,
body input[type="button"]:hover {
    background-color: transparent;
    border: 1px solid #E84C23;
    color: #E84C23;
}

body .hs-button.primary:focus,
body input[type="submit"]:focus,
body input[type="button"]:focus {
    background-color: transparent;
    border: 1px solid #E84C23;
    color: #333333;
}


/* Form Module Button
   ========================================================================== */

.hs_cos_wrapper_type_form .hs-button.primary.large {}
.hs_cos_wrapper_type_form .hs-button.primary.large:hover {}
.hs_cos_wrapper_type_form .hs-button.primary.large:focus {}


/* Blog Comment Button
   ========================================================================== */
#add-comment-button.hs-button.primary {}
#add-comment-button.hs-button.primary:hover {}
#add-comment-button.hs-button.primary:focus {}


/* Blog Subscription Button
   ========================================================================== */
#hs_form_target_blog_subscription {
    margin-bottom: 0px;
}
#hs_form_target_blog_subscription .hs-form .hs_submit {
    display: inline-block;
}
#hs_form_target_blog_subscription .hs-button.primary.large {
    -webkit-appearance: none;
    background-color: #E84C23;
    border: 2px solid #E84C23;
    border-radius: 0 5px 5px 0;
    color: #f3f3f3;
    cursor: pointer;
    display: inline-block;
    font-family: "Open Sans",Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    letter-spacing: 1px;
    margin-top: 15px;
    text-transform: uppercase;
    transition: 300ms ease-in;
}
#hs_form_target_blog_subscription .hs-button.primary.large:hover {
    background-color: transparent;
    border: 1px solid #E84C23;
    color: #E84C23;
}
#hs_form_target_blog_subscription .hs-button.primary.large:focus {
    background-color: transparent;
    border: 1px solid #E84C23;
    color: #333333;
}

/* Google Search Button
   ========================================================================== */
.widget-type-google_search .hs-button.primary {}
.widget-type-google_search .hs-button.primary:hover {}
.widget-type-google_search .hs-button.primary:focus {}


/* CTA Buttons
   ========================================================================== */

/** 
 * Override global CTA styles by wrapping the CTA module in a module group 
 * that has an ID, and use that ID to prefix your CTA selector. Example shown below.
 *
 * All overriding properties require !important tags. 
*/
#module-group-ID .cta_button {}
#module-group-ID .cta_button:hover {}
#module-group-ID .cta_button:focus {}








/* ==========================================================================
   6. MISCELLANOUS                                        
   ========================================================================== */





/** 
 * Styles that do not fit into available sections above can go here.
 * For example, one would place 3rd party plugin overriding styles here.
 *
 * This section is NOT for 'Custom' styles.  All custom styles must go in the
 * proper sections above.
 *
 * For instance, custom header and footer styles must go in the HEADER and 
 * FOOTER sections.  Custom styles for anything in-between the header and footer 
 * (such as, styles that are unique to the HOMEPAGE only), must go in the 
 * CONTENT section.
*/ 








/* ==========================================================================
   7. MOBILE MEDIA QUERIES                              
   ========================================================================== */


@media (min-width: 992px) and (max-width: 1199px) {
    .trend_item-text {
        margin-bottom: 0;
        padding-right: 10px;
        width: 430px;
    }
    .trending-listing-simple {
        vertical-align: baseline;
    }
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 50% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
}

@media (min-width: 700px) and (max-width: 991px) {
    .trend_item-text {
        margin-bottom: 10px;
        padding-right: 10px;
        width: 460px;
    }
    .trending-listing-simple {
        vertical-align: baseline;
    }
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 100% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    #hs_cos_wrapper_post_body tr {
        display: grid;
        width: 100%;
    }
    .blog .blog-content {
        width: 100%;
    }
    .blog .blog-sidebar {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .blog .blog-sidebar > div {
        width: 360px;
        margin: 0 auto;
    }
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 77%;
    }
    .footer-container.container-fluid .span4.widget-span.widget-type-cell {
        margin-left: 0;
        width: 100%;
    }
    .footer-container.container-fluid .post-listing-simple {
        margin-top: 40px !important;
    }
    .footer-container.container-fluid .widget-span.widget-type-raw_jinja {
        margin-bottom: 15px;
    }
}
   

/* Screen sizes smaller than site maxWidth (.page-center)
   ========================================================================== */

@media (max-width: 1170px) {
    .container-fluid .row-fluid .page-center {
        padding: 0 15px;    
    }
    .container-fluid .footer-copyright .row-fluid .page-center {
        padding: 0 15px;
    }
    
}


/* Landscape tablet and smaller devices
   ========================================================================== */

@media (max-width: 699px) {
    #hs_cos_wrapper_post_body td {
        vertical-align: top;
        width: 50% !important;
    }
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    .custom-menu-primary.js-enabled {
        margin: 0 0 10px 0;
    }
   .trend_item-text {
        margin-bottom: 0;
        padding-right: 10px;
        width: 460px;
    }
    .trending-listing-simple {
        vertical-align: top;
    }
    .blog .blog-content {
        width: 100%;
    }
    .blog .blog-sidebar {
        width: 100%;
        margin-top: 40px;
        margin-left: 0;
    }
    .blog .blog-sidebar > div {
        width: 360px;
        margin: 0 auto;
    }
    .blog .blog-sidebar .widget-span,
    .blog .blog-sidebar .ad-img-sidebar {
        padding-bottom: 1px;
    }
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 75%;
    }
    .footer-container.container-fluid .span4.widget-span.widget-type-cell {
        margin-left: 0;
        width: 100%;
    }
    .footer-container.container-fluid .post-listing-simple {
        margin-top: 40px !important;
    }
    .footer-container.container-fluid .widget-span.widget-type-raw_jinja {
        margin-bottom: 15px;
    } 
}

@media (max-width: 680px) {
    .trend_item-text {
        width: 400px;
    }
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        width: 70%;
    }
}

@media (max-width: 639px) {
   .trend_item-text {
        margin-bottom: 0;
        padding-right: 0px;
        width: 100%;
    }
 .trend_item-text h4{
   font-size:15px;
   line-height:22px;
   margin:8px 0 15px 0;
  }
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        display: block;
        width: 100% !important;
    }
    .trending-post-items .owl-nav {
        display: none;
    }
    #hs_cos_wrapper_post_body td {
        display: table;
        width: 100% !important;
    }
    
    #hs_cos_wrapper_post_body table {
        width: 100% !important;
    }
    
    #hs_cos_wrapper_post_body tr {
        display: table;
        width: 100%;
    }
    .common-category-listing-page .post-item .post-body .hs-featured-image-wrapper,
    .common-category-listing-page .post-item .post-body .featured-post-content,
    .magoListing .post-item {
        float: left;
        width: 100%;
    }
    .magoListing .post-body,
    .listing-category-type2 .post-item:nth-child(1) {
        width: 100%;
    }
    .common-category-listing-page .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .blog .trend-news-post-listing {
        text-align: center;
    }
    .blog .trend-news-post-listing .trending-listing-simple {
        margin-right: 0;
        margin-bottom: 10px;
        padding: 5px 42px;
    }
    .trending-listing-simple::after {
        left: 0;
        right: 0;
        top: 10px;
        transform: rotate(180deg);
    }
}

@media (max-width: 575px) {
    
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.9);
        -webkit-transform:scale(0.9);
        transform-origin:0 0 0 !important;
        -webkit-transform-origin:0 0 0 !important;
        max-width: 100% !important;
        max-height: 100% !important;
        height: 115px;
    }
} 
     

/* Landscape phones and smaller devices
   ========================================================================== */

@media (max-width: 479px) {
    .hs-image-widget {
        width: 100% !important;
    }
    .trending-post-items.owl-carousel.owl-theme.owl-loaded {
        display: block;
        width: 100% !important;
    }
    .listing-category-type3 .post-item:nth-child(1),
    .listing-category-type3 .post-item:nth-child(2) {
        width: 100%;
    }
    .topic-post {
      display: block;

      background:#87b363;
      color:#fff;
    }
     .topic-post h3 {
      color:#fff;
    }
    .topic-post .single-tag-posts-name {
        margin: 0 auto 8px;
        padding: 10px 0;
        text-align: center;
        width: 100% !important;
    }
    .topic-pop-tags {
        float: none;
        display: -webkit-inline-box;
        margin-top: 0;
    }
    .topic-post-menu {
        float: none;
        text-align: center;
      display:none;
    }
    
    .listing-category-type2 .post-item .post-body .featured-post-content,
    .listing-category-type2 .post-item .post-body .hs-featured-image-wrapper,
    .listing-category-type3 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
        width: 100%;
    }
    .listing-category-type2 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .magoListing .listing-category-type1 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type3 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type5 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
        margin: 0 0 5px 0;
    }
    
    .magoListing .listing-category-type2 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image,
    .magoListing .listing-category-type4 .post-body .hs-featured-image-wrapper .hs-featured-image-link img.hs-featured-image {
        margin: 0px 0 5px 0;
    }
    .common-category-listing-page .post-item .post-body .featured-post-content {
        padding-left: 0;
    }
    .listing-category-type5 .post-item,
    .listing-category-type2 .post-item,
    .listing-category-type3 .post-item {
        padding: 15px;
    } 
    #recaptcha_area,
    .recaptchatable {
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        height: 115px;
    } 
}

@media (max-width: 380px) {
    .blog .blog-sidebar > div {
        width: 100% !important;
    }
    #hs_form_target_blog_subscription .hs-form-field {
        display: block;
    }
    #hs_form_target_blog_subscription .hs-button.primary.large,
    #hs_form_target_blog_subscription input[type="email"] {
        border-radius: 5px;
    }
}

@media (max-width: 360px) {
    .trend_item-text {
        width: 100%;
        padding-right: 0;
    }
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.85);
        -webkit-transform:scale(0.85);
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        max-width: 100% !important;
        height: 100px;
    } 
    .listing-category-type3 .post-item .post-body .featured-post-content,
    .listing-category-type3 .post-item .post-body .hs-featured-image-wrapper {
        width: 100%;
    }
    .topic-pop-tags li {
        margin-right: 10px;
    }
    .topic-pop-tags li a {
        font-size: 12px;
    }
    .blog .blog-sidebar .widget-span h3 {
        width: 230px;
    }
    .post-item-sliders .featured-post-content {
        padding: 7px 15px 40px 15px;
    }
}

@media (max-width: 330px) {
    .topic-pop-tags li a {
        font-size: 10px;
    }
    #recaptcha_area,
    .recaptchatable {
        transform:scale(0.8);
        -webkit-transform:scale(0.8);
        transform-origin:0 0% 0 !important;
        -webkit-transform-origin:0 0% 0 !important;
        max-width: 100% !important;
        height: 90px;
    } 
}



@media screen and (max-width:699px) { 
.single-tag-posts-name{
  padding-bottom:10px;
  }
   .menu-bg .widget-type-linked_image{
     margin:0;
     padding:0;
  }
  .menu-bg .widget-type-linked_image img{
    width:120px!important;
	height:66px!important;
    margin:0!important;
}
}


/*-----------カスタムSP------------*/
@media screen and (max-width:699px) { 
.hs-featured-image-wrapper{
  /*display:none!important;*/
}
#footer-alert{
  margin:30px 0 0 0;
  border:1px solid #666;
  color:#333;
  padding:15px;
  font-size:14px;
  line-height:24px;
  background:#fff;
  }
.content-post2 h2{display:none!important;}
.content-post2 .mb_content_credit{display:none;}
.content-post2 article#contents{padding:0;}
article#contents{
  background:#fff;
  padding:20px;
  font-size:1.1em;
  line-height:1.8em;
}
article#contents h2.mb_content_subtitle{
  border:none;
}
article#contents p{
  margin:15px 0;
}
.post-body h2{
    display: block;
    margin: 1.2em 0 15px 0;
    padding: 5px 0 5px 10px;
    font-size: 1.3em;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    /*text-indent: 0.5em;*/
    font-weight: bold;
    border-top: solid 1px #333651;
    border-left: solid 15px #5f973e;
  }
.wd100{
  width:100%;
}
.wd50{
  width:50%;
}
.wd60{
  width:100%;
}
.setCenter {
    margin: 0 auto 9px;
}
.section h1{
font-size:28px;
line-height:38px;
}
.pc-slider{margin-bottom:30px;}

.sp{
}
 .pc{
   display:none;
}
#header-text{
  display:none;
}
.menu-bg .widget-type-linked_image > div{
  text-align:left!important;
}
.header-height{
   margin:0!important;
}
#sp-menu-outer{
  position:relative;
  }
#sp-menu {
    width: 100%;
    height: 65px;
    white-space: nowrap;
    overflow-x: scroll;
    background:#76757d;
  }
#arrow-right{
  position:absolute;
  top:0;
  right:0;
  display:none;
  }
  #arrow-right img{
    height:65px;
    width:23px;
  }


 #sp-menu ul li:last-child{
   border:none;
  }
#sp-menu ul li{
  float:left;
  display:block;
  list-style:none;
  border-right:1px solid #d6d5dc;
  padding:13px 10px 0 10px;
  font-size:12px;
  line-height:18px;
  text-align:center;
  height:65px;
  }
#sp-menu ul li a{
  color:#fff;
}
#sp-search {
   /*top:-55px ;*/
  top:-80px!important;
   right:60px;
   width:50px;
   height:50px;
   position:absolute;
  }
#sp-menu ul li:hover{
   background:#ccc!important;
}
#sp-menu ul li:active{
   background:#ccc!important;
}
#hubspot-author_data{
}
 .post-item-sliders .featured-post-content{
  padding:10px!important;
}
.post-item-sliders .featured-post-content h3{
  font-size:15px!important;
  line-height:22px!important;
  margin-bottom:0!important;
  }
 p{
   line-height:22px!important;
}
.topic-post-menu{
  display:none!important;
}

.mokuji{
  margin:30px auto 30px auto;
  padding:15px 15px 25px 15px;
  width:100%;
  border:1px solid #ccc;
}
.mokuji p{
  margin:15px 0 0 0;
  text-align:center;
  font-weight:bold;
  color:#5f973e;
  font-size:18px;
}
.mokuji ul{
  margin:0;
  text-align:left;
}
.mokuji ul li{
  margin:0;
}
#osusume{
margin:20px 0;
}
#osusume .author-link{
  display:none;
}
#osusume h2{
  margin:10px 0 15px 0;
}
#osusume .kiji{
  width:48%;
  margin:1% 1% 2% 1%;
  float:left;
}
#osusume .kiji img{
  width:100%;
}
#osusume .kiji h3{
  font-size:18px;
  line-height:26px;
  margin:5px 0;
}
#osusume .kiji p{
  font-size:16px;
  line-height:26px;
}
#osusume .kiji .date{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: right;
}

#osusume .kiji .date:before {
    color: #666666;
    content: "\f073";
    font-family: fontawesome;
    margin-right: 5px;
}
.cl{
  clear:both;
}
.bread{
  margin:10px 0 10px 0;
}

 #header-text{
  text-align:center;
  line-height:24px;
}
.padding60tb-pc{
  padding-top:60px;
}
.single-tag-posts-name{
  padding-bottom:10px;
  }
.menu-bg .widget-type-linked_image {
    float: none;
    line-height: 0;
    margin: 10px auto 0 auto!important;
}
  .menu-bg .widget-type-linked_image img{
    width:120px;
    margin:0!important;
}
#header-text{
  display:none;
}
.menu-bg .widget-type-linked_image > div{
  text-align:left!important;
}
 .header-height{
   margin:0!important;
}

  #sp-menu {
    width: 100%;
    height: 65px;
    white-space: nowrap;
    overflow-x: scroll;
    background:#76757d;
  }

 #sp-menu ul {
    display: inline-flex; /* Flexboxを有効化。これにより、中身の量に応じた幅になります */
    margin: 0;
    padding: 0;
    list-style: none; /* リストの点を消す */
    height: 100%;
  }

 #sp-menu ul li:last-child{
    border-right: none;
  }
#sp-menu ul li{
    display: flex; /* テキストを垂直中央揃えにするために追加 */
    align-items: center; /* テキストを垂直中央揃えにするために追加 */
    border-right: 1px solid #d6d5dc;
    padding: 0 12px; /* 上下のpaddingを0にして、align-itemsで中央揃え */
    font-size: 12px;
    line-height: 18px;
    text-align: center;
  }
#sp-menu ul li a{
    color: #fff;
    text-decoration: none;
  }
#sp-search {
   top:-60px!important;
   right:60px;
   width:50px;
   height:50px;
   position:absolute;
  }
#sp-menu ul li:hover{
   background:#ccc!important;
}
#sp-menu ul li:active{
   background:#ccc!important;
}
#hubspot-author_data{
  }
 .post-item-sliders .featured-post-content{
  padding:10px!important;
}
.post-item-sliders .featured-post-content h3{
  font-size:15px!important;
  line-height:22px!important;
  margin-bottom:0!important;
  }
 p{
   line-height:22px!important;
}
.topic-post-menu{
  display:none!important;
}
 .logomark{
	 width:120px;
	 height:66px;
  }
	h2.mb_content_subtitle{
		margin-top:0!important;
	}
 ul.pager{
	display:block;
	width:100%;
	height:30px !important;
	margin:0 auto;
	padding:0;
	text-align:center !important;
	font-size:16px;
	line-height:22px;
	list-style-type:none;
}
ul.pager li{
	display:inline-block !important;
	width:30px !important;
	height:30px !important;
	margin:0 8px !important;
	padding:0 !important;
	text-align:center !important;
	font-size:20px;
	line-height:30px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	list-style-type:none;
	color:#ffffff;
	background-color:#ffffff;
	font-family:WebNotoSansCJKjp-DemiLight,glober;
}
ul.pager li span{
	display:block !important;
	width:30px !important;
	height:30px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	line-height:28px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#ffffff;
	text-decoration:none;
	border:solid 1px #5f973e;
	background-color:#5f973e;
}
ul.pager li a{
	display:block !important;
	width:30px !important;
	height:30px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	line-height:28px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#333631;
	text-decoration:none;
	border:solid 1px #333631;
	background-color:#ffffff;
}
ul.pager li a:hover{
	color:#ffffff;
	border:solid 1px #5f973e;
	background-color:#5f973e;
}
ul.pager li.first{color:#333;}
ul.pager li.pager_end{color:#333;}
.padding60tb{
  padding:0!important;
}
.blog-content .post-header .hs-tag-name a.topic-link{display:block;float:left;margin:5px;}
.hs-blog-social-share{clear:both;padding:10px 0;}
.ytvideo{width:100%!important;}
.ytvideo iframe{width:100%!important;}
.readmore{
  width:100%;
  clear:both;
  margin-bottom:40px;
  text-align:center;
  background:#fff;
}
.readmore img{
  width:60%;
  margin:0 auto;
}
.hs-blog-post .pc-slider{display:none;}
  .section h1{font-size:24px!important;line-height:35px!important;}
  .hs-tools-menu{display:none!important;}
  
  article img{width:100%!important;} 
  
 .top-banner-sp{
   width:100%;
   margin:0 0 30px 0;
  }
 .top-banner-sp img{
   width:100%;
  }
  .top-banner-pc{
   display:none;
  }
 .top-ad-sp{
   width:336px;
   height:280px;
   margin:0 auto 30px auto;
  }
 .top-ad-sp img{
   width:336px;
   height:280px;
  }
  .top-ad-pc{
   display:none;
  }
  
  ul.tags-list {
  padding:0;
}
.hs-search-results__description{
  margin:0 0 0 30px;
	position: relative;
	height: 70px;
	overflow: hidden;
	line-height: 20px;
}
 .taglist .hs-featured-image-wrapper{
  width:40%;
  }
 .taglist .featured-post-content{
   float: right!important;
    padding-left: 15px!important;
    width: 60%!important;
  }
.taglist p.lead{
  display:none!important;
  }
 h3.list-title{
   font-size:18px;
   line-height:23px;
   margin:0;
  }
  .list-tags-col{width:100%;clear:both;}
  .list-tags{margin-top:-10px!important;
  }
  .tag-link{
  background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 1px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-right: 5px;
    padding: 2px 5px;
    transition: .5s all ease;
    font-size:12px;
  float:left;
}
.taglist .hs-featured-image-wrapper{
  margin-right:15px;
  margin-bottom:15px;
}
.sponsor{background:#fff;padding:20px;margin:20px 0 0 0;display:none;}
.sponsor ul{margin:0;padding:0;}
.sponsor ul li{margin:2%;padding:0;list-style:none;float:left;width:29%;}
.sponsor ul li img{width:100%;height:auto;}
.sponsor .title{font-size:14px;font-weight:bold;letter-spacing:1px;text-align:center;margin:15px 0 20px 0;color:#666;}
/*.sponsor .title span{border-bottom:2px solid #666;}*/
  

#hubspot-author_data {font-size: 12px;}
#hubspot-author_data:before{margin-left: 8px;}
  
.hs-blog-listing #hubspot-author_data{
display:none!important;
}
.common-category-listing-page #hubspot-author_data{
display:inherit!important;
}
.blog-sidebar #hubspot-author_data{
display:inherit!important;
}
.af{border:1px solid #5F973E;margin:0 0 50px 0!important;}
.af a{display:block;padding:15px 15px 0 15px;color:#000;}
.af a:link{color:#000;text-decoration:none;}
.af a:hover{color:#6c954a;background:#ebeee9;transition: .5s all ease;}
.af a:visited{color:#000;text-decoration:none;}
.af a:active{color:#000;text-decoration:none;}
.af p.title{font-size:17px;line-height:30px;font-weight:bold;margin:0 0 15px 0!important;}
.af p.text{font-size:14px;line-height:25px;margin:0 0 20px 0!important;}
.af img.cover{width:45%!important;float:left;margin:0 15px 15px 0;border:1px solid #ccc!important;}
.af img.button{width:100%;height:auto;margin:0 0 15px 0;}
.af .clear{clear:both;height:1px;}
/*-----------カスタムSPここまで------------*/
}

/*-----------カスタムPC------------*/
@media screen and (min-width:700px) { 
.sp{
display: none;
}
 .pc{
    display:inherit;
}
  .pc70p{padding:5% 14%;
  }
  
#footer-alert{
  margin:30px 0 0 0;
  border:1px solid #666;
  color:#333;
  padding:15px;
  font-size:14px;
  line-height:24px;
  background:#fff;
  }
  
.single-tag-posts-name{
  padding-bottom:10px;
  }

 #header-text{
  text-align:center;
  line-height:24px;
}
.padding60tb-pc{
  padding-top:60px;
}
#sp-menu{
    display:none;
  }
 #sp-search{
   display:none;
  }
 #header-text{
  text-align:center;
  line-height:24px;
}
.padding60tb-pc{
  padding-top:60px;
}
#sp-menu{
    display:none;
  }
 #sp-search{
   display:none;
  }
.logomark{
	width:250px;
	height:138px;
  }
.hs-featured-image-wrapper{
  /*display:none!important;*/
}
.content-post2 h2{display:none!important;}
.content-post2 .mb_content_credit{display:none;}
.content-post2 article#contents{padding:0;}
article#contents{
  background:#fff;
  padding:20px;
  font-size:1.1em;
  line-height:1.8em;
}
article#contents h2.mb_content_subtitle{
  border:none;
}
article#contents p{
  margin:15px 0;
}
.post-body h2{
    display: block;
    margin: 1.2em 0 15px 0;
    padding: 5px 0 5px;
    font-size: 1.4em;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    text-indent: 0.5em;
    font-weight: bold;
    border-top: solid 1px #333651;
    border-left: solid 15px #5f973e;
  }
.wd100{
  width:100%;
}
.wd50{
  width:50%;
}
.wd60{
  width:60%;
}
.setCenter {
    margin: 0 auto 9px;
}
.section h1{
font-size:28px;
line-height:38px;
}
.pc-slider{margin-bottom:30px;}

.mokuji{
  margin:30px auto 60px auto;
  padding:15px 15px 25px 15px;
  width:70%;
  border:1px solid #ccc;
}
.mokuji p{
  margin:15px 0 0 0;
  text-align:center;
  font-weight:bold;
  color:#5f973e;
  font-size:18px;
}
.mokuji ul{
  margin:0;
  text-align:left;
  list-style:none;
}
.mokuji ul li{
  margin:0;
}
#osusume{
margin:20px 0 0 0;
}
#osusume .author-link{
  display:none;
}
#osusume h2{
  margin:10px 0 15px 0;
}
#osusume .kiji{
  width:48%;
  margin:1% 1% 2% 1%;
  float:left;
}
#osusume .kiji img{
  width:100%;
}
#osusume .kiji h3{
  font-size:18px;
  line-height:26px;
  margin:5px 0;
}
#osusume .kiji p{
  font-size:16px;
  line-height:26px;
}
#osusume .kiji .date{
    color: #000;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 1px;
    text-align: right;
}

#osusume .kiji .date:before {
    color: #666666;
    content: "\f073";
    font-family: fontawesome;
    margin-right: 5px;
}
.cl{
  clear:both;
}
.bread{
  margin:20px 0 0 0;
}
 ul.pager{
	display:block;
	width:100%;
	height:30px !important;
	margin:0 auto;
	padding:0;
	text-align:center !important;
	font-size:16px;
	line-height:22px;
	list-style-type:none;
}
ul.pager li{
	display:inline-block !important;
	width:30px !important;
	height:30px !important;
	margin:0 8px !important;
	padding:0 !important;
	text-align:center !important;
	font-size:20px;
	line-height:30px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	list-style-type:none;
	color:#ffffff;
	background-color:#ffffff;
	font-family:WebNotoSansCJKjp-DemiLight,glober;
}
ul.pager li span{
	display:block !important;
	width:30px !important;
	height:30px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	line-height:28px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#ffffff;
	text-decoration:none;
	border:solid 1px #5f973e;
	background-color:#5f973e;
}
ul.pager li a{
	display:block !important;
	width:30px !important;
	height:30px !important;
	margin:0;
	padding:0;
	text-align:center;
	font-size:20px;
	line-height:28px;
	letter-spacing:0 !important;
	text-indent:0 !important;
	color:#333631;
	text-decoration:none;
	border:solid 1px #333631;
	background-color:#ffffff;
}
ul.pager li a:hover{
	color:#ffffff;
	border:solid 1px #5f973e;
	background-color:#5f973e;
}
ul.pager li.first{color:#333;}
ul.pager li.pager_end{color:#333;}

.readmore{
  width:100%;
  clear:both;
  margin-bottom:40px;
  text-align:center;
  background:#fff;
}
.readmore img{
  width:24%;
  margin:15px auto;
}
.readmore:hover{
  opacity:0.7;
  }
.search-result-container{
  width:60%;
  margin:30px auto;

}
 .flash-item-title a{font-weight:bold;position:absolute;margin-top:3px;}

 .top-banner-pc{
   width:100%;
   margin:0 0 30px 0;
  }
 .top-banner-pc img{
   width:100%;
   height:auto;
  }
  .top-banner-sp{
   display:none;
  }
  
 
 .top-ad-pc{
   width:728px;
   margin:0 auto 30px auto;
  }
 .top-ad-pc img{
   width:728px;
   height:90px;
  }
  .top-ad-sp{
   display:none;
  }
  
  
 .hs-search-results__description{
  margin:0 0 0 30px;
	position: relative;
	height: 80px;
	overflow: hidden;
	line-height: 20px;
}
 h3.list-title{
   margin:0;
  }
.tag-link{
  background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 3px;
    display: inline-block;
    letter-spacing: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 1px 4px;
    transition: .5s all ease;
    font-size:11px;
  float:left;
}
.hs-featured-image-link{width:100%;}
.taglist{width:100%;}
.taglist .hs-featured-image-wrapper{
  margin-right:15px;
  margin-bottom:40px;
}
.sponsor{background:#fff;padding:20px;margin:20px 0 0 0;display:none;}
.sponsor ul{margin:0;padding:0;}
.sponsor ul li{margin:20px 20px 5px 20px;padding:0;list-style:none;float:left;}
.sponsor ul li img{width:200px;height:auto;}
.sponsor .title{font-size:20px;font-weight:bold;letter-spacing:1px;text-align:center;margin:25px 0 15px 0;color:#666;}
/*.sponsor .title span{border-bottom:2px solid #666;}*/
  
  
/*オールスター特設ページ用220825 */
  
  
  
  
.taglist .post-body{width:140%;}
  
.hs-blog-listing #hubspot-author_data{
display:none!important;
}
.common-category-listing-page #hubspot-author_data{
display:inherit!important;
}
.blog-sidebar #hubspot-author_data{
display:inherit!important;
}
.af{border:1px solid #5F973E;margin:0 0 50px 0;}
.af a{display:block;padding:20px 20px 0 20px;color:#000;}
.af a:link{color:#000;text-decoration:none;}
.af a:hover{color:#6c954a;background:#ebeee9;transition: .5s all ease;}
.af a:visited{color:#000;text-decoration:none;}
.af a:active{color:#000;text-decoration:none;}
.af p.title{font-size:20px;line-height:30px;font-weight:bold;margin:0 0 15px 0!important;}
.af p.text{font-size:15px;line-height:25px;margin:0 0 20px 0!important;}
.af img.cover{float:left;margin:0 15px 15px 0;border:1px solid #ccc!important;}
.af img.button{width:260px;height:auto;margin:0 0 15px 0;}
.af .clear{clear:both;height:1px;}
/*カスタムPCここまで*/  
  
}
.common-category-listing-page p.lead{
  display:inherit;
  font-size:14px;
  line-height:22px;
  margin-bottom:5px;
}
.listing-category-type2 .post-item #contents{
  display:none;
}
.listing-category-type2 .post-item:nth-child(2)  p.lead{
  display:none;
}
.listing-category-type2 .post-item:nth-child(3)  p.lead{
  display:none;
}
.listing-category-type2 .post-item:nth-child(4)  p.lead{
  display:none;
}
.featured-post-content p.lead{
  display:inherit;
  font-size: 14px;
  line-height: 26px;
}
p.lead{
  display:none;
}

.author-link{display: none;}
.topic-post-menu{display:none;}
h3.search-form{
  margin-bottom:-30px!important;
}
.widget-type-google_search .hs-button.primary {
    text-align: center;
    display: block;
    width: 50%;
    margin: 20px auto 0 auto;
}
ul.footer-category{
  margin:0 0 20px 0;
  padding:0;
}
ul.footer-category li{
  list-style:none;
  font-size:14px;
  line-height:25px;
  margin-bottom:2px;
  color:#fff;
}
ul.footer-category li a{
  color:#fff;
}
.gmapouter iframe{width:100%!important;}

.blog-sidebar #hubspot-topic_data, .blog-sidebar .review-item-text > p{line-height:20px;}


label {
    background: #fff;
    color: #fff;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

#sp-search #sp-search-box {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0 10%;
    position: fixed;
    top: 80px;
    left: 0;
    z-index: 9999;
    background: #fff;
    width: 100%;
}



input[type="checkbox"].on-off + #sp-search-box{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + #sp-search-box{
    height: 70px;
}

.search-results .hs-search-field__input{
  width:100%!important;
margin-top:15px!important;
padding:10px 10px 7px 10px!important;}


.hs-search-field__input{
  width:80%!important;
margin-top:0!important;
padding:10px 10px 7px 10px!important;}

.hs-search-field button{
  width:15%;height:15%;
  padding:8px;
  margin-top:4px;
 border: 1px solid #cccccc;
    border-radius: 5px;
}
.hs-search-field__bar button svg{
  height:18px;
}

.hs-search-results__listing{
  background:#fff;
  margin:20px 0;
  padding:20px;
}
.hs-search-results__listing li{
  margin:20px 0 20px 0;
}
.hs-search-results__listing li a{
  margin:0 0 15px 0;
  font-weight:bold;
  font-size:120%;
}

.hs-search-results__description:before, .hs-search-results__description:after {
	position: absolute;
	background: #fff;
}

.hs-search-results__description:before {
	content: "･･･";
	bottom: 0;
	right: 0;
}

.hs-search-results__description:after {
	content: "";
	width: 100%;
	height: 100%;
}

.clr{clear:both;}

.hs-search-results__listing li a{
  color:#6c954a;
  margin-bottom:10px;
  display:block;
}

.hs-search-results__listing li{
  border-bottom:1px solid #eee;
  padding-bottom:15px;
}
.footer-container.container-fluid .widget-span.widget-type-rich_text h3 a, .footer-container.container-fluid .widget-span.widget-type-raw_jinja h3 a{
  color:#fff;}
.post-items{
  background: #fff; padding: 20px 15px;
}

.back-to-top a{
  color:#fff;
}

ul.tags-list li{
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-right: 10px;
    /*padding: 10px;*/
    transition: .5s all ease;
    list-style:none;
}
ul.tags-list li a{
    display: block;
    padding:10px;
}
.back-to-top{
  background:#6c954a;
  color:#fff;
  padding:8px 12px 12px 12px;
}

.post_filter ul li{
    background-color: #f3f3f3;
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-shadow: 3px 3px 2px rgba(0, 0, 0, 0.1);
    display: inline-block;
    letter-spacing: 1px;
    margin-bottom: 20px;
    margin-right: 10px;
    /*padding: 10px;*/
    transition: .5s all ease;
    list-style:none;
}
.post_filter ul a{
    display: block;
    padding:10px;
}
 .left-ad{
   width:336px;
   height:280px;
   margin:0 auto;
  }
 .left-ad img{
   width:336px;
   height:280px;
  }
.left-ad-col{
  padding:0!important;background:none!important;
}
.list-tags{
  float:left;
}
.read-more-link{
  float:right;
}

.hs-blog-social-share-list{
  padding-bottom:20px!important;
}

h2.cattitle{
  display: block;
    margin: 1.2em 0 0 0;
    padding: 5px 0 5px;
    font-size: 1.4em;
    line-height: 1.7em;
    letter-spacing: 0.05em;
    text-indent: 0.5em;
    font-weight: bold;
    border-top: solid 1px #333651;
    border-left: solid 15px #5f973e;
}

table.tbl004 {
    margin: 0 6px 6px;
    padding: 0;
    border-top: solid 1px #666666;
    border-left: solid 1px #666666;
    font-size: 95%;
}

table.tbl004 th {
    margin: 0;
    padding: 3px 6px;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    background-color: #999999;
    text-align: left;
    vertical-align: top;
    font-size: 100%;
    font-weight: normal;
    color: #ffffff;
}

table.tbl004 td {
    margin: 0;
    padding: 3px 6px;
    border-bottom: solid 1px #666666;
    border-right: solid 1px #666666;
    text-align: left;
    vertical-align: top;
    font-size: 100%;
    font-weight: normal;
    color: #000000;
}

/* basser */

@media screen and (min-width:700px) {
.bs-list-image .hs-featured-image-wrapper{width:100%!important;}
}

.bs-topic-post{background:#fff;text-align:center;margin-top:-7px;margin-bottom:10px;padding:20px;}
.bs-topic-post p{font-weight:bold;}
.bs-post-item{background:#fff;padding:20px;}
.bs-list-image{width:30%;float:right;margin-left:15px;}
.bs-list-image .hs-featured-image-wrapper{margin-right:0;width:100%;}
.bs-list-image img{width:100%;}
.bs-list-text{width:calc(70% - 15px);float:left;}

.setCenter{
	margin:0 auto 9px;
}
.setLeft{
	margin:0 9px 9px 0;
	float:left;
}
.setRight{
	margin:0 0 9px 9px;
	float:right;
}


.wd100{width:100%!important;}
.wd90{width:90%!important;}
.wd80{width:80%!important;}
.wd75{width:75%!important;}
.wd70{width:70%!important;}
.wd60{width:60%!important;}
.wd50{width:50%!important;}
.wd40{width:40%!important;}
.wd30{width:30%!important;}
.wd20{width:20%!important;}

.icon{width:70px!important;margin: 0 9px 9px 0;float: left;}

.txcnt{text-align:center;}
.txlft{text-align:left;}
.txrgt{text-align:right;}

.ue{vertical-align:super; font-size:8px; }
.clr{clear:both; width:0px; height:0px; margin:0px; padding:0px; font-size:0px; line-height:0px;}


@media screen and (max-width:699px) {
 .icon{width:70px;margin: 0 9px 9px 0;float: left;}
}
/* ================================================================
   スマホ表示の時だけ、ヘッダーのロゴと検索アイコンを両端に配置する
   ================================================================ */

@media (max-width: 699px) {

  /* ロゴと検索アイコンの親要素をFlexboxコンテナに設定 */
  .page-center.menu-sec {
    display: flex;
    justify-content: space-between; /* 中の要素を両端に均等配置 */
    align-items: center;           /* 上下方向で中央揃え */
    padding: 5px 0; /* 上下の余白を調整 */
  }

  /* 検索アイコンの位置指定をリセットしてFlexboxの配置に従わせる */
  #sp-search {
    position: relative !important; /* absolute指定を上書き */
    top: auto !important;          /* top指定をリセット */
    right: auto !important;        /* right指定をリセット */
    margin: 0;                     /* 余白をリセット */
    /* 必要に応じて、アイコンの右側に少し余白を追加 */
    margin-right: 15px; 
  }
  
}
/* ===================================================
   サイドバー「人気記事」専用のレイアウト修正
   =================================================== */
  /* 人気記事リスト全体のコンテナ */
  .sidebar-popular-posts {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
  }
  .sidebar-popular-posts .spp-title {
    font-size: 1.2em;
    font-weight: bold;
    border-bottom: 2px solid #095DAD;
    padding-bottom: 0.5em;
    margin: 0 0 1em 0;
  }

  /* 各記事アイテムのスタイル */
  .spp-item {
    display: flex;
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid #f0f0f0;
    text-decoration: none;
    color: inherit;
  }
  .spp-item:first-of-type {
    border-top: none;
    padding-top: 0;
  }
  .spp-item:hover .spp-item__title {
    color: #095DAD; /* ホバー時にタイトル色を変更 */
  }

  /* 画像エリア */
  .spp-item__image {
    width: 90px;
    height: 60px;
    flex-shrink: 0;
  }
  .spp-item__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
  }

  /* テキストエリア */
  .spp-item__content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }

  /* タイトル */
  .spp-item__title {
    font-size: 0.9em;
    line-height: 1.4;
    font-weight: bold;
    margin: 0;
    color: #333;
    transition: color 0.2s;
    /* 3行で省略する設定 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  
  /* 日付 */
  .spp-item__meta {
      font-size: 0.75em;
      color: #606770;
      margin-top: auto; /* 日付を下に配置 */
  }
/* ================================================================
   【最終版】スマホのトップページでサイドバーを強制的に非表示にする
   ================================================================ */
@media (max-width: 768px) {
  
  /* トップページ（hs-blog-listing）の、blog-sidebarを完全に消し去る */
  body.hs-blog-listing .blog-sidebar {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
  }

  /* 同時に、メインコンテンツを全幅にしてレイアウト崩れを防ぐ */
  body.hs-blog-listing .blog-content {
    width: 100% !important;
    margin: 0 !important;
  }
}
/* ===================================================
   スマホ表示のh2見出し（セクションタイトル）の文字サイズ調整
   =================================================== */

/* 画面の横幅が768px以下（一般的なタブレットやスマホ）の場合に適用 */
@media (max-width: 768px) {

  /* h2見出し（.section-title）の文字サイズを小さくする */
  .section-title,
  .genre-accordion-section__title,
  .youtube-list-title {
    font-size: 1.2em !important; /* ← この数値をお好みで調整してください */
  }

}
/* ===================================================
   トップページのh2見出し上部の余白調整
   =================================================== */

/* PC表示での余白を調整 */
.hero-slider-container,
.new-articles-float-section,
.genre-accordion-section,
.youtube-list-section {
  margin-top: 1em !important; /* ← この数値を小さくすると、前の要素との余白が狭まります (例: 1em) */
}

/* h2見出し自体の上の余白もリセット（必要に応じて） */
.section-title,
.genre-accordion-section__title,
.youtube-list-title {
  margin-top: 0.3 !important;
}


/* スマホ表示（768px以下）では、さらに余白を狭くする */
@media (max-width: 768px) {
.hero-slider-container,
.new-articles-float-section,
.genre-accordion-section,
.youtube-list-section {
    margin-top: 0.5em !important; /* ← スマホでの余白 */
  }
}
/* ===================================================
   【最終手段】記事下部タグのスタイルを強制的に上書き
   =================================================== */

/* タグリンクに重なっているフィルターを完全に無効化 */
.hs-tag-name a.topic-link::before,
.hs-tag-name a.topic-link::after {
  display: none !important;
  content: '' !important;
  background: none !important;
}

/* 個々のタグボタンのデザインを!importantで強制上書き */
.hs-tag-name a.topic-link {
  display: inline-block !important;
  background-color: #3498db !important;  /* 背景色を青色に */
  color: #ffffff !important;            /* 文字色を白に */
  border: none !important;               /* 既存の枠線をリセット */
  padding: 8px 18px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  border-radius: 50px !important;
  text-decoration: none !important;
  font-size: 0.9em !important;
  font-weight: bold !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1) !important;
  transition: all 0.2s ease-out !important;
  transform: none !important; /* 他のtransformをリセット */
}

/* タグにカーソルを乗せた時のスタイルも強制上書き */
.hs-tag-name a.topic-link:hover {
  background-color: #2980b9 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2) !important;
}
/* ===================================================
   【スマホ表示】ブログ記事ページのレイアウト崩れ修正
   =================================================== */

/* 画面の横幅が768px以下（一般的なタブレットやスマホ）の場合に適用 */
@media (max-width: 768px) {

  /* --- 1. シェアボタン（と広告枠）を強制的に表示させる --- */
  /* 記事ページで、#header_adをブロック要素として表示し、高さを自動にする */
  body.hs-blog-post #header_ad {
    display: block !important;
    min-height: auto !important;
    height: auto !important;
    margin: 0.5em 0; /* 上下の余白を適切に設定 */
  }

  /* --- 2. タグのめり込みを解消する --- */
  /* タグのコンテナを、横幅いっぱいのブロック要素として扱う */
  body.hs-blog-post .hs-tag-name {
    display: block;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1.5em; /* タグと広告枠の間に余白を設ける */
  }

  /* 記事本文が、上の要素の回り込みをしないように設定 */
  body.hs-blog-post .post-body {
    clear: both;
  }
}
  text-align: center;
}
/* clean-banner-wrapperクラスを持つ要素の
  「親要素」であるHubSpotのラッパー(.hs_cos_wrapper)の
  背景と余白を無効化する
*/
.hs_cos_wrapper:has(> .clean-banner-wrapper) {
  background: none !important;
  padding: 0 !important;
  border: none !important;
}
.clean-banner-wrapper img {
  /* テーマの width: 100% を打ち消す */
  width: 100% !important;
  /* 親要素より大きくならないようにするレスポンシブ対応は維持 */
  max-width: 100% !important;
  height: auto !important;
}