:root {
  --color-title: #EA6188;
  --color-text: #111;
  --color-border: #d5d5d5;
  --color-ca: #C94067;
  --color-of: #D2A300;
  --color-ne: #D10000;
  --color-bg-to: rgba(250, 209, 197, 0.25);
  --color-bg-ca: rgba(253, 224, 171, 0.25);
  --color-bg-of: rgba(235, 228, 150, 0.25);
}


/*----- 蝓ｺ譛ｬ險ｭ螳� -----*/

/* a:link,
a:visited,
a:active {
    color: #222;
    text-decoration: none;
} */


ol, ul {
  list-style: none;
}

p, ul, ol, table {
  margin: 0;
  padding: 0;
}

picture {
  display: block;
}

a {
  text-decoration: none;
}
a:link, a:visited, a:active {
  color: var(--color-text);
}
.g-menu a:link, .g-menu a:visited, .g-menu a:active {
  color: #fff;
}

.g-main {
  padding-top: 0;
  color: var(--color-text);
  font-size: 14px;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  line-height: 1.5;
}
.g-main .adjust-width {
  width: 100%;
  padding: 0;
}
.g-main img {
  image-rendering: auto;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.adjust-width-custom {
  width: 980px;
  margin: 0 auto;
}

.pagetop {
  background-color: #EE86B4;
}

.pagetop:before {
  border-color: #fffded;
}

/*----- animation -----*/
.fadein {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1500ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*----- animation -----*/


.item-box {
  position: relative;
  padding-bottom: 50px;
}
.item-box [src*="bg"] {
  position: absolute;
  pointer-events: none;
}
.text-box {
  position: relative;
  z-index: 2;
}
.shop-info .shop-name {
  margin-bottom: 3px;
  font-weight: bold;
}
.floor {
  padding: 1px 5px 2px;
  color: #fff;
  font-size: 11px;
  border-radius: 4px;
  background: var(--color-text);
}
.shop-tel {
  margin-left: 5px;
}



.title-box {
  position: relative;
  padding: 56px 0 38px;
  text-align: center;
  background: url("../img/mv-bg.png") no-repeat center center / cover;
  overflow: hidden;
  overflow-x: clip;
}
.title-box::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 140vw;
  max-width: 980px;
  height: 340px;
  background: #fff;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  box-shadow: 0 0 64px 16px rgba(255,255,255,0.12);
}
/* 繧ｿ繧､繝医Ν繝ｻ繝�く繧ｹ繝亥━蜈郁｡ｨ遉ｺ */
.title-box > * {
  position: relative;
  z-index: 2;
}
.title-box h1 {
  width: 605px;
  margin: 0 auto;
}
.title-box p {
  margin-top: 28px;
  color: var(--color-title);
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
}

.top-item {
  padding: 35px 15px 100px;
  background: var(--color-bg-to);
}
.top-item > picture {
  margin-bottom: 15px;
}
.top-item .text-box {
  display: flex;
  gap: 29px;
}
.top-item .text-box p:nth-child(1) {
  margin-bottom: 5px;
}
.top-item .text-box p:nth-child(2) {
  margin-bottom: 10px;
}
.top-item .mens-text p:nth-child(3) {
  color: var(--color-of);
}
.top-item .ladys-text p:nth-child(3) {
  color: var(--color-ca);
}
.top-item .new-open {
  padding: 16px;
  background: url("../img/open-bg.png") no-repeat center center / cover;
}
.top-item .new-open > p {
  margin-bottom: 12px;
  text-align: center;
}
.top-item .new-open .inner-box {
  padding: 16px;
  border-radius: 10px;
  background: #fff;
}
.top-item .new-open .logo-box {
  display: flex;
  justify-content: center;
  margin-bottom: 10px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--color-border);
}
.top-item .new-open .logo-box picture {
  width: 90px;
}
.top-item .new-open .logo-box .shop-info {
  margin-left: 16px;
}
.top-item .new-open .logo-box .shop-info .shop-name {
  font-size: 14px;
}
.top-item .new-open .logo-box .shop-info .floor {
  padding: 1px 5px;
  font-size: 11px;
}
.top-item .new-open .logo-box .shop-info .shop-tel {
  font-size: 11px;
}
.top-item .new-open .logo-box .shop-info + p {
  font-size: 12px;
}


.casual-style {
  background: var(--color-bg-ca);
}
.office-style {
  background: var(--color-bg-of);
}

.casual-style .inner-box,
.office-style .inner-box {
  max-width: 980px;
  margin: 0 auto;
  padding-inline: 15px;
}
.casual-style .header-box,
.office-style .header-box {
  position: relative;
  display: flex;
  flex-direction: column;
}
.casual-style .item-price,
.office-style .item-price {
  margin-bottom: 10px;
  padding-block: 8px 12px;
  color: var(--color-ca);
  border-bottom: 1px solid var(--color-text);
}
.office-style .item-price {
  color: var(--color-of);
}
.item-price .item-note {
  font-size: 11px;
  color: var(--color-text);
}

.casual-style .item-box:last-child,
.office-style .item-box:last-child {
  padding-bottom: 130px;
}

.new-shops {
  padding: 60px 38px 20px;
}
.new-shops .shop-open {
  color: var(--color-ne);
  font-size: 16px;
  font-weight: bold;
}
.new-shops .shop-open span {
  font-size: 13px;
}
.new-shops .shop-name + p {
  margin-bottom: 13px;
  padding-bottom: 15px;
  border-bottom: 1px solid var(--color-text);
}
.new-shops .item-text {
  font-size: 14px;
  line-height: 1.7;
}




.note-area {
  margin-top: 50px;
}

.kashimap {
  text-align: center;
}

.kashimap .kashimap_lead {
  display: inline-block;
  color: #e25a6b;
  position: relative;
  padding: 0 1.5em;
}

.kashimap .kashimap_lead::before,
.kashimap .kashimap_lead::after {
  position: absolute;
  display: inline-block;
  content: "";
  width: 20px;
  height: 1px;
  top: 50%;
  background-color: #e25a6b;
}

.kashimap .kashimap_lead::before {
  transform: rotate(45deg);
  left: 0;
}

.kashimap .kashimap_lead::after {
  transform: rotate(-45deg);
  right: 0;
}


.note {
  width: 350px;
  margin: 0 auto;
  padding: 0;
  font-size: 12px;
  list-style: none;
}

.note li {
  position: relative;
  padding-left: 1em;
}

.note li::before {
  content: "窶ｻ";
  position: absolute;
  left: 0;
}


/*-----------------------------------------------
  sp size
-----------------------------------------------*/

@media (max-width:767.9999px) {

  .pc-only {
    display: none;
  }

  .g-main {
    overflow-x: clip;
  }

  .title-box h1 {
    width: 320px;
    margin-block: 0;
  }

  .g-main .adjust-width-custom {
    width: 100%;
    padding: 0 20px;
  }


  /*----- 蜈ｱ騾� -----*/
  .item-box picture {
    position: relative;
    display: grid;
    place-content: center;
    margin-bottom: 10px;
  }
  .item-box .item-text {
    margin-bottom: 8px;
  }


  /*----- content -----*/
  .top-item .text-box {
    margin-block: 20px;
  }
  .casual-style .header-box {
    max-width: 350px;
  }
  .casual-style .header-box .section-title {
    position: absolute;
    left: -10px;
    top: -70px;
  }
  .casual-style .header-box p {
    width: fit-content;
    margin: 0 0 40px auto;
    padding-top: 70px;
    transform: rotate(-3deg);
    line-height: 2;
  }

  .office-style .header-box {
    max-width: 350px;
  }
  .office-style .header-box .section-title {
    position: absolute;
    right: -10px;
    top: -70px;
  }
  .office-style .header-box p {
    width: fit-content;
    margin: 0 0 40px auto;
    padding-top: 75px;
    transform: rotate(-3deg);
    text-align: right;
    line-height: 2;
  }

  picture > img[src*="ca-4"] {
    max-width: 45vw;
  }
  picture > img[src*="ca-5"] {
    max-width: 70vw;
  }
  picture > img[src*="ca-6"] {
    max-width: 65vw;
  }
  picture > img[src*="ca-8"] {
    max-width: 40vw;
  }
  picture > img[src*="of-2"] {
    max-width: 21vw;
  }
  picture > img[src*="of-4"] {
    max-width: 64vw;
  }
  picture > img[src*="of-6"] {
    max-width: 59vw;
  }
  picture > img[src*="of-7"] {
    max-width: 58.4vw;
  }
  picture > img[src*="mens"] {
    position: absolute;
    width: 100px;
  }
  picture > img[src*="ca-8"] + img {
    top: -9px;
    left: 23px;
    transform: rotate(-2deg);
  }
  picture:has(> img[src*="of-6"]) {
    padding: 20px 0 0 50px;
  }
  picture > img[src*="of-6"] + img {
    top: 10px;
    left: 20px;
  }
  picture:has(> img[src*="of-7"]) {
    padding: 20px 50px 0 0;
  }
  picture > img[src*="of-7"] + img {
    top: -12px;
    right: 30px;
    transform: rotate(8deg);
  }
  .item-box.c1 [src*="bg01"] {
    bottom: 23vw;
    left: 4vw;
    width: 50vw;
  }
  .item-box.c2 [src*="bg02"] {
    bottom: 16vw;
    left: 9vw;
    width: 91vw;
  }
  .item-box.c3 [src*="bg03"] {
    bottom: -21vw;
    left: 39.5vw;
    width: 56.3vw;
  }
  .item-box.c5 [src*="bg04"] {
    bottom: 44vw;
    left: -15px;
    width: 42.6vw;
  }
  .item-box.c6 [src*="bg01"] {
    bottom: 28vw;
    right: -8vw;
    width: 50vw;
  }
  .item-box.c7 [src*="bg02"] {
    bottom: 23vw;
    left: 0;
    width: 91vw;
    transform: scaleX(-1);
  }
  .item-box.c8 [src*="bg05"] {
    bottom: 32vw;
    left: -21px;
    width: 66vw;
  }
  .item-box.o1 [src*="bg06"] {
    bottom: -24vw;
    right: -4vw;
    width: 60vw;
  }
  .item-box.o3 [src*="bg08"] {
    bottom: 14vw;
    right: 25vw;
    width: 60vw;
  }
  .item-box.o4 [src*="bg07"] {
    bottom: 0;
    right: 12.8vw;
    width: 71.5vw;
  }
  .item-box.o5 [src*="bg09"] {
    bottom: 5vw;
    right: 0.8vw;
    width: 93.5vw;
    max-width: 100vw;
  }
  .item-box.o6 [src*="bg07"] {
    bottom: 10vw;
    right: -4vw;
    width: 71.5vw;
  }
  .item-box.o7 [src*="bg10"] {
    bottom: 69vw;
    left: -2.5vw;
    width: 54.4vw;
  }


  .new-shops .section-title {
    text-align: center;
    margin-bottom: 20px;
  }
  .new-shops li {
    margin-bottom: 50px;
  }
  .new-shops picture {
    margin-bottom: 10px;
  }


  .kashimap .kashimap_lead::before,
  .kashimap .kashimap_lead::after {
    width: 35px;
    height: 1px;
  }

  .kashimap .kashimap_lead::before {
    transform: rotate(60deg);
    left: -8px;
  }

  .kashimap .kashimap_lead::after {
    transform: rotate(-60deg);
    right: -8px;
  }

}

.note_corona {
  margin-bottom: 20px;
}


/*-----------------------------------------------
  pc size
-----------------------------------------------*/

@media (min-width:768px) {
  .is_pc {
    display: block
  }

  .sp-only {
    display: none;
  }

  .shop-tel {
    font-size: 12px;
  }
  
  .title-box {
    padding-block: 83px 77px;
  }
  .title-box::before {
    max-width: 980px;
    height: 600px;
  }
  .title-box p {
    margin-top: 52px;
    font-size: 20px;
  }

  .top-item {
    width: 100%;
    margin: 0 auto;
    padding: 80px calc(50% - 490px) 140px;
  }
  .top-item .pc-layout > picture {
    width: 493px;
    margin: 0 10px 15px 0;
    padding-left: 70px;
  }
  .top-item .pc-layout {
    display: flex;
    flex-wrap: wrap;
    width: 980px;
  }
  .top-item .text-box {
    width: 470px;
    margin-bottom: 20px;
  }
  .top-item .mens-text {
    padding-top: 60px;
  }
  .top-item .mens-text p + p {
    padding-left: 30px;
  }
  .top-item .ladys-text {
    padding-top: 160px;
  }
  .top-item .ladys-text p + p {
    padding-left: 30px;
  }
  .top-item .new-open {
    position: relative;
    z-index: 2;
    width: 440px;
    margin: -158px auto 0 430px;
  }

  .casual-style .section-title {
    position: absolute;
    left: 0;
    top: -90px;
  }
  .casual-style .section-title img{
    width: 440px;
  }
  .casual-style .header-box p {
    width: fit-content;
    margin: 0 0 80px 380px;
    padding-top: 45px;
    transform: rotate(-3deg);
    font-size: 18px;
    line-height: 2;
  }
  .casual-style .inner-box::after {
    content: "";
    display: block;
    clear: both;
  }

  .item-box.c1 {
    display: flex;
    gap: 25px;
  }
  .item-box.c1 [src*="bg01"] {
    bottom: 120px;
    left: 320px;
    width: 183px;
  }
  .item-box.c1 picture {
    position: relative;
    z-index: 5;
    width: 370px;
  }
  .item-box.c1 .text-box {
    width: 285px;
  }
  .item-box.c2 {
    display: flex;
    flex-direction: row-reverse;
    gap: 25px;
  }
  .item-box.c2 [src*="bg02"] {
    bottom: 264px;
    left: 375px;
    width: 245px;
  }
  .item-box.c2 picture {
    width: 340px;
    transform: translateY(-215px);
  }
  .item-box.c2 .text-box {
    width: 174px;
  }
  .item-box.c3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 250px;
    margin-top: -604px;
    padding-bottom: 63px;
  }
  .item-box.c3 [src*="bg03"] {
    bottom: -84px;
    left: -100px;
    width: 211px;
  }
  .item-box.c3 picture {
    width: 270px;
  }
  .item-box.c3 .text-box {
    width: 285px;
  }
  .item-box.c4 {
    float: left;
    display: flex;
    gap: 25px;
    width: 350px;
  }
  .item-box.c4 [src*="bg04"] {
    bottom: 120px;
    left: -20px;
    width: 183px;
  }
  .item-box.c4 picture {
    width: 140px;
  }
  .item-box.c4 .text-box {
    width: 174px;
    padding-top: 72px;
  }
  .item-box.c5 {
    float: right;
    display: flex;
    flex-direction: row-reverse;
    gap: 25px;
    width: 450px;
  }
  .item-box.c5 [src*="bg04"] {
    bottom: 154px;
    left: 102px;
    width: 160px;
  }
  .item-box.c5 picture {
    position: relative;
    z-index: 5;
    width: 250px;
  }
  .item-box.c5 .text-box {
    position: absolute;
    top: -30px;
    left: 10px;
    width: 285px;
  }
  .item-box.c6 {
    display: flex;
    flex-direction: column;
    float: right;
    width: 406px;
    margin-right: 100px;
  }
  .item-box.c6 [src*="bg01"] {
    bottom: 127px;
    left: 153px;
    width: 183px;
  }
  .item-box.c6 picture {
    position: relative;
    z-index: 5;
    width: 240px;
  }
  .item-box.c6 .text-box {
    width: 220px;
    margin: -24px 0 0 auto;
  }
  .item-box.c7 {
    float: left;
    display: flex;
    gap: 30px;
    padding-bottom: 0;
  }
  .item-box.c7 [src*="bg02"] {
    bottom: 334px;
    left: 325px;
    width: 244px;
    transform: scaleX(-1);
  }
  .item-box.c7 picture {
    width: 320px;
    transform: translateY(-285px);
  }
  .item-box.c7 .text-box {
    width: 175px;
  }
  .item-box.c8 {
    display: flex;
    flex-direction: column;
    gap: 25px;
    float: right;
    width: 320px;
  }
  .item-box.c8 [src*="bg05"] {
    bottom: 208px;
    left: 64px;
    width: 269px;
  }
  .item-box.c8 picture {
    position: relative;
    z-index: 5;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-end;
  }
  .item-box.c8 picture img:nth-child(1) {
    width: 158px;
  }
  .item-box.c8 picture img:nth-child(2) {
    width: 100px;
    transform: translateY(-38px);
  }
  .item-box.c8 .text-box {
    width: 174px;
    margin-left: auto;
  }

  .office-style .section-title {
    position: absolute;
    right: 15px;
    top: -70px;
  }
  .office-style .section-title img{
    width: 440px;
  }
  .office-style .header-box p {
    width: fit-content;
    margin: 0 0 80px 193px;
    padding-top: 100px;
    transform: rotate(-3deg);
    font-size: 18px;
    line-height: 2;
    text-align: right;
  }
  .office-style .inner-box::after {
    content: "";
    display: block;
    clear: both;
  }

  .item-box.o1 {
    display: flex;
    gap: 25px;
    float: left;
  }
  .item-box.o1 [src*="bg06"] {
    bottom: -42px;
    left: 262px;
    width: 269px;
    z-index: -1;
  }
  .item-box.o1 picture {
    width: 330px;
  }
  .item-box.o1 .text-box {
    width: 175px;
    padding-top: 25px;
  }
  .item-box.o2 {
    display: flex;
    gap: 25px;
    width: 272px;
    margin-left: auto;
    padding-right: 25px;
    padding-top: 120px;
    background: url("../img/bg06.png") no-repeat 19px center / 183PX auto;
  }
  .item-box.o2 [src*="bg07"] {
    bottom: 120px;
    left: 320px;
    width: 183px;
  }
  .item-box.o2 picture {
    width: 77px;
  }
  .item-box.o2 .text-box {
    width: 175px;
    padding-top: 145px;
  }
  .item-box.o3 {
    display: flex;
    flex-direction: row-reverse;
    gap: 25px;
    clear: both;
    padding-right: 180px;
  }
  .item-box.o3 [src*="bg08"] {
    bottom: 207px;
    left: 90px;
    width: 373px;
  }
  .item-box.o3 picture {
    width: 333px;
    transform: translateY(-150px);
  }
  .item-box.o3 .text-box {
    width: 250px;
    padding-top: 160px;
  }
  .item-box.o4 {
    display: flex;
    flex-direction: column;
    float: left;
    margin-top: -146px;
    padding-left: 45px;
  }
  .item-box.o4 [src*="bg07"] {
    display: none;
  }
  .item-box.o4 picture {
    width: 240px;
    margin-left: 50px;
  }
  .item-box.o4 .text-box {
    width: 180px;
  }
  .item-box.o5 {
    display: flex;
    gap: 25px;
    float: right;
    padding-right: 50px;
    padding-bottom: 20px;
  }
  .item-box.o5 [src*="bg09"] {
    bottom: 85px;
    left: 164px;
    width: 434px;
  }
  .item-box.o5 picture {
    width: 320px;
    transform: translateY(-60px);
  }
  .item-box.o5 .text-box {
    width: 180px;
    padding-top: 170px;
  }
  .item-box.o6 {
    display: flex;
    flex-direction: column;
    gap: 25px;
    float: left;
    padding: 50px 0 0 15px;
  }
  .item-box.o6 [src*="bg07"] {
    bottom: 167px;
    left: 167px;
    z-index: -1;
    width: 269px;
  }
  .item-box.o6 picture {
    position: relative;
    width: 220px;
    margin-left: 80px;
  }
  .item-box.o6 picture img:nth-child(2) {
    position: absolute;
    left: -107px;
    bottom: 20px;
    width: 100px;
  }

  .item-box.o6 .text-box {
    width: 175px;
  }
  .item-box.o7 {
    display: flex;
    flex-direction: row-reverse;
    gap: 15px;
    float: right;
    padding-right: 90px;
  }
  .item-box.o7 [src*="bg10"] {
    bottom: 159px;
    left: 89px;
    z-index: -1;
    width: 204px;
  }
  .item-box.o7 picture {
    width: 220px;
  }
  .item-box.o7 picture img:nth-child(2) {
    position: absolute;
    left: 100px;
    top: 50px;
    width: 100px;
    transform: rotate(7deg);
  }
  .item-box.o7 .text-box {
    width: 175px;
    padding-top: 90px;
  }

  .new-shops {
    padding-block: 90px 80px;
  }
  .new-shops .section-title {
    margin-bottom: 50px;
  }
  .new-shops .section-title img {
    width: 342px;
  }
  .new-shops ul {
    display: flex;
    gap: 25px;
    width: 980px;
    margin: 0 auto;
  }
  .new-shops li {
    width: 300px;
  }
  .new-shops .text-box {
    padding-top: 10px;
  }
  .shop-info .shop-name {
    font-size: 16px;
  }
  .note {
    width: 980px;
  }
}