/********* common *********/
* {
  box-sizing: border-box;
}

body {
  font-family: "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;
  font-size: 16px;
  width: 100%;
  min-width: 375px;
  margin: 0 auto;
  overflow-x: hidden;
}

body#chinese {
  font-family: "Hiragino Sans GB", "Hiragino Sans GB W3", "STXihei", "Microsoft YaHei", "微软雅黑", "SimSun", sans-serif;
}

a {
  text-decoration: none;
}

.clearfix {
  overflow: hidden;
}

header {
  background: url(../images/bg_header.jpg) no-repeat #ffdc00;
  background-size: 100%;
  padding-bottom: 5vw;
  border-top: #ffdc00 1.38vw solid;
}

header h1 {
  font-size: 3.2vw;
  color: #fff;
  padding-top: 1.5vw;
  text-align: center;
}

header #logo {
  margin-top: 2vw;
  text-align: center;
}

header #logo img {
  width: 88.534vw;
}

header .lang {
  font-size: 0;
  width: 100%;
  margin: 10vw auto 0;
  padding: 0 2.75vw;
}

header .lang li {
  font-size: 3.6vw;
  width: calc(100% / 3 - 1.01vw);
  margin-left: 1.5vw;
  border: #000 2px solid;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.5vw;
}

header .lang li:first-child {
  margin-left: 0;
}

header .lang li a {
  color: #000;
  width: 100%;
  height: 100%;
  padding: 3.5vw 0;
  display: block;
}

header .lang li.select a {
  color: #fff;
  background: #000;
}

header nav div.burger {
  background: #fff;
  width: 14vw;
  height: 14vw;
  border-radius: 100%;
  box-shadow: 2px 2px 2px 2px rgba(0,0,0,.3);
  position: fixed;
  bottom: 5vw;
  right: 5vw;
  cursor: pointer;
  z-index: 10002;
}

header nav div.x,
header nav div.y,
header nav div.z {
  background: #000;
  margin: auto;
  border-radius: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  -ms-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

header nav div.x, div.y, div.z {
  width: 7vw;
  height: 1vw;
}

header nav div.x {
  top: -4.5vw;
}

header nav div.y {
  top: 0;
}

header nav div.z {
  top: 4.5vw;
}

header nav div.collapse {
  width: 10vw;
  top: 0;
  -webkit-transition: all 70ms ease-out;
  -moz-transition: all 70ms ease-out;
  -ms-transition: all 70ms ease-out;
  -o-transition: all 70ms ease-out;
  transition: all 70ms ease-out;
}

header nav div.rotate30 {
  -ms-transform: rotate(30deg);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}

header nav div.rotate150 {
  -ms-transform: rotate(150deg);
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  -webkit-transition: all 50ms ease-out;
  -moz-transition: all 50ms ease-out;
  -ms-transition: all 50ms ease-out;
  -o-transition: all 50ms ease-out;
  transition: all 50ms ease-out;
}

header nav div.rotate45 {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

header nav div.rotate135 {
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  -webkit-transition: all 100ms ease-out;
  -moz-transition: all 100ms ease-out;
  -ms-transition: all 100ms ease-out;
  -o-transition: all 100ms ease-out;
  transition: all 100ms ease-out;
}

header nav div.header .navbar {
  height: 73px;
  background: #385e97;
}

header nav div.circle {
  border-radius: 50%;
  width: 0;
  height: 0;
  position: fixed;
  bottom: 10vw;
  right: 10vw;
  background: #fff;
  opacity: 1;
  z-index: 10000;
  -webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

header nav div.circle.expand {
  width: 1600px;
  height: 1600px;
  bottom: -560px;
  right: -565px;
  position: fixed;
  -webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

header nav div.menu {
  height: 100%;
  width: 100%;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

header nav div.menu ul li {
  font-size: 0;
  width: 100%;
  height: 8.402vw;
  text-align: right;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

header nav div.menu li:nth-of-type(1) {
  background: url(../images/icon_top.png) no-repeat 92% center;
  background-size: 8.5% 91%;
}

header nav div.menu li:nth-of-type(2) {
  background: url(../images/icon_ping.png) no-repeat 90.5% center;
  background-size: 5.3% 95%;
}

header nav div.menu li:nth-of-type(3) {
  background: url(../images/icon_store.png) no-repeat 92% center;
  background-size: 8.1% 97.4%;
}

header nav div.menu li:nth-of-type(4) {
  background: url(../images/icon_girl.png) no-repeat 91% center;
  background-size: 6.4% 90.5%;
}

header nav div.menu li:nth-of-type(5) {
  background: url(../images/icon_star.png) no-repeat 92% center;
  background-size: 7.8% 90.5%;
}

header nav div.menu li:nth-of-type(6) {
  background: url(../images/icon_info.png) no-repeat 92% center;
  background-size: 7.5% 90%;
}

header nav div.menu ul li a {
  color: #000;
  width: 100%;
  height: 100%;
  padding: 2vw 25vw 2vw 0;
  display: block;
  text-transform: uppercase;
  text-decoration: none;
}

header nav div.menu li.animate {
  font-size: 4vw;
  opacity: 1;
  -webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
  transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}

header nav div.menu li.animate:nth-of-type(1) {
  top: 15vw;
  transition-delay: 0.0s;
}

header nav div.menu li.animate:nth-of-type(2) {
  top: 35vw;
  transition-delay: 0.03s;
}

header nav div.menu li.animate:nth-of-type(3) {
  top: 55vw;
  transition-delay: 0.06s;
}

header nav div.menu li.animate:nth-of-type(4) {
  top: 75vw;
  transition-delay: 0.09s;
}

header nav div.menu li.animate:nth-of-type(5) {
  top: 95vw;
  transition-delay: 0.12s;
}

header nav div.menu li.animate:nth-of-type(6) {
  top: 115vw;
  transition-delay: 0.15s;
}

#u-layer h2 {
  font-size: 4.8vw;
  font-weight: bold;
  color: #ffdc00;
  background: url(../images/heart.png) no-repeat 3vw top;
  background-size: 3.5% 32%;
  margin-top: 6vw;
  padding: 0 0 1vw 3vw;
  line-height: 0.6;
  border-bottom: #ffdc00 1.5vw solid;
}

#u-layer h2.english {
  background-size: 3.5% 72%;
}

#u-layer h2 span {
  font-size: 4.25vw;
  font-weight: bold;
  color: #000;
  padding: 0.6vw 0 0 6vw;
  display: block;
}

#u-layer #refine {
  font-size: 0;
  margin: 3vw 0 0 3vw;
}

#u-layer #refine li {
  font-size: 3.2vw;
  margin-right: 1vw;
  display: inline-block;
}

.pagenation {
  margin-top: 4vw;
  padding: 0 3vw;
}

.pagenation ul {
  font-size: 0;
}

.pagenation ul li {
  font-size: 3.8vw;
  width: calc(50% - 3.01vw);
  border: #ffdc00 0.54vw solid;
  text-align: center;
  display: inline-block;
}

.pagenation ul li:last-child {
  margin-left: 6vw;
}

.pagenation ul li a {
  color: #000;
  width: 100%;
  padding: 3vw 0;
  display: block;
}

.search {
  font-size: 4.2vw;
  font-weight: bold;
  margin-top: 4vw;
  padding-left: 3vw;
}

.parent,
.children {
  font-size: 3.8vw;
  background: url(../images/triangle.png) no-repeat 97% center;
  background-size: 2.1% 25%;
  width: 94vw;
  margin: 2.5vw auto 0;
  padding: 0.5vw 0 0.5vw 1.5vw;
  border-radius: 8px;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

#u-layer section ul#genre {
  margin-top: 2.5vw;
}

footer {
  margin-top: 12vw;
}

footer form {
  width: 94.55%;
  margin: 0 auto;
  position: relative;
}

footer form input[type="search"] {
  font-size: 16px;
  width: 100%;
  padding: 2.8vw 0 2.8vw 4vw;
  border: #939393 2px solid;
  border-radius: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

footer form input[type="search"]::placeholder {
  font-size: 3.2vw;
}

footer form input[type="submit"] {
  background: url(../images/glass.png) no-repeat #fff;
  background-size: contain;
  width: 6.267vw;
  height: 6vw;
  padding: 0;
  border: none;
  position: absolute;
  right: 20px;
  top: 12px;
  outline: none;
  appearance: none;
  cursor: pointer;
}

footer .copy {
  font-size: 3.2vw;
  color: #fff;
  background: #ffdc00;
  margin-top: 4vw;
  padding: 2vw 2vw 10vw 2vw;
  line-height: 1.6;
}
/********* common *********/

/********* top *********/
.modal {
    width: 95%;
    height: 100%;
    margin: auto;
    text-align: center;
    overflow-x: auto;
    display: none;
    position: fixed;
    top: 2%;
    left: 0;
    right: 0;
    z-index: 10003;
}

.modal .logo img {
    width: 100%;
}

.modal .english {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 8vw;
    line-height: 1.2;
}

.modal .japanese {
    font-size: 3.2vw;
    color: #fff;
    margin-top: 8vw;
    line-height: 1.2;
}

.modal .attention {
    margin-top: 6vw;
}

.modal ul {
    margin-top: 6vw;
    padding-bottom: 10vw;
}

.modal ul li {
    font-size: 7.467vw;
}

.modal ul li:last-child {
    margin-top: 2vw;
}

.modal ul li a {
    color: #fff;
    width: 100%;
    padding: 3vw 0;
    border: #fff 0.667vw solid;
    display: block;
    letter-spacing: 0.533vw;
    cursor: pointer;
    transition: all .5s;
}

.modal ul li p {
    font-size: 3vw;
    color: #fff;
    margin-top: 2vw;
}

section .bx-wrapper {
  margin-bottom: 8vw;
  box-shadow: none;
  border: none;
}

section .bx-wrapper img {
  margin: 0 auto;
}

section .bx-wrapper .bx-pager.bx-default-pager a {
  background: #b4b4b4;
  width: 2.4vw;
  height: 2.4vw;
  margin: 0 1.4vw;
  border-radius: 100%;
}

section .bx-wrapper .bx-pager.bx-default-pager a.active,
section .bx-wrapper .bx-pager.bx-default-pager a:focus,
section .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #000;
}

section .bx-wrapper .bx-controls-auto,
section .bx-wrapper .bx-pager {
  bottom: -5vw;
}

section #menu {
  font-size: 4.2vw;
  font-weight: bold;
  margin-top: 2vw;
  letter-spacing: 1vw;
  display: flex;
  align-items: center;
}

section #menu:before,
section #menu:after {
  content: "";
  flex-grow: 1;
  height: 4px;
  background: #444;
  display: block;
}

section #menu:before {
  margin-right: .4em;
}

section #menu:after {
  margin-left: .4em;
}

section .attention {
  font-size: 3.8vw;
  margin-top: 4.5vw;
  text-align: center;
}

section #b-area {
  font-size: 0;
  width: 100%;
  margin: 2vw auto 0;
  padding: 0 2.75vw;
}

section #b-area li {
  font-size: 3.6vw;
  width: calc(100% / 3 - 1.01vw);
  margin-left: 1.5vw;
  padding: 3vw 0;
  border: #000 4px solid;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

section #b-area.english li {
  font-size: 3vw;
}

section #b-area li:nth-child(3n+1) {
  margin-left: 0;
}

section #b-area li:nth-child(n+4) {
  margin-top: 1.5vw;
}

section #b-area li.select {
  background: #ffdc00;
}

section #s-area {
  margin-top: 2.25vw;
}

section #s-area .ss-area {
  display: none;
}

section #s-area .ss-area .area-name {
  font-size: 3.6vw;
  background: url(../images/arrow.png) no-repeat 98% center;
  background-size: 3% 50%;
  padding: 2.75vw 0 2vw 2.75vw;
  border-bottom: #000 2px solid;
  cursor: pointer;
}

section #s-area .ss-area ul {
  display: none;
}

section #s-area .ss-area ul li {
  font-size: 3.6vw;
  border-bottom: #000 2px solid;
  cursor: pointer;
}

section #s-area .ss-area ul.none {
  display: block;
}

section #s-area .ss-area ul.none li {
  padding-left: 2.75vw;
}

section #s-area .ss-area ul li.select {
  background: #ffdc00;
}

section #s-area .ss-area ul li input[type="radio"] {
  display: none;
}

section #s-area .ss-area ul li label {
  width: 100%;
  height: 100%;
  padding: 2vw 0 2vw 7.5vw;
  display: block;
  cursor: pointer;
}

section ul#genre {
  margin-top: 5vw;
  padding: 0 2.75vw;
}

section ul#genre li {
  margin-top: 1.5vw;
  position: relative;
}

section ul#genre li input {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}

section ul#genre li input[type="checkbox"] + label {
  font-size: 3.6vw;
  width: 100%;
  padding: 2vw 0;
  text-align: center;
  border: #000 4px solid;
  display: block;
}

section ul#genre li span {
  padding: 3px 10px;
  display: inline-block;
}

section ul#genre li.selected input[type="checkbox"] + label {
  background: #ffdc00;
}

section #btn-search {
  width: 94.55%;
  margin: 5vw auto 0;
}

section #btn-search input[type="submit"] {
  font-size: 3.6vw;
  font-weight: bold;
  background: #fff;
  width: 100%;
  padding: 2vw 0;
  border: #000 4px solid;
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  box-sizing: border-box;
  cursor: pointer;
}

section #btn-search input[type="submit"]::-webkit-search-decoration,
section #btn-search input[type="button"]::-webkit-search-decoration {
  display: none;
}

section #btn-search input[type="submit"]::focus,
section #btn-search input[type="button"]::focus {
  outline-offset: -2px;
}
/********* top *********/

/********* enrolledlist *********/
.breadcrumb {
  font-size: 3.2vw;
  float: left;
}

.shop-link {
  font-size: 3.2vw;
  margin: 3vw 3vw 0 0;
  float: right;
}

.shop-link a {
  color: #000;
}
/********* /enrolledlist *********/

/********* favorite_list *********/
.fav header {
  background: none;
  padding: 0;
  border: none;
}

.fav header div {
  text-align: center;
  margin-top: 2vw;
}

.fav header div img {
  width: 88.534vw;
}

.fav .title {
  font-size: 3.8vw;
  margin: 3vw 0 5vw;
  text-align: center;
}

.fav ul {
  font-size: 0;
  width: 72%;
  margin: 0 auto 1vw;
}

.fav ul li {
  width: 40%;
  display: inline-block;
  vertical-align: top;
}

.fav ul li:last-child {
  width: 60%;
  padding-left: 3vw;
}

.fav ul li:first-child img {
  width: 100%;
}

.fav ul li .shop-name {
  font-size: 3.2vw;
  color: #ffb900;
  line-height: 1.6;
  text-indent: 0.5em;
}

.fav ul li .shop-name img {
  width: 5.335vw;
  float: left;
}

.fav ul li .name {
  font-size: 3.8vw;
  margin-top: 3vw;
  line-height: 1.3;
}

.fav ul li .size {
  font-size: 3.2vw;
  margin-top: 1vw;
}

.fav ul li .delete {
  width: 60%;
  margin-top: 5vw;
  float: right;
}

.fav ul li .delete a {
  font-size: 3.2vw;
  font-weight: bold;
  background: url(../images/batsu.png) no-repeat 3vw center;
  background-size: 13.5% 65%;
  color: #000;
  width: 100%;
  padding: 1vw 0 1vw 8vw;
  border: #a2a2a2 1px solid;
  border-radius: 30px;
  display: block;
}
/********* favorite_list *********/

/********* girls_list *********/
.list-01 {
  margin-top: 2vw;
}

.list-01 ul {
  font-size: 0;
  padding: 3vw;
  border-bottom: #ffdc00 2px solid;
}

.list-01 ul li {
  display: inline-block;
  vertical-align: top;
}

.list-01 ul li:first-child img {
  width: 24vw;
}

.list-01 ul li:last-child {
  margin-left: 3vw;
  width: calc(100% - 27vw);
}

.list-01 ul li:last-child a {
  color: #000;
}

.list-01 ul li .area {
  font-size: 3.2vw;
  font-weight: bold;
  background: url(../images/ping.png) no-repeat left center;
  background-size: 13% 100%;
  padding-left: 4vw;
  float: left;
}

.list-01 ul li .area.english {
  background-size: 10% 100%;
}

.list-01 ul li .right {
  float: right;
}

.list-01 ul li .right a img {
  width: 16.534vw;
}

.list-01 ul li .name {
  font-size: 3.2vw;
  background: url(../images/bg_name.png) no-repeat left center;
  background-size: 17% 93%;
  margin-top: 1.5vw;
  padding-left: 12.5vw;
}

.list-01 ul li .size {
  font-size: 3.2vw;
  margin-top: 1.5vw;
  padding-bottom: 1vw;
  border-bottom: #000 0.6vw dotted;
}

.list-01 ul li .shop-name {
  font-size: 3.2vw;
  background: url(../images/bg_home.png) no-repeat left center;
  background-size: 8% 100%;
  height: 5.34vw;
  margin-top: 1vw;
  padding: 1.5vw 0 0 6vw;
}

.list-01 ul li .text {
  font-size: 2.65vw;
  margin-top: 1.5vw;
  padding-bottom: 1.5vw;
  border-bottom: #000 0.6vw dotted;
}

.list-01 ul li .order {
  font-size: 3.2vw;
  color: #f22e66;
  background: url(../images/bg_order.png) no-repeat left center;
  background-size: 17% 100%;
  height: 4vw;
  margin-top: 1vw;
  padding-top: 0.5vw;
  padding-left: 12.5vw;
}
/********* girls_list *********/

/********* gps_search *********/
#gps #map {
  width: 94vw;
  height: 50vw;
  margin: 2vw auto 0;
}

#gps .inline-block {
  font-size: 0;
  width: 94vw;
  margin: 3vw auto 0;
}

#gps .inline-block div {
  font-size: 3.8vw;
  display: inline-block;
  vertical-align: middle;
}

#gps #here {
  width: 56%;
}

#gps #btn-reload {
  background: url(../images/bg_reload.png) no-repeat 4vw center;
  background-size: 14.2% 70%;
  width: 44%;
}

#gps #btn-reload a {
  font-weight: bold;
  color: #000;
  padding: 2vw 0 2vw 11vw;
  border: #a2a2a2 2px solid;
  border-radius: 30px;
  box-shadow: 2px 2px 2px -2px rgba(0,0,0,.5);
  display: block;
}

#gps h3#sub-title {
  font-size: 3.8vw;
  font-weight: bold;
  background: url(../images/ping_big.png) no-repeat 30vw top;
  background-size: 3.8% 100%;
  height: 5.335vw;
  margin-top: 3vw;
  padding-top: 1vw;
  text-align: center;
}
/********* gps_search *********/

/********* howto *********/
#howto #upper {
  font-size: 3.8vw;
  margin-top: 2vw;
  text-align: center;
  line-height: 1.3;
}

#howto h3 {
  font-size: 6.95vw;
  font-weight: bold;
  color: #ffdc00;
  width: 94vw;
  margin: 10vw auto 0;
  padding-bottom: 2vw;
  border-bottom: #ffdc00 1.3vw solid;
  text-align: center;
}

#howto .step {
  font-size: 3.2vw;
  font-weight: bold;
  margin-top: 5vw;
  padding: 0 3vw;
}

#howto .title {
  font-size: 6.25vw;
  font-weight: bold;
  margin: 1vw 3vw 0;
  padding-bottom: 2vw;
  border-bottom: #000 4px solid;
  line-height: 1.1;
}

#howto .image {
  margin-top: 3vw;
  text-align: center;
}

#howto .image img {
  width: 94.688vw;
}

#howto .text {
  font-size: 3.8vw;
  margin: 3vw 3vw 0;
  padding-bottom: 4vw;
  border-bottom: #ffdc00 4px solid;
  line-height: 1.3;
}

#howto .text a {
  color: #ffb900;
}
/********* howto *********/

/********* now *********/
.list-02 {
  margin-top: 2vw;
}

.list-02 ul {
  font-size: 0;
  padding: 3vw;
  border-bottom: #ff4292 2px solid;
}

.list-02 ul li {
  display: inline-block;
  vertical-align: top;
}

.list-02 ul li:first-child img {
  width: 24vw;
}

.list-02 ul li:last-child {
  margin-left: 3vw;
  width: calc(100% - 27vw);
}

.list-02 ul li:last-child a {
  color: #000;
}

.list-02 ul li .area {
  font-size: 3.2vw;
  font-weight: bold;
  background: url(../images/ping.png) no-repeat left center;
  background-size: 13% 100%;
  padding-left: 4vw;
  float: left;
}

.list-02 ul li .area.english {
  background-size: 10% 100%;
}

.list-02 ul li .right {
  float: right;
}

.list-02 ul li .right a img {
  width: 16.534vw;
}

.list-02 ul li .name {
  font-size: 3.2vw;
  background: url(../images/bg_name_pink.png) no-repeat left center;
  background-size: 17% 93%;
  margin-top: 1.5vw;
  padding-left: 12.5vw;
}

.list-02 ul li .size {
  font-size: 3.2vw;
  margin-top: 1.5vw;
  padding-bottom: 1vw;
  border-bottom: #000 0.6vw dotted;
}

.list-02 ul li .shop-name {
  font-size: 3.2vw;
  background: url(../images/bg_home_pink.png) no-repeat left center;
  background-size: 8% 100%;
  height: 5.34vw;
  margin-top: 1vw;
  padding: 1.5vw 0 0 6vw;
}

.list-02 ul li .text {
  font-size: 2.65vw;
  margin-top: 1.5vw;
  padding-bottom: 1.5vw;
  border-bottom: #000 0.6vw dotted;
}

.list-02 ul li .order {
  font-size: 3.2vw;
  color: #f22e66;
  background: url(../images/bg_order_pink.png) no-repeat left center;
  background-size: 17% 100%;
  height: 4vw;
  margin-top: 1vw;
  padding-top: 0.5vw;
  padding-left: 12.5vw;
}
/********* now *********/

/********* profile *********/
section #girl-data .bx-wrapper .bx-pager.bx-default-pager a.active,
section #girl-data .bx-wrapper .bx-pager.bx-default-pager a:focus,
section #girl-data .bx-wrapper .bx-pager.bx-default-pager a:hover {
  background: #ffdc00;
}

#girl-data .shop-name {
  font-size: 3.8vw;
  margin-top: 3vw;
  padding: 0 3vw;
}

#girl-data .shop-name a {
  color: #ffb900;
}

#girl-data .genre {
  font-size: 3.2vw;
  margin-top: 1vw;
  padding: 0 3vw;
}

#girl-data .logo {
  margin: 3vw 0 4vw;
  text-align: center;
}

#girl-data .logo img {
  width: 256px;
}

#girl-data .slider-wrapper {
  overflow: hidden;
}

#girl-data .bx-viewport {
  overflow: visible !important;
  left: 12vw;
}

#girl-data .bx-wrapper .bx-prev {
  background: url(../images/prev.png) no-repeat !important;
  background-size: 100% !important;
  left: 4vw;
}

#girl-data .bx-wrapper .bx-next {
  background: url(../images/next.png) no-repeat !important;
  background-size: 100% !important;
  right: 4vw;
}

#girl-data .bx-wrapper .bx-controls-direction a {
  width: 6.534vw;
  height: 10.934vw;
}

#girl-data .slider li {
  width: 76vw !important;
}

#girl-data .name {
  font-size: 3.8vw;
  background: url(../images/bg_name_big.png) no-repeat left center;
  background-size: 19.5% 100%;
  height: 5.068vw;
  margin: 3vw 0 0 3vw;
  padding: 1vw 3vw 0 21vw;
}

#girl-data .height {
  font-size: 3.8vw;
  background: url(../images/bg_height.png) no-repeat left center;
  background-size: 39% 100%;
  width: calc(50% - 3vw);
  height: 5.068vw;
  margin: 3vw 0 0 3vw;
  padding: 1vw 3vw 0 21vw;
  float: left;
}

#girl-data .size {
  font-size: 3.8vw;
  background: url(../images/bg_size.png) no-repeat left center;
  background-size: 39% 100%;
  width: calc(50% - 3vw);
  height: 5.068vw;
  margin: 3vw 3vw 0 0;
  padding: 1vw 3vw 0 20vw;
  float: left;
}

#girl-data .charge {
  font-size: 3.8vw;
  color: #f22e66;
  background: url(../images/bg_charge.png) no-repeat left center;
  background-size: 46.5% 100%;
  height: 5.068vw;
  margin: 3vw 0 0 3vw;
  padding: 1vw 3vw 0 48vw;
}

#girl-data .tel {
  font-size: 6.9vw;
  background: url(../images/bg_tel_big.png) no-repeat 11vw center;
  background-size: auto;
  background-size: 6.8% 49.7%;
  width: 94vw;
  margin: 3vw auto 0;
  padding: 3vw 0;
  border: #ffdc00 0.55vw solid;
  text-align: center;
}

#girl-data .tel a {
  font-weight: bold;
  color: #000;
  }

#girl-data .lang-app {
  font-size: 0;
  margin: 3vw 3vw 0;
}

#girl-data .lang-app li {
  display: inline-block;
  vertical-align: top;
}

#girl-data .lang-app li:first-child {
  background: url(../images/bg_language2_big.png) no-repeat left top;
  background-size: 100%;
  width: 100%;
  padding-top: 7vw;
}

#girl-data .lang-app li:last-child {
  background: url(../images/bg_appli2_big.png) no-repeat left top;
  background-size: 100%;
  width: 100%;
  margin-top: 3vw;
  padding-top: 7vw;
}

#girl-data .lang-app li .inline-block {
  text-align: center;
}

#girl-data .lang-app li .inline-block .box {
  width: calc(100% / 3);
  display: inline-block;
  vertical-align: middle;
}

#girl-data .lang-app li .inline-block .box div {
  height: 15vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

#girl-data .lang-app li:first-child .inline-block div:last-child {
  margin-left: 5vw;
}

#girl-data .lang-app li:first-child .inline-block > div {
  display: inline-block;
  vertical-align: middle;
}

#girl-data .lang-app li:first-child .inline-block > div img {
  width: 17.733vw;
}

#girl-data .lang-app li:last-child .inline-block div:first-child img {
  width: 26.933vw;
}

#girl-data .lang-app li:last-child .inline-block div:last-child img {
  width: 27.867vw;
}

#girl-data .lang-app li:last-child .inline-block div:nth-child(2) img {
  width: 27.2vw;
}

#girl-data .lang-app li .inline-block .box p {
  font-size: 3.8vw;
  width: 94%;
  margin: 0 auto;
  padding: 1.5vw 1vw;
  border: #ffb900 2px solid;
  word-wrap: break-word;
  line-height: 1.4;
}

#girl-data .comment {
  margin: 3vw 3vw 0;
}

#girl-data .comment .title img {
  width: 94.668vw;
}

#girl-data .comment p {
  font-size: 3.8vw;
  margin-top: 2vw;
  line-height: 1.4
}

#girl-data .schedule {
  height: 70.3vw;
  margin: 3vw 3vw 0;
  border: #ffdc00 1.5vw solid;
  border-radius: 18px;
  position: relative;
}

#girl-data .schedule h3 {
  font-size: 4.4vw;
  font-weight: bold;
  color: #ffdc00;
  background: #fff;
  height: 7vw;
  border-radius: 10px;
  display: flex;
  align-items: center;
  position: relative;
  top: 1vw;
  z-index: 2;
}

#girl-data .schedule h3:before,
#girl-data .schedule h3:after {
  content: "";
  border-top: 0.8vw solid;
  flex-grow: 1;
}

#girl-data .schedule h3:before {
  margin-right: 0.5em;
}

#girl-data .schedule h3:after {
  margin-left: 0.5em;
}

#girl-data .schedule ul {
  font-size: 0;
  padding-top: 3vw;
  position: absolute;
  top: 4vw;
  left: 0;
}

#girl-data .schedule ul li {
  font-size: 3.2vw;
  padding: 2.5vw 0;
  text-align: center;
  display: inline-block;
}

#girl-data .schedule ul li:nth-child(odd) {
  font-weight: bold;
  width: 40%;
  border-top: #ffdc00 0.8vw solid;
  border-right: #ffdc00 0.8vw solid;
}

#girl-data .schedule ul li:nth-child(even) {
  width: 60%;
  border-top: #ffdc00 0.8vw solid;
}

#girl-data .schedule ul li:first-child,
#girl-data .schedule ul li:nth-child(2) {
  border-top: none;
}

#girl-data .pagenation {
  font-size: 3.8vw;
  width: calc(100% - 6vw);
  margin: 5vw auto 0;
  border: #ffdc00 0.54vw solid;
}

#girl-data .pagenation a {
  color: #000;
  width: 100%;
  padding: 3vw 0;
  text-align: center;
  display: block;
}
/********* profile *********/

/********* shop_detailed *********/
#shop-data .logo {
  margin-top: 2.5vw;
  text-align: center;
}

#shop-data .logo img {
  width: 94.668vw;
}

#shop-data .shop-name {
  font-size: 3.8vw;
  font-weight: bold;
  margin-top: 3vw;
  padding: 0 3vw;
}

#shop-data .genre {
  font-size: 3.2vw;
  margin-top: 1vw;
  padding: 0 3vw;
}

#shop-data .area {
  font-size: 3.2vw;
  background: url(../images/ping.png) no-repeat 0.3vw center;
  background-size: 3.8% 100%;
  height: 3.468vw;
  margin: 2vw 0 0 3vw;
  padding: 0.5vw 0 0 6vw;
}

#shop-data .time {
  font-size: 3.2vw;
  background: url(../images/bg_time.png) no-repeat left center;
  background-size: 8.6% 100%;
  width: calc(50% - 3vw);
  height: 4vw;
  margin: 3vw 0 0 3vw;
  padding: 0.5vw 0 0 6vw;
  float: left;
}

#shop-data .age {
  font-size: 3.2vw;
  background: url(../images/bg_age.png) no-repeat left center;
  background-size: 29% 100%;
  width: calc(50% - 3vw);
  height: 5.068vw;
  margin: 2vw 0 0 3vw;
  padding: 1.2vw 0 0 16vw;
  float: left;
}

#shop-data .icon {
  width: 20vw;
  margin-left: 3vw;
  padding-top: 3vw;
  line-height: 2;
  float: left;
}

#shop-data .icon img {
  width: 100%;
}

#shop-data .address {
  font-size: 3.2vw;
  width: calc(100% - 28vw);
  margin: 0 3vw 0 2vw;
  padding-top: 2.5vw;
  line-height: 2;
  float: left;
}

#shop-data .tel {
  font-size: 6.9vw;
  background: url(../images/bg_tel_big.png) no-repeat 11vw center;
  background-size: 6.8% 49.7%;
  width: 94vw;
  margin: 3vw auto 0;
  padding: 3vw 0;
  border: #ffdc00 0.55vw solid;
  text-align: center;
}

#shop-data .tel a {
  font-weight: bold;
  color: #000;
}

#shop-data #upper,
#shop-data #bottom {
  width: 94.668vw;
  margin: 3vw auto 0;
}

#shop-data #upper li {
  width: 100%;
}

#shop-data #upper li:last-child {
  margin-top: 3vw;
}

#shop-data #bottom {
  font-size: 0;
}

#shop-data #bottom li {
  width: 50%;
  display: inline-block;
  vertical-align: top;
}

#shop-data .inline-block div {
  display: inline-block;
  vertical-align: middle;
}

#shop-data .inline-block div:nth-child(n+2) {
  margin-left: 12vw;
}

#shop-data .language {
  background: url(../images/bg_language_big.png) no-repeat right top;
  background-size: 100% 12.5%;
  padding-top: 8vw;
  text-align: center;
}

#shop-data .language div:first-of-type img {
  width: 11.868vw;
}

#shop-data .language div:last-of-type img {
  width: 12.268vw;
}

#shop-data .appli {
  font-size: 0;
  background: url(../images/bg_appli2_big.png) no-repeat left top;
  background-size: 100%;
  padding-top: 7vw;
  text-align: center;
}

#shop-data .appli div:first-child img {
  width: 26.933vw;
}

#shop-data .appli div:nth-child(2) img {
  width: 27.2vw;
}

#shop-data .appli div:last-child img {
  width: 27.867vw;
}

#shop-data .appli .box {
  width: calc(100% / 3);
}

#shop-data .appli .box:nth-of-type(n+2) {
  margin-left: 0;
}

#shop-data .appli .box div {
    height: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

#shop-data .appli .box p {
    font-size: 3.8vw;
    width: 94%;
    margin: 0 auto;
    padding: 1.5vw 1vw;
    border: #ffb900 2px solid;
    word-wrap: break-word;
    line-height: 1.4;
}

#shop-data .credit {
  background: url(../images/bg_credit.png) no-repeat right top;
  background-size: 95.2% 20%;
  height: 24vw;
  padding-top: 7vw;
  text-align: center;
}

#shop-data .credit div:nth-child(n+2) {
  margin-left: 1.5vw;
}

#shop-data .credit div:nth-child(n+4) {
  margin-top: 1.5vw;
}

#shop-data .credit div img {
  width: 12.8vw;
}

#shop-data .table {
  margin-top: 2.5vw;
  border: #ffb900 2px solid;
}

#shop-data .table dt {
  font-size: 3.2vw;
  font-weight: bold;
  padding: 1vw 0;
  text-align: center;
}

#shop-data .table dd {
  font-size: 3.2vw;
  width: 50%;
  padding: 1vw 0;
  border-top: #ffb900 2px solid;
  text-align: center;
  display: inline-block;
}

#shop-data .table dd:last-child {
  border-left: #ffb900 2px solid;
}

#shop-detail h3 {
  font-size: 4.25vw;
  font-weight: bold;
  margin-top: 5vw;
  display: flex;
  align-items: center;
}

#shop-detail h3:before,
#shop-detail h3:after {
  content: "";
  border-top: 0.7vw solid;
  flex-grow: 1;
}

#shop-detail h3:before {
  margin-right: 0.7em;
}

#shop-detail h3:after {
  margin-left: 0.7em;
}

#shop-detail .scroll-01 {
  width: 94vw;
  height: 100vw;
  margin: 2vw auto 0;
  padding: 4vw 3% 4vw 5%;
  border: #ffdc00 0.8vw solid;
  border-radius: 16px;
}

#shop-detail .scroll-01 h4 {
  font-size: 3.2vw;
  font-weight: bold;
  background: #ffb900;
  margin-top: 2vw;
  padding: 0.5vw 0;
  text-align: center;
}

#shop-detail .scroll-01 .system-01 ul {
  font-size: 0;
  margin-top: 2vw;
}

#shop-detail .scroll-01 .system-01 ul li {
  font-size: 3.2vw;
  width: 50%;
  margin-top: 1vw;
  text-align: center;
  display: inline-block;
}

#shop-detail .scroll-01 .system-01 ul li .inline-block div {
  display: inline-block;
}

#shop-detail .scroll-01 .system-02 div {
  font-size: 3.2vw;
  margin-top: 2vw;
  line-height: 1.4;
}

#shop-detail .scroll-01 .traffic ul {
  font-size: 0;
  margin-top: 2vw;
}

#shop-detail .scroll-01 .traffic ul li {
  font-size: 3.2vw;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
}

#shop-detail .scroll-01 .traffic ul li:first-child {
  width: 25%;
  padding-left: 2vw;
}

#shop-detail .scroll-01 .traffic ul li:last-child {
  width: 75%;
}

#shop-detail .scroll-02 {
  font-size: 3.2vw;
  width: 94vw;
  height: 100vw;
  margin: 2vw auto 0;
  padding: 4vw 3% 4vw 5%;
  border: #ffdc00 0.8vw solid;
  border-radius: 16px;
  line-height: 1.4;
  overflow-y: auto;
}

#shop-detail .btn-enrolled {
  font-size: 4.25vw;
  width: 94vw;
  margin: 5vw auto 0;
  text-align: center;
}

#shop-detail .btn-enrolled a {
  font-weight: bold;
  color: #000;
  background: url(../images/bg_zaiseki.png) no-repeat 8vw center;
  background-size: 8.3% 76.5%;
  width: 100%;
  padding: 3vw 0;
  border: #a2a2a2 2px solid;
  border-radius: 50px;
  box-shadow: 2px 2px 2px -2px rgba(0,0,0,.5);
  display: block;
}

#shop-detail .pagenation {
  font-size: 3.8vw;
  width: calc(100% - 6vw);
  margin: 5vw auto 0;
  border: #ffdc00 0.54vw solid;
}

#shop-detail .pagenation a {
  color: #000;
  width: 100%;
  padding: 3vw 0;
  text-align: center;
  display: block;
}
/********* shop_detailed *********/

/********* shop_list *********/
.list-03 {
  margin-top: 2vw;
  padding: 0 3vw;
}

.list-03 ul {
  font-size: 0;
}

.list-03 ul li {
  display: inline-block;
  vertical-align: middle;
}

.list-03 ul.title {
  padding-top: 3vw;
}

.list-03 ul.title li:first-child {
  font-size: 3.2vw;
  color: #f22e66;
  width: 22%;
}

.list-03 ul.title li:last-child {
  font-size: 3.8vw;
  background: url(../images/ping.png) no-repeat left center;
  background-size: 6% 95%;
  width: calc(78% - 2vw);
  margin-left: 2vw;
  padding: 0.5vw 0 0 5vw;
}

.list-03 .shop-name {
  font-size: 3.8vw;
  margin-top: 1vw;
}

.list-03 .shop-name a {
  color: #ffb900;
}

.list-03 .text {
  font-size: 3.2vw;
  margin-top: 1vw;
}

.list-03 ul.data {
  margin-top: 1vw;
  padding-bottom: 3vw;
  border-bottom: #ffdc00 1px solid;
}

.list-03 ul.data > li:last-child {
  width: calc(100% - 46.802vw);
  margin-left: 2vw;
}

.list-03 .image img {
  width: 44.802vw;
}

.list-03 .logo img {
  width: 34.134vw;
}

.list-03 .time {
  font-size: 3.8vw;
  background: url(../images/bg_time.png) no-repeat left center;
  background-size: 8.5% 96%;
  padding: 0.4vw 0 0 6vw;
  margin-top: 1.2vw;
}

.list-03 .tel {
  font-size: 3.8vw;
  background: url(../images/bg_tel.png) no-repeat left center;
  background-size: 8.5% 96%;
  padding: 0.4vw 0 0 6vw;
  margin-top: 1vw;
}

.list-03 .tel a {
  color: #000;
}

.list-03 .order-icon {
  margin-top: 1vw;
}

.list-03 .order-icon img {
  width: 11.468vw;
}

.list-03 .order {
  font-size: 3.8vw;
  color: #f22e66;
  margin-top: 1vw;
}

.list-03 .appli {
  background: url(../images/bg_app.png) no-repeat top center;
  background-size: 100% 43%;
  margin-top: 1vw;
  padding-top: 6.5vw;
}

.list-03 .appli ul {
  text-align: center;
}

.list-03 .appli ul li {
  vertical-align: middle;
}

.list-03 .appli ul li:nth-child(n+2) {
  margin-left: 1.2vw;
}

.list-03 .appli ul li:first-child img,
.list-03 .appli ul li:last-child img {
  width: 12vw;
}

.list-03 .appli ul li:nth-child(2) img {
  width: 12.402vw;
}

.list-03 .language {
  background: url(../images/bg_language.png) no-repeat top center;
  background-size: 100% 49%;
  margin-top: 2vw;
  padding-top: 6.5vw;
}

.list-03 .language ul {
  text-align: center;
}

.list-03 .language ul li:nth-child(n+2) {
  margin-left: 5vw;
}

.list-03 .language ul li img {
  width: 12vw;
}
/********* shop_list *********/