@charset "UTF-8";
/* CSS Document */
:root{
  --clr-emgrn:#22bdb6;
}
/*library setting
======================================================*/

body.page-library header h1
,body.page-library header#under.second h1{
/*  background: #871f44;*/
  background-color: var(--clr-emgrn);
}
body.page-library #hum-btn.fixed button
,body.page-library #hum-btn.second:not(.is-open) button
,body.page-library #hum-btn.second button::before
,body.page-library #hum-btn.second button::after{
  background-color: var(--clr-emgrn);
}
.lb-inner{
  width: 1140px;
  max-width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

/*key*/
.key-lb_inner{
  padding-top: 95px;
  padding-bottom: 70px;
  justify-content: space-between;
}
.key-lb_inner > *{
/*  width: 50%;*/
}
.key-lb_nav {
  width: 100%;
  position: unset;
  z-index: 1;
}
.key-lb_nav .title{
  width: 474px;
  max-width: calc(50% - 20px);
  z-index: 1;
}
.lb_nav_wrap{
  width: 50%;
  margin-top: 40px;
  padding-bottom: 2px;
}
.lb_nav_item{
  font-size: 2em;
  font-weight: 600;
  padding: 1em 1em 1em 0;
  gap:1em;
  -webkit-transition: transform .3s ease;
  -o-transition: transform .3s ease;
  transition: transform .3s ease;
}
.lb_nav_item:hover{
  transform: translateX(20px);
}
.lb_nav_item::before{
  content: "";
  position: absolute;
  width: 100vw;
  height: calc(100% - 2px);
  top: 0;
  right: 0;
  background: #fff;
  border-radius: 10px;
  border: 2px solid #333333;
}
.lb_nav_item .icn{
  width: 1.125em;
}
.lb_nav_item .nav-title{
  width: 15em;
  padding-right: .5em;
  max-width: calc(100% - 2.125em);
}
.lb_nav_item .nav-title span{
  font-size: .8751em;
}
.lb_nav_item .nav-title::after{
  content: "";
  width: .35em;
  height: .35em;
  border: 3px solid;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  border-radius: 2px;
}
.lb_nav_item.guide .nav-title::after{
  border-color: #22c091 #22c091 transparent transparent;
}
.lb_nav_item.info .nav-title::after{
  border-color: #cfc810 #cfc810 transparent transparent;
}
.lb_nav_item.search .nav-title::after{
  border-color: #c0227f #c0227f transparent transparent;
}
.lb_nav_item.app .nav-title::after{
  border-color: #39cbf0 #39cbf0 transparent transparent;
}

.key-lb_pick{
  width: 50%;
  justify-content: center;
  position: absolute;
  right: 0;
  bottom: 70px;
}
.lb_pick_wrap{
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.lb_pick_wrap .thumb{
  width: 420px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  aspect-ratio:1/1.4452;
  border: 4px solid #333333;
}
.lb_pick_wrap .thumb .thumb-slider{
  width: 100%;
  height: 100%;
}
.lb_pick_wrap figcaption
,.lb_pick_wrap .pick-details{
  top: min(3.75em,5vw);
  text-align: end;
  font-size: 0.7em;
  line-height: 1.4;
}
.lb_pick_wrap .thumb img{
  object-fit: cover;
  height: 100%;
  object-position: top center;
}
.lb_pick_wrap .pick-cmnt{
  position: absolute;
  bottom: 1em;
  right: 20px;
  width: 60%;
  z-index: 1;
}
.lb_pick_wrap .pick-cmnt .fkd-title{
  border: 2px solid #333333;
  border-radius: 25px;
  background: #ffde00;
  width: 10em;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(1em) translateY(-50%);
  z-index: 1;
}
.lb_pick_wrap .pick-cmnt .fkd-title::before{
  content: "";
  position: absolute;
  bottom: -12px;
  left: 25%;
  margin-left: -10px;
  border: 5px solid transparent;
  border-top: 8px solid #ffde00;
  z-index: 2;
}

.lb_pick_wrap .pick-cmnt .fkd-title::after{
  content: "";
  position: absolute;
  bottom: -18px;
  left: 25%;
  margin-left: -12px;
  border: 7px solid transparent;
  border-top: 11px solid #333333;
  z-index: 1;
}
.lb_pick_wrap .pick-cmnt .fkd-title p{
  text-align: center;
  padding: .5em;
  font-weight: 600;
}
.lb_pick_wrap .pick-cmnt .cmnt{
  background: #fff;
  border: 2px solid #333333;
  border-radius: 10px;
  padding: 3em 1em;
}
.lb_pick_wrap .pick-cmnt .cmnt .in-title{
  font-weight: 600;
  font-size: 1.4286em;
  line-height: 1.2;
}
.lb_pick_wrap .pick-cmnt .cmnt .read-more{
  display: block;
  position: absolute;
  bottom: 1em;
  right: 1em;
  color: #871f44;
  border-bottom: 1px solid;

}
.lb_pick_wrap .pick-cmnt .cmnt .read-more span{
  display: block;
  padding-right: 1.5em;
}
.lb_pick_wrap .pick-cmnt .cmnt .read-more span::before
,.lb_pick_wrap .pick-cmnt .cmnt .read-more span::after{
  content: "";
  width: 4px;
  height: 4px;
  border: 1px solid;
  border-color: #871f44 #871f44 transparent transparent;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%)rotate(45deg);
}
.lb_pick_wrap .pick-cmnt .cmnt .read-more span::after{
  right: 3px;
}

.key-rotate{
  position: absolute;
  width: 160%;
  aspect-ratio:1/1;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
  pointer-events: none;
  animation:30s linear infinite rotation;
}
@keyframes rotation{
  0%{ transform: translateX(-50%) rotate(0)}
  100%{ transform: translateX(-50%) rotate(360deg)}
}

/*reveal effect*/
.js-reveal-mask {
	background: #000;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
.js-reveal-left .inview-ctt {
	display: inline-block;
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
	transform-origin: left center;
}
.is-inviewed > .inview-ctt {
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
	-moz-transition: cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.4s;
	-o-transition: cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.4s;
	-webkit-transition: cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.4s;
	transition: cubic-bezier(0.95, 0.05, 0.795, 0.035) 0.4s;
}

.js-reveal-left .js-reveal-mask {
	transform-origin: right center;
}
.is-inviewed02 > .inview-ctt > .js-reveal-mask {
	-moz-transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-o-transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-webkit-transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	transition: cubic-bezier(0.19, 1, 0.22, 1) 0.4s;
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-webkit-transform: scale(0, 1);
	transform: scale(0, 1);
}

/*btn*/
.c-num-list{
  counter-reset: count 0;
}
.c-num-list li{
  padding-left: 1.25em;
  line-height: 2;
}
.c-num-list li::before{
  content: counter(count)'';
  counter-increment: count 1;
  position: absolute;
  left: 0;
  top: .5em;
  width: 1em;
  height: 1em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: center;
  align-items: center;
  border: 1px solid;
  border-radius: 50%;
  font-size: .85em;
}
.rct-list >li{
/*  padding-left: 1.125em;*/
  line-height: 2;
}
/*
.rct-list >li::before{
  content: "";
  width: .85em;
  aspect-ratio:1/1;
  background: #871f44;
  position: absolute;
  left: 0;
  top: .5em;
}
*/
.btn-wrap.cnt{
  justify-content: center;
}
.sdw-btn{
  width: 280px;
  max-width: 100%;
}
.sdw-btn{
  justify-content: center;
}
.sdw-btn a{
  border: 1px solid #333;
  padding: 20px;
  display: block;
  text-align: center;
  box-shadow: 5px 7px 0 #333;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
  background: #fff;
  line-height: 1.4;
}
.sdw-btn a::after{
  content: "";
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: #333 #333 transparent transparent;
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
}
.sdw-btn.wid{
  width: 412px;
}
.sdw-btn a:hover{
  box-shadow: 2px 4px 0 #333;
}

/*content
============================================*/

#content.contents-library{
  border-top: 2px solid #333333;
  padding-top: 90px;
}
.lb-box-title{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
  -ms-align-items: flex-start;
  align-items: flex-start;
  gap:3px;
}
.lb-box-title.sp{
  display: none;
}
.lb-box-title >*{
  font-size: 3em;
  font-weight: 600;
  letter-spacing: .05em;
}
.lb-box-title > * > span{
  padding: 10px;
}
.lb-box-title >* span.bgd{
  color: #871f44;
}

.lb-box-title .is-inviewed02{
  background: #fff;
  border: 1px solid #333;;
  border-left-width: 4px;
}

/*after*/
.lb-renewal-blc{
  padding-bottom: 100px;
}
.renewal-thumb{
  gap:5px;
  margin-top: 50px;
}
.renewal-thumb figure{
  width: calc((100% - 5px)/2);
}
.renewal-thumb figure img{
  object-fit: cover;
  height: 100%;
}
.renewal-thumb figcaption{
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: #fff;
  text-shadow: 0 0 2px rgba(0,0,0,1);
  font-weight: 600;
  letter-spacing: .1em;
}
.renewal-cmnt{
  margin-top: 45px;
}
.renewal-cmnt .d-ccl::before{
  content: "◎";
  color: #871f44;
}
.lb-renewal-box .btn-wrap{
  margin-top: 45px;
}
.renewal-cmnt .d-ccl + .in-text{
	margin-top: 1em;
}
.renewal-cmnt .in-text span.bld{
  font-weight: 600;
  display: block;
  margin-top: 10px;
}
.renewal-cmnt .att-num-list{
  /* display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex; */
  gap:1em;
  font-size: 0.8571em;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}
.lb-renewal-box .view-more{
  margin-top: 20px;
  display: none;
}
.lb-renewal-box .view-more p{
  color: #871f44;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 1.5em;
  font-weight: 600;
  cursor: pointer;
}
.lb-renewal-box .view-more p::before
,.lb-renewal-box .view-more p::after{
  content: "";
  width: .85em;
  height: 2px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background: #871f44;
}
.lb-renewal-box .view-more p::after{
  transform: translateY(-50%) rotate(90deg);
}
.lb-renewal-box .view-more p.is-open::before{
  transform: translateY(-50%) rotate(45deg);
}
.lb-renewal-box .view-more p.is-open::after{
  transform: translateY(-50%) rotate(135deg);
}

/*message*/
.lb-messe-blc{
/*
  border-top: 2px solid #333333;
  padding-top: 90px;
  padding-bottom: 90px;
*/
}
.lb-messe-wrap{
  gap:10px;
  margin-top: 60px;
}
.lb-messe_item figcaption{
  position: absolute;
  bottom: 15px;
  right: 15px;
  color: #fff;
  font-weight: 600;
  text-shadow: 0 0 2px rgba(0,0,0,1);
  letter-spacing: .1em;
}
.lb-messe_item.side{
  width: 43%;
  gap:10px;
}
.lb-messe_item.main{
  width: calc(57% - 10px);
  gap:65px;
}
.lb-messe_item.main .cmnt{
  /* padding-left: 30px;
  padding-right: 30px; */
  padding: 30px;
  background: rgba(248, 247, 246,0.7);
}
.lb-messe_item.main .cmnt .lb-box-title h3{
  font-size: 2.24em;
}
.lb-messe_item.main .cmnt .in-text{
  margin-top: 40px;
}
.lb-messe_item.main .cmnt .name{
  margin-top: 2em;
  text-align: right;
}
.thumb.bg {
  width: 196%;
  opacity: 0.6;
}
.lb-facilities-blc{
    border-top: 2px solid #333;
    padding-top: 100px;
    padding-bottom: 90px;
}
.facilities-intro{
  padding-top: min(50px,10vw);
  gap:min(65px,5vw);
  -ms-align-items: center;
  align-items: center;
}
.facilities-intro_head{
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap:min(20px,5vw) min(45px,5vw);
  align-items: center;
}
.facilities-intro_head .detail > .in-text{
  margin-top: min(20px,5vw);
}
.facilities-link-list li{
  font-weight: 600;
  padding: 3px 20px 3px 3px;
}
.facilities-link-list li::before{
  content: "";
  width: 16px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background: var(--wall-clr);
}
.facilities-link-list li::after{
  content: "";
  width: 5px;
  aspect-ratio:1/1;
  border: 1px solid;
  border-color: var(--arwclr) var(--arwclr) transparent transparent;
  position: absolute;
  top: 50%;
  right: 10px;
  translate:50% -50%;
  rotate:45deg;
}
.facilities-link-list li:not(:first-child){
  margin-top: min(16px,3vw);
}
.facilities-link-list li .in-title{
  font-size: min(24px,5vw);
}
.facilities-link-list .in-text{
  color: var(--clr);
  margin-top: 10px;
  line-height: calc(20/14);
}
.facilities-link-list li:nth-child(1) .in-text{
  --clr:#f058aa;
}
.facilities-link-list li:nth-child(1)::before{
  --wall-clr:#f7e3ef;
}
.facilities-link-list li:nth-child(1)::after{
  --arwclr:#f058aa;
}
.facilities-link-list li:nth-child(2) .in-text{
  --clr:#246fd5;
}
.facilities-link-list li:nth-child(2)::before{
  --wall-clr:#d0e2fb;
}
.facilities-link-list li:nth-child(2)::after{
  --arwclr:#246fd5;
}
.facilities-link-list li:nth-child(3) .in-text{
  --clr:#2ca68e;
}
.facilities-link-list li:nth-child(3)::before{
  --wall-clr:#d7f2ed;
}
.facilities-link-list li:nth-child(3)::after{
  --arwclr:#2ca68e;
}

.facilities-intro_img{
  width: min(990px,100%);
  background: #fff;
  border: 2px solid #333;
  border-radius: 20px;
  overflow: hidden;
  isolation: isolate;
  padding-top: min(30px,5vw);
  padding-bottom: min(15px,3vw);
}
.facilities-intro_img figcaption{
  position: absolute;
  font-size: min(20px,4.5vw);
  font-weight: 600;
  left: min(30px,5vw);
  top: min(30px,5vw);
}
.facilities-detail{
  margin-top: min(80px,15vw);
  display: grid;
  gap:min(110px,10vw);
}
.facilities-item{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto auto;
  gap:min(20px,5vw) min(15px,3vw);
  padding-top: min(90px,8vw);
}
.facilities-item .thumb-wid{
  grid-area: 1 / 2 / 3 / 3;
}
.facilities-item img{
  object-fit: cover;
  height: 100%;
  object-position: center;
}
.facilities-item::before{
  content: "";
  width: 150vw;
  aspect-ratio:1/0.5254;
  max-height: 700px;
  position: absolute;
  top: 0;
  background: var(--wall-clr);
}
#link-waku::before{
  --wall-clr:#f9dfee;
}
#link-fumu::before{
  --wall-clr:#d0e2fb;
}
#link-wai::before{
  --wall-clr:#d7f2ed;
}
.facilities-item:nth-child(odd)::before{
  right: max(-70px,-5vw);
}
.facilities-item:nth-child(even)::before{
  left: max(-70px,-5vw);
}
.facilities-item .comment .lb-box-title > * > span{
  padding-top: 5px;
  padding-bottom: 5px;
}
.facilities-item .comment .text{
  margin-top: min(50px,5vw);
}
.facilities-item .comment .text .in-title{
  font-size: min(24px,4.5vw);
  font-weight: 600;
  line-height: calc(38/24);
}
.facilities-item .comment .text .in-text{
  margin-top: min(25px,3vw);
}

.lb-greeting-blc{
  border-top: 2px solid #333;
  padding-top: min(100px,15vw);
  padding-bottom: min(50px,15vw);
}
.lb-greeting-blc::before{
  content: "";
  width: min(1164px,130vw);
  aspect-ratio:1/0.6701;
  background: url("../images/library/thumb_afr03.jpg") no-repeat center/100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate:-50% -50%;
  opacity: .5;
}
.lb-greeting-box{
  aspect-ratio:1/0.5818;
  -ms-align-items: flex-start;
  align-items: flex-start;
  max-height: 640px;
}
.lb-greeting_detail{
  background: rgba(248,247,246,.6);
  width: min(684px,100%);
  padding: min(20px,4vw) min(30px,3vw) min(30px,5vw);
}
.lb-greeting_detail .lb-box-title >*{
  letter-spacing: normal;
}
.lb-greeting_detail .comment{
  margin-top: min(50px,8vw);
}
.lb-greeting_detail .comment .sign{
  margin-top: 1.5em;
  text-align: right;
}
/*news*/
.lb-news-blc{
  border-top: 2px solid #333;
  padding-top: 100px;
  padding-bottom: 90px;
}
.lb-greeting_detail{
  width: min(610px,100%);
  margin-left: auto;
}

.lb-news-list{
  margin-top: 50px;
}
.lb-news-list_wrap{
  gap:20px 40px;
}
.lb-news-list_wrap > *{
  width: calc((100% - 80px)/3);
  border: 1px solid #333;
  background: #fff;
}
.lb-news-list .btn-wrap{
  margin-top: 45px;
}

/*利用時間*/
.lb-uztime-blc{
  padding-top: 100px;
  border-top: 2px solid #333;
}
.lb-uztime-list{
  margin-top: 50px;
  background: #fff;
  border: 1px solid #333;
}
.lb-uztime-list > * + *{
  border-top: 1px solid #333;
}
.lb-uztime-list dt
,.lb-uztime-list dd{

}
.lb-uztime-list dt{
  width: 30%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
  justify-content: center;
  padding: 20px;
  line-height: 2;
  text-align: center;

}
.lb-uztime-list dd{
  width: 70%;
  padding: 20px 45px;
  border-left: 1px solid #333;
}

/*online*/
.key-online .in-title{
  padding-top: 100px;
  font-weight: 600;
  letter-spacing: .1em;
  font-size: 1.125em;
  text-align: center;
}
  .lb-link-online{
    padding-top: 100px;
    -ms-align-items: center;
    align-items: center;
    gap:30px;
  }
  sup{
    vertical-align: top;
    font-size: smaller;
  }

/*login*/
.lb-online-login{
  gap:20px;
}
.lb-online-login #wpmem_login input[type="text"]
,.lb-online-login #wpmem_login input[type="password"]{
  max-width: 100%;
  box-sizing: border-box;

}
.lb-online-login #wpmem_restricted_msg{
  text-align: center;
  line-height: 2;
  }
 .lb-online-login #wpmem_login fieldset, #wpmem_reg fieldset{
    margin: 0;
  }
#wpmem_login .button_div #rememberme + label{
  padding-left: 1.5em;
  font-size: .875em;
}
#wpmem_login .button_div #rememberme + label::before{
  content: "";
  width: 1em;
  height: 1em;
  border: 1px solid;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
#wpmem_login .button_div #rememberme + label::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 5px;
  border-left: 2px solid #871f44;
  border-bottom: 2px solid #871f44;
  transform: translate(25%,50%)rotate(-45deg);
  opacity: 0;
}
#wpmem_login .button_div #rememberme:checked + label::after{
  opacity: 1;
}
.lb-online-login .button_div input[type="submit"]{
  padding: 6px 12px;
  background: #871f44;
  color: #fff;
  border-radius: 3px;
}

/*新図書館改修*/
.lb-messe-wrap{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, auto);
    gap: min(10px, 1vw);
}
.lb-messe-wrap > figure:nth-child(1){
    grid-area: 1 / 1 / 2 / 2;
}
.lb-messe-wrap > figure:nth-child(2){
    grid-area: 2 / 1 / 3 / 2;
}
.lb-messe-wrap > figure:nth-child(3){
    grid-area: 1 / 2 / 3 / 3;
}
.lb-messe-wrap > figure:nth-child(3) img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.lb-messe-wrap > .in-text{
    grid-area: 3 / 1 / 4 / 3;
    padding-top: min(30px, 4vw);
    padding-bottom: min(120px, 12vw);
}


@media only screen and (max-width:768px) {
  header h2{
    margin-right: auto;
  }

  .lb-box-title >*{
    font-size: 1.71em;
  }
  /*key*/
  .key-lb_nav{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:30px;
  }
  .key-lb_nav .title{
    width: 60%;
    max-width: none;
  }
  .key-lb_pick{
    width: 100%;
    position: relative;
    bottom: auto;
    right: auto;
    transform: none;
    justify-content: flex-start;
  }
  .lb_pick_wrap{
    width: 100%;
    padding-bottom: 0;
  }
  .key-rotate{
    width: 100%;
    bottom: 25%;
  }
  .lb_pick_wrap .thumb{
    width: 100%;
    max-width: none;
  }
  .lb_pick_wrap .thumb figure{
    aspect-ratio:1/1.0294;
    width: 420px;
    max-width: calc(100% - 40px);
  }
  .lb_pick_wrap figcaption{
    top: 1em;
  }
  .lb_pick_wrap .pick-cmnt{
    bottom: 20px;
    right: 20px;
  }
  .lb_nav_wrap{
    margin-top: 0;
    width: calc(100% - 50px);
  }
  .lb_nav_item{
    justify-content: center;
  }
  .lb-news-list_wrap{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .lb-news-list_wrap > *{
    width: 100%;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  .lb-news-list_wrap .acv_post .acv_cmnt{
    width: 75%;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .lb_nav_wrap{
    width: 100%;
  }
  
  .facilities-intro_head{
    grid-template-columns:1fr;
  }

}
@media only screen and (max-width:600px) {
  .facilities-item{
    grid-template-columns:1fr;
    grid-template-rows:auto;
  }
  .facilities-item .thumb-wid{
    grid-area: auto;
  }
  .lb-greeting-box{
    aspect-ratio:auto;
    max-height: inherit;
  }
}

@media only screen and (max-width:480px) {
  #content.contents-library{
    border-top-width: 1px;
    padding-top: 15vw;
  }

  .key-lb_inner{
    padding-top: 10vw;
    padding-bottom: 15vw;
  }
  .key-lb_nav .title{
    width: 75%;
  }
  .lb_pick_wrap{
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
  .lb_pick_wrap .thumb{

  }
  .lb_pick_wrap .thumb figure{
    width: 75%;
    max-width: inherit;
    border-width: 2px;
  }
  .lb_pick_wrap figcaption {
    top: 1.5em;
    font-size: 0.8em;
}
  .lb_pick_wrap .pick-cmnt{
    width: 65%;
    right: 0;
    bottom: 20px;
    transform: translateX(0);
  }

  .lb_pick_wrap .pick-cmnt .cmnt{
    border-radius: 6px;
    padding-top: 2em;
  }
  .lb_pick_wrap .pick-cmnt .cmnt .in-title{
    font-size: 1.125em;
  }
  .lb_pick_wrap .pick-cmnt .fkd-title{
    border-radius: 10px;
  }
  .lb_nav_item{
    font-size: 1.24em;
    justify-content: flex-start;
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
  .lb_nav_item::before{
    border-width: 1px;
    height: calc(100% - 1px);
    border-radius: 6px;
  }
  .lb_nav_item .nav-title{
    width: calc(100% - 2.125em);
  }
  .lb_nav_item .nav-title::after{
    border-top-width: 2px;
    border-right-width: 2px;
  }
  .lb_nav_item .icn{
    width: 1.25em;
  }
  .key-rotate{
    width: 100%;
    bottom: 40%;
  }
  .lb-box-title >*{
    font-size: 1.71em;
  }
  /*content*/
  .lb-box-title.pc{
    display: none;
  }
  .lb-box-title.sp{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }

  /*renewal*/
  .lb-renewal-blc .lb-box-title > *{
    font-size: 1.66em;
  }
  .renewal-thumb{
    margin-top: 10vw;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
    gap:10px;
  }
  .renewal-thumb figure{
    width: 100%;
  }
  .renewal-cmnt{
    margin-top: 1em;
  }
  /*message*/
  .lb-messe-blc{
/*
    border-top-width: 1px;
    padding-top: 15vw;
    padding-bottom: 15vw;
*/
  }
  .lb-messe-wrap{
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin-top: 10vw;
/*    gap:10vw;*/
  }
  .lb-messe_item.main
  ,.lb-messe_item.side{
    width: 100%;
  }
  .lb-messe_item.main{
    gap:10vw;
  }
  .lb-messe_item.main .cmnt{
    padding: 0;

  }
  .lb-messe_item.main .cmnt .lb-box-title{
    /* -ms-align-items: center;
    align-items: center; */
  }
  .lb-messe_item.main .cmnt .lb-box-title >*
  ,.lb-messe_item.main .cmnt .lb-box-title h3{
    font-size: 1.5em;
  }

  .lb-messe_item.main .cmnt .in-text{
    margin-top: 5vw;
  }

  .renewal-cmnt{
    height: 10em;
    overflow: hidden;
    -webkit-transition: height .3s ease;
    -o-transition: height .3s ease;
    transition: height .3s ease;
  }
  .renewal-cmnt.is-open{
    height: auto;
  }
  .renewal-cmnt::after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5em;
    background: linear-gradient(180deg,rgba(248,247,246,0) 2em,rgba(248,247,246,1)100%);
  }
  .renewal-cmnt.is-open::after{
    content: none;
  }
  .lb-renewal-box .view-more{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
  }
  /*news*/
  .lb-news-blc{
    border-top-width: 1px;
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  .lb-news-list{
    margin-top: 10vw;
  }
  .lb-uztime-blc{
    padding-top: 15vw;
    border-top-width: 1px;
  }

  /*ustime*/
  .lb-uztime-list{
    margin-top: 10vw;
  }
  .lb-uztime-list > div{
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .lb-uztime-list dt
  ,.lb-uztime-list dd{
    width: 100%;
  }
  .lb-uztime-list dt{
    line-height: 1.4;
    font-weight: 600;
    padding: 1em;
  }
  .lb-uztime-list dd{
    border-left: none;
    border-top: 1px solid #333;
    padding-left: 20px;
    padding-right: 20px;
  }
  .thumb.bg {
    display: none;

  }

}