/*
 Theme Name:   lightning child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     lightning
 Version:      
 License:      
 License URI:  
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  lightning-child
*/

/**  body html **/
/* body, html {font-family:"游ゴシック体", "Yu Gothic", YuGothic, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif!important; overflow-x: visible; font-weight: 600;} */
body, html {font-family:'source-han-sans-japanese', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', helvetica, arial, clean, sans-serif!important; overflow-x: hidden; scroll-behavior: smooth;}
/* h1,h2,h3,h4,h5,h6{font-family: "Noto Serif JP", serif;font-weight: 700;}  */
h2.vk_heading_title.vk_heading_title-style-plain.has-text-color.has-vk-color-custom-1-color:before {content: "";display: block;width: 3rem;height: 1px;margin-bottom: 1.5rem;background-color: currentColor !important;position: relative;top: unset;right: unset;left: unset;bottom: unset;border: unset;margin-left: auto;margin-right: auto;}

/***********************************************************************

INCLUDE SECTION STYLE

***********************************************************************/

/* Header top area */
#header-top {padding-top: 0.6rem;}
#header-top .container {display: block;font-size: 0.8rem; text-align: right;}
#header-top .container p{display: inline-block; margin: 0;}
#header-top .container nav{ display: inline-block; margin-left: 1rem; margin-right: -2rem;}
#header-top .container a.header-top-tel-wrap {padding: 0.2rem 0.5rem;background-color: #f58b05;color: #fff !important;font-size: 1.5rem;font-weight: 400; font-family: "futura-pt", sans-serif; font-weight: 300; letter-spacing: 0.1em;}
.device-mobile #header-top{display: none;}
.global-nav-list>li .global-nav-name {font-size: 16px; font-weight: 500; color: #f58b05;}
.global-nav-list>li .global-nav-name span {color: #188a91;font-size: 0.7rem;}

@media (max-width: 992px){
    .site-header-logo img { max-height: 36px; }
}

@media (max-width: 781px){
	#header-top {display: none;}
}

@media (max-width: 500px){
    .site-header-logo img { margin-left: 36px;}
}

@media (max-width: 400px){
    .site-header-logo img { max-height: 30px; margin-left: 36px;}
}

/* fotter area */
.footer-nav{background-color: #f39239; border-bottom: none;}
.footer-nav .container{text-align: center;}
.footer-nav .nav li a {color: #fff; position: relative; display: inline-block; text-decoration: none;}
.footer-nav .nav li a::after {content: ""; position: absolute; bottom: -10px; left: 0; width: 100%; height: 2px; background: #ffffff; transform: scaleX(0); transform-origin: center; transition: transform 0.3s ease;}
.footer-nav .nav li a:hover::after {transform: scaleX(1);}
.container.site-footer-copyright {background-color: #f39239;max-width: 100vw;color: #fff;}
#block-17{margin-bottom: 0;}
.home #block-19{display: none;}
/* モバイル用（例: 768px以下） */
@media screen and (max-width: 768px) {
    body { padding-bottom: 60px; }
    #dp-footer-bar {position: fixed;bottom: 0;left: 0;width: 100%;background: #fff;border-top: 1px solid #ccc;z-index: 9999; }
    .dp-footer-bar {display: flex;justify-content: space-around;margin: 0;padding: 0;list-style: none; }
    .dp-footer-bar-item {flex: 1;text-align: center; margin: 0;}
    .dp-footer-bar-item a {display: block;padding: 20px 0;color: #333;text-decoration: none;font-size: 14px; }
    .dp-footer-bar-item:nth-child(1) a {background: #f39239; color: #fff; }
    .dp-footer-bar-item:nth-child(2) a {background: #45a0d3; color: #fff; }    
    .dp-footer-bar-item:nth-child(1) a:visited {background: #f39239; color: #fff; }
    .dp-footer-bar-item:nth-child(2) a:visited {background: #45a0d3; color: #fff; }
    .dp-footer-bar-item a:hover {opacity: 0.8; }

}

@media (min-width: 769px){

	#dp-footer-bar {display: none;}
	
	}

/** boxzilla setting **/
.boxzilla {top: 50vh!important; padding: 0 !important; writing-mode: vertical-rl; text-orientation: upright; display: block; border-radius: 10px 0 0 10px; background-color: #7FBBDD!important; color: #fff; border: 3px solid #fff; margin-left: -3px;}
.boxzilla-content a {text-decoration: none;color: #fff;letter-spacing: 0.3rem;display: block;width: 3rem;padding: 1rem;border-radius: 0 5px 5px 0;}
.boxzilla-content i {margin-top: 1rem;}
.device-mobile .boxzilla {display: none;}

/***********************************************************************

TOP PAGE STYLE

***********************************************************************/

/** news section **/
section.home-news{background-color: #fff; margin-top: -3rem; padding: 2rem;}
.home-news-link {position: relative;}
.home-news-link a.vk_button_link:before, .home-news-link .vk_button_link_caption:after {content: '' !important; position: absolute !important; display: block; height: 1px; right: 90px; transition: all .2s linear;}
.home-news-link a.vk_button_link:hover:before, .home-news-link .vk_button_link_caption:hover:after {right: 80px; }
.home-news-link a.vk_button_link:before {width: 20px; bottom: 50%; border-bottom: solid 1px currentColor;}
.home-news-link .vk_button_link_caption:after{width: 8px !important; background: currentColor !important; bottom: calc(50% + 3px) !important; transform: rotate(45deg) !important;}
.home-news li .taxonomy-category a {color: #fff; padding: 0.2rem 0.5rem; border-radius: 3px; text-decoration: none;}
.home-news .category-important .taxonomy-category a {background-color: #ef4126; }
.home-news .category-schedule .taxonomy-category a {background-color: #f58b05; }
.home-news .category-vaccination-checkup .taxonomy-category a {background-color: #109ea6; }
.home-news .category-events .taxonomy-category a {background-color: #1e73be; }
.home-news li .taxonomy-category a:hover {opacity: 0.8;}
.home-news li h6 a {font-weight: 700;}
.home-news .category-important h6 a:hover {color: #ef4126; }
.home-news .category-schedule h6 a:hover {color: #f58b05; }
.home-news .category-vaccination-checkup h6 a:hover {color: #109ea6; }
.home-news .category-events h6 a:hover {color: #1e73be; }

/** top page main section **/
.home .top-column-01 { gap: 0;}
.home-link-primary a {position: relative;}
.home-link-primary a::before {content: '';display: block;position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: currentColor;z-index: -1;transition: .3s;}
.home-link-primary  .vk_button_link_caption::before {content: '';position: absolute;display: block;width: 70px;height: 1px;bottom: 50%;right: -55px;border-bottom: solid 1px currentColor;}
.home-link-primary .vk_button_link_caption:after {content: '';position: absolute;display: block;width: 12px;height: 1px;background: currentColor;bottom: calc(50% + 5px);right: -55px;transform: rotate(45deg);}
.home-link-primary a:hover:before{ width: 100%;}
.home-contents-block{max-width: 530px; }

/** time table section **/
.top-time-table-block>div:nth-child(1) figure.top-time-table thead{background-color: #f58b05; color: #fff; border-color: #f58b05;}
.top-time-table-block>div:nth-child(2) figure.top-time-table thead{background-color: #7FBBDD; color: #fff; border-color: #7FBBDD;}
.top-time-table-block>div:nth-child(1) figure.top-time-table table tr:first-child{border-bottom: 1px solid #f58b05;}
.top-time-table-block>div:nth-child(2) figure.top-time-table table tr:first-child{border-bottom: 1px solid #7FBBDD;}
.top-time-table-block>div:nth-child(1) figure.top-time-table table tr:not(:first-child) td{border-bottom: none;}
.top-time-table-block>div:nth-child(2) figure.top-time-table table tr:not(:first-child) td{border-bottom: none;}
.top-time-table-block>div:nth-child(1) figure.top-time-table table td:not(:first-child){color: #f58b05;}
.top-time-table-block>div:nth-child(2) figure.top-time-table table td:not(:first-child){color: #7FBBDD;}
figure.top-time-table table{font-size: 1.1rem; font-family: "Noto Serif JP", serif; text-align: center; background-color: #fff; border: none; border-collapse: collapse; border-spacing: 0; border-radius: 12px; overflow: hidden;}
figure.top-time-table table th:first-child, figure.top-time-table table td:first-child {width: 8rem; }


@media screen and (max-width: 1200px) {
    .top-time-table-block>div:nth-child(1) figure.top-time-table tbody tr:first-child td:nth-child(3){font-size: 1rem; font-weight: 600;}	
	.home-contents-block{width: 40vw; }
}
@media screen and (max-width: 992px) {
    .top-time-table-block>div:nth-child(1) figure.top-time-table tbody tr:first-child td:nth-child(3){font-size: 0.9rem; font-weight: 700; line-height: 1.1;}
}
@media screen and (max-width: 768px) {
    figure.top-time-table table th,figure.top-time-table table td{text-align: left;}
    .top-time-table-block>div:nth-child(1) figure.top-time-table tbody tr:first-child td:nth-child(3){font-size: 0.8rem; font-weight: 700;}
    figure.top-time-table table th, figure.top-time-table table td{ padding: 0.5em 0.2em;}
    figure.top-time-table table th:first-child, figure.top-time-table table td:first-child{ text-align: center;}
	.home-contents-block{ width:100%; }
	.top-column-01 .has-custom-content-position{ justify-content: center; }
}
@media screen and (min-width: 1199px){	
	.home-contents-block{width: 40vw; }
}

/***********************************************************************

ABOUT PAGE STYLE

***********************************************************************/

.faclity-slide-block .vk_slider_item_container{ position: absolute; top: 10px; right: 10px; width: max-content;}
.faclity-slide-block .swiper-slide p{color: #fff; background-color: #f48a22; padding: 0.2rem 0.4rem; border-radius: 5px;}


/***********************************************************************

ACCESS PAGE STYLE

***********************************************************************/
.post-name-access .access-map-area{gap: 0px;}
.post-name-access #block-17{display: none;}
@media screen and (max-width: 768px) {
	.post-name-access .access-map-area>div:first-child{height: 450px;}
}

/*mobile table style*/
@media screen and (max-width: 575.98px) {

  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] table,
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] thead,
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] tbody,
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] th,
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] td,
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] tr {display: block;}

  /* thead を非表示（後で th を個別に使うため） */
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] thead {display: none;}

  /* 各セルを縦に積む */
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] tbody tr {display: flex;flex-direction: column;margin-bottom: 1.5em;padding: 10px;}

  /* th の内容を td の前に表示する */
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] tbody td {position: relative;padding-left: 0; padding-right: 0; margin-bottom: 0.5em;}

  /* 各 td の前に対応する th を表示 */
  figure[data-cell-vertical-breakpoint="table-cell-vertical-mobile"] tbody td::before {content: attr(data-header);font-weight: bold;display: block;margin-bottom: 0.2em;color: #333;}

}