
@charset "UTF-8";




.bg-wrapper{
    position: fixed;
    width: 100%;
    top: 0;
/*    background-image: url("../img/comments/base2.webp");*/
    background-repeat: no-repeat;
    background-position: center center;
    /*    background-color: hsla(0,0%,0%,1.00);*/
    background-attachment: fixed;
    height: 100vh;
    z-index: 0;
    background-size: 100% auto;
}

@media screen and (max-width: 767px) {
	
      .bg-wrapper::before {
	content: "";
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100vh;
/*	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(../img/comments/base2_sp.webp);
	background-size: 100% auto;*/
    }
	
    
    
    
}


.button-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}


.cm-bt {
  margin: 0;
  width: 100%; /* gridに任せる */
}


.cm-bt a{
	width:100%;
	
}


.comment-name{
	font-size:var(--title-font-size);
	font-weight: var(--font-weight-bold2);
	/*text-transform: uppercase;*/
 color: var(--color-07);
	    letter-spacing: 0rem;
	font-family: var(--base-font-family);
   line-height: 1;
}

.comment-name_sub{
    line-height: 1;
 /*   padding-left: 1.5rem;*/
    font-weight: var(--font-weight-bold);
   color:var(--color-08);
    font-size:clamp(0.9rem, 0.791rem + 0.55vw, 1.2rem);
}


.comment_waku{
    padding:1.5rem 2rem;
    background-color:var(--color-09);
    color: var(--color-08);
  /*  letter-spacing: 0.05rem;*/
    font-size:clamp(0.9rem, 0.791rem + 0.55vw, 1.2rem);
	font-weight: var(--font-weight-bold2);
font-family: var(--base-font-family);
    line-height: 1.6;
}

._comment_bold{
     color: var(--color-07);
    font-size:clamp(1rem, 0.855rem + 0.73vw, 1.4rem);
}

@media screen and (max-width: 767px) {
    
    
    .comment_waku{
    padding:1rem 0.5rem;
    line-height: 1.8;
}
    
    
    	.comment-name{
	line-height:1.1;
		text-align: center;
	padding:0 10px
}

    
    
  .button-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}  
    
}





