@import url("slick_set.css");
/*915使用*/
.ShopTitle .ShopTitleInfo{position: relative;}
.ShopTitle .name_phone {left: calc(100% / 2);top: calc(100% / 2);position: absolute;transform: translate(-50%,-50%);width: 100%;}
.ShopTitle .name_phone h1{background-color: rgba(0,0,0,0.5);font-size: 1.25rem;color: #FFF;padding: 10px;text-align: center;position: static;}
.ShopTitle .name_phone span{background-color: transparent;font-size: 1.563rem;color: #FFF;display: block;padding: 0;margin:5px 0 0 0}
#pc_shop2 .point{position: absolute;top: -80px;}
#team,#team .StoreManager{flex-wrap: nowrap;}
#team .team_rotate_box header {font-size: 35px;text-align: center;padding: 30px 0;font-size: 2.188rem;font-weight: bold;line-height: 50px;}
#team .team_rotate_box header span{padding: 5px 30px;position: relative;overflow: hidden;display:inline-block;}
#team .team_rotate_box header span:before{width: 200px;height: 200px;border-radius: 100px;left: -80px;top: -140px;}
#team .team_rotate_box header span:after{width:100px;height: 100px;border-radius: 50px;right: -50px;bottom: -50px;}
#team .StoreManager .list-names{display: none;}
#team .StoreManager .shop dl h1{width: 100%;font-size: clamp(25px, 2vw,35px);font-weight: bold;line-height: 1.5em;white-space: wrap;}
#team .StoreManager .shop dl h4:nth-of-type(6) {padding-left: 0px;}
#team .StoreManager .shop dl h1 span,#team .StoreManager .shop dl span img,#team .StoreManager .shop dl h4:nth-of-type(6) span{display: none!important;}
#team .StoreManager .shop dl h4 {position: relative;padding:5px 0 5px 30px;}
#team .StoreManager .shop dl h4 span{background-color: #FFF;border-radius: 20px;width: 25px;height: 25px;position: absolute;top: 8px;left: 0px;}
#team .StoreManager .shop dl dt{word-break: break-all;}
.shop dt h4:nth-of-type(1) {order: 3;width: 35%;}
.shop dt h4:nth-of-type(2) {order: 5;width: 35%;}
.shop dt h4:nth-of-type(3) {order: 2;width: 65%;}
.shop dt h4:nth-of-type(4) {order: 4;width: 65%;}
.shop dt h4:nth-of-type(5) {order: 6;width: 100%;}
.shop dt h4:nth-of-type(6) {order: 1;width: 100%;}
.shop dt h4:nth-of-type(1) span:before{content: "\f10b";font-size: 1.2em !important;}
.shop dt h4:nth-of-type(2) span:before{content: "\f02f";}
.shop dt h4:nth-of-type(3) span:before{content: "\f041";}
.shop dt h4:nth-of-type(4) span:before{content: "\f0e0";font-size: 0.7em !important;}
.shop dt h4:nth-of-type(5) span:before{content: "\f0ac";}


#team .personal > .image.featured{display: none;}
#team .personal .imgbox{background-color: #FFF;border-radius: 110px;height: 200px;width: 200px;overflow: hidden;text-align: center;vertical-align: middle;display: block;border: none;}
#team .personal .imgbox img{/*max-width: 100%;max-height: 100vw;*/width: auto;max-height: 100%;}
#team .personal .info h2{display: none;}
#team .personal .info h3 span {font-size: 1rem;margin-right: 5px;background-color: #00669980;border-radius: 20px;padding:0px 10px;color: #FFF;line-height: 1.5rem;}
#team .personal .info h3 a {font-size: 2.188rem;color: #000;}
#team .personal .info h4{font-size: 1.875rem;font-weight: bold;}
#team .personal .info h4 a{color: #006699;}
#team .personal .info > a{display: none;}

#team .introduction h4{margin-bottom: 10px;font-size: 0.875rem;}
#team .introduction h3{margin-bottom: 10px;font-weight: bold;}
#team .personal > .image.featured{z-index: 2;}
#team .personal .shop-bg{display: none;}
#team .personal .ObjectLink {position: absolute;}

.shop dt h1 span{background-color: #F05922;}
#team .imgbox a{align-items: flex-end;}
#team .shop h1 span,#team .shop h4 span{height: 30px;display: inline-block;margin-right: 10px;padding-right: 10px;padding-left: 10px;vertical-align: top;}
#team .shop h3,#team .list-names dt{font-size: 18px;line-height: 30px;font-weight: bold;}
#team .shop h4{line-height: 30px;font-size:1.25rem;min-height: 40px;}
#team .shop .link{border-radius: 20px;padding: 5px 15px;font-size:clamp(20px, 1.1vw, 1.25rem);}
#team .shop .link a{margin: 0px;position: relative;display: flex;}
#team .shop .link a:after{content: "";position: absolute;display: block;background-color: #FFF;width: 1px;height: 15px;right: -3px;top:7px;}
#team .shop .link a:last-child:after{display: none;}
#team .shop dd{border-radius: 5px;overflow: hidden;}

#team.self .P_N_box h3{color: #000;}
#team.self .imgbox,#team.self .personal .info,#team.self .introduction{position: static;}
#team.self .imgbox{background-color: #FFF;border: 5px solid rgba(0,0,0,.3);border-radius: 50%;height: 106px;width: 106px;overflow: hidden;text-align: center;vertical-align: middle;display: block;margin-right: auto;margin-left: auto;}
#team.self .imgbox img{max-width: 100%;}
#team.self .personal{background-color: transparent;text-align: center; width: auto; padding: 0;}
#team.self .personal .ObjectLink{top: 0px;right: 0px;}
#team.self .personal .info a img{transform:rotate(180deg);margin-right: 10px;-webkit-filter:grayscale(1);}
#team.self .personal .info a:hover img{margin-right:5px;}
#team.self .personal .shop-bg{right: 0px;left: auto;}
#team.self h6{font-size: 1.05rem;font-weight: bold;color: #999;margin-bottom: 10px;padding-left:10px;position: relative;}
#team.self h6:before{position: absolute;left: 0px;top: 0px;}
#team.self .introduction dl h3,#team.self .introduction dl dt h4{vertical-align: top;margin-bottom: 5px;}
#team.self .introduction dl dt h3{width: 135px;color: #999;font-size: 0.875rem;}
#team.self .introduction dl dt h4{width: calc(100% - 135px);}
#team.self .personal .info{width: 210px;text-align: left;}
#team.self .personal:after{display: none;}
#team.self .personal .info h6{margin: 13px 10px;}
#team.self .personal .info h4{font-size: 1.25rem;margin:5px 10px;position: relative;text-align: center;}
#team.self .personal .info h4 a{color: #333;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;display: block;padding-left:30px;background-color: #CFE2ED;}
#team.self .personal .info h4:first-of-type a{background-color: #E1F0DB;color: #060;}
#team.self .personal .info h4:first-of-type:before{content: "";display: inline-block;width: 28px;height: 27px;cursor: pointer;background-image: url(../../images/LINE02.svg);background-position: left top;}
#team.self .personal .info h4:last-of-type i{color: #FFF;background-color: #069;padding: 3px 7px;}

#personal_page .mobile .wrapper{padding: 0;}

@media screen and (min-width: 769px) {
#team .personal{border-top-right-radius: 100px;width:300px;padding:15px 35px 5px 35px;order: 1;align-content: flex-start;}
#team .StoreManager .shop dl{height: 100%;}
#team .StoreManager .shop dt{width: 60%;}
#team .StoreManager .shop dd,#team .StoreManager .shop dd.googlemap{width: 20%;}
#team .StoreManager .shop dd a,#team .StoreManager .shop dd iframe,#team .StoreManager .shop dd #maps{height: 256px;width: 100%;align-items: center;}
#team .StoreManager .shop dd a img{max-height: 100%;}
#team .StoreManager .shop{border-top-left-radius: 100px;padding: 0px 0px 0px 80px;order: 2;flex-wrap: nowrap}
#team .StoreManager .shop dl dt{padding:30px 0 10px 0;}
#team .personal .info h2{font-size: 44px;}
#team .personal .info h3{font-size: 30px;line-height: 1.5em;font-weight: bold;}
#team .personal .info h4{line-height: 40px;}
#team .personal .ObjectLink {right: 295px;top: 40px;}

#team .introduction dd{height: 110px;float: left;margin-right: 10px;margin-top:10px}
#team .introduction dd img{max-height: 110px;max-width: 168px;}
#team .introduction{position: absolute;left: 20px;top: 50px;}
#team .introduction .ClienLink{height: 320px;width: 310px;}
#team .mCSB_inside > .mCSB_container{ margin-right: 20px; }

#team.self {position: relative;margin: 20px 0;}
#team.self .P_N_box h3{margin-top: 5px;font-size: 1.25rem;width: 140px;}
#team.self .introduction{width: calc(100% - 370px);background-color: #F9F9F9;padding: 10px;order: 2;}
#team.self .introduction dl .mCustomScrollbar{height: 100px;width: 100%;overflow: hidden;}
#team.self .introduction dl dt,#team.self .introduction dl dd{width: 50%;margin: 0px;padding: 0px;border-style: none;background-color: transparent;}
#team.self .personal .info h4:first-of-type:before,#team.self .personal .info h4:last-of-type i{position: absolute;left: 10px;top: 6px;}
#team.self .info_m{display: none;}
}
@media screen and (min-width: 1260px) {
#team .introduction .ClienLink{width: 500px;}
}
@media screen and (min-width: 1600px) {
#team .personal{width: 30%;}
#team .StoreManager .shop dt{width: 50%;}
#team .StoreManager .shop dd,#team .StoreManager .shop dd.googlemap{width: 25%;}
}
@media only screen and (min-width: 769px) and (max-width: 1259px) {
#team .StoreManager .shop dt{width: 100%;}
#team .StoreManager .shop dd,#team .StoreManager .shop dd.googlemap{width: 50%;}
}

@media screen and (max-width: 768px) {
.ShopTitle .name_phone {top: calc(70% / 2);}
#team_object .TableBox .t-td p {border-bottom: none;}

#team, #team .StoreManager {display: block;}
#pc_shop2 .point{top: -20px;}
#team .team_rotate_box header {font-size: 1.5rem;}
#team .shop .link{width: 100%;}
#team .shop .link a{flex: 1;}
#team .personal{width: 100%;padding:20px 10px;justify-content: center;align-items: stretch;}
#team .StoreManager .personal .info{margin: 10px 0 0 10px;}
#team .StoreManager .shop dl h1 a{display: block;}
#team .personal .info{display: flex;justify-content: center;align-items:center;flex-direction: column;gap: 10px;}
#team .personal .info h2{font-size: 20px;line-height: 25px;display: none;}
#team .personal .info h3{font-size: 1.25rem;line-height: 25px;font-weight: bold;}
#team .personal .info h3 a{font-size: 1.25rem;font-weight: bold;}
#team .personal .info h3 span {font-size: 14px;}
#team .personal .info h4{font-size: 1.5rem;line-height: 25px;}
#team.self .personal .info h4{font-size: 1.35rem;}
#team .personal .info a {font-size: 0.875rem;}
#team .personal .info a img {margin-left: 0px;}
#team .personal .imgbox{height: 100px;width: 100px;}
#team .StoreManager .shop dl h4.omitted{width: 100%;margin: 5px 0;}
.shop dt h4:nth-of-type(1) {order: 4;}
.shop dt h4:nth-of-type(2) {order: 5;}
.shop dt h4:nth-of-type(3) {order: 2;}
.shop dt h4:nth-of-type(4) {order: 3;}
.shop dt h4:nth-of-type(5) {order: 6;}
.shop dt h4:nth-of-type(6) {order: 1;width: 100%;}
#team .StoreManager .shop dd,#team .StoreManager .shop dd.googlemap{width: 100%;}

#team.self{position: fixed;left: 0px;bottom: 0px;z-index: 1008;background-color: #666;border-radius: 0px;width: 100%;}
#team.self .P_N_box {width: 50px;}
#team.self .P_N_box h3,#team.self h6 {display: none;}
#team.self .imgbox {max-width: 40px;max-height:40px;border: none}
#team.self .imgbox span {height:0;display: none;}
#team.self .personal  {border: none;padding:10px 5px;width: 100%;}
#team.self .personal .info {width:auto;}
#team.self .personal .info h3 a{height: auto;overflow: visible;}
#team.self .personal .info h4 {display: inline-block;margin: 0px;padding: 0px;vertical-align: top;}
#team.self .personal .info h4 a{padding-left: 0px;}
#team.self .personal .info h4:first-of-type:before{width: 40px;height:38px}
#team.self .personal .info h4:last-of-type i{width: 40px;height:40px;padding: 0px;vertical-align: top;font-size: 25px;line-height: 40px;background-color: #ff9900;}
#team.self .personal .info font {display:none;padding-left:0px;}
#team.self .personal .info_m {width: calc(100% - 140px)}
#team.self .personal .info_m h3 {font-size: 14px;line-height: 20px;color: #FFF;text-align: left;}
#team.self .personal .info_m h3 span {padding-left:10px;}
#team.self .introduction{display:none;background-color: #FFF;padding:10px 5px;border-radius: 0px;}
#team.self .introduction dd{background-color: transparent;padding:5px 0px;border: none;border-top: 1px solid #CCC;width: 100%;}
#team.self .introduction dl dt h3,#team.self .introduction dl h3{font-size: 14px;line-height: 20px;}
#team.self .introduction dl h4{font-size: 15px;line-height: 20px;border: none;}
#team.self .introduction dl dt h3,#team.self .introduction dl h3,#team.self .introduction dt h4{margin-bottom: 0px;padding-bottom: 0px;}
#team.self .introduction dl dt h3:first-child,
#team.self .introduction dl dt h4:nth-child(2),
#team.self .introduction dl dt h3:nth-child(3),
#team.self .introduction dl dt h4:nth-child(4) {display:none;}
#team.self .introduction dl dd .mCustomScrollbar{height: 200px;width: 100%;overflow: hidden;}

#team .shop{padding: 10px;}
#team .shop dd,#team .introduction dd{margin-top:10px;}

#team .introduction,#team_object{position: relative;}
#team .introduction .point,#team_object .point,#pc_shop .point{position: absolute;top: -50px;height: 50px;width: 1px;display: block;}
#team .introduction h4{padding-bottom: 10px;}
#team_object #TabbedPanels3 .TabbedPanelsContent {padding: 10px 0px;}

.hide_Tab .sequence,.hide_Tab .TabbedPanelsTabGroup{display: none;}
.hide_Tab #TabbedPanels8 .TabbedPanelsContent,.hide_Tab #TabbedPanels3 .TabbedPanelsContentGroup{border-top: none;}
}


/*新手提示*/
.help{position:fixed;z-index:5555;width:100%;height:calc(100% - 44px);display:none;left: 0px;top: 44px;}
.help .mask{width:100%;display:block;position: relative;height:calc(100% - 60px);background:none rgba(0, 0, 0, 0.8);}
.help .close{float:right;font-size:40px;color:#fff;width:40px;height:40px;line-height:40px;text-align:center;background:none;display: block;}
.help .close:hover{background:none rgba(0, 0, 0, 0.7)}
.help .step{position:absolute;color:#000;padding:15px;background:none rgba(255, 255, 255, 1);border-radius:5px;display:none}
.help .step .jt{font-size:0;height:0;border:10px solid rgba(0, 0, 0, 0);position:absolute}
.help .step .jt_left{border-right:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_right{border-left:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_top{border-bottom:10px solid rgba(255, 255, 255, 1)}
.help .step .jt_bottom{border-top:10px solid rgba(255, 255, 255, 1)}
.help .step .next,
.help .step .over{border:1px solid #069;color:#FFF;padding:0 5px;margin-top:10px;display: block;text-align: center;background-color: #069;}
.help .step .next:hover,
.help .step .over:hover{background:none rgba(0, 102, 153, 0.7)}
@media screen and (min-width: 769px) {
.help .mask{display:none;}
}