@charset "utf-8";

/* タブレット用CSS
------------------------------------------------------------*/


/* サイドバー
*****************************************************/
#sidebar .bnr { margin-bottom: -20px; }
#sidebar .bnr li { width: -webkit-calc((100% / 3) - 13.33px); width: calc((100% / 3) - 13.33px); margin-right: 20px; float: left; }
#sidebar .bnr li:last-child { margin-right: 0; }

/* -- 物件検索 -- */
.search ul li { width: -webkit-calc((100% / 3) - (10px - (10px / 3))); width: calc((100% / 3) - (10px - (10px / 3))); }
.search ul li:nth-child(2n+2) { margin-right: 10px; }
.search ul li:nth-child(3n+3) { margin-right: 0; }


/* 行政機関
*****************************************************/
#administrative dl div { width: -webkit-calc( (100% / 3) - ( 10px - ( 10px / 3 ) ) ); width: calc( (100% / 3) - ( 10px - ( 10px / 3 ) ) ); }
#administrative dl div:nth-of-type(2n+2) { margin-right: 10px; }
#administrative dl div:nth-of-type(3n+3) { margin-right: 0; }


/* 関連サイト
*****************************************************/
#links ul li { -webkit-width: calc(25% - 7.5px); width: calc(25% - 7.5px); }
#links ul li:nth-child(2n+2) { margin-right: 10px; }
#links ul li:nth-child(4n+4) { margin-right: 0; }


/* フッター
*****************************************************/

/* -- お問い合わせ -- */
#footer .address address { width: -webkit-calc(100% - 310px); width: calc(100% - 310px); margin: 0; padding-top: 20px; padding-bottom: 20px; padding-left: 88px; float: left; box-sizing: border-box; }
#footer .address address:before { width: 68px; height: 68px; background: url("../img/footer/logo@2x.png") no-repeat; }
#footer .address .contact { width: 280px; float: right; }


/* トップ
------------------------------------------------------------*/
/*.news div { zoom: 1; }
.news div:after { content: ""; display: table; clear: both; }
.news div dt { float: left; }
.news div dt span,
.news div dt a { margin-bottom: 0; }
.news div dt a { margin-right: 0; }*/

/* -- お知らせ -- */
/*.top_news dd { margin-left: 120px; }*/

/* -- 本部からのお知らせ -- */
/*.top_infomation dd { margin-left: 120px; }*/
.top_infomation ul li { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); margin-right: 20px; float: left; }
.top_infomation ul li:last-child { margin-right: 0; }

/* -- ソーシャルメディア -- */
.top_sns .pageplugin,
.top_sns .links { width: -webkit-calc(50% - 10px); width: calc(50% - 10px); }
.top_sns .pageplugin { float: left; }
.top_sns .links { float: right; }
.top_sns li { width: auto; margin: 0 0 20px; float: none; }
.top_sns li:last-child { margin-bottom: 0; }


/* 記事一覧
------------------------------------------------------------*/
#archive ul li a .thumbnail { width: 150px; height: 150px; }
#archive ul li a .box { margin-left: 170px; }


/* まちづくりPT
------------------------------------------------------------*/

/* -- メンバー -- */
.members ul li { width: -webkit-calc(33.33% - 3.33px); width: calc(33.33% - 3.33px); }
.members ul li:nth-child(2n+2) { margin-right: 20px; }
.members ul li:nth-child(3n+3) { margin-right: 0; }


/* 相談事例
------------------------------------------------------------*/

/* -- 解答内容 -- */
#example .answer .members { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#example .answer .member { width: -webkit-calc( 33.33% - 13.33px ); width: calc( 33.33% - 13.33px ); margin-right: 20px; margin-left: 0; }
#example .answer .member:last-of-type { margin-right: 0; }


/* おねだんイクラちゃん
------------------------------------------------------------*/

/* -- システム -- */
#ikurachan .cost_calculation ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	-moz-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	-o-flex-flow: row wrap;
	flex-flow: row wrap;
	justify-content: space-between;
}
#ikurachan .cost_calculation ul li {
	width: 48.44%; margin-bottom: 1.0em;
}
#ikurachan .cost_calculation dl > div {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-flow: row nowrap;
	-moz-flex-flow: row nowrap;
	-ms-flex-flow: row nowrap;
	-o-flex-flow: row nowrap;
	flex-flow: row nowrap;
	margin-bottom: 12px;
}
#ikurachan .cost_calculation dl > div dt {
	width: 60.94%; max-width: 390px; margin-bottom: 0;
}
#ikurachan .cost_calculation dl > div dd {
	margin-left: 20px;
}

/* -- 概算計算 -- */
#ikurachan .estimate_inner .price p {
	font-size: 2.0rem; font-weight: bold; line-height: 1.4; margin: 10px 20px;
}
#ikurachan .estimate_inner .price p span {
	font-size: 3.2rem; font-weight: bold; line-height: 1.0;
}