@charset "utf-8";
/* CSS Document */

.m_txt_line{
	text-decoration: underline;

}
.m_bold{
	font-weight:bold;
}
/*商品詳細ページでボタンの下のmarginとる*/
.block-no-code-cms--button {
    margin: 25px 0 0px;
}

.m_midashi_middle{
	border-bottom:solid #3d3935 1px;
	border-top:solid #3d3935 1px;
	padding:5px 0;
	font-weight:bold;
}
/*よみもの用背景グレー*/
.m_bg-gray{
    padding: 40px;
    background-color: #f1f0ee;
}
/*よみもの用太字*/
.m_font-weight-medium {
    font-weight: 700;
}
/*よみもの用プロフィールの上のライン*/
.m_line{
    border-top:1px solid #beb5aa;
}


/*太字＆フォントサイズ120％*/
.m_qa_ttl{
    font-weight:bold;
    font-size:120%;
}

/*よみもの下に余白入れる*/
.m_info_btm{
   margin:0 0 100px 0;
}

/* シリーズで1：1の2ブロックを使う場合 */
.m_flex-container {
   display: flex;
   align-items: stretch; /* カラムの高さを揃える */
 /*    gap: 10px;*/
   margin-bottom:10px;
        }

.m_flex-item {
   flex: 1;
   padding: 5px;
        }
/* 1:1の2ブロックの商品説明で左文字が右文字につながって見えるとき左文字に設定 */
.m_pad_r10
{
   padding-right:10px;
}
.m_pad_lr5
{
	padding:0 5px;
}
.m_pad_lr10
{
	padding:0 10px;
}
/* ラインを消す */
.m_bor_none{
   border:none;
}
/* リスト復活 */
.m_info_list ul li{
list-style-type: disc;
margin-left:20px;
}

/* キャンペーン四角囲み */
.m_waku{
border:#3d3935 solid 1px; 
padding:10px;
}

/* きほんの情緒文 */
.kihon_container {
	max-width: 600px; /* デスクトップでのブロックの最大幅 */
	margin: 0 auto;   /* デスクトップでブロックを中央寄せにする */
	text-align: left; /* ブロック内のテキストは常に左寄せ */
	font-size:16px;
	line-height:38px;
	letter-spacing:0.3em;
}

/* 会員特典 */
.m_tokuten {
  display: grid;
  grid-template-columns: 2fr 8fr; /* 列の幅を3:7の比率に */
  grid-template-rows: repeat(3, 1fr); /* 3行に分ける */
  gap: 10px; /* 要素間の隙間 */
}

.m_toku_item {
  padding: 20px;
  text-align: center;
<!--  border: 1px solid #ccc;
-->  box-sizing: border-box;
}
.m_toku_item_left {
  text-align: left;
}
	.m_toku_bg_color{
		background-color: #eaf1f5;
	}
/* シリーズページ */
.m_txt_left{
	text-align: left;
}
	
	
/* SP表示（メディアクエリ） */
@media (max-width: 768px) {
  .m_tokuten {
    grid-template-columns: 1fr; /* 1列に分ける */
    grid-template-rows: repeat(1, 1fr); /* 6行に分ける */
  }
	.m_tokuten img{
		width: 50%;
	}	
}