@charset "utf-8";
/*
theme Name: kooya建築工房
Author: R&n
Description: kooya建築工房
version： 1.0.0
*/

* {
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
}
body {
  /*フォントの指定*/
  font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*サイト全体のフォントサイズを指定*/
  font-size: 16px;
  /*行間の指定*/
  line-height: 1.7;
  /*サイト全体にかかるmarginをリセット*/
  margin: 0;
  /*サイト全体にかかるpaddingをリセット*/
  padding: 0;
  /*サイトのデフォルトとなる文字の色を指定*/
  color: #333;
}
body *{
	box-sizing: border-box;
}
section{
	clear: both;
}

ul,p{margin: 0;
   padding: 0;
}
li{
	list-style: none;
}
/*見出しを全て太字で表示するように指定*/
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}
/*画像の最大幅を画面のサイズの最大幅に設定*/
img {
  max-width: 100%;
  height: auto;
}
table{
	border-collapse: collapse;
}


.header-inner, .footer-inner {
  margin-right: auto;
  margin-left: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.site-title {
  text-align: left;
	float: left;
}
 
.site-title h1 {
  margin: 0;
  padding: 10px 5px 0;
  line-height: 1;
}
 
/*.site-title h1 img {
  width: auto;
  height: 70px;
}*/
 
.site-title a {
  display: block;
}

.rich-font{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: bold;
    text-align: center;
    color: darkgoldenrod;
    font-size: 42px;
	margin: 10px 0;
}



/*新着情報*/
#news{
	margin-top: 40px;
}

#news li{
	line-height: 58px;
    list-style: none;
    border: 1px solid #ddd;
    margin: 0 0 -1px 0;
    padding: 0 25px;
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
}
#news a{
	text-decoration: none;
	color: #2F2F2F;
}
#news a :hover{
	background-color:#FFFAF0;
}

.section_link{
	float: right;
	color: #3778DB!important;
	text-decoration: none;
	font-weight: bold;
	margin-top: 10px;
}

/*ヘッダーの下に境界線を引く*/
header {
  border-bottom: solid 1px #ddd;
}

/*パンくずリスト*/
	#breadcrumb{
		color: #3778DB;
		margin: 10px 0;
	}
	#breadcrumb a{
		font-size: 14px;
		text-decoration: none;
		color: #3778DB;
	}
/*/パンくずリスト*/

@media (min-width: 768px) {
	#title{
	    border: 1px solid #cacaca;
		border-bottom: none;
	}
	#title h1{
		border-top: 3px solid #cacaca;
		font-weight: bold;
		font-size: 20px;
		padding: 10px;
	}
	.top-table{
	}
	.top-table table{
		width: 100%;
	    border-collapse: collapse;
	}
	.top-table th,td{
		border: 1px solid #cacaca;
	}
	.top-table th{
		padding: 8px;
		width: 18%;
		background-color: #F7F7F7;
	}
	.top-table td{
		padding-left: 8px;
	}
	.price{
    color: red;
    font-weight: bold;
    font-size: 20px;
	}
	
	
	.category-title{
		margin-bottom: 30px;
		padding-top: 20px;
		padding-bottom: 18px;
		border-top: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		font-size: 32px;
	}
	
  /*コンテンツとサイドバーを横に並べる*/
  .container:after {
    display: block;
    clear: both;
    content: '';
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

  }
  .contents {
    float: left;
    width: 70%;
    margin-right: 2%;
  }
  #sidebar {
    float: left;
    width: 28%;
  }
}


/*固定ページ*/
#page_title{
 	border-left: 10px solid darkgoldenrod;
    padding-left: 10px;
	margin-bottom: 20px;
}
#page_title h1{
	font-size: 20px;
}
.page h2{
    font-size: 20px;
    border-bottom: 1px solid #CCCCCC;
    line-height: 20px;	
}
.kaisyagaiyou{
	width: 100%;
	margin-bottom: 40px;
}
.kaisyagaiyou th,td{
	padding: 4px;
	border: 1px solid #cacaca;
}
.kaisyagaiyou th{
	width: 18%;
    background-color: #F7F7F7;
}

 
/*スマホ用のメニューボタン*/
  .header-inner {
    position: relative;
  }
 
  #navbutton {
    position: absolute;
    top: 50%;
    right: 10px;
    cursor: pointer;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 1px #aaa;
    border-radius: 5px;
    background-color: darkgoldenrod;
	width: 60px;
  }
 
  #navbutton:hover {
    background-color: #ddd;
  }
 
  #navbutton:focus {
    outline: none;
  }

/*スマホ*/
/*ヘッダーナビ*/
@media (max-width: 768px) {
.pc{display: none!important;}
	
.container{
	width: 100%;
	margin: 0 auto!important;
}
.header-inner{
	overflow: auto;
}
#header-nav {
  display: none;
}

.header-nav {
  padding-left: 10px;
}
 
.header-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.header-nav li a:before {
  content: "\f0da";
  font-family: 'Font Awesome 5 Free';
  color: #555;
  font-size: 0.9em;
  padding-right: 3px;
}
 
.header-nav li a {
  display: block;
  padding: 15px 5px;
  color: #000;
  font-weight: bold;
  font-size: 1em;
  text-decoration: none;
}
 
.header-nav li a:hover {
  opacity: 0.8;
}
	
#top-section2{
	background: url(http://www.kooya.jp/wp-content/themes/kooya-koga/images/top_2.jpg)no-repeat;
	height: 600px;
	clear: both;
	margin-top:100px;
	background-size: cover;
	}

.rich-font{
	font-family: "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
    font-weight: bold;
    text-align: center;
    color: darkgoldenrod;
    font-size: 30px;
	margin: 10px 0;
}

.top-section2-1{
	padding: 80px 0;
	color: #FFFFFF;
	text-align: center;
}
.top-section2-1 h2{
	font-size: 32px;
	margin-bottom: 10px;
}
	.page{
		margin: 0 2%;
	}

/*TOPのスライドショー*/	
#top_image{
	width: 100%;
	height: 220px; /* 画像の高さを指定 */
	position: relative;
	background: url("/wp-content/themes/kooya-koga/images/front.jpg") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 60s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	margin: 0;
	padding: 0;
	}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -3000px 0; } /* 1518pxとは使用した背景画像の長さ */
}
	.top_image_inner{
		width: 90%;
		margin: 0 auto;
		padding-top: 50px;
	}
	.top_image_inner p{
		font-size: 18px;
		text-align: center; 
		color: white; 
		background-color: rgba(184, 134, 11,0.5); 
		padding: 20px;
	}
	
	.btn-mitsumori{
		text-align: center;
		text-decoration: none;
		background: #ff7e07;
		width: 210px;
		height: 40px;
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		display: block;
		line-height: 40px;
		border-radius: 0.25em;
		margin-right: 20px;
		margin-top: 7px;
	}
	.recommend_box{
		width: 95%;
		margin: 10px auto;
		/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1);*/
		padding: 10px;
		background-color: #FFFAF0;
	}
	.recommend_box_link{
		color: #2B2B2B;
	}
	.name{
		font-size: 13px;
		color: #333333;
		font-weight: bold;
		margin: 5px 0 0 0;
	}
	.money {
		font-weight: bold;
		font-size: 17px;
		height: 35px;
	}
	.recommend_box p{
		font-size: 13px;
		line-height: 18px;
		margin: 0;
	}
	.red{
		color: #FF0004;
		font-weight: bold;
		margin-top: 6px!important;
	}


/*売買物件ページ*/
	#title{
	    border: 1px solid #cacaca;
		border-bottom: none;
	}
	#title h1{
		border-top: 3px solid #cacaca;
		font-weight: bold;
		font-size: 16px;
		padding: 10px;
	}

	.top-table table{
		width: 100%;
	    border-collapse: collapse;
	}
	.top-table th,td{
		border: 1px solid #cacaca;
		font-size: 14px;
	}
	.top-table th{
		padding: 15px 10px;
		width: 92px;
		background-color: #F7F7F7;
	}
	.top-table td{
		padding-left: 8px;
	}
	.price{
    color: red;
    font-weight: bold;
    font-size: 20px;
	}
/*/売買物件ページ*/

}

/*ヘッダーメニューPC閲覧時*/
@media (min-width: 768px) {
.container{
	width: 960px!important;
	margin: 0 auto!important;
}
  #header-nav {
    display: block!important;
	height: 40px;
  }
  .header-nav {
    margin: 0 auto;
    padding:0 10px;
    box-sizing: border-box;
  }
  .header-nav ul{
	width: 960px;
	margin: 0 auto;
	}
  .header-nav ul:after {
    display: block;
    clear: both;
    content: '';
  }
  .header-nav li {
    display: inline-block;
    width: 155px;
  }
	.header-nav li a:hover{
		background-color: #fffacd;
	}
  .header-nav li a {
	color: #696969;
	text-decoration: none;
	padding: 14px 0 13px;
    font-size: 13px;
    font-weight: bold;
	display: inline-block;
	line-height: 1;
	width: 155px;
	text-align: center;
  }
  #navbutton {
    display: none;
  }

	.btn-mitsumori{
		float: right;
		text-align: center;
		text-decoration: none;
		background: #ff7e07;
		width: 210px;
		height: 40px;
		margin: 0 auto;
		font-size: 18px;
		font-weight: bold;
		color: #fff;
		display: block;
		line-height: 40px;
		border-radius: 0.25em;
		margin-right: 20px;
		margin-top: 7px;
	}
	.header-inner:after{
		display: block;
		clear: both;
		content: "";

	}
	.recommend{
		overflow: auto;
	}
	.recommend_box{
		float: left;
		width: 300px;
		margin-right: 17px;
		/*box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 1);*/
		padding: 10px;
	    min-height: 300px;
	}
	.recommend_box a{
		text-decoration: none;
	}
	.recommend_box:hover{
		background-color: #FFFAF0;		
		}
	.recommend_box_link{
		color: #2B2B2B;
	}
	.name{
		font-size: 13px;
		color: #333333;
		font-weight: bold;
		margin: 5px 0 0 0;
	}
	.money {
		font-weight: bold;
		font-size: 17px;
		height: 35px;
	}
	.recommend_box p{
		font-size: 13px;
		line-height: 18px;
		margin: 0;
	}
	.red{
		color: #FF0004;
		font-weight: bold;
		margin-top: 6px!important;
	}

	#top-section2{
		background: url(http://www.kooya.jp/wp-content/themes/kooya-koga/images/top_2.jpg)no-repeat;
		height: 600px;
		clear: both;
		margin-top:100px;
		background-size: cover;
		}
	.top-section2-1{
		padding: 200px 0;
		color: #FFFFFF;
		text-align: center;
	}
	.top-section2-1 h2{
		font-size: 32px;
		margin-bottom: 10px;
	}


/*TOPのスライドショー*/	
#top_image{
	width: 100%;
	height: 470px; /* 画像の高さを指定 */
	position: relative;
	background: url("/wp-content/themes/kooya-koga/images/front.jpg") repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 60s linear infinite; /* 23sの部分背景画像の約数だとスムーズ */
	margin: 0;
	padding: 0;
	}
@keyframes bg-slider {
	from { background-position: 0 0; }
    to { background-position: -3000px 0; } /* 1518pxとは使用した背景画像の長さ */
}
	.top_image_inner{
		width: 500px;
		margin: 0 auto;
		padding-top: 140px;
	}
	.top_image_inner p{
		font-size: 30px;
		text-align: center; 
		color: white; 
		background-color: rgba(184, 134, 11,0.5); 
		padding: 30px;
	}


}/*--PCここまで--*/




/*------フッター------*/
footer {
  background-color: #23282d;
}
 
/*フッターメニュー*/
.footer-nav {
  margin-bottom: 20px;
}
 
.footer-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
 
.footer-nav ul:after {
  display: block;
  clear: both;
  content: '';
}
 
.footer-nav li {
  float: left;
  width: 50%;
  text-align: center;
}
 
.footer-nav li a {
  font-size: .9em;
  display: block;
  padding: 10px 5px;
  text-decoration: none;
  color: #fff;
}
 
.footer-nav li a:hover {
  opacity: .6;
}
 
 
/*コピーライト*/
.copyright p {
  font-size: .9em;
  margin: 0;
  text-align: center;
  color: #fff;
}

/*フッターメニュー　PC*/
@media (min-width: 768px) {
  .footer-nav li {
    width: auto;
    text-align: left;
  }
  .footer-nav li a {
    font-size: 1em;
    padding: 10px 20px;
	color: #FFFFFF;
	text-decoration: none;
  }
	.sp{display: none!important;}
}



/*フッターの上に境界線を引く*/
footer {
  margin-top: 80px;
  border-top: solid 1px #ddd;
}

/*------サイドバー------*/
.sidebar-wrapper {
  margin-bottom: 1.8em;
  padding: 10px;
}
 
.sidebar-wrapper h4 {
  font-size: 1.1em;
  margin-top: 0;
  margin-bottom: 10px;
  padding: 7px 10px;
  color: #fff;
  background-color: #464646;
}
.sidebar-wrapper a{
  color: #23282d;
  text-decoration: none;
}


/*ご契約の流れページ*/
.flow h3{
    border-bottom: 1px solid #7fcaf4;
    border-left: 2px solid #b8860b;
    font-size: 16px;
    padding-left: 15px;
    padding-bottom: 5px;
    margin-top: 20px;
    letter-spacing: 0.2em;
    color: #083e88;
}
.blue-point{
	color: #083e88;
	font-weight: bold;
	line-height: 3em;
}
.flow table{
	border-top: 1px solid #b8860b;
    border-right: 1px solid #b8860b;
    border-left: 1px solid #b8860b;
    border-collapse: collapse;
}
.flow table tr{
    border-bottom: 1px solid #b8860b;
}
.flow table th{
	padding: 10px;
    background-color: #fffacd;
    border-right: 1px solid #b8860b;
    text-align: left;
}
.flow table td{
	padding: 10px;
}
@media (max-width: 768px) {
	.flow{
		width: 90%;
		margin: 0 auto;
	}
}

/*お問い合わせフォーム*/
.wpcf7-form textarea{
	width: 100%;
}
.wpcf7-form input{
	padding: 8px;	
	width: 100%;
}

.wpcf7-submit{
	text-align: center;
    text-decoration: none;
    background: #ff7e07;
    width: 80%!important;
    height: 40px;
    margin: 0 auto!important;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 0.25em;
}