/*  更新履歴はファイル末尾  */
           @charset  "UTF-8";
#wrapper{
    margin: 0 auto;
    padding: 0 10px;
    max-width: 768px;
}

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

           .header {
              width: 100%;                  /* 要素の幅を100% */
              margin: 0;
       }

.main{
/*    float: right;      */
    width: 100%;
    }
           h1{color:#0000ff;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:italic;
              font-weight:bold;
              max-width:100%;                     /* width削除　max-width設定 */
              height:auto;                        /* height;auto追加 １行追加 */
              margin-left:auto;
              margin-right:auto;
              padding:10px;}                       /* form で追加 */
           #pagetop{color:#0000ff;                 /*  IDセレクタ  （ピリオドで始まるのがclassセレクタ）  */
              font-size:2em;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:italic;
              font-weight:bold;
              max-width:100%;
              margin-top:auto;                     /* form で追加 */
              margin-left:auto;
              margin-right:auto;
              padding-10px;}                       /* doc で追加 */
           h2{color:#008080;                       /* h2は現状無し？ */
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:normal;
              font-weight:bold;
              max-width:100%;
              margin-left:auto;
              margin-right:auto;}
           h3{color:#0000ff;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:italic;
              font-weight:bold;
              line-height: 120%;
              padding-bottom: 0px;                 /* padding-bottom追加 */
              margin-bottom: 0px;                  /* margin-bottom追加 */
              }
           h4{color:#ff0080;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:normal;
              font-weight:bold;
              max-width:100%;
              margin-left:auto;
              margin-right:auto;}
           body{color:#000000;
              font-size:   200%;
              line-height: 200%;
              max-width:100%;
              background-color:#ffffdf,transparent;
              background-image:url(../images/backgrounds1.jpg);
              background-repeat:repeat-y;
              background-position:1024px top;}
           body a {                             /* リンク表示部分は青文字・下線つきにする */
              text-decoration: underline;
              color: #0000ff;
              transition: .2s ease-in-out;
              }
           article.main{
              max-width:100%;
              margin-left:auto;
              margin-right:auto;
              }
           ul {list-style:inside;}
           li {                                  /* クラス名なしのliはぶら下げインデントをつける */
               padding: 0px 0px 0px 0px;
               padding-left: 1em;
               text-indent: -1em;
              }
           li.upd {                              /* 更新履歴はリストにしてインデントをつける */
               list-style-type: none;
               padding: 0px 0px 0px 0px;
               padding-left: 7em;
               text-indent: -7em;
              }
          
        /*     padding: (top) (right) (bottom) (left) */
           p.align-left {
              text-align: left;
              margin-left: 15px;
              margin-right: 100px;}
           p.align-center {
              text-align: center;
              margin-left: 15px;
              margin-right: 100px; }
           p.align-center-bold {
              text-align: center;
              margin-left: 15px;
              margin-right: 100px;
              font-weight:bold;}
           p.align-right {
              text-align: right;
              margin-left: 15px;
              margin-right: 100px;}
/*
           .burasage {
              padding-left: 1em;
              text-indent: -1em;
              }
*/
           .linfed {
              padding-left: 1em;
              text-indent: -1em;
              }

           .selbox {                                 /* 選択部分 */
              font-size:   110%;
              line-height: 110%;
              }
  /* textarea を画面幅いっぱいにする */
  textarea {
    width: max-width;      /* 親要素の幅にフィット */
    box-sizing: border-box; /* padding・border を幅に含める */
    max-width: 100%;  /* はみ出し防止 */
  }
           .textarea {                                /* テキストボックス */
              font-size:   110%;
              line-height: 110%;
              }
           .button {                                /* ボタン */
              font-size:   110%;
              line-height: 110%;
              text-align: center;
              border: 1px solid #000000;           /* 太さ 1px、実線、色 #000000 */
              width: 120px;
              margin:  0px  0px 20px 20px;         /* 要素外側の余白　上　右　下　左 */
              padding: 5px 10px 5px 10px;          /* 要素内側の余白　上　右　下　左 */
              background: linear-gradient(135deg, #ffffff, #c9caca); /* グラデ色 */
              border-radius: 12px;             /* 角丸 */
              cursor: pointer;
              box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); /* 影 */
              }

/* CSSメディアクエリ ==========================================================================================================  */

@media (max-width: 480px) {
           #wrapper{
              margin: 0 auto;
              padding: 0 10px;
              max-width: 480px;
                                }                 /* wrapper の終わり */
           h1{color:#ff00ff;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:normal;
              font-weight:bold;
              max-width:100%;                     /* width削除　max-width設定 */
              height:auto;                        /* height;auto追加 １行追加 */
              margin-left:auto;
              margin-right:auto;
              padding:10px;}
           #pagetop{color:#ff00ff;                 /*  IDセレクタ  （ピリオドで始まるのがclassセレクタ）  */
              font-size:130%;
              font-family:"ＭＳ ゴシック",'Droid Sans',sans-serif;
              font-style:normal;
              font-weight:bold;
              max-width:100%;
              margin-top:auto;
              margin-left:auto;
              margin-right:auto;
              padding-10px;}
           body{color:#000000;
              font-size:   150%;
              line-height: 180%;
              max-width:100%;
              background-color:#ffffdf,transparent;
              background-image:url(../images/backgrounds1.jpg);
              background-repeat:repeat-y;
              background-position:1024px top;}
           .burasage {                               /* ぶら下げインデント（ラジオボタン配列に使用） */
              display:block;
              margin:  0px 0px 0px 0px;             /* 要素外側の余白　上　右　下　左 */
              padding: 0px 0px 0px 20px;             /* 要素内側の余白　上　右　下　左 */
                            }
           .linfed {                                     /*  */
              display:block;
              margin:  0px 0px 0px 0px;             /* 要素外側の余白　上　右　下　左 */
              padding: 0px 0px 0px 20px;             /* 要素内側の余白　上　右　下　左 */
                            }
           .selbox {                                 /* 選択部分 */
              font-size:   100%;
              line-height: 110%;
              }
  /* textarea を画面幅いっぱいにする */
  textarea {
    width: 100%;      /* 親要素の幅にフィット */
    box-sizing: border-box; /* padding・border を幅に含める */
    max-width: 100%;  /* はみ出し防止 */
  }
           .textarea {                                /* テキストボックス */
              font-size:   120%;
              line-height: 120%;
              }
}      /* @mediaの閉じカッコ */

/* 2022/5/28 作成   6/7 update   6/9 参照されていない定義を削除 */