/*
 * Blog content layout helpers (NOMURA-449)
 * Loaded from app/template/default/Blog/detail.twig.
 *
 * Authoring guide for editors:
 *   <div class="nt-cols-3"><img><img><img></div>  for a 3-column row
 *   .nt-cols-2 / .nt-cols-3 / .nt-cols-4 are available.
 *   Columns stay horizontal on mobile too.
 */

.nt-cols-2,
.nt-cols-3,
.nt-cols-4 {
    display: flex;
    flex-wrap: nowrap;
    gap: 8px;
    margin: 16px 0;
}

.nt-cols-2 > * {
    flex: 1 1 50%;
    min-width: 0;
}

.nt-cols-3 > * {
    flex: 1 1 33.33%;
    min-width: 0;
}

.nt-cols-4 > * {
    flex: 1 1 25%;
    min-width: 0;
}

.nt-cols-2 img,
.nt-cols-3 img,
.nt-cols-4 img {
    width: 100%;
    height: auto;
    display: block;
}

.small_img {
  display: flex;
  flex-wrap: wrap;
  gap: 0;
}

.small_img a {
  width: 33%; 
}

.small_img img {
  width: 100%;
  height: auto;
  display: block;
}
p{
	line-height: 1.8;
}
@media screen and (max-width: 767px) {
p{
	line-height: 1.5;
}
}
.center{
	text-align: center;
}
.title_pink{
	margin:0em;
	padding:0 0.5em;
	height:1.5em;
	line-height:1.5em;
	color:#ffffff;
	background:#ffc0c0;
	font-weight:bold;
	text-align:center;
}
.stand_box{
	border:solid 3px #ffc0c0;
	padding:20px;
	display: flex;
	flex-wrap: nowrap;
	gap:20px;
}
.stand_box a img{
	width:450px;
}
.stand_box_txt{
	flex: 1;
}
.stand_box_txt h3{
	color:#A52A2A;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
.stand_box{
	flex-flow: column;
}	
.stand_box a img{
	width:80%;
	margin: 0 10%;
}
}
.list_banner{
	text-align: center;
	display: flex;
    flex-wrap: wrap;
	max-width:544px;
	gap:2rem;
	margin: 0 auto;
}
.list_banner a img{
	width: 100%;
}
@media screen and (max-width: 767px) {
.list_banner{
	max-width: 100%;
	gap:1rem;
}
.list_banner a {
	width: 47%;
}
}
.text_red{
	color: #FF0000;
}