@charset "utf-8";

@media screen and (max-width : 1220px) {
/* ==================================================
media - 1220px
================================================== */
.thumb_item .thumb_link p {
	font-size: 75%;
}
#tmp_topics .container{
	width: 98vw;
    padding: 0 1vw;
}
#tmp_topics_cnt ul{
	margin: 0 auto;
}
#tmp_topics_cnt li {
	font-size: 100%;
	padding: 0 1vw;
}
#tmp_topics_cnt li a {
	width: 19vw;
	height: 19vw;
}
#tmp_topics_cnt .topics_img {
	height: 100px;
	margin: 0 auto;
}
#tmp_topics_cnt .topics_img img {
	max-width: 100%;
	height: auto;
}
#tmp_topics_cnt .topics_link_inner {
	height: 60px;
}
#tmp_new_slider .prev.slick-arrow,
#tmp_new_slider .slick-prev {
	margin-left: 0;
	left: 10px;
}
#tmp_new_slider .next.slick-arrow,
#tmp_new_slider .slick-next {
	margin-right: 0;
	right: 10px;
}
.guidance_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: left;
}
.guidance_list .guidance_sub_list {
	width: 33.3333333%;
	padding: 0 20px;
}
}
@media screen and (max-width : 1195px) {
/* ==================================================
media - 1195px
================================================== */
.no_javascript .new_item:nth-child(3n+1){
	clear:none;
}
.no_javascript .new_item:nth-child(2n+1){
	clear:both;
}
}
@media screen and (max-width : 980px) {
/* ==================================================
media - 980px
================================================== */
#tmp_topics_cnt li.topics_view_btn a {
	padding-left:15px;
	padding-right:15px;
}
#tmp_topics_cnt .topics_img {
	height: 100px;
	padding-bottom:10px;
}
#tmp_topics_cnt li a {
	padding-right:12px;
	padding-left:12px;
}
.new_item {
	position: relative;
	width: 300px !important;
	padding: 0 17px;
}
.new_item img {
	max-width: 100%;
	height: auto;
}
.link_btn li,
.link_img_btn li {
	font-size: 87.5%;
}
.link_img_btn li .link_item .link_txt a,
.link_btn li .link_item .link_txt a {
	padding-left: 10px;
	padding-right: 10px;
}
.link_img_btn li .link_item p,
.link_btn li .link_item p {
	height: 100px;
}
.link_img_btn li .link_item .link_img,
.link_btn li .link_item .link_img {
	width:100px;
}
}
@media screen and (max-width : 900px) {
/* ==================================================
media - 900px
================================================== */
#tmp_topics_cnt li {
	width: 25%;
}
#tmp_topics_cnt li a {
	width: 22vw;
	height: 22vw;
	padding-right: 27px;
	padding-left: 27px;
}
#tmp_topics_cnt li.topics_view_btn {
	display:block;
	width:auto;
	min-width:auto;
	padding-top:26px;
	padding-left:5px;
	margin-left: auto;
}
#tmp_topics_cnt li.topics_view_btn a {
	height:auto !important;
	text-align:center;
	display: inline-block;
	position:relative;
	min-width: 220px;
	min-height: 40px;
	color: #ffffff;
	background: -moz-linear-gradient(to left, #424242, #333333);
	background: -webkit-linear-gradient(to left, #424242, #333333);
	background: linear-gradient(to left, #424242, #333333);
	background-color: #333334;
	text-decoration: none;
	padding: 8px 10px  8px 40px;
	border-radius:4px;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 5px 5px 3px rgba(0, 0, 0, 0.2);
}
#tmp_topics_cnt li.topics_view_btn a:after{
	content:'';
	position:static;
	display: inline-block;
	width:32px;
	height:14px;
	background:url(/shared/site_rn2021/images/icon/wh_arrow_icon.png) no-repeat right center;
}
#tmp_topics_cnt li.topics_view_btn .topics_link {
	display: block;
	width: 100%;
	text-align:left;
}
#tmp_topics_cnt li:nth-child(3n) {
	clear: right;
}
#tmp_topics_cnt li:nth-child(3n+1) {
	clear: left;
}
}
@media screen and (max-width : 800px) {
/* ==================================================
media - 800px
================================================== */
.mv_thumb li {
	width: 90px;
	flex:auto;
}
.active_item .thumb_item {
	padding: 10px;
}
.mv_thumb li.active_item {
	width: 100%;
}
.active_item .thumb_item .thumb_link {
	display: block;
}
.thumb_item {
	padding: 10px;
}
.thumb_item .thumb_link {
	display: none;
}
.link_inner li {
	width: 100%;
	float: none
}
#tmp_topics .container {
	width: 100%;
	padding: 0 20px;
}
#tmp_topics_cnt li a {
	width: auto;
	height: auto;
}
}
@media screen and (max-width : 768px) {
/* ==================================================
media - 768px
================================================== */
/* movie
================================================== */
.sp_only {
	display: block;
}
.sp_only img {
	max-width: 100%;
	height: auto;
}
#tmp_mv {
	margin-bottom: 33px;
}
#tmp_mv_source video {
	display: none;
}
#tmp_mv_source .player_btn {
	width: 45px;
	height: 45px;
	background: transparent url(/shared/site_rn2021/images/icon/player_icon.png) no-repeat top left !important;
	background-size: 100% 100% !important;
	-webkit-background-size: 100% 100% !important;
	-moz-background-size: 100% 100% !important;
	opacity: 1;
	visibility: visible;
}
#tmp_video_modal {
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
    z-index: 9999;
    display: none;
    opacity: 0;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
#tmp_video_modal.show {
	display: block;
	opacity: 1;
}
.modal_cnt {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	padding: 20px 10px;
}
.modal_cnt video {
	width: 100%;
	height: auto;
}
#tmp_video_modal .modal_close_btn {
	display: block;
	position: absolute;
    top: -22px;
    right: 20px;
	width: 42px;
	height: 42px;
	background: transparent url(/shared/site_rn2021/images/icon/close_icon.png) no-repeat center center;
	color: #000000;
	text-indent: -9999px;
	opacity: 0;
	visibility: hidden;
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
}
#tmp_video_modal .modal_close_btn.show {
	opacity: 1;
	visibility: visible;
}
.video_control {
	font-size: 87.5%;
	float:none;
	width:96%;
	margin:10px auto;
}
.video_control a:hover,
.video_control a:focus,
.video_control a:active {
	text-decoration: underline;
}
.video_control .mute,
.video_control .unmute,
.video_control .sub_link,
.video_control .mode_change {
	padding: 7px 9px 7px 9px;
	flex: 1 1 auto;
}
.video_control .mute,
.video_control .unmute {
	min-width: 19%;
	padding-top: 9px;
	padding-bottom: 9px;
}
.video_control .sub_link {
	min-width: 30%;
}
.video_control .mode_change {
	min-width: 51%;
}
.video_control .mute::after,
.video_control .unmute::after,
.video_control .sub_link::after {
	top: 8px;
	bottom: 8px;
}
#tmp_mv .video_ratio:before {
	display:none;
}
.video_scroll {
	display:none;
}
.mv_link {
	bottom: 0;
    right: 0;
}
.mv_link a {
	font-size:78.6%;
	background-position:bottom 6px right 8px;
	background-size:10px auto;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	padding-right:25px;
}
#tmp_video_modal .player_btn {
	position: absolute;
	display: block;
	width: 45px;
	height: 45px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.8);
	background: transparent url(/shared/site_rn2021/images/icon/player_icon.png) no-repeat top left;
	background-size: 100% 100%;
	color: #000000;
	text-indent: -9999px;
	opacity: 0;
	visibility: visible;
	transition: all 0.3s ease-in-out;
}
#tmp_video_modal .player_btn.sp_pause {
	background: transparent url(/shared/site_rn2021/images/icon/player_icon_paused.png) no-repeat top left;
	background-size: 100% 100%;
}
#tmp_video_modal .player_btn.show {
	opacity: 1;
	visibility: visible;
	transform: translate(-50%, -50%) scale(1);
	-webkit-transform: translate(-50%, -50%) scale(1);
	-moz-transform: translate(-50%, -50%) scale(1);
}
/* mainvs
================================================== */
.mv_thumb {
	display: none;
}
.mv_slider .mv_item .pc_disp {
	display: none;
}
.mv_slider .mv_item .sp_disp {
	display: block;
}
#tmp_mainvs {
	position: relative;
	margin-bottom: 30px;
}
.mv_gallery {
	position: relative;
	border:none;
}
.mv_slider .mv_item {
	position: relative;
	opacity: 1;
	visibility: visible;
	border: 1px solid #dbdbdb;
}
#tmp_mainvs .slick-arrow {
	bottom: -56px;
	top: auto;
	margin-top: 0;
	transform: none;
}
#tmp_mainvs .slick_control {
	padding:15px 40px;
	position:relative;
	text-align:center;
}
#tmp_mainvs .slick-dots {
	padding:0;
	margin:0 auto;
}
#tmp_mainvs .prev.slick-arrow,
#tmp_mainvs .slick-prev {
	bottom:0;
	left: 7px;
}
#tmp_mainvs .next.slick-arrow,
#tmp_mainvs .slick-next {
	bottom:0;
	right: 7px;
}
/* contents
==================================================*/
.block_ttl {
	margin-bottom:20px;
}
.block_ttl .ttl_en {
	font-size: 92.3%;
	padding-left: 0;
	padding-right: 67px;
	margin-bottom:4px;
}
.block_ttl .ttl_en::after {
	width:57px;
	right:1px;
}
.block_ttl h2 {
	font-size:150%;
}
#tmp_top_announcement {
	margin-bottom: 33px;
}
#tmp_topics {
	margin-bottom: 46px;
}
#tmp_topics .container{
	padding:0 10px;
}
#tmp_topics_ttl h2 {
	margin-left:-8px;
}
#tmp_topics_cnt {
	padding-bottom: 20px;
}
#tmp_topics_cnt ul {
	margin: 0 -4px;
}
#tmp_topics_cnt li {
	width: 33.3333333%;
	padding: 0 4px;
	margin-bottom: 4px;
	line-height:1.2;
}
#tmp_topics_cnt li a {
	padding: 6px 6px 0;
	width:29vw;
	height:29vw;
	min-height:92px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
#tmp_topics_cnt .topics_img {
	height: 15vw;
	padding-bottom:0;
}
#tmp_topics_cnt ul li {
	font-size: 92.3%;
	margin-bottom: 9px;
}
#tmp_topics_cnt ul li.topics_view_btn {
	padding-top: 21px;
	font-size:100%;
}
#tmp_topics_cnt li.topics_view_btn a,
.new_btn a {
	text-align:left;
	font-size: 85.7%;
	width:auto;
	min-width: 146px;
	min-height: 45px;
	height:auto;
	padding: 15px 34px 15px 14px;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
#tmp_topics_cnt li.topics_view_btn a:after,
.new_btn a:after {
	content:'';
	position: absolute;
	top:50%;
	right:10px;
	margin-top:-5px;
	display:block;
	width:22px;
	height:10px;
	background: url(/shared/site_rn2021/images/icon/arrow_fnavi_white.png) no-repeat right center;
	-webkit-background-size:100% auto;
	-moz-background-size:100% auto;
	background-size:100% auto;
}
#tmp_topics_cnt .topics_link_inner {
	height: 38px;
	text-align: center;
}
#tmp_topics_cnt li a::after {
	width: 16px;
	height: 9px;
	bottom: 5px;
	right: 5px;
}
#tmp_new {
	margin-bottom:40px;
}
.new_cnt {
	padding-bottom: 25px;
    min-height: 138px;
	font-size: 92.3%;
}
.new_item {
	position: relative;
	width: 270px !important;
	padding: 0 10px;
}
.new_item.active img {
	transform:none;
	-webkit-transform:none;
	-moz-transform:none;
}
.new_item.active .new_cnt:before {
	max-width:0;
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
.new_img img {
	-webkit-transition:none;
	-moz-transition:none;
	-o-transition:none;
	transition:none;
}
.new_tab {
	margin-top: 12px;
}
.new_ttl {
	margin-top: 3px;
	margin-bottom: 29px;
}
.new_cnt:after {
	width: 16px;
	height: 9px;
	bottom: 16px;
	right: 0;
}
.new_btn {
	margin-top: 20px;
}
.new_btn p {
	padding:8px 0;
}
#tmp_link_txt #tmp_link_ttl {
	padding:0;
}
#tmp_link_txt #tmp_link_ttl + .link_btn {
	margin: 0;
	padding:0 0 12px;
}
#tmp_link_txt .link_btn{
	margin: 0;
	padding:30px 0 15px;
}
.link_img_btn {
	margin: 0;
	padding:0 0 10px;
}
.link_btn li,
.link_img_btn li {
	width:100%;
	padding: 0;
	float: none;
	margin-bottom: 11px;
	font-size: 107.7%;
}
.link_btn li .link_item .link_txt a:hover,
.link_btn li .link_item .link_txt a:focus,
.link_btn li .link_item.active,
.link_btn li .link_item.active .link_txt a,
.link_img_btn li .link_item .link_txt a:hover,
.link_img_btn li .link_item .link_txt a:focus,
.link_img_btn li .link_item.active,
.link_img_btn li .link_item.active .link_txt a {
	color: inherit;
	background-color: transparent;
	border-color:#dbdbdb;
}
.link_img_btn li .link_item p{
	height: 90px;
}
.link_img_btn li .link_item .link_img,
.link_btn li .link_item .link_img {
	width:90px;
}
.link_btn li .link_item,
.link_img_btn li .link_item {
	transition: none;
	-moz-transition: none;
	-webkit-transition: none;
}
.link_img_btn li .link_item .link_txt a,
.link_btn li .link_item .link_txt a {
	padding:10px;
}
.link_btn li .link_item .link_img {
	height:90px;
}
.link_btn li .link_item .link_txt {
	height:70px;
}

#tmp_guidance {
	padding-top: 24px;
	padding-bottom: 87px;
}
#tmp_guidance_ttl {
	margin-bottom:24px;
}
#tmp_guidance .block_sub_ttl {
	font-size: 130.7%;
}
#tmp_guidance .block_ttl h2 {
	font-size: 121.4%;
}
.guidance_list {
	display: block;
	margin-top: 19px;
}
.guidance_list .guidance_sub_list {
	position: relative;
	width: 100% !important;
	padding: 0;
}
.guidance_list .guidance_sub_list:before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	top: -1px;
	left: 0;
	position: absolute;
	background-color: #326489;
	color: #000000;
}
.guidance_sub_list > div a {
	position: relative;
	font-size: 114.3%;
	pointer-events: auto;
}
.guidance_sub_list > div a:after {
	content: '';
	position: absolute;
	display: block;
	width: 17px;
	height: 17px;
	background: transparent url(/shared/site_rn2021/images/icon/plus_icon.png) no-repeat 0 center;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	top: 15px;
	right: 0;
}
.guidance_sub_list.active_item > div a:after {
	width: 17px;
	height: 17px;
	color: #222222;
	background: transparent url(/shared/site_rn2021/images/icon/minus_icon.png) no-repeat 0 center;
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
	-moz-background-size: 100% 3px;
	top: 15px;
	right: 0;
}
.guidance_sub_list .guidance_ttl_01 a {
	background: transparent url(/shared/site_rn2021/images/icon/guidance_icon01.png) no-repeat 1px 15px;
	background-size: 13px 15px;
	-webkit-background-size: 13px 15px;
	-moz-background-size: 13px 15px;
	padding: 10px 23px 7px;
}
.guidance_sub_list .guidance_ttl_02 a {
	background: transparent url(/shared/site_rn2021/images/icon/guidance_icon02.png) no-repeat 1px 15px;
	background-size: 16px 15px;
	-webkit-background-size: 16px 15px;
	-moz-background-size: 16px 15px;
	padding: 10px 23px 7px;
}
.guidance_sub_list .guidance_ttl_03 a {
	background: transparent url(/shared/site_rn2021/images/icon/guidance_icon03.png) no-repeat 1px 17px;
	background-size: 12px 15px;
	-webkit-background-size: 12px 15px;
	-moz-background-size: 12px 15px;
	padding: 10px 23px 7px;
}
.guidance_sub_list .guidance_ttl_04 a {
	background: transparent url(/shared/site_rn2021/images/icon/guidance_icon04.png) no-repeat 1px 15px;
	background-size: auto 14px;
	-webkit-background-size: auto 14px;
	-moz-background-size: auto 14px;
	padding: 10px 23px 7px;
}
.guidance_sub_list .guidance_ttl_05 a {
	background: transparent url(/shared/site_rn2021/images/icon/guidance_icon05.png) no-repeat 1px 15px;
	background-size: 13px 15px;
	-webkit-background-size: 13px 15px;
	-moz-background-size: 13px 15px;
	padding: 10px 23px 7px;
}
.guidance_sub_list ul {
	padding-top: 0;
	padding-left: 0;
	display: none;
}
.guidance_sub_list li {
	margin-bottom: 0;
	border-bottom: 1px solid #d9dddd;
}
.guidance_sub_list li:last-child {
	border-bottom: none;
}
.guidance_sub_list li a {
	display: block;
	text-decoration: none;
	background: transparent url(/shared/site_rn2021/images/icon/blue_arrow_icon.png) no-repeat 10px 16px;
	background-size: auto 10px;
	-webkit-background-size: auto 10px;
	-moz-background-size: auto 10px;
	padding-left: 29px;
	padding-top: 13px;
	padding-bottom: 7px;
}
/* ==================================================
external
================================================== */
#tmp_top_announcement ul li a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.new_ttl a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.link_img_btn li .link_item .link_txt a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.link_btn li .link_item .link_txt a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.guidance_sub_list li a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after {
	margin-top:3px;
}
#tmp_topics_cnt li a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after {
	width: 13px;
	height: 12px;
	bottom: 3px;
	right: 3px;
}
.link_img_btn li .link_item.active .link_txt a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.link_btn li .link_item.active .link_txt a[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]):after,
.active_item .thumb_item_wrap[href*="http"]:not([href*="www.city.kobe.lg.jp"]):not([href*="www-city-kobe-lg-jp.translate.goog"]) .thumb_link p:after {
	background:url(/shared/site_rn2021/images/icon/icon_external_link.png) no-repeat 0 0;
    -webkit-background-size: 15px auto;
    -moz-background-size: 15px auto;
    background-size: 15px auto;
}

/* ==================================================
No Javascript
================================================== */
.no_javascript .mv_slider {
	height: 320px;
}
.no_javascript .mv_number {
	display: none;
}
.no_javascript .guidance_sub_list ul {
	display: block;
}
.no_javascript .guidance_sub_list {
	margin-bottom: 20px;
}
}