@charset "utf-8";
@import url("/ssi/css/nw-site.css");

/**********************************************************************************/
/* PC */
/**********************************************************************************/

/* 非表示 */
.pdf_download,
.wmplayer_download,
#section_footer,
#torikumi_banner {
	display: none !important;
}
/* 非表示 end */

/* ヘッダ */
#he_left {
	width: 200px;
}
#he_left img {
	width: auto;
}

a#pcm_call {
	letter-spacing: 0px;
	padding: 54px 10px 12px;
}

#pcm_search_wrap .pcm_box {
	width: 750px;
}
#top_search_page_id_wrap {
	width: 28rem;
}

#pcm_support_wrap .pcm_box {
	width: 580px;
}

#pcm_language_wrap .pcm_box {
	width: 480px;
}
#pcm_language_wrap.open .pcm_box2 {
	display: block;
}
#pcm_language_wrap .pcm_box2 .hl_box.language {
	width: auto;
}

ul#gnav_lang {
	margin: 0px;
	padding: 10px 0px;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
}
ul#gnav_lang li {
	display: inline-block;
	vertical-align: middle;
	width: 20%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-right: 1px solid #cccccc;
}
ul#gnav_lang li:nth-child(5n) {
	border-right: none;
}
ul#gnav_lang li:nth-child(n+6) {
	border-top: 1px solid #cccccc;
}
ul#gnav_lang li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: 1.6rem;
	color: #333333;
	text-decoration: none;
	text-align: center;
	height: 100%;
	padding: 20px 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: background 0.5s;
	-o-transition: background 0.5s;
	transition: background 0.5s;
}
ul#gnav_lang li a:hover,
ul#gnav_lang li a:focus {
	background: #f7f7f7;
}
/* ヘッダ end */

/* フッタ */
#author_box p span {
	display: block;
}

#author_info .f_hours {
	display: block;
}
#author_info .f_hours .box_ttl {
	width: auto;
}
#author_info .f_hours .box_txt {
	display: block;
	width: auto;
}
/* フッタ end */

/*overall start*/
.site_lang #container {
	word-break: normal;
}
/*overall end*/

/*pankuzu start*/
.pankuzu {
	padding-left: 12rem;
}
.pankuzu:first-child .icon_current {
	width: 11rem;
}

#footstep {
	padding-left: 0px;
}
#footstep_ttl {
	display: none !important;
}
#footstep_detail {
	display: block;
	padding-left: 12rem;
	padding-right: 20px;
}
#footstep_detail:before {
	content: 'Directory';
	display: block;
	width: 11rem;
	height: 2rem;
	background: #ffffff;
	border-radius: 5px;
	color: #333333;
	font-size: 1rem;
	line-height: 1.2rem;
	padding: 0.4rem 0px;
	text-align: center;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	position: absolute;
	top: 1px;
	left: 0px;
}
#clear_footstep {
	position: absolute;
	top: 1px;
	right: 0px;
}

.color_black #footstep_detail:before {
	background: #333333;
	color: #ffffff;
}
.color_blue #footstep_detail:before {
	background: #0000aa;
	color: #ffff00;
}
/*pankuzu end*/

/* 印刷プレビュー */
#print_mode_link {
	display: block;
	width: 36px;
	height: 36px;
	background: url(/img/common/icon_print.png) no-repeat center center transparent !important;
	text-align: left;
	text-indent: -9999em;
	line-height: 1;
	overflow: hidden;
}
#print_mode_link.view_print_mode {
	background: url(/img/site/lang/print_view_close.png) no-repeat center center #ffffff !important;
	position: fixed;
	top: 10px;
	right: 15px;
	z-index: 100;
}
/* 印刷プレビュー ここまで */

/*word-pro like start*/
.site_index #main_body div.detail_free img {
	vertical-align: middle;
	margin-right: 10px;
}
.site_index #main_body div.detail_free p {
	font-weight: bold;
}

.detail_free .external_link_text {
	display: inline-block;
	width: 13px;
	height: 12px;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
	background: url(/img/site/lang/icon_emer_link.png) no-repeat center center transparent !important;
	margin-left: 5px;
	margin-top: -2px;
}
/*word-pro like end*/

/* リスト（情報がないとき） */
p.no_data {
	display: none !important;
}
/* リスト（情報がないとき） ここまで */

/* 共通バナー */
#common_banner_link ul li a span {
	padding: 20px;
}

#common_banner_lang ul {
	max-width: 300px;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
#common_banner_lang ul li {
	display: block;
	width: 100%;
	margin: 0px 0px 10px;
}
#common_banner_lang ul li:last-child {
	margin-bottom: 0px;
}
#common_banner_lang ul li img {
	width: 100%;
	height: auto;
}
#common_banner_lang ul li a {
	display: block;
}
/* 共通バナー ここまで */

/***** ★各言語 start★ *****/

/**ベトナム語 start**/
.site_lang_vi #footstep_detail::before {
	content: '';
	background: url(/img/site/lang/dir_vi_black.png) no-repeat center center #ffffff !important;
	background-size: auto 10px !important;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
/**ベトナム語 end**/

/**タガログ語 start**/
.site_lang_tl #footstep_detail:before {
	content: 'Track Record';
}
/**タガログ語 end**/

/**スペイン語 start**/
.site_lang_es #footstep_detail:before {
	content: 'Rastro';
}
/**スペイン語 end**/

/**ポルトガル語 start**/
.site_lang_pt #footstep_detail:before {
	content: 'Rastro';
}
/**ポルトガル語 end**/

/**韓国語 start**/
.site_lang_ko #footstep_detail:before {
	content: '';
	background: url(/img/site/lang/dir_ko_black.png) no-repeat center center #ffffff !important;
	background-size: auto 10px !important;
	text-align: left;
	text-indent: -9999em;
	overflow: hidden;
}
/**韓国語 end**/

/**中国語 start**/
.site_lang_cn #footstep_detail:before {
	content: '足迹';
}
/**中国語 end**/

/**英語 start**/
.site_lang_en {}
/**英語 end**/

/***** ★各言語 end★ *****/

/* 広島市の取り組み20200415 */
#torikumi_banner_ttl a span.tori_ttl.ja {
	display: none;
}

#torikumi_banner_box {
	background-position: 70px bottom;
}
#torikumi_banner.open #torikumi_banner_box {
	background-position: 65px bottom;
}
#torikumi_banner_ttl {
	width: 130px;
}

.site_lang_en #torikumi_banner_ttl a span.tori_ttl.en {
	display: block;
}
.site_lang_cn #torikumi_banner_ttl a span.tori_ttl.zh {
	display: block;
}
.site_lang_ko #torikumi_banner_ttl a span.tori_ttl.ko {
	display: block;
}
.site_lang_pt #torikumi_banner_ttl a span.tori_ttl.pt {
	display: block;
}
.site_lang_es #torikumi_banner_ttl a span.tori_ttl.es {
	display: block;
}
.site_lang_tl #torikumi_banner_ttl a span.tori_ttl.tl {
	display: block;
}
.site_lang_vi #torikumi_banner_ttl a span.tori_ttl.vi {
	display: block;
}
/* 広島市の取り組み20200415 ここまで */

/**********************************************************************************/
/* PC ここまで */
/**********************************************************************************/


/**********************************************************************************/
/* スマートフォン */
/**********************************************************************************/
@media screen and (max-width : 1079px){

	/*pankuzu start*/
	.pankuzu {
		padding-left: 8rem;
	}
	.pankuzu:first-child .icon_current {
		width: 7rem;
		height: auto;
	}
	/*pankuzu end*/

	/*side menu start*/
	#common_banner_link ul,
	#common_banner_link ul li {
		display: block;
	}
	#common_banner_link ul li:first-child {
		padding-right: 0px;
		margin-bottom: 10px;
	}
	#common_banner_link ul li:last-child {
		padding-left: 0px;
	}
	#common_banner_link ul li a {
		padding: 10px;
	}
	/*side menu end*/

	/*自由編集項目 start*/
	.free_box img {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	/*自由編集項目 end*/

	/*★各言語 start★*/

	/**ベトナム語 start**/
	.site_lang_vi {}
	/**ベトナム語 end**/

	/**タガログ語 start**/
	.site_lang_tl {}
	/**タガログ語 end**/

	/**スペイン語 start**/
	.site_lang_es {}
	/**スペイン語 end**/

	/**ポルトガル語 start**/
	.site_lang_pt {}
	/**ポルトガル語 end**/

	/**韓国語 start**/
	.site_lang_ko {}
	/**韓国語 end**/

	/**中国語 start**/
	.site_lang_cn {}
	/**中国語 end**/

	/**英語 start**/
	.site_lang_en {}
	/**英語 end**/

	/*★各言語 end★*/

	/* 広島市の取り組み20200415 */
	#torikumi_banner {
		bottom: 70px;
	}
	#torikumi_banner_box {
		background-position: 55px bottom;
	}
	#torikumi_banner.open #torikumi_banner_box {
		background-position: 50px bottom;
	}
	#torikumi_banner_ttl {
		width: 100px;
	}
	#torikumi_banner_ttl a {
		font-size: 1.1rem;
	}
	/* 広島市の取り組み20200415 ここまで */

	/* ヘッダ */
	#he_left {
		width: 138px;
	}

	#spm_wrap_top a#spm_call {
		background-image: url(/img/site/lang/sp_lang_btn_h_call.png) !important;
	}
	#spm_wrap_top button#spm_language {
		background-image: url(/img/site/lang/sp_lang_btn_h_lang.png) !important;
	}
	#spm_wrap_top button#spm_support {
		background-image: url(/img/site/lang/sp_lang_btn_h_support.png) !important;
	}
	.spm_language_open #spm_wrap_top button#spm_language,
	.spm_support_open #spm_wrap_top button#spm_support {
		background-image: url(/img/site/lang/sp_lang_btn_h_close.png) !important;
	}

	#spm_wrap button#spm_menu {
		background-image: url(/img/site/lang/sp_lang_btn_menu.png) !important;
	}
	#spm_wrap button#spm_search {
		background-image: url(/img/site/lang/sp_lang_btn_search.png) !important;
	}
	.spm_menu_open #spm_wrap button#spm_menu,
	.spm_search_open #spm_wrap button#spm_search {
		background-image: url(/img/site/lang/sp_lang_btn_close.png) !important;
	}

	#pcm_language_wrap .pcm_box,
	#pcm_support_wrap .pcm_box,
	#pcm_search_wrap .pcm_box,
	#top_search_page_id_wrap {
		width: auto;
	}
	#pcm_language_wrap .pcm_box2 .hl_box.language {
		margin-top: 0px;
	}

	#hl_voice {
		text-align: left;
	}

	#hl_assist dl {
		width: calc(100% - 20px);
	}
	#hl_assist dl#moji_size dt,
	#hl_assist dl#haikei_color dt {
		width: 100%;
	}

	ul#sp_gnav_lang {
		margin: 0px;
		padding: 10px;
		list-style: none;
	}
	ul#sp_gnav_lang li {
		display: block;
		border-bottom: 1px solid #cccccc;
	}
	ul#sp_gnav_lang li:last-child {
		border-bottom: none;
	}
	ul#sp_gnav_lang li a {
		display: block;
		color: #333333;
		text-decoration: none;
		padding: 20px 30px 20px 20px;
		font-size: 1.4rem;
		background: url(/img/nw-sp/arrow_r.png) no-repeat right 10px top 50%;
		background-size: 8px auto;
	}

	#pcm_menu_wrap ul.gnav_search li {
		width: calc(100% - 12px);
	}

	#submit,
	#open_page_id_submit {
		font-size: 1.2rem;
	}

}
/**********************************************************************************/
/* スマートフォン ここまで */
/**********************************************************************************/