/*
Theme Name: Ozakikogyo
Author: Corecorp
Author URI: http://wordpress.org/
Version: 1
*/

html {
	font-size:62.5%;
	height:100%;
}
body {
	min-width:1020px;
}
.clearfix:after,
.row:after,
#main-menu-header > ul:after,
#page-body:after,
.gallery:after,
.nav-links:after,
.entry-content:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}
nav ul,
nav li {
	list-style:none;
	padding:0;
	margin:0;
}
nav ul a {
	text-decoration:none;
}
/*
==============================================================
   common-styles
==============================================================
*/
/*
 = .wrapper,.row,.column 
------------------------------------------*/
.wrapper,
.row,
.column,
.portfolio-entry {
	box-sizing:border-box;
}
.wrapper {
	min-width:1020px;
	padding:30px 0;
}
.bg-grey {
	background-color:#f5f5f5;
}
.row {
	clear:both;
	width:1020px;
	margin:0 auto;
}
.row.pad-30px {
	padding:0 30px;
}
.row.pad-40px {
	padding:0 40px;
}
.row.pad-50px {
	padding:0 50px;
}
.row.pad-60px {
	padding:0 60px;
}
.row .row {
	width:auto;
	margin:-15px;
	overflow:hidden;
}
.column {
	float:left;
	padding:15px 15px 10px;
	margin:0;
}
.col-first {
	clear:both;
}
.col-full,
.col-12-12,
.col-center {
	clear:both;
	float:none;
}
.col-center {
	margin:0 auto;
}
.col-1-16 {
	width:6.25%;
}
.col-1-12 {
	width:8.33333333%;
}
.col-1-10 {
	width:10%;
}
.col-1-8,
.col-2-16 {
	width:12.5%;
}
.col-1-6,
.col-2-12 {
	width:16.666667%;
}
.col-1-5,
.col-2-10 {
	width:20%;
}
.col-1-4,
.col-3-12 {
	width:25%;
}
.col-3-10 {
	width:30%;
}
.col-1-3,
.col-4-12 {
	width:33.333333%;
}
.col-3-8,
.col-6-16 {
	width:37.5%;
}
.col-2-5,
.col-4-10 {
	width:40%;
}
.col-5-12 {
	width:41.666667%;
}
.col-7-16 {
	width:43.75%;
}
.col-half,
.col-1-2,
.col-6-12,
.col-5-10 {
	width:50%;
}
.col-7-12 {
	width:58.333333%;
}
.col-9-16 {
	width:56.25%;
}
.col-3-5,
.col-6-10 {
	width:60%;
}
.col-5-8,
.col-10-16 {
	width:62.5%;
}
.col-2-3,
.col-8-12 {
	width:66.6666666%;
}
.col-11-16 {
	width:68.75%;
}
.col-7-10 {
	width:70%;
}
.col-3-4,
.col-6-8,
.col-9-12,
.col-12-16 {
	width:75%;
}
.col-4-5,
.col-8-10 {
	width:80%;
}
.col-13-16 {
	width:81.25%;
}
.col-5-6,
.col-10-12 {
	width:83.3333333%;
}
.col-7-8,
.col-14-16 {
	width:87.5%;
}
.col-9-10 {
	width:90%;
}
.col-11-12 {
	width:91.6666666%;
}
.col-15-16 {
	width:93.75%;
}
.right-column,
.column.rtl {
	float:right;
}
/*
 = .post-category-image-link
------------------------------------------*/
.post-category-image-link.gallery {
	margin-top:-5px;
	margin-bottom:-5px;
}
.post-category-image-link .gallery-item {
	padding-top:5px;
	padding-bottom:5px;
}
.post-category-image-link .gallery-item a {
	display:block;
	color:#333;
}
.post-category-image-link .gallery-item a:hover {
	opacity:.8;
}
.post-category-image-link .gallery-caption {
	padding-bottom:10px;
}
/*
 = .news-list shortcode
------------------------------------------*/
.news-list h3 {
	font-size:20px;
	font-size:2rem;
	background:#f5f5f5;
	padding: 8px 12px 6px;
	margin-bottom:.2em;
	border-top:3px solid #84b49d;
	border-bottom:3px solid #e0e0e0;
	text-shadow:1px 1px 1px #fff;
}
.news-list h3:before {
	color:#3c805f;
	content: '\e8a2';
	background:none;
	font-size:115%;
	display:inline;
	margin-right:.25em;
	margin-left:0;
	width:auto;
	position:static;
	box-shadow:none;
}
.news-list ul {
	list-style:none;
	padding:0;
	margin:0 0 15px;
}
.news-list li {
	font-size:14px;
	font-size:1.4rem;
	margin:0;
	border-bottom:2px dashed #d3d3d3;
}
.news-list li a {
	color:#444;
	display:block;
	padding:12px 6px 10px;
	text-decoration:none;
	position:relative;
	overflow:hidden;
}
.news-list li a:hover {
	background-color:#fcfcfc;
}
.news-list li .post-thumb {
	position:absolute;
	top:0;
	right:0;
	width:60px;
}
.news-list li .entry-date {
	margin-right:.6em;
}
.news-list li .post-title {
}
.news-list .post-title:before {
	color:#3c805f;
	content: '\e815';
	font-family: "icon-font-1-2";
	margin-right:.2em;
}
/*
 = WP Tile
------------------------------------------*/
.wp-tiles-byline-title {
	font-weight:normal;
	font-size:14px;
	padding:0 !important;
}
/*
-----------------------------------------------------------
 site frame
-----------------------------------------------------------
*/
/*
 = Site Header & Footer
------------------------------------------*/
#site-header {
}
#header-top {
	font-size:13px;
	font-size:1.3rem;
	line-height:18px;
	overflow:hidden;
}
#header-top .wrapper {
	background:#f3f3f3;
	border-top:3px solid #666;
	border-bottom:3px solid #e3e3e3;
	padding: 10px 0 6px;
}
#header-top .column {
	padding-top:0;
	padding-bottom:0;
}
#site-desc {
}
#partnership span {
	margin-left:.8em;
	vertical-align:middle;
}
#partnership img {
	vertical-align:middle;
	margin-top:-2px;
	margin-right:.3em;
}
#header-main {
	border-bottom:3px solid #ccc;
}
#header-main .column {
	padding-top:28px;
	padding-bottom:24px;
}
#site-title {
	margin:0;
}
#site-title img {
	display:block;
}
#main-menu-header {
}
#main-menu-header > ul > li {
	font-size:16px;
	font-size:1.6rem;
	font-family:IwaUDGoHonPro-Th, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1;
	float:left;
	margin:0 0 0 4px;
	position:relative;
}
#main-menu-header > ul > li > a {
	color:#555;
	display:block;
	text-decoration:none;
	padding:18px 6px 15px;
	position:relative;
	overflow:visible;
	border-bottom:3px solid transparent;
}
#main-menu-header > ul > li.menu-item-has-children > a:after {
	color:#666;
	content: '\e800';
	font-family: "icon-font-1-2";
	margin-left:3px;
}
#main-menu-header > ul > li > a:hover {
	color:#000;
	transition:all ease .1s;
}
#main-menu-header > ul > li:hover > a {
	border-bottom-color:#45a576 !important;
}
#main-menu-header > ul > li.current-menu-item > a,
#main-menu-header > ul > li.current-page-ancestor > a {
	border-bottom-color:#B3D1C3;
}
#main-menu-header .sub-menu {
	display:none;
	background:rgba(254,254,254,.95);
	width:200px;
	margin-left:-100px;
	position:absolute;
	top:100%;
	left:50%;
	padding: 10px 10px;
	box-shadow:0 1px 4px rgba(0,0,0,.1);
	box-sizing:border-box;
	z-index:10;
	opacity:0;
	transition:  all ease .25s;
}
#main-menu-header li:hover > .sub-menu {
	display:block;
	opacity:1;
	transition:  all ease .25s;
}
#main-menu-header .sub-menu:before {
	color:#45a576;
	content: '\e93e';
	font-family: "icon-font-1-2";
	font-size:18px;
	line-height:1;
	text-align:center;
	width:20px;
	margin-left:-10px;
	position:absolute;
	top:-7px;
	left:50%;
}
#main-menu-header .sub-menu > li > a {
	color:#333;
	font-size:14px;
	font-size:1.4rem;
	text-align:center;
	display:block;
	padding: 8px 0;
	border-bottom:1px solid #d3d3d3;
	box-shadow:0 1px 0 #fff;
	-webkit-font-smoothing: subpixel-antialiased;
}
#main-menu-header .sub-menu > li > a:hover {
	background:rgba(50,50,50,.1);
	text-decoration:none;
	color:#000;
	text-shadow:0 1px 2px #fff;
}
#site-footer {
	color:#fff;
	color:rgba(255,255,255,.9);
	background-color:#3f3f3f;
	border-top:6px solid #ccc;
	padding-top:15px;
	padding-bottom:15px;
}
#address-footer {
	font-size:13px;
	font-size:1.3rem;
	line-height:1.46153846;
	letter-spacing:1px;
}
#logo-footer {
	float:left;
	margin:0 16px 8px 0;
}
#copyright-footer {
	font-size:10px;
	font-size:1rem;
	line-height:1;
	display:block;
	clear:both;
}
#site-footer .link-button a {
	padding-top:10px;
}
/*
 = #scroll-to-top
------------------------------------------*/
#scroll-to-top {
	margin:0;
	position: fixed;
	z-index:101;
	bottom:30px;
	right:30px;
}
#scroll-to-top a {
	color:#fff;
	display:block;
	background:rgba(0,0,0,.5);
	font-size:32px;
	line-height:1;
	text-align:center;
	width:40px;
	height:0;
	padding-top:1.2em;
	position:relative;
	overflow:hidden;
}
#scroll-to-top a:before {
	font-family: "icon-font-1-2";
	speak: none;
	content:'\e80b';
	position: absolute;
	top:2px;
	left:5px;
}
/*
 = #page-header
------------------------------------------*/
#page-header {
	padding-top:0;
	padding-bottom:0;
}
#page-header .breadcrumb {
	color:#fff;
	font-size:13px;
	font-size:1.3rem;
	line-height:1.61538462;
	background:#3c805f;
	box-shadow:0 3px 0 #325f49;
	position:relative;
	z-index:1;
}
#page-header .breadcrumb .column {
	padding-top:10px;
	padding-bottom:6px;
}
#page-header .breadcrumb a {
	color:#fff;
	color:rgba(255,255,255,.9);
}
#page-header .bg-image {
	background-image:url(images/top-banner-page01.jpg);
	background-position:center center;
	background-repeat: no-repeat;
	background-size:cover;
}
#page-header .column {
	overflow:hidden;
}
#page-header .page-title {
	color:#444;
	text-shadow:1px 1px 1px #fff;
	font-size:26px;
	font-size:2.6rem;
	line-height:1.25;
	letter-spacing:2px;
	background:rgb(255,255,255);
	background:rgba(255,255,255,.75);
	padding:16px 24px 14px;
	margin:20px 30px;
	float:left;
}
#page-header .page-title .sub-title {
	font-size:20px;
	font-size:2rem;
	margin-left:.5em;
}
/*
 = #top-banner
------------------------------------------*/
#top-banner {
	background:#3c805f;
	padding-top:20px;
	padding-bottom:20px;
}
#top-banner .ms-skin-light-4 .ms-bullet {
	border:none !important;
	background:#333;
}
#top-banner .ms-skin-light-4 .ms-bullet-selected {
	background:#45a576;
}
#top-banner
#page-header .breadcrumb {
	color:#fff;
}
/*
 = #page-body
------------------------------------------*/
#page-body {
	background:#fff;
}
.category #page-body,
.date #page-body,
.blog #page-body,
.single-post #page-body,
.attachment #page-body {
	background:#f5f5f5;
}
/*
 = entry-title
------------------------------------------*/
.attachment .entry-title,
.example-house .entry-title,
.example-reform .entry-title {
	background-color:#fff;
	font-size:22px;
	font-size:2.2rem;
	letter-spacing:1px;
	background:#f3f3f3;
	padding: 10px 14px 6px;
	margin:0 0 12px;
	border-top:3px solid #84b49d;
	border-bottom:3px solid #ddd;
}
/*
 = blog post
------------------------------------------*/
article.post {
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.1);
}
article.post + article.post {
	margin-top:50px;
}
article.post .entry-header {
}
article.post .entry-title {
	font-size:24px;
	font-size:2.4rem;
	padding:20px 25px 18px;
	margin:0;
	border-top:3px solid #84b49d;
	border-bottom:3px solid #ddd;
}
.wp-post-image {
	display:block;
	margin:0;
}
article.post .entry-content {
	padding:25px;
}
article.post .entry-footer {
	background:#f3f3f3;
	font-size:13px;
	font-size:1.3rem;
	padding:10px 25px;
	border-top:2px solid #ddd;
	border-bottom:3px solid #ddd;
}
/*
 = portfolio
------------------------------------------*/
.jetpack-portfolio-shortcode .portfolio-entry-image-title {
	display:block;
	position: relative;
	overflow:hidden;
	width:100%;
}
.jetpack-portfolio-shortcode .portfolio-featured-image {
	display:block;
}
.jetpack-portfolio-shortcode .portfolio-entry-title {
	width:100%;
	color:#fff;
	padding:8px 8px 6px;
	background:rgba(0,0,0,.6666);
	font-size:16px;
	font-size:1.6rem;
	letter-spacing: normal;
	line-height:1.33333333;
	position:absolute;
	bottom:0;
	opacity:1;
	box-sizing:border-box;
	-webkit-font-smoothing: antialiased;
}
.jetpack-portfolio-shortcode .portfolio-entry-image-title:hover {
	opacity:.8;
	transition:all ease .2s;
}
.jetpack-portfolio-shortcode .portfolio-entry-title:after {
	display:none;
}
.lg-backdrop {
	background-color:rgba(0,0,0,.8) !important;
}
/*
 = attachment
------------------------------------------*/
.attachment .entry-title {
	background:#fff;
}
.attachment #main-column {
}
.entry-attachment {
	display:table;
	background:#999;
	box-sizing:border-box;
	width:100%;
	min-height:530px;
}
.entry-attachment .image-container {
	display:table-row;
}
.entry-attachment .image-container-inner {
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	padding:25px;
}
.entry-attachment .image-container img {
	box-shadow: 0 0 5px rgba(0,0,0,.2);
}
.entry-attachment .entry-caption {
	color:#fff;
	display:block;
	background:rgba(0,0,0,.5);
	padding:12px 16px 8px;
}
.attachment .entry-footer {
	padding-top:15px;
}
/*
 = .post-navigation
------------------------------------------*/
.post-navigation {
	margin:6px -6px 0;
}
.post-navigation .nav-origin-post,
.post-navigation .nav-prev,
.post-navigation .nav-next {
	font-size:14px;
	font-size:1.4rem;
	line-height:1.4;
	float:left;
	width:50%;
	height:em;
	padding:6px;
	box-sizing:border-box;
	background:#f0f0f0;
	background-clip: content-box;
	overflow:hidden;
}
.post-navigation .nav-origin-post {
	width:100%;
}
.post-navigation a {
	color:#333;
	background:#fff;
	display:block;
	text-align:center;
	padding:12px 12px 10px;
	border-bottom: 3px solid #eee;
	box-shadow:0 0 5px rgba(0,0,0,.1);
}
.single-example-house .post-navigation a,
.single-example-reform .post-navigation a {
	background-color:#f3f3f3;
	border-bottom: 3px solid #e3e3e3;
	box-shadow:none;
}
.post-navigation a:hover {
	text-decoration:none;
	border-bottom: 3px solid #84b49d;
	transition:none;
}
.post-navigation .meta-nav {
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
}
.post-navigation a.inactive {
	opacity:.75;
	border-bottom: 3px solid #eee;
}
/*
 = .widget
------------------------------------------*/
#sidebar .widget {
	background:#fff;
	box-shadow:0 0 5px rgba(0,0,0,.1);
	padding-bottom:10px;
	margin-bottom:20px;
}
.widget h2 {
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
	padding:15px 15px 0;
	margin-bottom:8px;
}
.widget h2:after {
	margin:4px auto 0;
}
.widget ul {
	text-align:center;
	list-style:none;
	padding:0;
}
.widget li {
	margin:0;
}
.widget li a {
	display:block;
	padding:4px 15px 4px;
}
#sidebar .widget.back_home {
	padding-bottom:0;
}
.widget.back_home li a {
	padding:12px 15px 10px;
}
.widget li a:before {
	display:inline-block;
	font-family: "icon-font-1-3";
	content: '\e830';
	speak:none;
	margin-right:4px;
}
.widget li a:hover {
	background-color:#F5FAF7;
	text-decoration:none;
}
/*
 = contactform7
------------------------------------------*/
.ui-datepicker-calendar {
	font-size:12px !important;
	font-size:1.2rem !important;
}
.ui-datepicker-calendar td {
	border-top:1px solid #d0d0d0 !important;
	border-left:1px solid #d0d0d0 !important;
}
.ui-timepicker-div {
	font-size:14px !important;
	font-size:1.4rem !important;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next,
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	transition:none !important;
}
#wpcf7-tg-pane-datetime,
#wpcf7-tg-pane-date,
#wpcf7-tg-pane-time {
	display:table !important;
}
.ui_tpicker_hour_label,
.ui_tpicker_minute_label {
	margin-top:-8px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
	font-size:14px;
	font-size:1.4rem;
	padding-top:.3em !important;
}
.ui-datepicker .ui-datepicker-header {
	border-radius:4px 4px 0 0;
}