@charset "UTF-8";

/*
Theme Name: geo-wp
Theme URI:  https://www.geo-power.co.jp/
Description: GEO POWER SYSTEM WP THEME
Author: Takashi Kawaguchi
Author URI: https://www.geo-power.co.jp/
Version: 1.01
*/
a:hover img.opac{ /*画像リンクで明るくさせたいものすべてに*/
 	filter: Alpha(opacity=70);
	opacity: 0.7;
}

.wrapgeo {
  display: -webkit-box; /*Android4.3*/
  display: -moz-box;    /*Firefox21*/
  display: -ms-flexbox; /*IE10*/
  display: -webkit-flex; /*PC-Safari,iOS8.4*/
  display: flex
}



/**************************************************
h2タグ　みりょく１～３
**************************************************/
h2.mi1 {
	color: #333;
	font-weight: bold;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi1::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://ikoken.jp/gwp/wp-content/themes/gpre-ikoken/images/m/k1.png) no-repeat;
	background-size:contain;
}

h2.mi2 {
	color: #333;
	font-weight: bold;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi2::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://ikoken.jp/gwp/wp-content/themes/gpre-ikoken/images/m/k2.png) no-repeat;
	background-size:contain;
}

h2.mi3 {
	color: #333;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi3::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://ikoken.jp/gwp/wp-content/themes/gpre-ikoken/images/m/k3.png) no-repeat;
	background-size:contain;
}

h2.mi4 {
	color: #333;
	font-size:2.2rem;
    position:relative;
	padding-left: 50px;
	margin-top: 50px;
}
h2.mi4::before {
	position:absolute;
	left:0;
	content:"";
	display:inline-block;
	width:1em;
	height:1em;
	background:url(https://ikoken.jp/gwp/wp-content/themes/gpre-ikoken/images/m/k4.png) no-repeat;
	background-size:contain;
}


h3.block_title {
  margin: 0;
  padding: 5px 0px 0px 0px;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2em;
  border-left: none;
}


/**************************************************
rhouse gray背景
**************************************************/
.rhouse-gray {
 background-color: #F6F6F6;
  border-radius: 10px;
}

.rhouse-gray-center {
 background-color: #F6F6F6;
  border-radius: 10px;
text-align: center;
}

h5.rhouse {
	color: #2F4F35;
	font-weight: bold;
	font-size:1.1rem;
	font-feature-settings: "palt";
	margin:0 0 10px 0;
	
}

h5.rhouse::before {
  font-family: FontAwesome;
  content: "\f058";
	font-size:1.3rem;
  padding-right: 6px;
}

h5.rhouseg {
	color: #2F4F35;
	font-weight: bold;
	font-size:1.0rem;
	font-feature-settings: "palt";
	margin:0 0 10px 0;
	
}

h5.rhouseg::before {
		color: #9cc715;
  font-family: FontAwesome;
  content: "\f058";
	font-size:1.2rem;
  padding-right: 6px;
}


h6.point1 {
  position: relative;
  border-top: solid 2px #253582;
  border-bottom: solid 2px #253582;
  background: #f6f6f6;
  font-size: 1.3em;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

h6.point1:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free", "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
  content: '\f0a7\ POINT1';
  background: #253582;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 0.8;
  letter-spacing: 0.05em;
}

h6.point2 {
  position: relative;
  border-top: solid 2px #253582;
  border-bottom: solid 2px #253582;
  background: #f6f6f6;
  font-size: 1.3em;
  line-height: 1.4;
  padding: 0.4em 0.5em;
  margin: 2em 0 0.5em;
}

h6.point2:after {
  /*タブ*/
  position: absolute;
  font-family: "Font Awesome 5 Free",'Quicksand','Avenir','Arial',sans-serif;
  content: '\f0a7\ POINT2';
  background: #253582;
  color: #fff;
  left: 0px;
  bottom: 100%;
  border-radius: 5px 5px 0 0;
  padding: 5px 7px 3px;
  font-size: 0.7em;
  line-height: 0.8;
  letter-spacing: 0.05em;
}

/**************************************************
ここから一般
**************************************************/
.kanrenkiji {
	font-weight: bold;
	font-size:1.3rem;
	border-left:4px solid #333;
	padding-left:15px;
	margin:20px 0 15px 0;
}

.p11px {
	font-size: 11px;
}

/*薄グレーの２重線に挟まれるタイトル*/
.TitleDD {
  color: #253582;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
  padding-top:15px;
  padding-bottom: 15px;
  border-top: solid 1px #DDD;
  border-bottom: solid 1px #DDD;
}

.Ow-box {
	background-color: #EEE;
	padding:20px 50px 20px 50px;
	margin:30px 0 30px 0;
	text-align: right;
}

/*お客様の声の見出しＱ*/
h4{ 
  position: relative;
  padding: 0.3em;
  color:#253582;
  margin-top:60px;
  margin-bottom:20px;
}

h4:before {
content: "Q. ";
}

h4:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: repeating-linear-gradient(-45deg, #253582, #253582 2px, white 2px, white 4px);
}





/*TOP INFO*/


 .ListINFO{
  	width: 100%;
	list-style:none;
	margin: 0;
	padding:0;
}

.ListINFO li{
  	border-bottom:#DDD 1px solid;
	margin: 0 0 15px 0px;
	padding:0 0 15px 0px;
	font-size:0.9rem;
}
.ListINFO ul{
	margin: 0;
	padding:0;

}



/**************************************************
H1 タイトル
**************************************************/
h1.BKtitle {
	font-weight: bold;
	font-size:1.7rem;
  　font-feature-settings: "palt";
	border-left:5px solid #253582;
	padding-left:15px;
	margin:15px 0 30px 0;
}

h2.GPS{
	font-weight: bold;
	font-size:1.5rem;
  　font-feature-settings: "palt";
	border-left:4px solid #333;
	padding-left:15px;
	margin:40px 0 15px 0;
}

h3 {
	font-weight: bold;
	font-size:1.3rem;
  　font-feature-settings: "palt";
	border-left:4px solid #28378a;
	padding-left:15px;
	margin:20px 0 15px 0;
}

h3.green {
	font-weight: bold;
	font-size:1.5rem;
	color: #28378a;
	margin:15px 0 30px 0;
		border-left:0px solid #333;
}

h3.Midashi {
	font-weight: bold;
	font-size:1.5rem;
  　font-feature-settings: "palt";
	border-left:5px solid #122E0A;
	padding-left:15px;
	margin:15px 0 30px 0;
}

  /* 不動産singleページ内のステータス表示　*/

.status-on {
  display: inline-block;
  text-align: left;
  background-color: #9ec34b;
  font-size: 14px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
	margin: auto auto auto 10px ;
  padding: 6px 8px 6px 8px;
  border-radius: 16px;
  position: relative;
}
  /* お客様の声一覧ページ　*/




.voibox{
	position:  relative;
	z-index: 1;
}


h1.common {
	text-align: center;
background: linear-gradient(transparent 70%, #ddd 70%);
	margin: 0.8em 0 0.8em 0;
}


h2{
    clear: both;
    font-weight: bold;
    font-size: 1.6em;
    color: #333;
    margin: 2em 0 0.8em 0;
    background-color:#DEDEDE;
    padding:15px;
}


.top-bar-gray { /*202403*/
  color: #444444;
  font-size: 1.5rem;
  text-align: center;
  font-weight: bold;
  margin: 0;
padding:0;
background-color:transparent;
}


h2.midashi {
    clear: both;
    font-weight: bold;
    font-size: 1.5em;
    color:
    #242;
    margin: 2em 0 0.8em 0;
}

h2.green {
    clear: both;
    font-weight: bold;
    font-size: 1.9em;
    color:
    #28378a;
    margin: 2em 0 0.8em 0;
}


h2.saiyo{
  clear: both;
  font-weight: bold;
  font-size: 1.9em;
  color: #39c;
  margin: 2em 0 0.3em 0;
}

h5.saiyo{
  font-weight: bold;
  font-size: 1.4em;
  color: #39c;
  margin: 0em 0 0em 0;
}



.bunrui-total {/*アーカイブ画像左上のメイン*/
  position: absolute;
	font-size:11px;
	color: #FFFFFF;
  top: 0;
  left: 0;
  z-index: 5;
}

span.bun-midori {
    background:#2A830B;
	font-size:12px;
	padding:3px 5px 3px 5px;
}

span.bun-blue {
    background:#0781B4;
		font-size:12px;
	padding:3px 5px 3px 5px;
}

span.bun-orange {
    background:#A24100;
		font-size:12px;
	padding:3px 5px 3px 5px;
}


/* 分類で色分け*/
p.bunrui-real {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#0F9762;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-area {
	position: absolute;
	z-index: 4;
	font-size:11px;
	background-color:#333;
	color: #FFFFFF;
		top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-post {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#05687C;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-page {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#6C3738;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}

p.bunrui-sonota {
	position: absolute;
	z-index: 2;
	font-size:11px;
	background-color:#5C0068;
	color: #FFFFFF;
	top:0px;
	left:0px;
	padding:2px 5px 2px 5px;
}


.Ichiran-Price {
	font-size: 16px;
	font-weight:bold;
	color:#D1090C;

}

  a.voibox {
  	float:left;
  /*border:1px solid #EEEEEE; */
	text-decoration:none;

  	display: inline-block;
  	*display: inline;
  	}
  a.voibox:visited,a.voibox:link{
	  color:#333;
	  text-decoration:none;
	}

a.voibox:hover{
	color:#000;
  	text-decoration:underline;
  	/* background-color: #FFF6CC; */
	filter: Alpha(opacity=80);
	opacity: 0.8;
  }
/*
.voibox {
  border-bottom: 4px dotted #D3CAC7;
  border-left: 4px dotted #D3CAC7;
  margin: 0 auto;
  overflow: hidden;
  width: 300px;
}
*/
/*
.voibox img {
  display: block;
  height: auto;
  max-width: 100%;
  transition: 0.5s;
}
*/
/*
.voibox img:hover {
 -webkit-transform: scale(3);
 	filter: Alpha(opacity=60);
	opacity: 0.6;
}
*/


/*お客様の声index.phpの、記事数紹介*/

.voice-total{
	font-size:1.3em;
	padding:5px 0 10px 0;
	border-top:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	margin-bottom:20px;
	text-align:center;
}

.voice-total-num{
	font-weight: bold;
	font-size:1.8em;
	color: #305C08;
}


p.block_title{
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.2em;
}

.block_price{
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-weight: bolder;
	color:#05A78B;
}

.block_etc{
	margin: 0;
	padding: 0;
	font-size: 12px;
}


/* 会話風　*/

.TALK-PRE
{
	position: relative;
	padding:10px 0 10px 0;
	background-color:#7FAA72;
	text-align:center;
	font-size:15px;
	margin:10px 0 10px 0;
	color:#FFF;
  font-weight: bold;
	}

.TALK-PRE:after {
content: '';
position: absolute;
border-top: 20px solid #7FAA72;
border-right: 15px solid transparent;
border-left: 15px solid transparent;
bottom: -12px;
left: 44%;
}



.TALK-L
{
	padding:10px 0 10px 0;
	border:solid 5px #EEE;
	text-align:center;
	font-size:15px;
	margin:10px 0 10px 0;

	}

/*SIDE MENU*/
.SideM ul{
margin: 0;
padding: 0;
list-style: none;
}
.SideM li{
display: inline;
padding: 0;
margin: 0;
}
.SideM li a{
display: block;
border: 2px solid #EEEEEE;
background-color: #FFF;
padding: 8px 8px;
text-decoration: none;
color: #333;
width: 100%;
margin: 5px 0px;
text-align: left;
font-size: 14px;
font-weight:bold;
}

.SideM li a:hover{
border: 2px solid #EEEEEE;
background-color: #EEEEEE;
}

.SideM .SideMMenu{
display: block;
border: 2px solid #5969B1;
background-color: #5969B1;
padding: 8px 8px;
text-decoration: none;
color: #FFF;
width: 100%;
margin: 5px 0px;
text-align: left;
font-size: 14px;
	font-weight:bold;
}





/*TOP H2*/
.top-bar {
  /*font-family: "游明朝", YuMincho;*/
  color:#253582;
	font-size:1.6rem;
	text-align: center;
  font-weight:bold;
	/*font-style: italic;*/
		    margin: 0;
		
}

.tel {
	font-size:1.5rem;
	font-weight:bolder;
	color:#253582;
}


/*
pagenavi
*/

.wp-pagenavi {
	clear: both;
	margin-top: 80px; /*ナビ上のマージン*/
	font-size: 1.2rem;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}



/**************************************************
レスポンシブテーブル
**************************************************/
.table-rwd table   { width: 100%; }
.table-rwd th, .table-rwd td  { padding: 10px; border: 1px solid #ddd; }
.table-rwd th  { background: #f4f4f4; }

.table-rwd th{
	line-height:170%;
	font-size:1rem;
	color:#333;
	}

.table-rwd td{
	line-height:170%;
	font-size:1rem;
	color:#333;
}


.table-rwd th  { width: 20%; text-align: left; }

@media only screen and (max-width:480px){
    .table-rwd { margin: 0; }
    .table-rwd th,
    .table-rwd td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .table-rwd tr:first-child th   { border-top: 1px solid #ddd; }
}


/**************************************************
WP　ギャラリー
**************************************************/
.gallery { /** ギャラリーを囲むボックス **/
	width: 100%;
	margin-bottom: 20px !important;
    overflow: hidden;
}

.gallery br {display: none;} /** 自動で挿入される clearfix の余白解除 **/

.gallery-item { /** 画像共通のスタイル **/
    float: left;
	margin-bottom: 0 !important;
}
.gallery-icon { /** 画像を囲む dt のスタイル **/
    text-align: center;
}

.gallery-icon img {
	width: 100%;
	height: auto;
	margin-bottom: 10px !important;
}

.gallery-caption { /** キャプション **/
    color: #222;
    font-size: 12px;
    margin: 0 0 10px;
    text-align: center;
}

.gallery-columns-1 .gallery-item { /** カラムなし **/
    width: 100%;
    margin-right: 0;
}
.gallery-columns-2 .gallery-item { /** 2カラム **/
	width: 48%;
	margin: 0 1%;
}
.gallery-columns-3 .gallery-item { /** 3カラム **/
    width: 31.33333%;
	margin: 0 1%;
}
.gallery-columns-4 .gallery-item { /** 4カラム **/
    width: 23%;
    margin: 0 1%;
}
.gallery-columns-5 .gallery-item { /** 5カラム **/
    width: 18%;
    margin: 0 1%;
}

@media screen and (max-width: 640px) {
	/* 640px以下用の記述 */
	.gallery-columns-3 .gallery-item, .gallery-columns-4 .gallery-item {
		width: 48%;
		margin: 0 1%;
	}
	.gallery-columns-5 .gallery-item {
		width: 31.33333%;
		margin: 0 1%;
	}

}

/**************************************************
画像レスポンシブ対応(img)
**************************************************/

img[class*="align"],
img[class*="wp-image-"],
img[class*="attachment-"] {
	max-width: 100%;
	height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
/*
img.size-full,
img.size-large,
img.header-image,
img.wp-post-image {
	margin: 10px 0px;
	max-width: 100%;
	height: auto; }/* Make sure images with WordPress-added height and width attributes are scaled correctly */


  /**************************************************
  ＷＰウィジェット（sidebar）上書き
  **************************************************/


  /*SIDE MENU*/



li .cat-item{
  display: inline;
  padding: 0;
  margin: 0;
  }

li .cat-item a{
  display: block;
  border: 2px solid #EEEEEE;
  background-color: #FFF;
  padding: 8px 8px;
  text-decoration: none;
  color: #333;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
  }

li .cat-item a:hover{
  border: 2px solid #EEEEEE;
  background-color: #EEEEEE;
  }

  .cat-item .widget{
  display: block;
  border: 2px solid #7FAA72;
  background-color: #7FAA72;
  padding: 8px 8px;
  text-decoration: none;
  color: #FFF;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  	font-weight:bold;
  }



h2.widgettitle{
  text-align: left;
  display: block;
  border: 2px solid #7FAA72;
  background-color: #7FAA72;
  padding: 8px 8px;
  text-decoration: none;
  color: #FFF;
  width: 100%;
  margin: 5px 0px;
  text-align: left;
  font-size: 14px;
  font-weight:bold;
}

/* widget タグクラウド */
.tagcloud a {
  background-color: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 2px;
  color: #555;
  display: inline-block;
  margin-bottom: 5px;
  padding: 4px 8px;
  text-decoration: none;
  font-size: 12px;
}
.tagcloud a::before {
  font-family: FontAwesome;
  content: "\f02b";
  padding-right: 3px;
}
.tagcloud a:hover {
  background-color: #f3f3f3;
  transition: all 0.3s ease 0s;
}
.tagcloud a .tag-link-count {
  margin-left: 10px;
}


/**************************************************
Google MAP　レスポンシブ対応
**************************************************/

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

/**************************************************
メッセージ　会社概要や理念などの読ませる文章用
**************************************************/

.message {
margin:2%;
padding:2%;
}

/**************************************************
文章中画像流し込み用 LL-Lのような
**************************************************/
.alignleft{
    float: left;
    margin: 0 1.5em 1em 0;
}
.alignright{
    float: right;
    margin: 0 0 1em 1.5em;
}


.LL-L {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 50%;
}

.RR-M {
    float: right;
    margin: 0 0 1em 1.5em;
    width: 50%;
}

.LL-M {
    float: left;
    margin: 0 1.5em 1em 0;
    width: 35%;
}

.RR-M {
    float: right;
    margin: 0 0 1em 1.5em;
    width: 35%;
}

.ownerR {
    text-align: right;
    font-size: 1.2em;
    font-weight: bold;
}

@media only screen and (max-width:480px){
.LL-L {
    margin: 0;
    width: 100%;
}
.alignleft{
    float: left;
    margin: 0 1.5em 1em 0;
	width: 50%;
}
.alignright{
    float: right;
    width: 50%;
}
}

/**************************************************
contact form 7用
**************************************************/

/*　ContactForm7のテーブル化レスポンシブ調整　*/

/*テーブルを親要素の幅いっぱいに伸ばす*/
.table-res-form {
    width: 100%;
}
/*一行ごとに上ボーダー*/
.table-res-form tr {
    border-top: 1px #DDD solid;
}
/*一番上の行だけボーダーなし*/
.table-res-form tr:first-child {
    border-top: none;
}
/*奇数行だけ背景色つける*/
.table-res-form tr:nth-child(2n+1) {
    background: #efefef;
}
/*thとtd内の余白指定*/
.table-res-form th, .table-res-form td {
    padding: 1.3em;
}
/*th（項目欄）は30%幅、テキストを右寄せ*/
.table-res-form th {
    width: 30%;
    text-align: right;
}
/*「必須」部分のスタイリング*/
.table-res-form .requied {
    font-size: 0.7rem;
    color: #FFF;
    display: inline-block;
    padding: 0.3em 0.3em 0.2em;
    background: #f60;
    border-radius: 4px;
}

/*ここから768px以下の指定*/

@media only screen and (max-width: 768px) {
　　　　　/*thとtdをブロック化して幅100％にして、縦積み*/
    .table-res-form th, .table-res-form td {
        width: 100%;
        display: block;
    }
　　　　　/*th（項目名）欄の不要な余白削除・テキスト左寄せ*/
    .table-res-form th {
        padding-bottom: 0;
        text-align: left;
    }
　　　　　/*不要な最終行の左のthを非表示にする*/
    .table-res-form .empty {
        display: none;
    }
}

/*ここまで768px以下の指定---終わり*/

/*ここから入力欄のスタイル指定*/

/*各入力フォームスタイリング*/
/*（※inputだけにしちゃうと、個人情報のチェックボックス等に影響するのでここは個別にやる）*/
.table-res-form input[type="text"], input[type="tel"] , input[type="email"],textarea {
    border: 1px #83AC89 solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
    width: 100%;
}

/*各入力フォームスタイリング（widthを100％にしたくないやつ）*/
/*（※inputだけにしちゃうと、個人情報のチェックボックス等に影響するのでここは個別にやる）*/
.table-res-form input[type="date"] {
    border: 1px #83AC89 solid;
    padding: 0.5em;
    border-radius: 5px;
    margin-bottom: 0.5em;
}
/*入力欄にフォーカスしたら変化*/
/*個別にやる場合→ input[type="text"]:focus, */
.table-res-form input:focus, textarea:focus {
    background: #EEFFEE;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
.table-res-form input[type="submit"] {
    border: 1px #89BDDE solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #123908;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
.table-res-form input[type="submit"]:hover {
    background: #225200;
    box-shadow: none;
}