/*トップページだけ（元は固定ページ Home のページ別CSS）*/
/*画面いっぱいに広げる所の基準（スクロールバーを含まない幅。cqw はこの幅の 1%）*/
#content { container-type: inline-size; }
/*見出しの英語のフォント（子テーマの fonts に置いた Libre Franklin 700。英字だけ）*/
@font-face { font-family: "Libre Franklin"; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/libre-franklin-700-latin.woff2) format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
/*h3 を、Cocoon の h2 と同じ見た目に（見出しの段を1つ下げたため）*/
.article h3 { font-size: 24px; padding: 25px; background-color: var(--cocoon-xx-thin-color); border: 0; border-radius: var(--cocoon-badge-border-radius); }
@media screen and (max-width: 480px) {
	.article h3 { font-size: 20px; padding: 0.6em 0.8em; }
}
.date-tags { display: none; }
.ccjoyn-hero { position: relative; background-size: cover; background-image: url(https://ccjoyn.com/wp-content/uploads/2024/10/ccjoyn_face.webp); background-position: bottom center; height: 600px; }
.ccjoyn-hero::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.2); background-image: radial-gradient(circle, rgba(255, 255, 255, 0.5) 20%, transparent 20%); background-size: 3px 3px; opacity: 0.3; pointer-events: none; }
.ccjoyn_info { position: absolute; display: flex; flex-direction: column; align-items: flex-end; gap: 1.5em; right: 1.5em; bottom: 1.5em; }
.ccjoyn-hero a { display: block; }
.header__tel, .header__line, .header__Instagram { text-align: center; font-size: 1.8em; font-weight: 700; padding: 0.2em 0.8em; background-color: rgba(255, 255, 255, 0.6); width: fit-content; border-radius: 6px; backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(8px); z-index: 1; transition: all 0.3s ease-in-out; }
.header__tel:hover, .header__line:hover, .header__Instagram:hover { background-color: rgba(255, 255, 255, 0.9); }
.header__tel a, .header__line a, .header__Instagram a { display: block; text-decoration: none; }
.header__line a { color: #06c755; }
.header__tel p, .header__line p, .header__Instagram p { font-size: initial; color: initial; }
.header__tel .fas { margin-right: 0.3em; }
.header__line img, .header__Instagram img { height: 1.5em; vertical-align: middle; }
.Instagram_txt { background-image: linear-gradient( to right, #4069C8 0%, #9B32C3 10%, #E94966 20%, #FF6E42 30%, #F8ED34 50%, #FF6E42 70%, #E94966 80%, #9B32C3 90%, #4069C8 100% ); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding: 0.2em 0; }
.cc-join-message { /* background-color: skyblue;*/ margin: 0 calc(50% - 50cqw); padding: 1em calc(50cqw - 50%); }
/*Used Cars（お店の写真の上に暗い色を重ねる）*/
.used-car { background: linear-gradient(rgba(20, 20, 22, .62), rgba(20, 20, 22, .62)), url(https://ccjoyn.com/wp-content/uploads/2024/10/servise_car.jpg) center 60% / cover; margin: 0 calc(50% - 50cqw); padding: 3.5em calc(50cqw - 50%) 4em; }
.article .used-car h2.sec_title { color: rgba(255, 255, 255, .3); text-shadow: none; }
.used-car p.used-car-lead { margin: 0 0 1.8em; font-size: 16px; line-height: 1.9; color: #fff; }
.used-car p.used-car-link { margin-bottom: 0; }
.used-car-link a { display: inline-flex; align-items: center; gap: .8em; padding: .7em 1.6em; border-radius: 999px; background-color: #fff; color: #333132; font-size: 17px; font-weight: 700; text-decoration: none; box-shadow: 0 4px 14px rgba(0, 0, 0, .18); transition: transform .2s, box-shadow .2s; }
.used-car-link a::after { content: "\f054"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: .8em; }
.used-car-link a:hover { color: #333132; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0, 0, 0, .22); }
.used-car-link img { height: 38px; width: auto; }
.cc-join-message h3 { font-size: 2em; padding: 0.5em 0; background-color: #fff; border-radius:; }
.article h2.sec_title { font-family: "Libre Franklin", sans-serif; font-size: min(5em, 16cqw); font-weight: 700; line-height: 1.1; letter-spacing: .05em; color: #e3e3e3; background-color: transparent; padding: 0; margin-bottom: .6em; border-radius: 0; text-shadow: 0px 0px 3px rgba(200, 200, 200, 0.2); }
.wp-block-latest-posts__post-excerpt { margin-bottom: 0; }
@media screen and (max-width: 834px) {
	.ccjoyn-hero { height:450px; }
}
/*トップの文章（段落のあいだを1行あける）*/
.cc-join-text p + p { margin-block-start: 1.6em; }
/*店舗情報（アイコンは CSS で付ける）*/
p.store-info, ul.store-info { margin-bottom: 0; }
.store-info + .store-info { margin-block-start: 0; }
.store-info.store-address { margin-block-start: 1.9em; }
.store-info.store-hours, .store-info.store-car, .store-info.store-bus { margin-block-start: 1.6em; }
ul.store-info { list-style: none; padding-left: 0; }
ul.store-info li { margin: 0; padding: 0; }
p.store-info::before, .store-info li::before { display: inline-block; margin-right: .35em; font-family: "Font Awesome 5 Free"; font-weight: 900; font-style: normal; line-height: 1; -webkit-font-smoothing: antialiased; }
.store-address::before { content: "\f3c5"; }
.store-tel::before { content: "\f879"; }
.store-hours::before { content: "\f017"; font-weight: 400; }
.store-car li::before { content: "\f1b9"; }
.store-bus li::before { content: "\f55e"; }
/*read more の矢印*/
.ccjoyn-more .wp-block-button__link::after { content: "\f054"; display: inline-block; margin-left: .35em; font-family: "Font Awesome 5 Free"; font-weight: 900; line-height: 1; -webkit-font-smoothing: antialiased; }