.description h3{
  font-size:120%;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align:center;
  margin:2em 0 1em 0;
}

.description h2.subtitle{
margin-top:1em;border-top:solid 1px #000;border-bottom:solid 1px #000;background:#eee;color:#000;padding:0.5em 1em;font-size:95%;
}

.red_bold{
color:red;
font-weight:700;
}

.information{
margin-bottom:30px;
}

.price_ltr{
  font-size:120%;
  color:#900;
  font-weight:700;
}
.cell_mar2{
  font-size:100%;
  color:#900;
  font-weight:700;
}
.prices{
  text-align:right;
}
.pointup{
  font-size:110%;
  color:#900;
  font-weight:700;
}
.product_table table{
  border:#999999;
  padding:15px;
  border-collapse:collapse
line-height:2em;
  font-size: 12px;
  margin-top:2rem;
}

.product_table table th, .product_table table td{
  padding: 1rem;
}

ul.top３img {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}

/* YOUTUBE */
.video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 10px;
}
 
.video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 商品名 */
.product_name{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:130%;
  text-align:left;
  line-height:1.6em;
  font-weight:400;  
  margin-top:2em;
}

/* お気に入りに追加ボタン */
.flexbox {
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.fav-btn {
	display:flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.button_whiteorange{
  color:#FFF;
  background:#77a4ff;
}

.top_subtitle{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:90%;
  text-align:center;
  line-height:1.6em;
  font-weight:400;
}

.readmore{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:90%;
  color:#999;
  margin:1em auto;
  text-align:center;
  border:solid 1px #999;
  padding:0.5em 0.5em;
  width:40%;
}

}
/* ************************************************ 
 *  商品詳細
 * ************************************************ */

.large {
}

.small {
  width:50px ;
  margin:0px 15px 0px 0px;
  float:left;
}

.small_tp {
  margin-top:15px;
}

/* ************************************************ 
 *  下部固定エリア
 * ************************************************ */

#to_bottomfixarea {
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-size: 77%;
   background:rgba(255,255,255,0.5);
  width:100%;
  padding:10px 0;
  text-align:center;
  display: flex;
  z-index:5;
}
#to_bottomfixarea a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#to_bottomfixarea a:hover {
    text-decoration: none;
    background: #999;
}
.to_cart_button{
  width:45%;
  margin:0 auto;
  /*float:right;*/
}


.to_inquiry_button{
  width:45%;
  margin:0 auto;
  /*float:left;*/
}

.button--green {
  background: #24BB47;
  color: #fff;
}



/* ************************************************ 
 *  モーダル
 * ************************************************ */

/*#open,*/
#close {
  cursor: pointer;
  width: 200px;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  margin: 16px auto 0;
  background: #666;
  color: white;
  position: relative;
  top: 80%;
}

#mask {
  background: rgba(0, 0, 0, 0.4);
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 1;
}

#modal {
  color: #555;
  width: 300px;
  padding: 40px;
  border-radius: 4px;
  position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
  margin: 0 auto;
  z-index: 2;
}

#modal p {
  margin: 0 0 20px;
}

#mask.hidden {
  display: none;
}

#modal.hidden {
  display: none;
}

.inquiry_box{
   cursor: pointer;
  width: 200px;
  border-radius: 4px;
  text-align: center;
  padding: 12px;
  margin: 16px auto 0;
  background: #FFF;
  color: white;
  position: relative;
  top: 80%;
}
.inquiry_line{
  background:#24BB47;
}
.inquiry_mail{
  background:#0054A6;
}
.inquiry_tel{
  background:#DD6B3D;
}

.inquiry_box a{
  color: white;
}

/* レビュー */
.icon_star  {
    width: 75px;
    overflow:hidden;
}
.icon_star img {
    max-width: inherit;
}
.review_ttl{
  font-size:120%;
  font-weight:700;
}
.reviewlist {
    max-height: 55vh;
}
.reviewlist {
    border: 5px solid #ebebe6;
    padding: 15px;
    overflow: auto;
    max-height: 55;
    height: fit-content;
}
.product-review {
    font-size: .93em;
    margin-bottom: 40px;
}
.product-review-star {
    float: left;
    margin-right: 10px;
    padding-top: 1px;
    width: 75px;
    overflow: hidden;
}
.product-review-poster-list__unit {
    display: inline-block;
    margin-right: 10px;
}
.review_poster {
    margin: 15px 0;
    padding: 0;
    font-size:80%;
}
.review_poster li {
    display: inline;
    margin-right: 10px;
}
.reviewlist_datas{
  margin-top:1em;
}
/* //レビュー */

.merit {
   display: flex;
  padding:0;
  font-size: 120%;
}
.merit li{
     list-style: none;
  margin: 0 10px 0 10px;
  font-size:60%;
      text-align:center;
  width:20%;

}
.merit_2col{
  width:66%;
  margin: 0 auto;
}
.merit_2col li img{
}
.merit_2col li {
  padding:0;
  width:50%;
}

.cart_attention{
  text-align:right;
  font-size:90%;
  margin:0.5em 0;
}


/* ************************************************ 
 *  YOUTUBE
 * ************************************************ */
.youtube02 {
  width: 100%;
  aspect-ratio: 16 / 9;
  margin:2em 0!important;
}
.youtube02 iframe {
  width: 100%;
  height: 100%;
}



/* レビュー表示 */
.allreview_link{
  margin-bottom:1em!important;
  margin-top:1em!important;
  text-align:right;
  font-size:80%;
}

.reviewwrite{
  margin:0 auto;
  margin-bottom:1em!important;
  text-align:center;
  border:1px #ddd solid;
  background:#fff; 
  padding:0.5em;
}

.reviewwrite a{
  margin-bottom:1em!important;
  color:#000;
}


.howtoreview{
  margin:0 auto;
  margin-bottom:3em!important;
  text-align:center;
  border:1px #ddd solid;
  background:#999; 
  padding:0.5em;
}

.howtoreview a{
  margin-bottom:1em!important;
  color:#fff;
}


/* FOT AWESOME */
/* 送り */
.arrow a::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f054";
  padding-right:0.7em;
}
/* タグ */
.tags::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f02b";
  padding-right:0.7em;
  font-size:120%;
}
/* ペン */
.pen::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f303";
  padding-right:0.7em;
  font-size:120%;
}
/* メール */
.mail::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f2b6";
  padding-right:0.7em;
  font-size:120%;
  margin-botton:2em;
}
/* クエスチョン */
.question::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f059";
  padding-right:0.7em;
  font-size:120%;
  color:#fff;
}
/* コメント */
.comment::before {
  font-weight:900;
  font-family:"Font Awesome 5 Free";
  content: "\f075";
  padding-right:0.7em;
  font-size:120%;
}


/* タグエリア */
.tagaera{
	width:100%;
  margin:0 5px;
}

/* .product_belong_list のスタイル設定 */
.product_belong_list {
  display: inline-block;           /* 横並び用。ulにflexを使っているなら不要でもOK */
  border: 1px solid #ccc;          /* ボーダーを設定（例として#ccc） */
  border-radius: 9999px;           /* 丸みのある（ピル状の）ボーダー */
  padding: 5px 10px;              /* 適度な余白 */  
  margin: 0 2px 5px 2px;              /* 要素間の隙間 */
  transition: background-color 0.3s ease;  /* マウスオーバー時にふわっと背景色が変化 */
  line-height: 1.5;                /* 改行時に文字が重ならないよう調整 */
  white-space: normal;             /* 改行可能に */
  font-size:72%;
}

/* リンクの下線を消し、リンクの文字色を継承 */
.product_belong_list a {
  text-decoration: none;  /* 下線を削除 */
  color: inherit;         /* 親要素の色を引き継ぐ */
  display: block;         /* ブロック表示にして、改行しても崩れないように */
}