/*
Theme Name: dorowa
Theme URI: http://link-wiz.com/
Author: Kazutaka Sugimoto 
Author URI: http://link-wiz.com/
Description: link-wiz
Version: 1.0

*/

==========
/**
 * YUI 3.5.0 - reset.css (http://developer.yahoo.com/yui/3/cssreset/)
 * http://cssreset.com
 * Copyright 2012 Yahoo! Inc. All rights reserved.
 * http://yuilibrary.com/license/
 */
/*
	TODO will need to remove settings on HTML since we can't namespace it.
	TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
	color:#000;
	background:#FFF;
}
/*
	TODO remove settings on BODY since we can't namespace it.
*/
/*
	TODO test putting a class on HEAD.
		- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style:normal;
	font-weight:normal;
}
 
ol,
ul {
	list-style:none;
}
 
caption,
th {
	text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,
q:after {
	content:'';
}
abbr,
acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
/* YUI CSS Detection Stamp */
#yui3-css-stamp.cssreset { display: none; }



html, body {
    width: 100%;
    overflow-x: hidden;
}
p#pageTop {
    clear: both;
}
#slide {
    background-color: #f5f5f5;
}

/***  ページタイトル  ***/
h2.title-design, h2.title-design2 {
    background-color: transparent !important;
    padding-left: 30px !important;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, sans-serif;
    font-weight: normal !important;
    margin-top: 5%;
    margin-bottom: 3%;
    font-size: 130%;
}
h2.title-design {
    font-size: 130%;
}
h2.title-design2 {
    font-size: 100%;
}
.title-design, .title-design2 {
    position: relative;
    padding: 0 .5em .5em 2em;
    border-bottom: 1px solid rgba(119,188,242,.95);

}
.title-design::before,
.title-design::after,
.title-design2::before,
.title-design2::after {
	position: absolute;
	content: '';
	border-radius: 100%
}
.title-design::before,
.title-design2::before {
	top: .2em;
	left: .2em;
	z-index: 2;
	width: 18px;
	height: 18px;
	background: rgba(119,188,242,.95);
}
.title-design::after,
.title-design2::after {
	top: .7em;
	left: .7em;
	width: 13px;
	height: 13px;
	background: rgba(210, 210, 210, .5);
}
/***  ページタイトル終了  ***/

.postbox-title a {
    text-decoration: none;
    color: #000;
}
hr.top-hr {
    border: none;
    clear: both;
}
p.performance-category span {
    border-left: 5px solid #000;
    padding-left: 1%;
    font-size: 150%;
    line-height: 1.5;
}
p.performance-category {
    border-bottom: 1px solid #000;
    clear: both;
}
ul.tenant-link li {
    width: 50%;
    float: left;
}
ul.tenant-link img {
    width: 96%;
    border: 1px solid #000;
    margin: 1%;
}
/***  不動産詳細  ***/
.bukken-photo3 img {
    width: 100%;
}
.bukken-info3 {
    margin-top: 20px;
}
.bukken-info4 {
    margin-top: 20px;
}
.bukken-photo3 img {
    border: 1px solid #000;
}
/***  不動産詳細終了  ***/

.share, .share-foot {
	height: 30px;
	margin-bottom: 20px;
	margin-top: 20px;
    clear: both;
	}
.share li, .share-foot li {/*** snsボタン設定開始 ***/
	float: left;
	}
	li.facebook, li.tweet, li.googleplus, li.pocket, li.line, li.hatena {
		width: 20%;
		line-height: 30px;
		position: relative;
		height: 30px;
		}
		li.facebook {
			background-color: #305097;
			}
		li.tweet {
			background-color: #00aced;
			}
		li.googleplus {
			background-color: #db4a39;
			}
		li.pocket {
			background-color: #f03e51;
			}
		li.line {
			background-color: #5ae628;
			}
		li.hatena {
			background-color: #00a4de;
			}
			li.facebook a, li.tweet a, li.googleplus a, li.pocket a, li.line a, li.hatena a {
				color: #fff;
				position: absolute;
				width: 100%;
				height: 100%;
				display: block;
				text-align: center;
				}
			li.facebook a, li.tweet a, li.googleplus a, li.pocket a {
				font-size: 20px;
				}
			li.line a, li.hatena a {
				font-size: 100%;/*16px*/
				}
				li.line a, li.hatena a {
					text-decoration: none;
					font-weight: bold;
					}


@media screen and (max-width:320px) { 
/***  ヘッダー  ***/
.description {
    background-color: #2f365f;
}
.description p {
    color: #fff;
    line-height: 1.5;
    width: 96%;
    margin: 0 auto;
}
.header-inner {
    width: 96%;
    margin: 0 auto;
}
img#logo {
    width: 100%;
    margin-top: 10px;
}
.tel-btn {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 180%;
}
.tel-btn span {
    font-size: 70%;
}
i.fa.fa-phone-square {
    margin-right: 1%;
}
.g-menu {
    background-color: #2f365f;
    width: 100%;
    height: 50px;
}
.g-menu li {
    float: left;
    border-right: 1px solid #fff;
    width: 24.6%;
    height: 48px;
    line-height: 3;
    position: relative;
}
li.g-menu-s {
    border-left: 1px solid #fff;
}
.g-menu li a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.g-menu a:hover {
    background-color: rgba(119,188,242,.95);
}
/***  ヘッダー終了  ***/
/***  コンテンツ  ***/
#slide {
    clear: both;
}
#main {
    width: 96%;
    margin: 0 auto;
}
.newsbox {
    margin-bottom: 30px;
    margin: 0.5%;
}
article.postbox {
    border-bottom: 1px dotted #000;
    padding-bottom: 2%;
padding-top: 2%;
clear: both;
}
.postbox-date {
    width: 25%;
    /*background-color: antiquewhite;*/
    float: left;
    line-height: 1.2;
}
.news.topcat { /*.postbox-category*/
    text-align: center;
    width: 18%;
    float: left;
    background-color: orange;
    line-height: 1.2;
    padding-left: 1%;
    padding-right: 1%;
    margin-right: 2%;
}


.real-estate.topcat {
    text-align: center;
    width: 18%;
    float: left;
    background-color: cornflowerblue;
    line-height: 1.2;
    padding-left: 1%;
    padding-right: 1%;
    margin-right: 2%;
    margin-left: 3%;
}

.postbox-title {
    width: 100%;
    /*background-color: blueviolet;*/
    line-height: 1.2;
    /*clear: both;*/
}
.contents-banner {
    width: 49%;
    margin: 0.5%;
    float: left;
}
.contents-banner img {
    width: 100%;
}
/***  コンテンツ終了  ***/
/***  フッター  ***/
#pageTop {
    width: 96%;
    margin: 0 auto;
    font-size: 250%;
    margin-bottom: 10px;
    text-align: right;
}
#pageTop a {
    color: #2f365f;
}
.footer {
    background-color: #2f365f;
}
.footer-inner p, .footer-inner a {
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
.footer-inner a {
    text-decoration: none;
}
/***  フッター終了  ***/

/***  会社概要  ***/
h2.title-design2 {
    font-size: 130%;
}
h3.midashi {
    text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
}
.contents-text {
    line-height: 1.5;
    margin-bottom: 50px;
}
h3.midashi2 {
    text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
}
table.jhosho-table {
    margin-bottom: 50px;
    width: 100%;
}
table.jhosho-table tr {
    height: 40px;
}
table.jhosho-table th, table.jhosho-table td {
    border: 1px solid #000;
}
table.jhosho-table th {
    width: 15%;
    text-align: center;
    background-color: #2f365f;
    color: #fff;
}
span.table-layout {
    width: 40px;
    display: block;
    margin: 0 auto;
}
table.jhosho-table td {
    padding: 3% 2%;
    line-height: 1.2;
}
.googlemap iframe {
    width: 100%;
    height: 365px;
}

/***  会社概要終了  ***/
/***  実績  ***/
figure.performance-img {
    width: 31.3%;
    margin: 1% 1% 5% 1%;
    float: left;
}
figure.performance-img img {
    width: 100%;
}
figcaption {
    border-left: 5px solid #2f365f;
}
figcaption span {
    margin-left: 5%;
}
/***  実績終了  ***/
/***  不動産  ***/
figure.real-estate-img {
    width: 100%;
    margin: 0 0 5% 0;
}
figure.real-estate-img img {
    width: 100%;
}
figure.real-estate-img2 {
    width: 100%;
    margin: 0 0 5% 0;
}
figure.real-estate-img2 img {
    width: 100%;
}
/***  不動産終了  ***/
/***  不動産詳細  ***/
.bukken-photo img {
    width: 100%;
    margin-bottom: 50px;
}
.bukken-photo2 img {
    width: 100%;
    margin-bottom: 50px;
}
h3.bukken-midashi {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
}
.bukken-map {
    margin-bottom: 50px;
}
h3.bukken-midashi2 {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
    clear: both;
}
h3.bukken-midashi3 {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
    clear: both;
margin-top: 50px;
}
.bukken-info p {
    margin-bottom: 30px;
}
	
	
.bukken-photo4 img {
    width: 100%;
}
/***  不動産詳細終了  ***/

}
@media screen and (min-width:321px) { 
/***  ヘッダー  ***/
.description {
    background-color: #2f365f;
}
.description p {
    color: #fff;
    line-height: 1.5;
    width: 96%;
    margin: 0 auto;
}
.header-inner {
    width: 96%;
    margin: 0 auto;
}
img#logo {
    width: 100%;
    margin-top: 10px;
}
.tel-btn {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 180%;
}
.tel-btn span {
    font-size: 70%;
}
i.fa.fa-phone-square {
    margin-right: 1%;
}
.g-menu {
    background-color: #2f365f;
    width: 100%;
    height: 50px;
}
.g-menu li {
    float: left;
    border-right: 1px solid #fff;
    width: 24.6%;
    height: 48px;
    line-height: 3;
    position: relative;
}
li.g-menu-s {
    border-left: 1px solid #fff;
}
.g-menu li a {
    color: #fff;
    text-decoration: none;
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
}
.g-menu a:hover {
    background-color: rgba(119,188,242,.95);
}
/***  ヘッダー終了  ***/
/***  コンテンツ  ***/
#slide {
    clear: both;
}
#main {
    width: 96%;
    margin: 0 auto;
}
.newsbox {
    margin-bottom: 30px;
    margin: 0.5%;
}
article.postbox {
    border-bottom: 1px dotted #000;
    padding-bottom: 2%;
padding-top: 2%;
clear: both;
}
.postbox-date {
    width: 25%;
    /*background-color: antiquewhite;*/
    float: left;
    line-height: 1.2;
}
.news.topcat { /*.postbox-category*/
    text-align: center;
    width: 18%;
    float: left;
    background-color: orange;
    line-height: 1.2;
    padding-left: 1%;
    padding-right: 1%;
    margin-right: 2%;
}
.real-estate.topcat {
    text-align: center;
    width: 18%;
    float: left;
    background-color: cornflowerblue;
    line-height: 1.2;
    padding-left: 1%;
    padding-right: 1%;
    margin-right: 2%;
	margin-left: 3%;
}
.postbox-title {
    width: 100%;
    /*background-color: blueviolet;*/
    line-height: 1.2;
    /*clear: both;*/
}
.contents-banner {
    width: 49%;
    margin: 0.5%;
    float: left;
}
.contents-banner img {
    width: 100%;
}
/***  コンテンツ終了  ***/
/***  フッター  ***/
#pageTop {
    width: 96%;
    margin: 0 auto;
    font-size: 250%;
    margin-bottom: 10px;
    text-align: right;
}
#pageTop a {
    color: #2f365f;
}
.footer {
    background-color: #2f365f;
}
.footer-inner p, .footer-inner a {
    color: #fff;
    text-align: center;
    line-height: 1.5;
}
.footer-inner a {
    text-decoration: none;
}
/***  フッター終了  ***/
/***  会社概要  ***/
h2.title-design2 {
    font-size: 130%;
}
h3.midashi {
    text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
}
.contents-text {
    line-height: 1.5;
    margin-bottom: 50px;
}
h3.midashi2 {
    text-align: center;
    font-size: 150%;
    margin-bottom: 20px;
}
table.jhosho-table {
    margin-bottom: 50px;
    width: 100%;
}
table.jhosho-table tr {
    height: 40px;
}
table.jhosho-table th, table.jhosho-table td {
    border: 1px solid #000;
}
table.jhosho-table th {
    width: 15%;
    text-align: center;
    background-color: #2f365f;
    color: #fff;
}
span.table-layout {
    width: 40px;
    display: block;
    margin: 0 auto;
}
table.jhosho-table td {
    padding: 3% 2%;
    line-height: 1.2;
}
.googlemap iframe {
    width: 100%;
    height: 365px;
}

/***  会社概要終了  ***/
/***  実績  ***/
figure.performance-img {
    width: 31.3%;
    margin: 1% 1% 5% 1%;
    float: left;
}
figure.performance-img img {
    width: 100%;
}
figcaption {
    border-left: 5px solid #2f365f;
}
figcaption span {
    margin-left: 5%;
}
/***  実績終了  ***/
/***  不動産  ***/
figure.real-estate-img {
    width: 100%;
    margin: 0 0 5% 0;
}
figure.real-estate-img img {
    width: 100%;
}
figure.real-estate-img2 {
    width: 48%;
    margin: 0 1% 5% 1%;
    float: left;
}
figure.real-estate-img2 img {
    width: 100%;
}
/***  不動産終了  ***/
/***  不動産詳細  ***/
.bukken-photo img {
    width: 100%;
    margin-bottom: 50px;
}
.bukken-photo2 img {
    width: 100%;
    margin-bottom: 50px;
}
h3.bukken-midashi {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
}
.bukken-map {
    margin-bottom: 50px;
}
h3.bukken-midashi2 {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
    clear: both;
}
h3.bukken-midashi3 {
    font-size: 150%;
    margin-bottom: 20px;
    padding-left: 3%;
    line-height: 1.5;
    border-left: 5px solid #2f365f;
    border-bottom: 1px solid #2f365f;
    clear: both;
margin-top: 50px;
}
.bukken-info p {
    margin-bottom: 30px;
}
	
	
	
.bukken-photo4 img {
    width: 100%;
}
/***  不動産詳細終了  ***/

}
@media screen and (min-width:568px) {
body p a {
    -webkit-text-size-adjust: 100%;
}
/***  ヘッダー  ***/
img#logo {
    width: 50%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
}
.tel-btn {
    float: right;
    width: 32%;
}
.g-menu {
    clear: both;
}
.g-menu li {
    width: 24.76%;
}
/***  ヘッダー終了  ***/
/***  コンテンツ  ***/

article.postbox {
    padding-bottom: 5%;
    font-size: 130%;
}
.postbox-date {
    width: 17%;
    margin-right: 3%;
}
.postbox-category {
    width: 14%;
float: left;
    text-align: center;
    margin-right: 1%;
}
.news.topcat {
    width: 100%;
} 
.real-estate.topcat {
    width: 100%;
}
.postbox-title {
    width: 66%;

    clear: none;
}
/***  コンテンツ終了  ***/

/***  fb  ***/
.fb-page-wrap {
    background-color: #f5f5f5;
    width: 96%;
    margin: 0 auto;
}

.fb_iframe_widget_fluid {
    width: 500px;
    margin: 0 auto;
    display: block !important;
}
/***  fb終了  ***/


/***  フッター  ***/
#pageTop {
    font-size: 400%;
}
/***  フッター終了  ***/
/***  会社概要  ***/
span.table-layout {
    width: 100%;
}
/***  会社概要終了  ***/

/***  不動産詳細  ***/
ul.tenant-link li {
    width: 33.335%;
    float: left;
}




.bukken-photo4 img {
    position: absolute;
    top: 0%;
    left: 0;
    height: auto;
    width: 100%;
}
/***  不動産詳細終了  ***/

}
@media screen and (min-width:768px) {
#slide {
    margin-bottom: 20px;
}
/***  コンテンツ  ***/
.newsbox {
    width: 100%;
    float: left;
}
h2.title-design {
    margin-top: 0.5%;
}
article.postbox {
    padding-bottom: 2%;
padding-top: 1%;
}
.postbox-date {
    width: 15%;
}
.postbox-category {
    width: 18%;
}
.postbox-title {
    width: 100%;
}
.contents-banner {
    width: 24%;
}
/***  コンテンツ終了  ***/
/***  FB  ***/

/***  FB終了  ***/

/***  不動産  ***/
figure.real-estate-img {
    width: 48%;
    float: left;
    margin: 0 1% 5% 1%;
}
figure.real-estate-img2 {
    width: 31.3%;
    margin: 0 1% 5% 1%;
}

.bukken-photo2 {
    width: 50%;
    float: left;
    position: relative;
    height: 423px;
    background: url(http://jhosho.com/wp-content/themes/dorowa/img/photo-bg.png) no-repeat center top;
}
.bukken-photo2 img {
    position: absolute;
    top: 17%;
    left: 0%;
    height: auto;
    width: 100%;
}

.bukken-photo {
    width: 50%;
    float: left;
    position: relative;
    height: 423px;
    background: url(http://jhosho.com/wp-content/themes/dorowa/img/photo-bg.png) no-repeat center top;
}
.bukken-photo img {
    position: absolute;
    top: 0%;
    left: 7%;
    height: 100%;
    width: auto;
}
.bukken-map {
    width: 48%;
    float: right;
}
.bukken-info {
    clear: both;
}
/***  不動産終了  ***/

/***  不動産詳細  ***/
ul.tenant-link li {
    width: 20%;
    float: left;
}

	
	
	
.bukken-photo4 {
    width: 50%;
    float: left;
    position: relative;
    height: 423px;
    background: url(http://jhosho.com/wp-content/themes/dorowa/img/photo-bg.png) no-repeat center top;
}
/***  不動産詳細終了  ***/
}
@media screen and (min-width:1024px) {
/***  ヘッダー  ***/
.description p {
    width: 910px;
}
.header-inner {
    width: 910px;
}
.g-menu ul {
    width: 910px;
    margin: 0 auto;
}
.g-menu li {
    width: 24.85%;
}
/***  ヘッダー終了  ***/
.inner {
    width: 910px;
    margin: 0 auto;
}
/***  コンテンツ  ***/
#main {
    width: 910px;
}
.postbox-date {
    width: 18%;
}
.postbox-category {
    width: 14%;
}
.postbox-title {
    width: 64%;
}
/***  コンテンツ終了  ***/
/***  FB  ***/
.fb-page-wrap {
    width: 910px;
}
/***  FB終了  ***/
/***  フッター  ***/
#pageTop {
    width: 910px;
}
/***  フッター終了  ***/
/***  不動産  ***/
figure.real-estate-img2 {
    width: 18%;
}
.bukken-photo2 img {
    top: 10%;
}
.bukken-photo img {
    left: 15%;
}
/***  不動産終了  ***/

}
@media screen and (min-width:1200px) {
.fb-page.fb_iframe_widget {
    width: 500px;
    margin: 0 auto;
    display: block !important;
}
}