.grid_example {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 24px;
	margin: 0;
	padding: 0;
}
.grid_example_pic {
    grid-column: span 4 / span 4;
	position: relative;
	display: block;
}
.grid_example_picin {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	padding-bottom: 75%;
	overflow: hidden;
	background-color: #F5F5F5;
}

.grid_example_pic img {
position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
display: block;
width: 100%;
height: 100%;
object-fit: contain;

}
@media screen and (max-width: 640px) {
.grid_example {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 16px;
}
.grid_example_pic {
    grid-column: span 6 / span 6;
}
}

.grid_mokujibox {
    grid-column: span 4 / span 4;
}

.grid_mokujicap {
    grid-column: span 8 / span 8;
}
@media screen and (max-width: 640px) {
.grid_mokujibox {
    grid-column: span 12 / span 1;
}

.grid_mokujicap {
    grid-column: span 12 / span 12;
}
}




#toc_container {
        margin: 0 0;
    }

    figure > div {
        max-width: 100%;
    }
	
	
	#toc_container li, #toc_container ul {
    margin: 0;
    padding:0
}

#toc_container.no_bullets li, #toc_container.no_bullets ul, #toc_container.no_bullets ul li, .toc_widget_list.no_bullets, .toc_widget_list.no_bullets li {
    background: 0 0;
    list-style-type: none;
    list-style:none
}

#toc_container.have_bullets li {
    padding-left:12px
}

#toc_container ul ul {
    margin-left:1.5em
}

#toc_container {
display: block;
    background: #f9f9f9;
    border: 1px solid #aaa;
    padding: 16px;
    width: auto;
    font-size:95%
}

#toc_container.toc_light_blue {
    background:#edf6ff
}

#toc_container.toc_white {
    background:#fff
}

#toc_container.toc_black {
    background:#000
}

#toc_container.toc_transparent {
    background:none transparent
}

#toc_container p.toc_title {
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding:0
}

#toc_container.toc_black p.toc_title {
    color:#aaa
}

#toc_container span.toc_toggle {
    font-weight: 400;
    font-size:90%
}

#toc_container p.toc_title + ul.toc_list {
    margin-top:1em
}

.toc_wrap_left {
    float: left;
    margin-right:10px
}

.toc_wrap_right {
    float: right;
    margin-left:10px
}

#toc_container a {
    text-decoration: none;
    text-shadow:none
}

#toc_container a:hover {
    text-decoration:underline
}

.toc_sitemap_posts_letter {
    font-size: 1.5em;
    font-style: italic
}