@charset "utf-8";

/* 【スマートフォン版】
----------------------------------------------------------------------------

・お客様の光熱費
・お客様の光熱費 個別ページ
・モデルハウス
・土地情報
--------------------------------------------------------------------------*/



/*--------------------------------------------------------------------------
・お客様の光熱費
--------------------------------------------------------------------------*/
@media screen and (max-width: 950px){
#cost .list article {
	padding: 30px 15px 30px;
}

#cost .list article .box div.total section h3 {
	width:170px;
}

#cost .list article .box div.date {
	width: 240px;
}
}/*950px*/

@media screen and (max-width: 768px){
/* 共通 */

#cost {
	padding: 30px 10px 10px;
}

#cost h2 {
	/*margin-bottom:20px;*/
	text-align:left;
	font-size:18px;
}

/* 一覧 */

#cost .list article {
	padding:15px;
	margin-bottom:40px;
}

#cost .list article .box {
	display:block;
}

#cost .list article .box div {
	display:block;
}

#cost .list article .box div.total {
	padding-right:0;
	margin-bottom:30px;
}

#cost .list article .box div.total section {
	display:block;
}

#cost .list article .box div.total section h3,
#cost .list article .box div.total section ul {
	display:block;
	width:100%;
}

#cost .list article .box div.total section h3 {
	font-size:14px;
	font-weight:bold;
	padding:5px 10px 7px;
}

#cost .list article .box div.total section h3 span {
	display: inline-block;
}

#cost .list article .box div.total section ul li span:first-child {
	font-size:14px;
}

#cost .list article .box div.total section ul li span:last-child {
	font-size:18px;
}

#cost .list article .box div.date {
	background:none;
	width:100%;
	max-width:500px;
	padding:0;
	margin:0 auto
}

#cost .list article .box div.date dl {
	display:table;
	padding:5px 10px 7px;
}

#cost .list article .box div.date dl dt,
#cost .list article .box div.date dl dd {
	display:table-cell;
	text-align:left;
	font-size:12px;
}

#cost .list article .box div.date dl dt {
	width:100px;
	font-weight:normal;
	padding-left: 12px;
	background:url(../img/circle_8g.png) left top 7px no-repeat;
	background-size:8px;
}

}/*768px*/


/*--------------------------------------------------------------------------
・お客様の光熱費 個別ページ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px){
#cost.cost_ar {
	padding: 30px 10px 40px;
}

#cost .house_s {
	margin-bottom: 40px;
}

/*--- 【名前】 ---*/

#cost .house_s h2 {
	font-size:18px;
	padding-left:10px;
	margin-bottom:20px;
}

#cost .house_s h2 span {
}

/*--- 【物件詳細】 ---*/
#cost .house_s #date {
	padding:15px;
	margin-bottom:30px;
}

#cost .house_s #date div {
	float:none;
	width:100%;
	padding:0;
}

#cost .house_s #date div:first-child {
	border-top:#393939 1px solid;
	padding-right:0;
}

#cost .house_s #date div:last-child {
	border-bottom:#393939 1px solid;
	padding-left:0;
}

#cost .house_s #date div section {
	border-bottom:#CCC 1px solid;
	max-width:100%;
	padding:5px 0 5px;
}

#cost .house_s #date div:first-child section,
#cost .house_s #date div:last-child section {
	margin:0;
}

#cost .house_s #date div section h3 {
	font-size: 12px;
}

/*--- 【物件詳細】 項目色付き・線無しver---
#cost .house_s #date {
	padding:15px;
	margin-bottom:30px;
}

#cost .house_s #date div {
	float:none;
	width:100%;
	padding:0;
}

#cost .house_s #date div:first-child {
	border-top:#9A9A9A 1px solid;
}

#cost .house_s #date div section {
	margin-bottom:0;
}
--*/

/*--- 【光熱費詳細】 ---*/

#cost .house_s #charges #all {
	padding:15px;
}

#cost .house_s #charges #all h3 {
	font-size:18px;
	margin-bottom:15px;
}

#cost .house_s #charges #all h4 {
	font-size:16px;
}

#cost .house_s #charges #all section {
	display:block;
}

/*#cost .house_s #charges #all section h4,*/
#cost .house_s #charges #all section div {
	display:block;
	font-size:14px;
	padding:10px 15px;
}

/*#cost .house_s #charges #all section h4,*/
#cost .house_s #charges #all section div {
	width:100%;
}

#cost .house_s #charges #all section div:last-child {
	border-left:none;
	border-top:#DDD7CC 1px solid;
}

#cost .house_s #charges #all section div dl dt {
	width:80px;
	font-size:12px;
}

#cost .house_s #charges #all section div dl dt span {
	width:80px;
}

#cost .house_s #charges #all section div dl dd {
	font-size:18px;
}

#cost .house_s #charges #year {
	/*display: block;*/
	padding:20px 5px;
}

#cost .house_s #charges #year section {
	/*display: block;*/
	float:none;
	width:100%;
}

#cost .house_s #charges #year section:first-child {
	margin-bottom:20px;
}

#cost .house_s #charges #year section h5 {
	font-weight: normal;
	margin-bottom:5px;
}

#cost .house_s #charges #year section table {
	font-size:13px;
}

#cost .house_s #charges #year section table tr th,
#cost .house_s #charges #year section table tr td {
	padding:2px 5px 3px;
}

#cost .house_s #charges #year section table tr th {
	width:110px;
}

#cost .house_s #charges #year section table tr td {
	font-size:14px;
}

}/*768px*/


@media screen and (max-width: 640px){
#cost .house_s #date,
#cost .house_s #charges #all {
	padding: 15px 10px 15px;
}

#cost .house_s #charges #year {
	padding: 20px 0 20px;
}

#cost .house_s #date div section h3 {
	padding-left: 20px;
	background:url(../img/circle_8.png) left 5px center no-repeat;
	background-size:8px;
	width: 110px;
	font-size:13px;
}
}/*640px*/


/*--------------------------------------------------------------------------
・モデルハウス
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px){
#modelhouse #top_model a .frm .ph {
	width:240px;
}

#modelhouse #top_model a .frm .cap p {
	font-size:15px;
}

#modelhouse #top_model a .frm .cap h2 {
	font-size:23px;
}

#modelhouse #top_model a .frm .cap ul {
	margin:5px 0 0 0;
}

#modelhouse #top_model a .frm .cap ul li,
#modelhouse #top_model a .frm .cap ul + p {
	font-size:14px;
}

#modelhouse #top_model a .frm .cap ul li {
	padding:3px 0 5px 0;
}

#modelhouse #top_model a .frm .cap ul li + li {
	margin:10px 0 0;
	font-size:13px;
}
}

@media screen and (max-width: 768px){
/*共通*/
#modelhouse {
	padding: 30px 10px 40px;
}

/*一覧*/
#modelhouse #top_model {
    margin:0 auto 40px auto;
}

#modelhouse #top_model a .frm .ph {
	width:220px;
}

#modelhouse #top_model a .frm .cap p {
	font-size:13px;
}

#modelhouse #top_model a .frm .cap h2 {
	margin-bottom: 10px;
	font-size:20px;
}

#modelhouse #top_model a .frm .cap ul li,
#modelhouse #top_model a .frm .cap ul + p {
	font-size:13px;
}

#modelhouse #top_model a .frm .cap ul li {
	padding:3px 0 5px 0;
}

#modelhouse #top_model a .frm .cap ul li + li {
	margin:5px 0 0;
	font-size:12px;
}


/*詳細ページ*/
#modelhouse .title_area {
	margin-bottom: 40px;
	padding: 15px 10px 15px;
	font-size: 15px;
}

#modelhouse .title_area .sub_name {
	font-size: 18px;
}

#modelhouse .title_area h2 {
	font-size: 40px;
}

#modelhouse .title_area .comment {
	font-size: 18px;
}

#modelhouse .link ul li a {
	height:50px;
	line-height:50px;
}

#modelhouse .link ul li:last-child a span {
	padding:0 0 0 45px;
	line-height:50px;
	background-size:35px;
}

#modelhouse .image_area {
	margin-bottom: 40px;
}

#modelhouse section h3 {
	margin-bottom: 10px;
	padding: 0 0 0 10px;
	line-height: 1.4;
	font-size: 16px;
}

#modelhouse .box01 .data {
	margin: 20px auto 40px;
}

#modelhouse .box01 .data dl dt {
	padding: 20px 0 20px;
	width: 80px;
}

#modelhouse .box01 .data dl dd {
	padding: 10px;
}

#modelhouse .box01 .item_list {
	margin-bottom: 40px;
	padding: 0 0 30px;
}

#modelhouse .box01 .item_list .item {
	margin-bottom: 10px;
	padding: 0 5px 0;
}

/*パース拡大共通*/
#plan_sub .p_box .photo > div {
	padding: 0 10px 0;
}

#plan_sub .p_box .photo > div .item {
	padding: 10px;
}

#plan_sub .p_box .photo > div a {
	margin-top: 10px;
}
/*end*/

#modelhouse #plan_sub .p_box .photo {
	margin: 40px auto 40px;
}

#modelhouse .box02 .text {
	margin-bottom: 40px;
	padding: 20px 10px 20px;
}

#modelhouse .box02 .text h4 {
	margin-bottom: 10px;
	font-size: 15px;
}

/*タイトル・コメントのセットリスト*/
#set_list {
	margin-bottom: 0;
	padding: 20px 10px 20px;
}

#set_list .item {
	margin-bottom: 30px;
}

#set_list h4 {
	margin-bottom: 10px;
	padding: 0 0 0 35px;
	box-sizing: border-box;
	font-size: 15px;
}

#set_list .item:nth-child(1) h4 { background: url(../img/sche_01.png) left center no-repeat; background-size: 24px; }
#set_list .item:nth-child(2) h4 { background: url(../img/sche_02.png) left center no-repeat; background-size: 24px; }
#set_list .item:nth-child(3) h4 { background: url(../img/sche_03.png) left center no-repeat; background-size: 24px; }
#set_list .item:nth-child(4) h4 { background: url(../img/sche_04.png) left center no-repeat; background-size: 24px; }
#set_list .item:nth-child(5) h4 { background: url(../img/sche_05.png) left center no-repeat; background-size: 24px; }

/*特別リンク枠追加*/
#modelhouse #caution_link{
    padding: 20px 10px 20px;
}

#modelhouse #caution_link a{
    font-size: 14px;
}
}/*768px*/


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

/*詳細ページ*/
#modelhouse .title_area {
	font-size: 14px;
}

#modelhouse .title_area .sub_name {
	font-size: 16px;
}

#modelhouse .title_area h2 {
	margin-bottom: 15px;
	font-size: 30px;
}

#modelhouse .title_area .comment {
	font-size: 16px;
}

#modelhouse .title_area .comment br {
	display: block;
}

#modelhouse .title_area .md_add p.item {
	display: block;
}

#modelhouse .title_area .md_add p.item:last-child {
	display: table;
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 300px;
}

#modelhouse .title_area .md_add p.item:last-child span.it_title,
#modelhouse .title_area .md_add p.item:last-child span.it_day {
	display: table-cell;
	vertical-align: top;
}

#modelhouse .title_area .md_add p.item:last-child span.it_title {
	width: 80px;
}

#modelhouse .title_area .md_add p.item:last-child span.it_day {
	width: 220px;
}

#modelhouse .title_area .md_add p.item:last-child span.it_day br {
	display: block;
}

#modelhouse .title_area .md_add p {
	margin:0 auto 0;
	max-width:300px;
	text-align:left;
}

#modelhouse .title_area .md_add p span {
	display:inline-block;
	width:80px;
}

#modelhouse .link {
	margin-bottom:40px;
}

#modelhouse .link ul li {
	padding:0 5px 0;
}

#modelhouse .link ul li.map a span {
	padding:0 0 0 35px;
	background-size:30px;
}
#modelhouse .box01 .data div {
	float: none;
	margin-bottom: 1px;
	width: 100%;
}

#modelhouse .box01 .item_list .item {
	width: 50%;
}

#modelhouse #plan_sub .p_box .photo {
	margin: 40px auto 40px;
}

#modelhouse .box02 .text {
	margin-bottom: 40px;
	padding: 20px 10px 20px;
}

#modelhouse .box02 .text ul {
	margin-bottom: 10px;
}

#modelhouse .box02 .text ul li:first-child {
	border-top: 3px solid #F1EFDC;
	border-bottom: 3px solid #F1EFDC;
}

#modelhouse .box02 .text ul li:last-child {
	padding: 0 0 0 10px;
	line-height: 1.6;
	font-size: 15px;
}
}/*640px*/

@media screen and (max-width:600px){
/*一覧*/
#modelhouse #top_model a {
	margin:0 auto;
	width:100%;
	max-width:440px;
}
	
#modelhouse #top_model a .frm .ph,
#modelhouse #top_model a .frm .cap {
	display:block;
	width:100%;
}

#modelhouse #top_model a .frm .cap {
    padding:20px 15px;
	line-height:1.6;
}

#modelhouse #top_model a .frm .cap ul {
    margin:15px 0 10px 0;
}

#modelhouse #top_model a .frm .cap ul li {
    padding:4px 0 6px 0;
}

#modelhouse #top_model a .frm .cap ul li + li {
    margin:10px 0 0 0;
}
}/*600px*/


@media screen and (max-width: 450px){
#modelhouse .title_area {
	font-size: 13px;
}

#modelhouse .title_area .comment {
	font-size: 15px;
}

/*パース拡大共通*/
#plan_sub .p_box .photo {
	display: block;
}

#plan_sub .p_box .photo > div {
	display: block;
	margin-bottom: 30px;
	padding: 0;
}
}/*450px*/


/*--------------------------------------------------------------------------
・土地情報
--------------------------------------------------------------------------*/
@media screen and (max-width: 900px){
#land.list section dl.choice dd p.three {
	width:50%;
}

#land.list section dl.choice dd p + p {
	padding-left:0;
}

#land.list section dl.price.choice span.jp_tx{
	background-position: left top 3px;
	font-size: 14px;
}

/*la_004用*/
#land.list .la004 section dl.choice dd p.three {
	width:100%;
}

#land .la004 .choice .situation_sub{
	display: inline-block;
}
}/*900px*/


@media screen and (max-width: 768px){
/* 一覧・詳細　共通*/

#land {
	padding: 30px 10px 40px;
}

#land .land_title {
	margin-bottom:20px;
}

#land .land_title span {
	font-size:18px;
} 

#land .land_title h2 {
	font-size:14px;
}

/* 一覧 */

#land.list {
}

#land.list article {
	margin-bottom:0;
}

#land.list article a {
	padding:20px 10px 20px;
}

#land.list article a:last-child {
	margin-bottom:0;
}

#land.list article a section dl dt {
	width:80px;
	font-size:13px;
}

#land.list article a section dl dd {
	font-size:14px;
}

#land.list section dl.price dd p {
	font-size:16px;
}

#land.list section dl.price.choice span {
	background-position: left top 5px;
}

/*la_004用*/
#land.list .la004 section dl.choice dd p.two {
	width:100%;
}


/*詳細ページ---------------------------------------------*/

/*タイトル*/
#land.post .land_title {
	margin-bottom:40px;
}

/*項目タイトル*/
#land.post h3 {
	margin-bottom: 15px;
	padding: 0 0 0 15px;
	line-height:1.2;
	border-left: 5px solid #007038;
	box-sizing: border-box;
	font-size: 15px;
	font-weight: bold;
}

/*photo*/
#land.post .photo {
	margin:0 auto 40px;
	max-width:400px;
}

/*地図リンクエリア*/
#land.post .but_box {
	display:table;
	table-layout: fixed;
	margin-bottom:40px;
	width:100%;
}

#land.post .but_box > div {
	box-sizing:border-box;
	display:table-cell;
	vertical-align: middle;
	padding:0 5px 0;
}

#land.post .but_box > div a {
	box-sizing:border-box;
	display:block;
	padding:0 10px 0;
	color:#ffffff;
	line-height:50px;
	text-align:center;
}

#land.post .but_box > div.map a {
	background:#ABC027;
}

#land.post .but_box > div.map span {
	box-sizing:border-box;
	display: inline-block;
	background: url(../img/event_map.png) left center no-repeat;
	background-size:36px auto;
	padding:0 0 0 40px;
}

#land.post .but_box > div.plan a {
	background:#39463C;
}

#land.post .but_box > div a:hover,
#land.post .but_box > div a:active {
	opacity:0.6;
}

/*リンク1つ*/
#land.post .box_one > div{
	padding: 0;
}


/*物件データ*/
#land.post .data_area {
	margin-bottom:40px;
	padding: 0;
	background: #ffffff;
	box-sizing:border-box;
}

#land.post #data_box {
	overflow: hidden;
}

#land.post #data_box #left {
	float: left;
	width: 100%;
	padding-right: 1px;
	box-sizing: border-box;
}

#land.post #data_box #right {
	float: right;
	width:100%;
	padding-left: 1px;
	box-sizing: border-box;
}

#land.post #data_box dl {
	box-sizing:border-box;
	display:table;
	margin-bottom:1px;
	width:100%;
}

#land.post #data_box dl dt,
#land.post #data_box dl dd {
	display:table-cell;
	vertical-align:top;
	box-sizing:border-box;
}

#land.post #data_box dl dt {
	padding: 10px 0 10px;
	width:80px;
	color:#ffffff;
	background:#007038;
	text-align:center;
	font-size:13px;
}

#land.post #data_box dl dd {
	padding:10px;
	background:#EDEFED;
	word-break:break-all;
}

#land.post .data_area .caution {
	box-sizing:border-box;
	padding:10px 0 0 5px;
	text-align:left;
	font-size:13px;
}

/*photo_area*/
#land.post #p_box {
	overflow:hidden;
	margin-bottom:40px;
	width:100%;
}

#land.post #p_box > div {
	box-sizing:border-box;
	float:left;
	padding:0 10px 0;
	width:33.33%;
}

#land.post #p_box > div:nth-child(n + 4) {
	margin-top:20px;
}

#land.post #p_box > div .p_frm {
	position:relative;
	overflow:hidden;
	margin:0 auto 0;
	max-width:290px;
}

#land.post #p_box > div .p_frm img {
	position: absolute;
}

#land.post #p_box > div p {
	font-size: 12px;
}

/*ページ下部リンク*/
#land.post .pagelink a {
	display:table;
	margin:0 auto 40px;
	width:100%;
	max-width:500px;
}

#land.post .pagelink a:hover,
#land.post .pagelink a:active {
	opacity:0.6;
}

#land.post .pagelink a > div {
	display:table-cell;
	vertical-align: middle;
	color:#ffffff;
	background:#CF1E11;
	text-align:center;
	font-size:16px;
}

#land.post .pagelink a > div.ph {
	width:160px;
}

/*追加 land003*/
#la_outinfo .list {
    margin-top: 20px;
    padding: 20px 10px 20px;
}

#la_outinfo .list h4 {
    background-size: 12px auto;
    padding: 0 0 0 20px;
    font-size: 14px;
}

#la_outinfo .list ul {
    padding: 0 10px 0;
}

#la_outinfo .list ul li {
    background-size: 15px auto;
    padding: 9px 10px 9px 25px;
}

#la_outinfo .list ul li a {
    background-size: 14px auto;
    padding: 0 20px 0 0;
}

#la_outinfo p a {
    background-size: 14px auto;
}

#la_outinfo .other_link a {
    background-size: 14px auto;
    padding: 10px 25px 10px 10px;
}

/*内部リンク　共通*/
#land_navi ul li {
    padding: 0 5px 10px;
}
}/*768px*/


@media screen and (max-width: 640px){
#land.list section dl.choice dd p.three {
	width:100%;
}

#land.list section dl.choice dd p:nth-child(2) {
	margin-top:3px;
}

/*追加 land003*/
#la_area #p_box.two > div:last-child{
    padding: 0;
}

#land.post #p_box.separate > div {
    float: none;
    margin: 0 auto 0;
    width: 100%;
    max-width: 400px;
}

#land.post #p_box.separate > div + div {
    margin-top: 20px;
}

#la_plan .text {
    max-width: 250px;
}

#la_plan .text ul li {
    float: none;
    width: 100%;
}

#la_plan .text ul li span {
    width: 80px;
}

/*内部リンク　共通*/
#land_navi ul li {
    width: 50%;
}
}/*640px*/


@media screen and (max-width: 480px){
#land.post #p_box > div {
	padding:0 5px 0;
	width:50%;
}

#land.post #p_box > div:nth-child(n + 3) {
	margin-top:20px;
}


/*内部リンク*/
#land_navi {
    margin-bottom: 30px;
}

#land_navi ul li a {
    font-size: 11px;
}

/*ページ指定*/
#land.la_002 #land_navi ul {
    max-width: 100%;
}
}/*480px*/