/*******************************************************
 * for BIRTHDAY PAGE ( category: memorial )
 *******************************************************/

 /* 誕生日・授乳フォト
---------------------------------------- */
.milkphoto {
 margin-top: 2rem;
 padding-bottom: clamp(20px, 6vw, 40px);
 background-color: #f2eceb;
}
.white-box.milkphoto summary { background-color: initial; }
.accd_sum.milkphoto .acdetail-cont { margin-top: 0; padding-top: 1.5rem; }
.white-box.milkphoto .wp-block-heading + .wp-block-columns { background-color: inherit; }
.milkphoto h3 {
 color: #dc143c;
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
 font-weight: normal;
}
.milkphoto h3 strong {
 margin: 0.5rem 0;
 color: #403f34;
 font-size: 170%;
 font-weight: bold;
 display: block;
}
.milkphoto h3 span {
 padding: 0 10px;
 color: #403f34;
 position: relative;
}
.milkphoto h3 span::before,
.milkphoto h3 span::after {
 position: absolute;
 top: 2px;
 height: 1rem;
 content: "";
}
.milkphoto h3 span::before {
 border-left: 1px solid #403f34;
 left: 0;
 transform: rotate(-30deg);
}
.milkphoto h3 span::after {
 border-right: 1px solid #403f34;
 right: 0;
 transform: rotate(30deg);
}
.milkphoto .wp-block-column h4 {
 font-size: clamp(1rem, 0.909rem + 0.45vw, 1.25rem);
}
.accd_sum.milkphoto .wp-block-columns + .wp-block-columns { margin-top: 2rem; }

.milkphoto .wp-block-columns + h4 {
 margin: 2.5rem 0 0.3rem;
 color: #fff;
 font-size: 400%;
 text-align: center;
 line-height: 1;
 letter-spacing: 0.05em;
}
.milkphoto .wp-block-columns + h4 strong {
 color: #403f34;
 font-size: clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);
 letter-spacing: 0.02em;
}
.milkphoto dl {
 margin-top: 0;
 padding: 1rem;
 background-color: #fff;
}
.milkphoto dt { padding-bottom: 0.3rem; font-size: 140%; }
.milkphoto dd { margin: 0; }


@media screen and (min-width: 700px){
.white-box .wp-block-heading + .wp-block-columns { padding: 0; }
}
@media screen and (min-width: 768px){
.milkphoto dl { padding: 2rem; }
}
@media screen and (min-width: 840px){
.milkphoto .wp-block-columns + h4 {
 margin-top: 3rem;
 text-align: left;
 }
 .milkphoto .wp-block-columns:not(.alignwide):not(.alignfull), .accd_sum .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter) {}
 
 
}