.main_old{
  display:flex;

  /*  縦並び  */
  flex-direction: column;

  justify-content:center;

}



.ad{
  flex-grow:1;
  min-width: 0;

  text-align:center; 
}

/*  広告はみ出さないための仮設定  */
/*tableのtdのmax-widthを設定すると枠内に入る*/


/*  ここからはほぼ旧ページのまま  */

.main_old TH.tit2 {BACKGROUND-COLOR:#D7D7FF;}
/*.main_old TR.m,.main_old TH.m,.main_old TD.m {TEXT-ALIGN:CENTER;BACKGROUND-COLOR:#E0E0FF;}*/
.main_old TR.m TH,.main_old TH.m{TEXT-ALIGN:CENTER;BACKGROUND-COLOR:#E0E0FF;}

/*.main_old TD {line-height:2.1;MARGIN:2px;PADDING:2px;BACKGROUND-COLOR:#FFF;}*/
.main_old TD {line-height:2.1;MARGIN:2px;PADDING:2px;}
.main_old TD.tit {BACKGROUND-COLOR:#C7C7FF;}
.main_old TD.tit2 {BACKGROUND-COLOR:#D0D0FF;}
.main_old TD.dtop {PADDING-LEFT:15pt;PADDING-RIGHT:15pt;}
.main_old H1.tit {TEXT-ALIGN:CENTER;BACKGROUND-COLOR:#C7C7FF;}
.main_old H2.tit {
  TEXT-ALIGN:CENTER;
  BACKGROUND-COLOR:#D0D0FF;

  /* 下線 */
  border-width: 4px;
  border-color: #88F;
  border-style: none none solid none;
}

.main_old P{
  /*  上下左右    */
  MARGIN:12px 12px 80px;
}

.main_old H3{
  MARGIN:7px;
  PADDING:12px;

  /* 下線 */
  border-width: 2px;
  border-left: solid 12px;
  border-color: #88F;
  border-style: solid;
}

.main_old H4{
  MARGIN: 12px;
  PADDING:7px;

  /* 下線 */ 
  border-bottom: 2px solid #CCF;
  /*  左から右へグラデーション  */
  border-image: linear-gradient(to right,#CCF, #FFF) 1;
  /*border-top:#CCC 1px solid;*/
  /*border-right:#CCC 1px solid;*/

  /*  左側縦線  */
  border-left: solid 8px #CCF;

}

/*
.main_old h4 {
  position: relative;
  padding: 0.25em 0;

  border-left: solid 4px #CCF;
}
.main_old h4:after {
  content: "";
  display: block;
  height: 4px;
  background: -webkit-linear-gradient(to right, #ccc, transparent);
  background: linear-gradient(to right,#ccc, transparent);
}
*/

.main_old ul{

  /*  旧デザイン  */
  /*
  border: 1px;
  background-color: #EEF;
  padding-top:10px;
  padding-bottom:10px;
  padding-left:40px;
  padding-right:10px;
  */

  background: #fffcf4;
  border-radius :8px;/*角の丸み*/
  box-shadow :0px 0px 5px silver;/*5px=影の広がり具合*/
  padding: 2em 2em 2em 2em;
  margin-left: 10px;
  margin-right:10px;
}

.main_old li{
  padding-left:10px;
}
    
.main_old blockquote{
  background: #eaeaea;/*灰色に*/
  border-radius :8px;
  box-shadow :0px 0px 5px silver;
  padding: 0.5em 0.5em 0.5em 2em;
}

/*--------------------------------------------------------------------------------*/
/*  表整形  */
.tensen{
  /*  枠線間のスペース削除    */
  border-collapse: collapse;
  /*  外枠距離    */
  margin: 20px;
}

/*  表内点線    */
.tensen *{
  border: 1px dotted;
  background:transparent;
}

/*  th背景色  */
.tensen th{
  background: #e9faf9;
}

/*  テーブル背景色  */
.back_gray{
  background: #808080;
}
.back_red{
  background: #fff0f0;
}

/*  文字色  */
.text_gray{
  color: #808080;
}
.text_red{
  color: #dd0000;
}

/*--------------------------------------------------------------------------------*/

/*  グループエリア  */
.main_old div.group{

  /*  横幅  */
  flex-grow:1;

  /*  内側余白  */
  MARGIN:7px;

  /*  外側余白  */
  PADDING:20px;

  /* 枠線 */
  border-width: 2px;
  border-color: #888;
  border-style: solid;
}

/*  グループリスト  */
.group li{
  line-height:2;
  padding-left:10px;
}

/*--------------------------------------------------------------------------------*/
/*  広告エリアの設定  */

/*  DLsiteウィジェット用仮  */
.ad_pc_view{
  display: block;
  max-width: 470px;
}
.ad_mobile_view{display: none}

/*  DLsiteウィジェット用仮  */
@media screen and (max-width: 1000px) {

  /*  再表示  */
  .ad_mobile_view{
    display: block;
    max-width: 300px;
  }
  .ad_pc_view{display: none}

}