/*
Template:bootstrap-basic4
Theme Name:child-nishi
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500;700&display=swap');
body{background-color: #F2F2F2; color: #575250; font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif; min-width: 320px;}
.mincho,
.noto{font-family: 'Noto Serif JP', serif;}
.link{color: #308ed9; text-decoration: underline;}

/*color btn*/
.c-2{color:#6D7292;}
.bg-2{background-color: #F0F0F0;}
.btn{border-radius: 0;}
.btn-2{border:3px solid #FF7A3D; color: #FF7A3D;}
.btn-2:hover{color: #FF7A3D;}
.btn-3{border:3px solid #fff; color: #fff;}

.btn-1:hover,
.btn-3:hover{color: #eee;}
.btn-st_1{padding: 15px 0; width: 100%; max-width: 300px;}

/*fa*/
a.list-group-item::before
{-moz-osx-font-smoothing:grayscale; font-family: "Font Awesome 5 Free"; -webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1; font-weight: 900;}

/*global*/
.a-thumb img{height: auto;}

/*------HEADER------*/
#header{background-color: #fff; position: relative;}
.logo{width: 130px;}
.ul-h_nav > li > a{font-weight: normal;}

/*------MAIN------*/
.container.v-sm{max-width: 800px;}
.sec{padding:100px 0; position: relative;}
.sec-head{margin-bottom:30px;}
.sec-sub_title{font-size:24px; margin-bottom:5px;}
.sec-title{font-size:34px; font-weight:bold;}
.sec-title.v-center{text-align: center;}
.sec-title.v-center::after{margin: 20px auto 0; width: 100px;}
.sec-text{text-align:center; font-size:20px; position: relative;}
.ico_01{left: -5px; top: 0; width: 94px;}
.thumb_st{border-radius: 10px; box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.6);}
.tstyle{font-size:18px; line-height: 1.8;}
.sec-title_add{margin-bottom: 30px;}
.sec-title_add.v-green::after{background-color: #6a926d;}
.sec-title_add.v-cha::after{background-color: #5d2800;}
.sec-title_add.v-red::after{background-color: #D80000;}
.sec-title_add::after,
.mv-sub_title::after{content: ""; width: 200px; margin-top: 20px; display: block; height: 3px; background-color: #FF7A3D;}
.mv-sub_title::after{margin: 20px auto 0; width: 150px; height: 2px;}

/*------INDEX------*/
.mv{display: flex; align-items: center; height: 85vh; position: relative; color:#fff; background: url("assets/images/bg_01.jpg") no-repeat scroll center center / cover;}
.mv::after{opacity: 0.6; background-color: #1e1810;}
.mv-inner{position: relative; z-index: 2; font-weight:bold; font-size:18px; text-align: center;}
.mv-sub_title{margin-bottom: 30px; font-size: 24px;}
.mv-title{font-size:62px; margin-bottom:25px; font-weight: 700;}
.mv-btns .btn{margin: 0 10px; padding: 17px 40px;}
.mv-videos{margin-bottom: 15px;}


/*itembox*/
.itembox{margin-bottom: 25px; text-align: center;}
.itembox .item-title{font-size: 24px; margin: 20px 0;}
.itembox .btn{max-width: 200px;}

/*sec-top_3*/
.sec-top_3{font-size: 18px; padding: 200px 0; font-weight: bold; background: url("assets/images/bg_02.png") no-repeat fixed center center / cover;}
.sec-top_3::after{opacity: 0.4; background-color: #000;}
.sec-title_add.v-add_small{line-height: 1;}
.sec-title .v-small{font-size: 16px;}
.sec-top_3 .item-btn{margin-top: 30px;}

/*sec-top_4*/
.sec-top_4{font-size: 28px; padding: 300px 0; text-align: center; font-weight: bold; background: url("assets/images/bg_03.jpg") no-repeat fixed center center / cover;}

/*sec-access*/
.sec-access .sec-title{font-size: 28px;}
.row-access .item-text{font-size: 18px; line-height: 1.8;}
.row-access .google-map{padding-bottom: 75%;}

/*box*/
.box{margin-bottom: 50px;}
.box:last-child{margin-bottom: 0;}
.box:nth-child(even){flex-direction: row-reverse;}
.box .item-num{font-weight:bold; font-size:18px;}
.box .item-title{font-size:26px; margin-bottom: 25px;}
.box .item-text{font-size:18px; margin-bottom: 40px;}
.box.v-bd{border-top: 1px solid #000; padding-top: 50px;}

/*collapse*/
.wrp-coll{border: 1px solid #333; border-bottom: none;}
.collbox .coll-triger{border-bottom: 1px solid #333; display: block; padding: 15px; font-weight: bold; font-size: 20px;}
.coll_inner{padding: 15px; border-bottom: 1px solid #333; font-size: 18px;}

/*sec-contact*/
.bg-contact{position: relative; background: url("assets/images/img_02.jpg") no-repeat scroll center center / cover;}
.bg-contact::after{content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0; opacity: 0.9; background-color: #6A6A6A;}
.row-contact{z-index: 2; position: relative; color: #fff; font-weight: bold; font-size: 20px; line-height: 2;}
.row-contact .item-title{font-size: 26px; margin-bottom: 20px;}
.wrp-form > div{margin-bottom: 25px;}
.wrp-form .form-control{background-color: rgba(255, 255, 255, 0.6);}
.wrp-form .btn{border-radius: 5px; padding: 15px 40px;}
.row-contact.v-con{color: #333;}

/*table*/
table.tb-1{font-size:18px; background-color:#fff;}
table.tb-1 thead tr{background-color:#333; color:#fff;}
table.tb-1 th,table.tb-1 td{padding: 20px;}

/*------PAGE------*/
.phead{display: flex; align-items: center; height: 490px; background: url("assets/images/bg_01.jpg") no-repeat scroll center center / cover; position: relative;}
.phead::after{opacity: 0.3; background-color: #000; content: ""; position: absolute; height: 100%; width: 100%; left: 0; top: 0;}
.phead-inner{color: #fff; text-align: center; font-weight: bold; position: relative; z-index: 9;}
.page-eng{font-size: 20px; margin-bottom: 5px;}
.page-title{font-size: 40px; font-weight: bold;}
.about_text{text-align: center; font-size: 20px; line-height: 2; margin-bottom: 60px;}
.wpcf7-not-valid-tip{font-size: 12px; text-align: left;}
.sec-title_add.v-page::after{width: 60px;}
.img_st_1{filter: brightness( 105% ) contrast( 96% ) saturate( 74% ) blur( 0px ) hue-rotate( 347deg ); border-radius: 4px 4px 4px 4px; box-shadow: 10px 10px 0px 1px rgb(0 0 0 / 7%);}

/*recruit*/
.sec-req_1 .sec-body{margin-bottom: 30px;}
.recruit_txt_1{margin-bottom: 30px;}
.recruit_txt_2{margin-bottom: 10px; font-size: 24px;}
.sec-req_2{padding-bottom: 20px;}
.row-imglink > div{margin-bottom: 80px;}
.imglink .item-label{text-align: center; font-weight: bold; margin-top: 25px; font-size: 22px;}
.shop_text_1{margin-bottom: 20px;}
.shop_text_2{font-size: 18px; font-weight: bold; line-height: 2;}
table.v-sm th,table.v-sm td{padding: 10px 15px;}

/*lp*/
.page-lp .phead{height: 80vh;}
.page-title .mini{display: block; font-size: 22px; margin-top: 10px;}
.sec-lp_1{position: relative; padding: 130px 0; text-align: center; background: url("assets/images/bg_04.jpg") no-repeat scroll center center / cover;}
.sec-lp_1::after{opacity: 0.3; background-color: #000;}
.sec-lp_1 .sec-title{font-size: 44px;}
.box_type_1{background-color: #232323; padding: 40px; font-size: 24px;}
.my_slider_col_4 .item{padding: 0 15px;}
.lp_fixed{position: fixed; bottom: 0; left: 0; width: 100%; z-index: 99;}
.lp_fixed img{display: block; width: 100%;}
.site-lp .foot-main{padding-bottom: 140px;}

/*contact*/
.google-map.v-2{padding-bottom: 25%;}
.row-form .item-title{font-size: 30px; margin-bottom: 20px;}
.access-items .items{margin-bottom: 20px;}
.access-items .item-label{font-weight: bold; font-size: 20px;}
.access-items .item-val{font-size: 18px;}

/*QR*/
.sec-qr{padding: 15px 0;}
.container.ver-qr{max-width: 480px;}
#qr-reader{width: 100%; margin: auto;}
#qr-result{text-align: center; margin-top: 0; font-weight: bold;}
.toggle-switch { display: block; position: relative; background: #ddd; border-radius: 20px; overflow: hidden; width: 200px; height: 40px; font-family: sans-serif; }
.toggle-switch input[type="radio"] { display: none; }
.toggle-switch label { width: 50%; text-align: center; line-height: 40px; cursor: pointer; float: left; color: #fff; font-weight: bold; transition: background 0.3s, filter 0.3s; }
.toggle-switch label { background: #888; }
.toggle-switch #in + label { border-radius: 20px 0 0 20px; }
.toggle-switch label { background: #888; border-radius: 0 20px 20px 0; }
.toggle-switch input#in:checked + label { background: #00ff69; }
.toggle-switch input#out:checked + label { background: #ff1b00; }
input[type="date"] { width: 200px; padding: 8px 10px; font-size: 14px; font-family: sans-serif; border: 1px solid #ccc; border-radius: 4px; box-sizing: border-box; color: #333; appearance: none; -webkit-appearance: none; background-color: #fff; }
input[type="date"]:focus { outline: none; border-color: #66afe9; box-shadow: 0 0 5px rgba(102,175,233,0.3); }
input[type="date"]:hover { border-color: #999; }

/*----Slider----*/
.slider-style.v-srv .slick-slide{padding:0 5px;}
.slider-style .slick-slide{padding:0 15px;}
.slider-style .slick-dots{position: static;}

/*------MyPage------*/
.sec-mypage{padding: 40px 0;}
.wrp-my_login{max-width: 580px; padding: 20px 15px; background-color: #fff;}
.alert-heading{font-size: 1.2rem;}
.mypage-qr{max-width: 280px;}
.mypage-nav{margin-top: 50px;}
.page-mypage .mypage-nav{margin-top: 0;}
.mypage-nav .card-body{padding-top: 10px; padding-bottom: 10px;}
.mypage-nav .btn{width: 49%; max-width: 130px;}
.display_name{font-weight: bold; font-size: 12px;}

/*------TABLE------*/
/*style*/
table{background-color: #fff;}
.tb-users th{text-align: center;}
.td-user{text-align: center; line-height: 1.1;}
.tb-sm th,.tb-sm td{padding: 7px; vertical-align: middle; font-size: 14px;}
.tb-xs th,.tb-xs td{padding:3px;}
.tb-up_title{margin-bottom: 7px; font-weight: bold; font-size: 18px;}
.weekday-0{color: #ea2727;}
.weekday-6{color: #308ed9;}
.badge-salaried{background-color: #d98f30;}
.badge-none{background-color: #308ed9;}
.table-responsive {display: block; width: 100%; overflow-y: hidden !important; -webkit-overflow-scrolling: touch;}
.table-responsive > table{min-width: 1750px; margin-bottom: 0;}
.wrp-quota_tb{margin-bottom: 30px; max-width: 1800px;}
.tb-quota td small{font-size: 11px;}

/*width*/
.th-w_1{width: 130px;}
.th-w_2{width: 90px;}
.th-w_3{width: 145px;}
.th-w_4{width: 50px;}
.th-w_5{width: 180px;}
.th-w_6{width: 70px;}



/*------SINGLE------*/
.box-title{font-size: 1.5rem; font-weight: bold; border-bottom: 3px solid #333; padding-bottom: 5px; margin-bottom: 25px;}
.box-title_sub{margin: -20px 0 10px;}
.box-label{font-weight: bold; display: inline-block;}
.wrp-imgbox.grid{grid-gap:5px;}
.imgbox{margin-bottom: 0;}
.imgbox:last-child{margin-bottom: 0;}
.imgbox-memo{background-color: #F2F2F2; padding: 5px; font-size: 12px;}
.userlists{margin-top: 5px;}
.user_avatar{overflow: hidden;display: inline-block;}
.user_avatar .avatar{width: 45px; height: auto;}
.userlists .item-name{font-weight: bold; font-size: 14px;}

/*------ARCHIVE------*/
.wrp-postlist{max-width: 640px;}
.wrp-attendancelist{max-width: 480px;}
a.list-group-item::before{content: "\f054"; color: #333; position: absolute; right: 0px; top: 50%;  transform: translate(-50%, -50%); font-size: 30px;}
.item-post .item-img{max-width: 80px; margin-right: 15px;}
.item-post .item-img img{height: auto;}
.item-post .item-title{font-size: 1.35rem; margin-bottom: 5px; text-decoration:underline;}
.item-meta.flex > .metas{margin-right: 15px;}

/*------FOTTER------*/
#footer{background-color: #37302a; color: #fff; text-align: center;}
.footmove{top: 0; color: #fff !important;}
.foot-main{padding: 50px 0 30px;}
.foot_logo{width: 80px;}
.foot-nav{display: flex; justify-content: center;}
#footer .foot-nav > li > a{font-size: 18px; color: #FF7A3D; font-weight: bold;}
.foot-nav > li > a::before{content: none;}
.copy{font-size: 14px; margin-top: 20px;}


/*------Sm------*/
@media only screen and (max-width: 767px) {
  
    /*------HEADER------*/
    /*nav*/
    .navbar-inner{display: block;}
  
    /*------MAIN------*/
    .sec{padding:30px 0 40px;}
    .sec-sub_title{font-size:22px;}
    .sec-title{font-size:24px; text-align: center;}
    .sec-title_add::after, .mv-sub_title::after{width: 60px; margin: 10px auto 0;}
    .sec-text{font-size:16px;}
    .tstyle{font-size:16px;}

    /*bootstrap*/
    .card-footer,
    .card-body{padding: 0.5rem;}
    
/* レスポンシブ対応の動画プレイヤー */
.responsive-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9アスペクト比 */
    height: 0;
    overflow: hidden;
}

.responsive-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}    
      
    /*------INDEX------*/
    .mv{height: 100vh;}
    .mv-inner{font-size: 15px;}
    .mv-title{font-size: 24px;}
    .mv-txt{font-size: 14px;}
    .mv-btns .btn{width: 80%; margin: 10px 0;}

    .box .item-title,
    .box .item-text{font-size:16px;}
    .box .item-main{margin-top: 15px;}
    .btn-st_1{max-width: none;}
    .row-access .item-text{font-size: 16px; margin-bottom: 30px;}
    .row-contact .item-main{margin-top: 20px;}

    /*collapse*/
    .collbox .coll-triger{font-size: 16px;}
    .coll_inner{font-size: 14px;}

    /*table*/
    table.tb-1{font-size:14px;}
    table.tb-1 th,table.tb-1 td{padding: 15px 5px;}
    table.tb-1 .column-1{width: 80px;}
    
    /*------PAGE------*/
    .phead{height: 30vh;}
    .page-eng{font-size: 18px;}
    .page-title{font-size: 28px;}
    .about_text{font-size: 14px;}
    .slider-style .slick-slide{padding: 0 5px;}
    .row-contact.v-con{flex-direction: column-reverse; text-align: center;}
    .wpcf7-spinner{display: block;}

    .srv-btns .btn{width: 100%;}
    .srv-btns .btn:last-child{margin-bottom: 0;}
    .shop_text_2{font-size: 16px;}
    .row-shop_img > div{margin-bottom: 15px;}
    .google-map.v-2{padding-bottom: 70%;}

    /*------MyPage------*/
    .mypage-qr{margin: 0 auto;}
    .mypage-nav .btn{margin: 3px 0; max-width: none;}

    /*------ARCHIVE------*/
    a.list-group-item::before{font-size: 20px;}
    .item-post .item-img{max-width: 55px;}
    .item-post .item-title{font-size: 1.1rem;}
    .item-meta.flex{display: block;}


    /*------FOOTER------*/
    .foot-main{padding: 30px 0; display: block; text-align: center;}
    .foot-nav{display: block;}
    .foot-nav > li{margin: 0 0 15px;}
    #footer .foot-nav > li > a{font-size: 16px;}
    .copy{font-size: 12px;}
    
}