/*トップページだけ（元は固定ページ Home のページ別CSS）*/
.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; margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); }
.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% - 50vw); padding: 1em calc(50vw - 50%); }
.used-car { background-color: #d3d3d3; margin: 0 calc(50% - 50vw); padding: 1em calc(50vw - 50%); clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); }
.used-car h2 { background-color:transparent; padding: 1em 0 2em; }
.used-car h2 a { text-decoration: none; color: #3d3d3d; }
@media screen and (max-width: 834px) {
	.used-car h2 { text-align: center; }
}
.used-car img { background-color: #f1f1f1; border: 10px solid #f1f1f1; border-radius: 10px; box-shadow: 0px 2px 5px #555; transition: all 0.2s ease-in-out; margin: 0.2em; transform: translate(0, 16px); }
.used-car img:hover { box-shadow: none; transform: translate(0px, 18px); }
.cc-join-message h2 { font-size: 2em; padding: 0.5em 0; background-color: #fff; border-radius:; }
p.sec_title { font-size: 5em; font-weight: 700; color: #e1e1e1; margin-bottom: 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; }