@import url("common.css");
body {
 margin: 0;
 background-color:#00ffff;
 background: url(files/bird.gif) repeat fixed;
}
.content {
 margin: 64px auto 0 auto;
 padding: 32px;
 max-width: 820px;
 border-radius: 16px;
 background: rgba(225,225,225,0.65);
}


h1 {
 padding: 1em;
 color: LightGreen;
 font: bold 1em/1.6 Meiryo,"メイリオ",Osaka,Verdana,"ＭＳ ゴシック",sans-serif;}

#content {
 margin: 64px auto 0 auto;
 padding: 32px;
 max-width: 820px;
 border-radius: 16px;
 background: rgba(225,225,225,0.8);
 }

p {
 margin: 1em 0;}

.infobox {
      position: relative;
      border: 1px solid #d0d0d0;
      padding: 10px;
      width: 650px;
      background: #efe;
}
.thumbnail {
      margin-bottom: 10px;
      font-size: 0;
}
.thumbnail img {
      width: 100%;
}

.shape-outside .circle {
  shape-outside: circle(50%);
  float: right;
  width: 300px;
  shape-margin: 100px;
}

.shape-outside .text p {
  margin-bottom: 30px;
}

@media not all and (min-width: 568px){
  .shape-outside .circle {
    width: 180px;
  }
}

body {
  margin: 50px auto;
  width: 600px;
}

@media not all and (min-width: 600px){
  body {
    padding: 0 10px;
    width: 100%;
  }
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}