body {
  font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/*Custom Size*/
@media (min-width: 1200px) {
    .container {
        width: 1100px;
    }
}

.v-heading-v2 span,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.widget .tagcloud a:hover, 
.widget ul.wp-tag-cloud li:hover > a,
.widget.v-photo-stream-widget li,
.v-bg-stylish.v-bg-stylish-v10,
.v-bg-stylish-v10.v-full-width-text:after,
.v-parallax .v-bg-overlay.overlay-colored,
.recent-post figure,
header div.search .btn-primary:hover,
header div.search .btn-primary,
header ul.nav-pills > li > a:hover,
.portfolio-grid li,
.feature-box-icon:hover,
.sf-hover .feature-box-icon,
.feature-box[class*="feature-box-secundary-"] .feature-box-icon,
.sf-hover .feature-box-line,
.pricing-column.highlight h3,
span.highlighted,
span.dropcap4,
.progress-bar-primary,
.v-process-steps .feature-box-icon:hover {
    background-color: #3799ef; 
}


.v-color,
div.v-color,
.v-link,
a:hover,
.carousel-wrap > a:hover,
#back-to-top:hover,
.v-pagination a:hover,
.sidebar .v-category-widget ul > li a:hover,
.sidebar .v-category-widget ul > li.active a,
.sidebar .v-archive-widget ul > li a:hover,
.sidebar .v-nav-menu-widget ul > li a:hover,
.v-nav-menu-widget ul > li.current-menu-item a,
.sidebar .v-meta-data-widget ul > li a:hover,
.sidebar .v-recent-entry-widget ul > li a:hover,
.list-toggle:after,
.v-right-sidebar-inner > .active > a,
.v-right-sidebar-inner > .active > a:focus,
.v-right-sidebar-inner > .active > a:hover,
footer a:hover,
.copyright a:hover,
.read-more i:before, 
.read-more em:before,
.item-link:hover,
.search-item-meta-down a,
.search-item-meta a,
.v-search-items .star-vote li,
.v-blog-item-details a:hover, 
.author-link,
.v-blog-item .read-more,
.article-body-wrap .share-links a:hover,
.post-header .post-meta-info a:hover,
.post-content h2.title a:hover,
.recent-post .post-item-details a:hover,
a.current-menu-item,
header nav ul.nav-main ul.dropdown-menu > li > a:hover,
header nav ul.nav-main li a:hover,
header nav.mega-menu ul.nav-main li.mega-menu-item ul.sub-menu a:hover,
header nav ul.nav-main li.dropdown.active > a i.fa-caret-down,
header ul.nav-pills > li.active > a,
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus,
header nav ul.nav-main li.dropdown:hover > a i.fa-caret-down,
.slideout-filter ul li a:hover,
.v-portfolio-item .v-portfolio-item-permalink, .read-more-link,
.share-links > a:hover,
.comments-likes a:hover i,
.comments-likes a:hover span,
.comments-likes a:hover span, .comments-likes a:hover i,
.portfolio-pagination div:hover > i,
.v-icon,
.pricing-column ul li i.fa,
.pricing-column h3,
.v-divider.v-up a,
span.dropcap2,
.v-list li i,
.v-list-v2 li i,
.media-body .reply-link:hover  { 
    color: #3799ef;
}

a.current{
    color: #3799ef !important;
}
.v-container {
    padding-top: 70px !important;
    padding-bottom: 70px !important;
}


.v-pagination li a:hover,
ul.bar-styling li:not(.selected) > a:hover,
ul.bar-styling li > .comments-likes:hover,
ul.page-numbers li > a:hover,
ul.page-numbers li > span.current,
a.text-link,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus,
.pagination > li:not(.active) > a:hover,
.pagination > li:not(.active) > span:hover,
.read-more,
.logged-in-as a,
.comment-meta-actions .edit-link,
.comment-meta-actions .comment-reply,
.media-body .reply-link,
.v-bg-stylish-v10.v-full-width-text:after,
.v-blog-item-details a,
header div.search .btn-primary:hover,
header div.search .btn-primary,
.testimonial.testimonial-thumb-side .testimonial-author .featured-thumbnail,
.v-clients-wrap .owl-carousel .owl-item figure:hover,
blockquote.pullquote  { 
    border-color: #3799ef;
}

.signup,
header nav ul.nav-main ul.dropdown-menu,
header nav.mega-menu ul.nav-main li.mega-menu-item ul.dropdown-menu,
.v-tagline-box-v1 {
    border-top-color: #3799ef;
}

.v-heading-v2 h2, .v-heading-v2 h3, .v-heading-v2 h4,
.v-link:hover,
.v-search-items a:hover,
.post-info a,
.tags-wrap .tags a,
.v-team-member-box .read-more:hover,
.v-tweets-slide-widget .tweet-text a {
    border-bottom-color:#3799ef;
}

.list-group-item.active, 
.list-group-item.active:hover, 
.list-group-item.active:focus,
.sidebar .v-nav-menu-widget ul > li.active,
.v-control-right .v-smash-text-wrap,
.author-info-wrap,
.testimonial.testimonial-thumb-side .testimonial-author .featured-thumbnail:after,
blockquote.hero,
.v-tagline-box-v2 {
    border-left-color: #3799ef;
}

figure:hover .overlay {
    box-shadow: inset 0 0 0 500px #3799ef;
}


.v-pagination li a:hover,
ul.bar-styling li:not(.selected) > a:hover,
ul.bar-styling li > .comments-likes:hover,
ul.page-numbers li > a:hover,
ul.page-numbers li > span.current,
.pagination > li:not(.active) > a:hover,
.pagination > li:not(.active) > span:hover,
.slideout-filter ul li.selected a,
.btn.v-btn.v-btn-default {
    background: #3799ef;
}



h2.v-bg-box-shadow-text-50 {
    margin-top: 25px;
    margin-bottom: 0px;
    background-color: rgba(0,0,0,0.3);
    box-shadow: 8px 0 0 rgba(0,0,0,0.3), -8px 0 0 rgba(0,0,0,0.3);
    color: #ffffff !important;
    font-weight: 300;
    font-size: 50px;
    line-height: 50px;
    padding: 10px;
}

h2.v-bg-box-shadow-text-40 {
    margin-top: 0px;
    margin-bottom: 25px;
    background-color: rgba(0,0,0,0.3);
    box-shadow: 8px 0 0 rgba(0,0,0,0.3), -8px 0 0 rgba(0,0,0,0.3);
    color: #ffffff !important;
    font-weight: 600;
    font-size: 26px;
    line-height: 35px;
    padding: 10px;
}


.ui-widget-content a {
    color: #333333;
}

.ui-widget-content a:hover {
    color: #1dc6df;
}



.v-custom-heading{
    display: block;
    font-family: "Droid Serif", Georgia, Times, serif;
    font-weight: normal;
    font-style: italic;
    float: none;
    color: #333;
}
.special_amp {
    font-family: "Baskerville", "Palatino Linotype", "Palatino", "Times New Roman", serif;
    font-style: italic;
    font-size: 1.3em;
    line-height: 0.5em;
    font-weight: normal;
    color:#3799ef;
}

.v-portfolio-item-info a.btn.v-btn {
    padding: 10px 20px 9px 20px !important;
    margin-bottom: 0px;
    border: none;
    font-size: 11px;
    background: #3799ef;
    color: #ffffff;
    box-shadow: none;
}
.v-portfolio-item-info a.btn.v-btn:hover {
	background: #000;
}

.spec-block {
	background: #fff;
	padding: 30px;
}


header ul.nav-pills > li.active > a {
	border-top: solid 3px #cd1b51 !important;
    color: #cd1b51 !important;
    padding-top: 32px !important;
}

header ul.nav-pills > li > a:hover {
    color: #cd1b51 !important;
}
.topics-archive h3 {
	font-weight: 600;
}
.topics-archive a {
	color: #3799ef;
    text-decoration: underline !important;
}
.lineup-product table.table.table-lineup {
	margin-bottom: 0.8em;
}
.table-lineup th {width: auto !important;}
.table-lineup th, .table-lineup td {text-align: center;}

.note-newlineup {
	display: block;
	clear: both;
	padding: 5px 0;
}
.note-newlineup a {
	color: #EE1518 !important;
	text-decoration: underline !important;
}




/* =======================
   Tabs
======================= */
.tabs-section {
  width: 90%;
  margin: 0 auto 40px;
  max-width: 1100px;
}

.tabs-section input {
  display: none;
}

.tabs-section label {
  padding: 10px 20px;
  background: #e3e8f5;
  color: #0044cc;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  margin-right: 4px;
  display: inline-block;
}

#tab1:checked ~ label[for="tab1"],
#tab2:checked ~ label[for="tab2"],
#tab3:checked ~ label[for="tab3"] {
  background: #0044cc;
  color: #fff;
}

.tab-content {
  display: none;
  padding: 20px;
  background: #fff;
  border: 1px solid #ccd4e3;
  border-radius: 0 6px 6px 6px;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3 {
  display: block;
}

/* =======================
   Card Grid
======================= */
.card-grid {
  width: 90%;
  max-width: 1400px;
  margin: 0 auto 60px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 24px;
}

.card {
  background: #fff;
  border-radius: 12px;
  padding: 20px;
  text-align: center;
  box-shadow: 0 3px 12px rgba(0,0,0,0.08);
  transition: transform .2s, box-shadow .2s;
}
.card:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.15);
}
.card img {
  width: 100%;
  height: auto;
  margin-bottom: 15px;
}
.card h3 {
  font-size: 1.4rem;
  margin-bottom: 6px;
  color: #0044cc;
}
.card .desc {
  font-size: 0.9rem;
  color: #666;
}
.card .spec {
  font-size: 0.9rem;
  margin: 8px 0 16px;
  color: #333;
  font-weight: bold;
}
.btn {
  display: inline-block;
  padding: 8px 16px;
  background: #0044cc;
  color: #fff;
  border-radius: 6px;
  font-size: 0.9rem;
  text-decoration: none;
}
.btn:hover {
  opacity: .8;
}

/* SP */
@media (max-width: 600px) {
  .page-header h1 {
    font-size: 1.8rem;
  }
}