/* -- サタココ修正202609 -- */
/* SataCoco Root */
:root {
	--satacoco-clr-main: #ffb1c3;
	--satacoco-clr-sub: #b892e1;
	--satacoco-clr-alt: #c0d43e;
	--satacoco-clr-music: #7ccdd6;
}
/* nav */
.satacoco-nav {
	background-color: var(--satacoco-clr-main);
	padding-top: 16px;
    padding-bottom: 15px;
}
/* content-header */
.ping-heading.-sub {
	background-color: var(--satacoco-clr-sub);
	padding: 8px 0!important;
    min-height: 60px;
}
.ping-heading__link {
	color: var(--satacoco-clr-sub)!important;
	background-image: url(/satacoco/media/next-arrow_sub.svg)!important;

}
.ping-heading.-music {
	background-color: var(--satacoco-clr-music)!important;
}
.satacoco4__text2 {
	color:var(--satacoco-clr-music)!important;
}
.satacoco4__text2::before, .satacoco4__text2::after {
    background-color: var(--satacoco-clr-music)!important;
}
/* sidebar */
.satacoco-backnumber__title {
	background-color: var(--satacoco-clr-alt)!important;
}
/* and music button */
.satacoco4__link {
	background-color: var(--satacoco-clr-music)!important;
}
/* Pagenation */
.pager.-sub .pager__button {
    background-color: var(--satacoco-clr-sub);
    border: none;
    color: #fff;
}
/* arhives */
.satacoco5__link {
	height: 135px!important;
}
.satacoco5__img {
	width: 240px!important;
    object-fit: contain;
}
/* cast */
.satacoco-caster__person1 {
    border: solid 2px var(--satacoco-clr-main);
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-radius: 16px;
	position: relative;
}
.satacoco-caster__person1 .poster-ping {
	position: absolute;
    top: -15px;
    left: -15px;
    width: 70px;
    transform: rotate(-15deg);
}
.satacoco-caster__square,
.satacoco-caster__rounded1,
.satacoco-caster__rounded2 {
	border-radius: 16px 16px 0 0;
}
.satacoco-caster__name1 {
	padding: 8px 0;
	margin-top: 0!important;
	color: #FFF;
	background-color: var(--satacoco-clr-main);
	border-radius: 0 0 16px 16px;
	position:relative;
	min-height: 80px;
}
.satacoco-caster__person1:nth-of-type(2) .satacoco-caster__name1 {
	line-height: 64px;
}
.satacoco-caster__person2 {
    border: solid 2px var(--satacoco-clr-alt);
    border-radius: 16px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
	position: relative;
}
.satacoco-caster__person2 .poster-ping {
	position: absolute;
    top: -15px;
    left: -15px;
    width: 60px;
    transform: rotate(-15deg);
}
.satacoco-caster__name2 {
	min-height: 50px;
}
.satacoco-caster__person3 {
    width: 35%!important;
    border: solid 2px var(--satacoco-clr-sub);
    border-radius: 16px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    position: relative;
}
.satacoco-caster__name3 {
    min-height: 50px;
    line-height: 44px;
}
.satacoco-caster__person3 .poster-ping {
	position: absolute;
    top: -15px;
    left: -15px;
    width: 50px;
    transform: rotate(-15deg);
}
/* and music */
.satacoco-music__link {
	background-color: var(--satacoco-clr-music)!important;
}
.satacoco-music__category {
	background-color: var(--satacoco-clr-music)!important;
}
.pager.-music .pager__button {
    background-color: var(--satacoco-clr-music)!important;
    border: none;
    color: #fff;
}
.-music {
    background-color: unset!important;
}
@media (max-width: 767.98px) {
.ping-heading.-sub {
	padding: 8px 0 8px 3em!important;
    height: inherit!important;
}
.ping-heading__title {
	margin-left: 8px!important;
}
/* archives */
.satacoco5__item {
	flex-flow: column!important;
}
.satacoco5__link {
	width: 100%!important;
    height: auto !important;
}
.satacoco5__img {
	width: 100% !important;
}
/* cast */
.satacoco-caster__name1 {
	min-height: 55px;
}
.satacoco-caster__person1:nth-of-type(2) .satacoco-caster__name1 {
	line-height: 40px;
}
.satacoco-caster__person1.-sporder1 {
	width: 50%!important;
	order: 1;
}
.satacoco-caster__person1.-sporder2 {
	width: 45%!important;
	order: 2;
}
.satacoco-caster__person1.-sporder3 {
	width: 45%!important;
	order: 3;
}
.satacoco-caster__rounded1 {
	width: 100%!important;
	margin-left: inherit!important;
	margin-right: inherit!important;
	object-fit: cover;
	height: 220px;
	object-position: top;
}
.satacoco-caster__person1 .poster-ping {
    width: 50px;
}
.satacoco-caster__name2 {
    min-height: 35px;
}
.satacoco-caster__person2 .poster-ping {
    width: 45px;
}
.satacoco-caster__person3 {
    width: 40% !important;
}
.satacoco-caster__person3 .poster-ping {
    width: 40px;
}
}