.botan{
  padding-bottom: 5px;
 

}
.main-nav{
  padding-left: 10px;
  margin: 5px;
 
}

a{
  
  padding-bottom: 10px;
}


.yoko{
  display: flex;
}
.faq-nav{
  padding-left: 5px;
  list-style: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 10px;
  
  background: #fdf2f2;
}

.faq {
  margin-bottom: 32px; /* 各Q&Aの下に余白 */
  margin-top: 20px;
}

.faq__dt, .faq__dd {
  position: relative;
  padding-left: 20px;
  margin: 5px;
}

.faq__dt::before, .faq__dd::before {
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.faq__dt {
  font-weight: bold; /* 質問文は太字にしてみました */
  border-bottom: 1px solid #999;
  padding-bottom: 10px;
  margin-bottom: 20px; /* 下にちょい余白 */
 
}

.faq__dt::before {
  content: 'Q.';
  color: #c80021; /* 「Q」の文字色 */
}

.faq__dd::before {
  content: 'A.';
  color: #0085C8; /* 「A」の文字色 */
}

/* 梅干しに関する質問の部分の設定 */
.faq-umemidashi{
    background: #A1272E;
    color: white;
    padding-left: 20px;
    padding: 1rem 2rem;
    border-left: 8px solid #CD5C5C;
    
  }
 /* 梅エキスに関する質問の部分の設定 */ 
.faq-ekisu{
    background: #007B50;
    color: white;
    padding-left: 20px;
    padding: 1rem 2rem;
    border-left: 8px solid#204537;
}
 /* 海外配送に関する質問の部分の設定 */
.faq-kaigaihaisou{
  background: #ECA5B2;
  color: white;
  padding-left: 20px;
  padding: 1rem 2rem;
  border-left: 8px solid #A52A2A;  
}

 /* ご注文方法関する質問の部分の設定 */
 .faq-tyuumon{
  background: #8F9830;
  color: white;
  padding-left: 20px; 
  padding: 1rem 2rem;
  border-left: 8px solid #204537; 
}

 /* 定期購入関する質問の部分の設定 */
 .faq-teiki{
  background: #DF543A;
  color: white;
  padding-left: 20px; 
  padding: 1rem 2rem;
  border-left: 8px solid #6E1E2F; 
}
 /* お問い合わせフォームの部分の設定 */
.faq-toiawase{
  background: #fadfdf;
  color: #6E1E2F;
  padding-left: 20px; 
  padding: 1rem 2rem;
  border-left: 8px solid #6E1E2F;  
}

/* 注意事項の部分の設定 */ 
.faq-tyuui{
  background: red;
  color: white;
  padding-left: 20px;
  padding: 1rem 2rem;
  
}

/* 各質問のフレームの設定 */
.question-01{
  padding: 1rem 2rem;
  border: 1px solid #000;
  margin-bottom: 20px;
  font-size: 16px;
}

/* 強調する文字の設定 */
.red{
  color: red;
}



/*** レスポンシブテーブルデザイン ***/
.shokai{
  width:100%;
  border: 2px solid #d6ceb4;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
}
 
.shokai th{
  padding: 6px 8px 5px;
  border-top: solid 1px #ffffff;
  width: 30%;
  overflow: hidden;
  color: #13131e;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #eeece4;
}
 
.shokai td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #595960;
background-color: #ffffff;
border-top: dotted 1px #e0dccc;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.shokai th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.shokai td{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}
.center{
  text-align: center;
}

/* end */