/* --------------------------------------------------------*/

/* @group @variables */

[class*="m-pickup-service-theme"] {
--text-block-margin-bottom: 0;
--section-grid-columns: repeat(1, 1fr);
--section-grid-rows: repeat(auto, auto);
--section-gap: 1.125rem;
}

/* @end @variables */

/* @group @m-pickup-service-theme */

[class*="m-pickup-service-theme"] {
display: grid;
grid-template-columns: var(--section-grid-columns);
grid-template-rows: var(--section-grid-rows);
gap: var(--section-gap);
align-self: var(--section-align-self);
padding: 1.125rem;
background-color: var(--color-whitesmoke);
}

[class*="m-pickup-service-body"] {
grid-column: var(--section-body-grid-column);
grid-row: var(--section-body-grid-row);
}

[class*="m-pickup-service-header"] {
grid-column: var(--section-header-grid-column);
grid-row: var(--section-header-grid-row);
}

/* @end @m-pickup-service-theme */



/* @section-header --------------------------------------------------------*/

/* @group @variables */

/* テキストのみ・<a><strng>>em>
（今回実装なし）テーマ選択でクラス変更
 */
[class*="m-pickup-service-header"] {
--section-header-padding-bottom: calc(.75rem - var(--section-header-border-bottom-width));
--section-header-border-bottom-width: 2px;
--section-header-border-image-width: 7.5rem;
--heading-3-margin-bottom: 0;
--heading-3-font-size: 1.25rem;
--heading-3-line-height: 1.5;
--heading-3-font-weight: var(--text-font-weight);
}

/* @end @variables */

/* @group @m-pickup-service-header */

[class*="m-pickup-service-header"] {
padding-bottom: var(--section-header-padding-bottom);
border-style: solid;
border-width: 0 0 var(--section-header-border-bottom-width);
background: transparent;
border-image: linear-gradient(45deg, var(--section-header-border-image-color) 0%, var(--section-header-border-image-color) var(--section-header-border-image-width), transparent var(--section-header-border-image-width), transparent calc(var(--section-header-border-image-width) + 1px), var(--section-header-border-color)calc(var(--section-header-border-image-width) + 1px), var(--section-header-border-color)100%) 1;
}

/* @end @m-pickup-service-header */

/* @section-body --------------------------------------------------------*/

/* @group @variables */

[class*="m-pickup-service-body"] {
--section-body-grid-columns: repeat(1, 1fr);
--section-body-gap: .75rem;
--text-block-font-size: .875rem;
--text-block-line-height: 1.714285714;
}

@media all and (min-width:48em) {

[class*="m-pickup-service-body"] {
--section-body-grid-columns: repeat(3, 1fr);
}

}

/* @end @variables */

/* @group @m-pickup-service-theme */

[class*="m-pickup-service-body"] {
display: grid;
grid-template-columns: var(--section-body-grid-columns);
gap: var(--section-body-gap);
align-self: start;
}

/* @end @m-pickup-service-theme */


/* @pickup-service-list --------------------------------------------------------*/

/* @group @variables */

[class*="a-pickup-service-detail"] {
--content-block-gap-primary: .375rem;
--heading-4-margin-bottom: 0;
--heading-4-font-size: 1rem;
--heading-4-line-height: 1.5;
--heading-4-font-weight: var(--text-font-weight-bold);
--text-block-margin-bottom: 0;
--text-block-font-size: .75rem;
--service-detail-background-color: var(--color-white);
--text-block-color: var(--color-text-secomary);
}

/* @end @variables */

/* @group @pickup-service-detail */

[class*="a-pickup-service-detail"] {
display: grid;
align-content: start;
grid-template-columns: repeat(1, 1fr);
gap: var(--content-block-gap-primary);
}

/* @end @pickup-service-detail */

/* @group @pickup-service-detail */

[class*="a-pickup-service-detail"] {
padding: .75rem;
background-color: var(--color-white);
border-radius: .25rem;
background-color: var(--service-detail-background-color);
}

/* @end @pickup-service-detail */