@charset "utf-8";
/* 【 h1,h2,h3,h4 】見出し *********************/
h4{
  text-align: center;
}


/* 【 background-color 】背景色 ****************/

.item_titile a{
  background-color: #FF0000;
}


.line-2.div2 div{
  background-color: white;
}

/* 【 background-image 】　*********************/

.ranking .no1 a{
  background-image: url(../img/no1.jpg);
}
.ranking .no2 a {
  background-image: url(../img/no2.jpg);
}
.ranking .no3 a {
  background-image: url(../img/no3.jpg);
}


/* 【 background-repeat 】　********************/
.ranking .no1 a,  .ranking .no2 a, .ranking .no3 a{
  background-repeat: no-repeat;
}

/* 【 background-size 】　*********************/

.ranking .no1 a, .ranking .no2 a, .ranking .no3 a{
  background-size: 70px 47px;
}


/* 【 background-position 】　*********************/
.ranking li a {
  background-position: left center;
}


/* 【 border 】線　****************************/
.ranking{
  border: 2px solid #007FFF;
}


.bousen{
  border-bottom-width: 1px;
}

.bousen{
  border-bottom-style: solid;
}

.bousen{
  border-bottom-color: #595959;
}

.sixyokuzai2{
  border: solid 1px #595959;
}

.reitous{
  border-bottom: 3px solid #595959;
}

.line-2 .voice_block {
  border: solid 1px #8c8c8c;
}


/* 【 box-shadow 】色 *****************************/
.line-2 .voice_block {
  box-shadow: 3px 3px 6px 1px #bcb9b9;
}

.item_titile a{
  box-shadow: 4px 5px 12px -6px #000;
}

/* 【 color 】色 *****************************/

section .ranking li a {
  color:#000000;
}

.voice_comment p .bunkasai_kome, .bunkasai_youto, .bunkasai_ranking{
  color: red;
}

.item_titile a{
  color: #ffffff;
}
/* 【 display 】 *****************************/
.bunkasai_ren, .bun_kome_img, .osusume_block, .reitousb, .sixyokuzai, .line-2{
  display:flex
}

section .ranking li a, .item_titile a{
  display:block;
}


.sixyokuzai_san{
  color: red;
}

/* 【 font-size 】文字の大きさ ***************/

.ranking{
  font-size: 24px;
}

/* 【 font-weight 】 ************************/

section .ranking li a {
  font-weight: bold;
  }

.item_titile a{
  font-weight: bold;
}
/* 【 flex-shrink 】文字の大きさ ***************/
 .line-2 .voice_block{
   flex-shrink: 0;
 }

 
/* 【 height 】高さ *************************/

.line-2{
  height: 100%;
}


/* 【 justify-content   ********************/
/* 【 line-height 】 ************************/

section .ranking li a {
  line-height: 47px;
} 

/* 【 left 】 ******************************/
/* 【 margin 】 ***************************/


.ranking{
  margin-right: 1em;
}

.ranking{
  margin-left: 1em;
}

.ranking li{
  margin-bottom: 1rem;
}

.voice_comment .voice_comment1{
  margin: 0px;
}

.item_titile a, .items_link{
  margin-right: auto;
}

.item_titile a, .items_link{
  margin-left: auto;
}

.bousen, .bunkasai_area .sixyokuzai, .osusume_block, .sixyokuzai{
  margin-bottom: 50px;
}

.sixyokuzai2{
  margin-bottom: 15px;
}

.line-2.div2{
  margin-bottom: 20px;
}

.items_link{
  margin-top: 100px;
}

.line-2 .voice_block {
  margin: 10px;
}

.item_t p{
  margin: 2px 0;
}

.osusume_kome1, .osusume_kome2, .osusume_kome3, .osusume_kome4{
  margin-left: 10px;
}


.no_img{            
  margin-right: 10px;
}







/* 【 max-height 】 *************************/
/* 【 max-width 】 **************************/
/* 【 opacity 】 ****************************/
/* 【 overflow 】 ***************************/
/* 【 padding 】 ****************************/

.ranking, section .ranking li a{
  padding-top: 0.5em;
}

.item_titile a{
  padding: 10px 3px 10px 3px;
}

.ranking{
  padding-right: 1.5em;
}



.ranking{
  padding-bottom: 0.5em;
}

.ranking{
  padding-left: 1.5em;
}

section .ranking li a{
  padding-left: 70px;
}


.bousen{
  padding-bottom: 50px;
}

.sixyokuzai2{
  padding: 15px;
}

.line-2 .voice_block {
  padding: 10px;
}

.item_t p{
  padding: 0 0 0 5px;
}

/* 【 position 】************************** */
/* 【 text-align 】 *************************/
.voice_comment1, .zenkoku_koe{
  text-align: right;
}

.item_titile a{
  text-align: center;
}

/* 【 text-indent 】 ************************/
/* 【 text-decoration 】 ************************/
.item_titile a{
  text-decoration: none;
}

/* 【 text-shadow 】 ************************/


.ranking li{
  text-decoration: underline;
}

/* 【 top 】 ********************************/
/* 【 vertical-align 】 *********************/
/* 【 width 】横幅 **************************/
.bunkasai1 img, .bunkasai2 img, .bunkasai3 img, .sixyoku_img img, .sixyoku2_img a img, .bun_kome1 img, .bun_kome2 img, .bun_kome3 img, .osusume_img1 img,
.osusume_img2 img,.osusume_img3 img, .line-2.div2, .line-2 img, .osusume_img4 img, .items_link img{
  width: 100%;
}

.sixyoku_img, .osusume_img1, .osusume_img2, .osusume_img3, .osusume_img4, .bunkasai1, .bunkasai2, .bunkasai3{
  width: 30%;
}



.sixyokuzai_text, .osusume_kome1, .osusume_kome2, .osusume_kome3, .osusume_kome4{
  width: 70%;
}

.sixyoku2_img{
  width: 53%;
}

.sixyoku2_spac{
  width: 47%;
}

.bun_kome1, .bun_kome2, .bun_kome3{
  width: 33%;
}

.items_link{
  width: 80%
}

.no_img{
  width: 60px;
}

.line-2, .voice_block{
  width: 230px;
}

.line-2 .voice_block{
  width: 250px;
}


.item_titile a{
  width: 50%;
}

/* 【 other or special CSS 】 *****************/
/* 【 overflow-x 】 *****************/
.line-2{
  overflow-x: auto;
}



/* 【 list-style 】 *****************/

.ranking li{
  list-style:none;
}



.bunkasai_ren{
  justify-content: space-between;
}













































































/*　▽▽▽▽▽▽ レスポンシブ CSS (画面サイズが(max-width: XXXpx) XXX以下で下記効果を適用します。)　▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽▽　*/
@media screen and (max-width: 640px){
/* 【 ［SP］/ h1,h2,h3,h4 】 ****************/
h4{
  font-size: 16px;
}

h3{
  font-size: 20px;
}



/* 【 ［SP］/ background-color 】背景色  ****/
/* 【 ［SP］/ background-image 】　*********/
/* 【 ［SP］/ background-repeat 】　********/
/* 【 ［SP］/ background-size 】　**********/

  .ranking .no1 a, .ranking .no2 a, .ranking .no3 a{
  background-size: 3rem auto;
}
  /* 【 ［SP］/ border 】線　*****************/
.ranking{
  border: 2px solid #007FFF
}

  /* 【 ［SP］/ color 】色 ******************/


  /* 【 ［SP］/ display 】 ******************/
.reitousb{
  display: block;
}

  /* 【 ［SP］/ font-size 】文字の大きさ *****/

  .ranking{
    font-size: 18px;
  }

.voice_comment1{
    font-size: 14px;
  }
  /* 【 ［SP］/ font-weight 】 **************/
  /* 【 ［SP］/ height 】高さ ***************/

.question_plus.question_parts004 .acc_check.del_area {
    height: 25vw;
  }
  
  /* 【 ［SP］/ justify-content 】 **********/
  /* 【 ［SP］/ line-height 】 *************/
section .ranking li a{
  line-height: 130%;
}

  /* 【 ［SP］/ left 】 ********************/
  /* 【 ［SP］/ margin 】 ******************/
.ranking{
  margin-right: 0.5em; 
}

.ranking{
  margin-left: 0.5em;
}

.ranking li{ 
  margin-bottom: 1rem;
}


.sixyoku_img{
  margin: 5px;
}

.sixyokuzai_text{
  margin: 5px;
}

  /* 【 ［SP］/ max-height 】 **************/
  /* 【 ［SP］/ max-width 】 ***************/
  /* 【 ［SP］/ opacity 】 *****************/
  /* 【 ［SP］/ overflow 】 ****************/
  /* 【 ［SP］/ padding 】 *****************/

  .ranking{
    padding: 0.5em;
  }


  section .ranking li a{
    padding-top: 0.5em;
  }
  section .ranking li a{
    padding-left: 3rem;
  }




  /* 【 ［SP］/ position 】 ****************/
  /* 【 ［SP］/ text-align 】 **************/
  /* 【 ［SP］/ text-indent 】 *************/
  /* 【 ［SP］/ top 】 *********************/
  /* 【 ［SP］/ vertical-align 】 **********/
  /* 【 ［SP］/ width 】横幅 ***************/
  .no_img{
    width: 50px;
  }

  .sixyoku_img{
    width: 40%;
  }

  .sixyokuzai_text{
    width: 60%;
  }

.sixyoku2_img, .sixyoku2_spac{
  width:100%;
}

.bunkasai1, .bunkasai2, .bunkasai3{
  width: 33%;
}

.item_titile a{
  width: 80%;
}


  /* 【 ［SP］other or special CSS 】 ******/

  h2.anker_down{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
  }
}
/*************** レスポンシブ E ***************/