#for-dev-mode-display .icons .header {color:#44d62c;}
#for-dev-mode-display .icons .body-copy {color:#fff;}
#for-dev-mode-display .icons ul li { background-color: #bbc2cc; padding: 14px; border: 1px solid #000; z-index:1; position: relative;}
#for-dev-mode-display .icons .header,
#for-dev-mode-display .icons .body-copy { color: #000;}
#for-dev-mode-display .icons .header {font-weight: 700;}
@media (min-width: 400px) {
	#for-dev-mode-display .bo-temp .multi-panels ul, #for-dev-mode-display .bo-temp .multi-panels:not(.img-badge)[data-items="2"] ul {grid-template-columns: repeat(2, [col-start] 1fr);}
}
@media (min-width: 1300px) {
	#for-dev-mode-display .icons {margin-bottom: -100px;}
	#for-dev-mode-display .icons ul {max-width: 1280px;}
	#for-dev-mode-display .icons ul li:first-child { margin-right: auto }
	#for-dev-mode-display .icons ul li:last-child { margin-left: auto;}
	#for-dev-mode-display .icons ul li div {row-gap: 0;}
}
 @media screen and (max-width:767px){} @media screen and (-webkit-max-device-pixel-ratio: 1) and (min-width: 1200px), screen and (min-width: 768px) and (max-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1) and (min-width: 1200px){} @media screen and (-webkit-min-device-pixel-ratio: 1.5) and (min-width: 1200px){}