@charset "utf-8";
/* CSS Document */

.item__digest{text-align:center}
.digest__item+.digest__item{padding-top:4rem;border-top:1px dashed #444;margin-top:4rem}
.digest__item__top{display:-webkit-box;display:-ms-flexbox;display:flex}
.digest__item__movie{width:100%;position:relative}
.digest__item__movie iframe{aspect-ratio:16 / 9;width:100%;height:auto}
.digest__item__topname{font-weight:bold}
.digest__contentWrap{position:relative}
.digest__note{position:absolute}
.digest__content__text{text-align:center}


@media screen and (min-width: 750px){
	.digest__item__top{margin-bottom:3em;align-items:center}
	.digest__item__movie{padding:0 20px}
	.digest__item__movie div.caption{font-size:1.65rem;text-align:center}
	.digest__item__movie div.caption span{white-space:nowrap}
	.digest__item__topbox{margin-left:2rem;width:50%}
	.digest__item__topcat+.digest__item__topcat{margin-top:1rem}
	.digest__item__topname{font-size:3.6rem}
	.digest__item__message{font-size:2.8rem}
	.digest__item__text{font-size:1.6rem}
}

@media screen and (max-width: 749px){
	.digest__item__top{margin-bottom:1rem;display:block}
	.digest__item__movie iframe{height:100%}
	.digest__item__topbox{margin-left:2rem}
	.digest__item__topname{font-size:2.4rem}
	.digest__item__message{font-size:1.8rem}
	.digest__item__text{font-size:1.4rem}
	.digest__note{display:none;top:-28%;width:40%;right:-2rem}
	.digest__content__text{padding:0 0 1rem;font-size:1.5rem;text-align:center}
}

@media screen and (min-width: 1024px){
	.digest__note{top:-65%;right:-3rem;width:207px}
	.digest__content__text{padding:2rem 0;font-size:2.4rem;font-weight:900}
}

@media screen and (min-width: 750px) and (max-width: 1023px){
	.digest__note{top:-45%;right:0;width:25%}
	.digest__content__text{padding:2rem 0;font-size:1.8rem;font-weight:900}
}