@charset "UTF-8";

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+
+
+　情報ページトップメニュー　専用要素
+
+
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* --------------------------------------------------------------------------------------
 新着情報
--------------------------------------------------------------------------------------- */
/*新着情報見出し*/
h2.h2shinchaku {
	font-size: 1.428em;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	background-color: #02419B;
	padding: 12px 18px 9px 18px;
}
/*緊急情報見出し*/
h2.h2emergency {
	font-size: 1.428em;
	color: #FFF;
	font-weight: bold;
	line-height: 1;
	background-color: #ff0000;
	padding: 12px 18px 9px 18px;
}
.newsEmergency {
	border: solid 1px #ff0000 !important;
}
/*新着情報*/
.newsArea {
	box-sizing: border-box;
	border: solid 1px #02419B;
	padding: 30px 4%;
	margin-bottom: 30px;
}
.newsArea .newsInner {
	max-height: 300px;				/*スクロールウィンドウの高さ*/
	overflow: auto;
	margin: 0;
}
.newsArea .newsInner::-webkit-scrollbar {		/*SP用スクロールバー*/
	background:#ccc;
	width:10px;
}
.newsArea .newsInner::-webkit-scrollbar-thumb {	/*SP用スクロールバー*/
	background:#aaa;
}
.newsArea .newsInner ul {
	overflow: hidden;
	zoom: 1;
}
.newsArea .newsInner ul#niShinchaku li {
	/*font-size: 0.933em;*/
	padding: 0 1em 0 16px;
	margin: 0 0 15px 0;
	background-image: url(../img/ar_tr_orange2.png);
	/*background-size: 10px 11px;*/
	background-size: 8px 9px;
	background-position: 0 5px;
	background-repeat: no-repeat;
}

/*NEWアイコン*/
.newsArea .newsInner img.i_new {
	width: 32px;
	height: auto;
	padding-left: 10px;
	vertical-align: middle;
}

/*これまでの新着情報ボタン*/
.newsArea .newsInner p.news_archiv {
	text-align: right;
	margin-right: 1em;
	border-top: dotted 1px #666;
	margin-top: 10px;
	padding-top: 15px;
}

/* --------------------------------------------------------------------------------------
 新着情報の左に画像があるパターン
--------------------------------------------------------------------------------------- */
.newsLeftbox {
	width: 100%;
	margin-bottom: 1.5em;
}
.newsRightbox {
	width: 100%;
}
.newsLeftbox img {
	width: 100%;
	max-width: 280px;
	height: auto;
}
@media print, screen and (min-width: 768px) {  		/*768px以上********************************************************/
	.newsLeftbox {
		width: 31%;
		float: left;
	}
	.newsRightbox {
		width: 67%;
		float: right;
	}
}

/* --------------------------------------------------------------------------------------
 メニューボタン
--------------------------------------------------------------------------------------- */
/*メニュー３列*/
.menu_3block {
	width: 100%;
}

/*メニュー２列*/
.menu_2block {
	width: 100%;
}

/*見出し*/
.h2_th_title {
	border: solid 1px #02419B;
	box-sizing: border-box;
	padding: 5px 1%;
	margin-bottom: 10px;
}
.h2_th_title h2 {
	border-left: solid 5px #02419B;
	font-size: 1.142em;
	font-weight: bold;
	color: #333;
	box-sizing: border-box;
	padding: 5px 2% 5px 3%;
}

/*サブメニュー*/
p.th_menu_sub {
	background-image: url(../img/ar_bluecircle.png);
	background-repeat: no-repeat;
	background-position: 2px 6px;
	background-size: 8px 8px;
	padding: 0 0 0 12px;
	margin-bottom: 5px;
	font-weight: bold;
	color: #666;
}

/*メニューボタン*/
ul.th_menu {
	margin-bottom: 1em;
}
ul.th_menu li a {
	/*font-size: 0.933em;*/
	background-image: url(../img/ar_tr_blue2.png);
	background-repeat: no-repeat;
	background-position: 2px center;
	background-size: 10px 11px;
	padding: 12px 15px 12px 18px;
	display: block;
	border-top: solid 1px #CCCCCC;
}
ul.th_menu li:last-child a {
	border-bottom: solid 1px #CCCCCC;
}

@media print, screen and (min-width: 768px) {  		/*768px以上********************************************************/
	/*メニュー３列*/
	.menu_3block .menuLeft {
		width: 32%;
		float: left;
		margin-right: 2%;
	}
	.menu_3block .menuCenter {
		width: 32%;
		float: left;
	}
	.menu_3block .menuRight {
		width: 32%;
		float: right;
	}
	
	/*メニュー２列*/
	.menu_2block .menu_2block_Left {
		width: 48%;
		float: left;
	}
	.menu_2block .menu_2block_Right {
		width: 48%;
		float: right;
	}
	
	/*メニューボタン*/
	ul.th_menu {
		margin-left: 1em;
		margin-bottom: 1.8em;
	}
	ul.th_menu li {
		margin-bottom: 10px;
	}
	ul.th_menu li a {
		padding: 0 0 0 14px;
		background-position: 0px 6px;
		background-size: 8px 8px;
		border: none;
		display: table-cell;
	}
	ul.th_menu li:last-child a {
		border: none;
	}

}/*End @media*/


/* --------------------------------------------------------------------------------------
 新着情報2列のパターン
--------------------------------------------------------------------------------------- */
.news2col {
  width: 100%;
  margin-bottom: 30px;
}
.news2col .news2col_left {
  width: 100%;
}
.news2col .news2col_right {
  width: 100%;
}

@media print, screen and (min-width: 768px) {  		/*768px以上********************************************************/
  .news2col .news2col_left {
    width: 48%;
    float: left;
  }
  .news2col .news2col_right {
    width: 48%;
    float: right;
  }
}


/*オレンジ色の新着情報見出し*/
h2.h2shinchaku_orange {
  font-size: 1.428em;
  color: #FFF;
  font-weight: bold;
  line-height: 1;
  background-color: #E35B00;
  padding: 12px 18px 9px 18px;
}


/*新着情報*/
.newsArea2col {
  box-sizing: border-box;
  /*border: solid 1px #02419B;*/
  padding: 30px 4%;
  margin-bottom: 30px;
}
.newsArea2col.newsArea_left {
  border: solid 1px #E35B00;
}
.newsArea2col.newsArea_right {
  border: solid 1px #02419B;
}

.newsArea2col .newsInner {
  max-height: 300px;				/*スクロールウィンドウの高さ*/
  overflow: auto;
  margin: 0;
}
.newsArea2col .newsInner::-webkit-scrollbar {		/*SP用スクロールバー*/
  background:#ccc;
  width:10px;
}
.newsArea2col .newsInner::-webkit-scrollbar-thumb {	/*SP用スクロールバー*/
  background:#aaa;
}
.newsArea2col .newsInner ul {
  overflow: hidden;
  zoom: 1;
}
.newsArea2col .newsInner ul.niShinchaku li {
  /*font-size: 0.933em;*/
  padding: 0 1em 0 16px;
  margin: 0 0 15px 0;
  background-image: url(../img/ar_tr_orange2.png);
  /*background-size: 10px 11px;*/
  background-size: 8px 9px;
  background-position: 0 5px;
  background-repeat: no-repeat;
}

/*NEWアイコン*/
.newsArea2col .newsInner img.i_new {
  width: 32px;
  height: auto;
  padding-left: 10px;
  vertical-align: middle;
}

/* --------------------------------------------------------------------------------------
 新着情報の左に文字があるパターン
--------------------------------------------------------------------------------------- */
.newsLeftbox2 {
	width: 100%;
	margin-bottom: 1.5em;
}
.newsRightbox2 {
	width: 100%;
}

@media print, screen and (min-width: 768px) {  		/*768px以上********************************************************/
	.newsLeftbox2 {
		width: 41%;
		float: left;
	}
	.newsRightbox2 {
		width: 57%;
		float: right;
	}
}


/* --------------------------------------------------------------------------------------
 御用邸
--------------------------------------------------------------------------------------- */

.map_warp{
  max-width: 840px;
}
.nishi_map{
  background-image:url(../../kurashi/shisetsu/goyotei/nishi/img/nisi-heimen.gif);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 57.1428571429%;
  margin: 0 auto 50px auto;
  position: relative
}
ul.nishi_map li {
	position: absolute;
}
ul.nishi_map li a img{
  max-width: 100%;
}

ul.nishi_map li.nm_map1 {	/*御食堂*/
  left: 33.4523809524%;
  right: 59.523809523%;
  top: 24.375%;
}
ul.nishi_map li.nm_map2 {	/*謁見所*/
	left: 40.4761904762%;
  right: 53.8095238095%;
	top: 22.5%;
}
ul.nishi_map li.nm_map3 {	/*御座所*/
	left: 56.904761904%;
  right: 37.9761904762%;
	top: 39.5833333333%;
}
ul.nishi_map li.nm_map4 {	/*中庭*/
	left: 58.0952380952%;
  right: 26.6666666667%;
	top: 51.6666666667%;
}
ul.nishi_map li.nm_map5 {	/*御料浴室*/
	left: 75.8333333333%;
  right: 19.880952381%;
	top: 53.75%;
}
ul.nishi_map li.nm_map6 {	/*玄関*/
	left: 63.5714285714%;
  right:31.9047619048%;
	top: 78.75%;
}
ul.nishi_map li.nm_map7 {	/*御玉突所*/
	left: 84.4047619048%;
  right: 9.28571428571%;
	top: 7.70833333333%;
}

@media print, screen and (min-width: 768px) {

}
/* --------------------------------------------------------------------------------------
 施設マップ
--------------------------------------------------------------------------------------- */

.map_warp{
  max-width: 500px;
  margin: 0 auto 50px auto;
}
.shisetsu_map{
  background-image:url(../../kurashi/shisetsu/shiminnomori/shisetsu_map/img/map.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-top: 75.8%;
  position: relative
}
ul.shisetsu_map li {
	position: absolute;
}
ul.shisetsu_map li a img{
  max-width: 100%;
}

ul.shisetsu_map li.smap01 {
  left: 4%;
  right: 77%;
  top: 14.2480211082%;
}
ul.shisetsu_map li.smap02 {
	left: 25.6%;
  right: 64%;
	top: 3.16622691293%;
}
ul.shisetsu_map li.smap03 {
	left: 23%;
  right: 64%;
	top: 18.4696569921%;
}
ul.shisetsu_map li.smap04 {
	left: 36%;
  right: 36.4%;
	top: 12.401055409%;
}
ul.shisetsu_map li.smap05 {
	left: 73%;
  right: 15.6%;
	top: 0%;
}
ul.shisetsu_map li.smap06 {
	left: 37%;
  right: 47.8%;
	top: 25.5936675462%;
}
ul.shisetsu_map li.smap07 {
	left: 12.4%;
  right: 73.8%;
	top: 30.3430079156%;
}
ul.shisetsu_map li.smap08 {
	left: 27.8%;
  right: 58.8%;
	top: 36.9393139842%;
}
ul.shisetsu_map li.smap09 {
	left: 52.2%;
  right: 34.6%;
	top: 30.3430079156%;
}
ul.shisetsu_map li.smap10 {
	left: 65.4%;
  right: 23.4%;
	top: 23.2189973615%;
}
ul.shisetsu_map li.smap11 {
	left: 43.8%;
  right: 37%;
	top: 41.1609498681%;
}
ul.shisetsu_map li.smap12 {
	left: 23%;
  right: 57.4%;
	top: 52.2427440633%;
}
ul.shisetsu_map li.smap13 {
	left: 43.8%;
  right: 39.2%;
	top: 55.1451187335%;
}
ul.shisetsu_map li.smap14 {
	left: 65.4%;
  right: 24.6%;
	top: 48.5488126649%;
}
ul.shisetsu_map li.smap15 {
	left: 81.4%;
  right: 7.6%;
	top: 45.9102902375%;
}
ul.shisetsu_map li.smap16 {
	left: 75.4%;
  right: 8.4%;
	top: 55.1451187335%;
}
ul.shisetsu_map li.smap17 {
	left: 15.4%;
  right: 71.4%;
	top: 72.295514511%;
}