#load_information_container h3{
	text-align: center;
}

#load_information_container ul{
	list-style-type: none;
	margin-top: 30px;
}

#load_information_container ul li{
	margin-bottom: 15px;
}

#load_information_container ul li h4.review_title{
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.8rem;
}
#load_information_container ul li div.review_create_at{
	font-size: 0.8em;
	color: gray;
	margin: 0px 0 5px 0;
}
#load_information_container ul li p.review_article{
	font-size: 1.4rem;
	line-height: 1.5;
}

.like_btn_container{
	margin-top: 10px;
}

.like_btn{
	display: flex; /* flex */
  align-items: center; /* items-center */
  gap: 0.5rem; /* space-x-2 を gap に変換 */
  padding-left: 1rem; /* px-4 */
  padding-right: 1rem; /* px-4 */
  padding-top: 0.5rem; /* py-2 */
  padding-bottom: 0.5rem; /* py-2 */
  border: 1px solid #d1d5db; /* border border-gray-300 */
  border-radius: 9999px; /* rounded-full */
  color: #374151; /* text-gray-700 */
  font-size: 0.875em; /* text-sm */
  font-weight: 500; /* font-medium */
  background-color: #ffffff; /* bg-white */
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; /* transition-colors */
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms; /* transition-colors のデフォルト */
}

.like_btn:hover{
	background-color: #f9fafb; /* hover:bg-gray-50 */
}

.like_btn.is_like {
	/* @apply bg-blue-600 text-white border-blue-600; を通常のCSSに変換 */
	background-color: #2563eb; /* bg-blue-600 */
	color: #ffffff; /* text-white */
	border-color: #2563eb; /* border-blue-600 */
}

.like_btn.is_like:hover {
	/* @apply bg-blue-700 border-blue-700; を通常のCSSに変換 */
	background-color: #1d4ed8; /* bg-blue-700 */
	border-color: #1d4ed8; /* border-blue-700 */
}



/* レビューコンテナ */
ul.rewiew-container{
	z-index: 3000;
	list-style: none;
	margin: 30px 0px;
}
@media screen and (max-width:768px){
	ul.rewiew-container{
		padding: 0 10px;
	}
}
.rewiew-container li {
  background-color: #fafbfd;
  
  padding: 35px 30px 15px 30px;
  border-radius: 10px;
  box-shadow: 0px 0px 5px #d2d2d5;
}
@media screen and (max-width:768px){
	ul.rewiew-container li{
		padding: 35px 20px 15px 20px;
	}
}
/* 手書きノート風 */
.box3-9 {
   margin: 0 auto 2em; /* 外側の余白（上下と中央配置） */
   padding: 3em 2em 2em; /* 内側余白（上・左右・下） */
   position: relative;
   background: #f5f5f7; /* 背景色（ノート風の淡い色） */
   z-index: 1;
}
.box3-9::before {
	content: '';
	position: absolute;
	inset: 0.5em 0 0 0; /* 上から0.5em、左右と下を0に */
	margin: 0 auto; /* 水平方向中央揃え */
	width: 95%; /* ドット線の横幅 */
	border-top: dotted 12px #eeeff0; /* ドット線（太さ10px、白） */
	z-index: -1;
}



/* タイトル画像 */
.review_title-img{
	position: relative;
	z-index: 1;
}
.review_title-img img {
  max-width: 100%;
  height: auto;
  display: block;
}
.not-review{
	text-align: center;
	margin: 20px 0px;
}
.not-review-span{
	background: #ffffff;
	padding: 5px 20px;
	border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .review_title-img  img{
	  padding:0 0px;
	  margin-top: -10px;
	  margin-bottom: -10px;
	  }
}

/* 箔押しサンプル画像 */
.review_foil_image {
  display: flex;
  flex-direction: column;  /* 上下に並べる */
  align-items: center;     /* 中央揃え */
  gap: 8px;
  font-size: 1.5rem;
  margin: -10px 0 0 0;
  text-align: center;
}

.review_foil_image img {
  max-width: 300px;
  height: auto;
  display: block;
  border-radius: 10px;
  box-shadow: 0px 0px 7px #959595;
}

.review_foil_image .foil_title_text {
  display: block;
  font-weight: bold;
  color: #333;
  margin-bottom: -10px;
}

#load_information_modal_review_prompt_message{
	background:  var(--maincolor-link);
	border-radius: 9999px;
	padding: 10px;
	width: 80%;
	margin: 20px auto 30px auto;
}
#load_information_modal_review_prompt_message a{
	color: white;
	font-weight: bold;
}
#load_information_modal_review_prompt_message a:hover{
	text-decoration: underline;
}
@media screen and (max-width:768px){
	#load_information_modal_review_prompt_message{
		width: 90%;
	}
}

.load_information_modal_review_helpful_count{
	color: royalblue;
	margin-top: 10px;
	font-size: 0.8em;
}