/* ===============================================
# カスタムプロパティ
=============================================== */
:root {
  --font-base: "Montserrat", "Noto Sans JP",sans-serif;
  --font-en: "Montserrat", sans-serif;
  --base-font-size: 16px;
  --color-white:#FFF;
  --color-black: #000;
  --color-bg: #FFF;
  --color-red: #ED6B6A;
  --color-yellow: #FFCD1C;
  --border-radius:0.5em;
  --border-radius-b:2em;
  --clamp:clamp(0px, calc(16/1280*100vw), 1.72em);
  --swiper-theme-color:#54B332;
  --allwidth:1180px;
}
/*reCAPTHAマーク設定*/
.grecaptcha-badge { visibility: hidden; }
p.recapcha-text { font-size: 0.8em; text-align: center;}

/* ===============================================
# 共通
=============================================== */
html {
  font-size:0.9rem;
}
body {
  position: relative;
  font-family: var(--font-base);
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0.02em;
  color: var(--color-black);
  background-color: var(--color-bg);
}
.site{margin:0 auto;}
main{width: var(--allwidth);margin:0 auto}
.inner{max-width: var(--allwidth);margin:0 auto}

h1,h2{}
*{box-sizing: border-box;}
ul,ol,dl{margin: 0;padding:0;}
li,dd{list-style-type: none;}
a,a:visited{color:var(--color-black);text-decoration:none;}
a:not([href]):hover {cursor: pointer;}
header,footer{}
section{padding:0 1em;min-width: var(--allwidth);}
img{display:block;max-width: 100%;}
p,div{word-break: break-all;text-align: justify;}


input,button {	margin: 0;padding: 0;background: none;border: none;border-radius: 0;outline: none;appearance: none;}

/*ICON*/
span.evic{background: #888;color:var(--color-white);}
span.evic.cat-event{background: #475fd3;color:var(--color-white);}
span.evic.cat-concert{background: #d34747;color:var(--color-white);}
span.evic.cat-market{background: #47abd3;color:var(--color-white);}
span.evic.cat-gallery{background: #d3b247;color:var(--color-white);}
span.evic.cat-volunteer{background: #47d384;color:var(--color-white);}
span.evic.cat-course{background: #d34796;color:var(--color-white);}
span.evic.cat-nigiwai{background: #000000;color:var(--color-white);}
span.icon{display:flex;align-items: center;}
span.icon-bus:before{background:url(../img/icon-bus.svg) center center no-repeat;background-size:100% auto;width:1.5em;height:1.5em;content:"";margin-right: 0.5em;}
span.icon-car:before{background:url(../img/icon-car.svg) center center no-repeat;background-size:100% auto;width:1.5em;height:1.5em;content:"";margin-right: 0.5em;}

/*ボタン*/
.btn a{font-weight: 600;background: #fff;margin: 0 auto;width: 50%;border: 0.1em solid var(--color-black);border-radius:var(--border-radius-b); padding: 1em;align-items: center;display: flex;justify-content: center;}
.btn2 a{margin: 0 auto;display: inline-block;position: relative;padding-right: 2em;float:right;text-decoration: underline;}
.btn2 a:after {transition:.3s;content: '';display: inline-block;vertical-align: middle;color: var(--color-black);line-height: 1;position: relative;width: 0.7em;height: 0.1em;background: currentColor;position: absolute;top: 0;bottom: 0;margin: auto;right: 0;}
.btn2 a:before {transition:.3s;content: '';width: 0.5em;height: 0.5em;border: 0.1em solid var(--color-black);border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 0;box-sizing: border-box;}
.btn3 a{font-size: 0.8em;background: var(--color-black);display: flex;position: relative;padding:0.5em 2em 0.5em 2em;align-items: center;color:var(--color-white);border-radius:var(--border-radius-b);width: fit-content;}
.btn3.dl a:after{background:url(../img/icon-download.svg);background-size:100% auto;width:1.5em;height:1.5em;content:"";display:inline-block;}
.btn3.link a:after{background:url(../img/icon-link.svg);background-size:100% auto;width:1.5em;height:1.5em;content:"";display:inline-block;}

a.btn4.inlink{transition: .3s;border: 0.1em solid #000; padding:0.75em 2.5em 0.75em 1.5em;border-radius: 0.5em;font-size: 0.9em;position: relative;display: block;width: fit-content;}
a.btn4.inlink:after{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid #000; border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 1em;box-sizing: border-box;}
a.btn4.inlink:hover{background: var(--color-black);color:var(--color-white)}
a.btn4.inlink:hover:after{border-color:var(--color-white)}
p.calendar_button{margin: 2em 0 3em;}
.sep.box p.calendar_button{margin: 1.5em 0 0;}
p.calendar_button a.btn4.inlink:before{content:"";background: url(../img/icon-cl.svg) no-repeat center center;background-size: 100% auto;width: 1.1em;height: 1.1em;margin-right: 0.5em;display: inline-block;vertical-align: -0.15em;}
p.calendar_button a.btn4.inlink:hover:before{filter: invert(1);}

a.txtout{text-decoration: underline;}
a.txtout:hover{text-decoration: none;}
a.txtout:after{background:url(../img/icon-link-bk.svg);background-size:100% auto;width:1.5em;height:1.5em;content:"";display:inline-block;vertical-align: middle;}

/*共通*/
.sep{display:flex;}
.red{color:var(--color-red)}

/* ===============================================
# swiperスライダーカスタム
=============================================== */
section.slider{padding: 0;margin-top: 1em;}
.swiper{padding: 0.5em 0 3em;}
.swiper-slide{overflow: visible;border-radius: var(--border-radius); box-shadow: 0 0 0.25em #00000040;overflow: hidden;}
.swiper-slide a{display: block;}
.swiper figure{width: 100%;padding: 0;margin: 0;}
.swiper img{width: 100%;height: ;}
.swiper-button-next{background:#ffffff;border-radius:0.2em;padding: 2em 1em;width: 1em;}
.swiper-button-prev{background:#ffffff;border-radius:0.2em;padding: 2em 1em;width: 1em;}
.swiper-button-next:after, .swiper-button-prev:after{font-size:1em;}



/* ===============================================
# ヘッダ
=============================================== */

/*ヘッダ*/
header {margin-bottom: 0;}
header h1{margin: 0;/*padding-left: 5%;*/width: 20%;}
header h1 img{width: 100%;}
header .primary{box-shadow: 0 0 0.5em 0.15em #00000020;position: relative;min-width: var(--allwidth);}
header .primary .inner{display:flex;align-items: center;position: relative;}

header div.other{margin-left:auto;width: 52%;padding-right: 2%;}
header div.other .sns{margin-bottom: 0.5em;}
header div.other .sns ul{display: flex;align-items: center;gap: 4%;justify-content: right;}
header div.other .sns ul li{width: 1.25em;}
header div.other .inquery ul{display: flex;flex-wrap: wrap;justify-content: right;}
header div.other .inquery ul li{white-space: nowrap;}
header div.other .inquery ul li:after{content:"｜";margin:0 0.5em;}
header div.other .inquery ul li:last-child:after{display:none;}

header div.mode{width: 22.5%;}
header div.mode ul{display: flex;}
header div.mode ul li{width: 33.33%;font-size:0.7em;display: flex;aspect-ratio: 1 / 1;overflow: hidden;justify-content: center;}
header div.mode ul li a{padding: 1.6em 1em;color: var(--color-white);width: 100%;}
header div.mode ul li a img{margin: 0.5em auto;aspect-ratio: 1 / 1;display: block;height: 2.5em;width: 2.5em;}
header div.mode ul li a span{line-height: 1.2;display:block;text-align: center;}
header div.mode ul li.facility{background: #11B6CA;}
header div.mode ul li.group{background: #ED6B6A;}
header div.mode ul li.org{background: #f18d38;}
header div.mode ul li.facility:hover{background: #099fb1;}
header div.mode ul li.group:hover{background: #da5a59;}
header div.mode ul li.org:hover{background: #e3812d;}

/*ヘッダ　GLOBAL NAVI*/
header nav.global{background: #f5f5f5;/*padding: 0 5%;*/min-width: var(--allwidth);}
header nav.global ul{display: flex;flex-wrap: wrap;;justify-content: space-between;}
header nav.global ul li{font-weight: 600;font-size: 1.1em;}
header nav.global ul li a{display:block;padding: 1em 1.4em;transition: .3s;}
header nav.global ul li a:hover{background: #333;color:var(--color-white)}
header nav.global ul li.search{width: 1em;}
header nav.global ul li.search img{width: 100%;}

/*案内*/
.his{ padding-top: 2em;padding-bottom: 2em;background: #f3f3f3;width: 100%;}
.his > div{}
.his div >div{width: 70%;}
.his div figure{width: 30%;}
.his div figure img{width: 100%;border-radius:var(--border-radius);}
.his div p{padding-right:5%;}
.his div h2{font-size:1.3em;margin: 0;}
.his div h3{font-size:1em;margin: 0;}

/*footer*/
footer{text-align: center;padding: 4em 0;font-size:0.8em;}
footer h1{width: 60%;margin: 0 0 1em;}
footer h1 img{width: 100%;}
footer ol{display:flex;align-items: center;    justify-content: center;margin:3em auto 2em;}
footer ol li{}
footer ol li a{display:flex;}
footer ol li a:after{content:"｜";color:#ccc;display:inline-block;margin: 0 1em;}
footer ol li:last-child a:after{display: none;}

footer .sns{margin-bottom: 0.75em;}
footer .sns ul{display: flex;align-items: center;gap: 3%;justify-content: left;}
footer .sns ul li{width: 1.75em;}

footer .fmenu{display:flex;text-align: left;}
footer .fmenu >div{width:40%;border-right:0.05em #ccc solid;}
footer .fmenu >dl{width:20%;border-right:0.05em #ccc solid;padding: 0 2.5%;}
footer .fmenu dt{font-weight: 600;margin: 0 0 0.5em 0;}
footer .fmenu dd{margin: 0 0 0.5em 0;}
footer .fmenu dd a{display: block;position:relative;}
footer .fmenu dd a:after{transition: .3s;content: '';width: 0.35em;height: 0.35em;border: 0.1em solid #ccc;border-left: 0;  border-bottom: 0;  transform: rotate(45deg);transform-origin: top right;position: absolute;  top: 50%;  right: 0;box-sizing: border-box;}
footer .fmenu dd a:hover:after{right:-0.5em;}

/*共通パーツ*/
section.event_area{margin-bottom: 10em;}
section.org_area{margin-bottom: 10em;}
section.service_area{margin-bottom: 10em;}
section.content_area{margin-bottom: 5em;}
section.information_area{margin-bottom: 5em;}
div.information_area{margin: 5em 0;}
section.service_area h2{display: flex;align-items: center;}
section.service_area h2 a{transition: .3s;margin-left:1em;line-height:1.2;border: 0.1em solid #000; padding:0.75em 2.5em 0.75em 1.5em;border-radius: 0.5em;font-size: 0.5em;position: relative;display: inline-block;width: fit-content;}
section.service_area h2 a:after{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid #000; border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 1em;box-sizing: border-box;}
section.service_area h2 a:hover{background: var(--color-black);color:var(--color-white)}
section.service_area h2 a:hover:after{border-color:var(--color-white)}

div.want{width: fit-content; margin:2.5em auto 0;padding: 2.5em  2.5em  1.5em  2.5em ;background: #fff8ed;border:0.3em solid #ffefc4;border-radius:var(--border-radius-b);position:relative;}
div.want >h3{background: #ffd564;display: inline-block;position:absolute;top: -2.5em;border-radius:var(--border-radius-b);padding: 0.5em 2em;}
div.want .sep{align-items: center;}
div.want .sep >div:first-child{padding-right:2em;}
div.want p{margin: 0 0 0.5em;}
div.want ul.ext_links{display: flex;flex-wrap: wrap;gap: 0.5em 1em;margin: 0 0 1.5em;padding: 0;list-style: none;}
div.want ul.ext_links li.btn3 a{font-size: 0.9em;font-weight: 600;margin: 0;}
div.want ul.ext_links li.btn3.link a:after{margin-left: 0.5em;}
div.want b.tel{font-size:2em;line-height: 1.2;}
div.want a.contact{margin:0;font-size:1.2em;font-weight:600;background: var(--color-black);color: var(--color-white);padding: 1em 4em;border-radius: var(--border-radius);display: block;}

.attention{font-size:0.8em;}
.attention li{text-indent: -1em;padding-left: 1em;}
.attention li:before{content:'※';display: inline-block;padding-left: 1em;}

.nothing{margin-bottom: 10em;}

/* ===============================================
# パンくず
=============================================== */
.breadcrumb ol{display: flex;padding: 1em 0 0 0 ;}
.breadcrumb ol li{display: flex; align-items: center;}
.breadcrumb ol li:after{margin:0 0.75em 0 0.5em;transition: .3s;content: '';display: inline-block;width: 0.5em;height: 0.5em;border: 0.075em solid #000;border-left: 0;border-bottom: 0;transform: rotate(45deg);box-sizing: border-box;}
.breadcrumb ol li:last-child:after{display: none;}
.breadcrumb ol li a{text-decoration: underline;}
.breadcrumb ol li a:hover{text-decoration: none;}
.breadcrumb ol li span:empty{display: none;}


/* ===============================================
# モーダル/サーチ
=============================================== */
#modal {z-index: 20;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;}
.modal-content {background-color: white;padding: 2em;border-radius: 1em;position: relative;}
#closeModal {position: absolute;top: 1em;right: 1em;font-size:2em;cursor: pointer;}



.modal-content{width: 80%;}
.search1{}
.search1 input[type="text"]{font-size:1.4em;padding: 1em;width: 100%;margin-bottom: 1em;border-radius:var(--border-radius-b);background: #eee;}
.search1 button[type="submit"]{display:block;width: 70%;margin: 0 auto;margin-bottom: 1em;background: #000;padding: 1em;border-radius:var(--border-radius-b);font-weight: bold;font-size:1.2em;color:var(--color-white)}
div.cat{display:flex;flex-wrap:wrap;justify-content: center;margin-bottom: 2em;} 
.search1 .checkbox {
  position: absolute;
  left: -9999px;
}

.search1 label {
  display: block;
  position: relative;
  margin:0 1em 1em 0;
  padding: 1em 2em 1em 3em;
  border: 0.1em solid #fff;
  border-radius: var(--border-radius-b);
  color: #fff;
  background-color: #bbbbbb;
  box-shadow: 0 0 0.5em rgba(0, 0, 0, .2);
  white-space: nowrap;
  cursor: pointer;
  user-select: none;
  transition: background-color .2s, box-shadow .2s;
}

.search1 label::before {
  content: '';
  display: block;
  position: absolute;
  top: 1em;
  bottom: 1em;
  left: 1em;
  width: 1.3em;
  border: 0.2em solid #fff;
  border-radius: var(--border-radius-b);
  transition: background-color .2s;
}

.checkbox:checked + label {
  background-color: #54B332;
}

.checkbox:checked + label::before {
  background-color: #fff;
}

/*.checkbox:checked::after {content: "";position: absolute;top: 0.3em;left: 0.3em;width: 1em;height: 0.5em;border-bottom: 0.2em solid #ffffff;border-left: 0.2em solid #ffffff;transform: rotate(-45deg);}*/

/* ===============================================
# モーダル/カレンダー
=============================================== */
.calendar{}
#modalCal {z-index: 20;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.8);display: none;justify-content: center;align-items: center;}
.modal-content {background-color: white;padding: 2em;border-radius: 1em;position: relative;}
#closeModalCal {position: absolute;    top: -0.2em;right: 0.3em;font-size:2em;cursor: pointer;}





/* ===============================================
# PAGE
=============================================== */

/*NEWS*/
section.news{margin-bottom: 2em;margin-top:2em;}
section.news div{background: #f3f3f3;padding: 1em 1.75em;border-radius:var(--border-radius);}
section.news dl{display: flex;margin-bottom: 1em;border-bottom: 0.1em solid #e3e3e3;padding-bottom: 1em;}
section.news dl:last-child{margin-bottom: 0;border:0;padding-bottom: 0;}
section.news dt{width: 12%;}
section.news dd{width: 88%;}
section.news h3{font-weight: 600;color: #000000;}


/*見出し*/
h2{font-size: 1.8em;}

.title{display:flex;align-items: center;flex-wrap: wrap;margin-bottom: 0.75em;}
.title h2{margin-right: 1.5em;padding: 1em 0px;}
.content_area h3.mds{background: #f3f3f3;padding:0.5em 1em ; }
.content_area h3.mds span{font-size:0.8em;font-weight:normal;}
.content_area h4:not(.entry-content h4){padding:0.5em 1em ;border-top:0.1em solid var(--color-black);border-bottom:0.1em solid var(--color-black);}

/*ソート*/
.title #event-select{display:none;}
.title ul {display:flex;}
.title ul li{margin-right:1em;}
.title ul li a{display:flex;align-items: center;padding: 0.15em 0.75em;border-radius: var(--border-radius);}
.title ul.sort{flex-wrap: wrap;row-gap: 0.25em;}
.title ul.sort li{margin-right:0.3em;}
.title ul.sort li a{padding: 0.15em 0.5em;font-size: 0.88em;white-space: nowrap;}
.title ul li a:before{content:"";background: url(../img/icon-list.svg) no-repeat center center;background-size: 100% auto;width: 1em;height: 1em;margin-right: 0.3em;display:inline-block;}
.title ul li a.search:before{content:"";background: url(../img/icon-search.svg) no-repeat center center;background-size: 100% auto;width: 1em;height: 1em;margin-right: 0.3em;display:inline-block;}
body.all .title ul li.s0 a{background: var(--color-black);color:var(--color-white);}
body.orderby-date-start .title ul li.s1 a{background: var(--color-black);color: var(--color-white);}
body.filter_month-next_month .title ul li.s2 a{background: var(--color-black);color: var(--color-white);}
body.event_type-regular .title ul li.s3 a{background: var(--color-black);color: var(--color-white);}
body.period-past .title ul li.s4 a{background: var(--color-black);color: var(--color-white);}
body.all .title ul li.s0 a:before,
body.orderby-date-start .title ul li.s1 a:before,
body.filter_month-next_month .title ul li.s2 a:before,
body.event_type-regular .title ul li.s3 a:before,
body.period-past .title ul li.s4 a:before
{background: url(../img/icon-list-w.svg) no-repeat center center;}

/*LISTS*/
ul.event_list{display: flex;flex-wrap: wrap;gap: 3%;}
ul.event_list li{width: calc((100% - (3% * 2)) / 3);margin-bottom: 3em;}
ul.event_list li.done{opacity:0.3;}
ul.event_list li figure{width: 100%;aspect-ratio: 5 / 3.12;overflow: hidden;border-radius:var(--border-radius);box-shadow:0 0 0.25em #00000040;margin-bottom: 0.5em;}
ul.event_list li figure img{width: 100%;height: auto;}
ul.event_list li .info{display:flex;align-items: center;flex-wrap: wrap;}
ul.event_list li .info span{font-size:0.6em;display: inline-block;padding: 0.2em 0.75em;line-height: 1.4;border-radius: var(--border-radius);margin-right:1em ;}
ul.event_list li .info time{font-size:0.8em;}
ul.event_list li p{font-size:1em;margin: 0;width: 100%;}
ul.event_list.unlimit li{width: calc((100% - (3% * 3)) / 4);}

ul.event_list.type2{display: block;margin-bottom: 2em;}
ul.event_list.type2 li{width: 100%;margin-bottom: 1em;display:flex;}
ul.event_list.type2 li a{display:flex;align-items: center;width: 100%;}
ul.event_list.type2 li a figure{width: 30%;}
ul.event_list.type2 li a .info{width: 70%;padding-left: 5%;}

ul.org_list{display:block;}
ul.org_list > li{border-bottom:0.075em solid #ccc}
/*ul.org_list > li:first-child{border-top:0.075em solid #ccc}*/
ul.org_list > li a{display: block;padding:1.5em 1.25em ;}
ul.org_list > li a:hover{background: #f3f3f3;}
ul.org_list > li p{font-size:1.4em;font-weight: 700;margin:0 0 0.5em 0;}
ul.org_list li ul.org-junre{display:flex}
ul.org_list li ul.org-junre li{font-size:0.9em;margin-right:1em;}
ul.org_list li ul.org-tag{display:flex;flex-wrap:wrap;}
ul.org_list li ul.org-tag li{font-size:0.8em;margin-right:0.5em;border:0.5em 1em;padding: 0.25em 0.5em;border-radius: var(--border-radius);background: #eee;}

ul.subsidy_list{display:block;}
ul.subsidy_list li{border-bottom:0.1em #ccc solid;}
ul.subsidy_list li:first-child{border-top:0.1em #ccc solid;}
ul.subsidy_list li a{padding: 1.5em ;display: block;}
ul.subsidy_list li a h3{margin-top: 0;}
ul.subsidy_list li a p.lab{display: flex;align-items: center;margin: 1em 0 0.25em;}
ul.subsidy_list li a p.lab.taisho span:first-child{background: #eb6460}
ul.subsidy_list li a p.lab.kikan span:first-child{background: #54b332}
ul.subsidy_list li a p.lab span:first-child{width: 6em;text-align: center;font-size: 0.9em;color:var(--color-white)}
ul.subsidy_list li a p.lab span:last-child{padding-left: 1em;}

ul.ngw_list{display: flex;flex-wrap: wrap;gap: 2%;}
ul.ngw_list > li{width: calc((100% - (2% * 4)) / 5);margin-bottom: 3em;}
ul.ngw_list > li figure{display: flex;align-items: center;width: 100%;aspect-ratio: 2.1 / 3;overflow: hidden;border-radius:var(--border-radius);box-shadow:0 0 0.25em #00000040;margin-bottom: 0.5em;}
ul.ngw_list > li figure img{width: 100%;height: auto;}
ul.ngw_list > li .info{display:flex;align-items: center;}
ul.ngw_list > li .info span{font-size:0.6em;display: inline-block;padding: 0.2em 0.75em;line-height: 1.4;border-radius: var(--border-radius);margin-right:1em ;}
ul.ngw_list > li .info time{font-size:0.8em;}
ul.ngw_list > li p{font-size:1em;margin: 0;}
ul.ngw_list.first{width: ;}
ul.ngw_list.first  > li{display: block;margin:0 auto;width: 60%;display: flex;;}
ul.ngw_list.first  > li >a{width: 30%;}
ul.ngw_list.first  > li >div{width: 70%;padding-left: 2em;}

ul.popular{}
ul.popular li{margin-bottom: 2em;}
ul.popular li figure{width: 100%;aspect-ratio: 5 / 3.12;overflow: hidden;border-radius:var(--border-radius);box-shadow:0 0 0.25em #00000040;margin-bottom: 0.5em;}
ul.popular li figure img{width: 100%;height: auto;}
ul.popular li .info{display:flex;align-items: center;flex-wrap: wrap;}
ul.popular li .info span{font-size:0.6em;display: inline-block;padding: 0.2em 0.75em;line-height: 1.4;border-radius: var(--border-radius);margin-right:1em ;}
ul.popular li .info p{font-size:0.8em;}
ul.popular li p{font-size:1em;margin: 0;}

/*PAGENATION*/
.nav-links{display:flex;flex-wrap: wrap;align-items: center;justify-content: center;gap:0.5em;margin-top: 4em;}
.nav-links a,
.nav-links span{white-space: nowrap;border-radius:2em;width: 3em;height: 3em;padding:1.2em;border:0.1em solid #ccc;display:flex;align-items: center;justify-content: center;}
.nav-links span{background: var(--color-black);color:var(--color-white)}
.nav-links span.dots{background: var(--color-white);color:var(--color-black)}
.nav-links .prev,.nav-links .next{position:relative;}
.nav-links .prev:before{transition: .3s;content: ''; width: 0.75em; height: 0.75em; border: 0.1em solid var(--color-black); border-left: 0; border-bottom: 0;transform: rotate(225deg);transform-origin: top right;position: absolute; top: 50%;left: 10%;box-sizing: border-box;}
.nav-links .next:before{transition: .3s;content: ''; width: 0.75em; height: 0.75em; border: 0.1em solid var(--color-black); border-left: 0; border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute; top: 50%;left: 35%;box-sizing: border-box;}


/*SERVICE*/
ul.service_list{display: flex;flex-wrap: wrap;gap: 2%;}
ul.service_list li:not(:last-child){border-right: 0.05em solid #ccc;padding-right: 2%;}
ul.service_list li{width: calc((100% - (2% * 3)) / 4);margin-bottom: 3em;}
ul.service_list li img{width: 100%;}
ul.service_list li p{margin-bottom: 1em;}

/* 404================================== */
.not-found .content_area div{padding: 10em ;text-align: center;}
.not-found .content_area div h2{font-size:8em;margin: 0;line-height: 0.5;}
.not-found .content_area div h3{font-size:2.5em;}
.not-found .content_area div p{text-align: center;}

/* ギャラリー================================== */
main.gallery .content_area{}
main.gallery .content_area .box{}
main.gallery .content_area .box div{width: 65%;padding-right: 5%;}
main.gallery .content_area .box figure{width: 35%;}
main.gallery .content_area .box figure img{width: 100%;border-radius: var(--border-radius);}

/* コンサート================================== */
main.concert .content_area{}
main.concert .content_area .box{}
main.concert .content_area .box div{width: 65%;padding-right: 5%;}
main.concert .content_area .box figure{width: 35%;}
main.concert .content_area .box figure img{width: 100%;border-radius: var(--border-radius);}

/* ランチ================================== */
main.lunch .content_area{}
main.lunch .content_area .box{}
main.lunch .content_area .box div{width: 65%;padding-right: 5%;}
main.lunch .content_area .box figure{width: 35%;}
main.lunch .content_area .box figure img{width: 100%;border-radius: var(--border-radius);}
main.lunch .content_area ul.event_list li a{position:relative;}
main.lunch .content_area ul.event_list li a span{position: absolute;right: 0.5em;border-radius: 0.25em;top: 0.5em;color: #fff;font-weight:600;width: 3em;filter: drop-shadow(0 0 0.25em #00000040);}
main.lunch .content_area ul.event_list li p span.week{font-size:0.9em;background: #dd3737;padding: 0 0.25em;border-radius: 0.25em;color: #fff;font-weight:600;padding: 0.25em 0.5em;}

/* マーケット================================== */
main.market .content_area{}
main.market .content_area .box{}
main.market .content_area .box div{width: 65%;padding-right: 5%;}
main.market .content_area .box figure{width: 35%;}
main.market .content_area .box figure img{width: 100%;border-radius: var(--border-radius);}
main.market .content_area ul.event_list li p span.week{font-size:0.9em;background: #dd3737;padding: 0 0.25em;border-radius: 0.25em;color: #fff;font-weight:600;padding: 0.25em 0.5em;}


/* 市民相談================================== */
main.consultation .content_area{}
main.consultation .content_area img{width: 100%;border-radius: var(--border-radius);}
main.consultation .content_area > div.box{}
main.consultation .content_area > div.box >div{width: 70%;padding-right: 5%;}
main.consultation .content_area > div.box figure{width: 30%;}
main.consultation .content_area > div.box .support{display: flex;flex-wrap:wrap;justify-content: space-between;}
main.consultation .content_area > div.box .support div{width: 47.5%;background: #f7f6f1;margin-bottom: 1em;border-radius: var(--border-radius);overflow: hidden;}
main.consultation .content_area > div.box .support div h4{border:0;margin:0 0 0 0;background: #e4e4e4;}
main.consultation .content_area > div.box .support div p{padding: 1em;margin: 0;}

/* リンク集================================== */
main.links .content_area {;}
main.links .content_area h2:not(.title>h2){font-size:1.4em;background: #eee;padding: 0.5em 1em;margin-bottom: 1.5em;}
main.links .content_area h3{display: flex;align-items: center;}
main.links .content_area h3 span{white-space: nowrap;margin-right:1em;}
main.links .content_area h3:after{content:"";display: block;width: 100%;border-top: 0.1em solid #eee;height: 0.1em;}
main.links .content_area ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
main.links .content_area ul > li{width: 47%;margin-bottom: 1.5em;list-style:disc;margin-left: 2em;}
main.links .content_area ul > li a{font-weight:700;}
main.links .content_area ul > li a[target="_blank"]:after{content:"";display: inline-block;width: 1.5em;height: 1.5em;background: url(../img/icon-linkbk.svg) no-repeat center center;background-size: 100% auto;margin-left: 0.5em;vertical-align: middle;}
main.links .content_area ul > li a:hover{text-decoration: underline;}

/* プライバシーポリシー================================== */
main.privacy .content_area {;}
main.privacy .content_area h2:not(.title>h2){font-size:1.4em;background: #eee;padding: 0.5em 1em;}

/* サイトマップ================================== */
main.sitemap .content_area {;}
main.sitemap .content_area h2:not(.title>h2){font-size:1.4em;background: #eee;padding: 0.5em 1em;width: 100%;}
main.sitemap .content_area ul{display: flex;flex-wrap:wrap;justify-content: space-between;}
main.sitemap .content_area ul li{width: 47%;margin-bottom: 1.5em;list-style:disc;margin-left: 2em;}
main.sitemap .content_area ul li a{font-weight:700;}
main.sitemap .content_area ul li a[target="_blank"]:after{content:"";display: inline-block;width: 1.5em;height: 1.5em;background: url(../img/icon-linkbk.svg) no-repeat center center;background-size: 100% auto;margin-left: 0.5em;vertical-align: middle;}
main.sitemap .content_area ul li a:hover{text-decoration: underline;}


/* よくある質問================================== */

.qa__box {width: 100%;margin: 0 auto;position: relative;z-index: 1;}
.qa__box > dl{}
.qa__box > dl > dt {display: flex;align-items: center;padding:0 3em 0 1em;position: relative;transition: 0.3s;}
.qa__box > dl > dt:hover{cursor: pointer;background: var(--red);}
.qa__box > dl > dt .crossBar {width: 1em;height: 1em;position: absolute;top: 50%;right: 1em;transform: translateY(-50%);}
.qa__box > dl > dt .crossBar::before {content: "";display: inline-block;width: 1.6px;height: 100%;background-color:var(--color-black);position: absolute;top: 0;left: 50%;transform-origin: center center; transform: translateX(-50%) rotate(0deg);transition: transform 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.qa__box > dl > dt .crossBar::after {content: "";display: inline-block;width: 100%;height: 1.6px;background-color: var(--color-black);position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.qa__box > dl > dt > span {color:#54B332;top: -0.1em;position: relative;font-size: 2em;line-height: 1.75;font-weight: 700;font-style: normal;margin-right: 0.5em;}

.qa__box > dl > dd {opacity:0;margin: 0;display: flex;align-items: flex-start;margin-bottom: 1em;padding:0 0 0 3em;max-height: 0;overflow: hidden;transition: all 0.8s cubic-bezier(0.19, 1, 0.22, 1);}
.qa__box > dl > dd > span {font-size: 2em;line-height: 1.7;font-weight: 700;font-style: normal;margin-right: 0.5em;color:#ED6B6A;}
.qa__box > dl > dd a.btn4.inlink{display: inline-block;}
.qa__box > dl > dd.is-open {max-height: fit-content;padding:1em 0em 1em 3em;opacity:1;}
.qa__box > dl > dt.is-open .crossBar::before {transform: translateX(-50%) rotate(90deg);}

.qa__box > dl a.btn{text-decoration:none;background: var(--color-black);padding: 1em 2em;display: inline-block;width:;border-radius: var(--border-radius);}
.qa__box > dl a.btn:after{margin-left:0.5em;vertical-align: middle;position: relative;top: 0.3em;display: inline-block;transition: .3s;content: '';width: 0.75em;height: 0.75em;border: 0.1em solid #ccc;border-left: 0;  border-bottom: 0;  transform: rotate(45deg);transform-origin: top right;  box-sizing: border-box;}

/* ABOUT================================== */
main.about h3.mds{background: #f3f3f3;color: var(--color-black);}
main.about h5{background: #eee;padding: 0.5em 1em;}
main.about figure img{width: 100%;margin-bottom: 1em;border-radius: var(--border-radius);}
main.about figure img:last-child{margin-bottom: 0;}
main.about .btn3{margin-top: 1em;}
main.about .detail > div:first-child{width: 65%;padding-right: 3%;}
main.about .detail > figure{width: 35%;}
main.about .detail > figure img{width: 100%;}
main.about .detail .conix{display:flex;align-items: start;}
main.about .detail .conix figure{width: 30%;}
main.about .detail .conix p{width: 70%;padding-left: 1em;margin-top: 0;}
main.about .detail .conix p a{text-decoration: underline;}
main.about .detail .conix p a:hover{text-decoration: none;}
main.about .business > div{width: 65%;padding-right: 3%;}
main.about .business > figure{width: 35%;}
main.about .business > figure img{width: 100%;}
main.about .inside > div{width: 100%;}
main.about .inside > figure{width: 90%;display: flex;margin: 0 auto;}
main.about .inside >figure img{margin-bottom: 2em;width: 50%;}
main.about .inside ul >li{margin-left: 1em;text-indent: -1em;}
main.about .gal{margin-top: 3em;}
main.about .gal ul{display: flex;gap:1.5%}
main.about .gal ul li{}
main.about .event_list .evic{display: none;}

main.about .access > div:first-child{width: 65%;padding-right: 3%;}
main.about .access > div:last-child{width: 35%;}
main.about .access > div .map{width: 100%;height: 40em;border-radius: var(--border-radius-b);}
main.about dd{margin-inline-start: 1em;}
main.about .access dl >dt{margin-left: 1em;text-indent: -1em;}

/* GROUP================================== */
.group h3.mds{background: #eb6460;color: var(--color-white);}
.group h5{font-size:1.1em;font-weight: 700;}
.group section.event_area.bottom{margin-bottom: 0;padding-bottom: 4em;}
.group .box.sep{justify-content: space-between;}
.group .box.sep a{width: 35%;}
.group .box.sep p{width: 60%;}
.group .box.sep a img{border:#b2ced2 solid 0.3em;border-radius: 1em;}

ul.group_menu{display: flex;justify-content: center;align-items: center;margin-bottom: 4em;width: 100%;}
ul.group_menu li{width: calc(100% / 6);border-right:0.05em #ccc solid;margin: 0;}
ul.group_menu li:first-child{border-left:0.05em #ccc solid;}
ul.group_menu li figure{padding: 1.5em  2.5em 0 2.5em;}
ul.group_menu li span{display: block;text-align: center;    font-size: 0.9em;}
ul.group_menu li a{transition: .3s;display: block;padding: 0.15em 0.75em;}
ul.group_menu li a:before{display: none;}
ul.group_menu li a:hover{background: #eee;}

.group_menu.grouptop{display: flex;justify-content: left;align-items: stretch;margin-bottom: 4em;flex-wrap: wrap;border-top:0.05em #ddd solid;}
.group_menu.grouptop li{width: calc((100% / 4) - 0.075em);border-right:0.05em #ddd solid;border-bottom:0.05em #ddd solid;}
.group_menu.grouptop li:nth-child(-n + 3){width: calc((100% / 3) - 0.075em)}
.group_menu.grouptop li:nth-child(4){border-left:0.05em #ccc solid;}

/*
.group_menu.grouptop li:first-child{border-left:0;}
.group_menu.grouptop li:nth-child(odd){border-left:0.05em solid #ddd;}
.group_menu.grouptop li:last-child{border-bottom:0.05em #eee solid;}
.group_menu.grouptop li:nth-last-child(2):nth-child(odd), 
.group_menu.grouptop li:nth-last-child(1):nth-child(even) {border-bottom: 0.05em #ddd solid; }*/
.group_menu.grouptop li a{transition: .3s;display: flex;align-items: flex-start;position:relative;height: 100%;}
.group_menu.grouptop li a:hover{background: #eee;}
.group_menu.grouptop li:nth-child(-n + 3) a > figure{width: 30%;padding: 1em  1.5em 1em 1.5em;margin: 0;box-sizing: border-box;}
.group_menu.grouptop li a > figure{width: 30%;padding: 1em  1em 1em 1em;margin: 0;box-sizing: border-box;}
.group_menu.grouptop li a > div{width: 70%;padding:1em 3em 1em 0;}
.group_menu.grouptop li a:after{transform: rotate(45deg) skew(20deg, 20deg);transition: .3s;content: '';width: 1.25em;height: 1.25em;border: 0.075em solid #ccc;border-bottom:0;border-left:0;  transform-origin: top right;position: absolute;  top: 50%;  right: 1em;box-sizing: border-box;}
.group_menu.grouptop li a:hover:after{right:0.5em;}

/* GROUP>団体登録について================================== */
main.entry .content_area ol{background: #eee;margin-left: 0.5em; margin-bottom: 0em;background: #eee; padding: 1.5em 3em; width: fit-content;}
main.entry .content_area ol li{list-style-type:decimal;}
main.entry .content_area ol li a{text-decoration: underline;}
main.entry .content_area ol li a:hover{text-decoration: none;}
main.entry .content_area ul{margin-left: 1.5em;margin-bottom: 1em;}
main.entry .content_area ul li{list-style-type:disc;}
main.entry .content_area .sq{background: #eee;padding: 1em;border:0.3em solid #ddd}
main.entry .content_area .btn3{display:flex;align-items: center;background: #fff5e8;width: fit-content;border-radius: var(--border-radius-b);padding:0 1em;}
main.entry .content_area .btn3 a{height: fit-content;margin-right: 0.25em;}
main.entry .content_area .btn4.inlink{display: inline-block;margin-top: 1em;}

/* GROUP>施設利用について================================== */
main.use .content_area img{width: 100%;border-radius: var(--border-radius);}
main.use .content_area ol:not(.attention){background: #eee;margin-left: 0.5em; margin-bottom: 0em;background: #eee; padding: 1.5em 3em; width: fit-content;}
main.use .content_area ol:not(.attention) li{list-style-type:decimal;}
main.use .content_area ul:not(.attention){margin-left: 1.5em;margin-bottom: 1em;}
main.use .content_area ul:not(.attention) li{list-style-type:disc;}
main.use .content_area ol:not(.attention) li a{text-decoration: underline;}
main.use .content_area ol:not(.attention) li a:hover{text-decoration: none;}
main.use .content_area div.box{background: #eee;padding: 2em;margin-bottom: 1em;}
main.use .content_area div.box p:last-child{margin-bottom: 0;}
main.use .content_area div.box2{margin-bottom: 2em;}
main.use .content_area div.box2 dl{margin-bottom: 1em;}
main.use .content_area div.box2 dt{font-weight: 700;}
main.use .content_area div.box2 dd{margin-left: 0;}
main.use .content_area .room{display: flex;gap:3%;margin-top:2em;}
main.use .content_area .room >div{width: calc(100% / 3);background: #eee;}
main.use .content_area .room figure{margin-bottom: 0;}
main.use .content_area .room figure img{width: 100%;}
main.use .content_area .room .detail{font-size: 0.8em;padding: 1em 2em;}
main.use .content_area .use2>div{width: 65%;padding-right: 5%;}
main.use .content_area .use2>figure{width: 35%;}
main.use .content_area .use3>div{width: 65%;padding-right: 5%;}
main.use .content_area .use3>figure{width: 35%;}
main.use .content_area .use4>div{width: 65%;padding-right: 5%;}
main.use .content_area .use4>figure{width: 35%;}
main.use .content_area .use5>div{width: 65%;padding-right: 5%;}
main.use .content_area .use5>figure{width: 35%;}
main.use .content_area .use6>div{width: 65%;padding-right: 5%;}
main.use .content_area .use6>figure{width: 35%;}
main.use .content_area figure img{margin-bottom: 1em;}
main.use .content_area figure img:last-child{margin-bottom: 0;}

/* GROUP>PR================================== */
main.pr .content_area {}
main.pr .content_area ol{background: #eee;margin-left: 0.5em; margin-bottom: 0em;background: #eee; padding: 1.5em 3em; width: fit-content;}
main.pr .content_area ol li{list-style-type:decimal;}
main.pr .content_area ol li a{text-decoration: underline;}
main.pr .content_area ol li a:hover{text-decoration: none;}
main.pr .content_area img{width: 100%;border-radius: var(--border-radius);}
main.pr .content_area figure img{margin-bottom: 1em;}
main.pr .content_area figure img:last-child{margin-bottom: 0;}
main.pr .content_area .pr1>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr1>figure{width: 35%;}
main.pr .content_area .pr2>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr2>figure{width: 35%;}
main.pr .content_area .pr3>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr3>figure{width: 35%;}
main.pr .content_area .pr4>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr4>figure{width: 35%;}
main.pr .content_area .pr5>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr5>figure{width: 35%;}
main.pr .content_area .pr6>div{width: 65%;padding-right: 5%;}
main.pr .content_area .pr6>figure{width: 35%;}
main.pr .content_area ul:not(.attention){margin-left: 1.5em;margin-bottom: 1em;}
main.pr .content_area ul:not(.attention) li{list-style-type:disc;}
main.pr .content_area .btn3{display:flex;align-items: center;background: #fff5e8;width: fit-content;border-radius: var(--border-radius-b);padding:0 1em;}
main.pr .content_area .btn3 a{height: fit-content;margin-right: 0.25em;}
main.pr .content_area .btn4{display: inline-block;}

/* GROUP>活動相談================================== */
main.flow .content_area .flow1{}
main.flow .content_area .flow1>div{width: 65%;padding-right: 5%;}
main.flow .content_area .flow1>figure{width: 35%;}
main.flow .content_area ul:not(.attention){margin-left: 1.5em;margin-bottom: 1em;}
main.flow .content_area ul:not(.attention) li{list-style-type:disc;}
main.flow .content_area figure img{margin-bottom: 1em;}
main.flow .content_area figure img:last-child{margin-bottom: 0;}

/* GROUP>助成金情報================================== */
main.subsidy .content_area{}
main.subsidy .content_area > p{margin-bottom: 4em;}


/* ORGトップ================================== */
main.orgindex .content_area{}
main.orgindex .content_area ul.junre{display: flex;flex-wrap: wrap;}
main.orgindex .content_area ul.junre li{width: 50%;border-top:0.1em solid #ddd;border-right:0.1em solid #ddd;}
main.orgindex .content_area ul.junre li:nth-child(odd){border-left:0.1em solid #ddd;}
main.orgindex .content_area ul.junre li:nth-last-child(2) ,
main.orgindex .content_area ul.junre li:last-child{border-bottom:0.1em solid #ddd}
main.orgindex .content_area ul.junre li a{padding: 1em;display: block;}
main.orgindex .content_area ul.tag{display: flex ;flex-wrap: wrap; width: fit-content; gap: 1%;}
main.orgindex .content_area ul.tag li{width: fit-content;background: #eee; padding: 0.25em 0.5em; font-size: 1em; margin-bottom: 0.5em;border-radius: var(--border-radius);}

main.orgindex .content_area h3{background: #f3f3f3;padding: 0.5em;}
main.orgindex .content_area .orgsearch form{display:flex;justify-content: space-between;}
main.orgindex .content_area .orgsearch input[type="text"]{padding: 1em;width: 72.5%;margin-bottom: 1em;border-radius:var(--border-radius);border:0.1em #ccc solid;}
main.orgindex .content_area .orgsearch button[type="submit"]{display:block;width: 25%;margin: 0 auto;margin-bottom: 1em;background: #000;padding: 1em;border-radius:var(--border-radius);font-weight: bold;font-size:1em;color:var(--color-white)}
main.orgindex .content_area .det{padding-right: 1em;} 
main.orgindex .content_area .mihon{width: 40%;margin: 0 auto;text-align: center;}
main.orgindex .content_area .mihon figure img{margin-bottom: 0.5em;}
main.orgindex .content_area .mihon figcaption{font-size:0.8em}

a.all{margin-top: 1em;display: flex;justify-content: right;text-decoration: underline;}
a.all:hover{text-decoration: none;}

/* ===============================================
# POST
=============================================== */
.single .content_area {display: flex;}
.single .content_area div.post_area h1{width: 100%;padding: 2em 0 2em 0;}
.single .content_area div.post_area{width: 75%;padding-right: 5%;}

.single .content_area div.post_area .entry-category{margin-top:5em}
.single .content_area div.post_area .entry-category span{font-size:0.6em;display: inline-block;padding: 0.2em 0.75em;line-height: 1.4;border-radius: var(--border-radius);}
.single .content_area div.post_area .entry-title{padding-top:0;margin-top:0;margin-bottom:0;}
.single .content_area div.post_area .entry-title:has(.ended){display:flex;align-items:center;flex-wrap:wrap;column-gap:0.4em;}
.single .content_area div.post_area .entry-title .ended{font-size:0.5em;font-weight:normal;display:inline-block;padding:0.2em 1em;line-height:1.4;border-radius:var(--border-radius);background:#888;color:var(--color-white);white-space:nowrap;}
.single .content_area div.post_area .entry-head time{padding: 1em ;border-top:#ccc 0.1em solid;border-bottom:#ccc 0.1em solid;margin-bottom: 3em;width: 100%;display: block;}
.single .content_area div.post_area .entry-content{margin-bottom: 5em;}

.single .content_area div.post_area .entry-tag ul{display:flex;flex-wrap:wrap;margin-bottom: 2em;}
.single .content_area div.post_area .entry-tag ul li{font-size:1em;margin-right:0.5em;border:0.5em 1em;padding: 0.25em 0.5em;border-radius: var(--border-radius);background: #eee;}


.single .content_area div.post_area article{}
.single .content_area div.post_area h3.organize{background: #eee;padding: 0.5em;}
.single .content_area div.post_area h3.recommend{background: #eee;padding: 0.5em;}
.single .content_area div.post_area div.org{border:0.1em solid #ccc;padding: 1em;}
.single .content_area div.post_area div.org p{margin-bottom: 0;}
.single .content_area div.post_area div.related-events{}
.single .content_area div.post_area div.related-events ul{}
.single .content_area div.post_area div.related-events ul li{display: flex;border-bottom: #eee 0.1em solid;padding: 1em 0;margin-bottom: 0.5em;}

.single .content_area div.side_area{width: 25%;}
.single .content_area div.side_area > h3{background: #eee;padding: 0.5em;}

.single .content_area div.post_area .entry-content{font-size: 1.1rem;}
.single .content_area div.post_area .entry-content ol{margin-bottom: 1em;}
.single .content_area div.post_area .entry-content ol li{list-style-type: decimal;margin-left: 1.5em;}
.single .content_area div.post_area .entry-content ul{margin-bottom: 1em;}
.single .content_area div.post_area .entry-content ul li{list-style-type: disc;margin-left: 1.5em;}
.single .content_area div.post_area .entry-content a{text-decoration:underline}
.single .content_area div.post_area .entry-content a:hover{text-decoration:none}
.single .content_area div.post_area .entry-content p.order a{text-decoration:none;font-weight:bold;padding:0.5em 2.5em 0.5em 2em;color:#fff;background: #000;border-radius:0.5em;display: block;width: fit-content;    position: relative;}
.single .content_area div.post_area .entry-content p.order a:after{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid #fff; border-left: 0;border-bottom: 0;transform: rotate(45deg);transform-origin: top right;position: absolute;top: 50%;right: 1em;box-sizing: border-box;}


/* ===============================================
# ulike
=============================================== */
/* いいねボタンを押した際のメッセージを消したい 
.wpulike-notification .wpulike-message.wpulike-success {display:none;}/* いいねボタンを取り消した際のメッセージを消したい */.wpulike-notification .wpulike-message{display:none;}
/*.ulike{}
.ulike>div .wpulike{    width: fit-content;margin: 0 auto;}
.wpulike button.wp_ulike_btn.wp_ulike_put_text{font-size:1.2em;padding: 1em 1.5em;line-height: 1.6;min-width: unset;}
.wp_ulike_is_unliked{}
.wpulike-default button.wp_ulike_btn,
.wp_ulike_is_unliked button.wp_ulike_btn{background-color: #54B332;color:#fff;}
.wpulike-default button.wp_ulike_btn:hover,
.wp_ulike_is_unliked button.wp_ulike_btn:hover{background-color: #439d22;color:#fff;}
.wp_ulike_is_liked button.wp_ulike_btn{background-color: #ddd;color:#999;}*/


/* ===============================================
# feedback
=============================================== */
.feedback>div{/*border-top:0.1em solid #ccc;*/padding: 2em 0 3em;align-items: center;text-align: center;}
.feedback>div h3{text-align: center;}
.feedback>div ul{display: flex;justify-content: center;gap:1%;}
.feedback>div ul li a{padding: 1em;border-radius: var(--border-radius);width: 12em;display: flex; justify-content: center;}
.feedback>div ul li.good a{color:var(--color-white);background:#54b332;}
.feedback>div ul li.bad a{color:var(--color-white);background:#444;}

/* ===============================================
# Helpfull上書き
=============================================== */
.daexthefu-container{margin: 0!important;padding: 0!important;border:0!important;border-top:0.1em solid #ccc!important;}
.daexthefu-buttons{gap:2%!important;justify-content: center;}
.daexthefu-title {font-size: 1.2em !important;}
.daexthefu-button-text{font-size: 1em !important;line-height: 1.4!important;}
.daexthefu-button-text, .daexthefu-comment-submit, .daexthefu-comment-cancel{}
.daexthefu-button-type-text{height: auto!important;}
.daexthefu-button-type-text{width: 12em !important;}
.daexthefu-button-text{height:auto!important;line-height: 1.4!important;}
.daexthefu-button-type-text{padding: 1em!important;justify-content: center;align-items: center;}
.daexthefu-button-text{color:var(--color-white)!important}
.daexthefu-button-type-icon-and-text.daexthefu-button.daexthefu-yes,
.daexthefu-button-type-text.daexthefu-button.daexthefu-yes{color:var(--color-white)!important;background:#54b332!important;}
.daexthefu-button-type-icon-and-text.daexthefu-button.daexthefu-no,
.daexthefu-button-type-text.daexthefu-button.daexthefu-no{color:var(--color-white)!important;background:#444!important;}
.daexthefu-button, .daexthefu-comment-textarea{border-radius: var(--border-radius)!important;}
.daexthefu-container .daexthefu-comment{    width: 80%; margin: 0 auto !important;}
.daexthefu-comment-cancel{color: var(--color-black)!important;}
.daexthefu-comment-buttons-container{gap:2%!important}
.daexthefu-comment-buttons-container br{display:none;}
.daexthefu-comment-textarea{line-height: 1.4!important}
.daexthefu-comment-submit, .daexthefu-comment-cancel{font-size:1em!important}
.daexthefu-successful-submission-text{text-align: center!important;}
.daexthefu-comment-textarea{font-size:1em!important;line-height: 1.8!important;margin-bottom: 0.5em!important;}

/* ===============================================
# POST/org
=============================================== */

.single .content_area .orghead{display: flex;align-items: center;    margin-top: 3em;margin-bottom: 2em;}
.single .content_area .orghead figure{width: 25%;margin: 0;}
.single .content_area .orghead figure img{border-radius: var(--border-radius-b);    box-shadow: 0 0 0.5em #cccccc;border: 0.5em #fff solid;}
.single .content_area .orghead div{width: 75%;padding-left: 5%;}
.single .content_area .orghead div h2{margin-top: 0;margin-bottom: 0;line-height: 1.4;}
.single .content_area .orghead div p{margin-top: 1em;}

.single .content_area .orghead div ul{display: flex;align-items: center;gap: 2%;justify-content: left;}
.single .content_area .orghead div ul li{width: 1.25em;}

.single .content_area .org_table{width: 100%;}
.single .content_area .org_table th{width: 25%;vertical-align: top;padding: 1em;border: 0.05em solid #f0f0f0;background: #f0f0f0;}
.single .content_area .org_table td{width: 75%;vertical-align: top;padding: 1em;    border: 0.05em solid #f0f0f0;}
.single .content_area .org_table td p:first-child{margin-top: 0;}
.single .content_area .org_table td p:last-child{margin-bottom: 0;}

.single .content_area a.org_member_want{position: relative;margin-bottom: 1em;margin-right:0.25em;font-size: 0.9em;border:0.1em solid #000;border-radius: var(--border-radius);padding: 0.25em 1.75em 0.25em 0.5em;display: inline-block;width: fit-content;}
.single .content_area a.org_volunteer_want{position: relative;margin-bottom: 1em;font-size: 0.9em;border:0.1em solid #000;border-radius: var(--border-radius);padding: 0.25em 1.75em 0.25em 0.5em;display: inline-block;width: fit-content;}
.single .content_area a.org_member_want:after,
.single .content_area a.org_volunteer_want:after{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid #000; border-left: 0;border-bottom: 0;transform: rotate(135deg);transform-origin: top right;position: absolute;top: 60%;right: 1em;box-sizing: border-box;}
.single .content_area .org_tag_area ul.junre{display: flex;margin-bottom: 1em;flex-wrap: wrap;} 
.single .content_area .org_tag_area ul.junre li{} 
.single .content_area .org_tag_area ul.junre li:after{content:"｜";margin:0 0.5em;}
.single .content_area .org_tag_area ul.junre li:last-child::after{content:"";}
.single .content_area .org_tag_area ul.tag{display: flex;flex-wrap: wrap; gap: 0.5em;margin-bottom: 1em;} 
.single .content_area .org_tag_area ul.tag li{width: fit-content; background: #eee;  padding: 0.25em 0.5em;  font-size: 0.8em; margin-bottom: 0.5em;border-radius: var(--border-radius);} 

.single section.tgt p.lab{margin-bottom: 2em;}
.single section.tgt p.lab{display: flex;    align-items: flex-start;margin: 1em 0 0.25em;}
.single section.tgt p.lab.taisho span:first-child{background: #eb6460}
.single section.tgt p.lab.kikan span:first-child{background: #54b332}
.single section.tgt p.lab span:first-child{width: 6em;text-align: center;font-size: 0.9em;color:var(--color-white)}
.single section.tgt p.lab span:last-child{padding-left: 1em;}


/* ===============================================
# ARCHIVE/NEWS
=============================================== */
.archive .content_area.news_area{}
.archive .content_area.news_area dl{display: flex;}
.archive .content_area.news_area dl dt{width: 15%;padding: 1em;margin: 0;}
.archive .content_area.news_area dl dd{width: 85%;padding: 1em;margin: 0;}
.archive .content_area.news_area li a{display: block;}
.archive .content_area.news_area li a:hover{background: #eee;}


/* ===============================================
# ARCHIVE/org
=============================================== */

.archive .content_area.org_area{display: flex;}
.archive .content_area.org_area .archive_area{width: 75%;padding-right: 5%;}
.archive .content_area.org_area .side_area{width: 25%;}
.archive .termtitle{font-size: 1.2em;background: #f3f3f3;padding: 0.5em;margin-bottom: 0;}

/* ===============================================
# SEARCH/org
=============================================== */
.search .content_area.org_area{display: flex;}
.search .content_area.org_area .archive_area{width: 75%;padding-right: 5%;}
.search .content_area.org_area .side_area{width: 25%;}



/* ===============================================
# サイドバー
=============================================== */
.orgs.side_area{}
.orgs.side_area h3{background: #f3f3f3;padding: 0.5em;}
.orgs.side_area .orgsearch form{display:flex;justify-content: space-between;}
.orgs.side_area .orgsearch input[type="text"]{padding: 0.5em;width: 72.5%;margin-bottom: 1em;border-radius:var(--border-radius);border:0.1em #ccc solid;}
.orgs.side_area .orgsearch button[type="submit"]{display:block;width: 25%;margin: 0 auto;margin-bottom: 1em;background: #000;padding: 0.5em;border-radius:var(--border-radius);color:var(--color-white)}

.orgs.side_area .mihon{}
.orgs.side_area .mihon figure img{margin-bottom: 0.5em;}
.orgs.side_area .mihon figcaption{font-size:0.8em}

.orgs.side_area ul.junre{}
.orgs.side_area ul.junre li{border-bottom:0.1em solid #ddd}
.orgs.side_area ul.junre li a{padding: 1em;display: block;}
.orgs.side_area ul.tag{display: flex ;flex-wrap: wrap; width: fit-content; gap: 2%;}
.orgs.side_area ul.tag li{width: fit-content;background: #eee; padding: 0.25em 0.5em; font-size: 0.8em; margin-bottom: 0.5em;border-radius: var(--border-radius);}



/* ===============================================
# お問い合わせ
=============================================== */

.contact{margin-bottom: 2em;}
.contact table{width: 100%;}
.contact table tr{}
.contact table td:first-child{width: 25%;vertical-align: top;padding: 1em 0;}
.contact table td:last-child{width: 75%;}
.contact table td input[type="text"],
.contact table td input[type="email"],
.contact table td input[type="tel"],
.contact table td textarea
{background: #eee;padding: 1em;width: 100%;border:0;border-radius: var(--border-radius);}
.contact table td p{}
.contact.confirm table{border-collapse: collapse;}
.contact.confirm td:first-child{padding: 1em;}
.contact.confirm td{border:#ccc solid 0.1em;padding: 1em;}
.contact.confirm td[colspan="2"]{border:none}

.contact table td input[type="submit"]{background: var(--color-black);color:#fff;border-radius: var(--border-radius);padding: 1.5em;width: 48%;margin:0 auto;display: block;}
.contact table td input[type="button"]{margin:0 auto;display: block;}
.contact table td input[type="submit"]:hover{cursor: pointer;}
.contact table td input[type="button"]:hover{cursor: pointer;}
.recap{text-align: center;font-size:0.8em;margin-bottom: 2em;}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{margin-bottom: 5em;padding: 1em;    text-align: center;background: #fff8df;}
.wpcf7 form.sent .wpcf7-response-output{margin-bottom: 5em;padding: 1em;text-align: center;background: #d5ecd7;}
.wpcf7-spinner{display: none;}
.pc{display: block;}
.sp{display: none;}

/* ===============================================
# ポスト用
=============================================== */



/* ==============================================================================================
==============================================================================================
# MQ
==============================================================================================
============================================================================================== */

@media (max-width: 767px) {

  :root {
    --font-base: "Montserrat", "Noto Sans JP",sans-serif;
    --font-en: "Montserrat", sans-serif;
    --base-font-size: 16px;
    --color-white:#FFF;
    --color-black: #000;
    --color-bg: #FFF;
    --color-red: #ED6B6A;
    --color-yellow: #FFCD1C;
    --border-radius:0.5em;
    --border-radius-b:1em;
    --clamp:clamp(0px, calc(16/1280*100vw), 1.72em);
    --swiper-theme-color:#54B332;
    --allwidth:100%;
  }
  body {font-size: calc(14/390*100vw);}
  .site{top:4em;position: relative;}
  .sp{display: block;}
  .pc{display: none}
  .sep{flex-wrap: wrap;}
  .btn a{width: 90%;}

  /*hover無効*/
  header nav.global ul li a:hover{background: initial;color: initial;}
  /**/

  ul.event_list li .info{margin-bottom: 0.5em;}
  ul.event_list li .info span{margin-right: 0.25em;margin-bottom: 0.25em;}
  ul.event_list li .info time{margin-top: 0.25em;width: 100%;}
  ul.popular li .info{margin-bottom: 0.5em;}
  ul.popular li .info span{margin-right: 0.25em;margin-bottom: 0.25em;}
  ul.popular li .info time{margin-top: 0.25em;width: 100%;}

  section.news{margin: 1.5em 0 1em;}
  section.news div{padding: 1em 1em;}
  section.news dl{padding: 0.5em 0;display: block;}
  section.news dt{width: 100%;}
  section.news dd{width: 100%;margin-left: 0;}
  section.slider{}
  section.slider .swiper{width: 95%;margin: 0 auto;padding: 0.5em 0.25em 3em;}
  section.event_area{margin-bottom: 5em;}
  section.service_area{    margin-bottom: 5em;}
  section.service_area h2{justify-content: space-between;}
  section.information_area{margin-bottom: 1em;}

  .title{justify-content: space-between;}
  .title h2{padding: 0;margin-right:0 ;}
  ul.event_list{}
  ul.event_list li{width: 100%;display: flex;    margin-bottom: 1.5em;}
  ul.event_list li a{width: 100%;display: flex;;}
  ul.event_list li a >div{width: 60%;padding-left: 5%;}
  ul.event_list li a >figure{width: 40%;}
  ul.event_list.unlimit li{width: 100%;display: flex;}
  ul.event_list.type2{}
  ul.event_list.type2 li{width: 100%;display: flex;margin-bottom: 1.5em;}
  ul.event_list.type2 li a{width: 100%;display: flex;;}
  ul.event_list.type2 li a figure{width: 40%;}
  ul.event_list.type2 li a .info{width: 60%;}
  ul.event_list.type2 li >div{width: 60%;padding-left: 5%;}

  ul.popular{}
  ul.popular li a{display: flex;align-items: center;}
  ul.popular li a figure{width: 40%;display: block;}
  ul.popular li a .info{width:60%;padding-left: 5%;}

  ul.service_list li{width: 100%;}
  ul.service_list li:not(:last-child){border-right: 0;padding-right: 0;}

  .nav-links{gap:0.36em;    margin-top: 2em;}
  .nav-links a, .nav-links span{    width: 2em;height: 2em;}
  .nav-links .next:before{    width: 0.5em;height: 0.5em;left: 40%;}
  .nav-links .prev:before{ width: 0.5em;height: 0.5em;left: 20%;}

  .his div >div{width: 100%;}
  .his div figure{display: none;}

  div.want{padding: 3em 1em 1em 1em;}
  div.want a.contact{width: 100%;padding: ;font-size: 1em;text-align: center;}
  div.want .sep >div:first-child{margin: 0;padding: 0;}
  div.want b.tel{margin-bottom: 0.5em;    font-size: 1.4em;display: block;text-align:center;}
  div.want div{width: 100%;}
  div.want >h3{font-size: 1em;}
  div.want p{text-align:center;}
  div.want ul.ext_links{justify-content: center;margin-bottom: 1em;}

  footer{padding-top: 1.5em;}
  footer .fmenu{flex-wrap: wrap;}
  footer .fmenu >div{width: 100%;border: none;order:4;text-align: center;margin-top: 3em;}
  footer .fmenu >dl{width: 100%;border: none;display: flex;flex-wrap:wrap ;padding: 0; }
  footer .fmenu dt{width: 100%;        background: #eee; padding: 0.5em;}
  footer .fmenu dd{width: 50%;font-size:1.2em;}
  footer .fmenu dd a:after{right: 1em;}
  footer .sns ul{ justify-content: center;}
  footer h1{    margin: 0 auto 1em;}

  .breadcrumb ol{display: block;}
  .breadcrumb ol li{display: inline;}

/* ===============================================
# ARCHIVE
=============================================== */
.archive .content_area.org_area{flex-wrap: wrap;}
.archive .content_area.org_area .archive_area{width: 100%;padding-right: 0;}
.archive .content_area.org_area .side_area{width: 100%;}

ul.org_list > li a{padding: 1em 0 1em 0;}
ul.org_list > li p{font-size: 1.2em;}
.orgs.side_area ul.junre li a{padding: 1em 0 1em 0;}
.orgs.side_area .mihon + h3{margin-bottom: 0;}
.single .content_area .orghead div h2{font-size: 1.4em; margin-bottom: 0.5em;line-height: 1.4;}

/* ===============================================
# POST
=============================================== */
.single .content_area{flex-wrap: wrap;}
.single .content_area div.post_area{width: 100%;padding-right: 0;}
.single .content_area div.post_area .entry-title{padding-bottom: 0.5em;}
.single .content_area div.post_area .entry-head time{padding: 1em 1em 1em 0;}
.single .content_area div.post_area .entry-category{margin-top: 2em;}
.single .content_area div.side_area{width: 100%;}
.feedback>div{padding:0}
.feedback .daexthefu-container .daexthefu-comment{width: 90%;}
.daexthefu-comment-character-counter-container{width: 5em;margin-left: 1em !important; text-align: right;}

/* ===============================================
# CONTENT
=============================================== */
.title ul{display:none;}
.title #event-select{display:block;}
.select #event-select{
  appearance: none;
  width: max-content;/*セレクトボックスの横幅*/
  padding: 0.75em 2.5em 0.75em 1.5em;
  color: #000;/*テキストの色*/
  border: 0.1em solid #000;/*枠線の太さ・形状・色*/
  border-radius: var(--border-radius);
  background-color: #fff;/*背景色*/
  cursor: pointer;/*マウスカーソルをポインターに*/
  font-size:0.9em;
  font-weight: 600;
}
.select #event-select:focus{
  outline: none;/*focus時の枠線を消去*/
}
.select{
  position: relative;
  width: max-content;/*親要素の横幅*/
}
.select::before{transition: .3s; content: ''; width: 0.5em;height: 0.5em; border: 0.1em solid #000; border-left: 0;border-bottom: 0;transform: rotate(135deg);transform-origin: top right;position: absolute;top: 60%;right: 1.25em;box-sizing: border-box;}

.swiper-button-next, .swiper-button-prev{top:45%;}


/* Gallery*/
main.gallery .content_area .box div{width: 100%;padding: 0;order:2;}
main.gallery .content_area .box figure{width:100% ;order:1;}
main.gallery .information_area div.want p{text-align: left;}

/* concert*/
main.concert .content_area .box div{width: 100%;padding: 0;order:2;}
main.concert .content_area .box figure{width:100% ;order:1;}
main.concert .information_area div.want p{text-align: left;}

/* linch*/
main.lunch .content_area .box div{width: 100%;padding: 0;order:2;}
main.lunch .content_area .box figure{width:100% ;order:1;}
main.lunch .information_area div.want p{text-align: left;}
main.lunch .content_area ul.event_list li p span.week{display: block;width: fit-content;font-size: 0.8em;margin-bottom: 0.5em;}
main.lunch .content_area ul.event_list li a span{right: auto;left: 0.25em;top: 0.25em;width: 2em;}
main.lunch .content_area ul.event_list li a{width: 40%;flex: 0 0 40%;}
main.lunch .content_area ul.event_list li a >figure{width: 100%;}
main.lunch .content_area ul.event_list li >div{width: 60%;padding-left: 5%;}

/* linch*/
main.market .content_area .box div{width: 100%;padding: 0;order:2;}
main.market .content_area .box figure{width:100% ;order:1;}
main.market .information_area div.want p{text-align: left;}
main.market .content_area ul.event_list li p span.week{display: block;width: fit-content;font-size: 0.8em;margin-bottom: 0.5em;}
main.market .content_area ul.event_list li a span{right: auto;left: 0.25em;top: 0.25em;width: 2em;}
main.market .content_area ul.event_list li a{width: 40%;flex: 0 0 40%;}
main.market .content_area ul.event_list li a >figure{width: 100%;}
main.market .content_area ul.event_list li >div{width: 60%;padding-left: 5%;}

/* にぎわいNEWS*/
ul.ngw_list.first > li{width: 100%;}
ul.ngw_list > li{width: calc((100% - (2% * 3)) / 4);}

/*市民雑談*/
main.consultation .content_area > div.box figure{width: 100%;}
main.consultation .content_area > div.box >div{padding-right: 0;width: 100%;}
main.consultation .content_area > div.box .support div{width: 100%;}

/*施設案内*/
main.about .detail > div:first-child{width: 100%;padding-right: 0;order:2;}
main.about .detail > figure{width: 100%;order:1;}
main.about .gal ul{flex-wrap: wrap;justify-content: space-between;}
main.about .gal ul li{width: 49%;}
main.about .inside > div{width: 100%;order:2;padding: 0;;}
main.about .inside > figure{width: 100%;order:1;display: flex;flex-wrap: wrap;}
main.about .inside > figure img{width: 100%;}
main.about .inside > figure img:first-child{order:2}
main.about .inside > figure img:last-child{order:1}
main.about .access > div:last-child{width: 100%;}
main.about .access > div:first-child{width: 100%;padding-right:0;}
main.about .access > div .map{height: 25em; margin-top: 1em;}
main.about .business > div{width: 100%;padding: 0;}
main.about .business > figure{width: 100%;display: flex;justify-content: space-between;margin-top: 1em;}
main.about .business > figure img{width: 32%;}
main.about figure img{margin: 0;}

/*登録団体*/
main.orgindex .content_area .det{width: 100%;padding-right:0;}
main.orgindex .content_area .mihon{width: 100%;}
main.orgindex .content_area ul.junre li{width: 100%;}
main.orgindex .content_area ul.junre li{border-left:0.1em #ddd solid}
main.orgindex .content_area ul.junre li:nth-last-child(2){border-bottom: none;}
main.orgindex .content_area ul.junre li:last-child{border-bottom:0.1em #ddd solid;}
.single .content_area .orghead{    align-items: flex-start;}
.single .content_area .org_table{}
.single .content_area .org_table th{width: 100%;display: block;}
.single .content_area .org_table td{width: 100%;display: block;}
.single .content_area .org_table td p:first-child{margin-top: 0;}
.single .content_area .org_table td p:last-child{margin-bottom: 0;}


/*団体用*/
ul.group_menu{display: none;}
.group_menu.grouptop{flex-wrap: wrap;}
.group_menu.grouptop li:nth-child(-n + 3){width: unset;}
.group_menu.grouptop li{width: 100%;}
.group .box.sep p{width: 100%;}
.group .box.sep a{width: 100%;}
.group_menu.grouptop li:first-child{display: none;}

/*団体用 助成金*/
ul.subsidy_list li a{padding: 1.5em 0;;}
ul.subsidy_list li a h3{margin-bottom: 0;}
ul.subsidy_list li a p.lab{align-items: flex-start;}
ul.subsidy_list li a p.lab.taisho span:first-child{width: 10em;}
ul.subsidy_list li a p.lab.kikan span:first-child{width: 10em;}
ul.subsidy_list li a p.lab.taisho span:last-child{width:100%;}
ul.subsidy_list li a p.lab.kikan span:last-child{width:100%;}
/*団体用 団体登録について*/
main.entry .content_area .btn3{width: 100%;flex-wrap: wrap;padding: 1em;}
main.entry .content_area .btn3 p{width: 100%;margin-top: 0;}
/*団体用 施設利用について*/
main.use .content_area .room{flex-wrap: wrap;gap: 0;}
main.use .content_area .room >div{width: 100%;display: flex;padding: 0.5em;margin-bottom: 0.5em;}
main.use .content_area .room figure{width: 40%;}
main.use .content_area .room .detail{width: 60%;padding: 0 0 0 1em;}
main.use .content_area div.box{padding: 1em;}
main.use .content_area .use2>div,
main.use .content_area .use3>div,
main.use .content_area .use4>div,
main.use .content_area .use5>div,
main.use .content_area .use6>div{width: 100%;order:2;}
main.use .content_area .use2>figure,
main.use .content_area .use3>figure,
main.use .content_area .use4>figure,
main.use .content_area .use5>figure,
main.use .content_area .use6>figure{width: 100%;order:1;}
/*団体用 PR*/
main.pr .content_area .pr1>div,
main.pr .content_area .pr2>div,
main.pr .content_area .pr3>div,
main.pr .content_area .pr4>div,
main.pr .content_area .pr5>div
{width: 100%;order:2;}
main.pr .content_area .pr1>figure,
main.pr .content_area .pr2>figure,
main.pr .content_area .pr3>figure,
main.pr .content_area .pr4>figure,
main.pr .content_area .pr5>figure
{width: 100%;display: flex;justify-content: space-between;order:1;}
main.pr .content_area .pr1 img{width: 49%;}
main.pr .content_area img{width: 100%;}
main.pr .content_area .btn3{width: 100%;flex-wrap: wrap;padding: 1em;}
main.pr .content_area .btn3 p{width: 100%;margin-top: 0;}
/*団体用 活動相談*/
main.flow .content_area .flow1>div{width: 100%;padding: 0;order:2;}
main.flow .content_area .flow1>figure{width: 100%;order:1;}

/*qa*/
.qa__box > dl > dt h3{font-size: 1em;}
.qa__box > dl > dd.is-open{padding: 0 1em 0 1em;}
.qa__box > dl a.btn{padding: 1em;font-size: 0.9em;}

/*お問い合わせ*/
.contact table{width: 100%;}
.contact{margin-bottom: 0;}
/*リンク集*/
main.links .content_area h2:not(.title>h2){font-size:1em;}
main.links .content_area ul > li{width: 100%;}
/*PP*/
main.privacy .content_area h2:not(.title>h2){font-size:1em;}
/*sitemap*/
main.sitemap .content_area h2:not(.title>h2){font-size:1em;}
main.sitemap .content_area ul li{width: 40%;}

/* ===============================================
# スライダー
=============================================== */
.swiper-button-next:after{content:"";border:0.1em solid var(--swiper-theme-color);border-left:0;border-bottom:0;   transform: rotate(45deg);display:block;width: 0.75em;height: 0.75em;position: absolute;right: 0.8em;}
.swiper-button-prev:after{content:"";border:0.1em solid var(--swiper-theme-color);border-right:0;border-top:0;     transform: rotate(45deg);display:block;width: 0.75em;height: 0.75em;position: absolute;left: 0.8em;}

/* ===============================================
# モーダル
=============================================== */
.search1{font-size: 0.8em;}
div.cat{justify-content:space-between;}
.search1 label{width: 49%;margin: 1em 0 0 0;}
#closeModalCal{    top: -0.25em;right: 0.5em;}
#modalCal .modal-content{width: 90%;padding: 2em 1em;;}

/* ===============================================
# NAVIGATION
=============================================== */
/*hum&toggle*/
.sphead{display: block;width: 100%;position: fixed;top:0;left:0;background: var(--color-white);box-shadow: 0 0 0.5em 0.15em #00000020;height: 4em;z-index: 10;}
.sphead h1{width: 40%;margin-left: 5%;}

#nav-toggle {position: fixed;top: 1em;right:  1em;height: 2em;cursor: pointer;z-index: 1}
#nav-toggle > div {position: relative;width: 3em;}
#nav-toggle span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle.is-in span {will-change: transform;width: 100%;height: 1px;left: 0;display: block;position: absolute;transition: top .3s ease, -webkit-transform .3s ease-in-out;transition: transform .6s ease-in-out, top .3s ease;transition: transform .3s ease-in-out, top .3s ease, -webkit-transform .3s ease-in-out;}
#nav-toggle span{background:var(--color-black);}
#nav-toggle span:nth-child(1) {top: 0.8em;}
#nav-toggle span:nth-child(2) {top: 1.2em;}

#gloval-nav{display:none;width: 100%;}
#gloval-nav li{opacity:0;}
.open #gloval-nav {overflow: scroll;z-index: 11;background: var(--color-white);color: #fff;position: fixed;top: 4em;left: 0;right: 0;bottom: 0;z-index: 10;text-align: left;display: flex;visibility: hidden;flex-direction: column;justify-content: flex-start;align-items: flex-start;opacity: 0;transition: opacity .3s ease, visibility .3s ease;padding:5.5% 7.5%;}
.open #nav-toggle{z-index:11;}
.open #nav-toggle span:nth-child(1) {will-change: transform;top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2) {will-change: transform;top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/*レイアウト変更*/
header{display:flex;flex-wrap:nowrap;overflow: scroll;}
header h1{display:none;}
header div.other{display:none;}
header .primary{box-shadow: none;order:3}
header .sns.sp{order:4;width: 100%;margin-bottom: 2em;}
header .sns.sp ul{display: flex;align-items: center;gap: 4%;justify-content: center;}
header .sns.sp ul li{width: 1.5em;}
header .under.sp{order:5;width: 100%;}
header .under.sp ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;row-gap: 0.5em;}
header .under.sp ul li{white-space: nowrap;}
header .under.sp ul li a:after{content:"｜";}
header .under.sp ul li:last-child a:after{display: none;}
header .groupmenu{order:2;}
header .groupmenu h3{background: #eee;padding: 0.5em;color: var(--color-black);margin: 0;font-size:1em;}
header .groupmenu ul{margin-bottom: 0em;display: flex;flex-wrap:wrap;justify-content: space-between;}
header .groupmenu ul li{width: 48%;font-size:1em;border-bottom:0.1em #eee solid;font-weight: 600;}
header .groupmenu ul li a{padding: 1em 0;display: block;}
header .groupmenu ul li:nth-last-child(-n + 2){border: none;}
header .groupmenu .reserv{margin: 1em 0;display: block;}
header .groupmenu .reserv img{border-radius: var(--border-radius);}
header nav.global{order:1;background: none;}
header nav.global ul{}
header nav.global ul li{width: 48%;font-size:1em;border-bottom:0.1em #eee solid;}
header nav.global ul li:nth-last-child(-n + 3 ){border:none;}
header nav.global ul li a{padding: 1em 0;}
header div.mode{width: 100%;margin-bottom: 2em;}
header div.mode ul{justify-content: space-between;}
header div.mode ul li{aspect-ratio:unset;width: 31%;border-radius: var(--border-radius);}
header div.mode ul li a{padding: 1.5em 1em 0.5em 1em;}


/* open */
.open {overflow: hidden;}
.open #gloval-nav {visibility: visible;opacity: 1;margin:0;padding:0 5% 5% 5%;}
.open #gloval-nav li {will-change: transform;opacity: 1;-webkit-transform: translateX(0); transform: translateX(0);transition: opacity .9s ease, -webkit-transform 0.3s ease;transition: transform 0.3s ease, opacity .9s ease;transition: transform 0.3s ease, opacity .9s ease, -webkit-transform 0.3s ease;}
nav ul li a:hover{background: none;}


}


[id] {
  scroll-margin-top: 80px; /* 固定ヘッダーの高さに合わせて調整 2025-08-04 */
}