@charset "utf-8";

/* 　静的ページCSS
----------------------------------------------------------------------------

		・HIYAMAの家
		・HIYAMAの安心保証
		・音楽専用室のご案内
		・構造と工法
		・家づくりスケジュール
		・お客様の光熱費
		・リフォームのご案内
		・お客様の声
		・優良土地情報
		
--------------------------------------------------------------------------*/
@media screen and (max-width: 800px){

/*--------------------------------------------------------------------------
		サブページ共通部分
--------------------------------------------------------------------------*/
/*画像付きリンク*/
.imglink {
	margin: 0 auto 0;
	max-width: 300px;
	background: #ffffff;
}

.imglink p {
	width: 100%;
}

.imglink p a {
	display: block;
	height: 60px;
	color: #ffffff;
	background: url(../img/icon_r-w36.png) right 10px center no-repeat;
	background-size: 10px;
	box-sizing: border-box;
	font-size: 13px;
	font-weight: bold;
}

.imglink p:hover, .imglink p:active {
	opacity: 0.6;
}

/*注文住宅ナビ*/
#house_navilink a p {
	font-size: 12px;
}

/*静的ページ　ページネーション*/
#pagination.tab_switch ul li {
	width:40px;
	font-size:13px;
}


/*--------------------------------------------------------------------------
		HIYAMAの家
--------------------------------------------------------------------------*/
#contents_main.house .house_top h2 {
	margin-bottom: 20px;
	font-size: 18px;
}

#contents_main.house .house_top .text {
	line-height: 1.8;
	font-size: 14px;
}

#contents_main.house .box {
	margin-bottom: 50px;
}

/*リンク*/
#house_navi .item {
	padding: 0 10px 0;
}

#house_navi .item ul {
	font-size: 12px;
}


/*--------------------------------------------------------------------------
		HIYAMAの安心保証
--------------------------------------------------------------------------*/
#contents_main.guarantee .guara_top {
	margin-bottom: 50px;
	height: 130px;
	line-height: 130px;
	background: url(../../anshin/img/guarantee_back.jpg) no-repeat;
	background-size: 800px;
}

#contents_main.guarantee .guara_top h2 {
	font-size: 17px;
}

#contents_main.guarantee section {
	margin-bottom: 50px;
}

#contents_main.guarantee .af_mainte h3 {
	padding: 10px 10px 7px 15px;
	font-size: 16px;
}

#contents_main.guarantee .af_mainte p {
	padding: 0 130px 0 0;
	min-height: 100px;
	background: url(../../anshin/img/after_img01.png) right 10px center no-repeat;
	background-size: 100px;
}

#contents_main.guarantee h4 {
	padding: 10px 10px 7px 15px;
	font-size: 15px;
}

#contents_main.guarantee .inspection .pc_no {
	display: block;
	margin: 0 auto 0;
	max-width: 200px;
}

#contents_main.guarantee .inspection .sp_no {
	display: none;
}

#contents_main.guarantee .insurance .box > div {
	padding: 0 0 10px;
	width: 100%;
}

#contents_main.guarantee .insurance .box > div a {
	padding: 10px;
	background: url(../img/icon_otlink.png) right 10px top 10px no-repeat #ffffff;
	background-size: 20px;
	text-align: left;
}

#contents_main.guarantee .insurance .box dl dt {
	padding: 15px 30px 15px 60px;
	font-size: 14px;
}

#contents_main.guarantee .insurance .box dl dt.insu01 { background: url(../../anshin/img/icon_gmen.png) left 10px center no-repeat; background-size: 30px; }
#contents_main.guarantee .insurance .box dl dt.insu02 { background: url(../../anshin/img/icon_jio.png) left 10px center no-repeat; background-size: 30px; }
#contents_main.guarantee .insurance .box dl dt.insu03 { background: url(../../anshin/img/icon_mamoris.png) left 10px center no-repeat; background-size: 30px; }

#contents_main.guarantee .insurance .box dl dt br.br1st {
	display: none;
}

#contents_main.guarantee .insurance .box dl dd {
	padding: 0 0 0 60px;
	font-size: 12px;
}


/*--------------------------------------------------------------------------
		音楽専用室のご案内
--------------------------------------------------------------------------*/
#contents_main.music .music_top {
	margin-bottom: 50px;
	height: 200px;
	line-height: 200px;
	background: url(../../music/img/music_main_sp.jpg) center no-repeat;
	background-size: cover;
}

#contents_main.music .music_top img {
	max-width: 180px;
}

#contents_main.music section {
	margin-bottom: 50px;
}

#contents_main.music section h2 {
	margin-bottom: 20px;
	font-size: 16px;
}

#contents_main.music section h2 br {
	display: none;
}


/*--------------------------------------------------------------------------
		構造と工法
--------------------------------------------------------------------------*/
#contents_main.method .method_top {
	margin-bottom: 50px;
	height: 130px;
	line-height: 130px;
	background: url(../../method/img/method_main.jpg) center no-repeat;
	background-size: 800px;

}

#contents_main.method .method_top h2 {
	font-size: 17px;
}

#contents_main.method section {
	margin-bottom: 50px;
}

#contents_main.method section h3 {
	margin-bottom: 10px;
	padding: 5px 10px 2px;
	font-size: 16px;
}

#contents_main.method .health h4 {
	padding: 10px;
	width: 250px;
	font-size: 14px;
}

#contents_main.method .element div {
	float: none;
	padding: 0 0 10px;
	width: 100%;
}

#contents_main.method .fas_movie {
	margin: 0 auto 50px;
}

#contents_main.method .fas_movie video {
	max-width: 400px;
}

#contents_main.method .sixperfo  {
	margin-bottom: 50px;
}

#contents_main.method .sixperfo .pf01 { background: url(../../method/img/perfo01.png) left center no-repeat; }
#contents_main.method .sixperfo .pf02 { background: url(../../method/img/perfo02.png) left center no-repeat; }
#contents_main.method .sixperfo .pf03 { background: url(../../method/img/perfo03.png) left center no-repeat; }
#contents_main.method .sixperfo .pf04 { background: url(../../method/img/perfo04.png) left center no-repeat; }
#contents_main.method .sixperfo .pf05 { background: url(../../method/img/perfo05.png) left center no-repeat; }
#contents_main.method .sixperfo .pf06 { background: url(../../method/img/perfo06.png) left center no-repeat; }

#contents_main.method .sixperfo .perfo {
	padding: 20px 0 20px 100px;
	min-height: 220px;
	border-top: 1px solid #ACACAC;
	box-sizing: border-box;
	background-size: 80px;
}

#contents_main.method .sixperfo .pf01 h5 { background: url(../../method/img/point1.png) left center no-repeat; }
#contents_main.method .sixperfo .pf02 h5 { background: url(../../method/img/point2.png) left center no-repeat; }
#contents_main.method .sixperfo .pf03 h5 { background: url(../../method/img/point3.png) left center no-repeat; }
#contents_main.method .sixperfo .pf04 h5 { background: url(../../method/img/point4.png) left center no-repeat; }
#contents_main.method .sixperfo .pf05 h5 { background: url(../../method/img/point5.png) left center no-repeat; }
#contents_main.method .sixperfo .pf06 h5 { background: url(../../method/img/point6.png) left center no-repeat; }

#contents_main.method .sixperfo .perfo h5 {
	margin-bottom: 15px;
	padding: 10px 10px 10px 55px;
	background-size: 40px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
}

#contents_main.method .sixperfo .perfo .caution_tx {
    font-size: 11px;
}

/*画像付きリンク*/
#contents_main.method .imglink p {
	background: url(../../method/img/ratinglink.png) left 10px center no-repeat #76A7C0;
	background-size: 40px;
}

#contents_main.method .imglink p a {
	padding: 10px 35px 10px 60px;
}

#contents_main.method .merit {
	padding: 20px 0 0;
}

#contents_main.method .merit h5 {
	font-size: 12px;
}

#contents_main.method .outside {
	padding: 50px 0 0;
}

#contents_main.method .outside > div {
	display: block;
	border: none;
}

#contents_main.method .outside div > div{
	display: block;
	margin-bottom: 10px;
	border: 2px solid #8F7761;
	box-sizing: border-box;
}

#contents_main.method .outside div a {
	display: block;
}

#contents_main.method .outside .fas_of {
	border-right: 2px solid #8F7761;
}

#contents_main.method .outside .fas_of .infotx {
	line-height: 1.8;
	background: url(../../method/img/fas_logo.png) left center no-repeat;
	background-size: 38px;
}

#contents_main.method .outside .zero {
	border-left: 2px solid #8F7761;
}

/*公的認証・特許*/
#fas_cc section {
	margin-bottom: 30px;
}

#fas_cc h2 {
	margin-bottom: 30px;
	font-size: 16px;
}

#fas_cc .fas_ccinfo {
	margin: 0 auto 30px;
	max-width: 450px;
	font-size: 14px;
}

#fas_cc .tb_area {
	display: block;
	margin-bottom: 10px;
}

#fas_cc .tb_area > div {
	display: block;
	margin-bottom: 10px;
	padding: 0;
}

#fas_cc .tb_area dl.tball dt {
	font-size: 14px;
}

#fas_cc .inpage_link p {
	max-width: 300px;
}

#fas_cc .inpage_link p a {
	font-size: 13px;
}

#fas_cc .issue span.date {
	display: inline-block;
}

#fas_cc .issue span.date:after {
	display: none;
}

#fas_cc .issue span.sp_no {
	display: inline-block;
	padding: 0 5px 0;
	box-sizing: border-box;
}

/*--------------------------------------------------------------------------
		家づくりスケジュール
--------------------------------------------------------------------------*/
#sche_nav div {
	margin-bottom: 10px;
	width: 33.33%;
}

#sche_nav div a {
	font-size: 12px;
}

#step > div {
	display: block;
	margin-bottom: 20px;
	padding: 10px 10px 110px;
}

#step > div > div {
	display: block;
}

#step > div > div:first-child {
	width: 100%;
}

#step #step1 h2, #step #step2 h2, #step #step3 h2, #step #step4 h2, #step #step5 h2, #step #step6 h2 {
	background: none;
}

#step #step1 { background: url(../../flow/img/step01.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }
#step #step2 { background: url(../../flow/img/step02.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }
#step #step3 { background: url(../../flow/img/step03.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }
#step #step4 { background: url(../../flow/img/step04.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }
#step #step5 { background: url(../../flow/img/step05.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }
#step #step6 { background: url(../../flow/img/step06.png) center bottom 20px no-repeat #ffffff; background-size: auto 70px; }


#step h2 {
	padding: 0 0 20px;
}

#step h2 span.eng {
	font-size: 20px;
}

#step h2 span.eng span {
	font-size: 25px;
}

#step > div > div:last-child {
	padding: 0;
}

#step > div > div > p {
	margin-bottom: 20px;
}

#step .tel p.tel_no {
	background: url(../img/icon_tel25.png) left 20px top 10px no-repeat;
	background-size: 22px;
	font-size: 22px;
}

/*サイト内リンク*/
#step .inpage_link p {
	margin: 0 auto 0;
}


/*--------------------------------------------------------------------------
		お客様の光熱費
--------------------------------------------------------------------------*/
#contents_main.cost .cost_top p {
}

#cost_list .guest {
	display: block;
	margin-bottom: 50px;
	width: 100%;
	background: #ffffff;
	border: 1px solid #ACACAC;
	box-sizing: border-box;
}

#cost_list .guest:last-of-type{
	margin-bottom: 0;
}

#cost_list .guest > div {
	display: block;
}

#cost_list .guest .g_cost {
	padding: 20px;
}

#cost_list .guest .g_cost h2 {
	font-size: 16px;
}


#cost_list .g_cost .y_all dl dd,
#cost_list .g_cost .pay dl dd {
	padding: 10px 20px 10px;
}

#cost_list .g_cost .y_all dl dd div p.yen,
#cost_list .g_cost .pay dl dd {
	font-size: 20px;
}

#cost_list .g_cost .y_all dl dd div p.yen:after,
#cost_list .g_cost .pay dl dd:after {
	font-size: 13px;
}

#cost_list .g_cost .pay dl dt span {
	font-size: 11px;
}

#cost_list .guest .g_data {
	padding: 20px;
	width: 100%;
	overflow: hidden;
}

#cost_list .guest .g_data dl {
	float: left;
	width: 50%;
}


/*詳細ページ---------------------------------------------*/
#contents_main.cost_ar #cost_list .guest {
	margin-bottom: 50px;
}

#contents_main.cost_ar h2 {
	margin-bottom: 30px;
	font-size: 16px;
}

#contents_main.cost_ar #cost_list .g_cost {
	margin: 0 auto 50px;
	max-width: 500px;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .pay dl dt{
	width: 200px;
	font-size: 15px;
}

#contents_main.cost_ar #cost_list .guest .g_data dl {
	float: none;
	width: 100%;
}

#cost_tb {
	padding: 30px 20px 30px;
}

#cost_tb h3 {
	margin-bottom: 20px;
	font-size: 16px;
}

#cost_tb table th, #cost_tb table td  {
	padding: 7px 10px 5px;
}

#cost_tb table th {
	width: 120px;
}

#cost_tb table td.temp {
	width: 120px;
}

/*--------------------------------------------------------------------------
		リフォームのご案内
--------------------------------------------------------------------------*/
#contents_main.reform section {
	margin-bottom: 50px;
}

#contents_main.reform .re_top img {
	margin-bottom: 30px;
}

#contents_main.reform .re_top h2 {
	margin-bottom: 20px;
	font-size: 16px;
}

#contents_main.reform .re_top .text {
	line-height: 1.8;
}

#contents_main.reform .case h3 {
	margin: 0 auto 20px;
	max-width: 400px;
	font-size: 13px;
}

#contents_main.reform .case dl {
	display: block;	
}

#contents_main.reform .case dl dt,
#contents_main.reform .case dl dd {
	display: block;
	padding: 5px 10px 5px;
}

#contents_main.reform .case dl dt {
	width: 100%;
}

#contents_main.reform .case dl dd {
	padding: 20px 10px 20px;
}


#contents_main.reform .img_title h3 {
	margin-bottom: 30px;
	padding: 30px 0 0;
	height: 80px;
	letter-spacing: 0.08em;
	background: url(../../reform/img/reform_title01.jpg) center no-repeat;
	background-size: 800px;
	font-size: 15px;
}

#contents_main.reform h4 {
	margin-bottom: 20px;
	padding: 0 0 0 10px;
	font-size: 14px;
}

/*ページ内共通*/
#contents_main.reform .tb_two {
	display: block;
}

#contents_main.reform .tb_two > div {
	display: block;
	margin-bottom: 10px;
	width: 100%;
}
/*end*/

#contents_main.reform .re_menu .mb_10 {
	margin-bottom: 10px;
}

#contents_main.reform .re_menu .item {
	margin-bottom: 30px;
	padding: 0;
}

#contents_main.reform .re_menu .tb_three {
	display: block;
}

#contents_main.reform .re_menu .tb_three > div {
	display: block;
	margin-bottom: 10px;
	padding: 0;
	width: 100%;
}

/*画像付きリンク*/
#contents_main.reform .imglink p {
	background: url(../../reform/img/musiclink.jpg) left 20px center no-repeat #8F7761;
	background-size: 60px;
}

#contents_main.reform .imglink p a {
	padding: 20px 20px 10px 100px;
}

#contents_main.reform .re_mainte h3 {
	background: url(../../reform/img/reform_title02.jpg) center no-repeat;
	background-size: 800px;
}

#contents_main.reform .re_mainte .tb_two {
	margin: 0 auto 30px;
	max-width: 600px;
}

#contents_main.reform .re_mainte .tb_two >  div {
	margin-bottom: 10px;
	padding: 0;
}

#contents_main.reform .re_mainte .tb_two dl dt {
	width: 100px;
}

#contents_main.reform .re_mainte .tb_two dl dd {
	text-align: left;
}

#contents_main.reform .re_mainte .cycle {
	padding: 0 0 22px;
	background: url(../../reform/img/reform_yearback.png) left bottom no-repeat;
	background-size: 80px;
}

#contents_main.reform .re_mainte .cycle dl dt {
	width: 80px;
}

#contents_main.reform .re_mainte .cycle dl dd {
	font-size: 12px;
}

/*--------------------------------------------------------------------------
		お客様の声
--------------------------------------------------------------------------*/
#voice_area .item {
	padding: 0 5px 0;
}

#voice_area .item a .g_data .name_area div:first-child {
	width: 60px;
	height: 60px;
	font-size: 11px;
}

#voice_area .item a .g_data .name_area div p {
	padding: 1px 3px 0;
	width: 80px;
	font-size: 11px;
}

#voice_area .item a .g_data .name_area div h2 {
	font-size: 16px;
}

#voice_area .item a .g_data p.comment {
	padding: 0 0 0 20px;
	background: url(../img/icon_voice28.png) left top 3px no-repeat;
	background-size: 12px;
	font-size: 15px;
}

#voicelink {
	margin-top: 50px;
}

#voice_area + #voicelink {
	margin-top: 20px;
}

/*詳細ページ---------------------------------------------*/
#vo-ar_area .ar_title {
	margin-bottom: 30px;
}

#vo-ar_area .ar_title p, #vo-ar_area .ar_title h2 {
	display: inline-block;
	vertical-align: middle;
}

#vo-ar_area .ar_title p.vol {
	padding: 4px 0 0;
	width: 38px;
	height: 38px;
	line-height: 1.0;
	font-size: 14px;
}

#vo-ar_area .ar_title p.vol span {
	font-size: 10px;
}

#vo-ar_area .ar_title h2 {
	padding: 5px 15px 0;
	font-size: 16px;
}

/*タイトル内タイプ*/
#vo-ar_area .ar_title .type_box {
	display: block;
	padding: 0 0 0 10px;
	box-sizing: border-box;
}


#vo-ar_area .ar_title p.type_re, #vo-ar_area .ar_title p.type_new, #vo-ar_area .ar_title p.type_meny, #vo-ar_area .ar_title p.type_long {
	padding: 0;
	width: 80px;
	font-size: 11px;
}

#vo-ar_area .ar_title p.type_re {
	width: 100px;
}

#vo-ar_area .guest > div {
	padding: 30px 20px 30px;
}

#vo-ar_area .guest > div.g_img {
	background: url(../img/vo_ring-l.png) right repeat-y #ffffff;
	background-size: 13px;
}

#vo-ar_area .guest > div.g_data {
	background: url(../img/vo_ring-r.png) left repeat-y #ffffff;
	background-size: 13px;
}

#vo-ar_area .guest .g_data p.comment {
	margin-bottom: 10px;
	padding: 0 0 5px;
	font-size: 16px;
}

#vo-ar_area .guest .g_data p + .typeinfo {
	margin-top: 20px;
}

/*リフォーム用*/
#vo-ar_area .guest .g_data .re_info h3 {
	font-size: 14px;
}

#vo-ar_area .guest .g_data .re_info p {
	font-weight: normal;
}

/*新築用*/
#vo-ar_area .guest .g_data .new_info h3 {
	padding: 8px 0 5px 10px;
	font-size: 12px;
}

/*タブ内*/
#text_area #tab_contents {
	padding: 30px 0 0;
}

#text_area #tab_contents section h3 {
	padding: 3px 0 3px 20px;
	background: url(../img/icon_voice28_r.png) left top 5px no-repeat;
	background-size: 12px;
	font-size: 14px;
}

#vo-ar_area .letter a {
	margin: 20px auto 0;
	font-size: 12px;
}

#vo-ar_area .re_info span {
	font-size: 12px;
}

/*--------------------------------------------------------------------------
		築10年以上のお客様の声
--------------------------------------------------------------------------*/
#contents_main.voice_y .voice_y_top {
	margin-bottom: 50px;
	padding: 0;
	height: 130px;
	line-height: 130px;
	background: url(../../voice/img/voice10years.jpg) right bottom no-repeat;
	background-size: 800px;
	text-align: center;
}

#contents_main.voice_y .voice_y_top h2 {
	font-size: 17px;
}

/*--------------------------------------------------------------------------
		優良土地情報
--------------------------------------------------------------------------*/
#land_list .item + .item {
	margin-top: 20px;
}

#land_list a {
	margin: 0 auto 0;
	max-width: 500px;
}

#land_list .item > div {
	display: block;
}

#land_list .item > div > div {
	display: block;
	width: 100%;
}

#land_list .item .state {
	width: 100%;
	max-width: 100%;
}

#land_list .item .add {
	padding: 20px 10px 20px 10px;
}

#land_list .item .add h2 {
	font-size: 16px;
}

#land_list .item .add > div > div {
	vertical-align: middle;
}

#land_list .item .data {
	padding: 0 10px 20px 10px;
}

#land_list .item .data dl:first-child {
	padding: 20px 0 0;
	border-top: 1px solid #D1D1D1;
	box-sizing: border-box;
}

#land_list .item .data dl dt span {
	font-size: 12px;
}

#land_list .item .data dl dd {
	padding: 5px 0 0 10px;
	box-sizing: border-box;
}

#land_list .item .data dl.price dd {
	font-size: 15px;
}

/*詳細ページ---------------------------------------------*/
/* title */
#land.post .land_name .type {
	padding: 12px 0 10px;
	width: 60px;
	font-size: 11px;
}

#land.post .land_name h2 {
	padding: 12px 10px 10px;
	font-size: 16px;
}

/* land navi */
#land.post #land_navi a {
	font-size:12px;
}

/*photo*/
#land.post #left {
	padding-right:30px;
}

#land.post #right .land_map dl dt {
	font-size: 12px;
}

#land.post #right .land_map a.map_link {
	max-width: 250px;
}

#land.post .data_area {
	padding: 20px;
}

#land.post h3 {
	margin-bottom: 20px;
	padding: 8px 10px 5px 15px;
	border-left: 5px solid #000055;
	font-size: 15px;
}

#land.post #data_box #left {
	float: none;
	width: 100%;
	padding: 0;
}

#land.post #data_box #right {
	float: none;
	width: 100%;
	padding: 0;
}

#land.post #data_box #left dl:last-child {
	border: 0;
}

#land.post #data_box dl dt {
	width:80px;
}

#land.post div + #iFacili,
#land.post div + #lPoint {
	margin-top: 50px;
}

/* school */
#land.post #iFacili ul.school li p.name {
	width:80px;
}

#land.post #iFacili ul.school li p.distance {
	padding: 0 0 0 20px;
}

/* comment */
#land.post #lPoint div p + p {
	margin-top: 15px;
}





}/*800px*/







@media screen and (max-width: 640px){
/*---HIYAMAの家---*/
#contents_main.house .house_top .text {
	text-align: left;
}

#contents_main.house .house_top .text br {
	display: none;
}

/*リンク*/
#house_navi {
	max-width: 540px;
}

#house_navi .item {
	margin-bottom: 20px;
	width: 50%;
}

/*----HIYAMAの安心保証----*/
#contents_main.guarantee .af_mainte p {
	padding: 0 0 120px;
	min-height: auto;
	background: url(../../anshin/img/after_img01.png) center bottom no-repeat;
	background-size: 100px;
}

/*----音楽専用室のご案内----*/
#contents_main.music section h2 {
	line-height: 1.8;
}

#contents_main.music section p {
	text-align: left;
}

#contents_main.music section h2 br.br1st {
	display: block;
}

#contents_main.music section p br.br1st {
	display: none;
}

/*----構造と工法　公的認証・許可----*/
#fas_cc .fas_ccinfo {
	padding: 10px;
	max-width: 300px;
}

#fas_cc .fas_ccinfo br, #fas_cc .hpinfo br {
	display: block;
}

/*----お客様の光熱費----*/
#cost_list .g_cost .y_all dl,
#cost_list .g_cost .pay dl {
	display: block;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .y_all dl dd,
#cost_list .g_cost .pay dl dt,
#cost_list .g_cost .pay dl dd {
	display: block;
}

#cost_list .g_cost .y_all dl dt,
#cost_list .g_cost .pay dl dt{
	width: 100%;
}

#cost_list .g_cost .pay dl dt {
	border-right: none;
	border-bottom: 1px solid #acacac; 
	box-sizing: border-box;
}

#cost_list .guest .g_data dl {
	float: none;
	width: 100%;
}

/*詳細ページ*/
#contents_main.cost_ar #cost_list .guest .g_data {
	display: block;
}

#contents_main.cost_ar #cost_list .guest .g_data > div {
	display: block;
}

/*リフォーム*/
#contents_main.reform .re_top .text {
	text-align: left;
}

#contents_main.reform .re_top .text br.br_1st {
	display: none;
}

/*----お客様の声----*/
#voice_area .item {
	float: none;
	margin: 0 auto 30px;
	padding: 0;
	width: 100%;
	max-width: 500px;
}

#voice_area .item a {
	display: block;
	padding: 20px 10px 20px;
}

#voice_area .item a .g_data .name_area div:last-child {
	padding: 0 0 0 10px;
}

/*リンク*/
#voicelink > div {
	display: block;
	max-width: 300px;
	height: auto;
}

#voicelink > div > div {
	display: block;
}

#voicelink > div > div + div {
	margin-top: 10px;
}

#voicelink a {
	line-height: 70px;
}

/*詳細ページ*/
#vo-ar_area .guest {
	display: block;
}

#vo-ar_area .guest > div {
	display: block;
	width: 100%;
}

#vo-ar_area .guest > div img {
	max-width: 300px;
}

#vo-ar_area .guest > div.g_img {
	background: url(../img/vo_ring-t.png) bottom repeat-x #ffffff;
	background-size: 20px;
	text-align: center;
}

#vo-ar_area .guest > div.g_data {
	vertical-align: top;
	background: url(../img/vo_ring-b.png) top repeat-x #ffffff;
	background-size: 20px;
}


/*タブ内*/
#text_area #tab_contents {
	padding: 30px 0 0;
}


#text_area #tab_contents section dl {
	display: block;
}

#text_area #tab_contents section dl dt {
	display: block;
	margin-bottom: 5px;
}

#text_area #tab_contents .img_area .ph_three {
	display: block;
}

#text_area #tab_contents .img_area p {
	display: block;
	padding: 2px 0 0;
	width: 100%;
	text-align: center;
}

/*縦3枚*/
#text_area #tab_contents .img_area .ph_two02 img {
	max-width: 200px;
}

/*縦2枚*/
#text_area #tab_contents .img_area .ph_two01 {
	display: table;
	margin: 0 auto 50px;
	width: 100%;
	max-width: 400px;
}

#text_area #tab_contents .img_area .ph_two01 p {
	display: table-cell;
	padding: 0 1px 0;
	width: 50%;
	max-height: 250px;
}

/*横2枚*/
#text_area #tab_contents .img_area .ph_two03 p {
	width: 100%;
}

/*優良土地情報*/
/*photo*/
#land.post #photo {
	overflow:hidden;
}

#land.post #photo #left {
	float: none;
	margin: 0 auto 20px;
	width: 100%;
	max-width: 300px;
	padding-right: 0;
}

 #land.post #photo #right {
	float:none;
	width:100%;
}

#land.post #photo #right .land_map {
	background: #ffffff;
}

#land.post #photo #right .land_map a.map_link {
	padding: 10px 10px 8px;
}

}/*640px*/





@media screen and (max-width: 450px){
/*---HIYAMAの家---*/
#contents_main.house .box .box_tx {
	padding: 40px 15px 30px;
}

#contents_main.house .house_top h2 br.br1st {
	display: block;
}

#contents_main.house .box .box_r h3 br {
	display: block;
}
/*リンク部分*/
#house_navi .item {
	margin-bottom: 10px;
	padding: 0 5px 0;
}

#house_navi .item ul li br {
	display: block;
}

#house_navi .item ul li:last-child {
	padding: 20px 0 20px;
	line-height: 1.5;
}

#house_navi .item ul li.ptb_30 {
	padding: 30px 0 30px;
	box-sizing: border-box;
}

/*注文住宅ナビ*/
#house_navilink > div {
	width: 50%;
}

/*---音楽専用室のご案内---*/
#contents_main.music .music_top {
	height:130px;
	line-height: 130px;
}

#contents_main.music .music_top img {
	max-width: 160px;
}

#contents_main.music section h2 br {
	display: block;
}

/*---構造と工法---*/
#contents_main.method .fas_movie video {
	max-width: 100%;
}

#contents_main.method .sixperfo .pf01 { background: url(../../method/img/perfo01.png) center bottom 20px no-repeat; }
#contents_main.method .sixperfo .pf02 { background: url(../../method/img/perfo02.png) center bottom 20px no-repeat; }
#contents_main.method .sixperfo .pf03 { background: url(../../method/img/perfo03.png) center bottom 20px no-repeat; }
#contents_main.method .sixperfo .pf04 { background: url(../../method/img/perfo04.png) center bottom 20px no-repeat; }
#contents_main.method .sixperfo .pf05 { background: url(../../method/img/perfo05.png) center bottom 20px no-repeat; }
#contents_main.method .sixperfo .pf06 { background: url(../../method/img/perfo06.png) center bottom 20px no-repeat; }

#contents_main.method .sixperfo .perfo {
	padding: 20px 0 120px 0;
	background-size: 80px;
}

#contents_main.method .outside .fas_of .infotx {
	display: none;
}

#contents_main.method .outside .fas_of .infotx br {
	display: none;
}

#contents_main.method .outside .fas_of .linktx {
	padding: 0;
	box-sizing: border-box;
}

#contents_main.method .outside .fas_of .linktx br {
	display: block;
}

#contents_main.method .outside .zero img {
	max-width: 200px;
}

#contents_main.method .outside div a{
	padding: 10px;
}

/*公的認証・特許*/
#fas_cc .tb_area dl.tb03 dt span,
#fas_cc .tb_area dl.tb04 dt span {
	display: block;
}

#fas_cc .issue span.date {
	display: block;
}

#fas_cc .issue span.date:after {
	display: inline-block;
	content: ':';
}

#fas_cc .issue span.sp_no {
	display: none;
}

/*---家づくりスケジュール---*/
#sche_nav div {
	margin-bottom: 10px;
	width: 50%;
}

/*お客様の光熱費*/
#contents_main.cost .cost_top .br1st {
	display: block;
}

/*リフォーム*/
#contents_main.reform .re_top h2 .br1st {
	display: block;
}

/*---築10年以上のお客様の声---*/
#contents_main.voice_y .voice_y_top {
	margin-bottom: 30px;
}

#contents_main.voice_y .top_text {
	margin-bottom: 30px;
	text-align: left;
}

/*---優良土地情報---*/
#land_list .item .data dl dt {
	width: 60px;
	font-size: 11px;
}


}/*450px*/