@charset "utf-8";
/*------------------------------------------------------------
	page
------------------------------------------------------------*/

/* Clearfix */
.clear::after {
	content: "";
	display: block;
	clear: both;
	}

/* レイアウト */
article {
	padding-bottom: 48px;
	}

.entry-title,
.entry-header .entry-meta,
.entry-summary p,
.post>p,
.page>p,
.xo-slider,
.wp-block-heading,
.wp-block-flexible-table-block-table,
figure.wp-block-image,
.wp-block-buttons {
	margin-right: auto;
	margin-left: auto;
	width:90%;
	}

.entry-title,
.archive-title,
.entry-summary,
.wp-block-heading,
.wp-block-flexible-table-block-table,
article.post>ul:not(.entry-meta),
article.post>ol {
	margin: 1.8rem auto 1.8rem auto;
	}
header ul.entry-meta {
	margin-bottom: 1.8rem;
	}
header ul.entry-meta li {
	display: inline-block!important;
	margin-right: 1.2em;
	}
header ul.entry-meta li svg {
	margin-right: 0.4em;
	vertical-align: -2px;
	}
header ul.entry-meta li.post-tag a {
	margin-right: 0.6em;
	}

/* アーカイブページ */
h2.entry-title a {
	display: block;
	color: white;
	background: #d22d2c;
	padding: 8px 18px 10px 18px;
	text-decoration: none;
	border-radius: 18px;
	}
/* Pagenation */
.ori_pagenavi {
	width: 90%;
	clear:both;
	position:relative;
	line-height:13px;
	margin: 1.8rem auto 1.8rem auto;
	}
.ori_pagenavi span,
.ori_pagenavi a:link,
.ori_pagenavi span,
.ori_pagenavi a:visited {
	display: inline-block;
	margin: 2px 2px 2px 0;
	padding:12px 13px 11px 13px;
	text-decoration:none;
	width:auto;
	color: #FFF;
	background: #d22d2c;
	border-radius: 18px;
	}
.ori_pagenavi a:hover{
	background:#000;
	color: #FFF;
	}
.ori_pagenavi .current {
	padding:12px 13px 11px 13px;
	background: #000;
	color: #FFF;
	border-radius: 18px;
	}

h2.wp-block-heading {
	margin-top: 6rem;
	margin-bottom: 2.4rem;
	}
h3.wp-block-heading {
	margin-top: 4rem;
	margin-bottom: 2.4rem;
	}
.entry-summary p,
.post>p,
.wp-block-flexible-table-block-table,
figure.wp-block-image,
article.post>ul,
article.post>ol,
div#toc_container {
	margin-bottom: 2.4rem;
	font-size: 1.8rem;
	line-height: 1.6;
	}
/* lists */
.post ul:not(.entry-meta) {
	display: block;
	list-style-type: disc;
	-webkit-margin-before: 1__qem;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 40px
	}
.post ol {
	display: block;
	list-style-type: decimal;
	-webkit-margin-before: 1__qem;
	-webkit-margin-after: 1em;
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-start: 40px
	}
.post li:not(.entry-meta) {
	display: list-item;
	text-align: -webkit-match-parent;
	}
.post ul ul,
.post ol ul {
	list-style-type: circle
	}
.post ol ol ul,
.post ol ul ul,
.post ul ol ul,
.post ul ul ul {
	list-style-type: square
	}
/* ボタン */
.wp-block-button__link{
	color: white!important;
	background: #e40521!important;
	font-size: 1.125em!important;
	padding: .667em 1.333em!important;
	text-decoration: none!important;
	border-radius: 18px!important;
	box-shadow: none!important;
	border: 0!important;
	}

.wp-block-flexible-table-block-table table a:link,
.wp-block-flexible-table-block-table table a:visited,
.wp-block-flexible-table-block-table table a:active,
.wp-block-flexible-table-block-table table a:hover {
	color: #e40521;
	font-weight: bold;
	text-decoration: underline;
	}
header ul.entry-meta li a:link,
header ul.entry-meta li a:visited,
header ul.entry-meta li a:active,
header ul.entry-meta li a:hover,
.post>p a:link,
.post>p a:visited,
.post>p a:active,
.post>p a:hover,
.post li:not(.entry-meta) a:link,
.post li:not(.entry-meta) a:visited,
.post li:not(.entry-meta) a:active,
.post li:not(.entry-meta) a:hover {
	color: #e40521;
	text-decoration: underline;
	}
div#toc_container {
	width: 80%!important;
	max-width: 880px!important;
	margin-right: auto;
	margin-left: auto;
	}

@media all and (max-width: 896px) {
	h1.entry-title,
	h1.archive-title {
		font-size: 2.8rem;
		}
	h2.wp-block-heading,
	h2.entry-title {
		font-size: 2.2rem;
		}
	h3.wp-block-heading {
		font-size: 1.9rem;
		}
	}
@media all and (min-width: 897px) {
	.entry-title,
	.archive-title,
	.entry-header .entry-meta,
	.entry-summary p,
	.post>p,
	.page>p,
	.xo-slider,
	.wp-block-heading,
	.wp-block-flexible-table-block-table,
	figure.wp-block-image,
	.wp-block-buttons,
	.post>ul,
	.post>ol,
	#toc_container,
	.ori_pagenavi {
		max-width: 960px;
		}
	h1.entry-title,
	h1.archive-title {
		font-size: 3.8rem;
		}
	h2.wp-block-heading,
	h2.entry-title {
		font-size: 2.8rem;
		}
	h3.wp-block-heading {
		font-size: 2.2rem;
		}
	.archive article p img,
	.blog article p img {
		width: 50%;
		margin: 8px 24px 0 0;
		float: left;
		}
	}


/* ======= 納品代行（nouhin_） ======= */

.page-id-1876 h1 { text-align: center; }
.page-id-1876 h2 { padding: 15px 0; }
.page-id-1876 #main .storeSec { padding: 0; background-image: none; }

/* ========== nouhin_ 共通 ========== */
.nouhin_sr-only{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;}
.nouhin_section{margin:0 auto;padding:12px 0;width:970px;}
.nouhin_list{list-style:none;margin:0;padding:0;}
.nouhin_item{
  /* 3カラム： [アイコン] [タイトル] [内容] */
  display:grid;
  grid-template-columns: 72px 290px 1fr;
  column-gap: 15px;
  align-items:start;
  padding:16px 0 18px;
  position:relative;
}
/* 最後の項目だけ下線を追加 */
.nouhin_item:last-child {
  border-bottom: 1px solid #e5e5e5;
}
.nouhin_rule{
  position:absolute;left:0;right:0;top:0;height:1px;background:#e5e5e5;
}
.nouhin_iconCol{width:72px;display:grid;place-items:center;}
.nouhin_icon{max-width:56px;max-height:56px;width:auto;height:auto;display:block;}

.nouhin_title{
  margin:0;
  font-weight:700;
  font-size:2rem; /* スクショの見た目に寄せて太め＆大きめ */
  line-height:1.6;
  display:flex;align-items:flex-start;gap:8px;
  /* タイトル列で折り返し可 */
  word-break:keep-all;
}
.nouhin_num {
  font-weight: 700;
  line-height: 1.6; /* タイトルの行間と合わせる */
  flex-shrink: 0;   /* 番号が小さく潰れないように固定 */
}

.nouhin_content{
  line-height:1.9;
  margin:0;
  color:#000;
}

.nouhin_content a {
	font-weight: normal;
	text-decoration: underline !important;
	color: #00f !important;
}

/* 余白の微調整：先頭のみ上パディング抑える */
.nouhin_item:first-child{padding-top:12px;}

.nouhin_txt01 { margin: 20px 0; font-size: 1.8rem; font-weight:700; text-align: center; }
.nouhin_txt02 { margin: 25px 0 40px 0; font-size: 1.8rem; font-weight:700; text-align: center; }

#main .storeListBox_uketori .storeListName02 { width: 80%; }

.btn_to_receiveshop { border-top: 1px solid #ccc; }
.btn_to_receiveshop a:hover { opacity: 0.7; }
.btn_to_receiveshop a { display: block !important; margin: 3rem auto 0 auto; width: 70%; }

/* ======= レスポンシブ ======= */
@media (max-width: 960px){
  .nouhin_item{grid-template-columns: 64px 260px 1fr;column-gap:18px;}
  .nouhin_title{font-size:18px;}
  .nouhin_content{font-size:15px;}
}
@media (max-width: 720px){
  /* スマホは [アイコン] [タイトル+内容] の2段構成に */
	.nouhin_section{ padding: 10px 20px; width: auto; }
	.nouhin_item{
		grid-template-columns:56px 1fr;
		grid-auto-rows:auto;
		column-gap:14px;
		row-gap:6px;
		padding: 25px 0 25px 0;
	}
	.nouhin_iconCol{grid-column:1;grid-row:1 / span 2;}
	.nouhin_title{grid-column:2;grid-row:1;font-size:16px;}
	.nouhin_content{
		grid-column:1 / -1; /* アイコン＋タイトルの下にフル幅で表示 */
		grid-row:2;
		font-size:15px;
		margin-top:4px;
	}
	.nouhin_content {
	margin-top: 8px;  /* ← ここで本文上に余白を統一 */
		line-height: 1.9;
	}
	.nouhin_content p {
		margin: 0;         /* 段落タグのデフォルト余白は消す */
	}
	.nouhin_icon{max-width:40px;max-height:40px;}
	.nouhin_txt01 { margin: 20px 10px; font-size: 1.6rem; text-align: left; }
	.nouhin_txt02 { margin: 25px 10px 40px 10px; font-size: 1.6rem; text-align: left; }
	#main .storeListBox_uketori .storeListName02 { width: 100%; }
	.btn_to_receiveshop a { width: auto; }
}