@charset "UTF-8";

/* 改行
-----------------------------------------------------------------------*/
  .br-pc{
   display: block;
}
  .br-sp{
  display: none;
}

@media screen and (max-width: 767px) {
  .br-pc{
   display: none;
  }
  .br-sp{
  display: block;
}

}



/*- jp-bb-net-leadtext
-----------------------------------------------------------------------*/
.jp-bb-net-leadtext {
  margin: 20px 20px;
  padding: 0;
  text-align: left;
  font-size: 18px;
  color: #000;
  }

@media screen and (max-width: 767px) {
  .jp-bb-net-leadtext {
    margin: 10px 20px;
    padding: 0;
    font-size: 14px;
  }
}





/*- jp-page-btn-right
-----------------------------------------------------------------------*/

.jp-page-btn-right{
  text-align: right;
  margin-top:20px;
}




/*- 難易度説明タイトル
-----------------------------------------------------------------------*/
.box1{
    padding: 8px 19px;
    margin: 2em 0;
    color: #fdfc52;
    background: #2b1273;/*背景色*/
    border-top: solid 5px #b407a0;
    border-bottom: solid 5px #b407a0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;   

}
.box1 p {
    margin: 0; 
    padding: 0;
    font-size: 14px;
    text-align: center;
}





/*- table_design01
-----------------------------------------------------------------------*/
table{
  border-collapse: collapse;
  width: 100%;
}
.tb01 th,
.tb01 td{
  padding: 10px;
  border: solid 2px #ccc;
  text-align:center;
  box-sizing:border-box;
  font-weight: bold;
}
.tb01 th {
  background: #ff7bac;
  color: #fff;
  
}

@media screen and (max-width: 767px) {
  .tb01 {
    width: 100%;
  }
  table.tb01 th,
  table.tb01 td {
    display: block;
    width: 100%;
    border-bottom:none;
  }
  .tb01 tr:last-child{
    border-bottom: solid 2px #ccc;
  }
}





/*説明テキスト
-----------------------------------------------------------------------*/
.jp-bb-saiten_score-text {
    margin: 50px 30px; 
    padding: 0px;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
}
.maker{
  background: linear-gradient(rgb(255, 255, 255) 60%, #fdfc52 60%);
  font-weight: bold;  
}


@media screen and (max-width: 767px) {
  .jp-bb-saiten-score-text {
    margin: 20px 5px;
    padding: 0px;
    font-size: 15px;
    font-weight: bold;
    text-align: center;    
  }

}

/*　採点リスト（平均点）
-----------------------------------------------------------------------*/
tbody > tr > td.jp-page-sl-cell-score{
  font-size: 15px;
  font-weight: bold; 
}


@media screen and (max-width: 767px) {
  .jp-page-sl-cell-score{
    font-size: 15px;
    font-weight: bold;
    text-align: left; 
 }

  tbody > tr > td.jp-page-sl-cell-score{
    line-height: 2em;
  }

  tbody > tr > td.jp-page-sl-cell-score::before{
    content: '平均点：';
  }
 
}



/*　分析採点AI＆全国採点GPロゴリンク等
-----------------------------------------------------------------------*/
.flex-img-wrapper{
  display:flex;
  flex-direction: column;
  padding: 20px;
  margin-bottom: 40px;
 } 

.saiten_score-box{
  display:flex;
  flex-direction: column;
  margin-bottom: 40px;
 } 


@media screen and (max-width: 767px) {
  .flex-img-wrapper {
  display:flex;
  flex-direction: column;
  margin-bottom: 20px 5px;
 } 

.text {
  width: 100%;
  text-align: center;
}
}


@media screen and (max-width: 767px) {
  .jp-bb-saiten-score-text {
    margin-bottom: 20px 5px;
    padding: 0px;
    font-size: 15px;
    text-align: center;    
  }

.text {
  width: 100%;
  text-align: center;
}
}



/*　動画
-----------------------------------------------------------------------*/

/*.saiten_score-video-box {
  max-width: 600px;
  margin: 0 auto;
}

.saiten_score-video-inner {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 30px;
  padding-bottom: 56.25%;
  margin-bottom: 30px;
  overflow: hidden;
}

.saiten_score-video-inner iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.saiten_score-video-inner:after {
  content: "";
  display: block;
  clear: both;
  visibility: hidden;
}
*/


/*　btn
-----------------------------------------------------------------------*/

.jp-cmptemp-btn-wrap{
  text-align: center;
  margin: 10px 5% 0;
}
.jp-cmptemp-btn-wrap a{
  margin-top: 10px;
}
.jp-cmptemp-btn-wrap a:first-child{
  margin-top: 0;
}

/*色*/

.jp-cmptemp-btn02 {
  background: #ef270d;
  -webkit-border-radius: 10px;
          border-radius: 10px;
  color: #FFF;
  display: block;
  font-size: 24px;
  font-weight: bold;
  margin: 0 auto;
  padding: 10px 20px;
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4);
  width: 80%;
}


.jp-cmptemp-btn02:hover,
.jp-cmptemp-btn02:active{
   color: #FFF; text-decoration: none; }

@media screen and (max-width: 767px) {

  .jp-cmptemp-btn02 {
    -webkit-border-radius: 5px;
            border-radius: 5px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: #FFF;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
    width: 100%;
  }



}



/*　改行
-----------------------------------------------------------------------*/

.br-pc{
  display: block;
}
 .br-sp{
 display: none;
}

@media screen and (max-width: 767px) {
 .br-pc{
  display: none;
 }
 .br-sp{
 display: block;
}

}