@charset "UTF-8";

/* 共通ヘッダー画像レイアウト / CLS対策 */

/* index.css / local.css / entry.css / voice.css / category.css の共通 headerimg 定義を集約 */

.headerimg-img::before{
pointer-events :none;
}

[data-column="col1"][data-main="wide"] #header, [data-column="col1"][data-main="wide"] #headerimg, [data-column="col1"][data-main="wide"] #footer{
--width-overall:none;
}

@media (max-width:1024px){
[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}
}

@media (max-width:1024px){
[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header .container{
flex-wrap:nowrap;
}
}

@media (max-width:1024px){
[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header:not(.fix){
background-color:transparent;
--clr-header-fixed-txt:#fff;
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #header{
position:absolute;
top:0;
left:0;
width:100%;
z-index:1;
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #header .container{
max-height:104px;
flex-wrap:nowrap;
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix){
background-color:transparent;
--clr-header-fixed-txt:#fff;
}
}

[data-headerimg-type="header"] #headerimg{
position:relative;
z-index:0;
}

[data-headerimg-type="header"] #headerimg::before{
background-color:var(--clr-headerimg-overlay,rgba(0,0,0,0.3));
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
display:none;
}

.headerimg-img{
text-align:center;
line-height:0;
}

.headerimg-img img{
width:100%;
height:var(--h-hdr-sp,100%);
object-fit:cover;
}

.headerimg-txt{
color:var(--clr-headerimg-txt,var(--clr-body-txt,inherit));
display:grid;
gap:1em;
}

.headerimg-title{
font-size:clamp(2rem,5.55555vw,2.8rem);
font-weight:700;
line-height:1.5;
margin:0;
}

@media (max-width:1024px){
[data-headerimg-desc-sp="true"] .headerimg-title{
border-bottom-width:2px;
padding-bottom:0.6em;
}
}

@media (min-width:1025px){
[data-headerimg-desc="true"] .headerimg-title{
border-bottom-width:2px;
padding-bottom:0.6em;
}
}

[data-page*="other"] .headerimg-title{
border-bottom-width:2px;
padding-bottom:0.6em;
}

.headerimg-desc{
font-size:clamp(1.4rem,3.88888vw,1.6rem);
line-height:1.6;
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"] .headerimg-desc{
overflow:hidden;
display:-webkit-box;
-webkit-box-orient:vertical;
-webkit-line-clamp:4;
}
}

.headerimg-meta{
color:var(--clr-headerimg-txt,var(--clr-body-txt,inherit));
display:flex;
align-items:center;
flex-wrap:wrap;
gap:1em;
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #headerimg{
height:var(--h-hdr-sp);
overflow:hidden;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) #headerimg::before{
display:block;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-inner{
padding:var(--padding-overall);
height:var(--h-hdr-sp);
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-txt{
color:var(--clr-headerimg-txt,#fff);
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-title{
border-bottom-width:0;
padding:0;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-meta .date{
opacity:1;
}
}

@media (max-width:1024px){
[data-header="fixed"]:not([data-headerimg-img-sp="false"])#body #headerimg::before{
display:block;
grid-row:1/2;
grid-column:1/2;
}
}

@media (max-width:1024px){
[data-headerimg-img-sp="false"][data-headerimg-item-sp="false"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"] #headerimg{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-item-sp="false"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"] #headerimg::before{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-item-sp="false"][data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"] .headerimg-inner{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="false"][data-headerimg-desc-sp="false"][data-headerimg-meta-sp="false"] .headerimg-txt{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] #headerimg{
height:var(--h-hdr-pc);
overflow:hidden;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] #headerimg::before{
display:block;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-inner{
padding:min(var(--padding-overall),72px);
height:var(--h-hdr-pc);
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-txt{
color:var(--clr-headerimg-txt,#fff);
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-title{
border-bottom-width:0;
padding:0;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-meta .date{
opacity:1;
}
}

@media (min-width:1025px){
[data-header="fixed"]#body #headerimg::before{
display:block;
}
}

@media (min-width:1025px){
[data-headerimg-img="false"][data-headerimg-item="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"] #headerimg{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-item="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"] #headerimg::before{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-item="false"][data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"] .headerimg-inner{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-title="false"][data-headerimg-desc="false"][data-headerimg-meta="false"] .headerimg-txt{
display:none;
}
}

#headerimg{
display:grid;
gap:2em;
}

.headerimg-inner{
display:contents;
}

@media (min-width:1025px){
.headerimg-img img{
height:var(--h-hdr-pc,100%);
}
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) #headerimg{
gap:0;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-img, [data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-inner{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
gap:2em;
position:relative;
z-index:0;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-txt{
width:100%;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] #headerimg{
gap:0;
position:relative;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-img, [data-headerimg-type="header"] .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-inner{
display:flex;
align-items:center;
position:relative;
z-index:0;
gap:3vw;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-txt{
text-align:left;
max-width:70%;
width:100%;
margin-left:auto;
margin-right:auto;
}
}

@media (max-width:1024px){
[data-main-header*="wide"][data-headerimg-img-sp="false"] #headerimg{
margin-top:var(--margin-layout);
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
}
}

@media (min-width:1025px){
[data-main-header*="wide"] .headerimg-inner{
margin-left:auto;
margin-right:auto;
padding-left:var(--padding-overall);
padding-right:var(--padding-overall);
max-width:calc(var(--width-overall) + calc(var(--padding-overall) * 2));
width:100%;
}
}

@media (max-width:1024px){
[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #headerimg .headerimg-inner{
padding-top:calc(64px + var(--padding-overall));
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #headerimg .headerimg-inner{
padding-top:calc(104px + min(var(--padding-overall),72px));
}
}

[data-main-header="false"] #headerimg{
display:none;
}

@media (min-width:1025px){
[data-headerimg-img="false"] .headerimg-img{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-title="left"][data-headerimg-type="header"] .headerimg-txt{
width:50%;
margin-left:0;
}
}

@media (min-width:1025px){
[data-headerimg-title="right"][data-headerimg-type="header"] .headerimg-txt{
width:50%;
margin-right:0;
}
}

@media (min-width:1025px){
[data-headerimg-title="center"][data-headerimg-type="header"] .headerimg-txt{
text-align:center;
}
}

@media (min-width:1025px){
[data-headerimg-title="center"][data-headerimg-type="header"] .headerimg-meta{
justify-content:center;
}
}

@media (min-width:1025px){
[data-headerimg-title="false"] .headerimg-title{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-desc="false"] .headerimg-desc{
display:none;
}
}

@media (min-width:1025px){
[data-headerimg-meta="false"] .headerimg-meta{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-img-sp="false"] .headerimg-img{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="under"][data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-item-sp="false"]) .headerimg-img{
grid-row:1/2;
grid-column:1/2;
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="under"][data-main-header*="wide"][data-headerimg-img-sp="true"] .headerimg-txt{
padding:0 var(--padding-overall);
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="false"] .headerimg-title{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-desc-sp="false"] .headerimg-desc{
display:none;
}
}

@media (max-width:1024px){
[data-headerimg-meta-sp="false"] .headerimg-meta{
display:none;
}
}

.headerimg-img::before, .headerimg-txt{
pointer-events :none;
}

.headerimg-inner, #headerimg::before{
pointer-events:none;
}

[data-column="col1"][data-main="wide"] #header,[data-column="col1"][data-main="wide"] #headerimg,[data-column="col1"][data-main="wide"] #siteNavi,[data-column="col1"][data-main="wide"] #footer{
--width-overall:none;
}

@media (max-width:1024px){
[data-spmenu="true"] [data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header{
--clr-header-fixed-txt:inherit;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-img,[data-headerimg-type="header"][data-headerimg-img-sp="true"]:not([data-headerimg-title-sp="under"]) .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-img,[data-headerimg-type="header"] .headerimg-inner{
grid-row:1/2;
grid-column:1/2;
}
}

.headerimg-img::before,.headerimg-txt{
pointer-events :none;
}

.headerimg-inner,#headerimg::before{
pointer-events:none;
}

@media (max-width:1024px){
html:not([data-spmenu="true"]) #body[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header.fix{
position:fixed;
}
}

@media (min-width:1025px){
#body:not([data-header="col2"])[data-header="fixed"]:not([data-headerimg-img-sp="false"]) #header.fix{
position:fixed;
}
}

.headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,var(--clr-body-txt,#333));
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-meta .author-name,[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-meta .date{
opacity:1;
}
}

@media (max-width:1024px){
[data-headerimg-type="header"]:not([data-headerimg-img-sp="false"]):not([data-headerimg-title-sp="under"]) .headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-meta .author-name,[data-headerimg-type="header"] .headerimg-meta .date{
opacity:1;
}
}

@media (min-width:1025px){
[data-headerimg-type="header"] .headerimg-meta .date.updated::before{
background-color:var(--clr-headerimg-txt,#fff);
opacity:1;
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="under"][data-header="fixed"][data-headerimg-img-sp="true"] .headerimg-inner .headerimg-item{
background-color:transparent;
}
}

@media (max-width:1024px){
[data-headerimg-title-sp="under"][data-header="fixed"][data-headerimg-img-sp="true"] .headerimg-inner .headerimg-item img{
margin-top:calc(64px + var(--padding-overall));
max-height:calc(100% - calc(var(--padding-overall) + calc(64px + var(--padding-overall))));
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix) .tel-number,[data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix) .tel-number a,[data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix) .tel-desc{
color:#ffffff !important;
}
}

@media (min-width:1025px){
[data-header="fixed"]:not([data-headerimg-img="false"]) #header:not(.fix) .tel-number::before{
background-color:#ffffff !important;
}
}

/* SPヘッダー画像 450×338 の領域を先に確保してCLSを抑える */

@media screen and (max-width:480px){
#header-view{
display:block;
width:100%;
aspect-ratio:450 / 338;
}
#header-view img{
display:block;
width:100%;
max-width:100%;
height:100% !important;
object-fit:cover;
}
}