/* Theme Name: Netsushoriworks.com Description: 熱処理ワークテスト.com 専用テンプレートです Version: 1.0 Author: Ecom OneTone Wordpress Theme has been created by Mageewp.com, Copyright 2017 Mageewp.com. OneTone Wordpress theme is released under the terms of GNU GPL. */ /* header .site-name,header .site-description,header .site-tagline{ color:#333333;}.entry-content a,.home-section-content a{color:#37cadd ;}.top-bar-sns li i{ color: ; }.fxd-header { background-color: rgba(255,255,255,0.7); }.fxd-header{background-color: rgba(255,255,255,0.7);} .fxd-header .site-nav > ul > li > a {font-size:13px;} img.site-logo{ margin-right:10px;} img.site-logo{ margin-top:10px;} img.site-logo{ margin-bottom:10px;} .top-bar{background-color:#eee;}.top-bar{display:block;}.top-bar-info{color:#555;}.top-bar ul li a{color:#555;}header .main-header{ background-attachment: fixed; background-position:top center; background-repeat: no-repeat;} */ .site-nav > ul > li > a{padding-top:0px}.site-nav > ul > li > a{padding-bottom:0px}.col-main {background-color:#ffffff;}.col-aside-left,.col-aside-right {background-color:#ffffff;}footer .footer-widget-area{background-color:#555555;}footer .footer-info-area{background-color:#000000}footer input,footer textarea{color:#666666;}footer input,footer textarea{border-color:#666666;}.post-inner,.page-inner{padding-top:55px;}.post-inner,.page-inner{padding-bottom:40px;}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{margin-top:0px;}.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{margin-bottom:20px;}.fxd-header .site-tagline,.fxd-header .site-name{color:#333333;}header.overlay .main-header .site-tagline,header.overlay .main-header .site-name{color:#ffffff;}.page-title h1{color:#555555;}h1{color:#555555;}h2{color:#555555;}h3{color:#555555;}h4{color:#555555;}h5{color:#555555;}h6{color:#555555;}.entry-content,.entry-content p{color:#333333;}.breadcrumb-nav span,.breadcrumb-nav a{color:#555555;}.col-aside-left .widget-title,.col-aside-right .widget-title{color:#333333;}.footer-widget-area .widget-title{color:#ffffff;}footer,footer p,footer span,footer div{color:#ffffff;}footer a{color:#a0a0a0;}#menu-main > li > a {color:#3d3d3d;}header.overlay .main-header #menu-main > li > a {color:#ffffff;}#menu-main > li > a:hover,#menu-main > li.current > a{color:#3d3d3d;}.main-header .sub-menu{background-color:#ffffff;}.fxd-header .sub-menu{background-color:#ffffff;}#menu-main li li a{color:#3d3d3d;}#menu-main li li a:hover{color:#222222;}.site-nav ul li li a{border-color:#000000 !important;} @media screen and (min-width: 920px) { .onetone-dots li a { border: 2px solid #37cadd; } .onetone-dots li.active a, .onetone-dots li.current a, .onetone-dots li a:hover { background-color: #37cadd; } }@media screen and (max-width: 920px) { .site-nav ul{ background-color:#ffffff;} #menu-main li a,header.overlay .main-header #menu-main > li > a {color:#3d3d3d;} .site-nav ul li a{border-color:#000000 !important;} }.footer-widget-area{ padding-top:60px; padding-bottom:40px; }.footer-info-area{ padding-top:20px; padding-bottom:20px; }section.home-section-0 {background-color:#333333; background-image:url(http://netsushoriworktest.com/wp/wp-content/themes/netsu/images/home-bg01.jpg); background-repeat:repeat; background-position:center-center; background-attachment:scroll; } section.home-section-0 .home-section-content .person-social i, section.home-section-0 .banner-sns li a i, section.home-section-0 input, section.home-section-0 select, section.home-section-0 textarea, section.home-section-0 .home-section-content h1, section.home-section-0 .home-section-content h2, section.home-section-0 .home-section-content h3, section.home-section-0 .home-section-content h4, section.home-section-0 .home-section-content h5, section.home-section-0 .home-section-content h6{color:#ffffff;} section.home-section-0 input, section.home-section-0 select, section.home-section-0 textarea{border-color:#ffffff;} .onetone section.home-section-0 .magee-btn-normal.btn-line{color: #ffffff;border-color: #ffffff;} .onetone section.home-section-0 .magee-btn-normal.btn-line:hover, .onetone section.home-section-0 .magee-btn-normal.btn-line:active, .onetone section.home-section-0 .magee-btn-normal.btn-line:focus {background-color: rgba(255,255,255,.3) !important;}section.home-section-0 .heading-inner{border-color:#ffffff} section.home-section-0 .home-section-content p, section.home-section-0 .home-section-content h1, section.home-section-0 .home-section-content h2, section.home-section-0 .home-section-content h3, section.home-section-0 .home-section-content h4, section.home-section-0 .home-section-content h5, section.home-section-0 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#ffffff;} section.home-section-1 {padding:30px 0; background-color:#eeeeee; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-1 .home-section-content .person-social i, section.home-section-1 .banner-sns li a i, section.home-section-1 input, section.home-section-1 select, section.home-section-1 textarea, section.home-section-1 .home-section-content h1, section.home-section-1 .home-section-content h2, section.home-section-1 .home-section-content h3, section.home-section-1 .home-section-content h4, section.home-section-1 .home-section-content h5, section.home-section-1 .home-section-content h6{color:#555555;} section.home-section-1 input, section.home-section-1 select, section.home-section-1 textarea{border-color:#555555;} .onetone section.home-section-1 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-1 .magee-btn-normal.btn-line:hover, .onetone section.home-section-1 .magee-btn-normal.btn-line:active, .onetone section.home-section-1 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-1 .heading-inner{border-color:#555555} section.home-section-1 .home-section-content p, section.home-section-1 .home-section-content h1, section.home-section-1 .home-section-content h2, section.home-section-1 .home-section-content h3, section.home-section-1 .home-section-content h4, section.home-section-1 .home-section-content h5, section.home-section-1 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-2 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-2 .home-section-content .person-social i, section.home-section-2 .banner-sns li a i, section.home-section-2 input, section.home-section-2 select, section.home-section-2 textarea, section.home-section-2 .home-section-content h1, section.home-section-2 .home-section-content h2, section.home-section-2 .home-section-content h3, section.home-section-2 .home-section-content h4, section.home-section-2 .home-section-content h5, section.home-section-2 .home-section-content h6{color:#555555;} section.home-section-2 input, section.home-section-2 select, section.home-section-2 textarea{border-color:#555555;} .onetone section.home-section-2 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-2 .magee-btn-normal.btn-line:hover, .onetone section.home-section-2 .magee-btn-normal.btn-line:active, .onetone section.home-section-2 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-2 .heading-inner{border-color:#555555} section.home-section-2 .home-section-content p, section.home-section-2 .home-section-content h1, section.home-section-2 .home-section-content h2, section.home-section-2 .home-section-content h3, section.home-section-2 .home-section-content h4, section.home-section-2 .home-section-content h5, section.home-section-2 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-3 {padding:50px 0; background-color:#eeeeee; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-3 .home-section-content .person-social i, section.home-section-3 .banner-sns li a i, section.home-section-3 input, section.home-section-3 select, section.home-section-3 textarea, section.home-section-3 .home-section-content h1, section.home-section-3 .home-section-content h2, section.home-section-3 .home-section-content h3, section.home-section-3 .home-section-content h4, section.home-section-3 .home-section-content h5, section.home-section-3 .home-section-content h6{color:#ffffff;} section.home-section-3 input, section.home-section-3 select, section.home-section-3 textarea{border-color:#ffffff;} .onetone section.home-section-3 .magee-btn-normal.btn-line{color: #ffffff;border-color: #ffffff;} .onetone section.home-section-3 .magee-btn-normal.btn-line:hover, .onetone section.home-section-3 .magee-btn-normal.btn-line:active, .onetone section.home-section-3 .magee-btn-normal.btn-line:focus {background-color: rgba(255,255,255,.3) !important;}section.home-section-3 .heading-inner{border-color:#555555} section.home-section-3 .home-section-content p, section.home-section-3 .home-section-content h1, section.home-section-3 .home-section-content h2, section.home-section-3 .home-section-content h3, section.home-section-3 .home-section-content h4, section.home-section-3 .home-section-content h5, section.home-section-3 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#ffffff;} section.home-section-4 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-4 .home-section-content .person-social i, section.home-section-4 .banner-sns li a i, section.home-section-4 input, section.home-section-4 select, section.home-section-4 textarea, section.home-section-4 .home-section-content h1, section.home-section-4 .home-section-content h2, section.home-section-4 .home-section-content h3, section.home-section-4 .home-section-content h4, section.home-section-4 .home-section-content h5, section.home-section-4 .home-section-content h6{color:#555555;} section.home-section-4 input, section.home-section-4 select, section.home-section-4 textarea{border-color:#555555;} .onetone section.home-section-4 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-4 .magee-btn-normal.btn-line:hover, .onetone section.home-section-4 .magee-btn-normal.btn-line:active, .onetone section.home-section-4 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-4 .heading-inner{border-color:#555555} section.home-section-4 .home-section-content p, section.home-section-4 .home-section-content h1, section.home-section-4 .home-section-content h2, section.home-section-4 .home-section-content h3, section.home-section-4 .home-section-content h4, section.home-section-4 .home-section-content h5, section.home-section-4 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-5 {padding:50px 0; background-color:; background-image:url(https://demo.mageewp.com/wootest/wp-content/uploads/sites/31/2016/11/Image_02.png); background-repeat:repeat; background-position:center-center; background-attachment:fixed; } section.home-section-5 .home-section-content .person-social i, section.home-section-5 .banner-sns li a i, section.home-section-5 input, section.home-section-5 select, section.home-section-5 textarea, section.home-section-5 .home-section-content h1, section.home-section-5 .home-section-content h2, section.home-section-5 .home-section-content h3, section.home-section-5 .home-section-content h4, section.home-section-5 .home-section-content h5, section.home-section-5 .home-section-content h6{color:#666666;} section.home-section-5 input, section.home-section-5 select, section.home-section-5 textarea{border-color:#666666;} .onetone section.home-section-5 .magee-btn-normal.btn-line{color: #666666;border-color: #666666;} .onetone section.home-section-5 .magee-btn-normal.btn-line:hover, .onetone section.home-section-5 .magee-btn-normal.btn-line:active, .onetone section.home-section-5 .magee-btn-normal.btn-line:focus {background-color: rgba(102,102,102,.3) !important;}section.home-section-5 .heading-inner{border-color:#666666} section.home-section-5 .home-section-content p, section.home-section-5 .home-section-content h1, section.home-section-5 .home-section-content h2, section.home-section-5 .home-section-content h3, section.home-section-5 .home-section-content h4, section.home-section-5 .home-section-content h5, section.home-section-5 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#666666;} section.home-section-6 {padding:50px 0 30px; background-color:#37cadd; background-image:url(); background-repeat:no-repeat; background-position:bottom-center; background-attachment:scroll; } section.home-section-6 .home-section-content .person-social i, section.home-section-6 .banner-sns li a i, section.home-section-6 input, section.home-section-6 select, section.home-section-6 textarea, section.home-section-6 .home-section-content h1, section.home-section-6 .home-section-content h2, section.home-section-6 .home-section-content h3, section.home-section-6 .home-section-content h4, section.home-section-6 .home-section-content h5, section.home-section-6 .home-section-content h6{color:#ffffff;} section.home-section-6 input, section.home-section-6 select, section.home-section-6 textarea{border-color:#ffffff;} .onetone section.home-section-6 .magee-btn-normal.btn-line{color: #ffffff;border-color: #ffffff;} .onetone section.home-section-6 .magee-btn-normal.btn-line:hover, .onetone section.home-section-6 .magee-btn-normal.btn-line:active, .onetone section.home-section-6 .magee-btn-normal.btn-line:focus {background-color: rgba(255,255,255,.3) !important;}section.home-section-6 .heading-inner{border-color:#ffffff} section.home-section-6 .home-section-content p, section.home-section-6 .home-section-content h1, section.home-section-6 .home-section-content h2, section.home-section-6 .home-section-content h3, section.home-section-6 .home-section-content h4, section.home-section-6 .home-section-content h5, section.home-section-6 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#ffffff;} section.home-section-7 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top left; background-attachment:scroll; } section.home-section-7 .home-section-content .person-social i, section.home-section-7 .banner-sns li a i, section.home-section-7 input, section.home-section-7 select, section.home-section-7 textarea, section.home-section-7 .home-section-content h1, section.home-section-7 .home-section-content h2, section.home-section-7 .home-section-content h3, section.home-section-7 .home-section-content h4, section.home-section-7 .home-section-content h5, section.home-section-7 .home-section-content h6{color:#555555;} section.home-section-7 input, section.home-section-7 select, section.home-section-7 textarea{border-color:#555555;} .onetone section.home-section-7 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-7 .magee-btn-normal.btn-line:hover, .onetone section.home-section-7 .magee-btn-normal.btn-line:active, .onetone section.home-section-7 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-7 .heading-inner{border-color:#555555} section.home-section-7 .home-section-content p, section.home-section-7 .home-section-content h1, section.home-section-7 .home-section-content h2, section.home-section-7 .home-section-content h3, section.home-section-7 .home-section-content h4, section.home-section-7 .home-section-content h5, section.home-section-7 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-8 {padding:50px 0; background-color:; background-image:url(https://demo.mageewp.com/wootest/wp-content/uploads/sites/31/2016/11/16110810_1.jpg); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-8 .home-section-content .person-social i, section.home-section-8 .banner-sns li a i, section.home-section-8 input, section.home-section-8 select, section.home-section-8 textarea, section.home-section-8 .home-section-content h1, section.home-section-8 .home-section-content h2, section.home-section-8 .home-section-content h3, section.home-section-8 .home-section-content h4, section.home-section-8 .home-section-content h5, section.home-section-8 .home-section-content h6{color:#555555;} section.home-section-8 input, section.home-section-8 select, section.home-section-8 textarea{border-color:#555555;} .onetone section.home-section-8 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-8 .magee-btn-normal.btn-line:hover, .onetone section.home-section-8 .magee-btn-normal.btn-line:active, .onetone section.home-section-8 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-8 .heading-inner{border-color:#555555} section.home-section-8 .home-section-content p, section.home-section-8 .home-section-content h1, section.home-section-8 .home-section-content h2, section.home-section-8 .home-section-content h3, section.home-section-8 .home-section-content h4, section.home-section-8 .home-section-content h5, section.home-section-8 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-9 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-9 .home-section-content .person-social i, section.home-section-9 .banner-sns li a i, section.home-section-9 input, section.home-section-9 select, section.home-section-9 textarea, section.home-section-9 .home-section-content h1, section.home-section-9 .home-section-content h2, section.home-section-9 .home-section-content h3, section.home-section-9 .home-section-content h4, section.home-section-9 .home-section-content h5, section.home-section-9 .home-section-content h6{color:#555555;} section.home-section-9 input, section.home-section-9 select, section.home-section-9 textarea{border-color:#555555;} .onetone section.home-section-9 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-9 .magee-btn-normal.btn-line:hover, .onetone section.home-section-9 .magee-btn-normal.btn-line:active, .onetone section.home-section-9 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-9 .heading-inner{border-color:#555555} section.home-section-9 .home-section-content p, section.home-section-9 .home-section-content h1, section.home-section-9 .home-section-content h2, section.home-section-9 .home-section-content h3, section.home-section-9 .home-section-content h4, section.home-section-9 .home-section-content h5, section.home-section-9 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-10 {padding:50px 0; background-color:#eeeeee; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-10 .home-section-content .person-social i, section.home-section-10 .banner-sns li a i, section.home-section-10 input, section.home-section-10 select, section.home-section-10 textarea, section.home-section-10 .home-section-content h1, section.home-section-10 .home-section-content h2, section.home-section-10 .home-section-content h3, section.home-section-10 .home-section-content h4, section.home-section-10 .home-section-content h5, section.home-section-10 .home-section-content h6{color:#555555;} section.home-section-10 input, section.home-section-10 select, section.home-section-10 textarea{border-color:#555555;} .onetone section.home-section-10 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-10 .magee-btn-normal.btn-line:hover, .onetone section.home-section-10 .magee-btn-normal.btn-line:active, .onetone section.home-section-10 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-10 .heading-inner{border-color:#555555} section.home-section-10 .home-section-content p, section.home-section-10 .home-section-content h1, section.home-section-10 .home-section-content h2, section.home-section-10 .home-section-content h3, section.home-section-10 .home-section-content h4, section.home-section-10 .home-section-content h5, section.home-section-10 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-11 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-11 .home-section-content .person-social i, section.home-section-11 .banner-sns li a i, section.home-section-11 input, section.home-section-11 select, section.home-section-11 textarea, section.home-section-11 .home-section-content h1, section.home-section-11 .home-section-content h2, section.home-section-11 .home-section-content h3, section.home-section-11 .home-section-content h4, section.home-section-11 .home-section-content h5, section.home-section-11 .home-section-content h6{color:#555555;} section.home-section-11 input, section.home-section-11 select, section.home-section-11 textarea{border-color:#555555;} .onetone section.home-section-11 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-11 .magee-btn-normal.btn-line:hover, .onetone section.home-section-11 .magee-btn-normal.btn-line:active, .onetone section.home-section-11 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-11 .entry-meta i,section.home-section-11 .entry-meta a,section.home-section-11 img{color:#555555}section.home-section-11 .heading-inner{border-color:#555555} section.home-section-11 .home-section-content p{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-12 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-12 .home-section-content .person-social i, section.home-section-12 .banner-sns li a i, section.home-section-12 input, section.home-section-12 select, section.home-section-12 textarea, section.home-section-12 .home-section-content h1, section.home-section-12 .home-section-content h2, section.home-section-12 .home-section-content h3, section.home-section-12 .home-section-content h4, section.home-section-12 .home-section-content h5, section.home-section-12 .home-section-content h6{color:#555555;} section.home-section-12 input, section.home-section-12 select, section.home-section-12 textarea{border-color:#555555;} .onetone section.home-section-12 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-12 .magee-btn-normal.btn-line:hover, .onetone section.home-section-12 .magee-btn-normal.btn-line:active, .onetone section.home-section-12 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-12 .heading-inner{border-color:#555555} section.home-section-12 .home-section-content p, section.home-section-12 .home-section-content h1, section.home-section-12 .home-section-content h2, section.home-section-12 .home-section-content h3, section.home-section-12 .home-section-content h4, section.home-section-12 .home-section-content h5, section.home-section-12 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-13 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-13 .home-section-content .person-social i, section.home-section-13 .banner-sns li a i, section.home-section-13 input, section.home-section-13 select, section.home-section-13 textarea, section.home-section-13 .home-section-content h1, section.home-section-13 .home-section-content h2, section.home-section-13 .home-section-content h3, section.home-section-13 .home-section-content h4, section.home-section-13 .home-section-content h5, section.home-section-13 .home-section-content h6{color:#555555;} section.home-section-13 input, section.home-section-13 select, section.home-section-13 textarea{border-color:#555555;} .onetone section.home-section-13 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-13 .magee-btn-normal.btn-line:hover, .onetone section.home-section-13 .magee-btn-normal.btn-line:active, .onetone section.home-section-13 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-13 .heading-inner{border-color:#555555} section.home-section-13 .home-section-content p, section.home-section-13 .home-section-content h1, section.home-section-13 .home-section-content h2, section.home-section-13 .home-section-content h3, section.home-section-13 .home-section-content h4, section.home-section-13 .home-section-content h5, section.home-section-13 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} section.home-section-14 {padding:50px 0; background-color:#ffffff; background-image:url(); background-repeat:repeat; background-position:top-left; background-attachment:scroll; } section.home-section-14 .home-section-content .person-social i, section.home-section-14 .banner-sns li a i, section.home-section-14 input, section.home-section-14 select, section.home-section-14 textarea, section.home-section-14 .home-section-content h1, section.home-section-14 .home-section-content h2, section.home-section-14 .home-section-content h3, section.home-section-14 .home-section-content h4, section.home-section-14 .home-section-content h5, section.home-section-14 .home-section-content h6{color:#555555;} section.home-section-14 input, section.home-section-14 select, section.home-section-14 textarea{border-color:#555555;} .onetone section.home-section-14 .magee-btn-normal.btn-line{color: #555555;border-color: #555555;} .onetone section.home-section-14 .magee-btn-normal.btn-line:hover, .onetone section.home-section-14 .magee-btn-normal.btn-line:active, .onetone section.home-section-14 .magee-btn-normal.btn-line:focus {background-color: rgba(85,85,85,.3) !important;}section.home-section-14 .heading-inner{border-color:#555555} section.home-section-14 .home-section-content p, section.home-section-14 .home-section-content h1, section.home-section-14 .home-section-content h2, section.home-section-14 .home-section-content h3, section.home-section-14 .home-section-content h4, section.home-section-14 .home-section-content h5, section.home-section-14 .home-section-content h6{font-family:Open Sans, sans-serif;font-variant:regular;letter-spacing:0;color:#555555;} body{margin:0px;} .text-primary { color: #37cadd; } .text-muted { color: #777; } .text-light { color: #fff; } a { color: #37cadd; } a:active, a:hover, .onetone a:active, .onetone a:hover { color: #37cadd; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #37cadd; } mark, ins { background: #37cadd; } ::selection { background: #37cadd; } ::-moz-selection { background: #37cadd; } .site-nav > ul > li.current > a { color: #37cadd; } @media screen and (min-width: 920px) { .site-nav > ul > li:hover > a { color: #37cadd; } .overlay .main-header .site-nav > ul > li:hover > a { border-color: #fff; } .side-header .site-nav > ul > li:hover > a { border-right-color: #37cadd; } .side-header-right .site-nav > ul > li:hover > a { border-left-color: #37cadd; } } .blog-list-wrap .entry-header:after { background-color: #37cadd; } .entry-meta a:hover, .entry-footer a:hover { color: #37cadd; } .entry-footer li a:hover { border-color: #37cadd; } .post-attributes h3:after { background-color: #37cadd; } .post-pagination li a:hover { border-color: #37cadd; color: #37cadd; } .form-control:focus, select:focus, input:focus, textarea:focus, input[type=\"text\"]:focus, input[type=\"password\"]:focus, input[type=\"subject\"]:focus input[type=\"datetime\"]:focus, input[type=\"datetime-local\"]:focus, input[type=\"date\"]:focus, input[type=\"month\"]:focus, input[type=\"time\"]:focus, input[type=\"week\"]:focus, input[type=\"number\"]:focus, input[type=\"email\"]:focus, input[type=\"url\"]:focus, input[type=\"search\"]:focus, input[type=\"tel\"]:focus, input[type=\"color\"]:focus, .uneditable-input:focus { border-color: inherit; } a .entry-title:hover { color: #37cadd; } .widget-title:after { background-color: #37cadd; } .widget_nav_menu li.current-menu-item a { border-right-color: #37cadd; } .breadcrumb-nav a:hover { color: #37cadd; } .entry-meta a:hover { color: #37cadd; } .widget-box a:hover { color: #37cadd; } .post-attributes a:hover { color: #37cadd; } .post-pagination a:hover, .post-list-pagination a:hover { color: #37cadd; } /*Onetone Shortcode*/ .portfolio-box:hover .portfolio-box-title { background-color: #37cadd; } /*Shortcode*/ .onetone .text-primary { color: #37cadd; } .onetone .magee-dropcap { color: #37cadd; } .onetone .dropcap-boxed { background-color: #37cadd; color: #fff; } .onetone .magee-highlight { background-color: #37cadd; } .onetone .comment-reply-link { color: #37cadd; } .onetone .btn-normal, .onetone a.btn-normal, .onetone .magee-btn-normal, .onetone a.magee-btn-normal, .onetone .mpl-btn-normal { background-color: #37cadd; color: #fff; } .onetone .btn-normal:hover, .onetone .magee-btn-normal:hover, .onetone .btn-normal:active, .onetone .magee-btn-normal:active, .onetone .comment-reply-link:active, .onetone .btn-normal:focus, .onetone .magee-btn-normal:focus, .onetone .comment-reply-link:focus, .onetone .onetone .mpl-btn-normal:focus, .onetone .onetone .mpl-btn-normal:hover, .onetone .mpl-btn-normal:active { background-color: rgba(55,202,221,.6) !important; color: #fff !important; } .onetone .magee-btn-normal.btn-line { background-color: transparent; color: #37cadd; border-color: #37cadd; } .onetone .magee-btn-normal.btn-line:hover, .onetone .magee-btn-normal.btn-line:active, .onetone .magee-btn-normal.btn-line:focus { background-color: rgba(255,255,255,.1); } .onetone .magee-btn-normal.btn-3d { box-shadow: 0 3px 0 0 rgba(55,202,221,.8); } .onetone .icon-box.primary { color: #37cadd; } .onetone .portfolio-list-filter li a:hover, .onetone .portfolio-list-filter li.active a, .onetone .portfolio-list-filter li span.active a { background-color: #37cadd; color: #fff; } .onetone .magee-tab-box.tab-line ul > li.active > a { border-bottom-color: #37cadd; } .onetone .panel-primary { border-color: #37cadd; } .onetone .panel-primary .panel-heading { background-color: #37cadd; border-color: #37cadd; } .onetone .mpl-pricing-table.style1 .mpl-pricing-box.mpl-featured .mpl-pricing-title, .onetone .mpl-pricing-table.style1 .mpl-pricing-box.mpl-featured .mpl-pricing-box.mpl-featured .mpl-pricing-tag { color: #37cadd; } .onetone .pricing-top-icon, .onetone .mpl-pricing-table.style2 .mpl-pricing-top-icon { color: #37cadd; } .onetone .magee-pricing-box.featured .panel-heading, .onetone .mpl-pricing-table.style2 .mpl-pricing-box.mpl-featured .mpl-pricing-title { background-color: #37cadd; } .onetone .pricing-tag .currency, .onetone .mpl-pricing-table.style2 .mpl-pricing-tag .currency { color: #37cadd; } .onetone .pricing-tag .price, .onetone .mpl-pricing-table.style2 .mpl-pricing-tag .price { color: #37cadd; } .onetone .pricing-box-flat.featured { background-color: #37cadd; color: #fff; } .onetone .person-vcard .person-title:after { background-color: #37cadd; } .onetone .person-social li a:hover { color: #37cadd; } .onetone .person-social.boxed li a:hover { color: #fff; background-color: #37cadd; } .onetone .magee-progress-box .progress-bar { background-color: #37cadd; } .onetone .counter-top-icon { color: #37cadd; } .onetone .counter:after { background-color: #37cadd; } .onetone .timeline-year { background-color: #37cadd; } .onetone .timeline-year:after { border-top-color: #37cadd; } @media (min-width: 992px) { .onetone .magee-timeline:before { background-color: #37cadd; } .onetone .magee-timeline > ul > li:before { background-color: #37cadd; } .onetone .magee-timeline > ul > li:last-child:before { background-image: -moz-linear-gradient(left, #37cadd 0%, #37cadd 70%, #fff 100%); background-image: -webkit-gradient(linear, left top, right top, from(#37cadd), color-stop(0.7, #37cadd), to(#fff)); background-image: -webkit-linear-gradient(left, #37cadd 0%, #37cadd 70%, #fff 100%); background-image: -o-linear-gradient(left, #37cadd 0%, #37cadd 70%, #fff 100%); } } .onetone .icon-list-primary li i{ color: #37cadd; } .onetone .icon-list-primary.icon-list-circle li i { background-color: #37cadd; color: #fff; } .onetone .divider-border .divider-inner.primary { border-color: #37cadd; } .onetone .img-box .img-overlay.primary { background-color: rgba(55,202,221,.7); } .img-box .img-overlay-icons i, .onetone .img-box .img-overlay-icons i { background-color: #37cadd; } .onetone .portfolio-img-box { background-color: #37cadd; } .onetone .tooltip-text { color: #37cadd; } .onetone .star-rating span:before { color: #37cadd; } .onetone .woocommerce p.stars a:before { color: #37cadd; } @media screen and (min-width: 920px) { .site-nav.style1 > ul > li.current > a > span, .site-nav.style1 > ul > li > a:hover > span { background-color: #37cadd; } .site-nav.style2 > ul > li.current > a > span, .site-nav.style2 > ul > li > a:hover > span { border-color: #37cadd; } .site-nav.style3 > ul > li.current > a > span, .site-nav.style3 > ul > li > a:hover > span { border-bottom-color: #37cadd; } } /*Woocommerce*/ .star-rating span:before { color: #37cadd; } .woocommerce p.stars a:before { color: #37cadd; } .woocommerce span.onsale { background-color: #37cadd; } .woocommerce span.onsale:before { border-top-color: #37cadd; border-bottom-color: #37cadd; } .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: #37cadd; } .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { background-color: #37cadd; } .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { background-color: rgba(55,202,221,.7); } p.woocommerce.product ins, .woocommerce p.product ins, p.woocommerce.product .amount, .woocommerce p.product .amount, .woocommerce .product_list_widget ins, .woocommerce .product_list_widget .amount, .woocommerce .product-price ins, .woocommerce .product-price .amount, .product-price .amount, .product-price ins { color: #37cadd; } .woocommerce .widget_price_filter .ui-slider .ui-slider-range { background-color: #37cadd; } .woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color: #37cadd; } .woocommerce.style2 .widget_price_filter .ui-slider .ui-slider-range { background-color: #222; } .woocommerce.style2 .widget_price_filter .ui-slider .ui-slider-handle { background-color: #222; } .woocommerce p.stars a:before { color: #37cadd; } .onetone .mpl-portfolio-list-filter li.active a, .onetone .mpl-portfolio-list-filter li a:hover { color: #37cadd; } /* * 0.0 Reset * Reset CSS by Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, div{ display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } audio, canvas, video { display: inline-block; max-width: 100%; } html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } body, button, input, select, textarea { color: #555; font-family: 'selfFont', 'Open Sans', sans-serif; font-size: 14px; line-height: 1.8; outline: none; } input:invalid { box-shadow: none; } body { background: #fff; } a { color: #37cadd; text-decoration: none; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; text-decoration: none; color: #37cadd; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: 400; margin: 20px 0 12px; color: inherit; } h1 { font-size: 36px; line-height: 1.1; } h2 { font-size: 30px; line-height: 1.1; } h3 { font-size: 24px; line-height: 1.1; } h4 { font-size: 20px; line-height: 1.1; } h5 { font-size: 18px; line-height: 1.1; } h6 { font-size: 16px; line-height: 1; } h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong { color: #37cadd; } address { font-style: italic; margin-bottom: 24px; } abbr[title] { border-bottom: 1px dotted #2b2b2b; cursor: help; } b, strong { font-weight: 700; } cite, dfn, em, i { font-style: italic; } mark, ins { background: #37cadd; text-decoration: none; } p { margin-bottom: 24px; } code, kbd, tt, var, samp, pre { font-family: monospace, serif; font-size: 14px; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; line-height: 1.6; } pre { border: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-bottom: 24px; max-width: 100%; overflow: auto; padding: 12px; white-space: pre; white-space: pre-wrap; word-wrap: break-word; } blockquote, q { -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; } blockquote { font-size: 19px; font-style: italic; font-weight: 300; line-height: 1.2631578947; margin-bottom: 24px; } blockquote cite, blockquote small { color: #2b2b2b; font-size: 16px; font-weight: 400; line-height: 1.5; } blockquote em, blockquote i, blockquote cite { font-style: normal; } blockquote strong, blockquote b { font-weight: 400; } blockquote { border: 0; position: relative; font-family: Georgia, serif; } blockquote p { padding: 20px 0 0 48px; } blockquote p:before { content: "\201C"; display: block; font-size: 84px; line-height: 1; position: absolute; left: 0; top: 0; } blockquote footer { padding-left: 20px; } small { font-size: smaller; } big { font-size: 125%; } sup, sub { font-size: 75%; height: 0; line-height: 0; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } dl { margin-bottom: 24px; } dt { font-weight: bold; } dd { margin-bottom: 24px; } ul, ol { list-style: none; margin: 0 0 24px 20px; } ul { list-style: disc; } ol { list-style: decimal; } li > ul, li > ol { margin: 0 0 0 20px; } img { -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle; max-width: 100%; height: auto; } figure { margin: 0; } fieldset { border: 1px solid rgba(0, 0, 0, 0.1); margin: 0 0 24px; padding: 11px 12px 0; } legend { white-space: normal; } button, input, select, textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; margin: 0; max-width: 100%; vertical-align: baseline; } button, input { line-height: normal; } input, textarea { background-image: -webkit-linear-gradient(hsla(0,0%,100%,0), hsla(0,0%,100%,0)); /* Removing the inner shadow, rounded corners on iOS inputs */ } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { padding: 0; } input[type="search"] { -webkit-appearance: textfield; } input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; } table, th, td { border: 1px solid rgba(0, 0, 0, 0.1); } table { border-collapse: separate; border-spacing: 0; border-width: 1px 0 0 1px; margin-bottom: 24px; width: 100%; } th, td { padding: 6px; } caption, th, td { font-weight: normal; text-align: left; } th { border-width: 0 1px 1px 0; font-weight: bold; } td { border-width: 0 1px 1px 0; } del { color: #767676; } hr { background-color: rgba(0, 0, 0, 0.1); border: 0; height: 1px; margin-bottom: 23px; } ::selection { background: #37cadd; color: #fff; text-shadow: none; } ::-moz-selection { background: #37cadd; color: #fff; text-shadow: none; } :hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .required { color: #F00; } .clear { clear: both; } nav li { list-style-type: none; } /* * 0.1 WordPress CSS */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 15px 13px 20px; text-align: center; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .sticky { } .gallery-caption { } .bypostauthor { } /* * 1.0 General */ body { position: relative; } .wrapper { position: relative; } .container-fullwidth { width: 100%; overflow: hidden; } .container { max-width: 100%; } /* .container-fullwidth .row .row { margin-left: 0; margin-right: 0; } */ .move-to-top { position: fixed; } /* * 2.0 Top bar */ .top-bar { background-color: #eee; font-size: .85em; line-height:30px; display:none; } .top-bar-left { float: left; } .top-bar-right { float: right; } .top-bar-info { color: inherit; } ul.top-bar-sns { margin: 0; overflow: hidden; } .top-bar-sns li { list-style-type: none; float: left; } .top-bar-left .top-bar-sns li { margin-right: 10px; } .top-bar-right .top-bar-sns li { margin-left: 10px; } .top-bar-sns li a { color: ; } .top-bar-menu ul { margin: 0; overflow: hidden; } .top-bar-menu li { list-style-type: none; float: left; } .top-bar-menu li + li { border-left: 1px solid rgba(255,255,255,.5); /*optional*/ } .top-bar-left .top-bar-menu li { margin-right: 10px; padding-right: 10px; } .top-bar-right .top-bar-menu li { margin-left: 10px; padding-left: 10px; } .top-bar-menu li a { color: ; } /* * 2.1 Header logo */ img.site-logo { float: left; height: 50px; } .name-box { float: left; display: none; /*optional*/ } .site-logo { margin: 10px 10px 10px 0; } .site-name { margin: 0 0 2px 0; color: #595959; font-size: 24px; font-weight: normal; line-height: 1; margin-top: 10px; } .name-box a { text-decoration: none; } .site-tagline { color: #595959; } .retina_logo{ display:none; } /* * 2.2 Header Search */ .top-wrap .search-form { display: none; position: absolute; overflow: hidden; top: 100%; right: 0; width: 130px; margin-top: 5px; background-color: transparent; z-index: 9999; border: 1px solid #ccc; border-radius: 3px; } .top-wrap .search-form input[type="text"] { border: none; float: left; width: 100%; margin-right: -30px; padding: 5px 35px 6px 10px; background: none; } .top-wrap .search-form input[type="submit"] { background: url(images/search.png) center no-repeat; float: right; border: none; width: 30px; height: 30px; } /* * 2.3 Header navigation */ .site-nav-toggle { display: block; float: right; margin-top: 20px; background-color: transparent; border: none; color: #ccc; } .overlay .main-header .site-nav-toggle { color: #fff; } .site-nav { display: none; margin-top: 0; width: 100%; position: absolute; top: 100%; left: 0; } .site-nav ul { margin: 0; background-color: #000; } @media (min-width: 920px) { .site-nav ul { opacity:1; } } .site-nav li ul { margin-left: 0; } header .site-nav li ul { display:none; } .site-nav li { position: relative; } .site-nav > ul > li a { display: block; font-size: 13px; line-height: 40px; color: #fff; padding: 0 15px; text-decoration: none; blr:expression_r(this.onFocus=this.blur()); outline:none; } .site-nav > ul > li + li a { border-color: rgba(255,255,255,.2); } /*For onepage*/ .site-nav > ul > li.current > a { color: #37cadd; } .menu-dropdown-icon { position: absolute; right: 0; top: 0; line-height: 40px; width: 40px; text-align: center; cursor: pointer; } .site-nav li ul { display: block; } .site-nav li li a { padding-left: 30px; } .site-nav li li li a { padding-left: 45px; } .site-nav li li li li a { padding-left: 60px; } .site-nav > ul > li > a, .fxd-header .site-nav > ul > li > a { font-size: 13px; font-weight: 700; text-transform: uppercase; } @media (min-width: 920px) { .site-nav-toggle { display: none; } .menu-dropdown-icon { display: none; } .site-nav { display: block; margin: 0; width: auto; position: static; } .site-nav > ul { background-color: transparent; float: left; } .site-nav > ul > li { float: left; position: relative; } .site-nav > ul > li + li { margin-left: 35px; } .site-nav > ul > li > a { display: block; line-height: 70px; padding: 0; background-color: transparent; border-bottom: 0 solid transparent; border-top: 0 solid transparent; color: #fff; } .overlay .main-header .site-nav > ul > li > a { color: #fff; } .site-nav > ul > li:hover > a { border-color: #37cadd; } .site-nav > ul > li > a:hover { background-color: transparent; color: #37cadd; } .site-nav li > ul { display: none; position: absolute; z-index: 9; left: 0; top: 100%; background-color: #000; width: 150px; } .site-nav li li > ul { left: 100%; top: 0; } .site-nav li:hover > ul { display: block; } .site-nav li li a:before { display: none; } .site-nav li li li a:before { display: none; } } .site-nav .menu-item-toggle { position: absolute; display: block; top: 0px; right: 0; width: 60px; height: 40px; cursor: pointer; } .site-nav li.menu-item-has-children > a:before { position:absolute; top:20px; right:15px; width: 12px; height: 2px; background-color: #ccc; content: ""; } .site-nav li.menu-item-has-children > a:after { position:absolute; top: 15px; right: 20px; width: 2px; height: 12px; background-color: #ccc; content: ""; } @media (min-width: 920px) { .site-nav .menu-item-toggle, .site-nav li.menu-item-has-children > a:before, .site-nav li.menu-item-has-children > a:after { display: none; } } ul.onetone-dots { margin: 0; position: fixed; right: 20px; top: 30%; z-index: 999999; } .onetone-dots li { list-style-type: none; margin: 10px 0; } .onetone-dots li a { display: block; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 100%; text-indent:-99999px; } .onetone-dots li a:focus { outline:none; } .onetone-dots li.active a, .onetone-dots li.current a, .onetone-dots li a:hover { background-color: #fff; } /* * 2.4 Top Wrap */ .top-wrap { position: relative; } /* * 2.5 Main header */ .header-wrap { position: relative; z-index: 9999; } .main-header { background-color: #000; color: #555; width: 100%; border-bottom: 1px solid transparent; box-shadow: 1px 1px 5px 0 rgba(100,100,100,.2); } header.overlay .main-header{ box-shadow:none; } .header-wrap.overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 9999; } .header-wrap.overlay .main-header { background-color: transparent; } .slider-above-header .header-wrap.overlay { top: auto; bottom: 0; } .logo-left .logo-box { float: left; text-align: left; } .logo-left .site-nav { clear: right; float: right; } .logo-right .logo-box { float: right; text-align: right; } .logo-right .site-nav { clear: left; float: left; } @media screen and (min-width: 920px) { .logo-center { text-align: center; } .logo-center .logo-box { float: none; text-align: center; margin: 10px 0; } .logo-center .site-logo { float: none; margin: 0; } .logo-center .site-nav ul { float: none; } .logo-center .site-nav > ul > li { float: none; display: inline-block; } } .fixed-header .main-header { display:none; } /* * 2.5 Fixed header */ .fxd-header { background-color: rgba(0,0,0,.7); position: fixed; top: 0; left: 0; width: 100%; display: none; z-index: 999; box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); } @media screen and (min-width: 920px) { .fxd-header{ position: fixed; } } .header-wrap.logo-center .fxd-header .logo-box { display: none; } /* * 2.6 Side header */ @media screen and (min-width: 920px) { .side-header .container { width: 100%; } .side-header .header-wrap .container { padding-left: 0; padding-right: 0; } .side-header .header-wrap { position: absolute; top: 0; left: 0; width: 320px; } .side-header-right .header-wrap { left: auto; right: 0; } .side-header .wrapper { padding-left: 320px; } .side-header-right .wrapper { padding-right: 320px; padding-left: 0; } .side-header .site-nav > ul > li { display: block; } .side-header .site-nav > ul > li + li { margin-left: 0; } .side-header .site-nav li ul { left: 100%; top: 0; } .side-header-right .site-nav li ul { left: auto; right: 100%; } .side-header .site-nav > ul > li a { border-bottom-width: 0; border-right: 2px solid rgba(0, 0, 0, 0); border-bottom: 1px solid #f5f5f5; } .side-header .site-nav > ul > li a { border-bottom-width: 0; border-right-width: 0; border-left: 2px solid rgba(0, 0, 0, 0); } .side-header .site-nav > ul > li:first-child a { border-top: 1px solid #f5f5f5; } .side-header .site-nav > ul > li:hover > a { border-right-color: #37cadd; } .side-header-right .site-nav > ul > li:hover > a { border-left-color: #37cadd; } } /* * 2.6 Mega Menu */ header .container { position: relative; } @media screen and (min-width:920px) { .site-nav > ul > li.menu_column { position: static; } .site-nav > ul > li.menu_column > ul { width:100%!important; padding: 20px 0; } .site-nav > ul > li.menu_column > ul > li.col-md-2, .site-nav > ul > li.menu_column > ul > li.col-md-1_5, .site-nav > ul > li.menu_column > ul > li.col-md-3, .site-nav > ul > li.menu_column > ul > li.col-md-4, .site-nav > ul > li.menu_column > ul > li.col-md-6 { float:left; } .site-nav > ul > li.menu_column > ul > li > ul { display: block; position: static; top: 0; left: 0; width: 100%; } .site-nav li ul li + li > a { border-top: 1px solid rgba(255,255,255,.2); } .site-nav > ul > li.menu_column > ul > li + li > a { border-top: none; } .side-header .site-nav > ul > li.menu_column { position: relative; } .side-header .site-nav > ul > li.menu_column > ul { width: 600px; } li.hide-text > a > span.menu-item-label { display:none!important; } } .menu_icon { margin-right: 5px; } /* * 3.0 Footer */ footer { color: #fff; font-size: 12px; z-index: 2; position: relative; } footer a { color: #c5c7c9; } .footer-widget-area { background-color: #252525; padding: 60px 0 40px; } .footer-widget-area .widget-title { color: #fff; } .footer-widget-area .widget-search { border-color: #fff; max-width: 180px; } .footer-widget-area .widget-sns i { color: #fff; border-color: #fff; } .footer-widget-area .widget-sns i:hover { background-color: #fff; color: #19cbcf; } .footer-info-area { padding: 20px 0; background-color: #000; } ul.footer-sns { display: inline-block; font-size: 20px; margin-left: 0; margin-bottom: 10px; } .footer-sns li { float: left; list-style-type: none; margin: 0 5px; } .footer-sns li a { display: block; width: 40px; height: 40px; line-height: 40px; } ul.footer-links { display: inline-block; margin-left: 0; margin-bottom: 10px; } .footer-links li { float: left; list-style-type: none; } .footer-links li + li::before { content: "\/"; } .site-social ul { margin: 0; overflow: hidden; } .site-social li { list-style-type: none; display: inline-block; } .site-social li a { display: block; margin-left: 1em; } /* * 4.0 Page title bar */ .page-title-bar { border-top:1px solid transparent; border-bottom: 1px solid transparent; padding: 20px 0; text-transform: uppercase; font-size: 13px; background-color: #f5f5f5; } .page-title h1, .page-title h2 { font-size: 18px; line-height: 1; margin: 0; } .page-title h3 { margin: 15px 0 0; line-height: 1; font-size: 20px; } ol.breadcrumb-nav { margin: 0; line-height: 65px; } .no-subtitle ol.breadcrumb-nav { line-height: 30px; } .breadcrumb-nav li { list-style-type: none; display: inline-block; } .breadcrumb-nav li + li { margin-left: 5px; } .breadcrumb-nav > li + li:before { content: "\/"; margin-right: 5px; } .breadcrumb-nav a { color: #a0a0a0; } .breadcrumb-nav a:hover { color: #37cadd; } .title-left .page-title { float: left; } .title-left .breadcrumb-nav { float: right; } .title-center .container { text-align: center; } .title-center .page-title { margin-bottom: 5px; } .title-center ol.breadcrumb-nav { line-height: 30px; } .title-right .page-title { float: right; text-align: right; } .title-right .breadcrumb-nav { float: left; } /* * 5.0 Blog Columns */ .right-aside .col-aside-left { display: none; } .left-aside .col-aside-right { display: none; } .no-aside .col-aside-left, .no-aside .col-aside-right { display: none; } .col-main, .col-aside-left, .col-aside-right { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } @media (min-width: 992px) { .col-main, .col-aside-left, .col-aside-right { float: left; padding-top: 0; padding-bottom: 0; } .no-aside .col-main { width: 100%; } .left-aside .col-main, .right-aside .col-main { width: 75%; } .both-aside .col-main { width: 60%; } .left-aside .col-aside-left, .right-aside .col-aside-right { width: 25%; } .both-aside .col-aside-left { width: 20%; } .both-aside .col-aside-right { width: 20%; } .left-aside .col-main { left: 25%; /*.left-aside .col-aside-left width*/ } .left-aside .col-aside-left { right: 75%; /*.left-aside .col-aside-main width*/ } .both-aside .col-main { left: 20%; /*.both-aside .col-aside-left width*/ } .both-aside .col-aside-left { right: 60%; /*.both-aside .col-aside-main width*/ } } /* * 5.1 Blog Detail */ .entry-summary img, .entry-content img { max-width: 100%; } .post-inner, .page-inner { padding: 50px 0; background-color: #fff; } .entry-header { margin-bottom: 5px; } .feature-img-box .img-box, .feature-img-box img { width: 100%; } .feature-img-box, .feature-img-box { margin-bottom: 20px; } .no-text .feature-img-box { margin-bottom: 0; } .entry-title, .entry-title a{ /*font-family: 'Yanone Kaffeesatz',sans-serif;*/ font-size: 2.2rem;/*36px*/ font-weight: 400; text-transform: uppercase; color: #666; margin: 0 0 10px; } .entry-header h1.entry-title{ display:none; } .entry-meta, .entry-more { font-size: 12px; text-transform: uppercase; margin: 0; text-align: right; } .entry-meta li { list-style-type: none; display: inline-block; margin-right: 10px; } .entry-meta i { margin-right: 5px; } .entry-meta a, .entry-footer a { font-style: italic; color: #a0a0a0; } .entry-meta a:hover, .entry-footer a:hover { color: #37cadd; } .entry-footer { margin: 20px 0; overflow: hidden; border: 0 dashed #ccc; border-top-width: 1px; border-bottom-width: 1px; } .entry-box .entry-footer { border: 0; } .type-page .entry-footer { display: none; } .entry-tags { margin: 10px 0; } .entry-tags li { display: inline-block; list-style-type: none; } .entry-tags li a { } .entry-tags li+li:before { content: ", "; } .post-attributes h3 { font-size: 16px; margin-top: 40px; } .post-attributes h3 { /*font-family: 'Yanone Kaffeesatz',sans-serif;*/ font-size: 24px; font-weight: 400; text-transform: uppercase; color: #666; margin: 40px 0 10px; } .post-attributes a { color: #a0a0a0; } .post-attributes a:hover { color: #37cadd; } .about-author { overflow: hidden; } .author-avatar { float: left; margin: 0 20px 5px 0; } .post-pagination { border: 0 dashed #ccc; border-top-width: 1px; border-bottom-width: 1px; margin-top: 50px; } .post-pagination ul { margin: 10px 0; } .post-pagination li { list-style-type: none; display: inline-block; } .post-pagination li a { } .post-pagination li a:hover { border-color: #37cadd; } .post-list-pagination { text-align: center; } .post-list-pagination ul { margin: 10px 0; } .post-list-pagination li { list-style-type: none; display: inline-block; } .post-list-pagination i, .post-list-pagination span, .post-list-pagination a { display: inline-block; width: 2em; height: 2em; line-height: 2em; } .post-pagination a, .post-list-pagination a { color: #a0a0a0; } .post-pagination a:hover, .post-list-pagination a:hover { color: #37cadd; } .page-numbers { padding: 0 5px; } /* * 5.2 Blog Grid box */ .post-grid-box .img-caption { background-color: #fff; padding: 10px 0; } .post-grid-box .img-caption a h4, .portfolio-box a h4 { margin: 0 0 10px; font-size: 16px; color: #666; text-transform: uppercase; } /* * 5.3 Comments */ ul.comments-list { margin-left: 0; } .comments-list li { list-style-type:none; } .media-comment { margin-top: 30px; position: relative; overflow: visible; width: 100%; display: table!important; } .media-avatar { width: 60px; min-width: 60px; } .media-avatar img { border-radius:50%; border: 3px solid #fff; box-shadow: 1px 1px 3px 0 rgba(0,0,0,.3); } .media-comment .media-heading { font-size: 14px; } .form-control, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border-radius: 0; text-shadow: none; box-shadow: none; } .form-control:focus, select:focus, input:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: #37cadd; box-shadow: none; } .comment-reply-link { float: right; margin-right: 5px; } .comment-edit-link, .comment-reply-link { font-style: italic; text-transform: uppercase; } .form-submit .submit { color: #fff; background-color: #000; width: 100%; border: none; padding: 8px 20px; border-radius: 0; display: inline-block; text-align: center; } .form-control, select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { border: 1px solid #666; padding: 5px; background-color: transparent; } input[type="submit"] { border: 1px solid #666; background-color: transparent; padding: 5px; } /* * 5.4 Blog List Style */ a .entry-title:hover { color: #37cadd; } .entry-box { margin-bottom: 50px; } .blog-list-wrap.blog-grid .entry-box-wrap { width: 100%; display: inline-block; padding: 0 15px; float: left; } @media screen and (min-width: 768px) { .blog-list-wrap.blog-grid .entry-box-wrap { width: 50%; } } @media screen and (min-width: 992px) { .no-aside .blog-list-wrap.blog-grid .entry-box-wrap { width: 33.333333333333%; } } .blog-list-wrap.blog-grid .entry-box { border: 1px solid #ccc; padding: 1px; background-color: #fff; margin-bottom: 30px; } .blog-list-wrap.blog-grid .entry-main { padding: 10px 20px; } .blog-list-wrap.blog-aside-image .entry-main { margin-top: 0; } .blog-list-wrap.blog-aside-image .entry-footer { margin: 10px 0; } .blog-timeline-icon { font-size: 60px; color: #ccc; } .blog-timeline-inner { position: relative; } .blog-timeline-line { position: absolute; top: 0; left: 30px; margin-left: -1px; height: 100%; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; } .blog-list-wrap.blog-timeline .entry-box-wrap { width: 100%; position: relative; padding-left: 60px; } .blog-list-wrap.blog-timeline .entry-box-wrap:after { content: ""; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #e5e5e5; top: 55px; left: 25px; } .blog-list-wrap.blog-timeline .entry-box { border: 1px solid #ccc; padding: 1px; background-color: #fff; position: relative; box-shadow: 1px 1px 5px 0 rgba(0,0,0,.1); } .blog-list-wrap.blog-timeline .entry-box:before { content: ""; position: absolute; width: 0; height: 0; border: 10px solid transparent; top: 50px; } .blog-list-wrap.blog-timeline .entry-box:before { border-right-color: #ccc; left: 0; margin-left: -21px; } .blog-list-wrap.blog-timeline .entry-box:after { content: ""; position: absolute; width: 0; height: 0; border: 9px solid transparent; top: 51px; } .blog-list-wrap.blog-timeline .entry-box:after { border-right-color: #fff; left: 0; margin-left: -18px; } .blog-list-wrap.blog-timeline .entry-main { padding: 10px 20px; } .blog-timeline-loading { margin: 20px 0; } @media screen and (min-width: 768px) { .blog-timeline-icon { text-align: center; } .blog-timeline-line { left: 50%; } .blog-list-wrap.blog-timeline .entry-box-wrap { width: 50%; } .blog-list-wrap.blog-timeline .entry-box-wrap.timeline-left { float: left; padding-right: 10%; } .blog-list-wrap.blog-timeline .entry-box-wrap.timeline-left:after { right: 0; margin-right: -5px; left: auto; } .blog-list-wrap.blog-timeline .entry-box-wrap.timeline-right { float: right; padding-left: 10%; } .blog-list-wrap.blog-timeline .entry-box-wrap.timeline-right:after { left: 0; margin-left: -5px; } .blog-list-wrap.blog-timeline .timeline-left .entry-box:before { border-left-color: #ccc; border-right-color: transparent; left: auto; right: 0; margin-right: -21px; margin-left: 0; } .blog-list-wrap.blog-timeline .timeline-left .entry-box:after { border-left-color: #fff; border-right-color: transparent; left: auto; right: 0; margin-right: -18px; } } /* * 6.0 Portfolio Detail */ .post-slider { margin-bottom: 20px; } #related-portfolio .owl-item { padding: 0 8px; } #related-portfolio .entry-title { font-size:16px; } /* * 6.1 Portfolio List */ .portfolio-list-filter .portfolio-box-wrap{ display:none; } .portfolio-list-wrap { margin: 0 -15px; } .portfolio-list-wrap.no-text .portfolio-box .entry-main { display: none; } .portfolio-box-wrap { float: left; padding: 0 15px 15px; margin-bottom: 30px; } .portfolio-list-wrap.full-width { margin: 0; } .portfolio-list-wrap.full-width .portfolio-box-wrap { padding: 0; margin-bottom: 0; } /* * 7.0 Widget */ .widget-box { margin-bottom: 36px; overflow: hidden; font-size: 12px; } .widget-title { font-size: 18px; margin-top: 0; margin-bottom: 20px; } .widget-box ul { margin-left: 0; } .widget-box ul ul { margin-left: 10px; } .widget-box li { overflow: hidden; list-style-type: none; border-bottom: 1px solid rgba(255,255,255,.1); } .widget-box li > a { padding: 7px 0; display: inline-block; } .widget-box > ul > li, .widget-post > ul > li { } .widget-box a { color: #a0a0a0; } .widget-box a:hover { color: #37cadd; } .widget_search .search-form { border: 1px solid #ccc; padding: 4px; overflow: hidden; width: 100%; display: block; position: static; } .widget_search .search-form label { display: block; position:relative; } .widget_search .search-form label:before { position:absolute; top:0; right:0; font: normal normal normal 16px/28px 'FontAwesome'; content: "\f002"; } .widget_search .search-form input[type="search"] { border: none; float: left; width: 100%; margin-right: -25px; padding-right: 25px; background-color: transparent; color: inherit; } .widget_search .search-form input[type="submit"] { background: none; float: right; border: none; width: 20px; height: 20px; position:relative; z-index:2; color: transparent; } .widget-box .widget-img { float: left; margin-right: 15px; } .widget-box .widget-img img { width: 60px; margin-top: 3px; } .widget-project img { border: 1px solid #eee; } .widget-project .row { margin-left: -2px; margin-right: -2px; } .widget-project [class*='col-xs'] { padding: 2px; } .widget_recent_posts li { clear: left; } .widget_recent_posts li, .widget_contact_info li, .widget_text li { background: none; padding-left: 0; } .widget-post li { list-style-type: none; margin-bottom: 15px; } .widget-post img { display: block; float: left; width: 20%; margin-right: 3%; border-radius: 5px; } .widget-post .widget-post-box { float: left; width: 75%; margin-top: -5px; } .widget-post .widget-post-box.no-img { width: 100%; } .widget_nav_menu ul { margin: 0; } .widget_nav_menu li { padding: 0; margin: 0; border-bottom: 0; } .widget_nav_menu li a { display: block; border-style: solid; border-color: #e5e5e5; border-bottom-width: 1px; border-right-width: 1px; margin: 0; padding: 10px; background-color:#fafafa; } .widget_nav_menu li li a { padding-left: 20px; } .widget_nav_menu li li li a { padding-left: 30px; } .widget_nav_menu { border-top: 1px solid #e5e5e5; } .widget_nav_menu li.current-menu-item a { border-right: 2px solid #37cadd; } #wp-calendar td,.widget #wp-calendar th { text-align: center; } #wp-calendar #today { background: #f5f5f5; } /* * 8.0 Gallery */ .gallery { margin-bottom: 1.6em; margin-left: -15px; margin-right: -15px; overflow: hidden; } .gallery-item { display: block; float: left; padding-left: 15px; padding-right: 15px; margin-bottom: 30px; margin-top: 0!important; text-align: center; vertical-align: top; width: 100%; } .gallery-item img { border: 0!important; } .gallery.gallery-size-full { margin-left: 0; margin-right: 0; } .gallery-size-full .gallery-item { padding: 0; margin-bottom: 0; } .gallery-columns-2 .gallery-item { max-width: 50%; } .gallery-columns-3 .gallery-item { max-width: 33.33%; } .gallery-columns-4 .gallery-item { max-width: 25%; } .gallery-columns-5 .gallery-item { max-width: 20%; } .gallery-columns-6 .gallery-item { max-width: 16.66%; } .gallery-columns-7 .gallery-item { max-width: 14.28%; } .gallery-columns-8 .gallery-item { max-width: 12.5%; } .gallery-columns-9 .gallery-item { max-width: 11.11%; } .gallery-icon img { margin: 0 auto; } .gallery-caption { display: block; margin-top: 10px; } .gallery-columns-6 .gallery-caption, .gallery-columns-7 .gallery-caption, .gallery-columns-8 .gallery-caption, .gallery-columns-9 .gallery-caption { display: none; } section.section{ position:relative; } .onetone-parallax { background-attachment: fixed !important; background-position: 50% 0; background-repeat: repeat; } /* * 9.0 Video Background */ #video-controls { width: 333px; display:none; } #video-controls i.fa{ font-size:20px; vertical-align: middle; } #video-controls i.fa-volume-up { font-size:22px; } #video-controls i.fa-volume-off { font-size:25px; } .black-65 { color: #FFFFFF; margin: 24px 0; padding: 4px 12px; left: 20px; bottom: 0; position: absolute; z-index:999; } .home-wrapper ,.home-container { position: relative; } section.video-section .home-container { z-index: 3; } .video-section .container { z-index:3; } #tubular-container { position: absolute!important; } #big-video-wrap { /*z-index:1;*/ } .homepage .page-inner { background-color: transparent; } .noticefailed { color: #FF0000 !important; } .section-banner-icon{ margin-bottom:30px; } /* * 10.0 Back to Top */ #back-to-top { position:fixed; right:10px; bottom:10px; background:rgba(255,255,255,0.2); font-size:10px; padding:5px; border-radius:5px; display:none; z-index:999; } .owl-item .inner { padding: 20px; } /* * 10.1 Onetone Owl Slider */ #onetone-owl-slider { position: relative; } #onetone-owl-slider.owl-theme .owl-controls { height: 0; margin: 0!important; position:static; } #onetone-owl-slider .owl-prev, #onetone-owl-slider .owl-next { display:block!important; position:absolute; content:''; font-size:0; color: #fff; opacity: .3; bottom:50%; margin-bottom: -48px; padding: 40px 10px; } #onetone-owl-slider .owl-prev:hover, #onetone-owl-slider .owl-next:hover { opacity: .5; } #onetone-owl-slider .owl-prev { left: 10px; } #onetone-owl-slider .owl-prev:before, #onetone-owl-slider .owl-next:before { font: normal normal normal 16px/1 'FontAwesome'; } #onetone-owl-slider .owl-prev:before { content: "\f053"; } #onetone-owl-slider .owl-next { right:10px; } #onetone-owl-slider .owl-next:before { content: "\f054"; } #onetone-owl-slider .owl-dots { position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; } #onetone-owl-slider .owl-dot { width: 16px; height: 16px; border-radius: 10px; display: inline-block; margin: 3px; border: 2px solid rgba(255,255,255,1); } #onetone-owl-slider .owl-dot.active { background-color: #fff; } #onetone-owl-slider .owl-item .item .inner { position: absolute; width: 100%; height: 100%; top: 0; left:0; } #onetone-owl-slider .owl-item .inner { padding: 20px; } #onetone-owl-slider .item > img { width:100%; } .onetone-owl-slider { position: relative; } #onetone-owl-slider.owl-theme .owl-controls { height: 0; margin: 0!important; position:static; } #onetone-owl-slider .owl-prev, #onetone-owl-slider .owl-next { display:block!important; position:absolute; content:''; font-size:0; color: #fff; opacity: 0; bottom:50%; margin-bottom: -48px; padding: 40px 10px; transition: .3s; } #onetone-owl-slider.owl-carousel:hover .owl-prev, #onetone-owl-slider.owl-carousel:hover .owl-next { opacity: 1; } #onetone-owl-slider .owl-prev { left: 10px; } #onetone-owl-slider .owl-prev:before, #onetone-owl-slider .owl-next:before { } #onetone-owl-slider .owl-prev:before { content: ""; width: 40px; height: 40px; display: block; border: 0 solid #fff; border-width: 0 0 3px 3px; -webkit-transform: rotate(45deg); } #onetone-owl-slider .owl-next { right:10px; } #onetone-owl-slider .owl-next:before { content: ""; width: 40px; height: 40px; display: block; border: 0 solid #fff; border-width: 3px 3px 0 0; -webkit-transform: rotate(45deg); } #onetone-owl-slider .owl-dots { position:absolute; left: 0; bottom: 10px; width: 100%; text-align: center; } #onetone-owl-slider .owl-dot { width: 14px; height: 14px; border-radius: 10px; display: inline-block; margin: 2px; border: 2px solid rgba(255,255,255,1); } #onetone-owl-slider .owl-dot.active { background-color: #fff; } #onetone-owl-slider .owl-item .item .inner { position: absolute; width: 100%; height: 100%; top: 0; left:0; } #onetone-owl-slider .owl-item .inner { padding: 20px; } #onetone-owl-slider .owl-item .item > img { width:100%; } #onetone-owl-slider .owl-item .item .inner { padding: 0; } #onetone-owl-slider .owl-item .item .inner .caption { display: table; width: 100%; height: 100%; } #onetone-owl-slider .owl-item .item .inner .caption-inner { display: table-cell; vertical-align: middle; } #onetone-owl-slider .btn { border-radius: 0; border: 2px solid #fff; display: inline-block; margin-top: 10px; } @media (max-width: 480px) { section.homepage-slider .inner { padding-top: 10px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 20px !important; line-height: 28px !important; margin-bottom:0; } section.homepage-slider p { font-size: 12px; width: 100%; margin: 0 auto; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 481px) and (max-width: 640px) { section.homepage-slider .inner { padding-top: 30px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 20px !important; line-height: 30px !important; margin-bottom:0; } section.homepage-slider p { font-size: 12px; width: 100%; margin: 0 auto 10px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 641px) and (max-width: 768px) { section.homepage-slider .inner { padding-top: 50px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 28px !important; line-height: 40px !important; margin-bottom:0; } section.homepage-slider p { font-size: 14px; width: 80%; margin: 0 auto 10px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 769px) and (max-width: 1200px) { section.homepage-slider .inner { padding-top: 100px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 32px !important; line-height: 40px !important; margin-bottom:0; } section.homepage-slider p { font-size: 14px; width: 80%; margin: 0 auto 10px; } } /* * 11.0 bbPress */ .bbp-breadcrumb { display: none; } .bbp-search-form { margin-bottom: 10px; } #bbp-search-form { border: 1px solid #ccc; padding: 8px; overflow: hidden; width: 100%; } #bbp-search-form div { position:relative; } #bbp-search-form div:before { position:absolute; top:0; right:0; font: normal normal normal 18px/20px 'FontAwesome'; content: "\f002"; } #bbp-search-form input[type="text"] { border: none; float: left; width: 100%; margin-right: -25px; padding-right: 25px; background-color: transparent; color: inherit; } #bbp-search-form input[type="submit"] { background-color: transparent; float: right; border: none; width: 20px; height: 20px; text-indent: -9999px; position:relative; z-index:2; } #bbp-search-form input[type="submit"]:before { content: "\f002"; } #bbp_topic_title, .wp-editor-container, #bbp_topic_tags { border: 1px solid #ccc; } #bbp_topic_submit, #bbp_reply_submit { background-color: #000; color: #fff; border: none; padding: 5px 20px; } #bbp_topic_title, #bbp_topic_content, #bbp_topic_tags, #bbp_topic_status_select, #bbp_stick_topic_select { padding: 3px; } /* * 12.0 Post Format */ /*Post Format Video*/ .format-video iframe { border: 0; } /*Post Format image*/ .format-image .wp-caption { height: auto; padding: 5px; } /*Post Format Status*/ .format-status { } /*Post Format Audio*/ .format-audio { } /*Post Format Quote*/ .format-quote .entry-title { display: none; } .format-quote .entry-content blockquote { font-family: serif; font-style: italic; border: 0; padding: 20px 60px 0 60px; margin: 0; text-align: center; } .format-quote .entry-content blockquote cite { margin-top: 20px; } .format-quote .entry-content blockquote p { font-size: 25px; color: #222222; line-height: 1.3; } .format-quote .entry-content blockquote + p { text-align: center; } .format-quote .entry-content blockquote + p:before { content: '- '; } .format-quote .entry-content blockquote + p:after { content: ' -'; } /*Post Format Link*/ .format-link .entry-content { background-color: #f5f5f5; margin: 0 0 20px; padding: 30px 60px; text-align: center; font-size: 1.2em; font-weight: bold; font-family: serif; } .format-link .entry-content p { margin: 0; } .format-link .entry-title { display: none; } /* Post Format Chat */ .format-chat p { margin-bottom: 0; padding: 5px; background-color: #fefefe; } .format-chat p:nth-child(2n+1) { background: #f3f3f3; } /* Post Format Gallery */ /* Post Format Aside */ .format-aside.post { background-color: #f5f5f5; padding: 20px; } .format-aside .entry-footer { display: none; } .format-aside .entry-title { display: none; } .format-aside .entry-content p { margin: 0; text-align: center; } #onetone-owl-slider .owl-item .inner { position: absolute; top: 0; } #onetone-owl-slider .owl-item .item > img { width:100%; } .vjs-control-bar{ display: none; } @media screen and (max-width: 600px) { .fxd-header { top:0!important; } } /** slider**/ section.homepage-slider .inner { padding: 100px 50px 10px; width:100%; position:absolute; top:0; text-align:center; margin:auto; color:#fff; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 40px; line-height: 52px; color: #fff; margin-top: 0; } section.homepage-slider .btn { display: inline-block; margin: 25px 0 0; padding: 9px 22px 7px; clear: both; color: #fff; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; border: 2px solid rgba(255,255,255,.4); border-radius: 5px; } section.homepage-slider .btn:hover { background: rgba(255,255,255,.05); } section.homepage-slider .btn:active { -webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); -o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5)); } section.homepage-slider .btn, section.homepage-slider .dot { -webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); -o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); filter: drop-shadow(0 1px 2px rgba(0,0,0,.3)); } @media (min-width: 320px) and (max-width: 480px) { section.homepage-slider .inner { padding-top: 10px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 14px !important; line-height: 20px !important; margin-bottom:0; } section.homepage-slider p { font-size: 12px; width: 100%; margin: 0 auto; } section.homepage-slider .btn { margin: 0; padding: 0; font-size: 12px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 481px) and (max-width: 640px) { section.homepage-slider .inner { padding-top: 30px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 18px !important; line-height: 30px !important; margin-bottom:0; } section.homepage-slider p { font-size: 12px; width: 100%; margin: 0 auto 10px; } section.homepage-slider .btn { margin: 0; padding: 0; font-size: 12px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 641px) and (max-width: 767px) { section.homepage-slider .inner { padding-top: 50px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 20px !important; line-height: 40px !important; margin-bottom:0; } section.homepage-slider p { font-size: 12px; width: 80%; margin: 0 auto 10px; } section.homepage-slider .btn { margin: 0; padding: 5px 10px; font-size: 12px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media (min-width: 769px) and (max-width: 1200px) { section.homepage-slider .inner { padding-top: 100px; padding-bottom: 0; } section.homepage-slider h1, section.homepage-slider h2 { font-size: 24px !important; line-height: 40px !important; margin-bottom:0; } section.homepage-slider p { font-size: 14px; width: 80%; margin: 0 auto 10px; } section.homepage-slider .btn { margin: 0; padding: 5px 10px; font-size: 12px; } #onetone-owl-slider .owl-dots { display:none !important; } } @media screen and (max-width: 600px) { .fxd-header { top:0!important; } } .footer-widget-area .widget_nav_menu{ border-top: none; } .footer-widget-area .widget_nav_menu li{ border-bottom: 1px solid rgba(255,255,255,.1); } .footer-widget-area .widget_nav_menu li a{ background-color:transparent; border:none; } .logo-right .site-logo { float: right; margin: 10px 0 10px 10px; } @media screen and (min-width: 919px) { .logo-center .logo-box { display: inline; float: none; } .logo-center .logo-box .name-box { display: inline; float: none; } .logo-center .site-logo { margin: 10px 0; display: inline; } .logo-center .site-logo.retina_logo { display: none; } } @media screen and (min-width: 919px) { .site-nav.style1 > ul > li > a > span { padding: 10px; border-radius: 5px; } .site-nav.style1 > ul > li.current > a > span, .site-nav.style1 > ul > li > a:hover > span { background-color: #37cadd; color: #fff; } .site-nav.style2 > ul > li > a > span { padding: 8px; border: 2px solid transparent; border-radius: 5px; } .site-nav.style2 > ul > li.current > a > span, .site-nav.style2 > ul > li > a:hover > span { padding: 8px; border: 2px solid #37cadd; } .site-nav.style3 > ul > li.current > a > span, .site-nav.style3 > ul > li > a:hover > span { font-weight: bold; padding: 5px 0; border-bottom: 2px solid #37cadd; } } @media screen and (max-width: 600px) { body.admin-bar { margin-top: -46px; } body.admin-bar .wrapper { padding-top: 46px; } } @media screen and (max-width: 767px) { .footer-info-area .site-info, .footer-info-area .site-social { float: none!important; text-align: center; } .footer-info-area .site-social ul { margin: 0 auto; } .site-social li a { margin-left: .5em; margin-right: .5em; } } .img-frames { font-size:0; line-height:0; } .img-frames .img-box { margin-bottom:0; } /*Onetone Carousel*/ .onetone-owl-carousel-wrap { margin: 0 -15px; } .onetone-carousel-item { padding: 0 15px; } .onetone-owl-carousel-wrap.full { margin: 0; } .onetone-owl-carousel-wrap.full .onetone-carousel-item { padding: 0; } .onetone-owl-carousel .owl-prev, .onetone-owl-carousel .owl-next { display: none!important; } .onetone-owl-carousel .owl-dots { position: static; margin-top: 20px; text-align:center; } .onetone-owl-carousel .owl-dot { border: 2px solid #ccc; width: 12px; height: 12px; border-radius: 6px; margin: 0 3px; display: inline-block; } .onetone-owl-carousel .owl-dot.active { background-color: #ccc; } .owl-carousel .owl-item .testimonial-avatar img { width: 60px; height: auto; } .owl-carousel .owl-item .person-img-box img { width: auto; height: auto; } .onetone-animated{ visibility:hidden; } @media only screen and (max-width: 767px) { .header-wrap.overlay{ position: static; } .overlay .main-header .site-nav-toggle { color: #ccc; } header.overlay .main-header .site-tagline, header.overlay .main-header .site-name { color: #595959; } .site-nav { z-index:999 } } @media screen and (max-width: 767px) { section.home-section-1 .home-section-content { font-size: 12px; } } .contact-failed { padding: 0 10px; } #portfolio-cat section.post-main .row{ margin-top:0; } #portfolio-cat section.post-main .portfolio-col{ margin-bottom:0; } .magee-pricing-box-wrap .fa-shopping-cart{ color:#fff !important; } /*MPL Onetone fix*/ .onetone .mpl-btn-normal { line-height: 1; padding: .9em 1.6em; border-radius: 0; } .onetone .mpl-contact-form input[type="submit"] { border-radius: 0; } .breadcrumb{ float:right; } #oneHalfProject p, #oneHalfProject h2, #oneHalfProject h3, #oneHalfProject ul, #oneHalfProject li, #oneHalfProject ol { line-height: 180%!important; } /* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #pageContent section { margin-bottom: 40px; font-size: 1.5rem; } #ecomNetsu h1, #ecomNetsu h2, #ecomNetsu h3, #ecomNetsu h4, #ecomNetsu h5, #ecomNetsu h6 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", "sans-serif"; font-size: 2.2rem; font-weight: bold; color: #ff3600; } #pageContent p { margin-bottom: 10px; font-size: 1.5rem; } #pageContent h1, #pageContent h2, #pageContent h3{ margin-bottom: 10px; } /*TOP 新着*/ #toppageBody #entryList .imageHolder{ height: 170px; background-repeat: no-repeat; background-position: center center; background-size: cover; } #toppageBody #entryList .imageHolder img { display: none; } #toppageNews #toppageNewsDocument li a.titlename:hover{ text-decoration: underline; } /*title*/ .page-title { padding:10px; text-align:center; } #pageContent .entry-title, #pageContent .entry-title a{ font-size: 1.5rem; } #pageContent h1{ font-size: 3.0rem; } #pageContent h2 span.number{ color:black; padding: 2px 15px 5px; background-color: #eee; margin-right: 10px; } #pageContent #post-9 h2{ margin-bottom: 25px; } /*表組*/ dl.dataTable, .dataTable dt, .dataTable dd { box-sizing: border-box; } dl.dataTable { background: #eee; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; } .dataTable dt, .dataTable dd { padding: 10px 10px 0 10px; border-top: 1px solid #ccc; } .dataTable dt { width: 20%; /*size*/ float: left; } .dataTable dd { background: #fff; margin-left: 20%; /*size*/ padding-bottom: 10px; margin-bottom: 0px; border-left: 1px solid #ccc; } .dataTable dd:after { content: ''; display: block; clear: both; } @media screen and (max-width: 600px)/*responsive size*/ { .dataTable dt, .dataTable dd { width:100%; float:none; margin-left: 0px; padding: 10px; } .dataTable dd{ border-left: none;padding-bottom:20px; } } .category-work table.dataTable th{ background-color: #f8fbf7; } .category-service table.dataTable th{ background-color: #f8fbf7; } /*写真を重ねたような処理*/ .photoFrameWset .wp-caption{ /*写真を重ねたフレーム1-2 いimg 外側を divで囲んで設定*/ display: inline-block; position: relative; } .photoFrameWset .wp-caption:after {/*写真を重ねたフレーム22*/ position: absolute; display: block; content: ""; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); transform: rotate(3deg); /* 回転させる */ background: #fff; z-index: -1; } .thumbnails-background { width: 100%; border: solid 1px #ccc; background-size: cover; background-position: center; } #ecomNetsu .thumbnails-background .page-title h1{ padding : 50px; text-shadow: .5px .5px 5px #333; color: #fff; /*text-shadow: 0 0 10px rgba(0,0,0,.4);*/ } /*背景画像の設定をする*/ .thumbnails-background{ background-size: cover; position: relative; z-index: 0; /*top:-5px;*/ overflow: hidden;/*ブラー効果でボヤけた部分を非表示*/ box-shadow: 0px 0px 15px; } /*:beforeにぼかし効果を設定する*/ .thumbnails-background:before{ content: ''; background: inherit;/*.bgImageで設定した背景画像を継承する*/ -webkit-filter: blur(5px); -moz-filter: blur(5px); -o-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); position: absolute; /*ブラー効果で画像の端がボヤけた分だけ位置を調整*/ top: -5px; left: -5px; right: -5px; bottom: -5px; z-index: -1;/*重なり順序を一番下にしておく*/ } /*事例カテゴリ*/ #loopEntry .unit{ width: 30.33%; float: left; margin: 0 1%; } #loopEntry .unit a .titleHolder { color: #f30510; } #loopEntry .unit a{ color: #333; } #loopEntry .textHolder { padding:10px 20px; background-color: #fff; min-height: 250px; } #loopEntry .imageHolder { height: 175px; overflow: hidden; background-size: cover; background-position: center center; background-repeat: no-repeat; background-image: url(/share/images/no_image.png); background-color: #c6c6c6; } #loopEntry .imageHolder img{/*新着を背景に*/ display:none; } #loopEntry .titleHolder { font-size: 2.0rem; font-weight: bold; margin-bottom: 10px; } #outerBlue { background-color:#f0f5f7; padding-top: 30px; } #outerBlue .firstText{ margin-bottom: 15px; text-align: center; } #pageContent { padding-bottom: 20px; } /* button */ .btn, .btn:visited, .btn-gray, .btn-gray:visited, .btn-darkblue, .btn-darkblue:visited, .btn-lightblue, .btn-lightblue:visited, .btn-pink, .btn-pink:visited, .btn-green, .btn-green:visited, .btn-anc { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; position: relative; display: inline-block; padding: 8px 22px; border-radius: 30px; text-decoration: none !important; vertical-align: top; text-align: center; padding-bottom: 10px; line-height: 100%; } .btn-pink::before { border-top: 1px solid #fff; border-right: 1px solid #fff; } .btn::before, .btn-gray::before, .btn-darkblue::before, .btn-lightblue::before, .btn-pink::before, .btn-green::before { position: absolute; top: 0; bottom: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); right: 11px; width: 6px; height: 6px; } .btn-area{ text-align: center; } /*pink*/ .btn-pink, .btn-pink:visited { border: 1px solid #e4007f; background: #e4007f; color: #fff !important; } .btn, .btn:visited { border: 1px solid #666; background: #fff; color: #2c2c2c !important; } .btn-large { min-width: 300px; font-size: 14px; } /*blue*/ .btn-lightblue,.btn-lightblue:visited { border: 1px solid #0099ff; background: #106fe3; color: #fff !important; } .btn-lightblue:hover,.btn-lightblue:visited:hover { color: #fff; } .btn-lightblue:before { border-top: 1px solid #fff; border-right: 1px solid #fff; } /*-- 加熱テスト ---------------*/ #post-7 { padding-top: 20px; } #post-7 .unit{ padding-bottom: 40px; clear:both; float: left; width: 100%; border-top: dotted thin #eee; padding-top: 10px; } #post-7 .workex{ background-color: #f1f9f7; padding: 15px;/*10px 20px*/ border: thin solid #e0f1e9; border-radius: 4px; font-size: 1.2rem; color: #1d9d74; margin-bottom: 30px; } #post-7 h2 { text-align: center; margin-bottom: 30px; margin-top: 10px; } #post-7 h4{ margin-bottom:10px; color: #0a2c80; } #post-7 .workex h5{ font-size: 1.6rem; margin-bottom: 10px; color: #157B5A; } #post-7 .unit .imageHolder { width: 35%; float:left; margin-right: 5%; } #post-7 .unit .textHolder { width: 60%; float:left; } #post-7 .unit .imageHolder img { border-radius: 5px; } .btn-area{ margin-top: 35px; margin-bottom: 60px; } #post-7 .unit .text2 { background-color: #fafafa; padding: 8px 15px; margin-bottom: 20px; font-size: 1.2rem; display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; word-break: break-all; word-wrap: break-word; /*color: #333;*/ color: #7d7460; background-color: #f5f5f5; border: 1px solid #eee; border-radius: 4px; } #post-7 #graphtext img{ width: 40%; margin-left: 5%; } /* big > small */ @media (max-width: 680px) { #post-7 #graphtext img{ width:80%; margin-left:auto; margin-right: auto; } } #facility{ padding: 15px; background-color: #c8e6f3; border-radius: 4px; padding-bottom: 0px;/**/ } #facility ul{ width: 80%; margin-left: 10%; margin-right: 10%; padding-top:30px; } #facility ul:after{ content:""; display:block; clear:both; } #facility li{ width: 29.33%; float:left; margin-left: 2%; margin-right: 2%; text-align: center; height: 170px; line-height: 120%; font-size: 1.2rem; color: #027dc0; } #facility li img{ width: 40%; margin-bottom:15px; } #exSuprise{ text-align: center; background-image: url(/wp/wp-content/uploads/2017/09/exsurprise0195.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; } #exSuprise p{ padding-top: 100px; padding-bottom: 100px; color: #fff; letter-spacing: 0.8rem; text-shadow: .5px .5px 5px #333; color: #fff; text-shadow: 0 0 10px rgba(0,0,0,.4); } /*09*/ #post-9 .flowFirstText{ text-align: center; margin-bottom: 30px; margin-top: 30px; } .borderTitle { position: relative; text-align: center; } .borderTitle span { position: relative; z-index: 2; display: inline-block; margin: 0 2.5em; padding: 0 1.2em; background-color: #fff; text-align: left; letter-spacing: 0.2rem; color: gray; } .borderTitle::before { position: absolute; top: 60%; z-index: 1; content: ''; display: block; width: 100%; height: 1px; background-color: #ccc; } #post-9 #flowInContact{ float:right; margin-right: 20px; } #flowInContact{ background-color:#ea4306; padding:20px 30px 15px; display: inline-block; border-radius: 5px; color:#fff; text-align:center; } #flowInContact a{ color:#fff; display:block; } #flowInContact span{ padding:1px 10px 5px; border:thin solid #fff; border-radius: 4px; display:block; } #flowInContact .fa{ margin-right:10px; } #flowInContact strong{ margin-top:10px; font-size:1.0rem; border-bottom: solid 3px #fff; padding-bottom:5px; margin-bottom: 5px; } #post-9 #flowPoint{ padding:20px; background-color: #fcf5e9; clear:both; border-radius: 6px; border: thin solid #eee; padding-left: 100px; padding-top: 60px; } #post-9 #flowPoint figure{ width: 240px!important; } #post-9 #flowPoint h2{ display:inline-block; color: yellowgreen; font-weight: bold; } #post-9 #flowPoint mark{ background-color: yellow; } #post-9 #flowFinish { } #post-9 #flowFinish figure{ width: 60%; margin: 20px auto; text-align: center; } /*ribon*/ @media (min-width: 680px) { #post-9 #flowPoint.box { position: relative; } #post-9 #flowPoint .ribbon { width: 150px; height: 150px; overflow: hidden; position: absolute; } #post-9 #flowPoint .ribbon::before, #post-9 #flowPoint .ribbon::after { position: absolute; z-index: -1; content: ''; display: block; border: 5px solid #2980b9; } #post-9 #flowPoint .ribbon span { position: absolute; display: block; width: 225px; padding: 15px 0; background-color: #3498db; box-shadow: 0 5px 10px rgba(0,0,0,.1); color: #fff; font: 700 18px/1 'Lato', sans-serif; text-shadow: 0 1px 1px rgba(0,0,0,.2); text-transform: uppercase; text-align: center; } #post-9 #flowPoint .ribbon-top-left { top: -10px; left: -10px; } #post-9 #flowPoint .ribbon-top-left::before, #post-9 #flowPoint .ribbon-top-left::after { border-top-color: transparent; border-left-color: transparent; } #post-9 #flowPoint .ribbon-top-left::before { top: 0; right: 0; } #post-9 #flowPoint .ribbon-top-left::after { bottom: 0; left: 0; } #post-9 #flowPoint .ribbon-top-left span { right: -25px; top: 30px; transform: rotate(-45deg); } } /* big > small*/ @media (max-width: 679px) { #post-9 #flowPoint .alignleft { float: none; } #post-9 #flowPoint { padding: 20px; } #post-9 #flowPoint .ribbon span{ background-color: #3498db; color:#fff; padding:5px 10px; margin-bottom: 10px; display: block; } #post-9 .photoFrameWset .wp-caption { display:block!important; } } /*お問い合わせフォーム-------------------*/ #ecomNetsu #post-11 h2{ margin-bottom: 20px; } /* 必須マーク */ #post-11 .must { color: #fff; margin-right: 10px; padding: 1px 10px 4px; background: #F92931; border-radius: 5px; font-size: 1.2rem; margin-left: 5px; } /* 任意マーク */ #post-11 .free { color: #fff; margin-right: 10px; padding: 6px 10px; background: #424242; border-radius: 20px; } /* 項目名を太字にする */ #post-11 form p { font-weight: 600; } /* 入力項目を見やすくする */ #post-11 input.wpcf7-form-control.wpcf7-text, #post-11 textarea.wpcf7-form-control.wpcf7-textarea { width: 100%; padding: 8px 15px; margin-right: 10px; margin-top: 10px; border: 1px solid #d0d5d8; border-radius: 3px; } #post-11 textarea.wpcf7-form-control.wpcf7-textarea { height: 200px; } /* 必須項目の入力欄を黄色にする */ #post-11 input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { background: rgba(237, 237, 163, 0.5); } /* 送信ボタンを見やすくする */ #post-11 input.wpcf7-submit { margin: 20px 0px; font-size: 14px !important; padding: 10px 20px !important; text-shadow: 0px 0px 3px #0B9DDD !important; color: #FFF !important; background: none repeat scroll 0% 0% #0B9DDD !important; border-radius: 20px !important; border: 1px solid #0B9DDD !important; box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2), 0px 0px 3px #FFF inset; width: 80%; margin-right: auto; margin-left: auto; } /* エラーメッセージを見やすくする */ #post-11 span.wpcf7-not-valid-tip, #post-11 .wpcf7-response-output.wpcf7-validation-errors { font-weight: 600; background-color: #ec0f9b; text-align: center; color:#fff; } div.wpcf7-validation-errors { } #contactBodyMe { padding:15px; border: thin solid #eee; margin-top: 20px; border-radius: 4px; } #firstTextContact{ margin-bottom:20px; } #post-11 #contactLayoutForm{ background-color: #f0f3f3; padding:15px; } #post-11 #contactLayoutForm input, #post-11 #contactLayoutForm textarea { background-color: #fff; } #post-11 #contactLayoutForm dt{ color:darkblue; } /* small > big */ @media (min-width: 600px) { #post-11 #contactBodyMe dt { float:left; padding-top: 20px; } #post-11 #contactBodyMe dd { padding-left: 25%; border-bottom: thin dashed #eee; padding-bottom: 10px; margin-bottom: 0px; } } /**/ /* 点滅 */ .blinking{ -webkit-animation:blink 1.5s ease-in-out infinite alternate; -moz-animation:blink 1.5s ease-in-out infinite alternate; animation:blink 1.5s ease-in-out infinite alternate; } @-webkit-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } @keyframes blink{ 0% {opacity:0;} 100% {opacity:1;} } .modeActive dl, .modeActive dt, .modeActive dd { display: inline; } .modeActive dt{ margin-right: 20px; width: 100px; display: inline-block!important; } #factoryNow{ color:#bbb; } dl.modeActive{ margin-top:10px; margin-bottom:5px; } .modeActive #reserveBox img{ margin-right:1px; } .modeActive img{ margin-right:10px; } /*事例(カテゴリcategory-workだけスタイル*/ /* .category-work h2 { position: relative; height: 50px; line-height: 50px; padding: 0 1em; background-color: #f0f0f0; } .category-work h2::before, .category-work h2::after { content: ''; position: absolute; } .category-work h2::before { top: 100%; left: 0; border-width: 0 15px 15px 0; border-style: solid; border-color: transparent; border-right-color: #ccc; } .category-work h2::after { top: 0; right: 0; z-index: 2; border-width: 25px 20px; border-style: solid; border-color: transparent; border-right-color: #fff; }*/ .category-work #firstWorkCopy { position: relative; padding: .5em .75em; background: #f4f4f4; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset; } .category-work #firstWorkCopy::after { position: absolute; bottom: -9px; right: 10%; content: '\002702'; color: #aaa; font-size: 18px; line-height: 1; } #ecomNetsu .category-work h3, #ecomNetsu .category-service h3{ position: relative; padding-bottom: .7em; border-bottom: 4px solid #ccc; color:#333; margin-bottom:25px; margin-top: 40px; } #ecomNetsu .category-work h3::after, #ecomNetsu .category-service h3::after{ position: absolute; bottom: -4px; left: 0; z-index: 2; content: ''; width: 20%; height: 4px; background-color: #f30510; } #ecomNetsu .category-work h4, #ecomNetsu .category-work h5, #ecomNetsu .category-work h6, #ecomNetsu .category-service h4, #ecomNetsu .category-service h5, #ecomNetsu .category-service h6{ margin-bottom:20px; margin-top: 20px; font-size: 1.8rem; } #ecomNetsu .category-work hr, #ecomNetsu .category-service hr{ margin-bottom: 50px; } #ecomNetsu .category-work h3 span, #ecomNetsu .category-service h3 span{ font-size:1.0rem; background-color:#333; color:#fff; padding: 2px 10px 5px; vertical-align: bottom; line-height: 200%; margin-right: 10px; border-radius: 2px; } .category-work .imageVbox img, .category-service .imageVbox img{ margin-right: 20px; }{ margin-right: 20px; } @media (max-width: 680px) { #post-122 .wp-image-276, #post-122 .alignleft{ margin-right: auto; margin-left: auto; margin-top: 0px; float:none; } } #ecomNetsu #post-127 ul.layout{ margin: 0px; padding: 0px; list-style: none; } #ecomNetsu #post-127 ul.layout li{ float:left; display:block; width: 23%; margin-left: 1%; margin-right: 1%; } @media (max-width: 680px) { #ecomNetsu #post-127 ul.layout li{ width: 48%; } } .numList { list-style: none; } #ecomNetsu #post-138 .numList li { counter-increment: titleNum; position: relative; padding: 0 0 .5em 2.3em; /*border-bottom: 1px solid #ccc;*/ margin-bottom: 10px; } #ecomNetsu #post-138 .numList li::before { position: absolute; top: 0; left: 0; content: counter(titleNum); width: 28px; height: 28px; line-height: 28px; background-color: #ccc; border-radius: 100%; color: #fff; font-size: .9em; text-align: center; } .fukidashi { margin:20px 0; background-color: #DE3737; display: inline-block; } .fukidashi dt { position: relative; color: #fff; font-weight:bold; float:left; clear:both; padding:10px 15px; background-color: #DE3737; } .fukidashi dd { padding:10px 30px; display:inline-block; background-color:#F8F8F8; margin:0; } .fukidashi dt::after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-width: 10px; margin-top: -10px; border-left-color: #DE3737; } #post-138 #extest li { float: left; width: 48%; margin-left: 1%; margin-right: 1%; display:block; } @media (max-width: 680px) { #post-138 #extest li { width: 98%; float:none; } } #post-138 #extestCover{ background-color: #f5f4f0; padding: 15px; border-radius: 4px; } #post-11 #text-contact{ padding-top: 20px; padding-bottom: 20px; } #post-11 .textHolder { float:left; width: 80%; margin-right: 20px; } #sslBg { background-color: #98935e; color:#fff; padding: 10px 20px 5px; border-radius: 4px; } /*footer*/ #footSign { padding-top: 20px; } #footSign .unit1, #footSign .unit2, #footSign .unit3{ float:left; } #footSign .unit1{ width:33.33%; font-size: 2.4rem; font-weight: bold; } #footSign .unit2{ width:41.33%; padding-top: 10px; } #footSign .unit3{ width:25.33%; padding-top: 24px; } #footSign .unit1 #subName{ font-size: 1.2rem; line-height: 100%; } #footSign .unit3 #footerInquiryBtn a{ background-color: #fff; padding: 10px 34px; color: #f30510; border-radius: 2px; } /*blog*/ .entry-box-wrap{ width: 29.33%; margin-right: 2%; margin-left: 2%; float:left; } /*footer */ footer a{ color:#fff; } time, .updated{ display:none; } .owl-carousel .owl-item{ width: 23%; margin-left: 1%; margin-right: 1%; } #ecomNetsu .related-posts h4, #ecomNetsu .about-author h3{ font-size: 1.6rem; line-height: 120%; } #ecomNetsu .entry-content{ margin-bottom: 40px; } #entryListMore{ text-align:center; clear: both; display:block; width:100%; } /*+++++++++++++++ responsve a ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/ @media (max-width: 860px) { #footSign .unit1{ float: none; width: 100%; border-bottom: thin solid #d80c16; padding-bottom:10px; } #footSign .unit2{ width: 70%; } #footSign .unit3{ width: 30%; padding-top: 20px; } #footSign .unit1 p{ display:inline; } }/* --860*/ @media (max-width: 680px) { #post-7 .alignright, #post-9 .alignright{ float:none; display: block; margin-right: auto; margin-left: auto; } #post-7 h2, #post-9 h2{ text-align: left; } #post-7 .unit .imageHolder, #post-9 .unit .imageHolder{ width: auto; float: none; margin-right: 0%; } #post-7 .unit .textHolder, #post-9 .unit .textHolder{ width: auto; float: none; } #loopEntry .unit { width: 48%; } .entry-box-wrap{ width: 46%; } #footSign .unit2{ width: auto; float:none; } #footSign .unit3{ width: auto; float:none; } #post-9 #flowInContact { float: none; margin-right: 0px; margin-left: auto; margin-right: auto; width: 60%; display: block; } }/* --680*/ /*+++++++++++++++ responsve z ++++++++++++++++++++++++++++++++++++++++++++*/ /* ============== pararax ==========================================================*/ .delay-01s { -webkit-animation-delay: 0.1s; animation-delay: 0.1s; } .delay-02s, #toppageNews li:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } .delay-03s, #toppageNews li:nth-child(3) { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; } .delay-04s, #toppageNews li:nth-child(4) { -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } .scroll2, .delay-05s, #toppageNews li:nth-child(5) { -webkit-animation-delay: 0.5s; animation-delay: 0.5s; } .scroll3, .delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } #entryList .unit:nth-child(2){ -webkit-animation-delay: 0.2s; animation-delay: 0.2s; } #entryList .unit:nth-child(3){ -webkit-animation-delay: 0.4s; animation-delay: 0.4s; } #entryList .unit:nth-child(4){ -webkit-animation-delay: 0.6s; animation-delay: 0.6s; } #entryList .unit:nth-child(5){ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; } #entryList .unit:nth-child(6){ -webkit-animation-delay: 1s; animation-delay: 1s; } #entryList .unit:nth-child(7){ -webkit-animation-delay: 1.2s; animation-delay: 1.2s; } #entryList .unit:nth-child(8){ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; } #entryList .unit:nth-child(9){ -webkit-animation-delay: 1.6s; animation-delay: 1.6s; } #entryList .unit:nth-child(10){ -webkit-animation-delay: 1.8s; animation-delay: 1.8s; } #toppageNews .service { background-color: #2578C3; }