@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: "impact";
    font-weight: 400;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/impact_gravure.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/impact_gravure.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "tsukuAOld";
    font-weight: 700;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/FOT-TsukuAOldMinPr6N-B.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/FOT-TsukuAOldMinPr6N-B.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "source-han-sans-japanese";
    font-weight: 400;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shs_r.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shs_r.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "source-han-sans-japanese";
    font-weight: 700;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shs_b.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shs_b.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "shingo";
    font-weight: 400;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shingo.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/shingo.woff") format("woff");
    font-display: swap;
  }
  @font-face {
    font-family: "keifont";
    font-weight: 800;
    src: url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/keifont.woff2") format("woff2"),
         url("https://cinimg.awscf.net/cinderella-group.com/gravure/font/keifont.woff") format("woff");
    font-display: swap;
  }

/* =========================================================
	一般
========================================================= */
body{
	/* background: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_main_02.png); */
	background-size: contain;
	background-position-x: center;
}

img {
  touch-callout:none;
  user-select:none;
}

#contentsWrapper {
  font-family: source-han-sans-japanese, sans-serif;
  font-weight: 500;
  font-style: normal;
}

#middleBox {
  background-color: #ffffff;
  /* background: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_design_sp.jpg); */
  /* background-repeat: repeat-y; */
  width: 100%;
  /* background-size: 100%; */
  padding-bottom: 13%;
}

.innerWrap{
  width: 100%;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.innerWrap h3{
  color: #ffffff;
	text-align: center;
	position: relative;
	margin: 0 auto 5%;
	font-family: inherit;
	background-color: #e91e63;
	padding: 2.5% 0;
}

.innerWrap h3 span:first-of-type {
  position: relative;
  font-size: 5.5vw;
  font-weight: bold;
}

.innerWrap h3 span {
  display: block;
  font-size: 2.8vw;
  /* margin-top: 2%; */
}

h4{
	font-weight: bold;
	font-size: 100%;
	margin-bottom: 4%;
	position: relative;
}

footer::before {
  margin-top: 0;
}

/* ========== middleWrapper =========== */
#middleWrapper {
  /* position: relative; */
}

#middleWrapper::before {
  /* content: ""; */
  /* position: absolute; */
  /* bottom: 0; */
  /* left: 0; */
  /* display: block!important; */
  /* background: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_bottom_flower.png); */
  /* width: 100%; */
  /* background-repeat: no-repeat; */
  /* background-size: 100%; */
  /* height: 24vw; */
}

/* ========== bottomWrapper =========== */
.bottomWrapper {
  position: relative;
  /* background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_main_bottom.webp);
  background-size: 100% 100%;
  background-repeat: no-repeat; */
  padding-bottom: 25%;
  padding-top: 8%;
}

.bottomWrapper h3{
  width: 100%;
  height: 18vw;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  line-height: 1;
  background-color: #54bade;
}

/*----------------------------------------
  　センターバナー装飾
----------------------------------------*/
.bannerBlock {
	text-align: center;
	margin: 7% auto 0;
}

.bannerBlock .innerWrap {
  /* width: 100%; */
  width: 96%;
}

.bannerBlock a:hover {
  opacity: 0.7;
}

.lineReserve {
  margin: 0 auto 7vw;
}

.readMoreBox {
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.readMoreBox a {
  height: 13.5vw;
  line-height: 13.5vw;
  letter-spacing: 0.1em;
  display: block;
  background-color: #fc2283;
  background-image: linear-gradient(345deg, #ff5b8d 0%, #ff598c 43%, #ff437d 57%, #ff4780 67%, #ff568a 70%, #ff598c 74%, #ff4780 93%, #ff5c8e 100%);
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #ffffff;
  border-radius: 0.8vw;
  font-weight: bold;
  font-size: 1.2em;
  box-shadow: 0 0.3vw 0 rgb(0 0 0 / 35%);
  box-sizing: border-box;
}

.readMoreBox a span, .readMore p span {
  display: inline-block;
  margin-left: 0.3em;
}

/* safari */
_::-webkit-full-page-media, _:future, :root .browserHack {
  display: block;
}

.browserHack {
 display: none;
 font-family: a-otf-ud-shin-go-pr6n, sans-serif;
 font-style: normal;
 font-weight: 300;
 width: 95%;
 margin: 1% auto 0;
 font-size: 70%;
 text-align: center;
 color: #414141;
}

/* =========================================================
	動画
========================================================= */
#movie {
  padding-top: 0;
}

#movie .innerWrap {
  width: 102%;
  position: relative;
  left: -1%;
}

video{
	width: 100%;
}

/* =========================================================
	ピックアップ
========================================================= */
#middleBox #pickUp {
  background: url("https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_main.webp");
  background-position: top;
  background-position-x: center;
  background-size: 100% auto;
  /* background-size: cover; */
  background-repeat: no-repeat;
  margin-top: -1%;
  margin-bottom: 8%;
  padding: 5% 0;
  height: auto;
  /* padding-bottom: 12%; */
}

#pickUp .pickUpBlock {
	/* padding: 3% 0; */
	padding: 3%;
	position: relative;
	/* margin-bottom: 7%; */
	margin-bottom: 8%;
	background-color: rgba(255,255,255,0.5);
	box-sizing: border-box;
}

#pickUp .pickUpBlock:last-of-type {
  margin-bottom: 0;
}

#pickUp .pickUpInner {
  /* width: 94%; */
  margin: 0 auto;
  position: relative;
}

#pickUp .pickUpProfile {
	float: left;
	width: 100%;
}

#pickUp .pickUpBlock:nth-child(even) .pickUpProfile {
	float: right;
}

#pickUp .pickUpPhoto {
	width: 44vw;
  height: 44vw;
  position: absolute;
  top: 30.5vw;
  background-color: #bbbbbb;
  overflow: hidden;
}

#pickUp .pickUpBlock:nth-child(even) .pickUpPhoto {
	float:left;
}

#pickUp .pickUpPhoto img {
  position: absolute;
  width: 100%;
  height: auto;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#pickUp .pickUp {
  width: 14vw;
  height: 14vw;
  position: absolute;
  top: 34.5vw;
  z-index: 2;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  font-family: impact, sans-serif;
  border: 0.5vw solid;
  color: #000000;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.9em;
  padding-top: 0.5%;
  box-sizing: border-box;
  line-height: 1;
}

#pickUp .pickUpBlock:nth-of-type(odd) .pickUp {
  left: 0;
  right: auto;
}

#pickUp .pickUpBlock:nth-of-type(even) .pickUp {
  left: auto;
  right: 0;
}

#pickUp .pickUpBlock:nth-of-type(odd) .pickUpPhoto {
  right: 0;
}

#pickUp .pickUpBlock:nth-of-type(even) .pickUpPhoto {
  left: 0;
}

#pickUp .pickUp span {
  display: block;
  font-weight: inherit;
  font-size: 2.8em;
}

#pickUp .pickUpProfile .pickUpTitle {
	background: rgba(255,255,255,0.8);
	position: relative;
	width: 100%;
	/* height: 30vw; */
	height: 28vw;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto 24vw;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #000000;
	border: 1px solid #ffd201;
	box-sizing: border-box;
}

#pickUp .pickUpBlock .pickUpTitle p {
  font-family: "tsukuAOld", sans-serif;
  font-weight: 800;
  /* font-size: 6.2vw; */
  font-size: 6.5vw;
  text-align: center;
  line-height: 1.35;
  letter-spacing: 0;
  margin: 0;
  white-space: break-spaces;
}

#pickUp .pickUpProfile p {
  font-size: 1.2em;
	line-height: 1.2;
}

#pickUp .pickUpProfile h4 {
	position: relative;
	margin-bottom: 3vw;
	font-size: 6.25vw;
	width: 100%;
	height: 6.8vw;
	line-height: 6.8vw;
	z-index: 10;
	font-weight: bold;
	font-family: inherit;
	color: inherit;
}

/* #pickUp .pickUpProfile h4::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 5vw;
  height: 5vw;
  background: url(https://cinimg.awscf.net/cinderella-group.com/gravure/199/main/name_design.png);
  background-size: 100%;
  background-repeat: no-repeat;
} */

#pickUp .pickUpProfile h4::after {
  content: "";
  position: absolute;
  bottom: -2vw;
  right: 0;
  width: 100%;
  height: 0.3vw;
  background-color: #000000;
}

#pickUp .pickUpProfile h4 span {
  display: inline-block;
  width: 6vw;
  height: 6vw;
  margin-left: 3%;
  vertical-align: bottom;
}

/*
#pickUp .pickUpProfile h4::before {
  content: "";
  position: absolute;
  top: 56%;
  left: 0;
  width: 8vw;
  height: 6vw;
  background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/main/suika_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
  transform: translateY(-50%);
}
*/

#pickUp .pickUpProfile .shopName {
  font-size: 3.44vw;
	letter-spacing: 0;
}

.girlsName {
  justify-content: space-between;
  align-items: baseline;
  /* background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_girlsProf.png); */
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  box-sizing: border-box;
  width: 47%;
  height: 6vw;
  color: #000000;
  margin-bottom: 23vw;
}

#pickUp .pickUpBlock:nth-of-type(odd) .girlsName {
  margin-right: auto;
  margin-left: 0;
}

#pickUp .pickUpBlock:nth-of-type(even) .girlsName {
  margin-right: 0;
  margin-left: auto;
  text-align: right;
}

#pickUp .pickUpProfile p.girlsState {
  width: 55%;
  text-align: right;
  font-weight: bold;
  font-size: 2.8vw;
}
#pickUp .pickUpPhoto a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

#pickUp .readMore {
	text-decoration: none;
	width: 96%;
	color: inherit;

}

#pickUp .readMore p {
	width: 100%;
	height: 13.5vw;
	line-height: 13.5vw;
	letter-spacing: 0.1em;
	position: relative;
	margin: 0;
	text-align: center;
	color: #ffffff;
	background-color: #fc2283;
	background-image: linear-gradient(345deg, #ff5b8d 0%, #ff598c 43%, #ff437d 57%, #ff4780 67%, #ff568a 70%, #ff598c 74%, #ff4780 93%, #ff5c8e 100%);
	font-weight: bold;
	border-radius: 0.8vw;
	border: 1px solid #ffffff;
	box-shadow: 0 0.3vw 0 rgb(0 0 0 / 35%);
}

/* divider */
.divider{
	color: #000000;
  background-image: url("https://cinimg.awscf.net/cinderella-group.com/gravure/258/main/img_main_divider.webp")!important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  margin-top: -10vw;
  margin-bottom: -10vw;
  height: 28vw;
  position: relative;
}

/* =========================================================
	写メ日記
========================================================= */
#photoBlog {
  /* padding-top: 7%; */
  width: 94%;
  margin: 0 auto 13%;
}

#photoBlog h3 span:nth-of-type(1) {
  margin-top: 0;
  margin-bottom: 1.25vw;
}

#photoBlog .syameList a{
	text-decoration: none;
	color: #333333;
	background-color: #ffffff;
}

#photoBlog .syameList{
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.8%;
}

#photoBlog .syameAnchor {
	height: 100%;
}

#photoBlog .syamePhoto {
	height: 27vw;
  width: 93%;
  margin: 3.5% auto 0;
  overflow: hidden;
  position: relative;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

#photoBlog .syamePhoto img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#photoBlog .syameLink{
	width: 32%;
	display: inline-block;
  border: 1px solid #cccccc;
  box-sizing: border-box;
}

#photoBlog .syameLink:nth-of-type(n+4) {
	display: none;
}

#photoBlog .syameLink:hover{
	opacity: 0.7;
}

#photoBlog .syameStateWrap {
	position: relative;
  width: 93%;
  margin: 0 auto 4%;
  line-height: 1;
}

#photoBlog .syameText, #photoBlog .syameShopName {
  font-style: normal;
  font-weight: 300;
}

#photoBlog .syameText {
	font-size: 1em;
	margin-top: 4%;
  margin-bottom: 8%;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: bold;
}

#photoBlog .syameName{
	font-size: 0.9em;
	margin-top: 3%;
	margin-bottom: 5%;
}

#photoBlog .syameTime{
	text-align: center;
	margin-bottom: 6px;
  font-size: 43%;
}

#photoBlog .syameShopName{
  font-size: 0.7em;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-top: 0;
}

/* =========================================================
	ランキング
========================================================= */
#ranking h3 span:nth-of-type(1) {
  margin-top: 0;
  margin-bottom: 1.25vw;
}

.top3 {
	margin-bottom: 8%;
}

.top3 h4{
  font-weight: 700;
	text-align: center;
  position: relative;
  font-size: 4.5vw;
  margin-bottom: 5%;
  color: #ffffff;
  height: 10vw;
  line-height: 10vw;
  border-radius: 1.1vw;
  background: #92c7fe;
  border: 1px solid #92c7fe;
  font-family: inherit;
  /* background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/ranking_bg.webp); */
  background-repeat: no-repeat;
  background-size: 100%;
}

.top3 ul {
	display: flex;
  justify-content: space-between;
}

.top3 ul li {
	position: relative;
	width: 31%;
}

.top3 ul li img {
	border-radius: 50%;
}

.top3 ul li span {
  position: absolute;
  font-family: century-gothic, sans-serif;
  color: #ffffff;
  width: 6.7vw;
  height: 6.7vw;
  font-size: 2.6vw;
  z-index: 1;
  text-align: center;
  line-height: 6.8vw;
  top: 3%;
  left: 0;
}

.top3 ul li span::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: rotate(45deg);
}

.top3 ul li.no1 span::after {
  background-color: #ffd700;
}

.top3 ul li.no2 span::after {
  background-color: #aeaeae;
}

.top3 ul li.no3 span::after {
  background-color: #c47222;
}

/* =========================================================
	ショップリスト
========================================================= */
#shopList {
  width: 94%;
  margin: 0 auto;
}

#shopList h3 span:nth-of-type(1) {
  margin-top: 0;
  margin-bottom: 1.25vw;
}

#shopList ul {
	width: 100%;
	margin: 0 auto 5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#shopList ul li {
	display: inline-block;
	width: 100%;
	margin-bottom: 3%;
  box-sizing: border-box;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}

#shopList ul li a {
  display: block;
  color: #111111;
  text-decoration: none;
}

.shopBox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 3%;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.shopImage {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20%;
}

.shopImage img {
  width: 100%;
  height: auto;
}

.shopInformation {
  width: 77%;
  font-size: 3.6vw;
}

#middleBox .shopInformation p {
  margin: 0;
  white-space: nowrap;
}

.categories {
  display: flex;
  margin-bottom: 2%;
}

#middleBox .categories p {
  margin-right: 2%;
  color: #ffffff;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  border-radius: 2px;
  padding: 0 1.5%;
  height: 4.5vw;
  line-height: 4.5vw;
}

.hoteheru {
  background-color: #ff7fff;
}

.deriheru {
  background-color: #ff7f7f;
}

.onakura {
  background-color: #7acf7a;
}

.tenpogata {
  background-color: #5eb5ff;
}

.esthe {
  background-color: #ffa06c;
}

#middleBox p.shopName {
  font-size: 1.45em;
  font-weight: bold;
  height: 7vw;
  line-height: 5.5vw;
}

.shopAppoint {
  display: flex;
  justify-content: space-between;
  width: 85%;
}

#middleBox .shopAppoint p {
  font-size: 0.975em;
}

.shopAppoint p::before {
  content: "";
  display: inline-block;
  margin-right: 0.3em;
  vertical-align: -7%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.shopAppoint p.shopTime::before {
  background-image: url("https://cinimg.awscf.net/cinderella-group.com/gravure/shop_list/icon_clock.svg");
  width: calc(24vw * 0.15);
  height: calc(24vw * 0.15);
}

.shopAppoint p.shopTel::before {
  background-image: url("https://cinimg.awscf.net/cinderella-group.com/gravure/shop_list/icon_tel.svg");
  width: calc(26vw * 0.15);
  height: calc(26vw * 0.15);
}



/* =========================================================
	ここからテンプレ外のユニークcss
========================================================= */
/* 156 */
/*
#pickUp .pickUpBlock:nth-of-type(3) .pickUpTitle {
  color: #520f01;
}

#pickUp .pickUpBlock:nth-of-type(3) .pickUpTitle span {
  letter-spacing: -0.65em;
  display: inline-block;
  margin-left: 0.03em;
  font-size: inherit;
}
*/

/* 161 */
/* #pickUp .pickUpBlock {
  background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_pickup_inner.jpg);
  box-shadow: 0 0.8vw 0.8vw rgb(72 53 36 / 70%);
} */

#pickUp .pickUp {
  /* top: 37.5vw; */
  top: 31.5vw;
}

/* #pickUp .pickUp::after {
  content: "";
  display: block;
  background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/161/s/main/img_pickup_decoration.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  width: calc(175vw * 0.135);
  height: calc(144vw * 0.135);
  position: absolute;
  top: -24%;
} */

#pickUp .pickUpBlock:nth-of-type(odd) .pickUp::after {
  left: 127%;
}

#pickUp .pickUpBlock:nth-of-type(even) .pickUp::after {
  right: 120%;
}

#pickUp .pickUpProfile .pickUpTitle {
  /* margin-bottom: 27vw; */
  /* margin-bottom: 22vw; */
  margin-bottom: 24vw;
}

#pickUp .pickUpBlock .pickUpTitle p {
  letter-spacing: -0.035em;
  /* padding-top: 1vw; */
}

#pickUp .pickUpBlock .pickUpTitle p span {
  display: inline-block;
  font-size: 1em;
  text-indent: -0.5em;
  letter-spacing: -0.03em;
}

#pickUp .pickUpBlock .pickUpTitle p span.close {
  text-indent: -0.05em;
  letter-spacing: -0.5em;
}

.girlsName {
  margin-bottom: 19vw;
}

#pickUp .readMore p {
  /* background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_more_read.webp);
  background-repeat: no-repeat;
  background-size: cover; */
  background-position: center;
  color: rgba(255,255,255,1);
  font-weight: bold;
  /* text-shadow: -1px 1px 0px #fff, 0 0 #000; */
}

.bottomWrapper .innerWrap h3 {
  background-color: #54bade;
  background-image: url("https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/h3_bg.webp");
  /* background-repeat: no-repeat; */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  color: #56a9de;
}

/* .bottomWrapper .innerWrap h3::before, .bottomWrapper .innerWrap h3::after {
  content: "";
  display: block;
  width: 100%;
  height: 1.5vw;
  border-top: 2px solid;
  border-bottom: 2px solid;
  box-sizing: border-box;
} */

.bottomWrapper .innerWrap h3::before {
  top: 0;
}

.bottomWrapper .innerWrap h3::after {
  bottom: 0;
}

.readMoreBox a {
  /* background-image: url(https://cinimg.awscf.net/cinderella-group.com/gravure/258/s/main/bg_more_read.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center; */
  color: rgba(255,255,255,1);
  font-weight: bold;
  /* text-shadow: -1px 1px 0px #fff, 0 0 #000; */
}

footer {
  margin-top: 0;
}