/* 口コミをもっと見る
-------------------------------------------------------------- */

.review_title{
  border-top: #cecece solid 3px;
  border-bottom: #cecece solid 1px;
  padding: 1.5rem 1rem;
/*  font-size: 1.6rem; */
  font-weight: bold;
  margin-bottom: 3rem;
  line-height: 2;
}
.review_title span{
  font-size: 70%;
  display: block;
  font-weight: normal;
}
#product_detail{
  display: flex;
  align-items: flex-start;
}
#product_detail__photo{
  width: 30%;
  border: #cecece solid 1px;
}
#product_detail__txt{
  width: 70%;
  padding-left: 1rem;
}
.product_detail__stars{
  border-top: #cecece solid 1px;
  border-bottom: #cecece solid 1px;
  padding: .6rem 0;
  margin-bottom: 1rem;
}
.product_detail__stars h2{
  font-size: 1rem;
  margin: 0;
}


.stars_wrap{
  letter-spacing: 0;
  font-size: 10px;
}
.stars_wrap p{
  display: flex;
  font-size: 10px;
  align-items: center;
}
.stars img{
  margin-right: 2px;
  width: 1.2vw;
  min-width: 10px;
  max-width: 15px;
}

.product_detail__stars .star_count {
  padding: 0 5px;
}
#product_detail__txt p{
  margin-bottom: 1rem;
}
#recommended_users__list{
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
}
#recommended_users__list li{
  width: 33.33%;
  padding: 0 10px;
}
#recommended_users h2{
  text-align: center;
  position: relative;
}
#recommended_users h2::before,
#recommended_users h2::after{
  content: '';
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  z-index: 5;
}
#recommended_users h2::before{
  border-left: 10px solid #fff;
  left: 0;
}
#recommended_users h2::after{
  border-right: 10px solid #fff;
  right: 0;
}
.user_box{
  text-align: center;
}
.user_box h3{
  font-size: .7rem;
  margin: 1rem 0;
}
.user_box h3 span{
  display: block;
  font-size: 70%;
}

.review_list__header{
  border-top: #cecece solid 1px;
  border-bottom: #cecece solid 1px;
  padding: 1rem 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review_list__header h2{
  font-size: 1rem;
  margin: 0;
}
.review_list__header h2 span{
  font-weight: bold;
  font-size: 120%;
}
.btn_sort__wrap{
  display: flex;
}
.btn_sort__wrap li{
  margin-right: 5px;
  width: 80px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn_sort__wrap li:last-child{
  margin: 0;
}
.btn_sort{
  padding: 1rem 0;
  border-radius: 5px;
  background: #555;
  color: #fff;
  text-align: center;
}
.sort_icon{
  width: 13px;
  margin-right: 5px;
}
.sort_icon path{
  fill: #ff6b9f;
}
.btn_sort {
  position: relative;
}
.btn_sort span {
 cursor: pointer;
}
#review_edit_search{
  margin-bottom: 3rem;
}

.review_edit__photos_inner {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}


.review_edit__photos_inner::-webkit-scrollbar {
 display:none;
}
@media screen and (min-width: 768px) {


  #recommended_users__list li{
    padding: 0 2rem;
  }
  .btn_sort__wrap li{
    width: 100px;
  }
  #recommended_users{
    padding: 0 8%;
  }
  .stars img{
    margin-right: 5px;
  }
  .product_detail__stars h2 { 
    width: 100px;
    line-height: 2;
  }
  .product_detail__stars {
    justify-content: flex-start;
  }
  .review_detail__table dl{
    border-bottom: #E3E3E3 solid 1px;
    padding: 1rem 0;
  }
}




/* review renewal 2022.05.21 */
figure{
  margin: 0;
  padding: 0;
}
.page_ren1{
  margin: 0;
}
#product_detail{
  margin-bottom: 2rem;
}
.review_may .review_title{
  border: 0;
  padding: 0;
  margin-bottom: 0;
  line-height: 1.4;
}
.review_may .review_title span{
  margin-bottom: .5rem;
}
.review_may #product_detail__photo{
  flex: 0 0 125px;
  margin-right: 1.5rem;
  position: relative;
}
.review_may #product_detail__txt{
  width: auto;
  flex: 1;
  padding: 0;
}
.review_may .product_detail__stars{
  border: 0;
  margin: 0;
}
.review_may .product_detail__stars .stars i{
  display: block;
  margin-right: 2px;
  width: 18px;
}
.review_may .product_detail__stars .stars img{
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  margin: 0;
}
.review_may .product_detail__stars .star_count{
  font-weight: bold;
  font-size: 150%;
  color: #333;
}
.review_may .product_detail__counts{
  display: flex;
}
.review_may .product_detail__counts p{
  font-size: .8rem;
  margin-right: 1rem;
}
.review_may .product_detail__counts p span{
  font-size: 110%;
  font-weight: bold;
  color: #333;
}
.review_box__user_txt .icon_offical{
  margin: 0;
}
.review_detail__table{
  margin: 2rem 0;
  position: relative;
}
.review_detail__table__btn{
  transform: rotate(135deg);
  transform-origin: center center;
  position: absolute;
  top: .5rem;
  right: 0;
  padding: 0;
  z-index: 10;
  background: none;
  border: 0;
  width: 1rem;
  height: 1rem;
  border-top: #000 solid 1px;
  border-right: #000 solid 1px;
  cursor: pointer;
}
.review_detail__table__btn.open{
  transform: rotate(-45deg);
  transform-origin: bottom right;
}
.review_detail__table dl{
  display: table;
  width: 100%;
}
.review_detail__table dt{
  display: table-cell;
  width: 25%;
  padding: .3rem 0;
  font-weight: bold;
}
.review_detail__table dd{
  display: table-cell;
  padding: .5rem;
}
.review_detail__table__inner{
  opacity: .3;
  height: 2rem;
  overflow: hidden;
  transition: .3s;
}
.review_detail__table__inner.open{
  opacity: 1;
  height: auto;
}

.review_photoGl{
  margin: 2rem 0 1rem;
  margin-right: -6%;
  overflow: hidden;
  position: relative;
}
.review_photoGl ul,
.slider-inner{
  display: flex;
  overflow-x: scroll;
}
.review_photoGl ul::-webkit-scrollbar,
.slider-inner::-webkit-scrollbar{
  display: none;
}
.review_photoGl ul li{
  flex: 0 0 20%;
  margin-right: 1rem;
}
.slide-img_div .thumb_box,
.review_photoGl .thumb_box{
  border: #E3E3E3 solid 1px;
}
.slide-img_div .thumb_box img{
  min-width: 100%;
  min-height: 100%;
  object-fit: cover;
}
.review_may .review_list__header{
  border-top: 0;
  justify-content: flex-end;
  border-color: #E3E3E3;
}
.review_may .btn_sort{
  background: none;
  width: auto;
  padding: 0;
  width: 2rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.review_may .btn_sort .sort_icon{
  width: 100%;
}
.search_menu{
  position: fixed;
  background: rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
  z-index: 9999;
  z-index: 998;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.search_menu__inner{
  width: 90%;
  max-width: 550px;
  border: 0;
  padding: 2rem 3rem;
  border-radius: 6px;
}
.search_menu__inner dl{
  padding: 1rem 0;
}
.search_menu__inner::before,
.search_menu__inner::after{
  content: none;
}
.review_may .search_menu dd{
  padding: 0;
  font-size: 1.2rem;
}
.review_may .point_menu dl{
  display: table;
  width: 100%;
  border-bottom: #E3E3E3 solid 1px;
}
.review_may .point_menu dt{
  display: table-cell;
  width: 30%;
  background: none;
  font-weight: bold;
  padding: 0;
  font-size: 1.2rem;
  color: #333;
}
.review_may .point_menu dd{
  display: table-cell;
  position: relative;
}
.review_may .point_menu .select_wrap{
  display: block;
}
.review_may .point_menu .select_wrap::after{
  border-color: #000;
  right: 0;
}
.review_may .point_menu .select_wrap select{
  border: 0;
  padding: .5rem;
}
.select_outer_wrap{
  position: relative;
  color: #333;
}
.select_list_custom{
  width: 100%;
  border: 0;
  padding: 2rem 1.5rem;
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 0;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
  background: #fff;
  z-index: 50;
}
.select_list_custom li{
  width: 100% !important;
  padding: .5rem 0;
  justify-content: flex-start;
  border-bottom: #E3E3E3 solid 1px;
  margin: 0 !important;
  padding: 1rem 0;
}
.select_wrap p{
  margin: 0;
}
.review_may .search_menu .btn_submit{
  background: none;
  border: 0;
  margin: 1rem 0 0 auto;
  padding: 1rem;
  display: block;
  width: 20%;
  font-size: 1.5rem;
  font-weight: bold;
}
.review_may .review_box{
  border-color: #E3E3E3;
}

.review_may #review_edit__form .stars{
  border-top: #E3E3E3 solid 1px;
  margin: 0;
}
.review_may #review_edit__form .stars label{
  font-size: 4rem;
  color: #E7E7E7;
}

.review_edit__photos{
  margin: 2rem 0;
}
.review_edit__comment{
  margin-bottom: 2rem;
}
.review_edit__comment textarea{
  height: 250px;
  font-size: 1rem;
  padding: 1rem;
  transform: none;
  border: #ddd solid 1px;
  width: 100%;
}

.review_edit__box{
  margin-bottom: 2rem;
}
.review_edit__box dt{
  font-weight: bold;
  border-bottom: #E3E3E3 solid 1px;
  margin-bottom: 1.5rem;
  padding-bottom: .5rem;
}
#review_edit__form .review_edit__box .btn_custom__label{
  padding: 1.5rem;
}

.review_may #review_edit__form .edit_submit{
  border: 0;
}
.review_may #review_edit__form .edit_submit .btn_link{
  font-size: 1.2rem;
  padding: 1.5rem 0;
  font-weight: bold;
  max-width: 470px;
}

.more_read{
  color: #999;
  cursor: pointer;
}
.review_may .review_box__repeat{
  /*position: absolute;
  top: 0;
  right: 0;*/
  display: flex;
  align-items: center;
  margin: 0 0 0 auto;
}
.review_may .review_box__repeat span{
  border-radius: 3px;
  padding: 0 .2rem;
  font-size: .8rem;
}
.review_box__repeat ul{
  padding: .5rem 0;
}
.review_box__repeat li{
  margin: 0;
  line-height: 1;
  border-right: #ff6b9f solid 1px;
  padding: 0 .5rem;
}
.review_box__repeat li:last-child{
  border: 0 !important;
}
.review_may .review_box__repeat .norepeat_color{
  border: #666 solid 1px;
  color: #666;
}
.review_may .review_box__repeat .norepeat_color li{
  border-right: #666 solid 1px;
}
.stars_num{
  font-weight: bold;
  font-size: 15px;
}
.review_may .review_box__stars {
  line-height: 1;
}
.review_may .review_box__stars .stars{
  margin: 0;
}
.review_may .review_box__stars .stars img{
  width: 15px;
}
.review_may .review_box__stars p{
  align-items: center;
  margin-right: 10px;
}
.review_may .review_box__user{
  align-items: center;
  margin-bottom: 10px;
}
.review_may .review_box__user_txt{
  flex: 1;
}
.review_box__name_wrap{
  display: flex;
  align-items: center;
  flex: 1;
}
.review_may .review_box__repeat ul{
  flex-wrap: nowrap;
}
.review_may .review_post_user{
  font-weight: bold;
}
.review_may .review_box__footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review_may .review_date_past{
  color: #999;
  margin: 0 0 0 10px !important;
  font-size: 11px;
  
}
.review_may .review_box .btn_good{
  margin: 0;
}
.btn_good svg{
  width: 1rem;
}
.review_box__user .user_thumb{
  flex: 0 0 48px;
  margin-right: 10px;
}

.review_may .review_box__user .btn_edit{
  position: static;
  margin-left: 1rem;
}
.review_box__footer_icons{
  display: flex;
  align-items: center;
}
.review_box__footer_icons .btn_edit{
  border: 0;
  background: none;
  padding: 0;
  margin-left: 1rem;
}
.review_may{
  position: relative;
}
.review_close__close__btn_sp{
  position: fixed;
  top: 6.5rem;
  right: 1.5rem;
  background: none;
  border: none;
  width: 2rem;
  height: 2rem;
  padding: 0;
  cursor: pointer;
  z-index: 999;
}
.review_close__close__btn_sp span{
  display: block;
  width: 100%;
  height: 1px;
  transform: rotate(45deg);
  background: #000;
}
.review_close__close__btn_sp span:last-child{
  transform: rotate(-45deg);
  margin-top: -1px;
}
.review_may .review_box__image{
  margin: 1rem 0;
/*  margin-right: -6%; */
  margin-right: -3%;
  overflow: hidden;
}
.review_may .review_edit__photos{
  margin-right: -6%;
  overflow: hidden;
  margin-top: 1rem;
  position: relative;
  padding: 1rem 0;
}
.review_may .review_box__image .slide-img_div{
  flex: 0 0 30%;
  padding: 0;
  margin-right: .5rem;
}
.slide_right_icon, .slide_left_icon{
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0 0 3px rgba(0,0,0,.15);
  position: absolute;
  right: 5%;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;
  display: none;
  cursor: pointer;
}
.slide_left_icon {
  right: atuo;
  left:2%;
  transform: translateY(-50%) rotate(-180deg);
}
.slide_right_icon::after, .slide_left_icon::after{
  content: '';
  border-top: #333 solid 1px;
  border-right: #333 solid 1px;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%,-50%) rotate(45deg);
  z-index: 55;
  width: .5rem;
  height: .5rem;
}

#review_edit__form{
  padding-top: 2rem;
  overflow: visible;
}
#review_edit_search input[type="search"]{
  width: 100%;
  transform: none;
  font-size: 1.2rem;
  padding: .5rem 1rem;
}
.review_may #review_edit__form #product_detail__photo{
  flex: 0 0 66px;
}
.review_may #review_edit__form .thum_div{
  flex: 0 0 26%;
  padding: 0;
  margin-right: 1rem;
  width: auto;
}
.review_may .before_flex>div{
  flex-wrap: nowrap;
}
.review_may #review_edit__form dl{
  margin-bottom: 2rem;
}
.review_edit_btn .review_add_btn{
  position: absolute;
  bottom: -8px;
  right: -8px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  z-index: 10;
  background: #FC6B9F;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  line-height: 1;
}
.review_edit_btn .review_add_btn img{
  width: 18px;
}

.comment_input__wrap{
  padding: 2rem 0;
}
.comment_input__wrap .review_box__user{
  align-items: flex-start !important;
}
.review_may .comment_input__wrap .review_box__user .user_thumb{
  flex: 0 0 40px;
}
.review_may .comments_wrap .review_box__user .user_thumb{
  flex: 0 0 27px;
}
.comment_input__box{
  border-bottom: #333 solid 1px;
  position: relative;
  padding-top: .5rem;
}
.comment_input{
  border: 0;
  width: 100%;
  border-radius: 0;
  height: 2.5rem;
  transform: none;
  font-size: 1rem;
  padding: .5rem 0;
  transition: .3s;
  overflow: hidden;
  resize: none;
  transition: height .4s;
}
.comment_input__box .comment_submit{
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  position: absolute;
  bottom: .3rem;
  right: 0;
  font-weight: bold;
  cursor: pointer;
}
.comment_input__box:focus-within .comment_input,.comment_edit_input{
  height: 10rem;
  padding-bottom: 2.5rem;
}
.comment_input__box:focus-within .comment_submit, .comment_edit_input + .comment_submit{
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  padding: 10px 10px 0 10px;
  display: block;
  pointer-events: auto;
}

#note_editor_wrap #textBox img {
  display: block;
}
/*
#note_editor_wrap #textBox img {
  max-width: 300px;
}
*/
.comment_user_name{
  margin: 0;
  font-weight: bold;
}
.comment_date{
  font-size: .7rem;
  color: #999;
}
/*
.posted_box__data{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}*/

.comment_user .posted_box__data .btn_edit{
  padding: 0;
}
.comment_box{
  margin-bottom: 2rem;
}
.comment_detail{
  padding-left: 37px;
  white-space: pre-line;
}
.review_may .comments_wrap .review_box__user{
  margin-bottom: .5rem;
}

.input_box{
  border: 0 !important;
}
.edit_form{
  position: relative;
  margin-top: -2rem;
}
.note_edit__head{
  position: sticky;
/*  top: 50px; */
  top: 66px;
  left: 0;
  width: 112%;
  width: 100vw;
  margin: 0 -6%;
  /* margin: 0; */
  display: flex;
  align-items: center;
  padding: 10px 5%;
  /* background: rgba(255,255,255,.9); */
  background: rgba(255,255,255,1);
  justify-content: space-between;
  z-index: 9999;
  border-bottom: #ccc solid 1px;
}
.note_edit__head::before{
  content: '';
  background: #fff;
  width: 100%;
  height: 2px;
  position: absolute;
  top: -1px;
  left: 0;
  z-index: 999;
}
.note_edit__head .review_close__close__btn_sp{
  display: block !important;
  position: static;
}
.note_edit__btns{
  display: flex;
}
.note_edit__btns li{
  margin-left: .5rem;
}
.note_edit__btns .btn_link{
  font-size: 12px;
  padding: .5rem 1rem;
  width: 7rem;
  border: #ccc solid 1px;
}
/*
#page_note_edit .btn_submit{
  border: 0;
  padding: 0;
  background: none;
  color: #BEBEBE;
  cursor: pointer;
  z-index: 9999;
  font-size: 1.2rem;
}*/
.scroll .scroll_bg{
  background: rgba(255,255,255,.9);
  position: fixed;
  top: 50px;
  left: 0;
  width: 100%;
  height: 50px;
  z-index: 99;
}
.edit_form__enterd .btn_submit{
  color: #333 !important;
}
.note_edit__title input{
  transform: none;
  font-size: 1.7rem;
  width: 100%;
  padding: .5rem 0;
}
.note_edit__title{
  margin-bottom: 1rem;
/*  margin-bottom: 0; */
padding-top: 2rem;
}
#textBox {
/*  font-size: 1.2rem; */
}
#textBox:focus{
  border: 0;
  outline: 0;
}

.note_img{
  margin: 1rem -6%;
  text-align: center;
}
#toolBar1{
  /* position: fixed; */
  /* position: absolute; */
/*  transform: translate(0px, 50px); */
  /* margin: 20px 0 0 0; */
  /* background: #F8F8F8;*/
  /* width: 100%; */
  /* width: fit-content;
  top: auto;
  left: auto;
/*  bottom: 0;
  left: 0;
  */
  /* padding: 0 1rem;
  z-index: 999;
  border-radius: 5px;*/
}
/*
#toolBar1::before{
  content: '';
  width: 1rem;
  height: .8rem;
  background: #333;
  clip-path: polygon(50% 0,100% 100%,0 100%);
  position: absolute;
  top: -.8rem;
  left: 50%;
  transform: translateX(-50%);
}
*/
#note_editor__container{
  position: relative;
}
#toolBar1{
  background: #F8F8F8;
  top: 109px;
  left: 0;
  z-index: 99;
  margin: 0px -6% 20px;
  /* margin: 0px 0 20px; */
  box-shadow: 0px 8px 5px -5px rgba(0,0,0,.2);
}
#note_editor_wrap{
  position: relative;
  padding: 1rem 0;
}
.note_placeholder{
  position: absolute;
  top: 1rem;
  left: 0;
  z-index: 10;
  pointer-events: none;
}

.main_contents #note_editor__container #toolBar1 {
  position: sticky;
  top: 175px;
}
#toolBar1 ul{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 10px 5%;
}
.toolBar1_btn{
  display: block;
  padding: 10px 0;
  cursor: pointer;
  margin: 0 auto;
}

.toolBar1_btn.active {
  color: #008000;
}
.toolBar1_btn.active img {
  filter: invert(17%) sepia(91%) saturate(7085%) hue-rotate(128deg) brightness(100%) contrast(106%);
}
.toolBar1_btn img{
  height: 15px;
  width: auto;
}
.toolBar_btn__icon{
  display: flex;
  align-items: center;
}
.toolBar_btn__icon::before{
  content: '';
  display: inline-block;
  width: 2rem;
  height: 2rem;
  margin-right: .5rem;
}
.toolBar_link::before{
  background: url(../img/icon/link.svg) no-repeat center center / contain;
}
.toolBar_ul::before{
  background: url(../img/icon/list_ul.svg) no-repeat center center / contain;
}
.toolBar_ol::before{
  background: url(../img/icon/list_ol.svg) no-repeat center center / contain;
}
.posted_box__txt h1#note_title , #note_title {
  width: 100%;
  height: fit-content;
  font-size: 26px;
  resize: none;
  line-height: 1.2;
}
.posted_box__txt p , .posted_box__txt font[size="4"], #textBox font[size="4"] {
  /* font-size: 18px !important; */
  font-size: 13px;
}

.posted_box__txt font[size="5"], #textBox font[size="5"] {
  /* font-size: 22px !important; */
  font-size: 15px;
}

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

    #note_title {
      transform: scale(1);
      width: 100%;
      font-size: 1.4rem;
    }


  .note_placeholder {
    font-size: 1.2rem;
  }
}
.font-x-large {
  font-size: 15px;
}

@media screen and (min-width: 768px) {

  .font-x-large {
    font-size: 25px;
  }


  .posted_box__txt p, .posted_box__txt font[size="4"], #textBox font[size="4"] {
    /* font-size: 1.2rem !important; */
    font-size: 14px;
  }
  
  .posted_box__txt font[size="5"], #textBox font[size="5"] {
    /* font-size: 1.6rem !important; */
    font-size: 18px;
  }
  .page_ren1{
    margin: 10px;
  }
  .review_may .search_menu__inner{
    padding: 3rem;
  }
  .review_detail__table__inner{
    height: 5rem;
  }
  .review_may .review_box__user{
    align-items: center;
    margin: 10px 0;
  }
  .review_may .review_box__user_txt{
    margin: 0;
  }
  .review_close__close__btn_sp{
    display: none;
  }
  .review_may #product_detail__photo{
    flex: 0 0 352px;
    margin-right: 3rem;
  }
  .review_may #product_detail__txt{
    margin-top: 1rem;
  }
  .review_may .review_title span{
    font-size: 16px;
  }
  .review_may .review_title{
    font-size: 20px;
  }
  .review_may .product_detail__counts{
    font-size: 17px;
  }
  .review_photoGl{
    margin-right: 0;
    margin-bottom: 3rem;
  }
  .review_photoGl ul li{
    flex: 0 0 13.5%;
    margin-right: 1.5rem;
  }
  .review_may .review_box__image .slide-img_div{
    flex: 0 0 20%;
    margin-right: 1rem;
  }
  .slide_right_icon, .slide_left_icon {
    display: block;
    right: 1rem;
  }
  .review_may .review_box__user .user_thumb{
    flex: 0 0 76px;
  }
  .review_may #review_edit__form #product_detail__photo{
    flex: 0 0 133px;
  }
  .review_may #review_edit__form .stars{
    margin: 2rem 0;
    padding: 2rem 0 0;
  }
  .review_may .review_edit__photos{
    margin: 3rem 0;
  }
  .review_may #review_edit__form .thum_div{
    flex: 0 0 17%;
  }
  .review_edit__comment{
    margin-bottom: 3rem;
  }
  .review_edit_btn .review_add_btn{
    width: 58px;
    height: 58px;
  }
  .review_edit_btn .review_add_btn img{
    width: 26.6px;
  }
  .review_may .comment_input__wrap .review_box__user .user_thumb{
    flex: 0 0 76px;
  }
  .review_may .comment_input__wrap .review_box__user .user_thumb{
    flex: 0 0 72px;
  }
  .review_may .comments_wrap .review_box__user .user_thumb{
    flex: 0 0 50px;
  }
  .comment_detail{
    padding-left: 62px;
    font-size: 18px;
  }
  .comment_box{
    margin-bottom: 3rem;
  }
  .comment_user_name{
    font-size: 16px;
  }
  .comment_date{
    font-size: 12px;
  }
  .review_may .comments_wrap .review_box__user{
    margin-bottom: 1rem;
  }
  .comment_input__box{
    padding-top: 1rem;
  }
  .comment_input{
    font-size: 18px;
  }
  .edit_form .btn_submit{
    top: 0;
    font-size: 18px;
  }
  .note_edit__title input{
    font-size: 30px;
  }
  #textBox{
    font-size: 18px;
  }
  .note_img{
    margin: 1rem 0;
  }
  .note_edit__btns .btn_link{
    font-size: .8rem;
/*    width: 100px; */
  }
}





.review_list{
  margin-bottom: 20px;
  max-width: 700px;
}
.review_block01__box{
  border-bottom: #cecece solid 1px;
  padding: 20px 0 10px;
}
.review_block01__box:first-child{
  border-top: #cecece solid 1px;
}

.carousel_slider__wrap{
  position: relative;
  margin: 1rem 0;
}
.carousel_slider{
  margin-right: -8px;
  overflow: hidden;
}
.carousel_slider__inner{
  display: flex;
  overflow: auto;
  position: relative;
}
.carousel_slider__inner::-webkit-scrollbar{
  height: 0;
}
.carousel_slider__inner::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.carousel_slider__inner::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
.slider_arrow{
  display: none;
}
.slide_img{
  flex: 0 0 30%;
  padding: 0;
  margin-right:5px;
}
.read_more{
  font-size: 10px;
  color: #ff6b9f;
  text-align: right;
  display: block;
}
.review_block01__footer{
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.review_date{
  color: #8d8d8d;
  font-size: 10px;
}
.review_good{
  display: flex;
  align-items: center;
  color: #ff6b9f;
  font-weight: bold;
}
.review_good img{
  width: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.review_block02__box{
  padding: 15px;
  border: #d6d6d6 solid 1px;
  box-shadow: 0 3px 8px -5px rgba(0,0,0,.2);
  margin-bottom: 20px;
}
.review_detail__wrap{
  display: flex;
}
.review_detail__txt{
  flex: 1;
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.review_detail__img{
  flex: 0 0 100px;
  margin-left: 15px;
}
.review_detail__title{
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 20px;
  line-height: 1.5;
}
.review_detail__title a {
  border-bottom: solid 1px #333;
}
.review_detail__txt .posted_box__data{
  margin: auto 0 0;
}

.review_block02__footer{
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
}
.review_block02__box .user_data{
  margin: 20px 0 0;
}
.report_book{
  background: #58bcbb;
  padding: 8px 10px 10px;
  position: relative;
  margin-bottom: 20px;
}
.report_book::before{
  content: '';
  background: url('../img/202309/book_ring.svg') repeat-x left bottom / contain;
  width: 86%;
  height: 20px;
  position: absolute;
  top: -5px;
  left: 7%;
  z-index: 15;
}
.report_book__inner{
  background: #fff;
  position: relative;
  z-index: 10;
  padding: 40px 10px 30px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0 3px 8px -5px rgba(0,0,0,.2);
}
.report_book__inner::before{
  content: '';
  background: url(../img/202309/logo.svg) no-repeat center center / contain;
  width: 50px;
  height: 8px;
  position: absolute;
  top: 20px;
  right: 10px;
}
.report_book__inner::after{
  content: '';
  background: repeating-linear-gradient(#eeeeee, #eeeeee 1px, #fff 1px, #fff 25px);
  width: 90%;
  height: calc(100% - 60px);
  position: absolute;
  top: 40px;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.report_book__title{
  text-align: center;
  margin-bottom: 10px;
}
.report_content__title{
  font-size: 14px;
  font-weight: bold;
  margin: 20px 0;
  padding: 0 0 5px 20px;
  border-bottom: #333 dashed 2px;
  position: relative;
}
.report_content__title::before{
  content: '';
  top: 7px;
  left: 5px;
  width: 10px;
  height: 10px;
  position: absolute;
  background: #ff6b9f;
  border-radius: 50%;
}
.report_content p{
  color: #444;
  margin: 10px 0;
  line-height: 2;
}
.txt_vertical{
  writing-mode: vertical-lr;
}
.use_flow__img_wrap{
  overflow: hidden;
  position: relative;
}
.use_flow__img{
  display: flex;
  position: relative;
  overflow: auto;
}
.use_flow__img li{
  position: relative;
  flex: 1;
  margin-right: 15px;
  max-width: 55px;
}
.use_flow__img li:last-child{
  margin: 0;
}
.use_flow__img li::after{
  content: '';
  background: #ff6b9f;
  width: 10px;
  height: 15px;
  left: calc(100% + 3px);
  clip-path: polygon(0 0,100% 50%,0 100%);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.use_flow__img li:last-child::after{
  content: none;
}
/*
.use_flow__img_wrap::before{
  content: '';
  background: #333;
  width: 100%;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.use_flow__img_wrap::after{
  content: '';
  background: #333;
  width: 5px;
  height: 8px;
  clip-path: polygon(0 0,100% 50%,0 100%);
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}*/
.use_flow__imgBox{
  border: #d3d3d3 solid 1px;
  background: #f7f7f7;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 5px;
  font-size: 12px;
  font-weight: bold;
  height: 180px;
  align-items: center;
  position: relative;
  z-index: 5;
}
.using .use_flow__imgBox{
  border: #ff6b9f solid 1px;
  background: #ff6b9f;
  color: #fff;
}
.use_flow__img_icon{
  width: 30px;
  height: 40px;
}
.use_flow__img_icon img{
  width: 100%;
  min-height: 100%;
  object-fit: contain;
}
.using .use_flow__img_icon img{
  filter: brightness(0) invert(1);
}
.use_flow__txt{
  background: #f7f7f7;
  padding: 20px;
  margin: 10px 0 20px;
}


@media screen and (min-width: 1024px) {
  #toolBar1{
    top: 145px;
  }
  .review_detail__img{
    flex: 0 0 180px;
  }  
  .read_more{
    font-size: 12px;
  }
  .review_box__user .user_thumb{
    flex: 0 0 60px;
  }
}

.note_preview_attention {
    color: #fff;
    background-color: #33b9a8;
    padding: 20px;
    /* margin: 0 -10% 20px; */
    margin: 0 0 20px 0;
}
.note_preview_attention_title {
    font-weight: 700;
    font-size: 1.5rem;
    margin: 0 0 20px 0;
}

.note_preview_attention_flex {
    display: flex;
    align-items: center;
    justify-content: center;
}


.note_preview_attention_flex button {
  background: #fff;
  padding: 5px 10px;
  margin: 0 40px 0 0;
}

.deletenote_link_box {
  display: flex;
  border-radius: 4px;
  box-shadow: 0px 6px 10px 4px #00000024,0px 2px 3px 0px #00000038;
  background-color: #FFFFFF;
  transition: visibility 0.3s ease 0s;
  pointer-events: auto;
  width: fit-content;
  position: absolute;
}

.deletenote_link_box button {
  appearance: none;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  height: 40px;
  padding: 8px 12px;
  border: none;
  background-color: #fff;
  color: #000;
  line-height: 1;
}
.deletenote_link_box button svg {
  min-width: 20px;
}
#textBox .review_detail__title, #note_detail .review_detail__title {
  font-size: 14px;
}

#textBox .review_date_new, #note_detail .review_date_new {
    color: #666;
    font-size: .8rem;
}

#textBox .review_list, #note_detail .review_list {
     font-size: 1rem; 
}

.detail_html_p {
  margin: 40px 0 0;
}

@media screen and (max-width: 780px) {
  #note_editor__container .deletenote_link_box {
    left: 45% !important;
  }
  .detail_html_p {
    margin: 20px 0 0;
  }
  
  .note_edit__head {
    position: sticky;
    top: 44px;
  }
  
  .main_contents #note_editor__container #toolBar1 {
    position: sticky;
    width: 100vw;
    width: 112%;
    width: 100vw;
    top: 98px;
  }
} 
.note_img > .note_img {
    margin: 0;
}

div#toolBar1 li {
  font-size: 11px;
  width: 33.33%;
  text-align: center;
}
.note_edit_main_image {
  margin: 0 0 20px 0;
}
.note_edit_main_image label {
 display: block;
  margin: 0 0 3px;
  font-size: 11px;
}

.note_edit_select_div select {
  padding: 5px 20px;
  font-size: 16px;
  margin-bottom: 5px;
  border-radius: 5px;
  appearance: auto;
  -webkit-appearance: auto;
}

.note_edit_select_div select {
  transform: scale(1);
  width: 100%;
  border: #000 solid 1px;
  padding: .5rem 1rem;
  padding: 5px 10px 5px 10px;
  margin: 5px;
  font-size: 14px;
}

.select_trouble_id_div {
  margin-top: 20px;
}


.note_edit_select_div select option:checked {
  background-color: #FF6B9F;
  color: #fff;
  margin: 5px 0;
  width: fit-content;
  padding: 0 10px;
}

.toolBar1_cate{
  border-radius: 5px;
  position: relative;
  padding: 10px;
}
.toolBar1_cate span{
  display: flex;
  align-items: center;
}
.toolBar1_cate span::before{
  content: '';
  width: 12px;
  height: 10px;
  display: inline-block;
  background: #333;
  clip-path: polygon(0 0,100% 0,50% 100%);
  margin-right: 5px;
  transition: .3s;
}
.toolBar1_cate.active{
  color: #fff;
  background: #FF6B9F;
}
.toolBar1_cate.active span::before{
  rotate: 180deg;
  background: #fff;
}
.toolBar1_cate.active::after{
  content: '';
  background: #ccc;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 95%;
  left: 50%;
  translate: -50% 0;
  clip-path: polygon(50% 0,100% 100%,0 100%);
  z-index: 100;
}
div#toolBar1 li{
  position: relative;
}
#note_edit_cate {
  background: #fff;
  border: #ccc solid 1px;
  border-radius: 5px;
  padding: 10px 5%;
  z-index: 999;
  position: absolute;
  top: 100%;
  margin-top: 10px;
  left: 50%;
  translate: -50% 0;
  width: 80vw;
  max-width: 400px;
}
#note_edit_cate .note_edit_select_div{
  font-size: 10px;
  display: flex;
  align-items: center;
  padding: 5px 0;
  margin: 0;
}
#note_edit_cate .note_edit_select_div select,
#note_edit_cate .note_edit_select_div ul{
  flex: 0 0 65%;
  font-size: 10px;
}
#note_edit_cate .note_edit_select_div label{
  flex: 1;
  text-align: right;
  white-space: nowrap;
}
#note_edit_cate .note_edit_select_div select{
  border: #ccc solid 1px;
}
#note_edit_cate .note_edit_select_div ul{
  padding: 0 5px;
  margin: 10px 0 0 10px;
  display: flex;
  flex-wrap: wrap;
}

.input_disp_check{
  display: none;
}
/*
#note_edit_cate .note_edit_select_div ul li{
  margin: 5px 20px 5px 0;
}
.checkbox .btn{
  display: flex;
  align-items: center;
  position: relative;
}
.checkbox .btn::before{
  content: '';
  border: #ccc solid 1px;
  width: 15px;
  height: 15px;
  border-radius: 2px;
  display: inline-block;
  margin-right: 2px;
}
.checkbox .btn::after{
  content: '';
  width: 5px;
  height: 10px;
  border-bottom: #FF6B9F solid 2px;
  border-right: #FF6B9F solid 2px;
  position: absolute;
  top: 50%;
  translate: 0 -60%;
  left: 5px;
  z-index: 50;
  rotate: 45deg;
  opacity: 0;
}
.input_disp_check:checked + .btn:after{
  opacity: 1;
}*/

#note_edit_cate .note_edit_select_div ul li{
  margin: 5px 10px 5px 0;
  width: auto;
}
.checkbox .btn{
  background: #fff;
  padding: 2px 10px;
  border-radius: 50px;
  border: #ccc solid 1px;
}
.input_disp_check:checked + .btn{
  background: #FF6B9F;
  color: #fff;
  border: #FF6B9F solid 1px;
}

#main_image_form{
  font-size: 12px;
}
.note_edit__title{
  border-bottom: #ccc solid 1px;
}
@media screen and (min-width: 768px){
  #note_edit_cate{
    right: 0;
    left: auto;
    translate: 0;
  }
  div#toolBar1 li{
    width: 25%;
  }
}
@media screen and (min-width: 1024px){
  #note_edit_cate .note_edit_select_div select,
  #note_edit_cate .note_edit_select_div ul{
    font-size: 11px;
  }
  .note_edit__head{
    width: 100%;
    margin: 0;
    padding: 50px 0 20px;
  }
  .edit_form{
    margin: 0;
  }
  #note_editor__container #toolBar1{
    margin: 0;
  }
  .note_edit_main_image{
    margin: 50px 0 20px;
  }
  .note_edit_main_image label{
    font-size: 14px;
  }
  #note_editor_wrap{
    padding: 20px 5%;
  }
  .note_placeholder{
    left: 5%;
  }
}


.review_box__cat{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 8px;
  margin: 5px 0 0 0;
}
/*
.review_box .review_box__cat, .review_block01__box .review_box__cat {
  margin: 0 0 0 10px;
}
*/
.review_box__cat li{
  border: #FF6B9F solid 1px;
  border-radius: 3px;
  padding: 1px 10px;
  margin-right: 3px;
  color: #FF6B9F;
}
.review_box__comment{
  position: relative;
}
.review_box__comment .more_read{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #FF6B9F;
  font-size: 10px;
}


.review_box__comment_short {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.review_bunpuzu {
  display: flex;
  margin: 0 0 2px 0;
  align-items: center;
  width: 80%;
}
.review_bunpuzu dt {
  flex: 0 0 1em;
  margin-right: 5px;
}
.review_bunpuzu dd {
   flex: 1;
   height: 10px;
   background: #ccc;
   border-radius: 50px;
   overflow: hidden;
}
.review_bunpuzu span {
  background: #ffa500;
  height: 10px;
  display: block;
  border-radius: 50px;
}