body {
background-color:#EBE9E1;
margin:0;
padding:0;
}
#outer {
background-color:#fff;
margin:0px auto;
width:960px;
font-size:13px;
line-height:150%;
padding:0;
color:#222;
}

#main {
width:640px;
float:left;
}

.memo{
    background-color:#fff;
    font-size:80%;
    padding:0px 10px;
    height:150px;
    overflow:auto;
    margin:5px 10px;
    box-shadow:1px 1px 3px -1px #888;
}

.content {
padding:0 30px 10px 30px;
font-size:13px;
line-height:150%;
}
#right {
width:290px;
color:#004C25;
font-size:13px;
float:left;
}
.title {
height:35px;
line-height:35px;
font-size:13px;
padding:0 0 0 35px;
margin:0;
font-weight:bold;
color:#fff;
background-color:#CC6666;
}
.side {
font-size:13px;
padding:6px 0 10px 14px;
margin:0;
background-color:#FFE4E1;
font-weight:bold;
color: #CC6666;
}
.side a{
color:#036;
text-decoration : none;
}
.side a:hover{
text-decoration:underline;
}
ul {
margin: 0 0 0 1em;
padding: 0;
}
li {
list-style:disc; 
}
.side ul {
margin: 0;
padding: 4px 0;
}
.side li {
margin: 7px 0 7px 20px;
list-style:disc; 
padding: 0;
}
p {
margin:1em 0;
line-height:150%;
padding-left: 6px;
}
img{
border:0;
}
hr {
border-width: 1px 0 0 0;
border-style: solid;
border-color: #ccc;
height: 1px;
}
a{
font-weight:normal;
}

h2 {
font-size:25px;
margin:0;
padding:7px 0 9px 4px;
border-bottom:1px solid #999;
}
h3 {
font-size:16px;
padding:5px 0 3px 4px;
margin-right: 20px;
}
#info{
    font-size:130%;
    font-weight:normal;
    text-align:left;
    margin:20px 0px;
    font-family: 'Maitree', serif;
}

#info:first-letter{
    color:#999;
    font-size:150%;
}
h4 {
font-size:16px;
padding-left: 4px;
}
#footer {
color:#666;
font-size:12px;
height:110px;
clear:left;
text-align:center;
}
.copy {
padding:20px 0 0 0;
}
blockquote{
border:1px solid #ccc;
padding:5px;
margin:10px;
}

.gallery{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}
.item2{
    background-color:#fff;
    margin:5px;
    padding:5px;
    font-size:100%;
    text-align:center;
    width:100%;
    border-color:#ef857d;
    border-width:1px;
    border-style:dotted;
}
h6{
    font-size:1.5em;
    font-weight:normal;
    margin:10px 0px;
    background-color:#fce8e7;
    padding:3px;
}
.header {
    padding:25px 15px;
    margin:0px;
    text-align:center;
    background-color:#ff91a4;
    color:#fff;
}
h1{
    font-size:170%;
    font-weight:normal;
    font-family: 'Cormorant Garamond', serif;
}
h1{
    font-size:170%;
    font-weight:normal;
    font-family: 'Cormorant Garamond', serif;
}

h1:before{
    font-family:'Font Awesome 5 Free';
    font-weight:bold;
    margin:0px 10px 0px 0px;
}
h1 a:hover{
text-decoration:underline;
}

h1 a:link{
    color:#fff;
}

h1 a:visited{
    color:#fff;
}

@media screen and (max-device-width: 480px) {
#outer {width:100%;}
#main {width:100%;clear:both;}
#header {width:100%;clear:both;height:70px;}
h1 {padding:34px 0 0 34px;}
.content {clear:both;font-size:120%;padding:0 10px;}
#right {width:100%;clear:both;}
#footer {width:100%;clear:both;}
img {zoom:80%;}
}