@charset "UTF-8";

    
.center{
        /* 子要素を水平方向の中央に配置する */
        display: flex;
      justify-content: center;
    }
    .short {
      max-width: 980px;
    width:70%;
    margin:10px auto;
    background-color:#FFF;
    border-radius: 0.5rem;
    padding: 1rem;
    padding-bottom: 3rem;
    }
    .wrap {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      /* 子要素を水平方向の中央に配置する */
      display: flex;
      justify-content: center;
    }
    
    @media screen and (min-width: 560px) {  /* タブレット以上 */
      .wrap {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      /* 子要素を水平方向の中央に配置する */
      display: flex;
      justify-content: center;
    }
    .short {
      width: 70%;
    margin:10px auto;
    background-color:#FFF;
    border-radius: 0.5rem;
    padding: 1rem;
    }
    }
    @media screen and (min-width: 560px) and (max-width: 959px) {  /* タブレット */
      .wrap {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      /* 子要素を水平方向の中央に配置する */
      display: flex;
      justify-content: center;
    }
    .short {
      width: 94%;
    margin:10px auto;
    background-color:#FFF;
    border-radius: 0.5rem;
    padding: 1rem;
    }  
    }
    @media screen and (max-width:559px) {
    /*　画面サイズが559px以下の場合ここの記述が適用される　*/
    .wrap {
      width: 100%;
      display: inline-block;
      vertical-align: top;
      /* 子要素を水平方向の中央に配置する */
      display: flex;
      justify-content: center;
    }
    .short {
      width: 94%;
    margin:10px auto;
    background-color:#FFF;
    border-radius: 0.5rem;
    padding: 1rem;
    }
    }
    .list_answer-wrap {
            list-style:  none;
            margin:  0;
            padding: 0;
        }
        .list_answer:before {/*月号タイトル*/
            content:  "";
            width: 1px;
            height: 10px;
            display:  inline-block;
            position:  relative;
            margin-right: 0.2em;
            /*background-image:  url(../../img/ic_answer02.png);*/
            background-size:  contain;
            background-repeat:  no-repeat;
            vertical-align: top;
          }
        .list_answer {/*月号タイトル*/
            background: #e7e9e9c4;
            margin-top: 0.6rem;
            margin-bottom: 2px;
            padding:  0.6em;
            font-size:  0.98em;
            font-weight:bold;
            letter-spacing: 0.06em;
            /*border-bottom: dotted 2px #5f6b6bad;*/
            border-bottom:solid 1px  #5f6b6bad;
          }
        .list_answer01:before {/*各動画の案内*/
            content:  "";
            width: 0.4em;
            height: 10px;
            display:  inline-block;
            position:  relative;
            margin-right: 1em;
            background-size:  contain;
            background-repeat:  no-repeat;
            vertical-align: top;
        }
        .list_answer01 {/*各動画の案内*/
            background: #e7e9e960;
            margin-bottom: 2px;
            padding:  0.3em;
            font-size:  0.9em;
            /*letter-spacing: -0.02em;*/
            border-bottom: dotted 1px #5f6b6b94;
        }
/*改行用*/
        .list_answer01u:before {/*各動画の案内*/
            content:  "";
            width: 0.4em;
            height: 10px;
            display:  inline-block;
            position:  relative;
            margin-right: 1em;
            background-size:  contain;
            background-repeat:  no-repeat;
            vertical-align: top;
        }

        .list_answer01u {/*各動画の案内*/
            background: #e7e9e960;
            margin-bottom: 2px;
            padding:  0.3em 0 0.3em 1.4rem;
            /*padding-left: 1.4rem;*/
            text-indent: -1.4rem;
            font-size:  0.9em;
        line-height:1.4rem;
            /*letter-spacing: -0.02em;*/
            border-bottom: dotted 1px #5f6b6b94;
        }

    .ub {
      text-decoration: none;
      border-bottom: 0.02rem solid rgb(120, 96, 226);
      padding-bottom: 0.02rem;
    }
    .ub5 {
      text-decoration: none;
      border-bottom: 0.01rem solid #007394;
      padding-bottom: 0.02rem;
    }

    .tselect {
      border-bottom: 0.16rem solid rgb(196, 196, 196);
      padding: 4px;
      letter-spacing: 0.08em;
      color: #221d1d;
      padding-top: 1rem;
      }
      .list_answer02:after {
          content: "NEW!";
          background: #FF9404;
          font-size: 11px;
          color: #fff;
          border-radius: 2px;
          padding: 3px 5px;
            /*width: 2em;
            height: 20px;*/
            display:  inline-block;
            position:  relative;
            margin-left: 1em;
            /*background-image:  url(../../menu2024/img/ic_p_rika.png);*/
            background-size:  contain;
            background-repeat:  no-repeat;
            vertical-align: top;
        }
        .list_answer02 {
          background: #e7e9e9c4;
            margin-top: 0.6rem;
          margin-bottom: 2px;
            padding:  0.6em;
            font-size:  0.98em;
            font-weight:bold;
            /*letter-spacing: 0.02em;*/
            /*border-bottom: dotted 2px #5f6b6bad;*/
            border-bottom:solid 1px  #5f6b6bad;
        }

        .list2024 h1 {
          text-align: left;
          font-size: 1.2rem;
          margin-bottom: 0;
          letter-spacing: 0.08em;
          color: #3d3a3a;
        }
        a {
              color:#007394;
            }
        a:hover {
              color:#007394;
              font-weight: bold;
            }
        a:visited {
          color:#55686d;
        }

.new{
	/*border-bottom: dashed 1px #bdb9b9;*/
	background-color:#5B5B5B;/*555*/
	border-radius: 2px;
	padding: 0 0.16rem;
	margin: 0 0 0 0.4rem;
	line-height:0.6;
	font-size:0.8rem;
	color:#C0C0C0;
  letter-spacing: 0.06rem;
	}