@charset "utf-8";
/*
Theme Name: onepress-child2
Theme URI: https://www.famethemes.com/themes/onepress-child2/
Author: FameThemes
Author URI: http://www.famethemes.com
Template: onepress
Description: OnePress is an outstanding creative and flexible WordPress one page theme well suited for business website, portfolio, digital agency, product showcase, freelancers and everyone else who appreciate good design. The theme overall is an elegant and classic one, a fine example of Bootstrap 4 WordPress theme which compatibility with latest version of WooCommerce. (Live preview : http://www.famethemes.com/preview/?theme=onepress-child2)
Version: 1.2.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: onepress-child2
Tags: one-column, two-columns, left-sidebar, right-sidebar, custom-menu, featured-images, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, e-commerce, blog, portfolio

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

OnePress is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0  Reset
2.0  Document
3.0  Layout
4.0  Structure
5.0  Contents
6.0  Elements
7.0  Widgets
8.0  Sections
9.0  External Plugins

--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
/* Reset already include in bootstrap */
body, button, input, select, textarea {
    color: #777777;
    font-family: "Open Sans",Helvetica,Arial,sans-serif;
    font-size: 0.75rem!important;
    line-height: 1.7;
}

.site {
    background: #e6e6e6!important;
    position: relative;
}
.site-header {
/*background: #e6e6e6!important;*/
}
.sticky-header .header-fixed {
/*    background: #e6e6e6!important;*/
}
.container {
    background: #fff;
}
.site-content {
background: #e6e6e6!important;
}
.site-footer .container {
background: none;
}

#top_mov {
margin:0 auto ;
max-width: 1140px;
height: auto;
}

.breadcrumbs {
    background: #fff none repeat scroll 0 0;
    border-bottom: 1px solid #e9e9e9;
    color: #858585;
    font-size: 10px;
    margin: auto;
    max-width: 1140px;
    padding: 15px 0;
}


.site-main {
    float: right;
    width: 75%;

}
.page .site-main {
	float: none;
    width: 100%;
}
.onepress-menu a {
    font-size: 12px!important;
}

.home .site-main {
    float: none;
    width: 100%;
}
.sidebar_left {
    float: left;
    width: 20%;
	padding-top: 0 !important;
}

.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    float: none!important;
    width: 100%!important;
}

.entry-header .entry-title-image {
    margin: 0 auto!important;
	text-align: center;
}
/*(仮)*/
.entry-header .entry-title-image img{
    margin: 0 auto!important;
	width:1140px;
	
}

.entry-header .entry-title {
    font-size: 18px !important;
	font-weight: 700 !important;
    margin-bottom: 1em;
}
.section-news .list-article, .archive .list-article, .blog .list-article {
    border-top: 1px solid #e9e9e9;
    padding: 15px 0!important;
}
#main_contents h2.pr_ttl {
    font-size: 18px !important;
    margin-bottom: 0.63em!important;
}
.pr_ttl2 {
    border-bottom: 2px solid #333;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.225 !important;
	text-align: center;
    margin-bottom: 0.63em;
    padding: 0 0 5px;
}
@media screen and (max-width: 640px) {
.pr_ttl2 .img_pr_ttl2{
	width:65%;
}
}
/*iPhone 6+ がデバイスが縦置き*/
@media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : portrait) { 
.pr_ttl2 .img_pr_ttl2{
	width:65%;
}

}
.pr_ttl3 {
    border-bottom: 2px solid #333;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.225 !important;
    margin-bottom: 0.63em;
    padding: 0 0 5px;
}
.home_pr_img {
    margin-bottom: 0.63em;
}
.entry-content h2 {
    border-bottom: 2px solid #333;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.225 !important;
    margin-bottom: 1em;
    padding: 0 0 5px;
}
.site-main .blog-title {
    border-bottom: 2px solid #333;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.225 !important;
    margin-bottom: 1em;
    padding: 0 0 5px;
}
.entry-content h3 {
    font-size: 16px !important;
}
.news_area {
    margin-bottom: 40px;
}
.news_area .pr_ttl {
    margin-bottom: 10px;
}
.home .news_area .rss-antenna li p {
    margin-bottom: 0;
}
.home .news_area li {
    border-bottom: 1px dotted #666;
    margin-bottom: 5px;
    padding: 0 0 3px;
}
.home .news_area li span.post-date {
    margin-right: 10px;
}
a {
    color: #3b8df0;
    outline: medium none;
    text-decoration: none;
}
a:hover {
	color: #3b8df0!important;
}
.section-news .entry-title, .archive .entry-title, .blog .entry-title {
    font-size: 1rem !important;
    line-height: 1 !important;
}

.right-sidebar .content-area {
    border-right: medium none !important;
    padding-right: 20px !important;
    width: 80% !important;
}
.right-sidebar .sidebar {
    border-left: medium none !important;
    margin-left: 0!important;
    padding-left: 0px!important;
}
.sidebar {
    float: left;
    width: 20%!important;
}
.right-sidebar .sidebar li img{
width : 120% ;
}

.sidebar .side_banner li{
margin-bottom: 16px;
}

.sidebar .widget li:first-child {
     margin-top: 0;
}

.sidebar .side_banner_2{
}
.sidebar .side_banner_2 ul {
    margin-bottom: 8px;
}
.sidebar .side_banner_2 li {
    border: 1px solid #666;
    display: inline-block;
    font-size: 12px;
    padding: 15px 0;
    text-align: center;
    width: 100%;
	/*width: 180px;*/
}
.sidebar .side_banner_2 li {
    border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */ 
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4c4c4c+0,595959+12,666666+25,474747+39,2c2c2c+50,000000+51,111111+60,2b2b2b+76,1c1c1c+91,131313+100;Black+Gloss+%231 */
background: rgb(76,76,76); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
.sidebar .side_banner_2 li a{
    font-size: 12px;
	font-weight: bold;
	display: block;
	color:#fff;
}

/*SNSアイコン*/
.sidebar .widget .SNSbanner ul {
    margin-bottom: 0 !important;
}
.sidebar .widget .SNSbanner li {
    padding: 8px 0;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.sidebar .widget .SNSbanner li:first-child {
    padding-top: 0;
}
.sidebar .widget .SNSbanner li:last-child {
    padding-bottom: 16px;
}
.right-sidebar .sidebar .SNSbanner li img {
    width: inherit;
}
.right-sidebar .sidebar .side_banner_2 li img {
    width: inherit!important;
}
.sidebar .side_banner_2 li.SNSicon {
    padding: 14px 0 !important;
}

#content-inside.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 7.5rem!important;
    padding-right: 7.5rem!important;
}
/*
.home #content-inside.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 7.5rem!important;
    padding-right: 7.5rem!important;
}
*/

ul, ol, dl, p, details, address, .vcard, figure, pre, fieldset, table, dt, dd, hr {
    margin-bottom: 1.25rem;
    margin-top: 0;
}
#main_contents {
margin-bottom: 40px;
}
#primary {
    padding-bottom: 20px;
    padding-top: 20px;
}

.global_site_explain {
    background: #e9e9e9 none repeat scroll 0 0;
    border: 1px solid #111;
    margin-bottom: 2em;
    padding: 10px;
}
.global_site_explain a{
color: #3b8df0;
}

table th {
    font-size: 12px!important;
    letter-spacing: 2px;
    text-transform: uppercase;
	background-color: #e2e5cf;
}
#outline-table td{
text-align:left;
padding: 10px;
}

#main .cont-box .text-head {
    border-bottom: 1px dotted #000;
    clear: both;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 1em;
    padding: 5px;
}


.sidebar_left #custom-post-type-categories-item + .widget-title {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.widget .widget-title {
    font-family: Montserrat,"Helvetica Neue",sans-serif;
    font-size: 1rem;
    letter-spacing: inherit !important;
    line-height: 1.3125;
    margin: 0 0 10px !important;
    text-transform: inherit !important;
}
ul, ol {
    list-style-type: none !important;
    padding: 0 !important;
}
.widget-area .widget_categories li, .widget-area .widget_archive li, .widget-area .widget_meta li {
    float: none !important;
    width: 100% !important;
}
.sidebar_left .cat-item,
.widget-area .widget_categories li {
    background: #f2f2f2 none repeat scroll 0 4px;
    margin: 0 0 1px !important;
    padding: 0 5px 0 10px;
}
.sidebar_left .cat-item a,
.widget-area .widget_categories li a {
    background: rgba(0, 0, 0, 0) url("http://permagard-jp.pro/images/marker.gif") no-repeat scroll 0 center;
    color: #4d4e4e;
    line-height: 1.81em;
    margin: 0;
    padding-left: 10px;
    text-decoration: none;
}

.widget-area .widget_categories li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 140px;
}

.entry-meta span.byline {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}
.site-main a {
color: #4d4e4e;
}

.entry-header .entry-meta {
    font-size: 10px;
    font-weight: normal;
    letter-spacing: inherit;
    text-transform: inherit;
	margin-bottom: 15px;
    padding-bottom: 15px;
}

.archive .site-main .list-article:first-of-type {
    border-top: none!important;
}
.site-main .navigation {
    padding-top: 15px;
}


.sidebar .widget {
    margin-bottom: 0px!important;
}

.onepress-menu a {
    font-weight: normal!important;
}

/* Medium devices: Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
.site-branding .site-logo-div {
    line-height: 55px!important;
}
.site-header {
    line-height: 1!important;
}
.onepress-menu a {
    color: #333333;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 30px 17px 0!important;
    text-decoration: none;
    text-transform: uppercase;
}
}

@media (min-width: 940px) {
.site-branding .site-logo-div {
    line-height: 75px!important;
}
.site-header {
    line-height: 75px!important;
}

}
@media (min-width: 1140px) {
.site-branding .site-logo-div {
    line-height: 55px!important;
}
.site-header {
    line-height: 1!important;
}
.onepress-menu a {
    color: #333333;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 30px 17px 0!important;
    text-decoration: none;
    text-transform: uppercase;
}
}
/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) {
.site-branding .site-logo-div {
    line-height: 55px!important;
}
.site-header {
    line-height: 1!important;
}
.onepress-menu a {
    color: #333333;
    font-family: "Raleway",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    padding: 30px 17px 0!important;
    text-decoration: none;
    text-transform: uppercase;
}
}


/* smartPhone */
@media screen and (max-width: 640px) {
.right-sidebar .content-area {
    border-right: medium none !important;
    padding-right: 0 !important;
    width: 100% !important;
}
.home #content-inside.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem!important;
    padding-right: 0.9375rem!important;
}
#content-inside.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}
.sidebar {
    float: none;
    width: 100% !important;
}
.sidebar_left {
    float: none;
    width: 100% !important;
}
.site-main {
    float: none;
    width: 100% !important;
	padding-bottom: 60px;
}
#secondary {
    padding-bottom: 0!important;
    padding-top: 0;

}
.sidebar_left .cat-item, .widget-area .widget_categories li {
    background: #f2f2f2 none repeat scroll 0 4px;
    margin: 0 0 1px !important;
    padding: 10px!important;
}
#nav-toggle {
    color: transparent !important;
}
}

/* tablet  */
@media only screen and (min-width: 641px) and (max-width: 960px) {
.right-sidebar .content-area {
    border-right: medium none !important;
    padding-right: 20px !important;
    width: 80% !important;
}
#content-inside.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0.9375rem !important;
    padding-right: 0.9375rem !important;
}
.content-area {
    float: left!important;
    width: 100%;
}
.sidebar {
    float: left!important;
    width: 20% !important;
	padding-top: 40px!important;
}
#nav-toggle {
    color: transparent !important;
}
}
.site-branding .site-logo-div img{
    width: 160px!important;
}

@media screen and (max-width: 640px) {
#primary {
    padding-top: 0.9375rem !important;
    padding-bottom: 20px!important;
}
}
/*iPhone 6+ がデバイスが縦置き*/
@media only screen and (min-device-width: 414px)
 and (max-device-width: 736px)
 and (orientation : portrait) { 
#primary {
    padding-top: 0.9375rem !important;
    padding-bottom: 20px!important;
}
}