@charset "utf-8";
/*
Theme Name: renyou
Theme URI:
Author: chernob
Author URI:
Description: for Chernob
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: Default-theme

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.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     9pt;
$line-height: 2em;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 9pt
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

/* =Reset
-------------------------------------------------------------- */
@font-face {
    font-family: 'axis_stdl';
    src: url('fonts/axisstd-light-webfont.eot');
    src: url('fonts/axisstd-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/axisstd-light-webfont.woff2') format('woff2'),
         url('fonts/axisstd-light-webfont.woff') format('woff'),
         url('fonts/axisstd-light-webfont.ttf') format('truetype'),
         url('fonts/axisstd-light-webfont.svg#axis_stdl') format('svg');
    font-weight: normal;
    font-style: normal;

    font-family: 'axisstd-el-enltd';
    src: url('fonts/axisstd-extralight-enltd-webfont.eot');
    src: url('fonts/axisstd-extralight-enltd-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/axisstd-extralight-enltd-webfont.woff2') format('woff2'),
         url('fonts/axisstd-extralight-enltd-webfont.woff') format('woff'),
         url('fonts/axisstd-extralight-enltd-webfont.ttf') format('truetype'),
         url('fonts/axisstd-extralight-enltd-webfont.svg#axisstd-extralight-englishoRg') format('svg');
    font-weight: normal;
    font-style: normal;
}

body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: rgb(245,243,228); font-size: 9pt; color: rgb(89,87,87); font-family: axis_stdl, 'Yu Gothic', YuGothic, '游ゴシック体', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, sans-serif; }
.mincho { font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.lightgray { color: rgb(89,87,87);}

.none { display: none;}

a { text-decoration: none; color: rgb(89,87,87);}

h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal;}
h3 { font-size: 1.6em; letter-spacing: 0.3em; margin-bottom: 1.7em;}
h4 { font-size: 1.3em; letter-spacing: 0.2em;}
img { vertical-align: top; border-style: none; }

ul, li { list-style-type: none; margin: 0; padding: 0;}
li.no-decoration { list-style-type: none!important; margin-top: 15px; }

p { margin: 0 0 1em 0; line-height: 2em;}

table { border-collapse: collapse; border-spacing: 0; empty-cells: hide; }
td, tr { margin:0; padding: 0;}
.single table{max-width:535px;}
.single td{padding:10px;}
hr { margin: 4em 0 2em 0;}

.wp-pagenavi { text-align: center;}

#main { width: 1000px; margin: 0 auto; background-color: white;}

header { width: 1000px;}
header { overflow: hidden; padding-top: 45px; padding-bottom: 20px;}
header > #title { display: inline-block; float: left; padding-left: 65px;}
header > #title > h1 { display: inline; font-size: 1.7em; letter-spacing: 0.25em;}
header > #contact,
header > #contact > div { display: inline-block; float: left; }
header > #contact { margin: 2px 0 0 355px;}
header > #contact p { display: inline;}
header > #contact img { margin-top: 7px;}
header > #contact > #tel,
header > #contact > #inquiry { margin-left: 20px; letter-spacing: 0.15em;}
header > #establishment { clear: both; display: inline-block; font-family: axisstd-el-enltd; margin: 15px 0 0 133px; font-size: 0.8em; letter-spacing: 0.1em;}

nav#header { clear: both; margin-top: 25px;}
nav#header > ul { overflow: hidden; width: 930px; padding-bottom: 5px; margin: 0 auto; background-color: white;
	-js-display: flex;
	display:-webkit-box;
	display: -webkit-flex;
	display:-moz-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-justify-content: space-between;
    justify-content: space-between;
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;}
nav#header > ul > li { width:155px; letter-spacing:0.05em; text-align: center; border-left: 1px solid rgb(89,87,87);    box-sizing: border-box;}
/*
nav#header > ul > li#menu-item-513{width:185px}
*/
nav#header > ul > li:first-child { border: none;}
nav#header h2 { font-size: 1.1em; width:100%; text-align:center;}
nav#header a { color: rgb(89,87,87);}
nav#header a:hover { color: rgb(89,87,87);}

#header .sub-menu { z-index: 10000; display: none; position: absolute; padding: 0.5em 0 0 1em; text-align: left; background: rgba(255,255,255,0.8); width:155px; box-sizing:border-box;}
#header .sub-menu > li { padding: 0.5em 1em 0.5em 0;}

/*
nav#header > ul > li#menu-item-513 ul.sub-menu{width:185px;margin-left:-11ox;}
*/

.full-width > #content { width: 870px; padding: 0 65px 50px 65px; margin: 0 auto; background-color: white;}

#wrapper { width: 1000px; margin-top: 30px;}
#content a { text-decoration: underline;}
#content,
#content > section,
#content > section > .description,
#content > section > .catch,
#content > section > .catch > img { width: inherit;}

.two-columns > #primary { float: right; width: 645px; margin-bottom: 5em; padding: 0 65px 0 30px;}
.two-columns > #secondary { float: right; padding: 5px 15px 5em 0; width: 175px; }
.two-columns > #secondary h4.sidebar-title { z-index: 100; position: absolute; margin-bottom: 1.6em; padding-right: 0.5em; font-family: axis_stdl; font-size: 1.1em; font-weight: bold; background: white;}
.two-columns > #secondary hr { position: relative; top: 0.8em; margin: initial; margin-bottom: 3em; border: none; border-top: 1px dotted;}
.two-columns > #secondary ul > li { margin-bottom: 1.6em; font-size: 1.1em;}
.two-columns > #secondary ul > li.current-menu-item > a { display: inline-block; margin-bottom: 0.1em; border-bottom: 3px solid rgb(245,243,228);}
.two-columns > #secondary .sidebar-wrapper { padding-bottom: 2em;}
.two-columns > #secondary label.screen-reader-text { display: none;}

footer { clear: both; width: 950px; padding: 0 25px; margin: 0 auto; min-height: 230px; background-color: rgb(235,235,236);}
footer > p { display: block; padding-top: 90px; letter-spacing: 0.2em; }

.ss2-align { margin-bottom: 2em;} 

article { overflow: hidden; margin: 0 auto;}
article > .title { clear: both; padding-top: 3em;}
article > .title > h3 { display: inline-block; background-color: white;}
article > .title > hr { margin: -47px 0 2.5em 0;}

article > section { float: left; width: 200px; height: 150px; margin: 0 23px 23px 0;}
.frontpage article > section.blog　.thumbnail { width:200px; height: 150px;}
.frontpage article > section.works:nth-child(2n),
.frontpage article > section.blog:nth-child(4n+1),
.archive article > section.blog:nth-child(4n+1) { margin-right: 0; margin-left: 1px;}

article > section.works { float: left; width: 423px; height: 317px; margin: 0 23px 23px 0;}
article > section.works > a.section-child { width:423px; height: inherit; overflow: hidden;}
article > section.works > a.section-child > .thumbnail_works { position: absolute!important; width: inherit; height: inherit;}
article > section.works > a.section-child > .thumbnail_works,
article > section.works > a.section-child > .thumbnail_works > img { z-index: 10; position: absolute;}

article > section > a.section-child { width:200px; height: inherit; overflow: hidden;}
article > section > a.section-child > .thumbnail { position: absolute!important; width: inherit; height: inherit;}
article > section > a.section-child > .thumbnail,
article > section > a.section-child > .thumbnail > img { z-index: 10; /* position: absolute; */}

/* .two-columns .catch { max-height: 300px;}*/

article > section > a.section-child > .description { z-index: 20; position: absolute; width: inherit; height: inherit; background: rgba(255,255,255,0.7)}
article > section > a.section-child p,
article > section > a.section-child h3,
article > section > a.section-child h4 {	z-index: 30; position: absolute;}
article > section > a.section-child h3,
article > section > a.section-child h4 { left: 0.7em; bottom: 0.7em; margin-bottom: 0; font-size: 1.2em; letter-spacing: initial; line-height: 1.5em;}
article > section > a.section-child p { top: 0.7em; left: 0.7em; font-size: 1em; line-height: 1.3em;}
article > section p { display: block;}
article > section > a.section-child > .description { opacity:0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}


article > section > a.section-child:hover > .description { opacity:1;}

div#banner { width: 870px; margin: 0 auto;}
div#banner > section { float: left; width: 425px; height: 123px; margin: 0 20px 20px 0;}
div#banner > section:nth-child(even) { margin-right: 0;}

section.mainbanner { width: 100%; margin: 2em 0 0 0;}
.mainbanner a.section-child { width: inherit;}
.mainbanner img { width: inherit; max-width: initial!important;}

a.sidebanner { width: 175px;}
.sidebanner img { width: inherit;}

#content > section { margin-bottom: 3em;}
/*#content > section > div { margin-bottom: 2em;}*/
#content img { max-width: 645px;}
#content li img { max-width:initial;}
.flexslider .slides img { max-width:auto;height:auto !important}

.description > p,
.description > dl { font-family: axis_stdl; letter-spacing: 0.1em;}
.description > dl > dt,
.description > dl > dd { margin-bottom: 0.75em;}
.description > dl > dd { margin-left: 1em;}

.description > ul { margin-bottom: 1em;}
.description > ul > li { margin-left: 2em; list-style-type: disc;}

.description .image { float: left; margin: 0.5em 1.5em 0 0; padding-bottom: 1em; font-size: 0.8em;}
.description .image img { max-width: 200px!important;}

.description > p > img.alignleft,
.description > p > img.aligncenter,
.description > p > img.alignright {display: block;}
.description > p > img.alignleft {margin: 0 auto 0 0;}
.description > p > img.aligncenter {margin: 0 auto;}
.description > p > img.alignright {margin: 0 0 0 auto;}

.album { margin: 2em 0 0 0;}
@media (min-width: 768px) {
    .album {
        margin-left: 7px;
    }
}
.album a:nth-child(4n) { margin-right: 0!important;}

#construction-root { overflow: hidden;}
#construction-root > .row-wrap { float: left; margin-right: 3px;}
#construction-root > .row-wrap:last-child { margin-right: 0;}
#construction-root > .row-wrap > div { width: 208px; margin-bottom: 3px; background-color: gray;}
#construction-root > .row-wrap > div > a,
#construction-root > .row-wrap > div > a > img { display: block; width: inherit; height: inherit;}
#construction-root > .row-wrap > div > a > h3 { position: absolute; margin-left: 4px; color: white;}
#construction-root > div { position: relative; float: left; margin: 0 15px 15px 0; width: 200px; height: 200px;}
#construction-root > div > img { z-index: 1; position: absolute; width: inherit; height: inherit;}
#construction-root > div > a { z-index: 100; position: relative; display: block; width: inherit; height: inherit;}
#construction-root > div h3 { z-index: 200; position: relative; display: inline-block; top: 20px; padding: 3px 0 3px 10px; min-width: 150px; background-color: rgba(255,255,255,0.7); color: black; font-size: 1.1em; letter-spacing: 0.4em;}


#flow dt { display:block; margin-top: 3em;}
#flow dd { display:block; margin-top: 1em; width: 530px; line-height: 2em;}

.companyabout table,
.companyabout tr { width: 100%; border: 1px solid gray;}
.companyabout th,
.companyabout td { padding: 1em 3%; width: 70%;}
.companyabout th { width: 24%; text-align: left; background-color: rgb(245,243,228);}

#object-history h4 { background: rgb(89,87,87); color: white; padding-left: 1em;}
#object-history hr { margin: 1em 0;　border: none; border-top: 2px dotted;}
#object-history table#underway { margin: 0.4em 0 2em 0; width: 100%; font-size: 1.2em;}
#object-history table#underway td { padding: 0.4em 0 0.4em 1em;}
#object-history table.object-history { margin: 1em 0 0 1em; width:	100%; font-size: 1.2em;}
#object-history table.object-history tr > td { vertical-align: top; padding: 0.2em 0;}
#object-history table.object-history tr > td:nth-child(1) { width: 3.7em;}
#object-history table.object-history tr > td:nth-child(2) { width: 3em; text-align: right;}
#object-history table.object-history tr > td:nth-child(3) { padding-left: 1em;}

table#company-history tr > td{ padding: 0.2em 0; vertical-align: top;}
table#company-history tr > td:nth-child(1){ text-align: right;}
table#company-history tr > td:nth-child(2){ padding-left: 0.5em; text-align: right;}
table#company-history tr > td:nth-child(3){ padding-left: 1em;}

/*#works > article > section { overflow: hidden; width: 140px; height:200px; margin: 0 28px 10px 0;}*/
#works > article > section { overflow: hidden; width: 190px; height:160px; margin: 0 25px 25px 0;}
#works > article > section:nth-child(3n+3) { margin-right: 0;}
#works > article > section > a.section-child { display: block; position: relative; width:190px; height: inherit; }
#works > article > section > a.section-child > .filter { z-index: 100; opacity: 0; position: relative; width: inherit; height: inherit; background: rgb(255,255,255);}
#works > article > section > a.section-child > .filter:hover{ opacity: 0.5;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
#works > article > section > a.section-child > .thumbnail { position: absolute;}
#works > article > section > a.section-child > h4 { position: absolute; left: 0; bottom: 0;  padding: 0.3em 0 0.3em 0.5em; width: 100%; background: rgba(255,255,255,0.7);}

.concept h3 { margin-top: 3em;}
.concept .description p img { width: 150px; display: inline-block; float: left; padding-right: 1em; padding-bottom: 2em;}
.concept .description p br { display: none;}
.concept .description p { margin-top: 2em; padding-bottom: 2em;}
.fbx-rounded .fbx-inner { border: none;}

.fbx-rounded .fbx-inner,
.fbx-rounded .fbx-item-current,
.fbx-rounded .fbx-item-image,
.fbx-rounded .fbx-item-next,
.fbx-rounded .fbx-prev,
.fbx-rounded .fbx-next { border-radius: initial;}

.fbx-light .fbx-close,
.fbx-light .fbx-fullscreen-toggle,
.fbx-light .fbx-inner,
.fbx-light .fbx-loader,
.fbx-light .fbx-next,
.fbx-light .fbx-pause,
.fbx-light .fbx-play,
.fbx-light .fbx-prev,
.fbx-light .fbx-social-toggle,
.fbx-light .fbx-inset-buttons .fbx-next:before,
.fbx-light.fbx-inset-buttons .fbx-prev:before { background-color: rgb(220,220,220);}
a.fbx-close { border-color: rgb(0,0,0)!important;}

/*申し込みフォーム　テーブル
----------------------------------------------- */

#contact th {
	padding: 5px 10px 5px 0;
	font-weight: bold;
	vertical-align: top;
	font-size:100%;
}
#contact td {
	padding: 5px 10px 5px 0;
	line-height:120%;
	text-align: left;
	vertical-align: top;
}
.hissu{
color:#B7081E;
}

/*　ブログ詳細ページ
----------------------------------------------- */
.gallery-item img{border:none !important;}
.single .description > p > img.alignleft {float:left;margin-right:20px;}
.single .description > p > img.aligncenter {margin: 0 auto;}
.single .description > p > img.alignright {float:right;margin-left:20px;}
.single .catch{margin-bottom:20px;}