@charset "utf-8";

.top-blog .psa-container {
	padding: 0.5vw;
	/* padding-bottom: calc(6.5vw + 70px); */
}




/* top-blog
--------------------------- */
/* 
.top-blog__header {
	text-align: center;
	float: right;
}
 */
.top-blog__list {
	text-align: left;
	/* margin: -2% 0; */
	/* padding-right: 18vw; */
}

.top-blog__list > dt {
	color: #404040;
		color: #870106;
	font-size: 0.867rem;
	position: absolute;
	margin: 1.2vw 0 0 1.5em;
	padding-top: .1em;
}

.top-blog__list > dd {
	line-height: 1.8;
	border-bottom: 1px solid #DEE1EA;
	position: relative;
	z-index: 1;
	display: block;
}


.top-blog__list > dd:last-child {
	border-bottom: none;
}

.top-blog__list > dd > a {
	display: block;
	padding: 1.2vw 3em 1.2vw 7.5em;
	transition: color .1s linear;
}
html.top-blog__list > dd > a:hover {
	color: #F6921D;
}

.top-blog__list > dd > a:after {
	content: "";
	width: .5vw;
	height: .5vw;
	max-width: 7px;
	max-height: 7px;
	min-width: 5px;
	min-height: 5px;
	border-top: 2px solid #726e6e;
	border-right: 2px solid #726e6e;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%,-50%) rotate(45deg);
}
html.no-touchevents .top-blog__list > dd > a:hover:after {
	animation: a-top-blog__list .25s .05s backwards;
}
@keyframes a-top-blog__list {
	60% { right: .5em; }
	100% { right: 1em; }
}




/* ---------------------------------------
	max-width: 640px
--------------------------------------- */


@media screen and (max-width: 640px) {



/* top-blog
--------------------------- */

.top-blog__list {
	margin: -8px 0 -10px;
	padding-right: 11em;
}

.top-blog__list > dt {
	color: #870106;
	margin: 8px 0 .2em 1em;
	position: absolute;
}

.top-blog__list > dd > a {
	padding: 2.5em 3em 10px 1em;
}


@keyframes a-arrownav1 {
	60% { transform: scaleX(1.6); }
	100% { transform: scaleX(1.4); }
}

@keyframes a-arrownav2 {
	60% { transform: translate(13px,0) rotate(40deg); }
	100% { transform: translate(9px,0) rotate(40deg); }
}

@keyframes a-arrownav3 {
	60% { transform: translate(-13px,0) rotate(-40deg); }
	100% { transform: translate(-9px,0) rotate(-40deg); }
}


/* top-blog
--------------------------- */
/* 
.top-blog__header {
	text-align: center;
	float: none;
}

.top-blog__header .katta-arrownav {
	display: none;
} */

.top-blog__list {
	padding-right: 0;
}

.top-blog__list > dt {
	margin-left: .5em;
}

.top-blog__list > dd > a {
	padding-left: .5em;
}


}


/* top--news
--------------------------- */

.top-news .psa-container {
	padding: 0.5vw;
	/* padding-bottom: calc(6.5vw + 70px); */
}




/* 
.top-new__header {
	text-align: center;
	float: right;
}
 */
.top-news__list {
	text-align: left;
	/* margin: -2% 0; */
	/* padding-right: 18vw; */
}

.top-news__list > dt {
	color: #870106;
	font-size: 0.867rem;
	position: absolute;
	margin: 1.2vw 0 0 1.5em;
	padding-top: .1em;
}

.top-news__list > dd {
	line-height: 1.5;
	border-bottom: 1px solid #DEE1EA;
	position: relative;
	z-index: 1;
	display: block;
	background: #fff;
}


.top-news__list > dd a:last-child {
	border-bottom: none;
}

.top-news__list > dd > a {
	display: block;
	padding: 1.2vw 3em 1.2vw 7.5em;
	transition: color .1s linear;
}
html.top-news__list > dd > a:hover {
	color: #F6921D;
}

.top-news__list > dd > a:after {
	content: "";
	width: .5vw;
	height: .5vw;
	max-width: 7px;
	max-height: 7px;
	min-width: 5px;
	min-height: 5px;
	border-top: 2px solid #726e6e;
	border-right: 2px solid #726e6e;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%,-50%) rotate(45deg);
}
html.no-touchevents .top-news__list > dd > a:hover:after {
	animation: a-top-blog__list .25s .05s backwards;
}
@keyframes a-top-news__list {
	60% { right: .5em; }
	100% { right: 1em; }
}




/* ---------------------------------------
	max-width: 640px
--------------------------------------- */


/* @media screen and (max-width: 640px) { */



/* top-news
--------------------------- */

.top-news__list {
	margin: 2px 0 2px;
	padding-right: 11em;
}

.top-news__list > dt {
	color: #870106;
	padding-top: 5px;
	margin: 5px 0 .2em 1em;
	position: absolute;
	z-index: 5;
}
.top-news__list > dt > a {
	color: #870106;
	padding-top: 5px;
	margin: 5px 0 .2em 1em;
	position: absolute;
}

.top-news__list > dd > a {
	padding: 2.5em 3em 10px 1em;
}


@keyframes a-arrownav1 {
	60% { transform: scaleX(1.6); }
	100% { transform: scaleX(1.4); }
}

@keyframes a-arrownav2 {
	60% { transform: translate(13px,0) rotate(40deg); }
	100% { transform: translate(9px,0) rotate(40deg); }
}

@keyframes a-arrownav3 {
	60% { transform: translate(-13px,0) rotate(-40deg); }
	100% { transform: translate(-9px,0) rotate(-40deg); }
}


/* top-news
--------------------------- */
/* 
.top-news__header {
	text-align: center;
	float: none;
}

.top-news__header .katta-arrownav {
	display: none;
} */

.top-news__list {
	padding-right: 0;
}

.top-news__list > dt a{
	margin-left: .5em;
}

.top-news__list > dd > a {
	padding-left: .5em;

}