#outer.body_background{;background-image:url("/imageFile03/color/x.jpg");background-color:rgba(255, 226, 200, 0.56);background-blend-mode:luminosity;background-position:center 116px;background-size:inherit;background-attachment:fixed;}
#outer.body_background .date-outer{background-color:#ffffff47;}

section h3 {margin-top:5em;min-height:3em;}
.color-selector {margin:20px;justify-content:center;display:grid;grid-template-columns:repeat(auto-fill, 150px);gap:2px;padding:12px;text-align:center;box-shadow:var(--box-shadow)}
.color-selector div {display:inline-block;cursor:pointer;/*padding:6px;*/line-height:2em;font-size:110%;border-radius:10px;border:6px solid #ffffffc7;text-shadow:0px 0px 10px white;box-shadow:8px 8px 8px -8px #000;}
.color-selector .boid{border:2px solid #111;box-shadow:3px 5px 7px; transition:all 0.6s; }
.boid-wrap{background-color:#95363617;box-shadow:2px 4px 12px #666; transition:all 0.6s; }
.image-container img {/*max-width:150px;*/border:2px solid gray;border-radius:5px;box-shadow:0px 0px 10px rgba(0, 0, 0, 0.3);/*  display:none;*/}

.p_link_grid {display:grid;grid-template-columns:14em auto;gap:13px 0px;padding:2em;align-items:self-start;}
.p_link_grid dt{background:#fbf0d9;color:#666;}
.fancybox-thumbs{background:none;}

@media (max-width:768px) {

.color-selector
 {
    grid-template-columns:repeat(auto-fill,calc(33% - 8px));
    gap: 6px;margin:0;padding: 2em 0;
    font-size: 12px;
}
}