.box{
	width: 90%;
    margin: 5% auto 10% auto;
	/*border: solid 1px black;*/
}
.title{
    margin-bottom: 3%;
}
.content{
    width: 80%;
    margin: 3% auto;
    padding: 2px;
    background-color: rgba(255, 255, 255, 0.281);
    
    /* border: solid 1px red; */
}
/* 本文の文章 */
.sentence{
    /* width: 100%; */
    /*border: dashed 1px;*/
    color: var(--black-color);
}
.sentence li{
    margin: 5% 5% 0 5%;
    list-style: none;
}
.sentence h1{
    text-align: center;
    font-size: 30px;
    color: var(--black-color);/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px rgba(230, 90, 0, 1);/*上線*/
  border-bottom: solid 3px rgba(230, 90, 0, 1);/*下線*/
}
/* １枚目だけを指定 */
#main_image{
    float: right;
    max-height: 25vh;
}
/* ２枚目以降 */
.photo-image{
    display: inline-flex;
}
.photo-image img{
    max-width: 55vh;
}
.marker {
    /* background: linear-gradient(transparent 60%, #69ffc179 60%); */
    /*background: linear-gradient(transparent 60%, rgba(180, 231, 250, 0.87) 60%);*/
}
:root {
    /*ここからテーマカラー(色をテーマカラー毎に指定する)*/
    --main-color: rgba(230, 90, 0, 1);/*メインカラー*//*橙*/
    --main-color-50: rgba(230, 90, 0, 0.5);/*メインカラー透明度50*//*橙*/
    /*ここまで色を指定する*/
    }

#buttons{
    border-top: solid 3px rgba(230, 90, 0, 1);/*下線*/
    padding-bottom: 20px;
    padding-top: 20px;
}
    .edit_button {
        display       : inline-block;
        text-decoration: none;
        border-radius : 5%;          /* 角丸       */
        font-size     : 12pt;        /* 文字サイズ */
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 3px 3px;   /* 余白       */
        background    : var(--gray-color-light);     /* 背景色     */
        color         : var(--black-color);     /* 文字色     */
        line-height   : 1em;         /* 1行の高さ  */
        transition    : all.3s;         /* なめらか変化 */
        border        : 2px solid var(--gray-color-light);    /* 枠の指定 */
      }
      .edit_button:hover {
        background-color: rgb(180, 180, 180);
      }

      .delete_button {
        display       : inline-block;
        text-decoration: none;
        border-radius : 5%;          /* 角丸       */
        font-size     : 12pt;        /* 文字サイズ */
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 3px 3px;   /* 余白       */
        background    : var(--gray-color-light);     /* 背景色     */
        color         : var(--black-color);;     /* 文字色     */
        line-height   : 1em;         /* 1行の高さ  */
        transition    : all.3s;         /* なめらか変化 */
        border        : 2px solid var(--gray-color-light);    /* 枠の指定 */
      }
      .delete_button:hover {
        background-color: rgb(180, 180, 180);
      }