/*==========================
共通
============================*/
body{
    font-size: min(100vw / 375 * ( 15 + 15 ) / 2 , 15px);
    line-height: calc(1em / 15 * 22.5);
    overflow-x: hidden;
}

#h1{
    background-color: var(--bac-sub);
    padding: min( 100vw / 750 * 32 , 32px) min( 100vw / 750 * 16 , 16px);
    margin-bottom: min( 100vw / 750 * 32 , 32px);
}
h1{
    font-size: min(100vw / 375 * ( 32 + 16 ) / 2 , 32px);
    line-height: calc(1em / 32 * 48);
    font-weight:bold;    
}
h3{
    font-weight:bold;
    margin: 1em auto;
}
h2{
    font-size: min(100vw / 375 * ( 18 + 16 ) / 2 , 18px);
    margin: 2em auto 1em auto;
    font-weight: bold;
}
article{
    margin-left: min( 100vw / 750 * 16 , 16px);
    margin-right: min( 100vw / 750 * 16 , 16px);    
}
section{
    overflow: hidden;
}


/*============================
header
============================*/
header{
    border-bottom: 1px solid var(--bor-color);
}
header a {
    color:var(--col-main);
}
header div.container ul.header__cta.header__cta--pc.pc li a {
    border-radius: min( 100vw / 750 * 4 , 4px);
}
.page-id-2214 header {
  display: none !important;
}

/*============================
#bread
============================*/
section#bread.bread {
    padding: min( 100vw / 750 * 8 , 8px) min( 100vw / 750 * 16 , 16px);
}
section#bread.bread div.container {
    display:flex;
    gap: min( 100vw / 750 * 24 , 24px);
    align-items: center;
}
section#bread.bread div.container div.bread__links.breadcrumbs {
    padding: calc( min( 100vw / 750 * 10 , 10px) + 1px) 0;
}
section#bread.bread div.container div.bread__links.breadcrumbs span {
}
section#bread.bread div.container div.bread__links.breadcrumbs span a.home {
}
section#bread.bread div.container div.bread__links.breadcrumbs span a.home span {
}
section#bread.bread div.container div.bread__links.breadcrumbs span span.archive.taxonomy.start_cate.current-item {
}
section#bread.bread div.bread__search.searchForm {
    max-width:min( 100vw / 750 * 300 , 300px);
    margin-left: auto;
    margin-right: 0;
}
section#bread.bread div.bread__search.searchForm form {
}
section#bread.bread div.bread__search.searchForm form i.fa-solid.fa-magnifying-glass {
}
.page-id-2214 .bread {
  display: none !important;
}

/*============================
searchForm
============================*/
.searchForm{
    border-radius:10000px;
    width:100%;
    max-width:min( 100vw / 750 * 640 , 640px);
    margin: auto;
    text-align:left;
    background:var(--bac-main);
    border:1px solid var(--bor-color);
    padding: 0 min( 100vw / 750 * 16 , 16px);
}
.searchForm input{
    padding: min( 100vw / 750 * 10 , 10px) 0;
    transform: translateY(-0.1em);
    margin-left:0.5em;
    width:calc( 100% - 2em);
}


/*============================
cta
============================*/
.cta__button{
    max-width: 296px;
    margin: auto;
}
.cta__button .wp-block-buttons,
.cta__button .wp-block-button,
.cta__button .wp-block-button a{
        width:100%;
}
.cta__button a{
    width:100%;
    background-color: var(--bac-button);
    color:var(--col-button);
    font-weight:bold;
    border-radius: min( 100vw / 750 * 4 , 4px);
    font-size: min(100vw / 375 * ( 20 + 16 ) / 2 , 20px);
    padding: min( 100vw / 750 * 16 , 16px);
    display:block;
    text-align:center;

}

/*===============================
    .posts__list
================================*/
.posts__list{
    margin-left: min( 100vw / 750 * 16 , 16px);
    margin-right: min( 100vw / 750 * 16 , 16px);
}
.posts__list h2{
	font-size: min(100vw / 375 * ( 18 + 16 ) / 2 , 18px);
	font-weight:bold;
	margin-bottom: min( 100vw / 750 * 32 , 32px);
}
.posts__list ul{
	margin-bottom: min( 100vw / 750 * 56 , 56px);
}

.posts__list ul li{
	padding: min( 100vw / 750 * 15 , 15px) 0 ;
	border-bottom: 1px solid var(--bor-color);
}
.posts__list ul li a{
	color: var(--col-main);
	display:block;
}
body.search-results .posts__list ul li a{
    color: var(--col-accent);
    
}
.posts__list ul li a:hover{
	text-decoration: underline;
}
.posts__list ul li a .date{
	margin-right:1em;
}
	@media screen and (max-width:750px){
	#posts .container{
		grid-template-columns: 1fr;
	}	
}

.posts__list .archive{
    text-align:right;
}

/*===============================
    form
================================*/
main article form{
    max-width:824px;
    margin: auto;
    padding-right: min( 100vw / 750 * 16 , 16px);
    padding-left: min( 100vw / 750 * 16 , 16px);    
}
main article form p{
    margin:1em auto;
}

main article form table{
    margin: min( 100vw / 750 * 32 , 32px) auto;
}
main article form table :is(input, textarea){
    border: 1px solid var(--bor-color);
    border-radius: min( 100vw / 750 * 4 , 4px);
    padding: min( 100vw / 750 * 8 , 8px) min( 100vw / 750 * 16 , 16px);
    max-width:100%;
    width:100%;
}
main article form table :is(th,td){
    padding: min( 100vw / 750 * 8 , 8px) min( 100vw / 750 * 16 , 16px);
    border-bottom: 1px solid var(--bor-color);
}

@media screen and (max-width:750px){
    main article form table :is(th,td){
        display: block;
    }
    main article form table th{
        border-bottom:none;
    }
}

main article form input[type="submit"]{
    display:inline-block;
    margin:min( 100vw / 750 * 32 , 32px) auto;
    background-color: var(--bac-button);
    color: var(--col-button);
    font-weight:bold;
    padding: min( 100vw / 750 * 12 , 12px) min( 100vw / 750 * 32 , 32px);
    text-align:center;
    border-radius: min( 100vw / 750 * 4 , 4px);
    margin-left:48px;
}

main article form .wpcf7-form-control-wrap{
    max-width:100%;
}

/*============================
#footer
============================*/
.footer__pageup{
    left:0;
    position:sticky;
    bottom : min( 100vw / 750 * 20 , 20px);
    pointer-events: none;
}
.footer__pageup a{
    display:grid;
    text-align:center;
    align-items: center;
    background: var(--bac-accent);
    border-radius:1000px;
    width: min( 100vw / 750 * 48 , 48px);
    height: min( 100vw / 750 * 48 , 48px);
    margin:0 min( 100vw / 750 * 16 , 16px) 0 auto;
    pointer-events: all;
    filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16)); 
}
.footer__pageup a i{
    font-size: min(100vw / 375 * ( 20 + 16 ) / 2 , 20px);    
}
div#footer {
    margin-top: min( 100vw / 750 * 40 , 40px);
}
div#footer a {
    color: var(--col-light);    
}
div#footer .container{
    position:relative;
}
div#footer footer {
    background: var(--bac-accent);
    padding: min( 100vw / 750 * 30 , 30px) min( 100vw / 750 * 16 , 16px);
    color: var(--col-light); 
}

div#footer footer nav.footer__nav {
    margin-bottom: min( 100vw / 750 * 20 , 20px);
}
div#footer footer nav.footer__nav ul.footer__nav {
}
@media screen and (max-width:750px){
    div#footer footer nav.footer__nav ul.footer__nav{
        flex-direction: column;
    }        
}
div#footer footer nav.footer__nav ul.footer__nav li a {
}
div#footer footer nav.footer__nav ul.footer__nav li.current-menu-item {
}
div#footer footer nav.footer__nav ul.footer__nav li.current-menu-item a {
}
div#footer footer div.footer__logo {
    margin-bottom: min( 100vw / 750 * 20 , 20px);
}
div#footer footer div.footer__logo a.custom-logo-link {
    display: inline-block;
}
div#footer footer div.footer__logo a.custom-logo-link img.custom-logo {
}

/*============================
#footer_copy
============================*/
div#footer footer p#footer_copy {
}
div#footer footer p#footer_copy a {
}