@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.css");



.mkap-lightbox {

    border: 0;

    padding: 56px 12px 12px;

    margin: auto;

    max-width: 96vw;

    max-height: 96vh;

    background: #151515;

    color: #fff;

    border-radius: 8px;

}

.mkap-lightbox::backdrop { background: rgba(0, 0, 0, .85); }

.mkap-lightbox img { display: block; width: auto; height: auto; max-width: 90vw; max-height: 78vh; object-fit: contain; }

.mkap-lightbox__close { position: absolute; top: 6px; right: 12px; min-height: 44px; padding: 8px 16px; background: #fff; color: #111; border: 0; border-radius: 4px; cursor: pointer; }

.mkap-lightbox-link { cursor: zoom-in; }

.mkap-entry__content > div { overflow-wrap: anywhere; }



.mkap-archive {

	--mkap-text: #222;

	--mkap-border: #8c8c8c;

	--mkap-surface: #fff;

	--mkap-muted: #666;

	color: var(--mkap-text);

	background: var(--mkap-surface);

	padding: clamp(1rem, 4vw, 3rem) 0;

}


.mkap-archive__inner {
    box-sizing: border-box;
    /* width: min(100%, 960px); */
    margin-inline: auto;
    padding: 0 20px;
    max-width: 1024px;
}


.mkap-archive__header h1 {

	margin: 0 0 1.25rem;

	font-size: clamp(1.8rem, 4vw, 2.6rem);

	font-weight: 500;

	line-height: 1.4;

}



.mkap-archive__intro p {

	margin: 0;

}



.mkap-archive__actions {

	display: grid;

	grid-template-columns: repeat(2, minmax(0, 1fr));

	gap: clamp(1rem, 4vw, 3.5rem);

	margin: 2.5rem 1.5rem 4.5rem;

}



.mkap-archive__actions a {

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 0.35rem;

	min-height: 84px;

	padding: 1rem;

	border-radius: 14px;

	color: inherit;

	background: transparent;

	text-decoration: none;

}



.mkap-archive__actions a:hover,

.mkap-archive__actions a:focus-visible {

	opacity:0.7;

}



a.ob-contact-btn{

	background: #ff7bab;

	color:#FFF;

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	font-weight:700;

}



.ob-contact-btn::before {

	font-family: "bootstrap-icons";

	content: "\F32C";

	font-size: 1.2em;

	line-height: 1;

	font-weight:400;

}





a.ob-post-btn{

	background: #4CAF50;

	color:#FFF;	

	display: inline-flex;

	align-items: center;

	justify-content: center;

	gap: 10px;

	font-weight:700;

}



.ob-post-btn::before {

	font-family: "bootstrap-icons";

	content: "\f25b";

	font-size: 1.2em;

	line-height: 1;

	font-weight:400;

}



.mkap-posts {

	display: grid;

	gap: 2.5rem;

}



.mkap-entry {

	padding: clamp(1.5rem, 5vw, 3.5rem);

	border-radius: 12px;

	background: #FFF9FA;

	font-size:1.4rem;

}



.mkap-entry__meta {

	display: grid;

	gap: 0.4rem;

	margin: 0 0 0.65rem;

}



/*.mkap-entry__meta div,

.mkap-entry__row {

	display: grid;

	grid-template-columns: 8.5rem minmax(0, 1fr);

	gap: 0.6rem;

}*/



.mkap-entry__meta dt,

.mkap-entry__meta dd {

	margin: 0;

}



.mkap-entry__name-kana {

	white-space: nowrap;

}



.mkap-entry__meta dt::after,

.mkap-entry__label::after {

	content: "：";

	float: right;

}
.mkap-entry__row h2 {
    margin: 20px 0 10px;
    font-weight: 500;
    line-height: 1.8;
    font-size: 1.8rem;
}

.mkap-entry__content > div {
    min-width: 0;
    line-height: 1.9;
    background: #FFFEF4;
    padding: 20px;
}


.mkap-entry__content p {
    background-image: linear-gradient(
        180deg,
        #e3e3e2 1px,
        transparent 1px
    );

    background-size: 100% 2em;
    background-position: 0 1px;

    padding-bottom: 0.3em;
    padding-top: 2px;
    line-height: 2;
}


.mkap-entry__images {

	display: grid;

	grid-template-columns: repeat(3, minmax(0, 1fr));

	gap: 0.75rem;

	margin-top: 1.75rem;

}



.mkap-entry__images a {

	display: block;

	overflow: hidden;

}



.mkap-entry__images img {

	display: block;

	width: 100%;

	height: 100%;

	object-fit: cover;

}



.mkap-pagination {

	margin-top: 1rem;

}



.mkap-pagination ul {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	gap: 0.5rem;

	padding: 0;

	margin: 0;

	list-style: none;

}



.mkap-pagination a,

.mkap-pagination span {

	display: grid;

	place-items: center;

	min-width: 44px;

	min-height: 44px;

	padding: 0.5rem 0.75rem;

	/*border: 1px solid var(--mkap-border);*/

	color: inherit;

	text-decoration: none;

}



.mkap-pagination .current {

	color: #fff;

	background: #ff7bab;

}

.mkap-pagination a:hover{

	color: #fff;

	background: #ff7bab;

}

.mkap-posts__empty {

	padding: 3rem 1rem;

	text-align: center;

	color: var(--mkap-muted);

}
.mkap-entry .name {
    font-weight: 600;
    font-size: 2.0rem;
    margin: 15px 0 0;
}
.mkap-entry .year {
    display: inline-block;
    position: relative;
    height: 45px;
    line-height: 45px;
    text-align: center;
    margin-left: calc(clamp(1.5rem, 5vw, 3.5rem) * -1);
    padding: 0 40px 0 35px;
    font-size: 1.6rem;
    background: #FF7BAB;
    color: #FFF;
    box-sizing: border-box;
    font-weight: 600;
}
.mkap-entry .year::after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1;
    top: 0;
    right: 0;
    border-width: 22.5px 15px 22.5px 0;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
.mkap-entry .day {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 1.3rem;
    margin: 10px 0 0;
}


.mkap-entry .day dt {

    margin: 0;

    padding-right: 10px;

    position: relative;

}



.mkap-entry .day dt::after {

    content: "：";

    position: absolute;

    right: 0;

}



.mkap-entry .day dd {

    margin: 0;

    padding-left: 10px;

}

@media (max-width: 640px) {

	.mkap-archive__actions {

		grid-template-columns: 1fr;

		margin-inline: 0;

	}



	.mkap-entry__meta div,

	.mkap-entry__row {

		grid-template-columns: 7.5rem minmax(0, 1fr);

	}
.mkap-entry .year{
	height: 40px;
    line-height: 40px;
	font-size: 1.5rem;
}
.mkap-entry .year::after{
	border-width: 20px 15px 20px 0;
}

}