@charset "UTF-8";

/* -----------------------
      共通
-----------------------*/
.block-category-head-top{
  text-align: center;
  padding: 30px 0 30px;
  color: #fff;
}

.block-category-head-top > h2,
.block-category-head-top > h1{
  font-size: calc(24 / var(--rootFontSize) * 1rem);
  margin-bottom: 25px;
  font-weight: bold;
  padding: 0 20px;
}

.block-category-head-top > p{
  font-size: calc(14 / var(--rootFontSize) * 1rem);
  margin-bottom: 25px;
  line-height: 1.8;
  padding: 0 20px;
}

.block-category-head-top .revico-star{
	display: inline-block;
	padding: 0 10px 0 20px;
	background: #fff;
	border-radius: 30px;
	color: #000;
}

.block-category-head-top .revico-read-more-review{display: none;}
.block-category-head-midlle{
  text-align: center;
  color: #DD6B74;
  font-size: 14px;
  padding-top: 12px;
  font-weight: 600
}

.revico-widget{font-family: "Lato", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;}
.revico-star .revico-widget{font-family: "Lato", "Noto Sans JP", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;}

/*revico*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
.category-page-revico-comment {padding: 32px 0 0;}
.category-page-revico-comment .revico-star .revico-star-graph,
.category-page-revico-comment .revico-common-background-style{background: transparent;}
.category-page-revico-comment .revico-star .revico-review,
.category-page-revico-comment .revico-comment-footer .revico-comment-footer--paging-buttons{display: none!important;}
.category-page-revico-comment .revico-common-button-style{background-color: #454545;}
.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton,
.category-page-revico-comment .revico-multicomment-top .revico-review-comment-row-wrapper{border-radius: 20px;}
.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button{
  background-image: none;
  background-color: #7D524C;
  border-radius: 33px;
}

.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton:hover{
  background-color: #7D524C;
  color: #fff;
}

.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton{
  border: 1px solid #7D524C;
  color: #7D524C;
}

.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button span{left: 0;}
.category-page-revico-comment .revico-multicomment-inner .revico-logo,
.category-page-revico-comment .revico-star .revico-star-graph .revico-logo{display: none}
.category-page-revico-comment .revico-star .revico-star-graph-wrapper .revico-star-graph-list--row-container-bar{background-color: #727272;}
.category-page-revico-comment .revico-star .revico-star-graph-wrapper .revico-star-graph-list--row-link span{color: #333;}
.category-page-revico-comment .revico-star .revico-star-graph-wrapper .revico-star-graph-label span{color: #333;}

.category-page-revico-comment > h2{
    font-family: "Noto Serif JP", serif;
    color: #7D524C;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 16px;
    text-align: center;    
}

.category-page-revico-comment > p{
    font-weight: 400;
    font-size: 10px;
    padding: 0 20px;
    color: #717171; 
    text-align: left;
}

.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton{background-image: none;}
.category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton span{left: 0;}
.category-page-revico-comment .revico-multicomment-top .revico-widget .revico-review-comment-row[data-pickup-review=true] .revico-review-comment-detail::after{background: #7D524C;}
.revico-modal .revico-modal__inner.revico-picture-modal-product .revico-modal-content button{background-color: #7D524C;}
.revico-modal{z-index: 99999;}
.revico-modal .revico-modal__inner,
.revico-modal .revico-modal__bg{z-index: 999;}

@media screen and (min-width: 769px) {
  .sp-only{display: none}
  .block-category-head-midlle{
    font-size: 16px;
    padding-top: 12px;
  }
  .pane-main .block-goods-list--params{margin-top: 0;}
	.block-category-head-top{
		padding: 90px 0 80px;
		color: #fff;
	}
	
	.block-category-head-top h2,
  .block-category-head-top h1{
		font-size: 36px;
		font-weight: 600;
		margin-bottom: 25px;
	}
	
	.block-category-head-top p{
		font-size: 16px;
		font-weight: 500;
		margin-bottom: 30px;
	}

  /*revico*/
	.category-page-revico-comment {
	  width: 100vw;
	  margin-left: calc(50% - 50vw);
	  margin-right: calc(50% - 50vw);
    padding: 78px 0 0;
	}
  .category-page-revico-comment .revico-star-block--caption{font-size: 36px;}
  .category-page-revico-comment .revico-star .revico-star-graph-wrapper .revico-star-graph-label{font-size: 13px;}
  .category-page-revico-comment .revico-star .revico-star-graph-wrapper .revico-star-graph-label span{font-size: 18px;}
  .category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton,
  .category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--more button{
    width: 436px;
    height: 50px;
    padding: 0;    
  }

  .category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton-wrapper{
    width: auto;
    margin-left: 0;  
  }
  .category-page-revico-comment .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--title .revico-review-comment-detail--title-review-title{
    font-size: 20px;
    color: #333;
  }

  .category-page-revico-comment .revico-review-comment-detail--comment--content{
    font-size: 13px;
    font-weight: 500;
  }

  .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--reply-comment{font-size: 12px;}
  .category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton,
  .category-page-revico-comment .revico-multicomment-top .revico-review-comment-row-wrapper{border-radius: 30px;}
  .category-page-revico-comment > h2{
    font-size: 36px;
    margin-bottom: 28px;
  }

  .category-page-revico-comment > p{
    font-size: 14px;
    text-align: center;
  }
  .revico-star-zone .revico-star-block--title{
    font-size: 14px;
    font-weight: 600;
  }
  .revico-star-zone .revico-star-block--total{
    font-weight: 600;
    margin-top: 0;
    margin-right: 0;    
  }

  .revico-star-zone .revico-star .revico-star-block--rate{top: 3px;}
  .revico-star .revico-star-graph-wrapper{
    justify-content: center;
    align-items: center;    
  }
  .revico-star .revico-star-graph-wrapper .revico-star-graph-label{margin-bottom: 0;}
  .category-page-revico-comment .revico-multicomment-top .revico-review-comment-row-wrapper .revico-review-comment-row .revico-review-comment-detail .revico-review-comment-detail--addition > div{width: auto;}

  /* モーダル */
  .revico-modal-state:checked ~ .revico-modal .revico-modal__inner{
    top: 50%;
    max-height: 90vh !important;
    transform: translate(0, -50%);
    margin-top: 0;        
  }
  .revico-modal .revico-modal__close{
    top: max(15px, calc(50% - 340px)) !important;
    margin-top: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .category-page-revico-comment{padding: 32px 0 10px;}
  .revico-multicomment-top .revico-comment-footer{padding: 0 10px;}
  .category-page-revico-comment .revico-multicomment-top .revico-comment-footer .revico-comment-footer--writebutton{padding: 10px 0;}
  .revico-modal .revico-modal__inner{margin-top: 6rem;}
}

.block-category-head-revico-link a{
    text-decoration: underline;
    font-size: 14px;
    outline: 0;
}

.category-page-revico-comment .revico-comment-footer .revico-comment-footer--writebutton-wrapper{display: none;}