@charset "UTF-8";

/* =========================================================
   WhiteDress Border Radius Design Layer

   このファイルはテーマ全体の丸みを管理します。

   --theme-border-radius-section
   セクション / カード / パネル / 背景型ブロック

   --theme-border-radius-button
   ボタン / CTA / クリック可能な操作部品

   --theme-border-radius-small-parts
   タグ / ラベル / バッジ / 小型アイコン背景

   --theme-border-radius-avatar
   著者 / コメント / アバター画像
========================================================= */

/* =========================================================
   Section / Card / Panel
========================================================= */

.contents-container,
.main-class,
.main-section,
.sidebar,
.sidebar .widget,

.single-main-contents,
.page-main-contents,

.list-articles-card,
.articles-posted-card-figure-zone,
.articles-posted-card-image-item,

.page-feed-box,
.page-feed-figure,

.related-article,
.related-contents,
.related-thumbnail,
.related-layout-minicard,

.comment-lists-section,
.comment-body,
.comment-respond,
.comment-respond #comment,
.comment-respond #author,
.comment-respond #email,
.comment-respond #url,

.right_sidebar_widget,
.right_sidebar_sub_widget,
.right_sidebar_sticky_widget,

.footer_widget,
.cta_main_bottom_widget,
.cta_footer_top_widget,
.contents_top_widget,
.contents_bottom_widget,
.headline_top_widget,
.headline_bottom_widget,
.article_top_widget,
.article_bottom_widget,

.theme-pickup-slider-container,
.theme-pickup-slider-item,

.popup-message-contents,
.popup-message-window,
.search-window,

.sns-follow-box,

.posted-by-author,
.posted-by-about-me,

.toc-details,

.hero-slider-text-contents,

.entry-header-overlap-card,

.wp-caption,
.wp-block-quote,

[class*="is-style-theme-speechbubble-square-"],
/* 丸みを付けない: 上下線吹き出しのため除外 */

[class*="is-style-theme-box-top"],

[class*="is-style-theme-point-"],
[class*="is-style-theme-point-"]::before,

.is-style-theme-bgcolor-color,
/* 丸みを付けない: 背景+上下線のため除外 */
.is-style-theme-border-square-thin-color,

.is-style-theme-left-color-shadow,
.is-style-theme-shadow-rightbottom,
.is-style-theme-shadow-square,
.is-style-theme-shadow-alignment,


[class*="is-style-theme-details-wide-"],

.is-style-theme-list-step-speechbubble > li,

.is-style-theme-image-rounded-skin img,
.is-style-theme-image-rounded-5 img,
.is-style-theme-image-rounded-corners img,

.is-style-theme-image-shadow-box img,
.is-style-theme-image-border-box img,
.is-style-theme-image-outline-white img,
.is-style-theme-image-outline-color img,
/* 「写真風」はプリント写真らしさを保つため、今後も共通の角丸対象には含めない。 */
.is-style-theme-image-wooden-frame img {
  border-radius: var(--theme-border-radius-section);
}

/* WordPress標準の背景色付きブロック */
h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background,
p.has-background,

.wp-block-group.has-background,
.wp-block-columns.has-background,
.wp-block-column.has-background,
.wp-block-media-text.has-background,
.wp-block-details.has-background,
.wp-block-pullquote.has-background,
.wp-block-image.has-background {
  border-radius: var(--theme-border-radius-section);
}

/*
 * coreblock.css側に border-radius: 0 !important; が残っているため、
 * 現段階では !important で上書きします。
 */
.wp-block-code {
  border-radius: var(--theme-border-radius-section) !important;
}

/* =========================================================
   Section内の特殊形状
========================================================= */

/* 目次は開いている場合、タイトルと本文の接合部分を四角にします。 */
.toc-summary {
  border-radius:
    var(--theme-border-radius-section)
    var(--theme-border-radius-section)
    0
    0;
}

.toc-details:not([open]) > .toc-summary {
  border-radius: var(--theme-border-radius-section);
}

/* =========================================================
   丸み部分のクリッピング
========================================================= */

/*
 * 画像や背景が角からはみ出す箇所だけクリッピングします。
 * ウィジェット全体には指定せず、フォーカス枠や影が切れないようにします。
 */
.articles-posted-card-figure-zone,
.articles-posted-card-image-item,
.related-thumbnail,
.theme-pickup-slider-item,
.popup-message-contents,
.popup-message-window,
:where(.search-form),
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
  overflow: hidden;
}

/* =========================================================
   Button / CTA / Clickable UI
========================================================= */

.wp-element-button,
.wp-block-button__link,
.wp-block-file__button,

.comment-respond #submit,

.sns-share-button,
.sns-follow-button,
.sns-follow-box-section .sns-follow-button,
.posted-by-author-follow-button .sns-follow-button,
.sns-follow-box .sns-follow-button,

.hero-slider-item-button,

.articles-posted-card-button-section,

.campaign-link,

.header-contact-contents,
.contact-document-contents,
.contact-address-contents,

.popup-message-close-button {
  border-radius: var(--theme-border-radius-button);
}

/* =========================================================
   WhiteDress Search Form
========================================================= */

:where(.search-form) {
  border-radius: var(--theme-border-radius-button) !important;
}

.search-input {
  border-radius:
    var(--theme-border-radius-button)
    0
    0
    var(--theme-border-radius-button);
}

.search-submit {
  border-radius:
    0
    var(--theme-border-radius-button)
    var(--theme-border-radius-button)
    0;
}

/* =========================================================
   WordPress Search Block
========================================================= */

/* ボタン内側型：入力欄とボタンを連結 */
.wp-block-search__button-inside .wp-block-search__inside-wrapper {
  border-radius: var(--theme-border-radius-button) !important;
}

.wp-block-search__button-inside .wp-block-search__input {
  border-radius:
    var(--theme-border-radius-button)
    0
    0
    var(--theme-border-radius-button);
}

.wp-block-search__button-inside .wp-block-search__button {
  border-radius:
    0
    var(--theme-border-radius-button)
    var(--theme-border-radius-button)
    0;
}

/* ボタン外側型：入力欄とボタンをそれぞれ独立 */
.wp-block-search__button-outside .wp-block-search__input,
.wp-block-search__button-outside .wp-block-search__button {
  border-radius: var(--theme-border-radius-button);
}

/* =========================================================
   Small Parts / Badge / Label
========================================================= */

.single-category-item,
.single-tags-item,

.articles-category-item,
.articles-tags-item,
.articles-posted-card-time-label,

.label-item-small,

nav .page-numbers,

.back-to-top,

.page-feed-prev-absolute,
.page-feed-next-absolute,

[class*="is-style-theme-box-top"]::before,

.is-style-theme-list-step-leftline > li::before,
.is-style-theme-list-step-leftline > li:last-child::after,

.is-style-theme-details-underline-angel summary::after,
.is-style-theme-details-underline-faq summary::before,
.is-style-theme-details-underline-faq p::before,

.is-style-theme-details-wide-faq summary::before,
.is-style-theme-details-wide-faq p::before {
  border-radius: var(--theme-border-radius-small-parts);
}

/* =========================================================
   Avatar / Profile Image
========================================================= */

body.profile-icon-square {
  --theme-border-radius-avatar: 0;
}

body.profile-icon-rounded {
  --theme-border-radius-avatar: 5px;
}

body.profile-icon-circle {
  --theme-border-radius-avatar: 9999px;
}

.main-class .avatar,
.sidebar .avatar,

.comment-body .avatar,
.posted-by-author-icon-contents .avatar,

.wp-block-avatar img,
.wp-block-post-author__avatar img,
.wp-block-latest-comments__comment-avatar {
  border-radius: var(--theme-border-radius-avatar);
}

/* =========================================================
   Fixed Side Share Buttons
========================================================= */

/*
 * 画面端へ固定するSNSボタンは、画面に接する側を四角にします。
 * ボタングループ外側の角だけ丸めます。
 */

/* 左側固定 */
.sns-share-single-leftside > .sns-share-button,
.sns-share-page-leftside > .sns-share-button {
  border-radius: 0 !important;
}

.sns-share-single-leftside > .sns-share-button:first-child,
.sns-share-page-leftside > .sns-share-button:first-child {
  border-top-right-radius: var(--theme-border-radius-section) !important;
}

.sns-share-single-leftside > .sns-share-button:last-child,
.sns-share-page-leftside > .sns-share-button:last-child {
  border-bottom-right-radius: var(--theme-border-radius-section) !important;
}

/* 右側固定 */
.sns-share-single-rightside > .sns-share-button,
.sns-share-page-rightside > .sns-share-button,
.display-right-absolute .sns-share-button {
  border-radius: 0 !important;
}

.sns-share-single-rightside > .sns-share-button:first-child,
.sns-share-page-rightside > .sns-share-button:first-child,
.display-right-absolute .sns-share-button:first-child {
  border-top-left-radius: var(--theme-border-radius-section) !important;
}

.sns-share-single-rightside > .sns-share-button:last-child,
.sns-share-page-rightside > .sns-share-button:last-child,
.display-right-absolute .sns-share-button:last-child {
  border-bottom-left-radius: var(--theme-border-radius-section) !important;
}

/* =========================================================
   Fixed Side Contact CTA
========================================================= */

.display-right-absolute .contact-document-contents,
.display-right-absolute .contact-address-contents {
  border-radius:
    var(--theme-border-radius-section)
    0
    0
    var(--theme-border-radius-section);
}

/* =========================================================
   Explicit Shape Styles
========================================================= */

/* スタイル名として四角・丸を明示しているものは、ブロック固有デザインを優先します。 */
.is-style-theme-image-square img,
.is-style-theme-list-number-bg-square li::before {
  border-radius: 0 !important;
}

.is-style-theme-list-number-bg-circle li::before {
  border-radius: 50% !important;
}