@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@500;600&display=swap');

:root{--PointColor: #91c0cc;--MainTxtColor:#232526;--MainDarkColor:#4e6f84;--MainThinColor:#dee7ec;--GrayColor:#ebebeb;--Grade: linear-gradient(to bottom, rgb(201 217 226) 0%, rgb(230 242 248) 100%);--Width:85%;--MaxWidth:1500px;--MinWidth:1000px;--Margin:0 auto;--Padding: 80px 0 90px 0;--Shadow: 0 0 4px rgb(0 0 0 / 25%);--GuideColor: #ce1e28;}
article{
color: var(--MainTxtColor);
}
article a{
    color: var(--MainDarkColor);
}
article img{
width: 100%;
height: auto;
}
article .FontEn{
font-family: "ogg", sans-serif;
font-weight: 400;
font-style: normal;
}

article .min{  font-family: "Shippori Mincho", serif;font-weight: 600;
font-style: normal;}

article .MainTxt{text-align: center;line-height: 2;font-size: 17px;color: var(--MainDarkColor);margin-bottom: 50px;font-weight: 500;}

article .CommonTtl{padding-top: 26px;margin-bottom: 40px;}
article .CommonTtl .sub{opacity: 0.4;color: #fff;font-size: 58px;line-height: 1;margin-top: -1.2em;}
article .CommonTtl .main{color: var(--MainTxtColor);font-size: 28px;line-height: 1.4;padding-bottom: 0;position: relative;font-weight: 600;z-index: 1;}

article .CommonTtl.black{}
article .CommonTtl.black .sub{color: var(--PointColor);opacity: 0.2;}
article .CommonTtl.black .main{
}

article .btn{

}
article .btn a{display: inline-block;color: #fff;text-align: center;text-decoration: none;position: relative;padding: 15px 50px;border-radius: 2px;font-size: 14px;background-color: var(--MainTxtColor);border-radius: 2px;}
article .btn a:after{position: absolute;right: 10px;top:50%;margin-top:-0.5em;content:"\f101";font-family:FontAwesome;line-height: 1;font-weight: normal;font-size: 120%;}
article .btn a:hover{background-color: var(--MainDarkColor);}
article .Contents{}

article .MainMV{
display: flex;
margin-bottom: 20px;
line-height: 0;
}
article .MainMV li{}
article .MainMV li img{}

.Grade{
background: var(--Grade);
}

.header_change{position: fixed !important;transition: .5s;width: 100%;z-index: 1000;}
.header_change .Sub{
display: none !important;
}
.header_change.show{top: 0;border: none;}
.header_change.show:after{}

a.smpTel{pointer-events:none;text-decoration:none;color: var(--MainTxtColor);font-weight: bold;}

/*--------------------------------------*/

/*---------------------------------------#MVMainTxt*/

#MVMainTxt{display: flex;justify-content: center;column-gap: 50px;align-items: center;padding-top: 70px;margin-bottom: 80px;}
#MVMainTxt .logo{
width: 285px;
}
#MVMainTxt .logo img{}
#MVMainTxt .Main{}
#MVMainTxt .Main h1{font-size: 26px;display: flex;flex-direction: column;margin-bottom: 15px;}
#MVMainTxt .Main h1 span{}
#MVMainTxt .Main .txt{
font-size: 16px;
line-height: 2;
}


/*--------------------------------------MVbackphoto*/
.MVbackphoto{width: 100%;overflow: hidden;}
.MVbackphoto .slick-list{
padding: 0 !important;
}
.MVbackphoto .slick-list li{
width: 480px;
position: relative;
}
.MVbackphoto li .img{}
.MVbackphoto li .img img{
width: 100%;
}
.MVbackphoto li .caption{
background-color: rgb(0 0 0 / 50%);
color: #fff;
font-size: 12px;
position: absolute;
bottom: 0;
left: 0;
padding: 0 6px;
}

/*-----------------------------------menuArea*/

.menuArea{}
.menuArea .humb{
display: none;
}
.menuArea .Inner{
background-color: var(--MainTxtColor);
}
.menuArea .Inner ul{
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: center;
font-weight: 400;
column-gap: 30px;
}
.menuArea .Inner li{text-align: center;line-height: 1.5;display: block;position: relative;}
.menuArea .Inner li a{color: #fff;text-decoration: none;padding: 20px 20px;display: block;font-size: 16px;}
.menuArea .Inner li a:hover,
.menuArea .Inner li.active a{color: var(--PointColor);}
.menuArea .Inner li + li:before{content:"";transform: rotate(-70deg);width: 2.7em;border-top: 1px solid #9d9d9d;margin: 0;padding: 0;transform-origin: 0% 0%;display: block;position: absolute;top: 65px;left: -21px;}

.menuArea.header_change .Inner li a{
font-size: 14px;
padding: 16px 0;
}
.menuArea.header_change .Inner li a br{
display: none;
}
.menuArea.header_change .Inner li + li:before{
top: 32px;
width: 1em;
left: -17px;
}
.menuArea.header_change .Inner{
background-color: rgb(35 37 38 / 90%);
}

/*-----------------------------------About*/
#About{
padding: var(--Padding);
}
#About h2{margin-bottom: 80px;}
#About .MainMV{
width: var(--Width);
margin: var(--Margin);
min-width: var(--MinWidth);
max-width: var(--MaxWidth);
margin-bottom: 70px;
}
#About .Inner{
width: 65%;
margin: 0 auto;
max-width: var(--MaxWidth);
min-width: var(--MinWidth);
}
#About .Inner .Box{}
#About .Inner .Box + .Box{
margin-top: 70px;
display: flex;
justify-content: space-between;
column-gap: 5%;
}
#About .Inner .Box .Entry{display: flex;flex-direction: column-reverse;flex: 1;}
#About .Inner .Box .Entry .Main{
flex: 1;
position: relative;
}
#About .Inner .Box .Entry .Main .icon{
color: #fff;
line-height: 1;
letter-spacing: 2px;
font-size: 130px;
opacity: 0.4;
font-style: italic;
position: absolute;
right: 40px;
bottom: 30px;
}
#About .Inner .Box .Entry .Main h3{
position: relative;
color: var(--MainDarkColor);
font-size: 20px;
padding-bottom: 10px;
display: flex;
flex-wrap: wrap;
}
#About .Inner .Box .Entry .Main h3 span{}
#About .Inner .Box .Entry .Main h3 span + span{}
#About .Inner .Box .Entry .Main .txt{
position: relative;
line-height: 2;
font-size: 15px;
}
#About .Inner .Box .Entry .Main .btn{
margin-top: 20px;
}

#About .Inner .Box .Entry .photo{margin-bottom: 15px;}
#About .Inner .Box .Entry .photo img{}

#About .Inner .Box:nth-of-type(1) .Entry{
display: flex;
justify-content: space-between;
align-items: center;
column-gap: 4%;
width: 100%;
flex-direction: row;
}
#About .Inner .Box:nth-of-type(1) .Entry .Main{
}
#About .Inner .Box:nth-of-type(1) .Entry .Main .icon{}
#About .Inner .Box:nth-of-type(1) .Entry .Main h3{
font-size: 22px;
}
#About .Inner .Box:nth-of-type(1) .Entry .Main h3 span{}
#About .Inner .Box:nth-of-type(1) .Entry .Main h3 span + span{}
#About .Inner .Box:nth-of-type(1) .Entry .Main .txt{}
#About .Inner .Box:nth-of-type(1) .Entry .Main .btn{}
#About .Inner .Box:nth-of-type(1) .Entry .photo{width: 37%;margin-bottom: 0;}
#About .Inner .Box:nth-of-type(1) .Entry .photo img{}


#About #Search{
margin-top: 50px;
border-radius: 2px;
box-shadow: var(--Shadow);
}
#About #Search h3{
font-size: 20px;
padding-bottom: 8px;
}
#About #Search .Main{
display: flex;
flex-wrap: wrap;
align-items: center;
column-gap: 14px;
}
#About #Search .Main .Top{
margin-bottom: 0;
}
#About #Search .Main .Btm{
flex-wrap: wrap;
flex: 1;
}
#About #Search .Main .Btm li:nth-of-type(1){
}
#About #Search button{
background-color: var(--MainDarkColor);
border-radius: 2px;
display: flex;
height: 100%;
justify-content: center;
align-items: center;
padding: 25px 20px;
font-size: 14px;
}
#About  #Search .Btn{}
#About #Search button:hover{
cursor: pointer;
background-color: var(--PointColor);
}
@media screen and (max-width:1770px){
#About #Search .Main{
display: block;
}
#About #Search .Main .Btm{
margin-top: 10px;
}
#About #Search .Btn{}
#About #Search button{
padding: 15px 30px;
}
}

/*----------------------------------------Recom*/
#Recom{padding: var(--Padding);padding-bottom: 0;}
#Recom .MainTxt{}
#Recom .Sec{
width: 95%;
margin: 0 auto;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative;
padding: 70px 0;
}
#Recom .Sec:before{content:"";background-color: rgb(255 255 255 / 75%);position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
#Recom .Sec + .Sec{
margin-top: 50px;
}
#Recom .Sec h3{position: relative;text-align: center;margin-bottom: 60px;}
#Recom .Sec h3 .main{font-size: 35px;position: relative;z-index: 2;}
#Recom .Sec h3 .sub{font-size: 100px;line-height: 1;position: absolute;transform: translate(-50%, 0px);left: 50%;top: -0.2em;color: #fff;opacity: 0.35;}

#Recom .Sec .MainMV{position: relative;width: var(--MinWidth);margin: 0 auto;margin-bottom: 40px;}
#Recom .Sec .Intro{
width: var(--MinWidth);
position: relative;
margin: 0 auto;
display: flex;
justify-content: space-between;
column-gap: 40px;
}
#Recom .Sec .Intro .Main{width: 43%;align-self: flex-start;margin-top: -5px;}
#Recom .Sec .Intro .Main h4{
margin-bottom: 18px;
line-height: 1.5;
}
#Recom .Sec .Intro .Main h4 .sub{color: var(--MainDarkColor);font-size: 14px;padding-bottom: 4px;}
#Recom .Sec .Intro .Main h4 .main{
font-size: 22px;
}
#Recom .Sec .Intro .Main .txt{
line-height: 2;
font-size: 15px;
}

#Recom .Sec .Intro .Point{
flex: 1;
}
#Recom .Sec .Intro .Point .box{
background-color: #fff;
border-radius: 3px;
display: flex;
position: relative;
padding: 15px;
}
#Recom .Sec .Intro .Point .box + .box{
margin-top: 30px;
}
#Recom .Sec .Intro .Point .box dl{
width: 10em;
text-align: center;
align-self: center;
}
#Recom .Sec .Intro .Point .box dt{color: var(--PointColor);font-size: 30px;line-height: 1;opacity: 0.2;}
#Recom .Sec .Intro .Point .box dd{
line-height: 1.4;
margin-top: -14px;
position: relative;
z-index: 2;
font-size: 15px;
}
#Recom .Sec .Intro .Point .box .txt{
flex: 1;
font-size: 13px;
border-left: 1px solid #ccc;
padding-left: 20px;
line-height: 1.7;
}
#Recom .Sec .Intro .Point .box.staff{}
#Recom .Sec .Intro .Point .box.customer{}

#Recom .Sec .Intro .Point .box:before{content:"";background-color: var(--PointColor);width: 50px;position: absolute;aspect-ratio: 1;border-radius: 100%;top: -14px;left: -10px;}
#Recom .Sec .Intro .Point .box:after{font-family: 'Material Symbols Outlined';position: absolute;top: -5px;left: 0;font-size: 30px;color: #fff;line-height: 1;}

#Recom .Sec .Intro .Point .box.staff:after{content: '\f0e2';}
#Recom .Sec .Intro .Point .box.customer:after{content: '\e813';}

#Recom .Sec .btn{
width: var(--MinWidth);
margin: 0 auto;
display: flex;
justify-content: center;
column-gap: 20px;
margin-top: 50px;
}

#Recom .Sec .btn li{}
#Recom .Sec .btn li a{
display: flex;
flex-wrap: wrap;
font-size: 15px;
padding: 25px 50px;
justify-content: center;
}

/*-------------------------------------Guide*/
#Guide{
    padding: var(--Padding);
}
#Guide .Intro{
    width: var(--MinWidth);
    margin: 0 auto;
}
#Guide .Intro .MainMV{
    margin-bottom: 30px;
}
#Guide .Intro .logo{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 15px;
}
#Guide .Intro .logo dt{
    width: 110px;
    line-height: 0;
}
#Guide .Intro .logo dd{
    font-size: 25px;
    line-height: 1;
}

#Guide .Intro h3{
    text-align: center;
    color: var(--GuideColor);
    font-size: 22px;
    margin-bottom: 15px;
}
#Guide .Intro .Info{
    margin-bottom: 40px;
}
#Guide .Intro .Info dt{
    text-align: center;
    margin-bottom: 26px;
    font-size: 17px;
    line-height: 1.8;
}
#Guide .Intro .Info dd{
    border: 3px solid #ccc;
    border-radius: 3px;
    padding: 10px 15px 10px 15px;
}
#Guide .Intro .Info dd ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#Guide .Intro .Info dd li{padding-left:16px;width: 23%;margin-bottom: 3px;}
#Guide .Intro .Info dd li.long{
    width: 100%;
}
#Guide .Intro .Info dd li + li{}
#Guide .Intro .Info dd li:before{content:"\f0c8";display:block;float:left;margin-left: -13px;width:1em;text-align:center;font-family:FontAwesome;font-size: 10px;color: var(--GuideColor);margin-top: 3px;}
#Guide .Intro .Point{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
#Guide .Intro .Point .box{background-color: var(--GrayColor);border-radius: 3px;display: flex;position: relative;padding: 15px;width: 48%;box-sizing: border-box;}
#Guide .Intro .Point .box + .box{}
#Guide .Intro .Point .box dl{
width: 10em;
text-align: center;
align-self: center;
}
#Guide .Intro .Point .box dt{color: #fff;font-size: 30px;line-height: 1;opacity: 0.6;}
#Guide .Intro .Point .box dd{
line-height: 1.4;
margin-top: -14px;
position: relative;
z-index: 2;
font-size: 15px;
}
#Guide .Intro .Point .box .txt{
flex: 1;
font-size: 13px;
border-left: 1px solid #ccc;
padding-left: 20px;
line-height: 1.7;
}
#Guide .Intro .Point .box.staff{}
#Guide .Intro .Point .box.customer{}

#Guide .Intro .Point .box:before{content:"";background-color: var(--GuideColor);width: 50px;position: absolute;aspect-ratio: 1;border-radius: 100%;top: -14px;left: -10px;}
#Guide .Intro .Point .box:after{font-family: 'Material Symbols Outlined';position: absolute;top: -5px;left: 0;font-size: 30px;color: #fff;line-height: 1;}

#Guide .Intro .Point .box.staff:after{content: '\f0e2';}
#Guide .Intro .Point .box.customer:after{content: '\e813';}

#Guide .Intro .btn{
width: var(--MinWidth);
margin: 0 auto;
display: flex;
justify-content: center;
column-gap: 20px;
margin-top: 50px;
}

#Guide .Intro .btn li{}
#Guide .Intro .btn li a{
display: flex;
flex-wrap: wrap;
font-size: 15px;
padding: 25px 50px;
justify-content: center;
}


/*-----------------------------Shop*/
#Shop{
    padding: var(--Padding);
}
#Shop h2{
    margin-bottom: 60px;
}
#Shop .Entry{
    width: var(--MinWidth);
    margin: 0 auto;
}

#Shop .Entry + .Entry{
    margin-top: 40px;    border-top: 1px solid var(--MainDarkColor);
    padding-top: 35px;
}
#Shop .Entry .Title{
    display: flex;
    justify-content: center;
    column-gap: 20px;
    margin-bottom: 35px;
}
#Shop .Entry .Title dt{
    text-align: right;
    flex: 1;
}
#Shop .Entry .Title dt p{
    width: fit-content;
    margin: 0 0 0 auto;
    text-align: center;
}
#Shop .Entry .Title dt .sub{
    font-size: 40px;
    color: #fff;
    line-height: 1;
    display: block;
    opacity: 0.5;
}
#Shop .Entry .Title dt .main{
    font-size: 26px;
    line-height: 1;
    letter-spacing: 1px;
    margin-top: -17px;
    display: block;
    position: relative;
}
#Shop .Entry .Title dd{
    font-size: 16px;
    line-height: 1.8;
    flex: 1;
}

#Shop .Entry .Intro{
    display: flex;
    column-gap: 40px;
    align-items: center;
    flex-wrap: wrap;
}
#Shop .Entry .Intro .topic{
    width: 100%;
    font-size: 15px;
    background-color: #fff;
    padding: 10px 20px;
    margin-top: 20px;
}
#Shop .Entry:nth-of-type(even) .Intro{flex-direction: row-reverse;}
#Shop .Entry .Intro .photo{
    width: 46%;
}
#Shop .Entry .Intro .Info{
    flex: 1;
}
#Shop .Entry .Intro .Info dl{
    display: flex;
}

#Shop .Entry .Intro .Info dt{
    color: var(--MainDarkColor);
    font-size: 15px;
    width: 5em;
    text-align: center;
}
#Shop .Entry .Intro .Info dd{
    display: flex;
    flex: 1;
    padding-left: 10px;
    flex-wrap: wrap;
    flex-direction: column;
}
#Shop .Entry .Intro .Info dd a{}
#Shop .Entry .Intro .Info dl + dl{
    margin-top: 10px;
    border-top: 1px dotted var(--MainDarkColor);
    padding-top: 10px;
}
#Shop .Entry .Intro .Info .route li{padding-left:16px}
#Shop .Entry .Intro .Info .route li:before{content:"\f192";display:block;float:left;margin-left:-16px;width:1em;text-align:center;font-family:FontAwesome;padding-top:1px}
#Shop .Entry .Intro .Info .btn{
    margin-top: 30px;
    display: flex;
    column-gap: 15px;
}
#Shop .Entry .Intro .Info .btn li{}

/*------------------------------------Member*/
#Member{background-image: url(../../images/hisgroup/member_bg.webp);position: relative;color: #fff;padding: var(--Padding);background-position: center;background-repeat: no-repeat;background-size: cover;}
#Member:before{content:"";background-color: rgb(0 0 0 / 40%);width: 100%;height: 100%;position: absolute;top: 0;left: 0;}
#Member h2{
    position: relative;
    text-align: center;
    margin-bottom: 40px;
}
#Member h2 .sub{
    font-size: 15px;
    margin-bottom: 5px;
    line-height: 1.9;
}
#Member h2 .main{
    font-size: 30px;
}

#Member .MainTxt{
    color: #fff;
    position: relative;
}
#Member .MainTxt:before{content:"";width: 50px;position: relative;display: block;height: 2px;background-color: #fff;margin: 0 auto;margin-bottom: 40px;}
#Member .CardList{
    width: var(--MinWidth);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    column-gap: 70px;
}
#Member .CardList dl{
    flex: 1;
}
#Member .CardList dt{
    margin-bottom: 10px;
}
#Member .CardList dd{}
#Member .CardList dd strong{
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 6px;
}


#Member .btn{text-align: center;margin-top: 50px;display: flex;justify-content: center;column-gap: 20px;}
#Member .btn a{
    padding: 25px 70px;
    font-size: 16px;
    background-color: #a49268;
}
#Member .btn a:hover{
    background-color: #806d43;
}


/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
/*  ui-helper
/*-----------------------------------------------------------------------------------------------------------------------------------------------*/
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}
.ui-helper-clearfix:after{clear:both}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-front{z-index:100}
.ui-state-disabled{cursor:default!important;pointer-events:none}
.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}
.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}
.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:45%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}
#ui-datepicker-div{position:absolute;top:0;z-index:20;width:324px;height:auto;margin-top:30px;margin-left:-307px;padding:2px 10px 10px;background:#fff;border:1px solid rgba(0,0,0,0.1);border-radius:6px;box-sizing:border-box;box-shadow:0 2px 2px rgba(0,0,0,0.1)}
.ui-datepicker div{box-sizing:border-box}
.ui-datepicker .ui-datepicker-current{display:none}
.ui-datepicker .ui-datepicker-header{margin-bottom:6px}
.ui-datepicker-header a{text-decoration:none}
.ui-datepicker-header,.ui-datepicker .ui-datepicker-title{margin: 0 26px;height:30px;line-height:30px;font-weight:700}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:3px;display:block;width:30px;height:30px;line-height:30px;cursor:pointer;text-align:center}
.ui-datepicker .ui-datepicker-prev{left:3px}
.ui-datepicker .ui-datepicker-next{right:3px}
.ui-datepicker .ui-datepicker-prev:before,.ui-datepicker .ui-datepicker-next:before{display:inline-block;content:"";font-family:'FontAwesome';font-style:normal;font-weight:400;font-size:22px!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#215576!important}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,.ui-datepicker .ui-datepicker-next.ui-state-disabled{opacity:.2}
.ui-datepicker .ui-datepicker-prev:before{content:"\f104"}
.ui-datepicker .ui-datepicker-next:before{content:"\f105"}
.ui-datepicker-calendar thead th{padding:8px 2px 2px;height:20px;border-left:solid 1px #ddd;border-top:solid 1px #ddd;border-bottom:solid 1px #ddd;font-size:12px;text-align:center;background-color:#103146;color:#fff;font-weight:400;box-sizing:border-box}
.ui-datepicker-calendar thead th:first-child{background-color:#fb6969}
.ui-datepicker-calendar thead th:last-child{background-color:#59a2b3;border-right:solid 1px #ddd}
.ui-datepicker-calendar tbody td{border-left:solid 1px #ddd;border-bottom:solid 1px #ddd;padding-top:8px;height:30px;text-align:center;color:#939393}
.ui-datepicker-calendar tbody td span,.ui-datepicker-calendar tbody td a{padding:2px 2px 0;color:#939393;font-size:14px}
.ui-datepicker-calendar tbody td:last-child{border-right:solid 1px #ddd}
.ui-datepicker-calendar tbody td > span,.ui-datepicker-calendar tbody td > a{text-align:center}
.ui-datepicker-calendar tbody td:first-child{background-color:#f2e6e6}
.ui-datepicker-calendar tbody td:first-child a{color:red!important}
.ui-datepicker-calendar tbody td:last-child{background-color:#d2e3e7}
.ui-datepicker-calendar tbody td:last-child a{color:#19589e!important}
.ui-datepicker-calendar tbody td.ui-state-disabled{background-color:#ebebeb;color:#ccc!important}
.datepickerGroup{margin-left:10px!important;position:relative}
.calendarGroup{position:relative;padding-right:24px}
.ui-datepicker-trigger{position:absolute;top:11px;right:0;z-index:9;width:18px;height:18px;display:block;color:#939393!important;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;font-size: 0;}
.ui-datepicker-trigger:after{content: "\f073";font-family:FontAwesome;font-size: 18px;}
.calendarGroup{display:flex;flex-direction:row;justify-content:center;align-items:center}
.datepickerGroup input{position:relative;z-index:10;background-color:transparent!important}
.datepickerGroup.text-md input{width:117px!important}
button.ui-datepicker-close{display:block;position:absolute;top:13px;right:10px;padding:0!important;margin:0!important;width:16px!important;height:16px!important;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;font-weight:700!important;font-size:16px;line-height:16px;color:#939393}
.selectDayGroup + input.datepicker{display:none}