@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

#gifu .nav-news a {
  color: #b4d100!important;
}
#kani .nav-news a {
  color: #ef7a1b!important;
}
#gifu .page-tit .page-bg {
  background: url("../images/gifu/news-images/gage-tit.jpg") 50% 100% no-repeat;
}
#kani .page-tit .page-bg {
  background: url("../images/kani/news-images/gage-tit.jpg") 50% 100% no-repeat;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */
.main {
	overflow: hidden;
}
.main .cat02 {
	float: left;
	width: 10%;
}
.cat02 a {
	display: block;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
  text-align: center;
  padding: 15px 0;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(206, 229, 60, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(206, 229, 60, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
#gifu .cat02 a {
  background-color: #b4d100;
}
.main article {
	float: right;
	width: 80%;
	border-left: solid 1px #eee;
	padding-left: 5%;
}
.article-tit {
	font-size: 2.5rem;
	margin-bottom: 60px;
}
/* ==========================================================================
	PC 1025px -
	========================================================================== */
@media screen and (min-width: 1025px){
}
/* ==========================================================================
	TABLET - 1024px
	========================================================================== */
@media screen and (max-width:1024px){
.main .cat02 {
	float: left;
	width: 15%;
}
.cat02 a {
  width: 90%;
}
.main article {
	width: 78%;
	padding-left: 4.5%;
}
.article-tit {
	font-size: 2.2rem;
	margin-bottom: 50px;
}
}
/* ==========================================================================
	SP - 640px
	========================================================================== */
@media screen and (max-width: 640px) {
.main .cat02 {
	float: none;
	width: 100%;
}
.cat02 a {
  width: 120px;
  font-size: 1rem;
  padding: 10px 0;
	margin-bottom: 10px;
}
.main article {
	float: none;
	width: 100%;
	border-left: none;
	padding-left: 0;
}
.article-tit {
	font-size: 2rem;
	margin-bottom: 40px;
}
}