div.return-exchange_wrap{width: 750px; color: #3c3c3c;}
@media screen and (max-width: 640px) {
  div.return-exchange_wrap{width: 100%;}
}
.f78_pakuzu{margin-top: 5px; height: 20px; line-height: 20px; font-size: 12px; display: inline-block; padding: 0 10px;}
.arrow_left{height: 20px;  position: relative;}
/*.arrow_left::before {color: #000000; font-family:"Font Awesome 5 Free"; font-weight: 900; content:"\f105"; vertical-align: center;  margin: 0 4px;}*/
.arrow_left::before {color: #000000; content:'>'; vertical-align: center;  margin: 0 4px;}
div.title-block{width: 100%; background: #e6e6e6;  padding: 7px 10px; margin: 20px 0; box-sizing: border-box;}
h1.f84_title{font-size: 24px; font-weight: 500;}
.f84_box{width: 100%; padding: 0 10px 20px 10px; box-sizing: border-box;}
h2.f84_subtitle{font-size: 24px; letter-spacing: 0.05em; margin-bottom: 7px; background: linear-gradient(transparent 65%, #f3e68a 70%);}
h2.f84_subtitle span{font-size: 18px; display: inline-block; vertical-align: top; margin-top: 2px; vertical-align: middle;}
.f84_box-text{font-size: 17px; letter-spacing: normal; line-height: 2;}
.f84_box-text p{/*line-height: 1.65;*/line-height: 1.8;}
.fee{color: #c05757;}
div.title-h1 {width: 100%; padding: 7px 10px; margin: 20px 0; box-sizing: border-box;}
.f84_box-text2 a {border-bottom: solid 1px; color: #000; text-decoration: none;}

h3.f84_h3_title{
    font-size: 20px;

}

.img_wrap{width: 100%;}
.img_wrap img{width: 100%;}

hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

.line{
    margin: 20px 0;
    border-top: 1px solid #aaa;
}

.toc {
    margin-bottom: 30px;
    border: 2px solid #2589d0;
    border-radius: 3px;
}

.toc div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 10px 0;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}

.toc div::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 5px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 4H21V6H8V4ZM3 3.5H6V6.5H3V3.5ZM3 10.5H6V13.5H3V10.5ZM3 17.5H6V20.5H3V17.5ZM8 11H21V13H8V11ZM8 18H21V20H8V18Z' fill='%23fff'%3E%3C/path%3E%3C/svg%3E");
    content: '';
}

.toc ol {
    list-style-type: decimal;
    margin: 0;
    overflow: hidden;
}

.toc > ol {
    padding: 1em 1em 1em 3em;
}

.toc ol ol {
    margin-top: 5px;
    padding-left: 1.5em;
}

.toc li {
    padding: 5px 0;
    font-weight: 600;
}

.toc ol ol li {
    font-weight: 500;
    font-size: .9em;
}

.toc a {
    color: #333;
    text-decoration: none;
}


@media screen and (max-width: 640px) {
  h1.f84_title{font-size: 22px; font-weight: 500;}
  h2.f84_subtitle{font-size: 20px; letter-spacing: 0.05em; margin-bottom: 7px; background: linear-gradient(transparent 65%, #f3e68a 70%); font-weight: 500;}
  .f84_box-text{font-size: 15px; letter-spacing: -0.04em; line-height: 2.1;}
  /*.f84_box-text2{width: 55%; padding: 30px 35px; margin-top: 20px; background-color: #e6e6e6; font-size: 16px; font-weight: 300;}*/
  .f84_box-text2{width: 100%; padding: 20px 15px; margin-top: 18px; font-size: 13px; box-sizing: border-box;}
}
@media screen and (max-width: 640px) {
  /*.f84_box-text2{width: 100%; padding: 20px 15px; margin-top: 18px; font-size: 13px; box-sizing: border-box;}*/
  .f84_sp-display{display: block;}
}
@media screen and (max-width: 640px) {
.f84_box-text_toc{font-size: 12px; letter-spacing: normal; line-height: 2;}
.img_wrap{width: 100%;}
.img_wrap img{width: 100%;}
.dic_img{margin: 20px 0 0 0;}

.toc div {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 2px 0;
    background-color: #2589d0;
    color: #fff;
    font-weight: 600;
    font-size: 1.1em;
}
.toc > ol {
    padding: 0.5em 1em 0.5em 2em;
}
}
 /* テーブル全体のコンテナ */
.birthstone-table-container {
  width: 100%;
  margin: 20px 0;
  overflow-x: auto; /* スマホ表示用 */
}
/* テーブル本体 */
.birthstone-table {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  border-collapse: collapse;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #333;
  border: 1px solid #999;
}
/* ヘッダー部分 */
.birthstone-table thead th {
  background-color: #fdf2c1; /* 画像の薄い黄色を再現 */
  border: 1px solid #999;
  padding: 12px 8px;
  font-weight: normal;
  text-align: center;
}
/* 月の列（左端） */
.birthstone-table td.month-cell {
  background-color: #e5e5e5; /* 画像のグレー背景 */
  text-align: center;
  font-weight: bold;
  width: 80px;
}
/* データセル */
.birthstone-table td {
  border: 1px solid #999;
  padding: 10px 15px;
  vertical-align: middle;
  background-color: #fff;
}
/* レスポンシブ：文字が重ならないよう調整 */
@media (max-width: 480px) {
  .birthstone-table {
    font-size: 14px;
  }
  .birthstone-table td {
    padding: 8px;
  }
}