@charset "utf-8";

/*　基本の記事枠　*/

h2 {
  font-size: 20px;
  font-weight: normal;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 40px;
  padding-right: 10px;
  border-top: solid 3px #ffb86c;
  border-bottom: dotted 1px gray;
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  border-right: solid 1px rgba(0, 0, 0, 0.2);
  margin: 20px 0 0 0;
  background-color: #ffe9de;
  background-image: url(../top-photo/line1.png);
  background-repeat: no-repeat;
  background-position: 15px 12px;
  background-size: 8px 25px;
}

.box {
  border-left: solid 1px rgba(0, 0, 0, 0.2);
  border-right: solid 1px rgba(0, 0, 0, 0.2);
  border-bottom: solid 3px rgba(0, 0, 0, 0.2);
  padding: 30px 30px;
  margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
  .box {
    padding: 20px 15px;
  }
}

.atama {
  margin-top: 0;
  font-weight: bold;
}


/*　リストタイプ　*/

.list1{
  list-style-type: square;
  margin-left: 20px;
  margin-top: 10px;
}

.list1 li{
  padding: 4px 0;
}

.list2{
  list-style-type: disc;
  margin-left: 20px;
  margin-top: 10px;
}

.list2 li{
  padding: 4px 0;
}


/* 写真・画像のレスポンシブ */

.syasin {
  max-width: 100%;
  height: auto;
  margin-top: 10px;
}

@media only screen and (min-width: 768px){
  .syasin {
    margin-left: 5px;
  }
}