@charset "utf-8";

/* ==================================================
contents
================================================== */
.recommend_top #tmp_wrap_navigation {
	margin: 35px 0 4px;
}
.recommend_top #tmp_pankuzu{
	padding: 0 21px 16px;
}
.recommend_top .col_main{
	padding: 0
}
#tmp_latest_articles h2,
#tmp_pickup h2,
#tmp_public_media h2,
#tmp_recommended_content h2{
	position: relative;
    text-align: center;
	font-size: 133.33%;
}
#tmp_latest_articles h2:after,
#tmp_pickup h2:after,
#tmp_public_media h2:after {
    content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    left: 50%;
    bottom: -7px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #000000;
}
#tmp_pickup h2:after{
	bottom: -3px;
}
#tmp_recommended_content h2:after{
	content: '';
    position: absolute;
    width: 120px;
    height: 4px;
    left: 50%;
    bottom: -9px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    background: #ffffff;
}
.hyogo_banner{
	margin-bottom: 5px;
}
#tmp_article_menu{
	color: #333333;
	background-color: #e9e9e9;
	border-top: 1px solid #333333;
	padding: 44px 20px 35px;
}
#tmp_article_menu h2{
	text-align: center;
	font-size: 100%;
	line-height: 1.5;
	margin-bottom: 19px;
}
#tmp_article_menu h2 span{
	position: relative;
	display: inline-block;
	padding: 3px 21px 0 20px;
}
#tmp_article_menu h2 span:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 18px;
	background: transparent url(/shared/templates/recommend_rn/images/open_ttl_icon.png) no-repeat;
	background-size: 10px auto;
}
#tmp_article_menu h2 span:after{
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10px;
	height: 18px;
	background: transparent url(/shared/templates/recommend_rn/images/close_ttl_icon.png) no-repeat;
	background-size: 10px auto;
}
#tmp_article_menu .article_list{
	list-style: none;
	margin: 0 -2.5px;
}
#tmp_article_menu .article_list li{
	display: block;
	float: left;
	width: 16.66%;
	padding: 0 2.5px;
	margin: 0 0 4px;
}
#tmp_article_menu .article_list li:nth-child(6n+1){
	clear: left;
}
#tmp_article_menu .article_list li:nth-child(6n){
	clear: right;
}
#tmp_article_menu .article_list li a{
	position: relative;
	display: block;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	min-height: 40px;
	font-size: 88.88%;
	color: #333333;
	background-color: #ffffff;
	border: 1px solid #333333;
	padding: 9px 5px 5px;
	transition: 0.2s all ease-in-out;
	-moz-transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}
#tmp_article_menu .article_list li a:hover,
#tmp_article_menu .article_list li a:focus,
#tmp_article_menu .article_list li a:active{
	color: #333333;
	background-color: #e0f9ff;
	border-color: #005a71;
}
#tmp_latest_articles{
	padding: 73px 0 0;
	overflow: hidden;
}
#tmp_latest_articles .article_menu_link{
	display: none;
}
#tmp_latest_articles .article_wrap{
	padding: 35px 0 0;
	overflow: hidden;
}
#tmp_latest_articles .article_box {
	border-top: 1px solid #333333;
	position:relative;
}
#tmp_latest_articles .article_box::before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	width: 208px;
	height:100%;
}
#tmp_latest_articles .article_box .article_lft_box {
	float: left;
	width: 208px;
    text-align: center;
	position: relative;
	color: #333333;
}
#tmp_live_article.article_box .article_live_gallery,
#tmp_manubu_article.article_box .article_manubu_gallery,
#tmp_working_article.article_box .article_working_gallery,
#tmp_active_article.article_box .article_active_gallery{
	overflow: hidden;
	width: calc(100% - 208px);
	padding: 41px 19px 0 23px;
}
#tmp_latest_articles .article_lft_box .article_lft_cnt{
	padding: 70px 9px 79px;
}
#tmp_latest_articles .article_lft_box .article_lft_des{
	line-height: 1.3;
	font-weight: bold;
	padding: 0 0 0 10px;
	margin: 0 0 27px;
}
#tmp_latest_articles .article_lft_box .article_lft_des span{
	display: block;
}
#tmp_latest_articles .article_lft_cnt .article_lft_ttl{
	margin: 0 0 35px;
}
#tmp_latest_articles .article_lft_ttl h3{
	position: relative;
	font-size: 2.625rem;
}
#tmp_latest_articles .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	position: relative;
	display: block;
	top: 0;
	left: 50%;
	color: inherit;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
}
#tmp_live_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 79px;
	height: 69px;
	margin: 0 0 20px;
	background: transparent url(/shared/templates/recommend_top_rn/images/live_img.png) no-repeat;
}
#tmp_manubu_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 79px;
	height: 72px;
	margin: 0 0 18px;
	background: transparent url(/shared/templates/recommend_top_rn/images/manabu_img.png) no-repeat;
}
#tmp_working_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 76px;
	height: 77px;
	margin: 0 0 16px;
	background: transparent url(/shared/templates/recommend_top_rn/images/working_img.png) no-repeat;
}
#tmp_active_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 78px;
	height: 77px;
	margin: 0 0 18px;
	background: transparent url(/shared/templates/recommend_top_rn/images/active_img.png) no-repeat;
}
#tmp_latest_articles .article_lft_btn a{
	position: relative;
	display: block;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
	width: 180px;
	color: #ffffff;
	background: #333333;
	border: 2px solid #333333;
	font-size: 88.88%;
	padding: 2px 14px 1px 2px;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
#tmp_latest_articles .article_lft_btn a:after{
	content: '';
    position: absolute;
	top: 9px;
    right: 2px;
    width: 6px;
	height: 11px;
	color: inherit;
	background: transparent url(/shared/site_rn/images/icon/arrow_btn_white.png) no-repeat;
}
#tmp_latest_articles .article_lft_btn a:hover,
#tmp_latest_articles .article_lft_btn a:focus{
	border-color: #005a71;
	transition: 0.3s all ease-in-out;
	-moz-transition: 0.3s all ease-in-out;
	-webkit-transition: 0.3s all ease-in-out;
}
#tmp_latest_articles .article_lft_btn a:hover,
#tmp_latest_articles .article_lft_btn a:focus{
	text-decoration: none;
	color: #222222;
	background-color: #e0f9ff;
}
#tmp_latest_articles .article_lft_btn a:hover:after,
#tmp_latest_articles .article_lft_btn a:focus:after{
	background: transparent url(/shared/site_rn/images/icon/arrow_btn_black.png) no-repeat;
}
#tmp_live_article .article_live_slider,
#tmp_manubu_article .article_manubu_slider,
#tmp_working_article .article_working_slider,
#tmp_active_article .article_active_slider{
	margin: 0 -6px;
	overflow: hidden;
	opacity: 0;
}
.article_box {
	overflow: hidden;
}
#tmp_live_article .article_live_slider.slick-initialized,
#tmp_manubu_article .article_manubu_slider.slick-initialized,
#tmp_working_article .article_working_slider.slick-initialized,
#tmp_active_article .article_active_slider.slick-initialized{
	visibility: visible;
	opacity: 1;
}
#tmp_live_article .article_live_slider .slick-track,
#tmp_manubu_article .article_manubu_slider .slick-track,
#tmp_working_article .article_working_slider .slick-track,
#tmp_active_article .article_active_slider .slick-track{
	margin-left:0;
	margin-right:0;
}
#tmp_latest_articles .article_slider_item {
	width: 33.33%;
	float: left;
	padding: 0 6px;
	margin: 0 0 10px;
}
#tmp_latest_articles .article_slider_item .article_slider_cnt{
	position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
    box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
}
#tmp_latest_articles .article_slider_item .article_slider_cnt:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
	z-index: 1;
    border: 3px solid transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
#tmp_latest_articles .article_slider_item .article_slider_cnt.active:after{
	border-color: #005a71;
}
.article_slider_cnt .article_txt{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 3;
	padding: 0 13px 11px;
    color: #ffffff;
	background-color: transparent;
	text-shadow: rgb(0, 0, 0) 1px 0 0, rgb(0, 0, 0) 0.540302px 0.841471px 0, rgb(0, 0, 0) -0.416147px 0.909297px 0, rgb(0, 0, 0) -0.989992px 0.14112px 0, rgb(0, 0, 0) -0.653644px -0.756802px 0, rgb(0, 0, 0) 0.283662px -0.958924px 0, rgb(0, 0, 0) 0.96017px -0.279415px 0;
}
.article_slider_cnt .article_txt:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 134px;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: -moz-linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
	background: linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
}
.article_slider_cnt .article_txt .post_ttl{
	font-weight: bold;
	max-height: 170px;
	overflow-y: auto;
	padding: 1px 0;
}
.article_slider_cnt .article_txt .post_ttl a{
	color: inherit;
	background-color: transparent;
	text-decoration: none;
	line-height: 1.2;
	display:block;
}
.article_slider_cnt .article_txt .update_date{
	margin: 0 0 5px;
	font-size: 77.77%;
}
.article_slider_cnt .news_label{
	position: absolute;
    top: 2px;
    right: 2px;
}
.article_slider_cnt .news_label img{
	width: 58px;
	height: auto;
}
.article_slider_wrap .article_group_link{
	padding: 2px 0;
}
#tmp_latest_articles .article_slider_wrap .article_group_link ul {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}
.article_slider_wrap .article_group_link ul li{
    float: left;
    margin: 0 1px 4px 0;
}
.article_slider_wrap .article_group_link ul li:last-child{
	margin-right: -1px;
}
.article_group_link li{
    display: inline-block;
    text-decoration: none;
    font-size: 77.77%;
    border: 2px solid #e2e2e2;
    color: #333333;
    background-color: #ffffff;
    padding: 3px 2px;
    line-height: 1;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
.article_group_link .more_btn{
    background-color: #d2d2d2;
    border-color: #d2d2d2;
}
#tmp_latest_articles .slick_control{
    position: relative;
    margin: 17px 0;
    float: right;
    padding: 0 50px 3px;
}
#tmp_latest_articles .slick_control .slick-dots{
	padding: 0 0 0 28px;
}
#tmp_latest_articles .slick-prev,
#tmp_latest_articles .slick-next {
	width: 60px;
	height: 20px;
	padding: 7px;
    top: auto;
}
#tmp_latest_articles .slick-prev {
    left: -25px;
    bottom: -22px;
}
#tmp_latest_articles .slick-next {
    right: -4px;
    bottom: -22px;
}
#tmp_latest_articles .slick-next:focus,
#tmp_latest_articles .slick-prev:focus{
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
#tmp_latest_articles .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 10px;
}
#tmp_latest_articles .slick-dots li a {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	border: 0;
	outline: none;
	color: #153368;
	background-color: #dadada;
	text-indent: -1987em;
}
#tmp_latest_articles .slick-dots .slick-active a,
#tmp_latest_articles .slick-dots a:hover {
	color: #cfdaf0;
	background-color: #028bad;
}
#tmp_latest_articles .slick-dots a:focus {
	outline-color: #000000;
    outline-offset: 0;
    outline-style: auto;
    outline-width: 5px;
}
#tmp_latest_articles .slick-dots li a span{
	width: 10px;
	height: 10px;
	padding: 0;
	display: block;
	position: relative;
	z-index: -1;
	text-indent: -9999px;
}
#tmp_latest_articles .btn_slides{
    position: relative;
    margin-right: 0;
    font-weight: bold;
    text-transform: uppercase;
    border: 0;
    cursor: pointer;
    min-width: 10px;
	top: 1px;
	left: 8px;
    text-align: center;
}
#tmp_latest_article .btn_slides span{
	z-index: 10;
	text-indent: inherit;
	opacity: 0;
    position: relative;
    max-width: 10px;
	height: 10px;
	top: -2px;
    left: -4px;
    overflow: hidden;
}
#tmp_latest_articles .btn_slides a{
	display: block;
    position: relative;
    width: 10px;
    height: 10px;
	font-size: 75%;
}
#tmp_latest_articles .btn_slides a:focus {
	outline-color: #000000 !important;
    outline-offset: 3px;
    outline-style: auto !important;
    outline-width: 1px !important;
}
#tmp_latest_articles .btn_slides span {
    z-index: 10;
    text-indent: inherit;
    opacity: 0;
    position: relative;
    width: 10px;
    height: 10px;
	top: -3px;
    left: -4px;
    overflow: hidden;
}
#tmp_latest_articles .btn_slides a span{
	padding: 1px 0 0 5px;
	display: inline-block;
}
.btn_slides.stop span,
.btn_slides.start span {
	color: #0c2c63;
	background: transparent;
}
#tmp_latest_articles .btn_slides a:before,
#tmp_latest_articles .btn_slides a:after {
    content: '';
    width: 3px;
    height: 10px;
    position: absolute;
    background-color: #000000;
}
#tmp_latest_articles .btn_slides a:after {
    right: 2px;
    left: auto;
}
#tmp_latest_articles .btn_slides.start a:before {
	display: none;
}
#tmp_latest_articles .btn_slides.start a:after {
    width: 0;
    height: 0;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 9px solid #000000;
    background-color: transparent;
}
#tmp_active_article{
	border-bottom: 1px solid #333333;
}
#tmp_latest_articles #tmp_live_article.article_box::before,
#tmp_live_article .article_lft_box{
	background-color: #e8f8e6;
	border-left: 8px solid #4ece3c;
}
#tmp_latest_articles #tmp_manubu_article.article_box::before,
#tmp_manubu_article .article_lft_box{
	background-color: #e5f4f6;
	border-left: 8px solid #31cddd;
}
#tmp_latest_articles #tmp_active_article.article_box::before,
#tmp_active_article .article_lft_box{
	background-color: #f7edef;
	border-left: 8px solid #f991a3;
}
#tmp_latest_articles #tmp_working_article.article_box::before,
#tmp_working_article .article_lft_box{
	background-color: #fdfce6;
	border-left: 8px solid #f9ef57;
}
#tmp_pickup{
	padding: 52px 0 0;
}
#tmp_pickup .pickup_list{
	padding:37px 20px 20px;
}
#tmp_pickup .pickup_list ul{
	list-style: none;
	margin: 0 -10px;
}
#tmp_pickup .pickup_list ul li{
	float: left;
	width: 50%;
	padding: 0 10px;
}
#tmp_pickup .pickup_list ul li:nth-child(2n+1){
	clear: left;
}
#tmp_pickup .pickup_list ul li:nth-child(2n){
	clear: right;
}
#tmp_pickup .pickup_list .pickup_item .pickup_item_img{
	position: relative;
	transition: 0.2s all ease-in-out;
	-moz-transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}
#tmp_pickup .pickup_list .pickup_item.active a{
	text-decoration: underline;
	transition: 0.2s all ease-in-out;
	-moz-transition: 0.2s all ease-in-out;
	-webkit-transition: 0.2s all ease-in-out;
}
#tmp_pickup .pickup_item_ttl{
    position: relative;
    display: table;
    width: 90%;
    color: #ffffff;
    background-color: #333333;
	border:1px solid #333333;
    z-index: 3;
    padding: 8px 10px 8px 12px;
    margin: -20px 0 18px;
}
#tmp_pickup .pickup_item_ttl a{
	display:block;
	text-decoration: none;
	color: #ffffff;
    font-size: 133.33%;
	background-color: transparent;
	font-weight: bold;
	line-height: 1.2;
}
#tmp_pickup .pickup_item_ttl a span {
    display: table-cell;
    vertical-align: middle;
    height: 52px;
}
#tmp_public_media{
	padding: 49px 0 58px;
}
#tmp_public_media .public_media_list{
	padding: 33px 20px 20px;
}
#tmp_public_media .public_media_list ul{
	list-style: none;
	margin: 0 -11px;
}
#tmp_public_media .public_media_list ul li{
	width: 33.33%;
	float: left;
	padding: 0 11px;
}
#tmp_public_media .public_media_list ul li:nth-child(3n+1){
	clear: left;
}
#tmp_public_media .public_media_list ul li:nth-child(3n){
	clear: right;
}
#tmp_public_media li .public_media_ttl p{
	display: table;
	width: 100%;
    position: relative;
    font-size: 111.11%;
    padding: 10px 5px 6px 10px;
	font-weight: bold;
	margin: 0 0 38px;
	border: 3px solid #333333;
}
#tmp_public_media li .public_media_ttl p span{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
#tmp_public_media li .public_media_ttl p:before{
	position: absolute;
	content: "";
	bottom: -18px;
	left: 50%;
	transform: translate(-50%,0);
	border-width: 20px 10px 0;
	border-style: solid;
	border-color: #333333 transparent transparent;
}
#tmp_public_media li .public_media_ttl p:after{
	position:absolute;
	content:"";
    bottom: -11px;
    border-width: 21px 10px 0;
    border-style: solid;
    border-color:#ffffff transparent transparent;
	left:50%;
	transform:translate(-50%,0);
}
#tmp_public_media .public_media_img{
	position: relative;
	overflow: hidden;
	box-shadow: 0 0 6px 0 rgba(34, 34, 34, 0.5);
	-webkit-box-shadow: 0 0 6px 0 rgba(34, 34, 34, 0.5);
	-moz-box-shadow: 0 0 6px 0 rgba(34, 34, 34, 0.5);
}
#tmp_public_media .public_media_img a{
	position: relative;
	display: block;
	transition: 0.3s ease-in-out all;
	-webkit-transition: 0.3s ease-in-out all;
	-moz-transition: 0.3s ease-in-out all;
}
#tmp_public_media .public_media_img a:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 3px solid transparent;
	transition: 0.3s ease-in-out all;
	-webkit-transition: 0.3s ease-in-out all;
	-moz-transition: 0.3s ease-in-out all;
}
#tmp_public_media .public_media_img a:hover:after,
#tmp_public_media .public_media_img a:active:after,
#tmp_public_media .public_media_img a:focus:after{
	border-color: #005a71;
}
#tmp_recommended_content{
	color: #ffffff;
	background-color: #333333;
	padding: 64px 0 55px;
	margin: 0 0 43px;
}
#tmp_recommended_content .recommended_list{
	padding: 43px 20px 35px;
}
#tmp_recommended_content .recommended_list ul{
	list-style: none;
	margin: 0 -10px;
}
#tmp_recommended_content .recommended_list ul li{
	width: 20%;
	float: left;
	padding: 0 10px;
	margin: 0 0 23px;
}
#tmp_recommended_content .recommended_list ul li:nth-child(5n+1){
	clear: left;
}
#tmp_recommended_content .recommended_list ul li:nth-child(5n){
	clear: right;
}
#tmp_recommended_content .recommended_item{
	position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
    -moz-box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
    box-shadow: 0 0 3px 0 rgba(34, 34, 34, 0.5);
}
#tmp_recommended_content .recommended_item a{
	display: block;
}
#tmp_recommended_content .recommended_item a:after{
	content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    border: 3px solid transparent;
    transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
}
#tmp_recommended_content .recommended_item a:hover:after,
#tmp_recommended_content .recommended_item a:active:after,
#tmp_recommended_content .recommended_item a:focus:after,
#tmp_recommended_content .recommended_item.active a:after{
	border-color: #005a71;
}
#tmp_recommended_content .recommended_item .recommended_img {
	display:block;
}
#tmp_recommended_content .recommended_item .recommended_txt{
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    padding: 0 5px 5px;
    font-size: 88.88%;
    color: #ffffff;
	background-color: transparent;
	font-weight: bold;
    text-shadow: rgb(0, 0, 0) 1px 0 0, rgb(0, 0, 0) 0.540302px 0.841471px 0, rgb(0, 0, 0) -0.416147px 0.909297px 0, rgb(0, 0, 0) -0.989992px 0.14112px 0, rgb(0, 0, 0) -0.653644px -0.756802px 0, rgb(0, 0, 0) 0.283662px -0.958924px 0, rgb(0, 0, 0) 0.96017px -0.279415px 0;
}
#tmp_recommended_content .recommended_item .recommended_txt:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 80px;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: -moz-linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
    background: linear-gradient(0deg, rgba(26, 25, 25,0.9) 0%, rgba(113,113,113,0.5) 70%, rgba(255,255,255,0) 100%);
}
#tmp_recommended_content .recommended_item .recommended_txt .recommended_txt_inner{
	display: block;
	color: inherit;
    background-color: transparent;
	text-decoration: none;
	max-height: 110px;
	overflow-y: auto;
	padding: 1px 0;
}
#tmp_recommended_content .recommended_btn{
	text-align: center;
}
#tmp_recommended_content .recommended_btn a{
	position: relative;
	padding: 6px 36px;
    text-align: center;
	display: inline-block;
	font-weight: bold;
    color: #ffffff;
    border: 1px solid #ffffff;
    text-decoration: none;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
#tmp_recommended_content .recommended_btn a:before {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    content: '';
    border: 1px solid transparent;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
#tmp_recommended_content .recommended_btn a:after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -5px;
    width: 6px;
    height: 11px;
    display: inline-block;
    color: inherit;
    background: transparent url(/shared/site_rn/images/icon/arrow_btn_white.png) no-repeat;
}
#tmp_recommended_content .recommended_btn a:hover,
#tmp_recommended_content .recommended_btn a:focus {
    color: #222222;
    background-color: #e0f9ff;
    border-color: #005a71;
    text-decoration: none;
    transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}
#tmp_recommended_content .recommended_btn a:hover:before,
#tmp_recommended_content .recommended_btn a:focus:before{
	border-color: #005a71;
}
#tmp_recommended_content .recommended_btn a:hover:after,
#tmp_recommended_content .recommended_btn a:focus:after{
	background: transparent url(/shared/site_rn/images/icon/arrow_btn_blue.png) no-repeat;
}
.article_group_link p a:hover,
.article_group_link p a:focus,
.article_group_link p a:active{
	text-decoration: underline;
}
#tmp_pickup .pickup_list ul:after,
#tmp_public_media .public_media_list ul:after,
#tmp_public_media .public_media_list ul:after,
#tmp_recommended_content .recommended_list ul:after,
#tmp_article_menu .article_list:after,
#tmp_latest_articles .article_box:after,
.article_group_link ul{
	content: '';
	display: table;
	clear: both;
}
.hyogo_banner_pc img,
#tmp_latest_articles .article_slider_cnt .article_img img,
#tmp_pickup .pickup_list .pickup_item .pickup_item_img img,
#tmp_public_media .public_media_img img,
#tmp_recommended_content .recommended_item .recommended_img img{
	width: 100%;
    height: auto;
}

/* ==================================================
accessibility style change:color
================================================== */
/* change_color commons
================================================== */
.color_blue #tmp_wrap_main .hyogo_banner h1,
.color_yellow #tmp_wrap_main .hyogo_banner h1,
.color_black #tmp_wrap_main .hyogo_banner h1{
	background: #ffffff url(/shared/templates/recommend_top_rn/images/banner_top.jpg) no-repeat !important;
}
.color_blue #tmp_wrap_main .hyogo_banner h1 span,
.color_yellow #tmp_wrap_main .hyogo_banner h1 span,
.color_black #tmp_wrap_main .hyogo_banner h1 span{
	z-index: -1 !important;
}
/* ==================================================
accessibility style change:font-size
================================================== */
.fsize_small #tmp_latest_articles .slick_control{
	margin: 17px 0;
}
.fsize_small #tmp_wrapper #tmp_latest_articles .article_lft_btn a:after{
	top: 5px;
}
.fsize_big #tmp_wrapper #tmp_latest_articles .article_lft_btn a:after{
	top: 9px;
}
.fsize_big2 #tmp_wrapper #tmp_latest_articles .article_lft_btn a:after{
	top: 13px;
}
.fsize_big2 .article_slider_cnt .article_txt .post_ttl{
	max-height: 93px;
}
/* ==================================================
no_javascript / furigana
================================================== */
.no_javascript #tmp_live_article .article_live_slider,
.no_javascript #tmp_manubu_article .article_manubu_slider,
.no_javascript #tmp_working_article .article_working_slider,
.no_javascript #tmp_active_article .article_active_slider,
.furigana_on #tmp_live_article .article_live_slider,
.furigana_on #tmp_manubu_article .article_manubu_slider,
.furigana_on #tmp_working_article .article_working_slider,
.furigana_on #tmp_active_article .article_active_slider {
    visibility: visible !important;
    opacity: 1 !important;
}
.no_javascript #tmp_live_article.article_box .article_live_gallery,
.no_javascript #tmp_manubu_article.article_box .article_manubu_gallery,
.no_javascript #tmp_working_article.article_box .article_working_gallery,
.no_javascript #tmp_active_article.article_box .article_active_gallery,
.furigana_on #tmp_live_article.article_box .article_live_gallery,
.furigana_on #tmp_manubu_article.article_box .article_manubu_gallery,
.furigana_on #tmp_working_article.article_box .article_working_gallery,
.furigana_on #tmp_active_article.article_box .article_active_gallery {
    visibility: visible !important;
    opacity: 1 !important;
	padding: 30px 0 30px 12px;
}
.no_javascript #tmp_live_article .article_live_slider,
.no_javascript #tmp_manubu_article .article_manubu_slider,
.no_javascript #tmp_working_article .article_working_slider,
.no_javascript #tmp_active_article .article_active_slider,
.furigana_on #tmp_live_article .article_live_slider,
.furigana_on #tmp_manubu_article .article_manubu_slider,
.furigana_on #tmp_working_article .article_working_slider,
.furigana_on #tmp_active_article .article_active_slider {
    visibility: visible !important;
    opacity: 1 !important;
	max-height: 335px !important;
    overflow-y: auto !important;
	margin: 0;
}
.no_javascript #tmp_latest_articles .article_slider_item,
.furigana_on #tmp_latest_articles .slick-slide {
	float: none !important;
	display:inline-block;
	vertical-align:top;
	width:32% !important;
}
.no_javascript #tmp_latest_articles .article_slider_item,
.furigana_on #tmp_latest_articles .article_slider_item {
	float: none;
	display:inline-block;
	vertical-align:top;
	padding: 0 6px 0 0;
	margin: 0 0 38px !important;
}
.no_javascript .article_slider_cnt .article_txt .post_ttl a {
	text-decoration:underline;
}
.no_javascript .article_slider_cnt .article_txt .post_ttl a:hover {
	text-decoration:none;
}
.furigana_on #tmp_latest_articles .slick-slider .slick-track {
	transform:none !important;
	width:auto !important;
}
.furigana_on #tmp_latest_articles .slick-slide.slick-cloned {
	display:none !important;
}
.furigana_on #tmp_latest_articles .slick_control {
	display:none !important;
}
/* ==================================================
IE
================================================== */
@media all and (-ms-high-contrast:none){
	.article_slider_cnt .article_txt{
		padding-bottom: 8px;
	}
	.article_slider_cnt .article_txt .post_ttl{
		padding: 5px 0;
	}
	.article_slider_cnt .article_txt .update_date{
		margin-bottom: 0;
	}
}
/* ==================================================
print
================================================== */
@media print {
/* for Firefox */
#tmp_main:after,
.col_nm:after {
	content:""; /* 変更しない */
	height:1px; /* 変更しない */
}
}