@charset "utf-8";
@media screen and (max-width : 640px) {
.no_javascript #tmp_wrap_header:before {
	display: none;
}
.recommend_top #tmp_wrap_navigation{
	margin: 0;
}
#tmp_latest_articles h2,
#tmp_pickup h2,
#tmp_public_media h2,
#tmp_recommended_content h2{
	font-size: 128.57%;
}
.recommend_top #tmp_pankuzu{
	padding: 0 0 15px;
}
.hyogo_banner{
	margin: 0 0 6px;
}
#tmp_article_menu{
	padding: 24px 10px 21px;
	border-width: 2px;
}
#tmp_article_menu h2{
	font-size: 107.14%;
	margin-bottom: 16px;
}
#tmp_article_menu h2 span:before {
	left: 7px;
}
#tmp_article_menu h2 span:after {
	right: 8px;
}
#tmp_article_menu .article_list {
	margin: 0 -1.5px;
}
#tmp_article_menu .article_list li {
	width: 33.33%;
	padding: 0 1.5px;
	margin: 0 0 7px;
}
#tmp_article_menu .article_list li:nth-child(3n+1) {
	clear: left;
}
#tmp_article_menu .article_list li:nth-child(3n) {
	clear: right;
}
#tmp_article_menu .article_list li a{
	font-size: 85.71%;
	min-width: 99px;
	min-height: 25px;
	padding: 4px 0 3px;
}
#tmp_latest_articles {
	padding: 39px 0 0;
}
#tmp_latest_articles .article_menu_link{
	display: block;
	padding: 0 10px;
	margin: 26px 0 0;
}
#tmp_latest_articles .article_menu_link ul{
	list-style: none;
	margin: 0 -2px;
}
#tmp_latest_articles .article_menu_link ul:after{
	content: '';
	display: table;
	clear: both;
}
#tmp_latest_articles .article_menu_link ul li{
	float: left;
	width: 50%;
	padding: 0 2px;
	margin: 0 0 5px;
}
#tmp_latest_articles .article_menu_link ul li:nth-child(2n+1){
	clear: left;
}
#tmp_latest_articles .article_menu_link ul li:nth-child(2n){
	clear: right;
}
#tmp_latest_articles .article_menu_link ul li a{
	position: relative;
	text-decoration: none;
	display: block;
	font-weight: bold;
	text-align: center;
	font-size: 107.14%;
	color: #333333;
	padding: 9px 38px 10px 29px;
}
#tmp_live_menu{
	background-color: #40d42c;
}
#tmp_manubu_menu{
	background-color: #2fd1e0;
}
#tmp_working_menu{
	background-color: #fff559;
}
#tmp_active_menu{
	background-color: #ff94a8;
}
#tmp_latest_articles .article_menu_link ul li a:after{
	content: '';
	position: absolute;
	width: 26px;
	height: 26px;
	top: 7px;
	right: 8px;
	color: inherit;
	background: transparent url(/shared/templates/recommend_top_rn/images/article_menu_icon.png) no-repeat;
	background-size: 26px auto;
	-webkit-background-size: 26px auto;
	-moz-background-size: 26px auto;
}
#tmp_latest_articles .article_wrap {
	padding: 16px 0 0;
}
#tmp_latest_articles .article_box{
	border-top-width: 2px;
}
#tmp_latest_articles .article_box::before {
	display:none;
}
#tmp_latest_articles .article_lft_box{
	border-left: none;
}
#tmp_latest_articles .article_box .article_lft_box {
	position: relative;
	width: 100%;
	float: none;
	clear: both;
	text-align:left;
}
#tmp_latest_articles .article_box .article_lft_box::after {
	display:none;
}
#tmp_latest_articles .article_box .article_lft_box:before{
	content: '';
	position: absolute;
	width: 20px;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1;
	color: inherit
}
#tmp_live_article .article_lft_box:before{
	background-color: #4ece3c;
}
#tmp_manubu_article .article_lft_box:before{
	background-color: #31cddd;
}
#tmp_active_article .article_lft_box:before{
	background-color: #f991a3;
}
#tmp_working_article .article_lft_box:before{
	background-color: #f9ef57;
}
#tmp_active_article{
	border-bottom: 2px solid #333333;
}
#tmp_latest_articles .article_lft_box .article_lft_cnt {
	padding: 21px 0 24px;
	text-align:left;
}
#tmp_latest_articles .article_lft_box .article_lft_des{
	font-size: 121.42%;
	margin: 0;
}
#tmp_latest_articles .article_lft_box .article_lft_des span{
	display: inline-block;
}
#tmp_latest_articles .article_box .article_live_gallery,
#tmp_latest_articles .article_box .article_manubu_gallery,
#tmp_latest_articles .article_box .article_working_gallery,
#tmp_latest_articles .article_box .article_active_gallery{
	width: 100%;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}
#tmp_latest_articles .slick_control {
	margin: 0 auto 0;
	padding: 0 45px !important;
	float: none;
	max-width: 300px;
}
#tmp_latest_articles .slick-dots {
	margin-left: 6px;
	max-width: 185px;
}
#tmp_latest_articles .slick-dots li {
	width: 12px;
	height: 12px;
	margin: 0 7px 2px !important;
}
#tmp_latest_articles .slick_control .slick-dots {
	padding: 8px 0 8px 14px;
}
#tmp_latest_articles .slick-prev{
	left: -14px;
	bottom: -17px;
}
#tmp_latest_articles .slick-next{
	right: -14px;
	bottom: -17px;
}
#tmp_latest_articles .slick-dots li a{
	width: 12px;
	height: 12px;
}
#tmp_latest_articles .btn_slides {
	display: inline-block;
	vertical-align: middle;
	left: 0;
	top: 0;
}
#tmp_latest_articles .article_lft_cnt .article_lft_ttl{
	margin: 0 0 22px;
	padding: 4px 20px 0;
	text-align:center;
}
#tmp_latest_articles .article_lft_ttl h3{
	font-size: 257.14%;
}
#tmp_latest_articles .article_lft_cnt .article_lft_ttl h3:before{
	top: 12px;
	left: 0;
	display: inline-block;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
}
#tmp_live_article .article_lft_cnt .article_lft_ttl h3:before {
	content: '';
	width: 54px;
	height: 47px;
	margin: 0 21px 0 0;
	background-size: 54px 47px;
	-webkit-background-size: 54px 47px;
	-moz-background-size: 54px 47px;
}
#tmp_manubu_article .article_lft_cnt .article_lft_ttl h3:before {
	content: '';
	width: 55px;
	height: 50px;
	margin: 0 16px 0 0;
	background-size: 55px 50px;
	-webkit-background-size: 55px 50px;
	-moz-background-size: 55px 50px;
}
#tmp_working_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 53px;
	height: 53px;
	margin: 0 12px 0 0;
	background-size: 53px 53px;
	-webkit-background-size: 53px 53px;
	-moz-background-size: 53px 53px;
}
#tmp_active_article .article_lft_cnt .article_lft_ttl h3:before{
	content: '';
	width: 54px;
	height: 53px;
	margin: 0 11px 0 0;
	background-size: 54px 53px;
	-webkit-background-size: 54px 53px;
	-moz-background-size: 54px 53px;
}
#tmp_latest_articles .article_lft_btn{
	padding-left:20px;
}
#tmp_latest_articles .article_lft_btn a {
	font-size: 107.14%;
	margin: 32px 45px 0;
	width: auto;
	padding: 4px 13px 4px 6px;
}
#tmp_latest_articles .article_lft_btn a:after{
	top: 10px;
	right: 5px;
}
#tmp_latest_articles .article_slider_cnt .article_txt .update_date{
	font-size: 0.75rem;
}
.article_slider_cnt .article_txt .post_ttl {
	max-height:100px;
}
.article_slider_cnt .article_txt{
	text-align: left;
}
#tmp_latest_articles .article_slider_wrap .article_group_link {
	padding: 5px 0;
}
#tmp_latest_articles .article_group_link li{
	font-size: 85.71%;
}
#tmp_latest_articles .article_slider_cnt .news_label{
	font-size: 107.14%;
}
#tmp_pickup {
	padding: 47px 0 0;
}
#tmp_pickup .pickup_list {
	padding: 33px 10px 0;
}
#tmp_pickup .pickup_item_ttl{
	width: 90%;
	padding: 13px 10px 10px 7px;
	margin: -14px 0 12px;
}
#tmp_pickup .pickup_item_ttl a span{
	height: auto;
}
#tmp_pickup .pickup_list ul li{
	width: 100%;
	float: none;
	margin: 0 0 31px;
}
#tmp_pickup .pickup_item_ttl a{
	font-size: 107.14%;
}
#tmp_public_media {
	padding: 20px 0 5px;
}
#tmp_public_media .public_media_list {
	padding: 40px 10px 20px;
}
#tmp_public_media .public_media_list ul li{
	width: 100%;
	float: none;
	margin: 0 0 17px;
}
#tmp_public_media .public_media_list ul li:after{
	content: '';
	display: table;
	clear: both;
}
#tmp_public_media li .public_media_ttl{
	width: 47%;
	float: left;
	padding: 0 16px 0 0;
}
#tmp_public_media li .public_media_ttl p{
	font-size: 107.14%;
	padding: 10px 2px;
	margin: 0;
	height: 100%;
	border-width: 2px;
}
#tmp_public_media li .public_media_ttl p:before{
	bottom: auto;
	left: auto;
	top:50%;
	right:-18px;
	border-width: 6px 0 6px 12px;
	border-style: solid;
	border-color: transparent transparent transparent #333333;
	transform: translate(-50%,0);
}
#tmp_public_media li .public_media_ttl p:after{
	bottom: auto;
	left: auto;
	top:50%;
	right:-13px;
	border-width: 6px 0 6px 12px;
    border-style: solid;
	border-color: transparent transparent transparent #ffffff;
	transform:translate(-50%,0);
}

#tmp_recommended_content {
	padding: 33px 0 43px;
}
#tmp_recommended_content .recommended_list {
	padding: 59px 10px 22px;
}
#tmp_recommended_content .recommended_list ul li{
	width: 50%;
	margin: 0 0 21px;
}
#tmp_recommended_content .recommended_list ul li:nth-child(2n+1) {
	clear: left;
}
#tmp_recommended_content .recommended_list ul li:nth-child(2n) {
	clear: right;
}
#tmp_recommended_content .recommended_item .recommended_txt{
	font-size: 92.85%;
	padding: 0 5px 5px;
}
#tmp_recommended_content .recommended_btn a{
	font-size: 107.14%;
	padding: 6px 40px;
}
#tmp_recommended_content .recommended_btn a:after{
	right: 6px;
}
#tmp_public_media .public_media_list ul li:nth-child(3n+1),
#tmp_public_media .public_media_list ul li:nth-child(3n),
#tmp_pickup .pickup_list ul li:nth-child(2n+1),
#tmp_pickup .pickup_list ul li:nth-child(2n){
	clear: both;
}
/* ==================================================
accessibility style change:color
================================================== */
/* change_color commons
================================================== */
.color_blue #tmp_wrapper #tmp_latest_articles .article_menu_link ul li a,
.color_yellow #tmp_wrapper #tmp_latest_articles .article_menu_link ul li a,
.color_black #tmp_wrapper #tmp_latest_articles .article_menu_link ul li a{
	border: 2px solid !important;
}
.color_blue #tmp_public_media li .public_media_ttl p:before,
.color_black #tmp_public_media li .public_media_ttl p:before {
	border-color: transparent transparent transparent #FFFF00 !important;
}
.color_yellow #tmp_public_media li .public_media_ttl p:before {
	border-color: transparent transparent transparent #000000 !important;
}
.color_blue #tmp_public_media li .public_media_ttl p:after {
	border-color: transparent transparent transparent #00008B !important;
}
.color_black #tmp_public_media li .public_media_ttl p:after {
	border-color: transparent transparent transparent #000000 !important;
}
.color_yellow #tmp_public_media li .public_media_ttl p:after {
	border-color: transparent transparent transparent #FFFF00 !important;
}
/* ==================================================
no_javascript / furigana
================================================== */
.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 {
	padding: 0 4px 15px 20px;
}
.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 {
	padding-left:40px;
}
.no_javascript #tmp_live_article.article_box .article_live_gallery {
	background-color: #e8f8e6;
	border-left: 20px solid #4ece3c;
}
.no_javascript #tmp_manubu_article.article_box .article_manubu_gallery {
	background-color: #e5f4f6;
	border-left: 20px solid #31cddd;
}
.no_javascript #tmp_working_article.article_box .article_working_gallery {
	background-color: #fdfce6;
	border-left: 20px solid #f9ef57;
}
.no_javascript #tmp_active_article.article_box .article_active_gallery {
	background-color: #f7edef;
	border-left: 20px solid #f991a3;
}
.furigana_on #tmp_latest_articles .article_slider_item {
	display:block;
	margin: 0 !important;
}
.no_javascript #tmp_latest_articles .article_slider_item,
.furigana_on #tmp_latest_articles .slick-slide {
	width:48.5% !important;
	margin:0 0 15px !important;
}
.no_javascript #tmp_wrapper #tmp_live_article .article_live_slider,
.no_javascript #tmp_wrapper #tmp_manubu_article .article_manubu_slider,
.no_javascript #tmp_wrapper #tmp_working_article .article_working_slider,
.no_javascript #tmp_wrapper #tmp_active_article .article_active_slider,
.furigana_on #tmp_wrapper #tmp_live_article .article_live_slider,
.furigana_on #tmp_wrapper #tmp_manubu_article .article_manubu_slider,
.furigana_on #tmp_wrapper #tmp_working_article .article_working_slider,
.furigana_on #tmp_wrapper #tmp_active_article .article_active_slider {
	max-height: none !important;
}
.furigana_on .box_pickup .pickup_cnt .pickup_slides .slick-list {
	padding:0 !important;
}

}