/*
 # Editor Style 
---------------------------------------
:root {  font-size: 62.5%;}
.wp-block-post-title{font-size: 100%;}
.is-root-container > .wp-block{margin-bottom: 1.5em;}
@media screen and (min-width:1491px) {
.wp-block-post-title,
.is-root-container{width: 100%;}
}
.is-content-justification-center{justify-content: center;}
*/
/*
 # Font Style 
---------------------------------------*/
h1,h2,h3,h4,h5,h6 {	line-height: 1.4;}
h4,h5,h6 {	font-weight: 700;}
.entry-header h1 {background-color: var(--wp--preset--color--main); color: var(--wp--preset--color--base);	
 background-image: url("../images/bg_h1.svg"); background-size: cover; font-size: 175%;/*28px*/ text-align: center;	padding:30px 15px;	margin:0 auto 30px auto;}
.entry-header h1 {margin-top: 0;}
h2 { font-size: 175%;/*28px*/	padding:0 0 20px 0; margin-top: 40px; border-radius: 8px;	position: relative;}
.entry-content > .wp-block-heading:first-child{margin-top: 0 ; margin-block-start:0;}
/*.entry-content h2:first-child{margin-top: 0;}*/
h2::before{content: ""; width: 120px; height: 2px; background-color:  var(--wp--preset--color--main); position: absolute; left: 0; bottom: 10px; }
h3 {background:var(--wp--preset--color--bg);	color:var(--wp--preset--color--main); border-radius: 5px; font-size: 150%;/*24px*/	padding: 10px;	margin-bottom:30px;}
h4 {color:var(--wp--preset--color--main); font-size: 125%; /*20px*/ padding-left:12px;	margin-bottom:20px; position: relative;}
:root :where(.is-layout-flow) > h4{margin-bottom: 20px;}
h4::before{background:var(--wp--preset--color--main); content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 3px; border-radius: 2px;}
h5 {color:var(--wp--preset--color--main); border-bottom:1px dotted var(--wp--preset--color--light);; font-size: 112.5%; /*18px*/ margin-bottom:20px;}
h6 {color:var(--wp--preset--color--main); 	font-size: 106.25%;	margin-bottom:20px;}
p{margin-bottom: 20px;}
p:empty{display: none;}

h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background{padding:.5em 1em}

.home h2 {padding: 0 0 10px 0; color: var(--wp--preset--color--main);}
.home h2::before{content: none;}

@media screen and (min-width:768px) {
 .entry-header h1{padding: 50px 20px; margin-bottom: 60px; font-size: 250% /*40px*/;}
 h2{padding-bottom: 40px; margin-top:80px;}
 h2::before{ bottom: 20px; }
}
/*
# blocks
----------------------*/
.wp-block-file {font-size: 16px !important;}
.wp-block-file a:first-child{text-decoration: underline;}
.wp-block-file__button{white-space: nowrap; padding: calc(0.5em + 2px) calc(1.333em + 2px);}
.is-content-justification-center{justify-content: center;}
.is-content-justification-right{justify-content: flex-end;}
.is-content-justification-left{justify-content: flex-start;}
.is-content-justification-space-between{justify-content: space-between;}

/*グループ 位置：貼り付け
----------------------*/
.is-position-sticky{ top: calc(0px + var(--wp-admin--admin-bar--position-offset, 0px)); position: sticky; z-index: 10;}

/* List
---------------------*/
#main .wp-block-list li{margin-left:20px;}

/*　ファイル
----------------------*/
.wp-block-file a{position: relative;}
.wp-block-file .wp-block-file__embed + a{padding-left: 20px;}
.is-layout-constrained .wp-block-file a{font-size: 100%;}
.wp-element-button, .wp-block-button__link{border-radius: 10px; background-color:var(--wp--preset--color--sub);  padding: calc(0.2em + 2px) calc(1.333em + 2px); }

/*---------------------------
## 詳細
---------------------------*/
.wp-block-details summary{ background: #FFF; border-bottom: 1px solid var(--wp--preset--color--light); font-weight: 700; margin-bottom: 10px; position: relative; padding: 10px 60px 20px 10px;}
.wp-block-details summary::before,.wp-block-details summary::after{content:""; position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; background-color: var(--wp--preset--color--sub);;border-radius: 2px; width: 30px; height: 4px;}
.wp-block-details summary::after { transform: rotate(90deg);}
.wp-block-details[open] summary::after {opacity: 0; transform: rotate(180deg); transition: .5s}
.wp-block-details[open] summary,
.wp-block-details summary:hover{color: var(--wp--preset--color--sub);}
.wp-block-details .contentWrap { overflow: hidden; max-height: 0; opacity: 0; transition: max-height 0.5s ease, opacity 0.5s ease;}
details.is-layout-flow{margin-top: 0; margin-block-start:0;}
details.is-layout-flow > :last-child,
details > *:last-child{margin-bottom: 50px; margin-block-end:50px;}

/* colmun
-----------------------------------------------*/
@media screen and (min-width:768px) {
.is-style-col2w.wp-block-columns.is-layout-flex,
.is-style-col3w.wp-block-columns.is-layout-flex,
.is-style-col4w.wp-block-columns.is-layout-flex{
 gap:0 !important;
 flex-wrap: wrap !important;
 max-width: 1170px !important;
}
.is-style-col2w .wp-block-column:not(:first-child),
.is-style-col3w .wp-block-column:not(:first-child),
.is-style-col4w .wp-block-column:not(:first-child){margin-left:0;}
.is-style-col2w .wp-block-column:not(:nth-of-type(2n+1)),
.is-style-col3w .wp-block-column:not(:nth-of-type(3n+1)),
.is-style-col4w .wp-block-column:not(:nth-of-type(4n+1)) { margin-left: 16px;}
.is-style-col2w .wp-block-column,
.is-style-col3w .wp-block-column,
.is-style-col4w .wp-block-column{ flex-grow: initial !important; margin-bottom: 16px;}
.is-style-col2w .wp-block-column {flex-basis: calc(50% - 16px)!important;}
.is-style-col3w .wp-block-column {flex-basis: calc(33.333333% - 16px)!important;}
.is-style-col4w .wp-block-column {flex-basis: calc(25% - 16px)!important;}
}
.alignwide .wp-block-columns{ max-width: 1170px !important; }
#primary .wp-block-column img{max-width: 100%; /*width: auto;*/ height: auto;}
.size-full > * {max-width: none;}
.eyechatch .size-full > * {max-width: 100% !important; }

/* core/button
--------------------------------------------------------------*/
.wp-block-buttons{margin: 30px auto}
:root :where(.editor-styles-wrapper) :where(.wp-element-button, .wp-block-button__link),
.wp-block-buttons .wp-block-button__link{border-radius:5px; color: var(--wp--preset--color--base); background-color: var(--wp--preset--color--sub); position: relative; font-size: 1em; padding:10px 30px;}
#contents .is-style-outline >.wp-block-button__link,
.is-style-outline >.wp-block-button__link:not(.has-text-color), 
.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color),
#contents .is-style-outline-noarr >.wp-block-button__link,
.is-style-outline-noarr >.wp-block-button__link:not(.has-text-color), 
.wp-block-button.is-style-outline-noarr>.wp-block-button__link:not(.has-text-color){color: var(--wp--preset--color--main); background: none;}
#contents .is-style-outline >.wp-block-button__link,
.is-style-outline > .wp-block-button__link,
#contents .is-style-outline-noarr > .wp-block-button__link,
.is-style-outline-noarr > .wp-block-button__link{
color: var(--wp--preset--color--main);background:none;position: relative;font-size: 1em;padding:10px 30px;border-width: 1px;
border-style: solid;}
.is-style-no-arr > .wp-block-button__link,
#contents .is-style-outline-noarr > .wp-block-button__link,
.is-style-outline-noarr > .wp-block-button__link{padding:5px 20px;}
.entry-content :where(.wp-block-button__link),
:where(.wp-block-button__link){border-radius: 5px;}
.wp-block-button__link:hover{text-decoration: none;}
.is-style-no-arr .wp-block-button__link::before,
.is-style-outline-noarr .wp-block-button__link::before{content: none;}
.wp-block-buttons.is-vertical .wp-block-button{width: 100%; position: relative;}
.wp-block-buttons.is-vertical .wp-block-button .wp-block-button__link{display: block;}

.wp-block-button a[target="_blank"]::after{right: 37px; top: 7px;}

.entry-content.wp-block-cover-image.is-light .wp-block-cover__inner-container, 
.wp-block-cover.is-light .wp-block-cover__inner-container{color: var(--wp--preset--color--main);}
.entry-content .wp-block-button.is-style-outline>.wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline,
.entry-content .wp-block-button.is-style-outline-noarr>.wp-block-button__link,
.wp-block-button .wp-block-button__link.is-style-outline-noarr{padding:10px 30px; border: 1px solid;}

@media print,screen and (min-width: 768px) {
 .wp-block-button__link{ padding:10px 50px;}
 .wp-block-button:hover{opacity: .8;}
}

@media print,screen and (max-width: 480px) {
.wp-block-buttons>.wp-block-button.wp-block-button__width-25,
.wp-block-buttons>.wp-block-button.wp-block-button__width-50,
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
  width:100% !important;
}
}

/* core/table
--------------------------------------------------------------*/
table tr,
table td,
table th{	vertical-align: top; height: auto !important;}
caption{text-align: left;}
th p:last-child, td p:last-child,
th ul:last-child,td ul:last-child,
td table{margin-bottom: 0;}

.wp-block-table { overflow-x: auto; }
.wp-block-table table {
 width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 30px;
 padding:15px;
	border-top:1px solid var(--wp--preset--color--light);
	}
.wp-block-table td,
.wp-block-table th{
	border-collapse: collapse; border-spacing: 0; border: none !important; border-color: var(--wp--preset--color--light);
	border:1px solid var(--wp--preset--color--light) !important;
}
.wp-block-table th{ background: var(--wp--preset--color--bg);}

/*ストライプテーブル*/
.wp-block-table.is-style-stripes table,
.wp-block-table.is-style-stripes td,
.wp-block-table.is-style-stripes th{border: none;}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) { background-color: var(--wp--preset--color--bg);}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) th { background-color: var(--wp--preset--color--bg);}
.wp-block-table.is-style-stripes tbody tr:nth-child(even) th { background-color: var(--wp--preset--color--base);}

@media print,screen and (min-width: 769px) {
  .wp-block-table { margin-left: auto; margin-right: auto; width: 100%;}
 .table_contact .has-text-align-center{vertical-align: middle;}
}
.wp-block-post-content .wp-block-table th,
.wp-block-post-content .wp-block-table td{border-left: 1px dashed var(--wp--preset--color--light) !important;}

/*
## core/separator
--------------------------------------------------------------*/
.wp-block-separator {  margin: 30px auto; padding: 0; max-width: 200px !important; height: 2px; border: none !important; background: var(--wp--preset--color--main); position: relative;}
.wp-block-separator.is-style-wide{max-width: 1170px !important;}
.wp-block-separator.is-style-dots{height: 20px;}
.wp-block-separator.is-style-dots::before{color:var(--wp--preset--color--main);}
.wp-block-separator.is-style-shadow{max-width: none !important;background:var(--wp--preset--color--base); height: 10px; box-shadow: 0px 5px 5px 0 rgba(0,0,0,.05);}
/*
# Image
--------------------------------------------------------------*/
#primary .wp-block-image{margin: 0 auto 1em;}
.wp-block-image.alignleft,
.wp-block-image.alignright { width: 100%}
.wp-block-image.alignfull img { width: 100vw;}

.wp-block-image .alignleft img,
.wp-block-image .alignright img,
.wp-block-image .alignleft figcaption,
.wp-block-image .alignright figcaption {  max-width: 100%;  width: auto;}
.wp-block-image.alignright .components-resizable-box__container{margin-left:auto;}

.wp-block-image.aligncenter {margin-left: auto;margin-right: auto; text-align: center; max-width: none !important; width: 100%;}
.wp-block-image.aligncenter img{display: block; margin-left: auto;margin-right: auto;}
.wp-block-image.aligncenter .components-resizable-box__container{margin-left:auto; margin-right:auto;}

.wp-block-image.aligncenter>figcaption, .wp-block-image .aligncenter>figcaption, .wp-block-image.alignleft>figcaption, .wp-block-image .alignleft>figcaption, .wp-block-image.alignright>figcaption, .wp-block-image .alignright>figcaption{display: block;}

/*.alignleft img, .alignright img, .alignleft figcaption, .alignright figcaption { max-width: 50%; width: 50%;}*/
.alignleft figcaption { clear: left;}
.alignright figcaption { clear: right;}
.alignleft img,
.alignright img,
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

@media print,screen and (min-width: 769px) {
.alignleft img,
.alignleft figcaption { float: left; margin-right: 1.5em;}
.alignright img,
.alignright figcaption { float: right; margin-left: 1.5em;}
}

/*## Gallery
---------------------------------*/
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{line-height:1.2;background:none !important; text-shadow:none !important; color:var(--wp--preset--color--contrast) !important; padding:8px 0 !important;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption, 
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {position:relative !important; right:auto !important;}


/*## Captions
--------------------------------------------------------------*/
.wp-caption { margin-bottom: 1.5em; max-width: 100%;}
.wp-caption img[class*="wp-image-"] { display: block; margin-left: auto; margin-right: auto;}
.wp-caption .wp-caption-text { margin: 0.8075em 0;}
.wp-caption-text { text-align: center;}

/*## Cover
--------------------------------------------------------------*/
.wp-block-cover{overflow: hidden;}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {	display: inline;	float: left;	margin-right:16px;	margin-bottom: 10px;}
.alignright {	display: inline;	float: right;	margin-left: 16px;	margin-bottom: 10px;}
.aligncenter {	clear: both;	display: block;	margin-left: auto;	margin-right: auto;	margin-bottom: 10px;}

/*
# wp-block-query
---------------------------------------*/
.wp-block-query h3 a{color: var(--wp--preset--color--contrast);}
/*post date*/
.taxonomy-category a {text-decoration: none;}

/*
# Clearings
---------------------------------------*/
.clear:before,
.clear:after{	content: "";	display: table;	table-layout: fixed;}
.clear:after {clear: both;}

/* wp-block-latest-posts
---------------------------------------*/
.wp-block-latest-posts {padding-left: 0;}
.wp-block-latest-posts li {list-style: none; border: 1px solid var(--wp--preset--color--light); background: var(--wp--preset--color--base); padding: 20px;}
.wp-block-latest-posts li a{ text-decoration: underline; font-size: 112.5%; }
.wp-block-latest-posts time{ font-size: 87.5%;color: var(--wp--preset--color--main);}
.wp-block-latest-posts .c_label{background-color: var(--wp--preset--color--bg);padding: 3px 20px; font-size: 87.5%;}


/* social-links
--------------------------------------*/
.snsBox{margin: 40px auto 15px;}
.snsBox .wp-block-social-links{ justify-content: center;}

/* Query roop
-------------------------------------*/
:root :where(.wp-block-post-content.is-layout-flow) > * {margin-block-start: 20px; margin-block-end: 20px;}
:root :where(.wp-block-post-content.is-layout-flow) > p {margin-block-start: 0;}
.wp-block-post-title a:hover{text-decoration:underline;}

/* #HOME
--------------------------------------*/
/* ピックアップ（スクロールスライダー） */
.pickup{display: flex; flex-wrap: wrap; gap:3.6%;}
.pickup .slick-track li{margin-right: 20px;}
.pickup li {width:20%; margin-block-start: 0 !important; list-style: none;}
.pickup li img{ max-width: 260px; width:auto; height: 124px; object-fit: cover; margin-left:auto; margin-right:auto;}
.pickup li figure{margin: 0 0 10px;}
.pickup time a{text-decoration: none; color: var(--wp--preset--color--main);}
.pickup time h3 a{ margin-top: 10px;}
.pickup time h3 a{ text-decoration: underline;}
.pickup .slick-prev, .pickup .slick-next{bottom:-20px; top: auto; }
.pickup .slick-prev:before, .pickup .slick-next:before{color:var(--wp--preset--color--sub);}
.pickup .slick-prev{left: 0px;}
.pickup .slick-next{right: 0px;}
.editor-styles-wrapper .pickup{ display: flex; gap:6.6%;}
.editor-styles-wrapper .pickup > *{display: none;}
.editor-styles-wrapper .pickup > *:nth-child(-n+4){ display: block;}

@media print,screen and (min-width: 769px) {
.pickup li {max-width: 260px; width: 100%; margin-block-start: 0 !important;}
.pickup li img{ max-width: 260px; width:auto; height: 200px; object-fit: cover;}
.pickup .slick-slide { margin: 0 10px;}
.pickup > button + .slick-list .slick-slide:last-child { margin: 0 -10px;}
.pickup .slick-prev, .pickup .slick-next{top:40%; bottom: auto; }
.pickup .slick-prev{left: -30px;}
.pickup .slick-next{right: -30px;}
}