body { background-color: beige; background-image: url(bg1.gif); background-repeat: repeat; color: black; text-align: center; margin-top: 2em; margin-bottom: 2em; margin-left: 2em; margin-right: 2em; }
#wrap { width:960px; margin: 0 auto; background-color: beige; }
h1 { background: orchid; color: white; font-size: 2.0em; border-radius: 8px; padding-right: 10px; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; }
h2 { font-size: 1.5em; color: goldenrod; text-align: center; }
h3 { color: tomato; font-size: 1.5em; }
h4 { color: limegreen; font-size: 1.2em; }
h5 { color: tomato; font-size: 1.2em; }
p { line-height: 1.5em;  margin-left: 1.2em; margin-right: 1.2em; text-align: justify; }
em { font-size: 1.2em; font-style: normal; font-weight: bold; color:deeppink; background: lightblue; }
strong { font-weight: bold; font-size: 1.1em; background: lightblue; }
a:link { color: darkblue; }
a:visited { color: darkviolet; }
a:hover { color: darkorange; }
a:active { color: red; }
p.top1 { text-align: center; }
p.top1 img { box-shadow: 7px 7px 7px; }
p.gyouji { font-weight: bold; font-size:1.5em; background: lightblue; color: red; border-radius: 8px; padding-left: 15px; }
p.nenki { border-radius: 8px; font-weight: bold; font-size:1.5em; background: lightblue; color: mediumvioletred; padding-left: 15px; }
table, td, th { border: 2px solid darksalmon; margin-left: 5em; border-collapse: collapse; text-align: center; }
td, th { padding: 5px; }
th { background: springgreen; color: maroon; }
td { background: lightgray; color: black; }
footer { text-align: center; font-size: 1.2em; background: mistyrose; border-radius: 15px; }
p.pictures { border-radius: 8px; font-weight: bold; font-size: 1.5em; background: lightblue; color: chocolate; padding-left: 15px; }
p.making { text-align: center; font-size: 1.2em; color: crimson; }
ul { font-weight: bold; font-size: 1.5em; gap: 20px; list-style-position: inside; text-align: justify; }
ol.rekidaijuushoku { font-weight: bold; gap: 20px; text-align: justify; list-style-position: inside; }
p.news { width: 100px; max-width: 100%; background: orange; color: white; font-weight: bold; font-size: 1.5em; border-radius: 8px; text-align: center; padding-right: 10px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
p.newslist { font-size: 1.2em; font-weight: bold; margin-left: 30px; margin-bottom: 10px; }
.item { color: purple; margin: 10px; padding: 10px; text-align: center; }
.grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 10px; margin-top: 6%; margin-bottom: 50px; }
.location-map { text-align: center; border-radius: 8px; margin-left: 40px; padding: 8px; width: 90%; font-size: 1.5em; font-weight: bold; background: darksalmon; }
.container { display: flex; align-content: space-between; }
.ctable { text-align: center; }
.ctable table { margin: auto; text-align: left; }
strong.red { color: red; font-weight: bold; }
p.kigan { font-weight: bold; font-size:1.5em; text-align: center; border-color: limegreen; padding-right: 10px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
p.navi { text-align: center; font size: 3em; font-weight: bold; }
p.goshuin { font-weight: bold; font-size: 1.5em; text-align: center; color: tomato; padding-right: 10px; padding-left: 10px; padding-top: 8px; padding-bottom: 8px; }
@media (max-width: 600px) {
  body { margin-left: 5px; margin-right: 5px; }
  p.top1 img { align-items: center; }
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2rem; }
  p.navi { font-size: 1.3rem; margin-top: 10px; }
  p.newslist { font-size: 2rem; margin: o 20px; }
  .ctable { text-align: center; font-size: 2rem; }
  footer { font-size: 2rem; text-align: center; }
  p.goshuin { font-size: 2rem; color: tomato; text-align: center; }
  h3 { font-size: 2rem; }
  h4 { font-size: 1.8rem; }
  p { font-size: 1.8rem; margin-left: 10px; margin-right: 10px; padding-left: 10px; padding-right: 10px; }
  p.monks { font-size: 2rem; }
  .rekidaijuushoku { font-size: 2rem; }
  p.gyouji { font-size: 2rem; }
  ul { font-size: 2rem; }
  p.kigan { font-size: 2rem; }
  p.nenki { font-size: 2rem; }
  p.pictures { font-size: 2rem; }
  div.location-map { font-size: 2rem; }
 }
@media (min-width: 601px) and (max-width: 768px){
  body { margin-left: 15px; margin-right: 15px; }

}