@charset "utf-8";
/*--------------------------------------------------------------------------------------------------------------
  CSSリセット
--------------------------------------------------------------------------------------------------------------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,.global-footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;}
body{line-height: 1;}
article,aside,details,figcaption,figure,.global-footer,header,hgroup,menu,nav,section{display: block;}
nav,ul,ol{list-style: none;}
blockquote,q{quotes: none;}
blockquote:before,blockquote:after,q:before,q:after{content: '';content: none;}
a{margin: 0;padding: 0;font-size: 100%;vertical-align: baseline;}
ins{background-color: #ff9;color: #000;text-decoration: none;}
mark{background-color: #ff9;color: #000;font-style: italic;font-weight: bold;}
del{text-decoration: line-through;}
abbr[title],dfn[title]{border-bottom: 1px dotted;cursor: help;}
table{border-collapse: collapse;border-spacing: 0;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #ccc;margin: 1em 0;padding: 0;}
input,select{vertical-align: middle;}
section.main a:hover{text-decoration: underline;}


/*--------------------------------------------------------------------------------------------------------------
  body、共通事項
--------------------------------------------------------------------------------------------------------------*/

body {
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, 'メイリオ', Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 16px;
	-webkit-text-size-adjust: 100%;
}

div {
	margin: 0 auto;
}

div,li,dt,dd,th,td {
	  -webkit-box-sizing:border-box;
	box-sizing: border-box;
}

h1,h2,h3,h4,h5,
h2 a,h3 a,h4 a,h5 a {
	line-height: 130%;
}

p,li,dt,dd,th,td,a {
	line-height: 160%;
}

a {
	display: block;
	color: inherit;
	text-decoration: none;
}

a:hover {
filter: alpha(opacity=50);
 -moz-opacity: 0.5;
opacity: 0.5;
}

img {
	height: auto;
	width: auto;
	max-width: 100%;
	vertical-align: bottom;
}

li:last-child {
	margin-bottom: 0;
}


/*--------------------------------------------------------------------------------------------------------------
  共通クラス
--------------------------------------------------------------------------------------------------------------*/

.t-center {
	text-align: center;
}

.f-small {
	font-size: .75em;
}

.f-big {
	font-size: 1.2em;
}

.f-bold {
	font-weight: bold;
}

.fl-left {
	float: left;
}

.fl-right {
	float: right;
}

.clear:after {
	content: "";
	clear: both;
	display: block;
}

.ttl-contents,
body dt.ttl-contents {
	border-bottom: 2px solid #174c6b;
	font-size: 22px;
	font-weight: bold;
	line-height: 160%;
	padding-bottom: 5px;
	margin-bottom: 15px;
	text-align: center;
}

body dt.ttl-contents {
	background: none;
	color: #000;
}


/*--------------------------------------------------------------------------------------------------------------
  ボタン
--------------------------------------------------------------------------------------------------------------*/

.btn {
	border-radius: 10px;
	font-weight: bold;
  text-align: center;
  width: 90%;
  max-width: 300px;
	margin: 15px auto 0;
}

.btn a {
	background: url(http://www.housebuilding-catalog.com/img/sec01-btn-ar.png) no-repeat 95% center;
	color: #fff;
  display: block;
	height: 70px;
	line-height: 140%;
	padding: 0 8% 0 7%;
	margin-bottom: 20px;
}

.btn a span {
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}

.btn01 {
	background: red;
	box-shadow: 0 3px 0 #900;
}

.btn02 {
	background: #1A8968;
	box-shadow: 0 3px 0 #25472B;
}

.btn02 a {
	background: url(../img/sp-icon-tel.png) no-repeat 5% center;
	background-size: 20px;
	padding: 0 0 0 7%;
}

.btn03 {
	background-color: #d4d7d9;
	box-shadow: 0 3px 0 #666;
}

.btn03 a {
	background: url(http://www.housebuilding-catalog.com/img/sec03-btn-ar.png) no-repeat 95% center;
	color: #174c6b;
	height: 50px;
}

.btn04 {
	background: #D9687A;
	box-shadow: 0 3px 0 #C36;
}

.btn05 {
	background: #388BEE;
	box-shadow: 0 3px 0 #009;
}

.btn.height a {
	height: 90px;
}


/*--------------------------------------------------------------------------------------------------------------
  header
--------------------------------------------------------------------------------------------------------------*/

.global-header h1,
.global-header .site-name {
	border-top: 1px solid #333;
	border-bottom: 5px solid #aaa;
	color: #737373;
	font-size: 12px;
	font-weight: normal;
	line-height: 130%;
	padding: 5px;
}

.global-header .head-name img {
	width: 100%;
}

.global-header p {
	font-size: 14px;
}

.global-header .lead {
	color: #737373;
	margin: 5px;
}

.header-inner {
	background: url(../img/sp_mv.png) no-repeat center;
	background-size: cover;
	padding: 5px;
}

.header-inner .text-area {
  background-color: rgba(255,255,255,0.4);
	margin-bottom: 10px;
	padding: 10px;
}

.header-inner h2 {
	font-size: 20px;
	margin-bottom: 10px;
	text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}

.header-inner .ttl {
	font-size: 34px;
	font-weight: bold;
	letter-spacing: 5px;
	margin-bottom: 5px;
	text-align: center;
}

.header-inner li {
  border-bottom: 2px solid #d4d5d1;
	font-weight: bold;
}

.header-inner li a {
	background: url(http://www.housebuilding-catalog.com/img/mv-ar3.png) left center no-repeat;
	padding: 5px 0 5px 25px;
}

.header-inner li.pink a {
	background: url(http://www.housebuilding-catalog.com/img/mv-ar1.png) left center no-repeat;
	color: #e03e7f;
}

.header-inner li.brown a {
	background: url(http://www.housebuilding-catalog.com/img/mv-ar2.png) left center no-repeat;
	color: #bf7500;
}


/*--------------------------------------------------------------------------------------------------------------
  pankuzu
--------------------------------------------------------------------------------------------------------------*/

.breadcrumns {
	border-top: 2px solid #1b4b68;
	border-bottom: 2px solid #1b4b68;
	font-size: 12px;
	margin: 20px auto;
	padding: 10px;
}

.breadcrumns a {
	display: inline;
	text-decoration: underline;
}


/*--------------------------------------------------------------------------------------------------------------
  main
--------------------------------------------------------------------------------------------------------------*/

#main {
	margin-bottom: 30px;
	padding: 0 7px;
}

.top-page h2,
.sub-page h1 {
  font-size: 24px;
	margin-bottom: 20px;
}

.top-page h3,
.sub-page h2 {
	font-size: 22px;
	margin-bottom: 20px;
}

.top-page h4,
.sub-page h3 {
	font-size: 20px;
	margin-bottom: 20px;
}

#main p + h1,
#main p + h2,
#main p + h3,
#main p + h4,
#main p + h5,
#main ol + h1,
#main ol + h2,
#main ol + h3,
#main ol + h4,
#main ul + h1,
#main ul + h2,
#main ul + h3,
#main ul + h4 {
	margin-top: 20px;
}

#main .btn + h3 {
	margin-top: 30px;
}

#main p + p {
	margin-top: 15px;
}

#main ol,
#main ul {
}

#main li {
}

#main table {
	width: 100%;
}

#main th,
#main td {
}

#main th {
}

#main td {
}


/*---------------------------------------
  top-page
----------------------------------------*/

/*
	top-box01
---------------------------*/

.top-box01 {
	background: #f8f8f6;
	margin: 0 -7px 30px;
}

.top-box01 .ttl-area {
	background: #174c6b;
	padding: 10px 10px 0;
}

.top-box01 .ttl-area p {
	color: #fff;
	margin-bottom: 10px;
}

.top-box01 .ttl-area .ttl {
	font-size: 18px;
	font-weight: bold;
}

.top-box01 .ttl-area h2 {
	background: url(../img/sp_sec01-h2.png) no-repeat;
	background-size: 100% 30px;
	background-color: #f8f8f6;
	font-size: 22px;
	margin-bottom: 0;
	padding: 40px 10px 10px;
	text-align: center;
}

.top-box01 .base-area {
	padding: 20px 10px 10px;
}

.top-box01 .base-area h3 {
	background: url(http://www.housebuilding-catalog.com/img/sec01-h3.png) no-repeat left top;
	background-size: 50px;
	border-bottom: 1px dashed #c8c8c7;
  color: #174c6b;
	text-align: center;
}

.top-box01 .base-area h3 a {
	background: url(http://www.housebuilding-catalog.com/img/sec02-ar.png) 98% no-repeat;
	background-size: 10px;
	padding-bottom: 10px;
}

.top-box01 .base-area h3 span {
	font-size: .8em;
	line-height: 100%;
}

.top-box01 .base-area .text-top {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

.top-box01 .base-area .text-low {
	background: url(http://www.housebuilding-catalog.com/img/sec01-bg.png);
	margin-bottom: 20px;
	padding: 10px;
}

.top-box-img01 {
	display: block;
	margin: 0 auto 20px;
	width: 70%;
	max-width: 250px;
}

.top-box01-child {
	margin-bottom: 30px;
	text-align: center;
}

.top-box01-child h4 {
	color: #174c6b;
	font-size: 22px;
	margin-bottom: 10px;
}

.top-box01-child img {
	  -webkit-box-sizing:border-box;
	box-sizing: border-box;
	display: block;
	margin: 0 auto 10px;
	padding: 3px;
}

.tb1c-01 .btn {
	background: #e27f8d;
	box-shadow: 0 3px 0 #B0395E;
}

.tb1c-01 img {
	border: 2px solid #e27f8d;
}

.tb1c-02 .btn {
	background: #59acc3;
	box-shadow: 0 3px 0 #1877AA;
}

.tb1c-02 img {
	border: 2px solid #59acc3;
}

.tb1c-03 .btn {
	background: #519963;
	box-shadow: 0 3px 0 #063;
}

.tb1c-03 img {
	border: 2px solid #519963;
}

.tb1c-04 .btn {
	background: #cb9a00;
	box-shadow: 0 3px 0 #960;
}

.tb1c-04 img {
	border: 2px solid #cb9a00;
}


/*
	top-box02
---------------------------*/

.top-box02 {
	margin-bottom: 30px;
}

.top-box02 h2 {
	color: #cb9a00;
}

.top-box02 .ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

.top-box02-child {
	background: url(http://www.housebuilding-catalog.com/img/sec02-bg.png);
	margin-bottom: 20px;
	padding: 10px 10px 0;
}

.tb2c-01 {
	border: 3px dashed #e27f8d;
}

.tb2c-02 {
	border: 3px dashed #59acc3;
}

.tb2c-03 {
	border: 3px dashed #cb9a00;
}

.tb2c-04 {
	border: 3px dashed #519963;
}

.top-box02-child h3 {
	border-bottom: double 3px #174c6b;
	color: #174c6b;
	text-align: center;
	font-size: 30px;
}

.top-box02-child h3 a {
	background: url(http://www.housebuilding-catalog.com/img/sec02-ar.png) 98% no-repeat;
	background-size: 10px;
	padding: 5px 0;
}

.top-box02-child h4 {
	font-size: 22px;
	margin: 0 auto 20px;
	text-align: center;
	width: 200px;
}

.tb2c-01 h4 {
	border-bottom: 2px solid #D9687B;
}

.tb2c-02 h4 {
	border-bottom: 2px solid #66ACC3;
}

.tb2c-03 h4 {
	border-bottom: 2px solid #D8B668;
}

.tb2c-04 h4 {
	border-bottom: 2px solid #438950;
}

.tb2c-img {
	display: block;
	margin: 0 auto 10px;
}

.top-box02-child .data li {
	border-bottom: 1px solid #174c6b;
	font-weight: bold;
	padding: 5px 0;
}

.top-box02-child .data li span {
	color: #ca0101;
	font-size: 1.4em;
}

.top-box02-child .data li.end {
	border-bottom: none;
	color: #454545;
	font-weight: normal;
}

.top-box02-child .btn {
	margin-bottom: 30px;
	width: 100%;
}

.tb2c-c {
	margin-bottom: 20px;
}

.tb2c-c h4.ttl-low {
	font-size: 18px;
}

.tb2c-c .ttl {
	margin-bottom: 0;
	font-size: 18px;
}

.tb2c-c .taikan li {
	background: url(http://www.housebuilding-catalog.com/img/sec02-li.png) left 9px no-repeat;
	margin-bottom: 5px;
	padding: 0 0 0 15px;
}

.tb2c-c .main-img p {
	font-size: .7em;
	word-break: break-all;
}

.tb2c-c .main-img p + p {
	margin-top: 0 !important;
}


/* サムネイル */

p.url1-2, p.url1-3, p.url1-4, p.url1-5, p.url2-2, p.url2-3, p.url2-4, p.url2-5, p.url3-2, p.url3-3, p.url3-4, p.url3-5 {
	display: none;
}

.img-preview .main-img {
	margin-bottom: 10px;
	text-align: center;
}

.img-preview .main-img img {
	margin-bottom: 10px;
}

.img-preview ul li:first-child {
    display: none;
}

.img-preview ul {
	display: table;
	margin: 0 auto;
	overflow: hidden;
}

.img-preview li {
	cursor: pointer;
	float: left;
	text-align: center;
	padding: 0 3px;
}

.img-preview li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}


/* 口コミ */

.top-box02-child .kuchikomi {
	background: #e1e1e1;
	padding: 10px;
	margin: 0 -10px;
}

.top-box02-child .kuchikomi-box {
	background: #fff;
	margin-bottom: 10px;
	padding: 10px;
}

.top-box02-child .kuchikomi-box .ttl {
	border-bottom: 1px solid #e7e7e7;
	color: #236d82;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0;
	padding-bottom: 5px;
	text-align: left !important;
}

.top-box02-child .kuchikomi .btn {
	margin-bottom: 5px;
}


/*
	top-box03
---------------------------*/

.top-box03 {
	margin-bottom: 30px;
}

.top-box03 h2 {
	color: #174c6b;
	text-align: center;
}

.top-box03-child {
	border: 2px solid #e7e7e7;
	margin: 20px auto;
	padding: 10px;
}

.top-box03-child h3 {
	color: #174c6b;
	margin-bottom: 5px;
}

.top-box03-child h3 a {
	background: url(http://www.housebuilding-catalog.com/img/sec03-ar.png) no-repeat left;
	padding: 5px 0 5px 30px;
}

.top-box03-child .point {
	font-size: 14px;
}

.top-box03-child .text {
	background: url(http://www.housebuilding-catalog.com/img/sec03-icon.png) no-repeat left top;
	background-size: 45px;
	padding-left: 44px;
	margin: 15px auto;
	min-height: 80px;
}

.top-box03-child .text p {
	background: #DAEFF4;
	border-radius: 10px;
	padding: 10px;
	position: relative;
}


/*
	top-box04
---------------------------*/

.top-box04 {
	background: #f8f8f6;
	margin: 0 -7px;
	padding: 10px;
}

.top-box04 h2 {
	color: #174c6b;
}

.top-box04 h2 a {
	background: url(http://www.housebuilding-catalog.com/img/sec03-ar.png) no-repeat 98% center;
	padding-right: 5%;
}

.top-box04-child {
	border: 1px solid #4a738b;
	background: #fff;
	margin: 20px auto;
}

.top-box04-child h3 {
	background: url(http://www.housebuilding-catalog.com/img/sec02-bg.png);
	color: #174c6b;
	margin-bottom: 0;
	text-align: center;
}

.top-box04-child h3 a {
	background: url(http://www.housebuilding-catalog.com/img/sec03-ar.png) no-repeat 98% center;
	padding: 10px 7% 10px 5px;
}

.top-box04-child .text {
	padding: 10px;
}

.top-box04-child .text .btn {
	margin-top: 20px;
}


/*---------------------------------------
  sub-page
----------------------------------------*/

.sub-page h1 {
	margin: 0 -7px 20px;
	padding: 10px;
	background-color: #fbfbfb;
	border-top: 4px solid #1b4b68;
}

.sub-page h2 {
	margin: 0 -7px 20px;
	padding: 10px;
	border-bottom: 2px dashed #446b82;
	border-top: 2px dashed #446b82;
}

.sub-page h3 {
	border-left: 6px solid #4c8f5d;
	border-bottom: 1px solid #4c8f5d;
	padding: 5px 0 5px 15px;
}

.sub-page h3 a {
	background: url(../img/sp_side-ar_green.png) no-repeat 98% center;
	padding: 5px 7% 5px 0;
	text-decoration: underline;
}

.sub-page h4 {
	border-bottom: 2px dashed #446b82;
	margin-bottom: 20px;
	padding-bottom: 10px;
}

.sub-page h5 {
	border-bottom: 2px dashed #aacde2;
	margin-bottom: 20px;
	padding-bottom: 10px;
}


/* テーブル */

.sub-page table {
	border: 1px solid #ccc;
	border-bottom: none;
	margin-bottom: 30px !important;
}

.sub-page th,
.sub-page td {
	border-bottom: 1px solid #ccc;
	padding: 7px 5px;
	vertical-align: middle;
}

.sub-page th {
	color: #fef962;
	background-color: #164764;
	font-weight: bold;
	text-align: center;
}

.sub-page td li {
	background: url(http://www.housebuilding-catalog.com/img/page/ul.png) no-repeat left 3px;
	font-size: 14px;
	padding-left: 20px;
	margin-bottom: 10px;
}

.sub-table02 {
	margin: 20px auto;
}

.sub-table02 th {
	width: 35px;
}

.sub-table02 td {
	vertical-align: top;
}

.sub-table03 {
	margin-top: 20px;
}

.sub-table03 td {
		display: -webkit-box;
		display: -moz-box;
	display: box;
		display: -webkit-flex;
	display: flex;
		-webkit-box-pack: start;/*--- Androidブラウザ用 ---*/
		-webkit-justify-content: flex-start;
    -ms-flex-pack: start;
  justify-content: flex-start;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
	align-items: center;
}

.sub-table03 td img {
	font-size: 12px;
	width: 60px;
	max-width: 60px;
}

.sub-table03 td p {
	font-size: 14px;
	margin-left: 20px;
	width: 75%;
}


/* リスト */

.sub-page td li span {
	font-weight: bold;
}


/* サブボックス */

.sub-box01 {
	background-color: rgb(255, 255, 224);
	margin: 20px auto;
	padding: 10px;
}

.sub-box01 p {
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}

.sub-box01 li {
	background: url(http://www.housebuilding-catalog.com/img/page/ul.png) no-repeat left 6px;
	margin: 10px 0;
	padding-left: 20px;
}

.sub-box01 li a {
	text-decoration: underline;
}


/* サムネイル */

.thumbnail {
	text-align: center;
	font-size: 0.75em;
	word-wrap: break-word;
}

.thumbnail img {
	margin-bottom: 10px;
	vertical-align: middle;
}


/* 内部リンク */

.low-banner {
	background: url(http://www.housebuilding-catalog.com/img/page/common-bg.png);
	border: 4px dashed #c09103;
	margin: 30px 7px;
	padding: 10px;
}

.low-banner .ttl {
	background: url(http://www.housebuilding-catalog.com/img/sec01-h3.png) no-repeat left top;
	background-size: 50px;
	border-bottom: 3px dashed #c8c8c7;
  color: #174c6b;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 10px;
	text-align: center;
}

.low-banner .name {
	font-size: 22px;
	font-weight: bold;
	color: #164764;
	text-align: center;
}

.low-banner p {
	text-align: left;
}

.low-banner p span {
	font-weight: bold;
	font-size: 1.15em;
}

.low-banner .btn {
	width: 100%;
}

.low-banner img {
	border-style: dashed;
	margin: 0 auto 10px;
}


/* 口コミ評判 */

.sub-page .hyouban .ttl {
	background: url(http://www.housebuilding-catalog.com/img/page/ul.png) no-repeat left 6px;
  font-weight: bold;
	font-size: 18px;
	margin-bottom: 15px;
	padding-left: 20px;
}

.sub-page .hyouban dl,
.sub-page .hyouban p {
	padding-left: 20px;
	margin-bottom: 20px;
}

.sub-page .hyouban dt {
	border-bottom: 1px solid #333;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.sub-page .hyouban dd {
	margin-bottom: 15px;
}


/* 評価 */

.hyouka-box {
	margin-bottom: 30px;
}

.hyouka-box .personal {
	overflow: hidden;
	height: 80px;
	margin-bottom: 10px;
	max-width: 250px;
}

.hyouka-box .personal > img {
	float: left;
	max-width: 60px;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
}

.hyouka-box .personal div  {
	font-weight: bold;
	text-align: center;
	display: block;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	position: relative;
	margin-left: 80px;
}

.hyouka-box .personal p + p {
	margin-top: 0 !important;
}

.hyouka-box .personal .name {
	margin-bottom: 0 !important;
	font-size: 14px;
	padding: 0 10px 5px;
	border-bottom: 1px solid #ccc;
}

.hyouka-box .personal .point img {
	width: 18px;
}

.hyouka-box .comment {
	border: 1px solid #ccc;
	font-size: 15px;
	min-height: 60px;
	padding: 15px;
}

.hyouka-box .comment span {
	font-size: 1.1em;
}

.hyouka-box .point1 {
	background:url(http://www.housebuilding-catalog.com/img/page/2jyumaru4.png) no-repeat center;
	background-size: 100px;
}

.hyouka-box .point2 {
	background:url(http://www.housebuilding-catalog.com/img/page/maru4.png) no-repeat center;
	background-size: 100px;
}


/*--------------------------------------------------------------------------------------------------------------
  sub-menu(index)
--------------------------------------------------------------------------------------------------------------*/

.sub-menu {
	margin-bottom: 30px;
}

.sub-menu dl {
	margin-bottom: 20px;
}

.sub-menu dt a,
.sub-menu dd a {
	padding: 12px 25px 12px 15px;
}

.sub-menu dt {
	background: #174c6b;
	color: #fef962;
	font-size: 18px;
	font-weight: bold;
}

.sub-menu dt a {
	background: url(../img/sp_side-ar_white.png) 98% center no-repeat;
}

.sub-menu dd a {
	background: url(http://www.housebuilding-catalog.com/img/side-ar.png) 98% center no-repeat;
}

.sub-menu dd {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px dotted #919191;
}

.sub-menu dd:first-of-type {
	border-top: 1px solid #ccc;
}

.sub-menu dd:last-of-type {
	border-bottom: 1px solid #ccc;
}


/*------------------------------------------
  sub-top
------------------------------------------*/

.sub-top {
	position: relative;
	width: 280px;
	margin: 0 auto 30px;
}

.sub-top .text {
	background-color: rgba(255,255,255,0.8);
	position: absolute;
	top: 65px;
	right: 7px;
	padding: 15px 10px 15px 15px;
	font-size: 18px;
	font-weight: bold;
	width: 80%;
}


/*--------------------------------------------------------------------------------------------------------------
  .global-footer
--------------------------------------------------------------------------------------------------------------*/

/*---------------------------------------
  nav
----------------------------------------*/

.global-footer nav ul {
	margin-bottom: 20px;
}

.global-footer nav ul li {
	border-bottom: 1px dashed #fff;
	background: #174c6b url(http://www.housebuilding-catalog.com/img/footer-li.png) 5px center no-repeat;
	color: #fef962;
	font-weight: bold;
}

.global-footer nav ul li a {
	background: url(../img/sp_side-ar_white.png) 98% center no-repeat;
	padding: 12px 25px;
}

.global-footer nav ul li:last-of-type {
	border-bottom: none;
}


/*---------------------------------------
  comment
----------------------------------------*/

.global-footer .comment {
	margin: 0 10px 15px;
}

.global-footer .comment li {
	margin-bottom: 15px;
	overflow: hidden;
	display: table;
}

.global-footer .comment li .img {
	font-size: 12px;
	text-align: center;
	width: 100px;
	float: left;
}

.global-footer .comment li .img img {
	width: 70px;
}

.global-footer .comment li .text {
	border: 2px solid #eae9e5;
	border-radius: 10px;
	display: table-cell;
	font-size: 12px;
	line-height: 150%;
	padding: 15px;
	position: relative;
	margin-left: 100px;
	width: 100%;
	vertical-align: middle;
}

.global-footer .comment li .text:after,
.global-footer .comment li .text:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.global-footer .comment li .text:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 7px;
	margin-top: -7px;
}

.global-footer .comment li .text:before {
	border-color: rgba(234, 233, 229, 0);
	border-right-color: #eae9e5;
	border-width: 10px;
	margin-top: -10px;
}

.global-footer .comment li:nth-of-type(even) img {
	margin-left: -30px;
}


/*---------------------------------------
  menseki
----------------------------------------*/

.menseki {
	background: #eae9e5;
	font-size: 10px;
	padding: 15px 10px;
	text-align: center;
}


/*---------------------------------------
  copyright
----------------------------------------*/

.copyright {
	background: #174c6b;
	color: #fff;
	font-size: 12px;
	padding: 15px 10px;
	text-align: center;
}


/*--------------------------------------------------------------------------------------------------------------
  media query
--------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 500px) {

.img-preview li {
	width: 65px;
	height: 41px;
}

}


@media screen and (max-width: 414px) {

.br414 {
	display: block;
}

}


/*20180328*/
ul.default li {
    background: url(http://www.housebuilding-catalog.com/img/page/ul.png) no-repeat left 3px;
    font-size: 14px;
    padding-left: 20px;
    margin:5px 0;
}
.refa{
font-size: 12px;
color: #929191;
text-decoration: underline;
word-break: break-all;
}

blockquote {
	border:1px solid #ccc;
	width:80%;
	margin:0 auto 20px;
	padding:10px;
	background:#eee;
}


/*oki20180808*/
.def li{
    background: url(http://www.housebuilding-catalog.com/img/page/ul.png) no-repeat left 6px;
    margin: 10px 0;
    padding-left: 20px;
}

/*20190823吉田*/
/*PC用のCSS*/
.selection_head {
    display: none;
}
/*SP用のheader3選CSS*/
.selection_head {
    display: block;
    width: 100%;
    border: 1px solid #b8b8ba;
    position: -webkit-sticky;
  position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    text-align: center;
    background: #fff;
    font-size: 0.7em;
    line-height: 1.4em;
    font-weight: bold;
   color:#736357
}
.selection3  {
    display: flex;
    width: 100%;
}
.selection_head .selection3 .selection_box {
    flex: 1;
    position: relative;
    border-top: 1px solid #b8b8ba;
    border-right: 1px solid #b8b8ba;
}
.selection_head p.selection_name {
    background: #174c6b;
    color: #fff;
    letter-spacing: -0.1em;
    padding: 4px 2px;
    line-height: 1.3em;
    font-weight: normal;
    height: 16px;
    font-weight: bold;
  margin: 0px;
}

.selection_head .selection_explan {
    padding: 2px 2px;
    font-weight: normal;
    letter-spacing: -0.1em;
    line-height:1.8em;
    font-size: 14px;
}
.selection_explan span {
    font-size: 14px;
    margin: 2px;
}
span.selection_cost.red {
    color: #ff0000;
    font-size: 14px;
    font-weight: bold;
}
.selection_head .selection_exlink  {

  width:100%;
}
.selection_head .selection_exlink a {
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    padding: 10px 2px;
    background: red;
    box-sizing: border-box;
    font-size:12px
}
.selection_head .selection_exlink a:last-child {
  background: #1A8968;
}


p.selection_ttl {
    padding: 10px;
}

.kasou{
	margin:10px;
}