/* 基本設定 */
body{
  /* 全体表示、中央 */
  margin-right: auto;
  margin-left : auto;

  /*ダブルタップでのズームなど、標準外の追加的なジェスチャーを無効します。*/
  touch-action: manipulation;
}


/* 【1000以上】 */
@media (min-width: 1000px) {
  :root {
      /* --SET_MAX_WIDTH: 1200px;
      --SET_MAX_BODY:   950px; */
      --SET_SM_BAIRIRU: 1.0;
      --SET_Story_H: 100;
  }
  html {font-size:62.5%;}
  body{
      /* background-color: rgb(155, 187, 218); */
      max-width:1200px;/*最大サイズ*/
  }


  /* ユニークスタイル： スタート */
  .area_main{
      margin-right: 20px;
      width: 85%;
  }
  
  /* 広告ON */
  .area_main_ringt_cm{ display: block; }
} 

/* 【999以下】【スマートフォン】とか */
@media (max-width: 999px) {
  :root {
      /* --SET_MAX_WIDTH: auto;
      --SET_MAX_BODY: auto; */
      --SET_SM_BAIRIRU: 1.6;
      --SET_Story_H: 160;
  }
  html {font-size:120%;}
  body{
      /* background-color: rgb(235, 195, 195); */
  }
  
  /* ユニークスタイル： スタート */
  .area_main{
      margin-right: 20px;
      width: 98%;
  }
     
  /* 広告OFF */
  .area_main_ringt_cm{ display: none;}

  /* iOSデバイスのブラウザでCSS3の「rem」が効かない場合にチェックしたいこと */
  body,html {
      -webkit-text-size-adjust: 100%;
  }
}
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■                                                              ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/*コンスタント定義*/

.info_box{
  font-size: 1.6rem;
  border-radius: 10px;
  border: solid 3px rgb(43, 104, 235);
}

ul {
  list-style:none;
  margin: 0 0;
  padding-inline-start: 10px;
}

.under-element {
  clear: both;
}

hr{
  margin: 2px 0px 2px 0px;
  width: 98%;
}

ex_Bold{
  font-weight: bold;
}
ex_red {
  color: #ff0000;
}



h2 {
  font-size: 2.0rem;
  padding: 1.4rem 0 1.2rem 1.0rem;
  background: #FCF5DC;
  font-weight: bold;
}



/* 全体 */
.area_main{
  /* 広告を右に出すために、全体は左 */
  float: left;
  font-size: 1.6rem;
  /* color: red; */
  margin: 15px 30px;
}
.main_kiji{
  line-height: 3.5rem;
  font-size: 1.6rem;
}
.main_kiji > span{
  margin-left: 5rem;
  background-color: #FCF5DC;
}

.main_entry{
  vertical-align: middle;
}



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■  ボタン                                                      ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.btn_entry {
display: inline-block;
padding: 0.3rem 1rem 0.0rem;
text-decoration: none;
background: #668ad8;/*ボタン色*/
color: #FFF;
border-bottom: solid 4px #627295;
border-radius: 3px;
font-size: 1.6rem;
}
.btn_entry:active {
/*ボタンを押したとき*/
-webkit-transform: translateY(4px);
transform: translateY(4px);/*下に動く*/
box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
border-bottom: none;
}

/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■  ncode入力： INPUT=TEXTの標準デザイン設定                    ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.inText {
  box-sizing    : border-box;
  margin        : 0;
  /* vertical-align: top; */
 
  width         : 100%;                /* 一旦100%幅     */
  max-width     : 20rem;               /* 入力域の最大幅 */
  height        : 3.0rem;                /* 入力域の高さ   */
  background    : #ffffff;             /* 入力域の背景色 */
  border        : 2px solid #1e6bb9;   /* 入力域の枠線   */
  border-radius : 4px;                 /* 入力域の角丸   */
  padding       : 0 10px;              /* 入力文字の余白 */
  font-size     : 2.0rem;                /* 入力文字サイズ */
  color         : #333333;             /* 入力文字の色   */
  font-weight   : bold;                /* 入力文字の太字 */
  letter-spacing: .1em;                /* 入力文字の間隔 */
}
 /* --- 入力フィールドにフォーカスか来たら ----------------*/
.inText:focus {
  border-color  : #59b300;                 /* 枠線色     */
  background    : rgba(89, 179, 0, 0.20);  /* 背景色     */
  box-shadow    : 4px 4px 2px #999;        /* 影付け     */
  outline       : 0;
}
 /* --- 入力説明の文字(標準) -----------------------------*/
.inText:placeholder-shown {
  color         : #808080;                 /* 文字色     */
  font-size     : 1.6rem;                    /* 少し小さく */
}
 /* --- 入力説明の文字(Chrome,Safari,Android,iOS等) ---- -*/
.inText::-webkit-input-placeholder {
  color         : #808080;                 /* 文字色     */
  font-size     : 1.6rem;                    /* 少し小さく */
}
 /* --- 入力説明の文字(IE用) -----------------------------*/
.inText:-ms-input-placeholder {
  color         : #808080;                 /* 文字色     */
  font-size     : 1.6rem;                    /* 少し小さく */
}
 /* --- IEの入力エリア右側×消し -------------------------*/
.inText::-ms-clear {
  display     : none;                      /* ×を消す   */
}


/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■  テーブル                                                    ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* --- テーブル全体のスタイル指定 --------------- */
.tableArea, .tableArea02 {
  /* width: 100%; */
  /* 100%幅     */
  border-collapse: collapse;
  /* 境界線結合 */
  border-spacing: 0;
  /* 罫線間余白 */
  font-size: 1.6rem;
  /* 文字サイズ */
  background: #ffffff;
  /* テーブル全体の背景色 */
}

/* --- ヘッダーのスタイル指定 ------------------- */
.tableArea th, .tableArea02 th {
  text-align: center;
  /* 文字位置   */
  font-weight: bold;
  /* 太文字     */
  padding: 0px 0px;
  /* 余白       */
  border: 1px #666666 solid;
  /* 罫線       */
  background: #79ec79;
  /* 背景色     */
}

/* --- 明細のスタイル指定 ----------------------- */
.tableArea td, .tableArea02 td {
  text-align: center;
  /* 文字位置   */
  padding: 0px 0px;
  /* 余白       */
  border: 1px #666666 solid;
  /* 罫線       */
}

/* --- 明細のｎ行スタイル指定 ------------------- */
.tableArea tr:nth-child(2n+1), .tableArea02 tr:nth-child(2n+1) {
/* .tableArea tr:nth-child(2n+1){ */
  background: #bfebed;
  /* 背景色     */
}
.tableArea02 tr>.rp{
  background: #FFFFFF;
}




/* 縦、各フィールドサイズ */
.tableArea tr td:nth-child(1) { width: 20.0rem; }
.tableArea tr td:nth-child(2) { width: 12.0rem; }
.tableArea tr td:nth-child(3) { width: 8.0rem; }

.tableArea02 tr td:nth-child(1) { width: 6.0rem; }
.tableArea02 tr td:nth-child(2) { width: 20.0rem; }
.tableArea02 tr td:nth-child(3) { width: 10.0rem; }
.tableArea02 tr td:nth-child(4) { width: 8.0rem; }
.tableArea02 tr td:nth-child(5) { width: 8.0rem; }
.tableArea02 tr td:nth-child(6) { width: 8.0rem; }



/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
/* ■■■ ヘッダー情報: ボタンセレクト系                               ■■■ */
/* ■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■ */
.header_info{
  -float: left;
}
.header_info_01 {
  float: left;
  margin: 0 0;
  font-size: 2.2rem;
  margin-left: 2.0rem;
  /* color: #FFF; */
  /* background-color: rgba(17, 17, 17,0.5); */
  line-height: 2.4rem;
}
.header_info_01>span {
  font-size: 1.6rem;

  /* background-image: url("../share/banner_renga.jpg"); */
}

.header_info_02 {
  float: left;
  font-size: 1.4rem;
  margin: 0.8rem 1.0rem;
  /* color: #FFF; */
  /* background-color: rgba(17, 17, 17,0.5); */
  /* background-image: url("../share/banner_renga.jpg"); */
}

.rank_title{
  font-size: 2.0rem;
  font-weight: bold;

  /*はみ出たのを隠す*/
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}