/***********************
 Typography
************************/
body {font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; font-weight:300;}
h1, h2, h3, h4, h5, h6, #page-header-bg h1, .nectar-box-roll .overlaid-content h1 {font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; font-weight: 600; letter-spacing: 0.025em;}

.fw-100 {font-weight: 100 !important;} .fw-200 {font-weight: 200 !important;} .fw-300 {font-weight: 300 !important;} .fw-400 {font-weight: 400 !important;} .fw-500 {font-weight: 500 !important;} .fw-600 {font-weight: 600 !important;} .fw-700 {font-weight: 700 !important;} .fw-700 {font-weight: 700 !important;} .fw-800 {font-weight: 800 !important;} .fw-900 {font-weight: 900 !important;}
.font-5rem {font-size: 5rem !important; line-height: 1.5em !important;}

.color-1e73be {color: #1e73be !important;}

.only-mobile {display: none!important}
@media (max-width: 767px) {
.only-mobile {display: inherit!important}
.not-mobile {display: none!important}
  #page-header-bg .span_6 h1 {
    font-size: 48px!important;
    line-height: 52px!important;
    font-weight: 300;}

  #page-header-bg h2, body h2, article.post .post-header h2, article.post.quote .post-content h2, article.post.link .post-content h2, article.post.format-status .post-content h2, #call-to-action span, .woocommerce .full-width-tabs #reviews h3, .row .col.section-title h2 {
    font-size: 48px !important;
    line-height: 52px !important;
  }
  body h3, .row .col h3, .toggle h3 a, .ascend #respond h3, .ascend h3#comments, .woocommerce ul.products li.product.text_on_hover h3, .masonry.classic_enhanced .masonry-blog-item h3.title, .woocommerce ul.products li.product.material h3, .woocommerce-page ul.products li.product.material h3 {
    font-size: 24px !important;
    line-height: 42px !important;
  }
}

.heading {margin-bottom: 0.65em;}

.nectar-button.jumbo.see-through, .nectar-button.jumbo.see-through-2, .nectar-button.jumbo.see-through-3 {border-width: 2px!important;}
.nectar-button.jumbo {font-size: 24px;}
.nectar-button i {
    font-size: 24px !important;
    line-height: 24px;
    width: 24px;
    margin-top: -12px;}


/***********************
 Header
************************/
#page-header-bg {height: 300px;}

/***********************
 Column
************************/
.ascend .col.boxed.no-extra-padding, .ascend .wpb_column.boxed.no-extra-padding {padding: 0;}
.col.boxed.no-extra-padding img, .wpb_column.boxed.no-extra-padding img {padding: 0;}

/***********************
 Home
************************/
.home #header-outer {transition: all 1s ease-in-out;}
/*@media (min-width: 768px) {.home #header-outer.transparent {transform: translateY(-100%);}}*/
@media (min-width: 768px) {.home #header-outer[style="padding-top: 28px;"]{background-color: rgba(255,255,255,1);}}

/***********************
 Machining
************************/
.nectar_image_with_hotspots .nectar_hotspot_wrap .nttip {font-size: 18px; line-height: 1.5; text-align: left;}
ul.in-spot {margin-bottom: 0;}
.in-spot li {color: #007fd3; margin-bottom: .5em;}
.in-spot li:last-child {margin-bottom: 0;}
.in-spot li span {color: #333;}

/***********************
 News
************************/
#post-area.standard-minimal .post-content {padding-left: 0;}
#post-area.standard-minimal .post-author {display: none;}
#post-area.standard-minimal article.post .post-meta .date {
    font-family: "Noto Sans Japanese", "Helvetica Neue", Helvetica, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif;
    font-weight:300;
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 36px;
}

/***********************
 Single
************************/
#single-below-header .meta-author, #single-below-header .meta-comment-count {display: none !important;}
.single #single-below-header > span {border: none!important}

/***********************
 Footer
************************/
@media (min-width: 768px) {
  #footer-outer .col.span_5 {width: 100%;}
  #footer-outer .col.span_5>.footer-left {display: inline-block; position :relative; float: left;}
  #footer-outer .col.span_5>.footer-right {display: inline-block; position :relative; float: right;}
}
@media (max-width: 767px) {
  #footer-outer {text-align: center;}
  #footer-outer .col.span_5 {margin-bottom: 0!important;}
}

/***********************
 Break
************************/
.mb-0 {margin-bottom: 0 !important;}
.mb-25px {margin-bottom: 25px !important;}
.mt--93px {margin-top: -93px !important;}