@charset "UTF-8";

/*-------------------------------------
  common class
-------------------------------------*/
/* display */
.hidden { display: none; }

/*-------------------------------------
  Form data data-check CSS
-------------------------------------*/
*[data-check="invalid"] { background: #FCC; }
*[data-check="valid"][readonly="readonly"], *[data-check="valid"][data-readonly="readonly"] { color: rgb(0, 0, 0); border: 0; background: rgb(245,245,245); -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; }
*[data-check="valid"][readonly="readonly"] { cursor: default; }
textarea.likeTypeText { height: 40px; padding: 4px 5px 2px; border: 1px solid rgb(235,235,235); border-radius: 3px; font-size: 13px; transition: border-color ease 0.2s; resize: none; white-space: pre; overflow-x: scroll; overflow-y: hidden; }

/*-------------------------------------
common parts class
-------------------------------------*/
/* select */
.select { position: relative; display: inline-block; }
.select select { height: 30px; padding: 0 25px 0 5px; -moz-appearance: none; -webkit-appearance: none; border: 1px solid #A7A7A7; border-radius: 2px; background-image: url(select_arrow.svg); background-repeat: no-repeat; background-position: right top; background-size: auto 100%; cursor: pointer; }
.select select::-ms-expand { display: none; }
.confirm .select select { cursor: default; }
/* radio checkbox */
input.hidden[type=radio], input.hidden[type=checkbox] { display: none; }
.radio, .checkbox { box-sizing: border-box; -webkit-transition: background-color 0.2s linear; transition: background-color 0.2s linear; position: relative; display: inline-block; margin: 0px 14px 0px 0px; padding: 0px 0px 0px 26px; border-radius: 8px; vertical-align: middle; cursor: pointer; }
.confirm .radio, .confirm .checkbox, .confirm .flagMark * { cursor: default; }
.radio:hover::after, .checkbox:hover::after { border-color: #A7A7A7; }
.radio::after { width: 16px; height: 16px; -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 0px; display: block; margin-top: -9px; border: 2px solid #bbb; border-radius: 10px; content: ''; }
.radio::before { width: 10px; height: 10px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 5px; display: block; margin-top: -4px; border-radius: 50%; background-color: rgb(40, 40, 40); content: ''; opacity: 0; }
.checkbox::after { width: 16px; height: 16px; -webkit-transition: border-color 0.2s linear; transition: border-color 0.2s linear; position: absolute; top: 50%; left: 0px; display: block; margin-top: -10px; border: 2px solid #bbb; border-radius: 2px; content: ''; }
.checkbox::before { width: 5px; height: 9px; -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; position: absolute; top: 50%; left: 6px; display: block; margin-top: -7px; border-right: 3px solid rgb(40, 40, 40); border-bottom: 3px solid rgb(40, 40, 40); content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
input[type=radio]:checked + .radio::before, input[type=checkbox]:checked + .checkbox::before { opacity: 1; }
/* text-align and vertical-align */
.alignLeft, .alignL { text-align: left; }
.alignCenter, .alignC { text-align: center; }
.alignRight, .alignR { text-align: right; }
.valignTop, .valignT { vertical-align: top; }
.valignMiddle, .valignM { vertical-align: middle; }
.valignBottom, .valignB { vertical-align: bottom; }
/* cursor */
.pointer { cursor: pointer; }
/* transition */
.transition { transition: all 0.2s ease-out 0s; }
.transition:hover { transition: all 0.2s ease-out 0s; }
/* box corner */
.box4px { border-radius: 4px; }
/* attention */
.attention { display: inline-block; padding: 0; color: rgb(230,0,0); font-size: 12px; font-weight: 300; line-height: 1.4; font-family: sans-serif; }
/* arrow */
.arrowL, .arrowR, .arrowU, .arrowD { width: 30px; height: 30px; margin: 2px; position: relative; vertical-align: middle; display: inline-block; }
.arrowR::after { content: ''; width: 8px; height: 8px; border-top: solid 2px rgb(230,0,0); border-right: solid 2px rgb(230,0,0); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: 8px; }
.arrowD::after { content: ''; width: 8px; height: 8px; border-bottom: solid 2px rgb(230,0,0); border-right: solid 2px rgb(230,0,0); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 7px; left: 10px; }
.arrowL::before { content: ''; width: 8px; height: 8px; border-bottom: solid 2px rgb(230,0,0); border-left: solid 2px rgb(230,0,0); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 11px; left: 12px; }
.arrowU::before { content: ''; width: 8px; height: 8px; border-top: solid 2px rgb(230,0,0); border-left: solid 2px rgb(230,0,0); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 12px; left: 10px; }
/* arrow:hover */
.arrowL:hover, .arrowR:hover, .arrowU:hover, .arrowD:hover { opacity: 0.7; }
.arrowR:hover::after, .arrowD:hover::after, .arrowL:hover::before, .arrowU:hover::before { opacity: 0.7; }

/*-------------------------------------
  Ajax Uploader CSS (z-index: 0,2)
-------------------------------------*/
.uploaderFileAPI .outer { width: 100%; display: none; }
.uploaderFileAPI .dropBox { width: 304px; height: 210px; margin: 0 auto; border: 3px solid #666; position: relative; box-sizing: border-box; }
.uploaderFileAPI .dropFile.active { background-color: rgba(15,110,140,0.4); z-index: 2; }
.uploaderFileAPI .dropFile.active.stop { background-color: transparent; z-index: 0; }
.uploaderFileAPI .dropFile.stop + .showFile, .uploaderFileAPI .dropFile.stop + .showFile span.empty { cursor: default !important; }
.uploaderFileAPI .dropBox span.empty { width: 100%; height: 100%; display: inline-block; box-sizing: border-box; font-weight: 700; font-size: 105%; color: #666; }
.uploaderFileAPI .dropFile { width: 298px; height: 204px; position: absolute; box-sizing: border-box; }
.uploaderFileAPI .showFile { position: absolute; width: 298px; height: 204px; z-index: 0; box-sizing: border-box; }
.uploaderFileAPI .showFile img, .uploaderFileAPI .showFile video { max-width: 100%; max-height: 100%; margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-sizing: border-box; }
.uploaderFileAPI .filePath { vertical-align: top; white-space: nowrap; }
.uploaderFileAPI .size { vertical-align: top; }
.uploaderFileAPI .numbering, .uploaderFileAPI .numbering input, .uploaderFileAPI .status { margin-left: 5px; }
.uploaderFileAPI .numbering input { width: 50px; box-sizing: border-box; }
.uploaderFileAPI .btn { height: 30px; margin: 2px 0 2px 5px; padding: 0 20px; border: 0px solid #FFF; background: rgb(230,0,0); color: rgba(255,255,255,1.0); font-size: 12px; line-height: 28px; display: inline-block; cursor: pointer; vertical-align: middle; box-sizing: border-box; border-radius: 2px; font-size: 90%; transition: all 0.2s ease-out 0s; }
.uploaderFileAPI .btn:hover, .uploaderFileAPI .btn:active { opacity: 0.7; transition: all 0.2s ease-out 0s; }
.uploaderFileAPI .deleteFile.inactive { display: none; }
/* Fix-CSS */
.uploaderFileAPI .infoFile { width: 100%; display: none; text-align: center; line-height: 30px; cursor: default; }
.uploaderFileAPI p { margin: 5px; padding: 0; border: none; display: inline-block; vertical-align: middle; }
.uploaderFileAPI .outer { width: 100% !important; }

/*-------------------------------------
  Ajax Loading CSS (z-index: 10000)
-------------------------------------*/
.ajaxLoading { width: 100%; height: 100%; background: rgba(255,255,255,0.7) url(loading.svg) center 35% no-repeat; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; display: none; }

/*-------------------------------------
  Floating Message CSS (z-index: 10001)
-------------------------------------*/
.floatingMsg { width: 40%; min-width: 260px; height: auto; margin: auto; padding: 20px; position: fixed; top: 40%; left: 0; right: 0; z-index: 10001; background: rgba(255,255,255,0.9); border: 2px solid rgba(230,0,0,0.9); display: none; color: rgb(230,0,0); font-size: 110%; text-align: center; border-radius: 4px; }

/*-------------------------------------
  pager
-------------------------------------*/
.pager ul li ol li span.current a { padding: 6px 14px; color: rgb(255,255,255); background: rgb(40,40,40); border: solid 1px rgb(40,40,40); border-radius: 2px; }
.pager-pagination .current { padding: 0; border-width: 0; border-radius: 0; }
.pager ul li ol li:nth-child(1) { margin-left: 0; }

/*-------------------------------------
  Google Custom Search
-------------------------------------*/
#gcse .gsc-input, #gcse .gsc-search-button { display: none; }
#gcse .gsc-control-cse { padding: 0; }
#gcse .gsc-search-box { height: 0; margin-top: -18px; }

/*-------------------------------------
header
-------------------------------------*/
header .gb-site .member { width: auto; }

/*-------------------------------------
login
-------------------------------------*/
.login-wrap p:nth-child(1) { font-size: 110%; }
.login-wrap p { margin: 10px auto; }
.login-wrap input[type="submit"], button[type="submit"] { padding: 10px 60px; font-size: 14px; color: rgb(230,0,0); background: rgb(255,255,255); border: 1px solid rgb(230,0,0); border-radius: 4px; cursor: pointer; }

/*-------------------------------------
/user/register/    /user/account/    /shop/_/review/post/
-------------------------------------*/
.user-register-sp, .revuePostSP { width: 90%; padding: 20px 5%; }
.revuePostSP .text-box, .user-register-sp .text-box, .user-account-sp .text-box { width: 100%; box-sizing: border-box; }
.revuePostSP .textarea-box, .user-account-sp .textarea-box { width: 100%; height: 100px; box-sizing: border-box; }
.user-register-sp dl, .user-account-sp dl { display: block; border-bottom: 1px solid rgb(235,235,235); }
.user-register-sp dt, .user-account-sp dt { display: block; padding: 20px 0 10px; border-top: 1px solid rgb(235,235,235); }
.user-register-sp dd, .user-account-sp dd { display: block; padding: 0 0 20px; }
.user-register-sp .submit, .revuePostSP .submit { padding: 20px; text-align: center; }
.user-register-sp .button-submit, .revuePostSP .button-submit { margin: 20px 0; }
.user-register-sp .submit p, .revuePostSP .submit p { margin-top: 10px; }
.user-register-sp input[type="submit"], .revuePostSP input[type="submit"] { padding: 10px 60px; font-size: 14px; color: rgb(230,0,0); background: rgb(255,255,255); border: 1px solid rgb(230,0,0); border-radius: 4px; cursor: pointer; }

/*-------------------------------------
/ranking/shop/
-------------------------------------*/
#siteRankingShop .ranking-shop-list-content { overflow: hidden; }

/*-------------------------------------
/shop/_/profile/
-------------------------------------*/
.profile-other { display: block; color: rgb(180,180,180); padding: 8px 30px; background: rgb(240,240,240); border: 1px solid rgb(180,180,180); border-radius: 4px; position: absolute; right: 188px; top: 0; }
/* Add 20200415 */
.profile-pict .slick-dotted.slick-slider { padding-bottom: 0; }
.profile-pict .slick-arrow { top: 275px; }
.profile-pict .slider .slick-dots { margin-top: 0; flex-flow: wrap row; justify-content: flex-start; float: left; position: static; bottom: auto; }
.profile-pict .slider .slick-dots li { min-width: 20%; height: auto; }

/*-------------------------------------
/shop/_/review/post/
-------------------------------------*/
.revuePost table { width: 100%; }
.revuePost table th { width: 90px; font-weight: 400; }
.revuePost input[type="range"] { width: 75%; height: 20px; margin: 10px 0; }
.revuePost input[type="range"]::-ms-tooltip { display: none; }
.revuePostSP input[type="range"] { height: auto; background: rgb(255,255,255); margin: 15px 0; -webkit-appearance: none; outline: none; border: none; cursor: pointer; }
.revuePostSP input[type="range"]:focus { outline: none; }
.revuePostSP input[type="range"]::-webkit-slider-runnable-track { height: 2px; background: #CCC; }
.revuePostSP input[type="range"]::-moz-range-track { height: 2px; background: #CCC; }
.revuePostSP input[type="range"]::-webkit-slider-thumb { height: 24px; width: 24px; margin-top: -12px; border: none; background: transparent url(range_circle.svg) no-repeat center/cover; -webkit-appearance: none; cursor: pointer; }
.revuePostSP input[type="range"]::-moz-range-thumb { height: 24px; width: 24px; border: none; background: transparent url(range_circle.svg) no-repeat center/cover; cursor: pointer; }
.revuePostSP dl { width: 100%; margin-top: 30px; border-bottom: 1px solid rgb(235,235,235); }
.revuePostSP dt { padding: 10px 0 0; border-top: 1px solid rgb(235,235,235); }
.revuePostSP dd { margin-left: 10px; padding: 5px 0 10px; }
.revuePostSP .text-box.w80 { width: 80%; }
.revuePostSP span { color: rgb(230,0,0); margin: 0 5px; }
.revuePostSP span.small { font-size: 90%; }
.revuePostSP label { margin-top: 5px; }

/*-------------------------------------
/user/register/
-------------------------------------*/
#siteUserRegister .small { font-size: 90%; }
.user-register { width: 80%; padding: 40px 10%; }
.user-register span { color: rgb(230,0,0); margin: 0 5px; }
.user-register dl { width: 100%; margin-top: 30px; border-bottom: 1px solid rgb(235,235,235); }
.user-register dt { width: 25%; padding: 30px 0; float: left; border-top: 1px solid rgb(235,235,235); }
.user-register dd { width: 75%; padding: 30px 0; float: left; border-top: 1px solid rgb(235,235,235); }
.user-register .submit { padding: 20px; text-align: center; }
.user-register .button-submit { margin: 20px 0; }
.user-register .submit p { margin-top: 10px; }
.user-register-sp dl { margin-top: 20px; }
.user-register-sp .birthAge { margin-top: -32px; padding-left: 70px; }
.user-register-sp dt.hidden, .user-register-sp dd.hidden { display: none; }
.user-register-sp span { color: rgb(230,0,0); margin: 0 5px; }

/*-------------------------------------
/user/account/
-------------------------------------*/
#siteUserAccount .small { margin: 0 5px; font-size: 90%; color: rgb(230,0,0); }
#siteUserAccountPict .avatar .dropBox { overflow: hidden; border-radius: 50%; }
#siteUserAccountPict .avatar { padding: 10px 20px; text-align: center; vertical-align: top; }
#siteUserAccountPict .avatar .recommendSize { margin-top: 4px; line-height: 1.4; font-size: 90%; display: inline-block; }
#siteUserAccountPict .avatar .empty { overflow: hidden; border-radius: 50%; line-height: 1.4 !important; padding-top: 60px; background-image: url(../upload/member.gif); background-size: cover; }
#siteUserAccountPict .user-account-sp dd, #siteUserAccountLeave .user-account-sp dd { padding-left: 110px; margin-top: -30px; }

.user-account-sp { width: 90%; padding: 0 5%; }
.user-account-sp .submit { text-align: center; }
.user-account-sp .submit p { margin-top: 10px; }
.user-account-sp .button-submit { margin: 20px 0; }
.user-account-sp .button-submit { padding: 10px 30px; font-size: 14px; color: rgb(230,0,0); background: rgb(255,255,255); border: 1px solid rgb(230,0,0); border-radius: 4px; cursor: pointer; }
.user-account-sp .birthAge { margin-top: -32px; padding-left: 70px; }

/*-------------------------------------
/user/girls/edit/
-------------------------------------*/
#siteUserGirlsEdit .aHandler { cursor: default; }
#siteUserGirlsEdit .aHandler .rankUp { opacity: 0; position: absolute; top: -80px; left: 0; background: rgba(230,230,230,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserGirlsEdit .aHandler:hover .rankUp { opacity: 1; }
#siteUserGirlsEdit .aHandler .rankDown { opacity: 0; position: absolute; top: -80px; right: 0; background: rgba(230,230,230,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserGirlsEdit .aHandler:hover .rankDown { opacity: 1; }
#siteUserGirlsEdit .aHandler .delete { opacity: 0; width: 50px; height: 30px; margin: 2px auto; position: absolute; top: -80px; left: 0; right: 0; color: rgb(255,255,255); line-height: 28px; background: rgba(40,40,40,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserGirlsEdit .aHandler:hover .delete { opacity: 1; }

/*-------------------------------------
/user/shop/edit/
-------------------------------------*/
#siteUserShopEdit .girls-list .info, #siteUserShopEdit .girls-list .size { padding: 2px; }
#siteUserShopEdit .aHandler { cursor: default; }
#siteUserShopEdit .aHandler .rankUp { opacity: 0; position: absolute; top: -80px; left: 0; background: rgba(230,230,230,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserShopEdit .aHandler:hover .rankUp { opacity: 1; }
#siteUserShopEdit .aHandler .rankDown { opacity: 0; position: absolute; top: -80px; right: 0; background: rgba(230,230,230,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserShopEdit .aHandler:hover .rankDown { opacity: 1; }
#siteUserShopEdit .aHandler .delete { opacity: 0; width: 50px; height: 30px; margin: 2px auto; position: absolute; top: -80px; left: 0; right: 0; color: rgb(255,255,255); line-height: 28px; background: rgba(40,40,40,0.8); border-radius: 2px; transition: all 0.5s ease-in-out 0s; }
#siteUserShopEdit .aHandler:hover .delete { opacity: 1; }

/*-------------------------------------
/user/review/  delete revue button
-------------------------------------*/
.deleteRevueBtn { height: 30px; margin: 10px 0 0 50px; padding: 0 10px; border: 0px solid #FFF; background: rgb(40,40,40); color: rgb(255,255,255); font-size: 12px; line-height: 28px; display: inline-block; cursor: pointer; vertical-align: middle; box-sizing: border-box; border-radius: 2px; text-align: center; }
.deleteRevueBtn.alignCenter { margin: 10px; }
.deleteRevueBtn:hover, .deleteRevueBtn:active { opacity: 0.7; }

/*-------------------------------------
drawer parts
-------------------------------------*/
.cross { width: 16px; height: 16px; display: inline-block !important; position: absolute; top: 18px; right: 30px; transform: rotate(-45deg); }
.cross::before, .cross::after { height: 16px; width: 1px; background: rgba(0,0,0,0.6); position: absolute; left: 8px; content: ' '; }
.cross::before { transform: rotate(45deg); }
.cross::after { transform: rotate(-45deg); }
.toggleOn .cross { transform: rotate(90deg); opacity: 1; }
.noScroll { overflow: hidden; height: 100%; }
.closeArea { border-top: 1px solid rgb(235,235,235); background: rgb(255,255,255); text-align: center; cursor: pointer; }
.drawerCloseBtn { width: 30px; height: 30px; margin-bottom: 5px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; }
.drawerCloseBtn::before { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; margin-top: 0; margin-left: -11px; background: rgb(0,0,0); transform: rotate(-45deg); }
.drawerCloseBtn::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 1px; margin-top: 0; margin-left: -11px; background: rgb(0,0,0); transform: rotate(-135deg); }

/*-------------------------------------
drawerGlobal z-index: 1010
-------------------------------------*/
#header { z-index: 1010; }
header .gb-nav-menu { width: 40px; height: 40px; position: absolute; top: 6px; left: auto; }
header .gb-nav-list { width: 100%; height: auto; border-top: 1px solid rgb(240,240,240); background: rgb(255,255,255); display: none; position: fixed; top: auto; overflow-y: auto; line-height: 50px; font-weight: 700; }
header .gb-nav-list li { width: 100%; background: rgb(255,255,255); border-top: 1px solid rgb(235,235,235); position: relative; float: none; color: rgb(0,0,0); text-align: left; }
header .gb-nav-list .parentList > li:first-child { padding: 20px; border: none; display: flex; flex-flow: row nowrap; justify-content: center; align-items: center; box-sizing: border-box; }
header .gb-nav-list .parentList > li:first-child > a { height: 40px; border: 1px solid rgb(235,0,0); border-radius: 8px 0 0 8px; color: rgb(235,0,0); line-height: 40px; text-align: center; flex-grow: 3; }
header .gb-nav-list .parentList > li:first-child > a + a { border-left: 0; border-radius: 0 8px 8px 0; }
header .gb-nav-list li a, header .gb-nav-list li a:hover { padding: 0 30px; background: transparent; text-decoration: none; color: inherit; }
.searchSP { padding: 10px 30px; }
.searchSP form { display: flex; flex-flow: row nowrap; justify-content: space-around; align-items: center; }
.searchSP select { width: 80px; height: 40px; padding: 6px 24px 4px 8px; background: transparent; border: 1px solid rgb(0,0,0); border-radius: 4px; position: relative; color: rgb(0,0,0); font-size: 14px; cursor: pointer; font-weight: 700; }
.searchSP label.select::before { width: 0; height: 0; padding: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid rgb(0,0,0); position: absolute; top: 24px; right: 5px; content: ''; }
.searchSP input[name="q"] { height: 40px; margin-left: 10px; border: none; box-sizing: border-box; flex-grow: 3; font-size: 14px; }
.searchSP button { width: 30px; height: 30px; padding: 5px; background: transparent; border: none; text-align: center; line-height: 38px; font-size: 21px; color: rgb(0,0,0); cursor: pointer; }

/*-------------------------------------
drawerShop, drawerUser z-index: 2020
-------------------------------------*/
/* Unnecessary */
.shop-head-nav-list li:nth-of-type(1) { border-top: 0px solid rgb(235,235,235); }
.shop-head-nav-list li:nth-of-type(2) { border-top: 0px solid rgb(235,235,235); }
.shop-head-nav-list li:nth-of-type(2n+1) { border-left: 0px solid rgb(235,235,235); }
.user-head-nav-list li:nth-of-type(1) { border-top: 0px solid rgb(235,235,235); }
.user-head-nav-list li:nth-of-type(2) { border-top: 0px solid rgb(235,235,235); }
.user-head-nav-list li:nth-of-type(2n+1) { border-left: 0px solid rgb(235,235,235); }
/* drawerShopMenu drawerUserMenu */
.drawerShopMenu, .drawerUserMenu { width: 100%; max-height: 100%; background: rgba(0,0,0,1); overflow-y: auto; line-height: 50px; position: fixed; display: block; z-index: 2020; top: 0; left: 100%; box-sizing: border-box; }
.drawerShopMenu .parentList li, .drawerUserMenu .parentList li { width: 100%; padding: 0; background: rgb(255,255,255); border: none; border-top: 1px solid rgb(235,235,235); position: relative; float: none; color: rgb(0,0,0); text-align: left; font-weight: 700; }
.drawerShopMenu li a, .drawerShopMenu li a:hover, .drawerUserMenu li a, .drawerUserMenu li a:hover { padding: 0 30px; background: transparent; text-decoration: none; color: inherit; display: block; }
.drawerUserMenu li ul { display: none; line-height: 50px; }
.drawerUserMenu .parentList li li { padding-left: 20px; border-top: 1px solid rgb(235,235,235); border-bottom: none; }
.drawerUserMenu .parentList li li::before { display: block; position: absolute; top: 20px; left: 35px; width: 0; height: 0; padding: 0; content: ''; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid rgb(230,0,0); }
.shop-head-nav-list { display: block; }
.user-head-nav-list { display: block; }
/* shopProfile */
.drawerShopMenu .shopProfile { padding-bottom: 70px; background: rgb(255,255,255); font-size: 14px; line-height: 1.4; position: relative; }
.drawerShopMenu .shopProfile .profile { width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%, rgba(255,255,255,1.0) 100%); position: absolute; top: 0; z-index: 1; box-sizing: border-box; }
.drawerShopMenu .shopProfile .name { position: absolute; bottom: 138px; left: 20px; font-size: 140%; font-weight: 700; }
.drawerShopMenu .shopProfile .area { position: absolute; bottom: 120px; left: 20px; font-size: 96%; }
.drawerShopMenu .shopProfile .open { position: absolute; bottom: 96px; left: 20px; }
.drawerShopMenu .shopProfile .fee { position: absolute; bottom: 75px; left: 20px; }
.drawerShopMenu .shopProfile .tel { position: absolute; bottom: 30px; left: 20px; font-size: 170%; }
.drawerShopMenu .shopProfile .tel a { color: rgb(40,40,40); }
.drawerShopMenu .shopProfile p:last-child { position: absolute; bottom: 10px; left: 20px; font-size: 88%; }
.drawerShopMenu .shopProfile p:last-child span { color: rgb(235,0,0); }
.drawerShopMenu .shopProfile .tel .icon { font-size: 24px; vertical-align: -1px; }
.drawerShopMenu .shopProfile .tel .icon::after { content: ''; padding-left: 10px; }
.drawerShopMenu .shopProfile .icon { font-size: 18px; vertical-align: -3px; }
.drawerShopMenu .shopProfile .icon::after { content: ''; padding-left: 5px; }
/* userProfile */
.userProfile { padding: 10px 20px; background: rgb(255,255,255); font-size: 14px; line-height: 1.4; position: relative; }
.userProfile .pict { width: 80px; border-radius: 50%; overflow: hidden; }
.userProfile .info { margin-top: 5px; }
.userProfile .info a { font-size: 16px; }
.userProfile .age { display: block; }

/*-------------------------------------
girlsSearch
-------------------------------------*/
.girlsSearchMenu { width: 100%; height: 100%; background: rgb(255,255,255); display: none; position: fixed; top: 0; left: 0; z-index: 2020; overflow-y: auto; }
.girlsSearchMenu .drawerGirlsSearch { width: 100%; height: 48px; display: block; padding: 0; font-size: 16px; color: rgb(255,255,255); background: rgb(40,40,40); cursor: pointer; position: fixed; z-index: 2020; }
.linkBack { width: 80%; height: auto; padding: 12px 0 12px 24px; background: rgb(230,0,0); display: inline-block; position: relative; box-sizing: border-box; }
.linkBack::before { content: ''; width: 10px; height: 10px; border-bottom: solid 1px rgb(255,255,255); border-left: solid 1px rgb(255,255,255); transform: rotate(45deg); position: absolute; top: 20px; left: 12px; }
.searchGirlsSP { width: 90%; margin: 0 auto; position: relative; box-sizing: border-box; }
.searchGirlsSP input[name="q"] { width: 100%; height: 32px; padding-left: 36px; border: 1px solid rgb(235,0,0); border-radius: 16px; box-sizing: border-box; }
.searchGirlsSP .icon { width: 32px; height: 32px; padding: 2px; background: transparent; position: absolute; top: 0; left: 2px; text-align: center; line-height: 30px; font-size: 20px; color: rgb(235,0,0); cursor: pointer; vertical-align: middle; box-sizing: border-box; }
.girlsSearchMenu a { display: inline-block; width: 20%; box-sizing: border-box; text-align: center; }
.girlsSearchMenu .close { height: 15px; margin: 0; display: inline-block; background: transparent; position: relative; top: 0; left: 0; }
.girlsSearchMenu .close::before { margin-top: 0; transform: rotate(-45deg); }
.girlsSearchMenu .close::after { margin-top: 0; transform: rotate(-135deg); }
.girlsSearchMenu form { margin-top: 50px; }

/*-------------------------------------
review judge
-------------------------------------*/
.judgeList, .judgeReview { margin-top: 2px; padding: 5px; background: rgb(235,235,235); font-size: 12px; text-align: center; }

/*-------------------------------------
map
-------------------------------------*/
#googleMapArea { width: calc(100% - 2px); height: 70vh; border: 1px solid rgb(77,106,121); overflow: hidden; position: relative; }
#googleMapArea #googleMap { width: 100%; height: 100%; border: 0px solid rgb(77,106,121); overflow: hidden; }
/*-------------------------------------
shop map
-------------------------------------*/
#googleMapShop { width: calc(100% - 2px); height: 70vh; border: 1px solid rgb(77,106,121); overflow: hidden; position: relative; }
#googleMapShop #googleMap { width: 100%; height: 100%; border: 0px solid rgb(230,0,0); overflow: hidden; position: absolute; top: 0; }
#googleMapShop .placeCard { width: 267px; height: auto; margin: 10px; padding: 10px 5px 10px 12px; background: #FFF; display: none; box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px; border-radius: 2px; position: absolute; top: 0; left: 0; font: 400 11px Roboto, Arial, sans-serif; }
#googleMapShop .placeCard > span { display: block; font-size: 14px; color: #000; }
#googleMapShop .placeCard .name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-weight: 500; }
#googleMapShop .placeCard .address { margin: 6px 0; font-size: 12px; color: #5B5B5B; }
#googleMapShop .placeCard .other { margin-top: 2px; font-size: 12px; color: #5B5B5B; }
#googleMapShop .placeCard .mapLink { margin-top: 10px; }
#googleMapShop .placeCard .mapLink a { font-size: 12px; color: #3a84df; }
#googleMapShop .underConstruction { width: 200px; height: 30px; margin: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; }

/*-------------------------------------
JS slick.js    Add 20200408
-------------------------------------*/
.slider { max-height: 0; opacity: 0; transition: max-height 0.0s, opacity 0.2s; }
.slider.slick-initialized { max-height: 100vh; opacity: 1; }

/*-------------------------------------
information for tinyMCE    Add 20200501
-------------------------------------*/
.shop-new-info img, #tinymce img { max-width: 100%; height: auto; }