/*----------------------------------------------------
  メニュー背景#shadow
----------------------------------------------------*/

/*----------------------------------------------------
  メニュー背景#shadow
----------------------------------------------------*/
.shadow1 {text-shadow:3px 3px 2px #ff6347;}	/* メニュー背景（赤色） */
.shadow2 {text-shadow:3px 3px 2px #000000;}	/* メニュー背景（赤色） */



/*----------------------------------------------------
  二重下線#under
----------------------------------------------------*/
.under1 {border-bottom: double 4px #fffcbc;}	/* 二重下線（金色） */
.under2 {border-bottom: double 4px #ff0000;}	/* 二重下線（金色） */
.under9 {border-bottom: double 6px #87cefa;}	/* 二重下線（水色） */


/*----------------------------------------------------
  下半分線#under
----------------------------------------------------*/
.under_line01 {background: linear-gradient(transparent 50%, #a8eaff 50%);}
.under_line02 {background: linear-gradient(transparent 70%, #ff99ab 70%);}


/*----------------------------------------------------
  螢光ペン#under
----------------------------------------------------*/
.under_pen01 {background: linear-gradient(transparent 0, #aa0000 0);}
.under_pen02 {background: linear-gradient(transparent 0, #ff0000 0);}
.under_pen03 {background: linear-gradient(transparent 0, #0abc62 0);}
.under_pen04 {background: linear-gradient(transparent 0, #0b2260 0);}
.under_pen05 {background: linear-gradient(transparent 0, #ff7f50 0);}
.under_pen07 {background: linear-gradient(transparent 0, #dc143c 0);}
.under_pen08 {background: linear-gradient(transparent 0, #000000 0);}
.under_pen09 {background: linear-gradient(transparent 0, #8effa1 0);}


/*----------------------------------------------------
  字取り#jidori
----------------------------------------------------*/
.jidori{
     width:20em;
     font-size:17;
     table-layout:auto;
}
.jidori th{
     padding:0;
     -moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph;
     border:none;
}



/*p.sample {
	width:200px;
	background-color:#99cc00;
	text-align:justify;
}



.jidori{
     width:7em;
     font-size:2em;
     table-layout:auto;
}
.jidori td{
     padding:0;
     -moz-text-align-last: justify;
     text-align-last: justify;
     text-justify:inter-ideograph;
     border:none;
}*/



.edge .use-flex{
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-pack: justify;
     -ms-flex-pack: justify;
     justify-content: space-between;
}


table th {
    text-align-last: justify;
}



/*----------------------------------------------------
  ふきだし#tooltip1
----------------------------------------------------*/
/* 表示文字の装飾 */
div.tooltip1{
color: #555;
display: inline-block;/* インライン要素化 */
border-bottom:dashed 0px #555;/* 下線を引く */
}
 
/* ツールチップ部分を隠す */
div.tooltip1 span {
display: none;
}
 
/* マウスオーバー */
div.tooltip1:hover {
position: relative;
color: #333;
}
 
/* マウスオーバー時にツールチップを表示 */
div.tooltip1:hover span {
display: block;  /* ボックス要素にする */
position: absolute;/* relativeからの絶対位置 */
top: 25px;
font-size: 90%;
color: #fff;
background-color: #dc143c;
width: 405px;
padding: 5px;
border-radius:3px;
z-index:100;
}
 
/* フキダシ部分を作成 */
div.tooltip1 span:before{
content:''; 
display:block; 
position:absolute; /* relativeからの絶対位置 */
height:0; 
width:0; 
top:-13px; 
left:15px;
border:13px transparent solid; 
border-right-width:0; 
border-left-color:#dc143c; 
transform:rotate(270deg);/* 傾きをつける */
-webkit-transform:rotate(270deg);
-o-transform:rotate(270deg);
z-index:100;
}


/*----------------------------------------------------
  点滅アニマージュ　背景反転ブリンク#under
----------------------------------------------------*/
 /* --- BOXの定義 -------------------------------------------------*/
.sample2d {
  display       : inline-block;        /* ブロック化              */
  font-weight   : bold;                /* 太字                    */
  color         : #ffffff;             /* 文字色                  */
  background    : #ff0000;             /* 背景色                  */
  padding       : -50px 0px -50px 0px;             /* 背景色内の余白          */
  margin        : 0px 0px 0px 0px;               /* 背景色の外の上 右 下 左余白    */
  animation  : sample2dAnime 4s infinite alternate;  /* アニメ */
}
 /* --- アニメーションの設定 ------------------------------------ */
@keyframes sample2dAnime {
   0% {
       color      : #ff0000;           /* 開始文字色              */
       background : #ff0000;           /* 開始背景色              */
      }
 100% {
       color      : #ffffff;           /* 終了文字色              */
       background : #ff0000;           /* 終了背景色              */
      }
}



 /* --- BOXの定義 -------------------------------------------------*/
.sample3d {
  display       : inline-block;        /* ブロック化              */
  font-weight   : bold;                /* 太字                    */
  color         : #ffffff;             /* 文字色                  */
  background    : #ff7f00;             /* 背景色                  */
  padding       : 5px 3px;             /* 背景色内の余白          */
  margin        : 0 2px;               /* 背景色のの外左右余白    */
  animation  : sample2dAnime 4s infinite alternate;  /* アニメ */
}
 /* --- アニメーションの設定 ------------------------------------ */
@keyframes sample2dAnime {
   0% {
       color      : #ffffff;           /* 開始文字色              */
       background : #ff7f00;           /* 開始背景色              */
      }
 100% {
       color      : #ff7f00;           /* 終了文字色              */
       background : #ffffff;           /* 終了背景色              */
      }
}




/*----------------------------------------------------
  行間調整#lineheight percent
----------------------------------------------------*/
lineheight00percent {line-height: initial;}
lineheight50percent {line-height: 50%;}
lineheight90percent {line-height: 90%;}
lineheight100percent {line-height: 100%;}
lineheight110percent {line-height: 110%;}
lineheight120percent {line-height: 120%;}
lineheight130percent {line-height: 130%;}
lineheight140percent {line-height: 140%;}
lineheight150percent {line-height: 150%;}
lineheight160percent {line-height: 160%;}
lineheight170percent {line-height: 170%;}
lineheight180percent {line-height: 180%;}
lineheight190percent {line-height: 190%;}
lineheight200percent {line-height: 200%;}
lineheight500percent {line-height: 500%;}