/*當月主題*/
.monthly_title {
width: 75px;height: 75px;background: linear-gradient(45deg, #FFFFFF 0%, #EFEFEF 100%);
display: flex;align-items: flex-start;justify-content: end;padding: 5px 10px 0 0;
box-shadow: rgb(202, 202, 202, 0.4) -3px 3px, rgb(202, 202, 202, 0.3) -6px 6px,
			rgb(202, 202, 202, 0.2) -9px 9px, rgb(202, 202, 202, 0.1) -12px 12px,
			rgb(202, 202, 202, 0.05) -15px 15px, rgb(202, 202, 202, 0.02) -18px 18px;
}
.monthly_title span {background-image: linear-gradient(to bottom, #026da3 0%, #0091ac 50%, #00aeac 70%);-webkit-background-clip: text;background-clip: text;color: transparent;font-size: 1.5rem;font-weight: bold;line-height: 1.7rem;}
.monthly_theme {padding: 2rem 0 0;}
.monthly_theme dl {width: calc((100% - 150px) / 3);text-align: center;margin: 0 auto;}
.monthly_theme dl dt {font-size: 1.35rem;margin: auto auto 0.25rem;padding-bottom: 0.25rem;color: var(--blue);position: relative;}
.monthly_theme dl dt::before{position: absolute;content: '';width: 96%;height: 3px;background: linear-gradient(to right,#026da3 80%, transparent 100%);left: 0;bottom: 0;}
.monthly_theme dl dt span {color: #fc527a;padding: 0 0.25rem;}
.monthly_theme dl:nth-of-type(2) dt::before {background: linear-gradient(to right,#0091ac 80%, transparent 100%);}
.monthly_theme dl:nth-of-type(3) dt::before {background: linear-gradient(to right,#00aeac 80%, transparent 100%);}
.monthly_theme dl:nth-of-type(4) dt::before {background: linear-gradient(to right,#30c6bd 80%, transparent 100%);}
.monthly_theme dl dd {font-size: 1.25rem;margin-top: 0.25rem;}
.monthly_theme .twice dd {margin: auto 0.5rem;}
.monthly_theme dl dd .note {color: white;display: inline-flex;padding: 0 0.25rem 0 0.75rem;font-size: 80%;background: linear-gradient(to right, #fff0 0%, #d583a9 20%);}
.monthly_theme dl .secret{font-size: 1.125rem;color: #2F9D5B;}
.secret a{font-weight: bold;}
@media (max-width: 1200px) {
	.monthly_theme {padding: 2rem 2rem 0;}
	.monthly_theme dl{width: calc((100% - 75px) / 3);}
	.monthly_theme dl dd{font-size: 1.125rem;}
}
@media (max-width: 1023px) {
	.monthly_theme dl{width: calc((100% - 75px) / 2);}
	.monthly_theme dl:nth-of-type(n+1):nth-of-type(-n+2){margin: auto auto 0.5rem;}
}
@media (max-width: 767px) {	
	.monthly_theme dl:nth-of-type(2) .twice dd {width: 100%;}
}
@media (max-width: 767px) and (orientation: portrait){.monthly_theme dl{width: 100%;}}