@charset "utf-8";

/* PCモニター用CSS
------------------------------------------------------------*/
body { margin-top: 0 !important; }


/* ヘッダー
*****************************************************/
#header .bar h1 a { font-size: 12px; font-size: 1.2rem; }
#header .box { position: relative; }
#header .box .logo { width: 310px; height: 68px; }
#header .box .logo:before { width: 310px; }

/* -- お問い合わせ -- */
#header .contact { display: block; }

/* -- ハンバーガーメニュー -- */
#header .hamburger { display: none; }

/* -- 固定 -- */
#header.fixed { position: static; width: auto; box-shadow: none; }
#header.fixed .bar { display: block; opacity: 1.0; visibility: visible; }
#header.fixed .box { padding: 20px 0; }


/* ナビゲーション
*****************************************************/
#navigation {
	position: static; width: auto; height: auto;
	background: -moz-linear-gradient(top, #333333 0%, #333333 80%, #222222 80%, #222222 100%);
	background: -webkit-linear-gradient(top, #333333 0%,#333333 80%,#222222 80%,#222222 100%);
	background: linear-gradient(to bottom, #333333 0%,#333333 80%,#222222 80%,#222222 100%);
	opacity: 1.0;
}
#navigation div { width: 90%; max-width: 1000px; height: auto; min-height: 0; margin: 0 auto; overflow-y: visible; border-right: 1px solid rgba(255,255,255,0.36); box-sizing: border-box; }
#navigation ul { display: table; width: 100%; }
#navigation ul li { display: table-cell; vertical-align: top; border-bottom: none; border-left: 1px solid #222; }
#navigation ul li a { text-align: center; padding: 20px; background: none; border-left: 1px solid rgba(255,255,255,0.36); border-bottom: none; }
#navigation ul li a span { display: block; margin: 0; }
#navigation ul li a span.ja { font-size: 16px; font-size: 1.6rem; }
#navigation ul li a span.en { font-size: 10px; font-size: 1.0rem; margin: 6px 0 0; }


/* メインイメージ
*****************************************************/
#main { overflow: hidden; }
#main .slick-slider { width: 90%; max-width: 1000px; margin: auto; }
#main .slick-list { overflow: visible; }
#main .slick-slide { margin: 0 20px; }
#main .slick-slide img { width: 960px; }
#main .slick-arrow { width: 460px; }
#main .slick-prev { left: -440px; }
#main .slick-next { right: -440px; }


/* コンテンツ
*****************************************************/
#contents #content { width: 70%; float: left; }


/* サイドバー
*****************************************************/
#sidebar { width: 26%; float: right; }

/* -- バナー -- */
#sidebar .bnr { margin-bottom: 0; }
#sidebar .bnr li { width: auto; margin: 0 0 20px; float: none; }
#sidebar .bnr li:last-child { margin: 0; }

/* -- 物件検索 -- */
.search > p { margin-bottom: -10px; }
.search ul li { width: auto; margin: 20px 0 0; }
.search ul li:nth-child(2n+2) { margin-right: 0; }
.search ul li:nth-child(3n+3) { margin-right: 0; }


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


/* トップ
------------------------------------------------------------*/

/* -- 本部からのお知らせ -- */
/*.top_news .news { height: 320px; }*/


/* 行事予定（カレンダー）
------------------------------------------------------------*/
#refine { display: none; }
#legend_box { display: block; }


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

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