.mold__img img {
	border-radius: 80px;
    margin: 40px 0 0 0;
}

.secTtl_middle {
    margin-top: 40px;
	font-size: 28px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
	line-height: 1.8;
}

.secTtl_middle.mt {
    margin-top: 40px;
}

.secTtl_middle.mt02 {
    margin-top: 80px;
}

.secTtl_middle.left {
    text-align: left;
}

.font18 {
	font-size: 18px;
	line-height: 1.8;
}

.table_style01 th{
	   background: #415F79;
    color: white;
	text-align: center;
	padding: 10px ;
			line-height: 1.5;
}

.table_style01 td {
    max-width: 240px;
    padding: 16px;
    vertical-align: middle;
    line-height: 1.5;
    font-size: 14px;
	border: 1px solid #CACACA;
}

.sozai__img {
	max-width: 100px;
	margin: 0 auto;
}

.table_style01 {
	    width: 100%;
    text-align: center;
}

.table_style01 a {
	text-decoration: underline;
	color: #0963C3;
}

.left {
	text-align: left;
}

.min-w1200 {
	min-width: 800px;
}


@media(max-width: 767px) {
	.table_style01 td  {
		font-size : 12px;
		    padding: 8px;
	}
	
	.sozai__img {
	max-width: 60px;
	}
	
	.table_style01 th {
		font-size: 14px;
	}
}

/*ーーーーーーーーーーーーー
 *  関連記事 （サイドバー）
 * ーーーーーーーーーーーー*/
#block-47 {
	    margin-bottom: 24px;
    padding: 24px 20px;
    background: #F2F2F2;
    border-radius: 8px;
}

#block-47 ul {
	margin-top: 20px;
}

#block-47 a {
    display: flex;
    column-gap: 20px;
}

#block-47 li {
	    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.crp_primary_term {
	    font-size: 12px;
    margin-top: 5px;
    display: block;
}

.crp_title {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	cursor: pointer;
}

.crp_title:hover {
	cursor: pointer;
	text-decoration: underline;
}

#block-47 img {
	width: 100px;
	height: 60px;
	object-fit: cover;
}

.wp-block-search__label {
	    font-weight: 700;
    font-size: calc(15px + 5*(100vw - 375px) / 1545);
    line-height: 29px;
    letter-spacing: 0.06em;
    color: #415F79;
    padding-bottom: 12px;
    border-bottom: 2px solid #415F79;
	display: block;
}

#block-27 {
	margin-bottom: 24px;
    padding: 24px 20px;
    background: #F2F2F2;
    border-radius: 8px;
}

#block-27  .wp-block-search__inside-wrapper {
	margin-top: 20px;
}

#block-27 input {
	padding: 10px;
}

.wp-block-search__button svg {
	    min-height: 40px;
    min-width: 40px;
}

#post_bottom .crp_primary_term{
	margin-top: -6px;
	margin-bottom: 10px;
}

#post_bottom .crp_related a {
	display: flex;
	column-gap: 10px;
}

#post_bottom .crp_related ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#post_bottom .crp_related li {
	width: 48%;
	border-bottom: 1px solid #cccc;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#post_bottom .crp_related img {
	    width: 70px;
    height: 70px;
}

.crp_primary_term::before{
	content:"#";
	display: inline;
}

@media(max-width: 767px) {
	#post_bottom .crp_related li {
		width: 100%;
	}
}
/*ーーーーーーーーーーーー
 *  footerロゴ修正
 * ーーーーーーーーーーーー */
.icon-logo-twitter::before {
	display: none!important;
}

.icon-logo-twitter::after {
	content:"";
	display: block; background:url(/wp-content/uploads/2024/03/icon-x.png) no-repeat;
    width: calc(10px + 14*(100vw - 640px) / 1280);
    height: calc(10px + 14*(100vw - 640px) / 1280);
    background-size: contain;
    margin-right: 10px;
	max-width: 24px;
}


/*ーーーーーーーーーーーー
 *  一覧ページ修正
 * ーーーーーーーーーーーー */
.overall-link-wrap:hover {
	background: white!important;
}

.post-list-date-wrap {
	display: block;
	margin-top: 10px;
}

.post-list-date-wrap a {
	position: relative;
	margin-right: 20px;
	color: #415F79;
}

.post-list-date-wrap a:hover {
	text-decoration: underline;
}

.post-list-date-wrap a::before {
	content:"#";
	display: inline-block;
}

.post-list-title {
	font-size: 18px;
	margin-bottom: 10px!important;
}

.post-list-title:hover {
	color: #415F79;
}

.post-date {
		margin-top: 10px;
	color: #999999;
}

.blog-list_wrap img{
	    min-height: 155px;
    object-fit: cover;
}

.post-list-excerpt {
	font-size: 14px!important;
}

/* ヘッダー右上のボタン: 3つ目が増えたのにテーマは1つ目にしか余白が無い → 隣り合うボタン全部に余白（2026-10-13） */
.menu-ctr-button-container ul li + li { margin-left: 24px; }
/* ↑ テーマの「1つ目の右 24px」と重なって、1つ目と2つ目の間だけ 48px になっていた → 1つ目の右の余白を消して、間を全部 24px に（2026-11-03） */
.menu-ctr-button-container ul li:first-child { margin-right: 0; }

/* トップ「事業内容」: four-column-box の CSS が無く画像が原寸で縦に並んでいた → Figma（node 4592-20881）の 2列×2段に（2026-10-28） */
.top-business .c-head_wrap p { margin-top: 20px; line-height: 1.8; }
.top-business .four-column-box { display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 80px; margin-top: 60px; }
.top-business .four-column-box_item { position: relative; width: calc(50% - 37px); }
.top-business .four-column-box_item_inner { display: flex; align-items: stretch; gap: 31px; }
.top-business .four-column-box_img { flex: 0 0 205px; height: 204px; overflow: hidden; }
.top-business .four-column-box_img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.top-business .four-column-box_content { flex: 1; display: flex; flex-direction: column; min-width: 0; }
.top-business .four-column-box_content .text-group01 { margin-top: 10px; }
.top-business .four-column-box_content .view-details-button { margin-top: auto; align-self: flex-end; }
@media(max-width: 1024px) {
	.top-business .four-column-box_item { width: 100%; }
}
@media(max-width: 767px) {
	.top-business .four-column-box { row-gap: 40px; margin-top: 30px; }
	.top-business .four-column-box_item_inner { gap: 16px; }
	.top-business .four-column-box_img { flex-basis: 120px; height: 120px; }
}

/* トップ「注目の紙」: 事業内容の下に、トピックスと同じ横送り。下の「ペーパルを知る」（灰色）と背景が続かないよう背景なし・外の余白なし（2026-10-28） */
.top-pickup.bg_container { background: transparent; margin-top: 0; margin-bottom: 0; }
.top-pickup .c-button01 { width: 30%; font-size: calc(12px + 8*(100vw - 375px)/1545); }
@media(max-width: 768px) {
	.top-pickup .c-button01 { border: 1px solid #415F79; }
}

/* 取扱製品「どんな紙をお探しですか？」のタグ: 上下が詰まっていた → Figma（node 4327-16814）の 1段 約103px・タグの高さ 44px に（2026-10-28） */
.products_tag_list_global .products_tag_list_row { padding-top: 29px; padding-bottom: 29px; }
.products_tag_list_global .products_tag_list_wrap { gap: 12px 16px; }
.products_tag_list_global .products_tag_list_item a { padding: 10px 24px; line-height: 22px; }
.products_tag_list_global .products_tag_list_ttl p { line-height: 44px; }
@media(max-width: 768px) {
  .products_tag_list_global .products_tag_list_row { padding-top: 24px; padding-bottom: 24px; gap: 16px; }
  .products_tag_list_global .products_tag_list_wrap { gap: 10px 12px; }
  .products_tag_list_global .products_tag_list_item a { padding: 8px 18px; }
  .products_tag_list_global .products_tag_list_ttl p { line-height: 1.5; }
}

/* お問い合わせの案内（/contact/ とトップ。フォームは別サイト form.pepal.co.jp へ。2026-11-02 W1） */
.contact-guide { margin: 32px auto 48px; text-align: center; }
.contact-guide_button { margin: 24px 0 16px; }
.contact-guide .c-button01 { margin: 0 auto; }   /* c-button01 は display:flex・max-width 314px なので中央寄せは margin で */
.contact-guide_note { font-size: 14px; color: #666; }

/* トップ下のバナー: PC ではリンクが inline のままでテーマの margin-bottom: 24px が効かず、バナー同士がくっついていた → ブロックにして間を 24px に（スマホ用の .sp-view は PC で隠れたまま）（2026-11-02） */
.top-banner .c-banner a:not(.sp-view) { display: block; }
.top-banner .c-banner img { display: block; }

/* 取扱製品の子カテゴリー（Figma node 4583-18456 サムネイルあり／4590-20484 なし）: /products/ と同じ帯・検索窓・タグ・すべての紙に、カテゴリー名と下の赤線、右のサムネイル、オリジナル商品の案内（2026-11-02） */
.products_category_ttl .products_archive_page_ttl_inner { align-items: stretch; }
.products_category_ttl .products_archive_ttl { justify-content: flex-start; padding-top: 55px; margin-bottom: 0; padding-bottom: 110px; }
/* 取扱製品のヘッダーのドロップダウン（PC）が、下のカテゴリー・タグの見出し（赤い線のため position: relative）の下に隠れないよう前に出す（2026-11-06） */
.products_header_nav_item .drop-menu { z-index: 10; }
/* 取扱製品のヘッダーのドロップダウン（PC）: 上の全体のメニュー（事業案内など）に寄せて、項目のあいだに線を引く。背景は白のまま（2026-11-06） */
@media screen and (min-width: 769px) {
  .products_header_nav_item:hover .drop-menu { gap: 0; padding: 16px 20px; }
  .products_header_nav_item_child + .products_header_nav_item_child { border-top: 1px solid #BDBDBD; }
  .products_header_nav_item .products_header_nav_item_child a { display: block; padding: 12px 0; line-height: 1.5; }
  .products_header_nav_item_child:first-child a { padding-top: 0; }
  .products_header_nav_item_child:last-child a { padding-bottom: 0; }
}
.products_category_ttl .products_category_name { position: relative; margin: 0 0 12px; padding-bottom: 14px; font-size: 32px; font-weight: 700; line-height: 1.5; letter-spacing: 0.04em; text-align: left; }
.products_category_ttl .products_category_name::after { content: ""; position: absolute; left: 0; bottom: 0; width: 48px; height: 3px; background: #ED0505; }
.products_category_ttl .products_archive_title { font-size: 36px; letter-spacing: 3px; }
.products_category_ttl .products_archive_designimage { width: 50%; }
.products_category_ttl .products_archive_designimage img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 0 4px 4px; }
.products_category_ttl.-no_thumb .products_archive_ttl { width: 100%; }
.contents-box-products .all_list_wrap .blog-list_wrap:empty::before { content: "このカテゴリーの紙は、ただいま準備中です。"; display: block; width: 100%; padding: 40px 0; color: #666; }
/* タグの一覧ページ（2026-11-06）: 「すべての紙」と「ペーパルのオリジナル商品」のあいだを広げる（100px → 160px。スマホは 100px → 140px） */
.tax-products_tag .contents-box-products .all_list_wrap { padding-bottom: 60px; }
.products_category_brand .c-head_wrap { margin-bottom: 40px; }
.products_category_brand_logo { text-align: center; margin-bottom: 40px; }
.products_category_brand_logo img { width: 316px; max-width: 70%; height: auto; }
.products_category_brand_main { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 40px; min-height: 396px; padding: 40px 16px; background: linear-gradient(rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0.45)), url(/wp-content/themes/watershell/images/products/product_mv.jpg) center / cover; }
.products_category_brand_text { color: #fff; font-size: 32px; line-height: 1.5; text-align: center; font-weight: 500; }
.products_category_brand_link { display: inline-flex; align-items: center; gap: 24px; padding: 22px 54px; border: 1px solid #fff; border-radius: 4px; color: #fff; text-decoration: none; }
.products_category_brand_link:hover { background: #fff; color: #1A1A1A; transition: 0.3s; text-decoration: none; }
@media(max-width: 768px) {
  .products_category_ttl .products_archive_ttl { padding-top: 32px; padding-bottom: 0; }
  .products_category_ttl .products_category_name { font-size: 24px; }
  .products_category_ttl .products_archive_title { font-size: 24px; letter-spacing: 2px; }
  .products_category_ttl .products_archive_designimage { width: 100%; margin-bottom: 70px; }
  .products_category_ttl .products_archive_designimage img { aspect-ratio: 4 / 3; height: auto; }
  .products_category_ttl.-no_thumb .products_archive_ttl { padding-bottom: 70px; }
  .tax-products_tag .contents-box-products .all_list_wrap { padding-bottom: 40px; }
  .products_category_brand_main { min-height: 280px; gap: 24px; }
  .products_category_brand_text { font-size: 20px; }
  .products_category_brand_link { padding: 16px 32px; }
}

/* 紙の仕入れ（/introduction_paper/）の一番上の動画の帯: 本番のテーマ（add.css ver 7.1.4）で後から足された分が、写し（7.1.3）に無く崩れていた → 本番の add.css の同じ部分をそのまま写す（2026-11-03） */
.page_head_video {
    position: relative;
    top: -120px;
}
.page_head_video_cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    padding: 100px;
    display: flex;
    flex-direction: column;
    max-width: 800px;
    justify-content: center;
}

.page_head_video_ttl {
    line-height: 1.6;
    color: #415F79;
    font-size: 64px;
    font-weight: bold;
}
.bg_line {
    background: #fff;
    padding-left: 10px;
}
.page_head_video_lead {
    line-height: 1.6;
    font-size: 16px;
    margin-top: 40px;
}
.page_head_video_video video {
    width: 100%;
}
@media screen and (min-width: 769px) {
  .page_head_video_txt {
    color: #fff;
  }
  .page_head_video_btn .c-button01 {
    color: #fff;
    border: 2px solid #fff;
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) {
  .page_head_video {
    position: relative;
    top: -64px;
  }
  .page_head_video_cont {
    position: relative;
    width: 100%;
    padding: 15px;
    display: flex;
    flex-direction: column;
    max-width: unset;
    justify-content: center;
  }
  .page_head_video_ttl {
    line-height: 1.6;
    color: #415F79;
    font-size: 28px;
    font-weight: bold;
  }
}
/* 紙の仕入れの動画の帯の見出し: PC では箱の幅が足りず「安心をお約束す／る、」で折り返していた → 帯（行）の途中では折り返さない。はみ出た分は動画の上に乗るだけ（2026-11-03） */
@media screen and (min-width: 769px) {
  .page_head_video_ttl .bg_line { white-space: nowrap; }
}
/* 取扱製品のヘッダーのナビ（スマホ）: 原本の style.css にはスマホ用の形が無く、ナビが横 1 列のまま・閉じたドロップダウンも幅を取り、390px で約 137px はみ出していた
   → 本番のテーマ（style.css ver 7.1.4）のスマホ用の分をそのまま写す（縦に並べ、矢印で開け閉め。開け閉めは /assets/js/products-nav.js）。PC（769px 以上）は変えない（2026-11-06 W9） */
@media screen and (max-width: 768px) {
  .products_header_nav {
    display: flex;
    gap: 10px;
    flex-direction: column;
  }
  .products_header_nav_item {
    position: relative;
    height: auto;
  }
  .products_header_nav_item a {
    padding: 10px 0px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    position: relative;
  }
  .products_header_nav_item .down-arrow {
    display: inline-block;
    width: 15px;
    height: 9px;
    margin-left: 8px;
    margin-bottom: 2px;
    background-image: url("/wp-content/themes/watershell/images/common/down-arrow.png");
    background-size: cover;
    background-repeat: no-repeat;
  }
  .products_header_nav .down-arrow {
    display: inline-block;
    cursor: pointer;
    transition: transform 0.2s;
  }
  .products_header_nav_item.is-open > a .down-arrow {
    transform: rotate(180deg);
  }
  .products_header_nav_item .drop-menu,
  .products_header_nav_item:hover .drop-menu {
    opacity: 1;
    background: none;
    position: relative;
    left: auto;
    width: auto;
    visibility: unset;
    display: block;
    padding: 0px 10px;
  }
  .products_header_nav .products_header_nav_item:not(.is-open) > .drop-menu {
    display: none;
  }
  .products_header_nav .products_header_nav_item.is-open > .drop-menu {
    display: block;
    position: static;
  }
  .products_header_nav_item_child a {
    padding: 10px 0px;
  }
}